/* Cohort 02 landing: mobile-native layer (loads last). Carousels + reorders, not just reflow. */
.msnap{display:none}
@media (max-width:760px){
html body .msnap{display:flex;align-items:center;gap:14px;margin-top:16px;font:500 13px/1 var(--font-mono);letter-spacing:.08em;color:var(--bt-concrete-700)}
html body .msnap .bar{flex:1;height:2px;background:var(--bt-concrete-100);position:relative;overflow:hidden;border-radius:2px}
html body .msnap .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--bt-ink);transition:width .22s cubic-bezier(.2,.7,.2,1)}
html body .msnap .sw{margin-left:auto}
html body .dark .msnap{color:var(--fg-on-dark-muted,#A7A7AE)}html body .dark .msnap .bar{background:rgba(244,242,236,.16)}html body .dark .msnap .bar i{background:var(--fg-on-dark,#F4F2EC)}
.m-rail{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;margin-left:calc(-1 * var(--pad))!important;margin-right:calc(-1 * var(--pad))!important;padding-left:var(--pad)!important;padding-right:var(--pad)!important;scroll-padding-left:var(--pad);gap:12px!important}
.m-rail::-webkit-scrollbar{display:none}

/* 02 hero: tighter rhythm */
html body .hero-sun{min-height:0!important;padding:40px 0 56px!important}
html body .hero h1{margin-bottom:20px!important}
html body .hero .sub{margin-top:0!important}html body .hero h1 .xline{position:absolute!important;margin:0!important}html body .hero h1{position:relative}
html body .hero .chips{display:flex;flex-wrap:wrap;gap:8px}
html body .hero .chips li{margin:0!important}

/* 03 ladder: levels become a swipe rail */
html body .lv-row{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:24px calc(-1 * var(--pad)) 0!important;padding:0 var(--pad)!important;scroll-padding-left:var(--pad);gap:12px!important;list-style:none}
html body .lv-row::-webkit-scrollbar{display:none}
html body .lv-row li{flex:0 0 74%;scroll-snap-align:start;background:var(--bt-white);border:1px solid var(--bt-concrete-100)!important;border-radius:var(--r-lg);padding:20px 20px 22px!important;display:flex;flex-direction:column;gap:8px;min-height:176px}
html body .lv-row li.top{border:1px solid var(--bt-signal)!important;border-left:1px solid var(--bt-signal)!important;background:var(--c02-sun);padding-left:20px!important}
html body .lv-row li.top .tg{color:var(--bt-ink)!important}
html body .lv-row li .tg{margin:0 0 6px!important}
html body .lad-close{font-size:22px!important;margin:40px 0 12px!important}
html body .lv-row{cursor:grab;user-select:none}html body .lv-row.grab{cursor:grabbing}
html body .lv-row li{position:relative;overflow:hidden;isolation:isolate}
.lv-n{display:none}
html body .lv-n{display:block;font:300 88px/.86 var(--font-head,var(--font-display));letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin:-2px 0 10px -3px;color:transparent;-webkit-text-stroke:1px var(--bt-concrete-200);background-image:linear-gradient(0deg,var(--c02-sun-5) 0%,var(--c02-sun-4) 55%,var(--c02-sun-3) 100%);background-repeat:no-repeat;background-position:0 100%;background-size:100% 0%;-webkit-background-clip:text;background-clip:text;transition:background-size .8s cubic-bezier(.2,.7,.2,1),-webkit-text-stroke-color .5s;transform-origin:left bottom}
html body .lv-row li.on .lv-n{background-size:100% 100%;-webkit-text-stroke-color:transparent}
html body .lv-row li.cur:not(.top) .lv-n{animation:lvPop .6s cubic-bezier(.2,.7,.2,1)}
@keyframes lvPop{0%{transform:translateY(8px);opacity:.6}100%{transform:none;opacity:1}}
html body .lv-row li.top .lv-n{-webkit-text-stroke-color:rgba(232,90,60,.35);background-image:linear-gradient(110deg,var(--c02-text-coral,#E5532F) 0%,var(--c02-sun-5) 36%,var(--c02-sun-1) 50%,var(--c02-sun-5) 64%,var(--c02-text-coral,#E5532F) 100%);background-size:300% 0%;background-position:100% 100%}
html body .lv-row li.top.on .lv-n{background-size:300% 100%;-webkit-text-stroke-color:transparent;animation:lv5Rise 1s cubic-bezier(.2,.7,.2,1) both,lv5Shine 3.2s 1s ease-in-out infinite,lv5Glow 3.2s 1s ease-in-out infinite}
@keyframes lv5Rise{0%{background-size:300% 0%;transform:translateY(14px) scale(.9);opacity:.4}60%{background-size:300% 100%;transform:translateY(-3px) scale(1.04);opacity:1}100%{background-size:300% 100%;transform:none}}
@keyframes lv5Shine{0%{background-position:100% 100%}55%,100%{background-position:0% 100%}}
@keyframes lv5Glow{0%,100%{filter:drop-shadow(0 0 0 rgba(255,119,89,0))}30%{filter:drop-shadow(0 6px 18px rgba(255,119,89,.55))}}
html body .lv-row li.top::before{content:"";position:absolute;z-index:-1;left:-30%;top:-40%;width:120%;height:100%;background:radial-gradient(closest-side,rgba(255,247,230,.95),rgba(255,247,230,0));opacity:0;transition:opacity .6s}
html body .lv-row li.top.on::before{animation:lv5Bloom 3.2s 1s ease-in-out infinite}
@keyframes lv5Bloom{0%,100%{opacity:.25}35%{opacity:1}}
html body .lv-row li.top.on{box-shadow:0 0 0 1px var(--bt-signal),0 18px 40px -18px rgba(255,119,89,.55);transition:box-shadow .6s}
@media (prefers-reduced-motion:reduce){html body .lv-n,html body .lv-row li .lv-n,html body .lv-row li.top::before{animation:none!important;transition:none!important}}

/* 06 why now: stats rail */
html body .stats3{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--pad))!important;padding:0 var(--pad)!important;scroll-padding-left:var(--pad);gap:12px;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
/* #why-now .stats3 (inline, id specificity) sets overflow:hidden for the desktop card and was
   beating the rail rule above, so the row could not be swiped. Win it back on phones. */
html body #why-now .stats3{overflow-x:auto;overflow-y:hidden}
html body .stats3::-webkit-scrollbar{display:none}
html body .stats3>div{flex:0 0 84%;scroll-snap-align:start;background:var(--c02-sun)!important;border:0!important;border-radius:var(--r-lg)!important;padding:24px 22px 26px!important;display:flex;flex-direction:column;min-height:260px}
html body .stats3>div:nth-child(2){background:var(--c02-sun-r)!important}
html body .stats3>div .src{margin-top:auto!important;padding-top:16px}
html body .stats3 b{font-size:48px!important}
html body .vs-head{margin-top:56px!important}

/* 07 beyond vibe coding: paired cards on a rail */
html body #not-a-founder .x3{display:grid!important;grid-template-rows:auto auto;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:76%;column-gap:12px;row-gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:8px calc(-1 * var(--pad)) 0!important;padding:0 var(--pad) 4px!important;scroll-padding-left:var(--pad);border:0!important;background:none!important}
html body #not-a-founder .x3::-webkit-scrollbar{display:none}
html body #not-a-founder .x3>.h,html body #not-a-founder .x3>.ar,html body #not-a-founder .x3>.adds{display:none!important}
html body #not-a-founder .x3>.you,html body #not-a-founder .x3>.job{width:auto!important;max-width:none!important;margin:0!important;box-shadow:none!important;transform:none!important;min-height:0!important;height:auto!important}
html body #not-a-founder .x3>.you{scroll-snap-align:start;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:14px!important;background:var(--bt-white)!important;border:1px solid var(--bt-concrete-100)!important;border-bottom:0!important;border-radius:var(--r-lg) var(--r-lg) 0 0!important;padding:20px 20px 22px!important;font-size:22px!important;font-weight:300!important;line-height:1.3!important;letter-spacing:-.01em;color:var(--bt-ink)!important}
html body #not-a-founder .x3>.you:not(.base)::before{content:"[ Build Theory adds ]";display:block;font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--wv-coral)}
html body #not-a-founder .x3>.you.base{background:transparent!important;border:1px dashed var(--wv-muted)!important;border-bottom:0!important;color:var(--wv-muted)!important}
html body #not-a-founder .x3>.you.base .vc-chip{order:-1;font-size:12px}
html body #not-a-founder .x3>.job{display:block!important;background:var(--c02-sun)!important;border:1px solid var(--bt-concrete-100)!important;border-top:0!important;border-radius:0 0 var(--r-lg) var(--r-lg)!important;padding:18px 20px 22px!important;font-size:18px!important;font-weight:500!important;line-height:1.35!important;color:var(--bt-ink)!important;writing-mode:horizontal-tb!important}
html body #not-a-founder .x3>.job::before{display:block!important;position:static!important;margin:0 0 8px!important;font:500 12px/1 var(--font-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--bt-ink)!important;opacity:.7}
html body #not-a-founder .x3>.job.base{background:rgba(11,11,12,.035)!important;border:1px dashed var(--wv-muted)!important;border-top:0!important;color:var(--wv-muted)!important;font-weight:400!important;font-size:17px!important}
html body #not-a-founder .x3>.job.base::before{content:"In your placement group";display:block!important}
html body #not-a-founder .words-close{margin-top:40px!important;font-size:22px!important}
html body #not-a-founder .cmp-lead{margin:56px 0 20px!important;font-size:18px!important}

/* 13 price: price card right after the headline */
html body .price-in{display:flex!important;flex-direction:column;gap:0}
html body .price-copy{display:contents!important}
html body .price-copy>h2{order:1}
html body .price-copy>p:not(.ledger){order:2}
html body .pricecard{order:3;margin:24px 0 0!important;flex:none!important;height:auto!important;max-height:none!important;min-height:0!important;align-self:stretch}
html body .price-copy>.share{order:4;margin-top:24px!important}
html body .price-copy>.ledger{order:5;display:flex!important;flex-wrap:wrap;gap:8px!important;margin-top:24px!important}
html body .price-copy>.ledger span{margin:0!important}
html body .price-copy>.quote{order:6;margin-top:24px!important}
}

.lv-star{display:none}
html body .lv-star{display:block;position:absolute;top:14px;right:14px;width:44px;height:auto;z-index:2;opacity:0;transform:scale(.4) rotate(-45deg);transition:opacity .4s,transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
html body .lv-row li.cur .lv-star{opacity:1;transform:none;animation:lvStar 2.6s .6s ease-in-out infinite}
html body .lv-row li.top.cur .lv-star{width:56px;animation:lvStar 2s .6s ease-in-out infinite}
@keyframes lvStar{0%,100%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 4px rgba(255,150,119,.5))}50%{transform:scale(1.12) rotate(12deg);filter:drop-shadow(0 0 16px rgba(255,119,89,.9)) drop-shadow(0 0 30px rgba(255,196,174,.6))}}
@media (prefers-reduced-motion:reduce){html body .lv-row li.cur .lv-star{animation:none}}
.st-star{display:none}
html body .stage-m .st-star{display:block;position:absolute;z-index:6;width:12%;height:auto;left:var(--sx,16%);top:var(--sy,66%);transform:translate(-50%,-100%);opacity:0;transition:left .7s cubic-bezier(.2,.7,.2,1),top .7s cubic-bezier(.2,.7,.2,1),opacity .4s,width .5s;pointer-events:none}
html body .stage-m[data-step] .st-star{opacity:1;animation:stStar 2.4s ease-in-out infinite}
html body .stage-m[data-step="1"]{--sx:16.5%;--sy:58%}
html body .stage-m[data-step="2"]{--sx:40%;--sy:61%}
html body .stage-m[data-step="3"]{--sx:55.5%;--sy:52%}
html body .stage-m[data-step="4"]{--sx:73.5%;--sy:43%}
html body .stage-m[data-step="5"]{--sx:88.5%;--sy:33%}
html body .stage-m[data-step="5"] .st-star{width:15%}
@keyframes stStar{0%,100%{transform:translate(-50%,-100%) scale(1) rotate(0);filter:drop-shadow(0 0 4px rgba(255,150,119,.6))}50%{transform:translate(-50%,-112%) scale(1.12) rotate(14deg);filter:drop-shadow(0 0 14px rgba(255,119,89,.95)) drop-shadow(0 0 28px rgba(255,230,207,.8))}}
@media (prefers-reduced-motion:reduce){html body .stage-m .st-star{animation:none!important;transition:none}}