/* ============ Shell (Danilo's format) ============ */
:root{
  --shell:#151515; --shell-ink:#e9e9e9; --doc-bg:#f1f1ee; --ink:#111; --muted:#5d5d5d; --line:#e2e2dc; --blue:#2463eb;
  /* Bird&Be brand tokens (read from birdandbe.com, 1 Oct 2026) */
  --bb-cream:#FBF7EE; --bb-sand:#F3EBDD; --bb-navy:#001C36; --bb-ink:#00203F; --bb-steel:#3D6584;
  --bb-teal:#0E6E62; --bb-teal-2:#1C8C7C; --bb-mint:#DCEBD6; --bb-sage:#C9DCC2; --bb-berry:#6E1A3A; --bb-peach:#F6D9B8;
  --serif:"Newsreader", Georgia, "Times New Roman", serif; --sans:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
.view [id]{scroll-margin-top:72px}
body{margin:0;font-family:var(--ui);color:var(--ink);background:var(--doc-bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}

/* Context line: who built this and for whom. Same dark shell as the tab bar, so the header reads as one block */
.meta-bar{background:#0c0c0c;color:#a3a3a3;font:500 12.5px/1.45 var(--ui);padding:8px 24px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center;border-bottom:1px solid #222}
.meta-bar .pill{flex:none;font:600 10.5px/1 var(--ui);letter-spacing:.09em;text-transform:uppercase;color:#f5c84b;background:rgba(245,200,75,.1);border:1px solid rgba(245,200,75,.32);border-radius:99px;padding:4px 9px}
.meta-bar b{color:#e5e5e5;font-weight:600}

.topbar{position:sticky;top:0;z-index:50;background:var(--shell);display:flex;align-items:center;gap:12px;padding:9px 24px;box-shadow:0 1px 0 #262626,0 6px 18px rgba(0,0,0,.18)}
.topbar .tabs{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.topbar .tabs::-webkit-scrollbar{display:none}
.topbar a.tab{flex:none;display:inline-flex;align-items:center;gap:7px;color:#d4d4d4;text-decoration:none;font:600 14px/1 var(--ui);padding:9px 12px;border-radius:8px;white-space:nowrap;transition:background .15s,color .15s}
.topbar a.tab:hover{background:#262626;color:#fff}
.topbar a.tab.active{background:#fff;color:#111}
.topbar .divider{flex:none;width:1px;height:20px;background:#333;margin:0 6px}
.topbar a.tab.doc-tab{border:1px solid #3a3a3a;padding:8px 11px}
.topbar a.tab.doc-tab.active{border-color:#fff}
.topbar a.tab svg{width:15px;height:15px;flex:none}
.topbar a.chat{flex:none;background:var(--blue);color:#fff;text-decoration:none;font:600 14px/1 var(--ui);padding:10px 15px;border-radius:8px;white-space:nowrap;transition:background .15s}
.topbar a.chat:hover{background:#1d4fd0}
:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
@media (max-width:760px){
  .meta-bar{padding:7px 14px;font-size:12px}
  .topbar{padding:8px 12px;gap:8px}
  .topbar .tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:28px}
  .topbar a.chat{padding:9px 12px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
}

main > section.view{display:none}
main > section.view.active{display:block}

/* ---------- doc pages (application, plans) ---------- */
.doc{max-width:860px;margin:28px auto 60px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:72px 96px}
.doc h1{font:700 30px/1.2 var(--ui);margin:0 0 8px}
.doc .byline{color:var(--muted);font-size:15px;margin:0 0 30px}
.doc h3{font:700 17px/1.3 var(--ui);margin:30px 0 8px}
.doc p,.doc li{font-size:15.5px;line-height:1.6}
.doc ul{padding-left:22px;margin:8px 0}
.doc li{margin:4px 0}
.who{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:start}
.avatar{width:78px;height:78px;border-radius:50%;background:#1f3b4d;color:#fff;display:grid;place-items:center;font:700 24px var(--ui)}
.who h3{margin-top:0}
table.t{width:100%;border-collapse:collapse;margin:12px 0 6px;font-size:14px}
table.t th,table.t td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
table.t th{background:#f6f6f3;font-weight:600}
table.t td.num,table.t th.num{text-align:right;font-variant-numeric:tabular-nums}
.note{color:var(--muted);font-size:12.5px!important;line-height:1.5!important;margin:6px 0 0}
.sig{margin-top:26px}

/* ---------- long plan pages ---------- */
.plan{max-width:1080px;margin:0 auto;padding:40px 28px 80px}
.plan-hero{border-radius:20px;overflow:hidden;position:relative;color:#fff;background:var(--bb-navy);min-height:360px;display:grid;align-items:end}
.plan-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.plan-hero .inner{position:relative;padding:40px 44px}
.kicker{font:600 12px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.plan-hero h1{font:600 48px/1.05 var(--serif);margin:12px 0 10px;max-width:760px}
.plan-hero p{font-size:17px;line-height:1.5;max-width:720px;margin:0;opacity:.95}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 6px}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.stat b{display:block;font:600 30px/1.1 var(--serif);color:var(--bb-navy)}
.stat span{font-size:13.5px;color:var(--muted);line-height:1.4;display:block;margin-top:6px}
.toc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}
.toc a{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;text-decoration:none}
.toc a i{font-style:normal;color:var(--bb-teal);font:600 12px var(--ui)}
.toc a b{display:block;font-size:15px;margin:4px 0 2px}
.toc a span{font-size:13px;color:var(--muted)}
.block{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 34px;margin:18px 0}
.block .kicker{color:var(--bb-teal);opacity:1}
.block h2{font:600 30px/1.15 var(--serif);margin:8px 0 12px;color:var(--bb-navy)}
.block p{font-size:15.5px;line-height:1.6;margin:8px 0}
.pill{display:inline-block;font:600 11px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:99px;background:#eef3ee;color:#24543e}
.pill.warn{background:#fff1e3;color:#8a4a07}
.pill.bad{background:#fdeaea;color:#9a1d1d}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fcfcfa}
.card h4{margin:0 0 6px;font:600 16px/1.3 var(--ui)}
.card p{margin:4px 0;font-size:14.5px}
.bars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.bars div{border-radius:12px;padding:16px;color:#fff;background:var(--bb-teal)}
.bars div:nth-child(2){background:var(--bb-steel)}
.bars div:nth-child(3){background:var(--bb-berry)}
.bars div:nth-child(4){background:#7b8a5e}
.bars b{font:600 26px/1 var(--serif);display:block}
.bars span{font-size:13px;opacity:.95;display:block;margin-top:6px;line-height:1.35}
.calc{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}
.calc label{display:grid;grid-template-columns:1fr 90px;gap:10px;align-items:center;font-size:14px;margin:8px 0}
.calc input{width:100%;padding:8px;border:1px solid #cfcfc8;border-radius:8px;font:500 14px var(--ui)}
.calc .out{background:var(--bb-navy);color:#fff;border-radius:14px;padding:18px 20px}
.calc .out div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:14px}
.calc .out div b{font-variant-numeric:tabular-nums}
.calc .verdict{margin-top:12px;font-size:14px;line-height:1.45}

/* slack-style mock */
.slack{border:1px solid #ddd;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:190px 1fr;background:#fff;font-size:14px}
.slack .side{background:#3f0e40;color:#e8d7ea;padding:14px}
.slack .side b{color:#fff;display:block;margin-bottom:10px}
.slack .side div{padding:4px 0;opacity:.9}
.slack .side .on{color:#fff;font-weight:600;opacity:1}
.slack .msgs{padding:12px 16px}
.msg{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #f1f1f1}
.msg .av{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#fff;font:700 13px var(--ui)}
.msg b{font-size:14px}
.msg time{color:#888;font-size:12px;margin-left:6px}
.msg p{margin:2px 0;line-height:1.45}
.msg .reply{color:#1264a3;font-size:13px}

/* ============ Landing page (Bird&Be look) ============ */
.lp{background:var(--bb-cream);color:var(--bb-navy);font-family:var(--sans)}
.lp *{font-family:inherit}
.lp h1,.lp h2,.lp h3{font-family:var(--serif);font-weight:500;color:var(--bb-navy);letter-spacing:-.01em}
.lp em{font-family:var(--serif);font-style:italic}
.lp .wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.lp .marquee{background:var(--bb-berry);color:#fff;overflow:hidden;white-space:nowrap;font:500 13px/1 var(--sans);padding:12px 0;letter-spacing:.04em}
.lp .marquee span{display:inline-block;animation:mq 38s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}
.lp .nav{display:flex;align-items:center;gap:28px;padding:16px 28px;max-width:1180px;margin:0 auto}
.lp .nav .logo{height:34px;width:auto}
.lp .nav .logo-text{font:500 34px/1 var(--serif);color:#2F5468;letter-spacing:-.02em}
.lp .nav nav{display:flex;gap:24px;font-size:15px}
.lp .nav nav a{text-decoration:none;color:var(--bb-navy)}
.lp .nav nav a:hover{text-decoration:underline;text-underline-offset:4px}
.lp .nav .grow{flex:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:15px 28px;font:600 15px/1 var(--sans);text-decoration:none;border:0;cursor:pointer}
.btn.navy{background:var(--bb-navy);color:#fff}
.btn.steel{background:var(--bb-steel);color:#fff}
.btn.ghost{background:transparent;border:1.5px solid var(--bb-navy);color:var(--bb-navy)}
.lp .sub-cta{font-size:13px;opacity:.75;margin-top:10px}

.lp .hero{display:grid;grid-template-columns:1.05fr .95fr;gap:0;background:linear-gradient(180deg,#e6efd8 0%,#f6e6cf 100%);border-radius:0;min-height:560px}
.lp .hero .copy{padding:64px 56px 56px;align-self:center}
.lp .hero h1{font-size:62px;line-height:1.02;margin:0 0 18px}
.lp .hero p.lede{font-size:18px;line-height:1.55;max-width:520px;margin:0 0 26px}
.lp .hero .media{position:relative;overflow:hidden;min-height:560px}
.lp .hero .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp .checks{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:14px}
.lp .checks span::before{content:"✓ ";color:var(--bb-teal);font-weight:700}
.lp .src{font-size:12px;opacity:.6;margin:14px 0 0;line-height:1.45}
.lp section.s{padding:84px 0}
.lp section.s.sand{background:var(--bb-sand)}
.lp section.s.navy{background:var(--bb-navy);color:#fff}
.lp section.s.navy h2,.lp section.s.navy h3{color:#fff}
.lp section.s.mint{background:var(--bb-mint)}
.lp .eyebrow{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bb-teal);margin-bottom:14px}
.lp section.s.navy .eyebrow{color:#9fd3c7}
.lp h2.big{font-size:46px;line-height:1.08;margin:0 0 16px;max-width:820px}
.lp .center{text-align:center}
.lp .center h2.big{margin-left:auto;margin-right:auto}
.lp .lead{font-size:17px;line-height:1.6;max-width:680px}
.lp .center .lead{margin:0 auto}
.lp .split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.lp .split.wide-left{grid-template-columns:1.1fr .9fr}
.lp .proofbar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(0,28,54,.12);border-bottom:1px solid rgba(0,28,54,.12)}
.lp .proofbar div{padding:26px 22px;border-right:1px solid rgba(0,28,54,.12)}
.lp .proofbar div:last-child{border-right:0}
.lp .proofbar b{font:500 34px/1 var(--serif);display:block}
.lp .proofbar span{font-size:13.5px;opacity:.8;display:block;margin-top:8px;line-height:1.4}

.lp .halves{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px}
.lp .half{background:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.lp .half .ph{background:#f4f1ea;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden}
.lp .half .ph img{width:100%;height:100%;object-fit:contain}
.lp .half .body{padding:26px 28px 30px}
.lp .chip{display:inline-block;font:600 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;background:#dcefe8;color:#0b5a4f;border-radius:99px;padding:6px 10px}
.lp .half h3{font-size:30px;margin:12px 0 8px}
.lp .half ul{margin:12px 0 18px;padding-left:18px;line-height:1.7;font-size:15px}
.lp .price{font:600 22px/1 var(--sans)}
.lp .price small{font-size:13px;font-weight:500;opacity:.7}
.lp .stars{color:#e2a33b;letter-spacing:2px;font-size:15px}

.lp .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.lp .step{background:#fff;border-radius:20px;padding:28px}
.lp .step b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--bb-navy);color:#fff;font:600 16px var(--sans);margin-bottom:14px}
.lp .step h3{font-size:26px;margin:0 0 6px}
.lp .step p{margin:0;font-size:15px;line-height:1.55}

.lp .ing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.lp .ing div{border:1px solid rgba(0,28,54,.14);border-radius:18px;padding:22px;background:rgba(255,255,255,.55)}
.lp .ing b{font:500 26px/1.1 var(--serif);display:block;margin-bottom:6px}
.lp .ing span{font-size:14.5px;line-height:1.5;display:block}

.lp .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;position:relative}
.lp .timeline::before{content:"";position:absolute;left:0;right:0;top:22px;height:2px;background:rgba(255,255,255,.25)}
.lp .timeline div{position:relative;padding-right:18px}
.lp .timeline i{display:block;width:16px;height:16px;border-radius:50%;background:#9fd3c7;margin:15px 0 18px;font-style:normal}
.lp .timeline b{font:500 30px/1 var(--serif);display:block}
.lp .timeline span{font-size:14.5px;line-height:1.5;opacity:.9;display:block;margin-top:8px}

.lp .products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.lp .prod{background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
.lp .prod:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,28,54,.1)}
.lp .prod .ph{aspect-ratio:1/1;background:#f2efe8;overflow:hidden}
.lp .prod .ph img{width:100%;height:100%;object-fit:cover}
.lp .prod .b{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.lp .prod .chip{align-self:flex-start}
.lp .prod h3{font:600 16px/1.3 var(--sans);margin:0}
.lp .prod p{font-size:13.5px;margin:0;opacity:.8;line-height:1.45}
.lp .prod .price{margin-top:auto;padding-top:8px;font-size:18px}

.lp .reviews-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:26px 0 28px}
.lp .reviews-filter button{border:1.5px solid var(--bb-navy);background:transparent;color:var(--bb-navy);border-radius:99px;padding:9px 16px;font:500 14px var(--sans);cursor:pointer}
.lp .reviews-filter button.on{background:var(--bb-navy);color:#fff}
.lp .reviews{columns:3 300px;column-gap:18px}
.lp .rev{break-inside:avoid;background:#fff;border-radius:18px;padding:22px 22px 18px;margin:0 0 18px}
.lp .rev q{display:block;font:italic 400 19px/1.45 var(--serif);quotes:"“" "”"}
.lp .rev .who{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:13px;opacity:.8}
.lp .rev .tag{font:600 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--bb-teal)}

.lp .story{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.lp .story .ph{border-radius:24px;overflow:hidden;aspect-ratio:4/5}
.lp .story .ph img{width:100%;height:100%;object-fit:cover}
.lp blockquote{margin:18px 0;font:italic 400 24px/1.4 var(--serif);border-left:3px solid var(--bb-teal);padding-left:18px}

.lp .offer{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}
.lp .plan-card{background:#fff;border-radius:24px;padding:30px;border:2px solid transparent;position:relative}
.lp .plan-card.best{border-color:var(--bb-teal)}
.lp .plan-card .flag{position:absolute;top:-12px;left:26px;background:var(--bb-teal);color:#fff;font:600 11px/1 var(--sans);letter-spacing:.08em;padding:7px 10px;border-radius:99px}
.lp .plan-card h3{font-size:30px;margin:0 0 6px}
.lp .plan-card ul{list-style:none;padding:0;margin:16px 0 22px;font-size:15px;line-height:1.9}
.lp .plan-card li::before{content:"✓  ";color:var(--bb-teal);font-weight:700}

.lp details{border-bottom:1px solid rgba(0,28,54,.15);padding:18px 0}
.lp details summary{cursor:pointer;font:500 22px/1.3 var(--serif);list-style:none;display:flex;justify-content:space-between}
.lp details summary::after{content:"+";font-family:var(--sans)}
.lp details[open] summary::after{content:"–"}
.lp details p{font-size:15.5px;line-height:1.6;margin:10px 0 0;max-width:820px}
.lp .disclaimer{background:var(--bb-navy);color:#cfd8e3;font-size:12.5px;line-height:1.6;padding:28px}

/* ============ Ads ============ */
.ads-page{max-width:1240px;margin:0 auto;padding:30px 24px 80px}
.ads-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.ads-head p{margin:0;font-size:15px;color:#333;max-width:760px;line-height:1.5}
.ratio{display:inline-flex;background:#e4e4df;border-radius:10px;padding:4px;gap:4px}
.ratio button{border:0;background:transparent;font:600 13px var(--ui);padding:8px 14px;border-radius:7px;cursor:pointer}
.ratio button.on{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.post{background:#fff;border:1px solid #e3e3df;border-radius:16px;overflow:hidden}
.post .ph{display:flex;align-items:center;gap:10px;padding:14px 16px 8px}
.post .ph .lg{width:40px;height:40px;border-radius:50%;background:var(--bb-cream);border:1px solid #e7e1d4;display:grid;place-items:center;overflow:hidden;padding:5px}
.post .ph .lg img{width:100%;height:auto}
.post .ph b{font:700 15px/1.2 var(--ui);display:block}
.post .ph span{font-size:12px;color:#666}
.post .copy{padding:4px 16px 12px;font-size:14.5px;line-height:1.5;white-space:pre-line}
.post .linkbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f0f2f5;padding:12px 16px}
.post .linkbar small{display:block;font-size:11.5px;color:#555;letter-spacing:.03em;text-transform:uppercase}
.post .linkbar b{display:block;font-size:14px;line-height:1.3}
.post .linkbar .cta{flex:none;background:#e2e5e9;border-radius:6px;padding:9px 12px;font:600 13px var(--ui);color:#111;text-decoration:none;transition:background .15s}
.post .linkbar .cta:hover{background:#d4d8dd}

.creative{--r:1/1;aspect-ratio:var(--r);position:relative;overflow:hidden;container-type:size;background:var(--bb-cream);color:var(--bb-navy);font-family:var(--sans)}
.feed[data-r="45"] .creative{--r:4/5}
.feed[data-r="916"] .creative{--r:9/16}
.creative img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.creative .layer{position:absolute;inset:0;display:flex;flex-direction:column;padding:6cqw}
.c-serif{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;line-height:1.02}
.c-tag{font:600 2.6cqw/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.c-foot{margin-top:auto;font:600 2.6cqw/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase}

/* ad 1: split her / his */
.a-split{display:grid;grid-template-columns:1fr 1fr;position:absolute;inset:0}
.a-split > div{position:relative;overflow:hidden}
.a-split > div:first-child{border-right:1px solid rgba(0,28,54,.12)}
.a-split .lab{position:absolute;left:3cqw;bottom:3cqw;right:3cqw;color:var(--bb-navy);font:500 4.6cqw/1.05 var(--serif);background:rgba(251,247,238,.92);border-radius:2.4cqw;padding:2.6cqw 3cqw}
.a-split .lab small{display:block;font:600 2.3cqw/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.2cqw;color:var(--bb-teal)}
.a-pair{position:absolute;left:4cqw;right:4cqw;bottom:4cqw;display:grid;grid-template-columns:1fr 1fr;gap:3cqw}
.a-pair .lab{color:var(--bb-navy);font:500 4.4cqw/1.05 var(--serif);background:rgba(251,247,238,.94);border-radius:2.4cqw;padding:2.6cqw 3cqw}
.a-pair .lab small{display:block;font:600 2.3cqw/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.2cqw;color:var(--bb-teal)}
.a-split-top{position:absolute;left:0;right:0;top:0;padding:5cqw;text-align:center;background:linear-gradient(180deg,rgba(251,247,238,.96),rgba(251,247,238,.0));}
.a-split-top div{font:500 7.4cqw/1.02 var(--serif)}
/* notes app */
.a-notes{background:#fff;color:#111;font-family:-apple-system,"Segoe UI",var(--ui)}
.a-notes .bar{display:flex;justify-content:space-between;color:#e0a200;font:500 3.2cqw/1 var(--ui);padding:5cqw 5cqw 2cqw}
.a-notes h4{font:700 6.2cqw/1.15 var(--ui);margin:2cqw 5cqw 3cqw}
.a-notes p{font:400 4cqw/1.45 var(--ui);margin:0 5cqw 2.4cqw}
.a-notes .chk{font:400 4cqw/1.5 var(--ui);margin:0 5cqw}
.a-notes .chk div::before{content:"○  ";color:#bbb}
.a-notes .chk div.done::before{content:"●  ";color:#e0a200}
/* review wall */
.a-wall{background:var(--bb-mint)}
.a-wall .grid{display:grid;grid-template-columns:1fr 1fr;gap:2.6cqw;margin-top:3cqw;flex:1;min-height:0}
.a-wall .q{background:#fff;border-radius:3cqw;padding:3.4cqw;font:italic 400 3.5cqw/1.3 var(--serif);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.a-wall .q small{font:600 2.1cqw/1.2 var(--sans);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--bb-teal);margin-top:1.6cqw}
/* checklist */
.a-check{background:var(--bb-navy);color:#fff}
.a-check .row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);padding:2.6cqw 0;font:500 4.1cqw/1.2 var(--sans)}
.a-check .row b{color:#9fe0c9;font:700 3.4cqw/1 var(--sans);letter-spacing:.06em}
/* text messages */
.a-sms{background:#f2f2f7;font-family:-apple-system,"Segoe UI",var(--ui)}
.a-sms .head{text-align:center;font:600 3.6cqw/1.2 var(--ui);color:#111;padding:4cqw 0 2cqw}
.a-sms .b{max-width:74%;padding:2.6cqw 3.8cqw;border-radius:5cqw;font:400 4.1cqw/1.35 var(--ui);margin:1.4cqw 0}
.a-sms .in{background:#e5e5ea;color:#111;align-self:flex-start}
.a-sms .out{background:#0a84ff;color:#fff;align-self:flex-end}
.a-sms .thread{display:flex;flex-direction:column;padding:0 5cqw;flex:1;justify-content:center}
/* myth vs fact */
.a-myth{background:var(--bb-cream)}
.a-myth .mf{border-radius:4cqw;padding:4.4cqw 5cqw;margin-top:3cqw}
.a-myth .m{background:#efe3df}
.a-myth .f{background:#d9ece4}
.a-myth .mf small{font:700 2.6cqw/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:2cqw}
.a-myth .mf div{font:500 5.4cqw/1.12 var(--serif)}
.a-myth .m div{text-decoration:line-through;text-decoration-thickness:.35cqw;text-decoration-color:var(--bb-berry)}
/* big stat */
.a-stat{background:var(--bb-teal);color:#fff;justify-content:center}
.a-stat .n{font:500 34cqw/0.85 var(--serif);letter-spacing:-.04em}
.a-stat .n small{font-size:.32em;letter-spacing:0}
/* sticky note */
.a-sticky .note{position:absolute;right:7cqw;top:8cqw;width:52cqw;background:#fff3a6;color:#2b2b2b;padding:5cqw 4.6cqw;font:500 5cqw/1.25 "Caveat","Comic Sans MS",cursive;transform:rotate(3deg);box-shadow:0 2cqw 4cqw rgba(0,0,0,.18)}
/* side by side */
.a-vs{display:grid;grid-template-columns:1fr 1fr;position:absolute;inset:0}
.a-vs > div{padding:6cqw 4.6cqw;display:flex;flex-direction:column;gap:2.4cqw}
.a-vs .them{background:#e9e6e1;color:#5a5650}
.a-vs .us{background:var(--bb-navy);color:#fff}
.a-vs h5{font:600 2.8cqw/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin:0 0 2cqw}
.a-vs div p{margin:0;font:500 3.8cqw/1.25 var(--sans)}
.a-vs .them p::before{content:"✕ ";color:#a33}
.a-vs .us p::before{content:"✓ ";color:#9fe0c9}
.a-vs .big{font:500 7cqw/1.02 var(--serif)!important;margin-bottom:2cqw!important}
.a-vs .big::before{content:""!important}
/* quiz card */
.a-quiz{background:linear-gradient(180deg,#e6efd8,#f6e6cf)}
.a-quiz .opt{background:#fff;border-radius:99px;padding:3cqw 4.4cqw;margin-top:2.4cqw;font:500 4cqw/1.1 var(--sans);display:flex;justify-content:space-between}
.a-quiz .opt.sel{background:var(--bb-navy);color:#fff}
.a-quiz .prog{height:1.4cqw;background:rgba(0,28,54,.12);border-radius:9px;margin:3cqw 0}
.a-quiz .prog i{display:block;height:100%;width:40%;background:var(--bb-navy);border-radius:9px}

.ads-foot{margin-top:28px;font-size:13px;line-height:1.6;color:#555;max-width:980px}

/* ============ Claims sheet ============ */
.claims td:first-child{width:46%}
.ok{color:#17663d;font-weight:600}
.no{color:#a11d1d;font-weight:600}

/* ============ Responsive ============ */
@media (max-width:980px){
  .feed{grid-template-columns:repeat(2,1fr)}
  .lp .products{grid-template-columns:repeat(2,1fr)}
  .stats,.bars{grid-template-columns:repeat(2,1fr)}
  .toc,.three{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .topbar{padding:8px 12px}
  .doc{padding:36px 22px;margin:0 0 40px}
  .who{grid-template-columns:1fr}
  .feed{grid-template-columns:1fr}
  .lp .hero{grid-template-columns:1fr}
  .lp .hero .copy{padding:40px 22px}
  .lp .hero h1{font-size:42px}
  .lp .hero .media{height:340px}
  .lp h2.big{font-size:34px}
  .lp .halves,.lp .offer,.lp .story,.lp .split,.lp .split.wide-left,.two,.calc,.toc,.three{grid-template-columns:1fr}
  .lp .split{gap:28px}
  .lp section.s{padding:56px 0}
  .lp .wrap{padding:0 18px}
  .lp .products{grid-template-columns:1fr 1fr;gap:10px}
  .lp .proofbar b{font-size:28px}
  .lp .hero .media{min-height:360px}
  html,body{overflow-x:clip}
  .lp .steps,.lp .ing{grid-template-columns:1fr}
  .lp .timeline{grid-template-columns:1fr 1fr;gap:20px}
  .lp .timeline::before{display:none}
  .lp .proofbar{grid-template-columns:1fr 1fr}
  .lp .proofbar div:nth-child(2){border-right:0}
  .lp .nav nav{display:none}
  .plan{padding:20px 14px 60px}
  .plan-hero .inner{padding:28px 22px}
  .plan-hero h1{font-size:34px}
  .block{padding:22px 18px}
  .slack{grid-template-columns:1fr}
  .slack .side{display:none}
  table.t{font-size:12.5px}
  .table-scroll{overflow-x:auto}
}

/* Taller ad sizes (4:5, 9:16): spread the content instead of leaving the bottom empty */
.a-myth .c-tag,.a-check .c-tag{margin-bottom:auto}
.a-check .c-tag{padding-bottom:3cqw}
.a-quiz .prog{margin-bottom:auto}
.a-wall .grid{flex:0 0 auto;margin:auto 0}
.a-vs > div{justify-content:center}
/* Square product shots: show the whole box in 9:16 instead of cropping its sides */
.feed[data-r="916"] .creative:has(img.fit){background:#f0eff2}
.feed[data-r="916"] .creative img.fit{object-fit:contain}
/* 9:16 is as wide as 1:1 but much taller: scale the text-led layouts up so they fill the Stories safe zone */
.feed[data-r="916"] :is(.a-myth .mf,.a-check .row,.a-quiz .opt,.a-quiz .c-serif,.a-wall .grid,.a-vs > div > *){zoom:1.25}
.feed[data-r="45"] :is(.a-myth .mf,.a-check .row,.a-quiz .opt,.a-wall .grid,.a-vs > div > *){zoom:1.08}