/* Shared toggle presentation, scoped to the control's original value-stack layout. */
[hidden]{display:none!important}
.plan-tg{display:flex;gap:4px;background:#0F0E0C;border:1px solid #2C2B27;border-radius:12px;padding:4px;max-width:390px;margin:22px auto}
.plan-tg button{flex:1;min-height:44px;padding:10px 12px;border:none;border-radius:9px;background:none;color:#D8D6CF;font:800 14.5px 'Inter',sans-serif;cursor:pointer}
.plan-tg button[aria-pressed="true"]{background:#fff;color:var(--ink)}
.plan-tg button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.plan-tg .save{font-size:10px;font-weight:800;background:var(--orange);color:#fff;border-radius:999px;padding:2px 6px;margin-left:5px;white-space:nowrap}
.pay .plan-tg{width:100%;margin:0 0 22px}
.control-perks{border:1px solid var(--orange);background:#2A1810;border-radius:14px;padding:18px;margin:18px 0;text-align:left;color:#FFE3D8;font-size:13px}
.control-perks>b{display:block;color:#fff;margin-bottom:8px}
.control-perks ul{padding-left:18px}
.control-perks li{margin:5px 0}
.control-tease{margin:14px 0;color:#55534E;font-size:13px}
.pay .big [data-o="price"]{font:inherit;color:inherit}
.pay .big small{white-space:nowrap}
.recap .sum s{font-size:clamp(25px,3vw,36px)}
footer .legal{display:flex;justify-content:center;gap:20px;margin-top:15px;font-size:12px}
@media(max-width:480px){.plan-tg button{padding:10px 8px}.plan-tg .save{display:block;width:max-content;margin:4px auto 0}.pay .big{font-size:54px}.bh{font-size:10px}.recap .sum{gap:12px}}
@media(max-width:720px){.topbar .btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}}

/* Phone layouts: readable cards and value rows, not shrunken desktop columns. */
@media(max-width:860px){
  .topbar .btn{display:inline-flex;align-items:center;justify-content:center}
  .meetgrid>*,.brainrow>*,.paybox>*,.stack li>*,.bi>*{min-width:0}
  .paybox>.recap{border-radius:18px 18px 0 0}
  .paybox>.pay{border-radius:0 0 18px 18px}
}
@media(max-width:600px){
  .wrap{padding-inline:20px}
  .hero{padding-top:28px}
  .pre{font-size:9px;letter-spacing:.1em;gap:8px;padding:7px 8px 7px 12px}
  h1{font-size:clamp(36px,10vw,52px);max-width:16ch;line-height:1.06}
  .sub{font-size:16px;line-height:1.6;margin-bottom:22px}
  .hero .btn{margin-top:22px}
  .demovid,.demovid wistia-player{border-radius:12px}
  .unmute{bottom:8px;right:8px;padding:7px 10px;font-size:10px;gap:4px}
  .demovid .unmute span{padding:0;font-size:10px;color:#fff}
  .problem,.ba,.upg,.pbooks,.proof,.versus,.results,.fit,.faq{padding-top:64px}
  .meet,.how,.brain,.pricing,.final{margin-top:64px}
  .how,.brain,.pricing,.founder{padding-block:56px}
  .final{padding:56px 20px}
  .sechead{margin-bottom:28px}
  .sechead h2{font-size:32px;line-height:1.1}
  .numgrid,.quotes{grid-template-columns:minmax(0,1fr)}
  .pb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .num .viz{height:230px}
  .fi{height:138px}.ii{height:150px}
  .mcard .mh{flex-wrap:wrap;row-gap:8px}
  .ship{padding:12px}
  .shiprow{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px}
  .shiprow img{width:40px;height:40px}
  .shiprow .st{grid-column:2;white-space:normal}
  .brainrow,.frow{gap:28px}
  .brainstats{gap:24px}
  .ba-card .inner{padding:0 22px 24px}
  .pcard,.ccard{padding:18px 14px}
  .stack li{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:14px 12px}
  .stack li em{grid-column:2;text-align:left;white-space:normal}
  .stack .ic.avs5{width:44px;flex-wrap:wrap;gap:2px}
  .stack .ic.avs5 img{width:21px;height:21px;border-width:1px}
  .stack .ic.avs5 img+img{margin-left:0}
  .bi{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:16px 12px}
  .bi .im{width:48px;height:48px}
  .bi .im img{width:42px;height:42px}
  .bi .c{grid-column:2;text-align:left;font-size:18px}
  .bi .c small{font-size:9px;letter-spacing:.06em}
  .bi .t b{font-size:15px}.bi .t span{font-size:12px}
  .recap,.pay{padding:28px 20px}
  .recap li{font-size:13px;gap:8px}
  .recap .sum{flex-wrap:wrap}
  .pay .btn{padding:16px 14px;font-size:16px}
  .meter .top{flex-wrap:wrap;gap:6px}
  .mk.six{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gbadge{align-items:flex-start;letter-spacing:.06em}
  .badge{font-size:9px;letter-spacing:.1em;max-width:95%;white-space:normal;text-align:center}
  .ctarow{margin-top:30px}.btn{max-width:100%}
  .q,.fq,.fitcol{padding:22px}
  .stick .in{justify-content:center}.stick .btn{width:100%;text-align:center;min-height:44px}
  .stick{padding-bottom:max(10px,env(safe-area-inset-bottom))}
  footer .legal{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}