/* Big Jump Mama — Showit recreation. Tokens measured from the Showit build:
   colours = archived page CSS + pixel samples of Aliya's full-page screenshots;
   fonts = archived page CSS (Playfair Display, Montserrat, Suavity) + live-site
   inventory in design-dna.json (Unbounded, Cormorant Garamond). Anton and Lato are
   stand-ins identified from the screenshots (condensed titles / course card copy).
   Layout: Showit scales the whole canvas with the window, so desktop sizes are written
   in canvas px × --u (1 canvas px at 1512 wide). ≤900px every section re-flows to one column. */
@font-face{font-family:'Suavity';src:url('../fonts/suavity.woff') format('woff');font-display:swap}

:root{
  --green:#254c3f; --green-text:#318464; --yellow:#f4ea25; --scribble:#fef400;
  --tan:#d9c9bc; --cream:#eeeae6; --blush:#eee6e6; --card-grey:#d9dee2; --sage:#86a07f;
  --red:#ff0000; --black:#000; --ink:#333333; --white:#fff; --line:#cccccc;

  --serif:'Playfair Display',Georgia,serif;
  --sans:'Montserrat',Arial,sans-serif;
  --wide:'Unbounded',Arial,sans-serif;
  --cond:'Anton',Impact,sans-serif;
  --garamond:'Cormorant Garamond',Georgia,serif;
  --lato:'Lato',Arial,sans-serif;
  --script:'Suavity','Brush Script MT',cursive;

  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px;
  --bar-h:88px; --nav-h:40px; --field-h:44px;
  /* Showit desktop behaviour: 1200px canvas, centred, never upscaled, shrinks below 1200.
     Coordinates are written on a 1512 grid (canvas starts at x=156), so --ox recentres them. */
  --u:min(1px, calc(100vw / 1200));
  --ox:calc((100vw - 1200 * var(--u)) / 2 - 156 * var(--u));
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
[id]{scroll-margin-top:48px}
cite a{text-decoration:none}
ul{list-style:none}
blockquote{margin:0}
cite{font-style:normal;display:block}
mark{background:var(--yellow);color:inherit}
.wrap{max-width:1512px;margin:0 auto;position:relative}

/* ---------- type helpers ---------- */
.F{font-size:max(var(--min,14px),calc(var(--fs) * var(--u)))}
.serif{font-family:var(--serif);font-weight:400}
.wide{font-family:var(--wide);font-weight:800}
.cond{font-family:var(--cond);font-weight:400}
.garamond{font-family:var(--garamond);font-style:italic;font-weight:500}
.script{font-family:var(--script);font-weight:400}
.up{text-transform:uppercase}
.center{text-align:center}
.white{color:var(--white)}
.b{font-weight:700}
.tracked{letter-spacing:.14em}
.lh14{line-height:1.4}.lh17{line-height:1.7}.lh18{line-height:1.8}
.cream-bg{background:var(--cream)} .tan-bg{background:var(--tan)} .green-bg{background:var(--green)}

/* ---------- Showit-style canvas sections ---------- */
.frame{position:relative;height:calc(var(--hd) * var(--u))}
.vibe,.build,.someday,.c-hero{isolation:isolate}
.bg-video{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.c-hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.56);z-index:-1}
.every-bg{filter:brightness(.72)}
.studio,.tribe,.bundle,.notsure,.collab,.freebies,.welcome{overflow:hidden}
.P{position:absolute;left:calc(var(--x) * var(--u) + var(--ox));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u))}
.P.H{height:calc(var(--h) * var(--u))}
img.P.H,video.P.H{object-fit:cover}
.P[style*="--x:0;"][style*="--w:1512"]{left:0;width:100%}
div.P.H[style*="background-image"]{background-size:cover;background-position:center}

/* ---------- top bar ---------- */
.topbar{background:var(--green);height:var(--bar-h);display:flex;align-items:center;justify-content:center;gap:var(--s2);padding:0 var(--s2)}
.topbar .tb-copy{font-family:var(--serif);text-align:right;line-height:1.05;color:var(--yellow)}
.topbar .tb-copy b{display:block;font-weight:400;font-size:20px}
.topbar .tb-copy span{display:block;font-size:14px;color:var(--white);margin:2px 0}
.topbar .tb-thumb{width:96px;height:auto}
.topbar form{display:flex;gap:10px;margin-left:var(--s3)}
.topbar input{width:228px}
.topbar .btn{height:42px;min-width:102px}

/* ---------- nav ---------- */
.nav{height:var(--nav-h);border-bottom:1px solid var(--black);background:var(--white);position:sticky;top:0;z-index:50}
.nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 180px 0 68px}
.nav .logo{font-family:var(--serif);font-size:20px;text-decoration:none;letter-spacing:.01em}
.nav ul{display:flex;gap:18px}
.nav ul a{font-size:13px;text-decoration:none;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.nav ul a:hover{text-decoration:underline}
.nav ul a[aria-current]{font-weight:700}
.nav .burger{display:none;background:none;border:0;font:inherit;font-size:13px;letter-spacing:.1em;cursor:pointer;padding:10px 0}

/* ---------- forms + buttons ---------- */
input[type=email],input[type=text]{height:var(--field-h);border:1px solid #c9c9c9;background:var(--white);padding:0 12px;font:16px var(--sans);color:var(--black);border-radius:0;min-width:0}
input::placeholder{color:#555}
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;text-align:center;height:var(--field-h);padding:0 18px;border:0;border-radius:0;font:14px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.02em;text-decoration:none;cursor:pointer;color:var(--black);transition:opacity .2s}
.btn:hover{opacity:.85}
.P.btn{height:calc(var(--h,44) * var(--u));font-size:max(11px,calc(13 * var(--u)))}
.btn-yellow{background:var(--yellow)}
.btn-green{background:var(--green);color:var(--white)}
.btn-blush{background:var(--blush);font-size:16px}
.btn-tan{background:var(--tan)}
.btn-white{background:var(--white)}
.btn-outline{background:transparent;border:1px solid var(--black);font-size:11px;letter-spacing:.12em}
.white-outline{border-color:var(--white);color:var(--white)}
.bordered{border:1px solid var(--black)}
.arrow-btn span{margin-left:1.2em}
.form-row{display:flex;gap:11px}
.form-thanks{font:15px var(--sans);padding:12px 0}
.form-error{font:13px var(--sans);color:#b00020;margin-top:6px}
.hp-field{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}

/* =========================================================== HOME */
/* 1 · hero */
.hero{position:relative;height:calc(1060 * var(--u))}
.hero .kicker{position:absolute;top:calc(64 * var(--u));left:0;right:0;text-align:center;font-size:calc(14 * var(--u));letter-spacing:.14em;z-index:3}
.hero h1{position:absolute;top:calc(58 * var(--u));left:0;right:0;text-align:center;font:400 calc(122 * var(--u))/1 var(--serif);z-index:3;letter-spacing:-.005em}
.hero .band{position:absolute;top:calc(128 * var(--u));left:0;width:100%;height:calc(680 * var(--u));object-fit:cover;object-position:50% 35%}
.hero .rays{position:absolute;left:calc(440 * var(--u) + var(--ox));top:calc(370 * var(--u));width:calc(190 * var(--u));height:calc(160 * var(--u));object-fit:fill;z-index:2}
.hero .portrait{position:absolute;top:calc(457 * var(--u));left:calc(547 * var(--u) + var(--ox));width:calc(414 * var(--u));height:calc(585 * var(--u));object-fit:cover;object-position:50% 30%;z-index:2}
/* 2 · being you is enough */
.enough{position:relative;height:calc(703 * var(--u));text-align:center}
.enough .scribble{position:absolute;left:calc(472 * var(--u) + var(--ox));top:calc(60 * var(--u));width:calc(563 * var(--u));height:calc(170 * var(--u));object-fit:fill;pointer-events:none}
.enough h2{position:relative;padding-top:calc(52 * var(--u));font:400 calc(50 * var(--u))/1 var(--serif);text-transform:uppercase;letter-spacing:-.01em}
.enough h2 em{display:block;font-size:calc(100 * var(--u));margin-top:calc(4 * var(--u));letter-spacing:-.02em}
.enough .sub{position:relative;margin-top:calc(40 * var(--u));font:400 calc(48 * var(--u))/1.04 var(--serif)}
.enough .sub span{display:block}
.enough .sub .big{font-size:calc(70 * var(--u));margin-top:calc(8 * var(--u));padding-right:calc(40 * var(--u))}
.enough form{position:absolute;top:calc(520 * var(--u));left:calc(497 * var(--u) + var(--ox))}
.enough input{width:calc(378 * var(--u));height:calc(44 * var(--u));font-size:calc(20 * var(--u))}
.enough .btn{width:calc(167 * var(--u));height:calc(44 * var(--u));font-size:calc(20 * var(--u))}
/* 3 · brand guide */
.guide{position:relative;background:var(--tan);height:calc(605 * var(--u))}
.guide .tablet{position:absolute;left:calc(205 * var(--u) + var(--ox));top:calc(118 * var(--u));width:calc(440 * var(--u));transform:rotate(4deg);filter:drop-shadow(calc(-10 * var(--u)) calc(14 * var(--u)) calc(18 * var(--u)) rgba(0,0,0,.35))}
.guide .copy{position:absolute;left:calc(737 * var(--u) + var(--ox));top:calc(50 * var(--u))}
.guide h2,.mini-guide h3{font:400 calc(70 * var(--u))/.86 var(--serif);text-transform:uppercase;letter-spacing:-.015em}
.guide h2 em,.mini-guide em{font-style:italic}
.guide .only,.mini-guide .only{color:var(--yellow)}
.guide .need,.mini-guide .need{display:block;text-transform:none;color:var(--green-text);font-style:italic;font-size:calc(66 * var(--u));margin-top:calc(6 * var(--u));letter-spacing:-.01em}
.guide p{font-size:calc(19 * var(--u));margin-top:calc(34 * var(--u))}
.guide form{margin-top:calc(30 * var(--u))}
.guide input{width:calc(381 * var(--u));height:calc(42 * var(--u));font-size:calc(16 * var(--u))}
.guide .btn{width:calc(168 * var(--u));height:calc(42 * var(--u));font-size:calc(16 * var(--u))}
/* 4 · about */
.about-side{z-index:2}
.about-card{background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:calc(26 * var(--u));padding:calc(20 * var(--u))}
.about-card h3{line-height:1.15}
.about-card p{line-height:1.8}
.about-card .btn{width:calc(192 * var(--u));height:calc(58 * var(--u))}
.logos-small p{font-size:max(10px,calc(11 * var(--u)));color:#999;text-align:center}
.logos-small div{display:flex;justify-content:center;align-items:center;gap:calc(44 * var(--u));margin-top:calc(8 * var(--u))}
.logos-small img{height:calc(40 * var(--u));width:auto}
/* 5 · that's why */
.why h2{line-height:1.05}
.why-left{text-align:right;color:var(--white);line-height:1.2}
.why-one{position:relative;display:inline-block;margin:calc(-4 * var(--u)) calc(60 * var(--u)) calc(-6 * var(--u)) 0}
/* 6 · tatiana */
.tq p{line-height:1.12}.tq .big{margin-top:calc(14 * var(--u))}
.tq cite,.dq cite,.aq cite,.world-q cite{letter-spacing:.14em;line-height:1.6;margin-top:calc(16 * var(--u))}
/* 7 · freebies */
.free-h{line-height:1}.free-h span{display:block;font-size:calc(60 * var(--u));line-height:1.05}
.free-side{line-height:1.6}
.free-row{display:flex;justify-content:space-between}
.free-row img{width:calc(300 * var(--u))}
.bundle-form{display:grid;gap:calc(12 * var(--u))}
.bundle-form input[type=email]{width:100%}
.bundle-form .optin{font:italic 9px var(--serif);display:flex;align-items:center;gap:8px}
.serif-btn{font-family:var(--serif);font-size:max(14px,calc(17 * var(--u)));width:100%;height:calc(40 * var(--u));min-height:40px}
/* 8 · vibe */
.vibe{position:relative;height:calc(1092 * var(--u));background:#555 url('../img/vibe-bg.jpg') center 30%/cover;color:var(--white);text-align:center;padding-top:calc(56 * var(--u))}
.vibe::before{content:"";position:absolute;inset:0;background:rgba(40,40,40,.55)}
.vibe>*{position:relative}
.vibe-k{font-size:max(12px,calc(16 * var(--u)));letter-spacing:.04em}
.vibe ul{margin-top:calc(92 * var(--u));display:grid;gap:calc(62 * var(--u))}
.vibe b{display:block;font:400 max(30px,calc(58 * var(--u)))/1 var(--serif)}
.vibe .y b{color:var(--yellow)}
.vibe span{display:block;font-size:max(11px,calc(11 * var(--u)));margin-top:4px}
/* 9 · welcome + collage */
.welcome-list{line-height:1.9}
.welcome-form input{width:calc(164 * var(--u));height:calc(34 * var(--u));font-size:max(12px,calc(13 * var(--u)))}
.welcome-form .btn{width:calc(146 * var(--u));height:calc(34 * var(--u))}
.collage img{position:absolute;object-fit:cover}
.collage b,.collage i{position:absolute;font-style:normal;white-space:nowrap;z-index:2}
.collage b{font:400 calc(30 * var(--u)) var(--serif)}
.collage i{font:calc(46 * var(--u))/.9 var(--script)}
.collage .c1{left:calc(314 * var(--u));top:calc(20*var(--u));width:calc(208*var(--u));height:calc(188*var(--u))}
.collage .c2{left:calc(592 * var(--u));top:calc(-12*var(--u));width:calc(184*var(--u));height:calc(236*var(--u))}
.collage .c3{left:calc(94 * var(--u));top:calc(124*var(--u));width:calc(174*var(--u));height:calc(226*var(--u))}
.collage .c4{left:calc(632 * var(--u));top:calc(270*var(--u));width:calc(204*var(--u));height:calc(234*var(--u))}
.collage .c5{left:calc(110 * var(--u));top:calc(412*var(--u));width:calc(196*var(--u));height:calc(240*var(--u))}
.collage .c6{left:calc(334 * var(--u));top:calc(376*var(--u));width:calc(256*var(--u));height:calc(254*var(--u))}
.collage .c7{left:calc(640 * var(--u));top:calc(534*var(--u));width:calc(178*var(--u));height:calc(242*var(--u))}
.collage .c8{left:calc(188 * var(--u));top:calc(652*var(--u));width:calc(198*var(--u));height:calc(230*var(--u))}
.collage .c9{left:calc(406 * var(--u));top:calc(654*var(--u));width:calc(200*var(--u));height:calc(236*var(--u))}
.collage .cl1{left:calc(280 * var(--u));top:0;width:calc(80*var(--u));height:calc(880*var(--u));object-fit:fill;z-index:-1}
.collage .cl2{left:calc(560 * var(--u));top:calc(380*var(--u));width:calc(60*var(--u));height:calc(560*var(--u));object-fit:fill;z-index:-1}
.collage .t1{left:calc(252 * var(--u));top:calc(-8*var(--u))}
.collage .t2{left:calc(12 * var(--u));top:calc(116*var(--u))}
.collage .t3{left:calc(272 * var(--u));top:calc(256*var(--u))}
.collage .t4{left:calc(806 * var(--u));top:calc(252*var(--u))}
.collage .s1{left:calc(746 * var(--u));top:calc(-52*var(--u))}
.collage .s2{left:calc(498 * var(--u));top:calc(226*var(--u));font-size:calc(34*var(--u));text-align:center}
.collage .s3{left:calc(6 * var(--u));top:calc(380*var(--u))}
.collage .s4{left:calc(770 * var(--u));top:calc(496*var(--u))}
.collage .s5{left:calc(526 * var(--u));top:calc(560*var(--u))}
.collage .s6{left:calc(130 * var(--u));top:calc(836*var(--u))}
/* 10 · ticker */
.ticker{background:var(--yellow);height:max(34px,calc(40 * var(--u)));overflow:hidden;display:flex;align-items:center}
.ticker-track{display:flex;white-space:nowrap;animation:ticker 40s linear infinite;font:max(15px,calc(24 * var(--u))) var(--serif)}
@keyframes ticker{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}
/* 11 · enough of ok */
.ok{text-align:center;padding:calc(110 * var(--u)) var(--s2) calc(150 * var(--u))}
.ok h2{line-height:1.1}
.ok p{margin-top:calc(32 * var(--u));line-height:1.3}
.ok .btn{margin-top:calc(46 * var(--u));width:max(240px,calc(336 * var(--u)));height:max(56px,calc(88 * var(--u)))}
/* 12 · diana */
.dq{text-align:right}.dq p{line-height:1.2}
/* 13 · created */
.created-box{background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:calc(14 * var(--u))}
.created-box img{width:calc(210 * var(--u))}
.created-box p{line-height:1.2}
.created-goal{text-align:center}
.created-goal p{line-height:1.15}
.one{position:relative;display:inline-block;padding:0 .3em}
.one img{position:absolute;left:-60%;top:0;width:220%;height:100%;object-fit:fill;opacity:.6;pointer-events:none}
.created-goal .btn{margin-top:calc(40 * var(--u));width:max(240px,calc(336 * var(--u)));height:max(52px,calc(74 * var(--u)));text-transform:none;font-size:max(14px,calc(16 * var(--u)))}
.read-more{display:flex;align-items:center;justify-content:center;gap:calc(34 * var(--u));text-decoration:none;font-size:max(13px,calc(16 * var(--u)))}
.chev{width:calc(24 * var(--u));height:calc(24 * var(--u));min-width:14px;min-height:14px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) translateY(-30%)}
/* 14 · here you'll build */
.build{position:relative;min-height:calc(742 * var(--u));background:center/cover no-repeat;color:var(--white);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:calc(60 * var(--u)) var(--s2)}
.build::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.12)}
.build>*{position:relative}
.build p{line-height:1.2}
.build .btn{margin-top:calc(40 * var(--u));width:max(170px,calc(242 * var(--u)));height:max(40px,calc(46 * var(--u)))}
/* 15 · offers */
.offers-h{position:relative;text-align:center;padding:calc(250 * var(--u)) 0 calc(80 * var(--u))}
.offers-h h2{line-height:1;position:relative}
.offers-h .offers-line{position:absolute;left:calc(640 * var(--u) + var(--ox));top:0;height:100%;width:calc(90 * var(--u));object-fit:fill}
.offer-platform h2 a{text-decoration:none}
.op-copy{line-height:1.85}
.op-form{display:grid;gap:calc(16 * var(--u))}
.op-form input{width:100%}
.op-form .btn{height:calc(40 * var(--u));min-height:40px}
.aq p{line-height:1.2}.aq p+p{margin-top:calc(10 * var(--u))}
.studio-words{display:flex;flex-direction:column;line-height:1.35;color:#222;letter-spacing:.02em;z-index:0}
.studio-words .gap{margin-top:calc(150 * var(--u))}
.studio-devices{z-index:1}
.studio-devices img{position:absolute;transform:rotate(16deg) scale(.7);filter:drop-shadow(0 calc(8*var(--u)) calc(14*var(--u)) rgba(0,0,0,.25))}
.studio-devices .d1{left:calc(186 * var(--u));top:0;width:calc(220*var(--u))}
.studio-devices .d2{left:calc(350 * var(--u));top:calc(106*var(--u));width:calc(190*var(--u))}
.studio-devices .d3{left:calc(50 * var(--u));top:calc(240*var(--u));width:calc(220*var(--u))}
.studio-devices .d4{left:calc(240 * var(--u));top:calc(356*var(--u));width:calc(220*var(--u))}
.studio-devices .d5{left:calc(526 * var(--u));top:calc(310*var(--u));width:calc(196*var(--u))}
.studio-devices .d6{left:calc(414 * var(--u));top:calc(524*var(--u));width:calc(224*var(--u))}
.studio-devices .d7{left:calc(0 * var(--u));top:calc(588*var(--u));width:calc(234*var(--u))}
.studio-devices .d8{left:calc(200 * var(--u));top:calc(730*var(--u));width:calc(240*var(--u))}
.studio h2{z-index:2}
.studio-tags{display:flex;justify-content:space-between}
.tribe-copy>*+*{margin-top:calc(26 * var(--u))}
.tribe-copy p{line-height:1.25}
.stack-form{display:grid;gap:calc(14 * var(--u));width:calc(438 * var(--u));margin:calc(46 * var(--u)) auto 0}
.stack-form input{width:100%}
.stack-form .btn{height:calc(40 * var(--u));min-height:40px}
.someday{position:relative;min-height:calc(618 * var(--u));background:center 75%/cover no-repeat;color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(60 * var(--u)) var(--s2)}
.someday::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6)}
.someday>*{position:relative}
.someday blockquote{max-width:calc(680 * var(--u));min-width:min(100%,320px)}
.someday p{line-height:1.12}
.someday cite{letter-spacing:.14em;margin-top:calc(34 * var(--u))}
.someday .btn{margin-top:calc(56 * var(--u));width:max(220px,calc(392 * var(--u)));height:max(52px,calc(88 * var(--u)))}
.notsure h2{line-height:1.2}
.ns-script{font-size:calc(40 * var(--u));transform:rotate(-14deg);transform-origin:left}
.ns-btn{white-space:normal;text-transform:uppercase;font-size:max(12px,calc(13 * var(--u)));line-height:1.6}
.collab h2{line-height:1.2}
.bundle-list li{padding:calc(26 * var(--u)) 0;border-bottom:1px solid var(--black);width:70%;margin:0 auto;line-height:1.2}
.bundle-list li:last-child{border:0;width:100%}
.bundle-list small{display:block;font:max(13px,calc(16 * var(--u))) var(--sans)}
.five{display:grid;grid-template-columns:1fr 1fr;min-height:calc(944 * var(--u));background:var(--green)}
.five-media{width:100%;height:100%;object-fit:cover}
.five-copy{color:var(--white);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:calc(60 * var(--u));gap:calc(28 * var(--u));background:linear-gradient(rgba(37,76,63,.9),rgba(37,76,63,.9)),url('../img/forest.jpg') left/cover}
.five-copy p{line-height:1.1}.five-copy p:nth-child(3){line-height:1.8;max-width:calc(480 * var(--u));min-width:min(100%,280px)}
.insights{position:relative;min-height:calc(1000 * var(--u));background:center 40%/cover no-repeat;display:flex;align-items:flex-end;justify-content:center;padding:calc(244 * var(--u)) var(--s2) 0}
.ins-box{background:rgba(35,35,35,.75);color:var(--white);text-align:center;width:calc(682 * var(--u));min-width:min(100%,340px);padding:calc(24 * var(--u)) calc(40 * var(--u)) calc(190 * var(--u))}
.ins-box h2{line-height:1.1}
.ins-3{line-height:1}
.ins-tags{margin:calc(24 * var(--u)) 0;display:flex;justify-content:center;flex-wrap:wrap}
.ins-tags span{padding:0 10px}.ins-tags span+span{border-left:1px solid var(--white)}
.ins-box p{line-height:1.7}
.ins-form{background:var(--white);margin:calc(24 * var(--u)) auto 0;width:calc(266 * var(--u));min-width:min(100%,260px);padding:14px;display:grid;gap:10px}
.ins-form input{height:36px;font-size:13px;width:100%}
.ins-form .btn{height:34px;font-size:12px}
.ig-strip{padding:calc(80 * var(--u)) max(16px, calc(106 * var(--u) + var(--ox)))}
.ig-strip a{text-decoration:none}

/* =========================================================== COURSE */
.c-hero{position:relative;height:calc(917 * var(--u));background:#3a3632 url('../img/course-hero-bg.jpg') center/cover no-repeat;color:var(--white);text-align:center}
.c-hero .kicker{position:absolute;top:calc(60 * var(--u));left:0;right:0;font-size:calc(20 * var(--u));padding-left:calc(24 * var(--u) + var(--ox))}
.c-hero h1{font-family:var(--wide);font-weight:800;color:var(--black);text-transform:uppercase;letter-spacing:-.01em}
.c-hero h1 span{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--yellow);line-height:1}
.c-hero h1 .l1{left:calc(272 * var(--u) + var(--ox));top:calc(93 * var(--u));width:calc(1012 * var(--u));height:calc(89 * var(--u));font-size:calc(74 * var(--u))}
.c-hero h1 .l2{left:calc(588 * var(--u) + var(--ox));top:calc(182 * var(--u));width:calc(329 * var(--u));height:calc(98 * var(--u));font-size:calc(80 * var(--u))}
.c-hero .lead{position:absolute;top:calc(288 * var(--u));left:0;right:0;font:italic 400 calc(38 * var(--u))/1.16 var(--serif);padding-left:calc(40 * var(--u) + var(--ox))}
.c-hero .pills{position:absolute;top:calc(423 * var(--u));left:calc(281 * var(--u) + var(--ox));width:calc(996 * var(--u));display:grid;grid-template-columns:219fr 223fr 223fr 223fr;column-gap:calc(36 * var(--u))}
.c-hero .pills li{height:calc(115 * var(--u));background:var(--card-grey);color:var(--black);display:flex;align-items:center;justify-content:center;padding:0 calc(14 * var(--u));font:600 calc(17.5 * var(--u))/1.1 var(--wide);letter-spacing:-.01em}
.c-hero h2{position:absolute;top:calc(598 * var(--u));left:0;right:0;font:800 calc(37 * var(--u))/1.14 var(--wide);text-transform:uppercase;letter-spacing:-.015em;padding-left:calc(40 * var(--u) + var(--ox))}
.c-hero .btn{position:absolute;top:calc(778 * var(--u));left:calc(600 * var(--u) + var(--ox));width:calc(357 * var(--u));height:calc(67 * var(--u));font-size:calc(14 * var(--u));letter-spacing:.1em}
.logos{position:relative;height:calc(120 * var(--u));background:var(--white)}
.logos p{position:absolute;top:calc(13 * var(--u));left:0;right:0;text-align:center;font-size:calc(11 * var(--u));padding-left:calc(18 * var(--u) + var(--ox))}
.logos img{position:absolute;object-fit:contain}
.logos .lr{left:calc(347 * var(--u) + var(--ox));top:calc(31 * var(--u));width:calc(138 * var(--u));height:calc(72 * var(--u))}
.logos .al{left:calc(557 * var(--u) + var(--ox));top:calc(48 * var(--u));width:calc(163 * var(--u));height:calc(42 * var(--u))}
.logos .ki{left:calc(787 * var(--u) + var(--ox));top:calc(24 * var(--u));width:calc(103 * var(--u));height:calc(74 * var(--u))}
.logos .hp{left:calc(938 * var(--u) + var(--ox));top:calc(34 * var(--u));width:calc(55 * var(--u));height:calc(55 * var(--u))}
.logos .yr{left:calc(1048 * var(--u) + var(--ox));top:calc(38 * var(--u));width:calc(117 * var(--u));height:calc(50 * var(--u))}
/* world */
.world-h{line-height:1.29;color:#141414;z-index:2;letter-spacing:-.005em}
.world-photo{background-position:40% 45%!important}
.world-q p{line-height:1}
.get-card{background:var(--white);border:1px solid var(--black);padding:calc(20 * var(--u)) calc(22 * var(--u))}
.get-card h3{position:absolute;top:calc(-19 * var(--u));left:calc(18 * var(--u));right:0;line-height:1;white-space:nowrap}
.get-card dl{display:grid;grid-template-columns:calc(226 * var(--u)) 1fr;height:100%}
.get-card dt,.get-card dd{display:flex;align-items:center;padding:calc(10 * var(--u)) 0;border-bottom:1px solid var(--black)}
.get-card dt:nth-last-of-type(1),.get-card dd:last-child{border:0}
.get-card dt{line-height:1.05}
.get-card dd{font-family:var(--lato);line-height:1.65}
.mini-guide h3{position:relative;font-size:calc(58 * var(--u));line-height:.95}
.mini-guide h3 img{position:absolute;left:calc(234 * var(--u));top:calc(130 * var(--u));width:calc(156 * var(--u))}
.mini-guide .need{font-size:calc(58 * var(--u))}
.mini-guide p{margin:calc(18 * var(--u)) 0}
.mini-guide input{width:calc(350 * var(--u));height:calc(40 * var(--u))}
.mini-guide .btn{width:calc(170 * var(--u));height:calc(40 * var(--u));font-size:max(12px,calc(14 * var(--u)))}
/* right place */
.rightplace h2{line-height:1.12}
.rp-bar{background:var(--yellow);display:flex;align-items:center;padding-left:calc(22 * var(--u) + var(--ox));font-family:var(--sans)}
.rp-cards{display:grid;grid-template-columns:303fr 306fr 285fr;column-gap:calc(66 * var(--u));align-items:start}
.rp-cards h3{font:600 max(14px,calc(20 * var(--u))) var(--wide);text-align:center;margin-bottom:calc(8 * var(--u));white-space:nowrap}
.rp-card{border:1px solid #555;padding:calc(20 * var(--u)) calc(36 * var(--u)) calc(30 * var(--u))}
.rp-card q{display:block;font:italic max(13px,calc(16 * var(--u)))/1.6 var(--serif);quotes:none}
.rp-card img{width:calc(220 * var(--u));height:calc(300 * var(--u));object-fit:cover;margin:calc(24 * var(--u)) auto}
.rp-card p{font-size:max(14px,calc(14.5 * var(--u)));line-height:1.8}
.rp-card p+p{margin-top:calc(14 * var(--u))}
/* hi aliya */
.hi-script{font:calc(84 * var(--u))/1 var(--script);z-index:2}
.insta-tag{color:#555}
.hi-copy>*+*{margin-top:calc(22 * var(--u))}
.hi-copy h3{line-height:1.5}
.hi-copy p{line-height:1.85}
.hi-copy .wide{line-height:1.6}
.hi-copy .btn{width:max(160px,calc(192 * var(--u)));height:max(44px,calc(60 * var(--u)))}
.auth-brand{line-height:1.6}
.auth-brand mark{background:var(--sage)}
/* personal + ariana */
.personal h2{line-height:1.5}
.ariana-copy{text-align:right}
.ariana-copy>*+*{margin-top:calc(14 * var(--u))}
.ariana-copy cite{letter-spacing:.14em;line-height:1.6}
.ariana-copy h3{line-height:1.3}
.ariana-copy p{line-height:1.9}
.ariana-copy .btn{margin-top:calc(40 * var(--u));width:max(220px,calc(304 * var(--u)));height:max(46px,calc(58 * var(--u)))}
/* everything + steps */
.every-box{background:var(--white)}
.everything h2{line-height:1.2}
.red-launch{color:var(--red);font-weight:700}
.step-card{background:var(--cream)}
.step-intro{line-height:1.6}
.step-mods{line-height:1.85}
.step-mods h3{font:600 max(14px,calc(17 * var(--u))) var(--wide);margin:calc(18 * var(--u)) 0 calc(8 * var(--u))}
.step-mods h3.rule,.rule-top{border-top:1px solid var(--black);padding-top:calc(20 * var(--u))}
.step-mods p{margin-bottom:calc(16 * var(--u))}
.end-box{background:var(--yellow);padding:calc(40 * var(--u)) calc(60 * var(--u));z-index:2}
.end-box h3{text-align:center;line-height:1.12}
.end-box ul{margin:calc(26 * var(--u)) 0;display:grid;gap:calc(12 * var(--u));font-family:var(--wide);font-weight:600;line-height:1.5}
.end-box li{position:relative;padding-left:2em}
.end-box li::before{content:"→";position:absolute;left:0;top:.05em;width:1.35em;height:1.35em;border:1px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8em}
.end-box p{line-height:1.6}
/* bonus */
.bonus{position:relative;background:#3a2a22 center/cover no-repeat;color:var(--white);padding:calc(160 * var(--u)) max(16px, calc(252 * var(--u) + var(--ox))) calc(130 * var(--u))}
.bonus::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2)}
.bonus>*{position:relative}
.bonus h2{line-height:1}
.bonus-sub{margin-top:calc(40 * var(--u))}
.bonus mark{color:var(--black);padding:0 .15em;font-weight:700}
.bonus-list{margin-top:calc(40 * var(--u));max-width:calc(990 * var(--u))}
.bonus-list li{display:grid;grid-template-columns:1fr auto;column-gap:24px;align-items:end;border-bottom:2px solid var(--white);padding:calc(30 * var(--u)) 0 calc(16 * var(--u))}
.bonus-list b{font-weight:700}
.bonus-list small{grid-row:2;font-size:max(12px,calc(13 * var(--u)))}
.bonus-list s{grid-row:1/3;grid-column:2;text-decoration:none;font-size:max(14px,calc(22 * var(--u)));border-bottom:calc(6 * var(--u)) solid var(--yellow);line-height:1}
.bonus-more{display:flex;align-items:center;justify-content:center;gap:calc(40 * var(--u));margin-top:calc(60 * var(--u))}
.bonus-more img{width:calc(114 * var(--u));min-width:80px}
.bonus-more p{text-align:center;line-height:1.2}
.bonus-more u{text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:.15em}
.bonus-btn{display:flex;margin:calc(40 * var(--u)) auto 0;width:max(260px,calc(512 * var(--u)));height:max(56px,calc(72 * var(--u)));text-transform:uppercase;font-size:max(13px,calc(17 * var(--u)))}
/* testimonials */
.tst cite{letter-spacing:.14em;line-height:1.7;margin-bottom:calc(12 * var(--u))}
.tst p{line-height:1.5}
.tst.right{text-align:right}
.big3{font:italic 400 2.2em/0 var(--serif);vertical-align:-.15em}
.center-cta{text-align:center;padding:calc(20 * var(--u)) var(--s2) calc(100 * var(--u))}
.center-cta .btn{width:max(240px,calc(318 * var(--u)));height:max(46px,calc(56 * var(--u)))}
/* honest */
.honest h2{line-height:1.4}
.honest-copy>p{margin-bottom:calc(26 * var(--u))}
.honest-copy mark{font-family:var(--wide);font-weight:800;padding:.1em .3em;display:inline-block;min-width:calc(650 * var(--u))}
.honest-small{margin-left:calc(228 * var(--u) + var(--ox));line-height:1.75}
.honest-small p{margin-bottom:calc(18 * var(--u))}
.honest-small .hl{background:var(--yellow);padding:calc(6 * var(--u))}

/* =========================================================== PLATFORM blocks */
.p-hero{position:relative;height:calc(1060 * var(--u));text-align:center}
.p-hero .still{position:absolute;top:0;left:0;width:100%;height:calc(467 * var(--u));object-fit:cover;filter:brightness(.55) saturate(.9)}
.p-hero .box{position:absolute;top:calc(391 * var(--u));left:calc(259 * var(--u) + var(--ox));width:calc(1050 * var(--u));height:calc(90 * var(--u));background:var(--white)}
.p-hero .launch{position:absolute;top:calc(414 * var(--u));left:0;right:0;font:700 calc(20 * var(--u)) var(--sans);color:var(--red);text-transform:uppercase;padding-left:calc(52 * var(--u) + var(--ox))}
.p-hero .p-title{position:absolute;top:calc(430 * var(--u));left:0;right:0;font:400 calc(124 * var(--u))/1 var(--cond);text-transform:uppercase;letter-spacing:-.005em;padding-left:calc(44 * var(--u) + var(--ox));transform:scaleY(1.16);transform-origin:top}
.p-hero .devices{position:absolute;top:calc(530 * var(--u));left:calc(405 * var(--u) + var(--ox));width:calc(730 * var(--u))}
.p-hero .tagline{position:absolute;top:calc(815 * var(--u));left:0;right:0;font:italic 500 calc(58 * var(--u))/1 var(--garamond);padding-left:calc(46 * var(--u) + var(--ox))}
.p-hero .tagline s{text-decoration-thickness:calc(3 * var(--u))}
.p-hero .intro{position:absolute;top:calc(968 * var(--u));left:0;right:0;font-size:calc(15 * var(--u));line-height:1.67;text-transform:uppercase;padding-left:calc(30 * var(--u) + var(--ox))}
.tools{position:relative;height:calc(830 * var(--u))}
.tools .card{position:absolute;background:var(--cream);font-size:calc(15 * var(--u));line-height:1.67}
.tools h3{font:400 calc(21 * var(--u))/1 var(--cond);letter-spacing:.08em;margin-bottom:calc(24 * var(--u))}
.tools .ext{top:calc(2 * var(--u));left:calc(341 * var(--u) + var(--ox));width:calc(324 * var(--u));height:calc(513 * var(--u));padding:calc(32 * var(--u)) calc(46 * var(--u)) 0 calc(60 * var(--u));text-align:right}
.tools .int{top:calc(2 * var(--u));left:calc(847 * var(--u) + var(--ox));width:calc(328 * var(--u));height:calc(393 * var(--u));padding:calc(32 * var(--u)) calc(30 * var(--u)) 0 calc(27 * var(--u))}
.tools .cre{top:calc(421 * var(--u));left:calc(845 * var(--u) + var(--ox));width:calc(322 * var(--u));height:calc(252 * var(--u));padding:calc(28 * var(--u)) calc(20 * var(--u)) 0 calc(21 * var(--u))}
.tools li{margin-top:calc(8 * var(--u))}
.tools .int li.first{margin-top:calc(38 * var(--u))}
.tools .extra{position:absolute;top:calc(540 * var(--u));left:calc(341 * var(--u) + var(--ox));width:calc(289 * var(--u));text-align:right;font-size:calc(15 * var(--u));line-height:1.67}
.tools .extra li{margin:0}
.tools .join{position:absolute;top:calc(738 * var(--u));left:calc(589 * var(--u) + var(--ox));width:calc(317 * var(--u));height:calc(57 * var(--u));border:1px solid var(--black);font-size:calc(15 * var(--u));letter-spacing:0}
.start{padding:calc(10 * var(--u)) var(--s2) calc(90 * var(--u))}
.start p{max-width:calc(510 * var(--u));min-width:min(100%,300px);margin:0 auto;line-height:1.09;transform:translateX(calc(10 * var(--u)))}
.missing-note{line-height:2}
.circled{border:1px solid #444;border-radius:50%;padding:.1em .6em;font-style:normal}
.missing-arrow{transform:rotate(40deg)}
.exists-bg{background-position:center 30%!important}
.exists h2{line-height:1.8}
.exists-problem{line-height:1.9}
.exists-right{text-align:right;line-height:1.73}
/* pricing */
.plan{text-align:center;box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) rgba(0,0,0,.25)}
.plan-course{background:var(--white);padding:calc(40 * var(--u)) calc(56 * var(--u)) calc(50 * var(--u))}
.plan-member{background:var(--green);color:var(--white);padding:calc(20 * var(--u)) calc(64 * var(--u)) calc(56 * var(--u))}
.plan h3{line-height:1.2}
.plan .price{margin:calc(18 * var(--u)) 0;line-height:1}
.plan .price s{color:#5c7f6f;text-decoration-thickness:2px}
.plan .small{line-height:1.55;margin-bottom:calc(18 * var(--u))}
.plan ul li{border-bottom:1px solid var(--black);padding:calc(14 * var(--u)) 0}
.plan-course ul li:first-child{border-top:1px solid var(--black)}
.plan-member ul li{border-bottom-color:var(--white);position:relative;line-height:1.6}
.plan-member ul li::before{content:"+";position:absolute;left:calc(40 * var(--u));font-size:1.5em;line-height:1}
.plan-member ul li.noplus::before{content:none}
.plan-member ul li.later{padding-top:calc(60 * var(--u))}
.member-bar{background:var(--yellow);color:var(--black);margin:calc(10 * var(--u)) calc(-72 * var(--u)) calc(14 * var(--u));padding:calc(5 * var(--u))}
.plan .buy{margin-top:calc(40 * var(--u));width:calc(192 * var(--u));min-width:140px;height:calc(60 * var(--u));border:1px solid var(--yellow);font-size:max(12px,calc(13 * var(--u)))}
.plan .join-plan{margin-top:calc(46 * var(--u));width:calc(194 * var(--u));min-width:140px;height:calc(56 * var(--u))}
/* both + choice */
.both{position:relative;min-height:calc(530 * var(--u));background:center 30%/cover;color:var(--white);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(20 * var(--u));padding:calc(40 * var(--u)) var(--s2)}
.both::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}
.both>*{position:relative}
.both .garamond{line-height:1.6}
.choice{padding:calc(80 * var(--u)) var(--s2) calc(90 * var(--u));text-align:center}
.choice-cards{display:flex;justify-content:center;gap:calc(74 * var(--u));margin-top:calc(72 * var(--u))}
.choice-card{position:relative;width:calc(382 * var(--u));min-height:calc(484 * var(--u));background:center/cover;padding:calc(30 * var(--u)) calc(38 * var(--u));text-align:left}
.choice-card::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}
.choice-card>*{position:relative}
.choice-card .btn{width:100%;height:calc(54 * var(--u));min-height:44px;font-size:max(12px,calc(13 * var(--u)))}
.choice-card p{color:var(--white);font-size:max(12px,calc(13.5 * var(--u)));line-height:1.85;margin-top:calc(110 * var(--u))}
.choice-foot{margin-top:calc(40 * var(--u));line-height:1.9}
/* guarantee + final */
.guarantee{padding:calc(34 * var(--u)) max(16px, calc(156 * var(--u) + var(--ox))) 0}
.g-box{background:var(--sage);text-align:center;padding:calc(60 * var(--u)) var(--s2) calc(70 * var(--u))}
.g-box h2{line-height:1.2}
.g-box p{max-width:calc(290 * var(--u));min-width:min(100%,260px);margin:calc(30 * var(--u)) auto 0;line-height:1.6}
.final{position:relative;min-height:calc(690 * var(--u));background:center 35%/cover;color:var(--white);display:flex;flex-direction:column;justify-content:center;padding:calc(60 * var(--u)) max(16px, calc(245 * var(--u) + var(--ox)))}
.final::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
.final>*{position:relative}
.final p{line-height:1.2}
.final .btn{align-self:center;margin-top:calc(80 * var(--u));width:max(220px,calc(312 * var(--u)));height:max(46px,calc(52 * var(--u)))}

/* =========================================================== FOOTER */
.stay{position:relative;height:calc(634 * var(--u));background:var(--green);color:var(--white)}
.stay>*{position:absolute}
.stay-script{left:calc(196 * var(--u) + var(--ox));top:calc(70 * var(--u));font:calc(64 * var(--u)) var(--script);transform:rotate(-14deg);z-index:2}
.stay-photo{left:calc(330 * var(--u) + var(--ox));top:calc(196 * var(--u));width:calc(196 * var(--u));height:calc(250 * var(--u));object-fit:cover}
.stay-handle{left:calc(594 * var(--u) + var(--ox));top:calc(206 * var(--u));font:calc(60 * var(--u)) var(--serif);text-decoration:none}
.stay-line{left:calc(590 * var(--u) + var(--ox));top:calc(274 * var(--u));width:calc(380 * var(--u));height:calc(20 * var(--u))}
.stay-social{left:calc(326 * var(--u) + var(--ox));top:calc(430 * var(--u));display:flex}
.stay-social li{padding:0 calc(22 * var(--u));border-left:1px solid var(--white)}
.stay-social li:first-child{border:0;padding-left:0}
.stay-social a{font:calc(60 * var(--u)) var(--serif);text-decoration:none}
.stay-social span{font-size:.6em}
.footer{display:grid;grid-template-columns:calc(200 * var(--u)) calc(202 * var(--u)) calc(268 * var(--u)) calc(280 * var(--u));padding:calc(106 * var(--u)) max(16px, calc(286 * var(--u) + var(--ox))) calc(30 * var(--u));font-size:max(12px,calc(12.5 * var(--u)));line-height:1.6;color:var(--sage)}
.footer h4{font-weight:400;color:var(--black);letter-spacing:.12em;font-size:max(12px,calc(13 * var(--u)));margin-bottom:calc(26 * var(--u))}
.footer a{text-decoration:none}
.footer a:hover{text-decoration:underline}
.footer .gap{margin-top:calc(18 * var(--u))}
.f-join form{margin:calc(18 * var(--u)) 0}
.f-join input{width:calc(180 * var(--u));min-width:140px;height:40px}
.f-join .btn{height:40px;font-size:13px;text-transform:none}
.f-book{display:flex;align-items:center;gap:8px;font:max(13px,calc(15 * var(--u))) var(--serif);color:#2f37a0}
.f-icons{margin-top:10px;color:var(--black)}
.f-icons a{margin-right:6px}
.f-handle{font:max(14px,calc(17 * var(--u))) var(--serif);color:var(--black);text-align:right;margin-top:calc(8 * var(--u))}
.f-copy{grid-column:1/-1;text-align:right;font-size:max(10px,calc(10 * var(--u)));margin-top:calc(30 * var(--u))}

/* =========================================================== MOBILE */
@media (max-width:900px){
  :root{--u:calc(100vw / 760);--ox:0px}
  .topbar{height:auto;flex-wrap:wrap;padding:12px var(--s2)}
  .topbar .tb-thumb{width:70px}
  .topbar form{margin-left:0;width:100%;justify-content:center}
  .topbar input{flex:1;max-width:300px}
  .nav .wrap{padding:0 var(--s2)}
  .nav ul{display:none;position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;background:var(--white);border-bottom:1px solid var(--black);padding:var(--s2);gap:14px}
  .nav.open ul{display:flex}
  .nav .burger{display:block}

  /* generic: canvas sections become a centred single column */
  .frame{height:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding:56px 20px}
  .frame>.P{position:static;width:100%;max-width:560px;height:auto}
  .frame>img.P,.frame>video.P{max-width:min(100%,420px)}
  .frame>img.P.H{aspect-ratio:calc(var(--w) / var(--h));height:auto}
  .frame>.P.btn{width:auto;min-width:220px;height:auto;min-height:48px;padding:12px 22px}
  .frame img[src*="line-"],.frame img[src*="rays"],.frame img[src*="arrow"],.step-line{display:none!important}
  .frame>div.P.H:empty{display:none}
  .btn{white-space:normal}
  .frame img[src*="underline"],.stay-line{display:none!important}
  .frame>img[src*="signature"]{max-width:110px}
  .created-bg{display:block;width:100%!important;aspect-ratio:16 / 9;height:auto!important;object-fit:cover}
  .exists-right br,.exists-h br,.exists-problem br{display:none}
  .someday::before,.final::before{background:rgba(0,0,0,.6)}
  .studio-devices img{width:22%!important}
  .mini-guide h3 img{display:none}
  .hi-left{max-width:min(100%,420px)!important}
  .p-hero{padding-top:calc(max(300px,56vw) + 8px)}
  .p-hero .still{height:max(300px,56vw);object-position:center top}
  .p-hero .box{top:calc(max(300px,56vw) * .83);left:0;width:100%;height:calc(max(300px,56vw) * .18)}

  /* home first blocks */
  .hero{height:auto;padding:var(--s4) 0 0}
  .hero .kicker,.hero h1{position:relative;top:auto;font-size:12px}
  .hero h1{font-size:clamp(44px,13vw,96px);margin-top:4px}
  .hero .band{position:relative;top:auto;margin-top:-8vw;height:52vw}
  .hero .rays{display:none}
  .hero .portrait{position:relative;top:auto;left:auto;width:62vw;height:88vw;margin:-24vw auto 0}
  .enough{height:auto;padding:var(--s5) var(--s2)}
  .enough h2{padding-top:0;font-size:34px}
  .enough h2 em{font-size:64px}
  .enough .scribble{left:50%;transform:translateX(-50%);top:52px;width:min(400px,92vw);height:120px}
  .enough .sub{font-size:32px;margin-top:28px}
  .enough .sub .big{font-size:46px}
  .enough form{position:static;justify-content:center;margin-top:var(--s4)}
  .enough input,.guide input,.mini-guide input{width:260px;height:44px;font-size:16px}
  .enough .btn,.guide .btn,.mini-guide .btn{width:auto;height:44px;font-size:14px}
  .guide{height:auto;padding:var(--s5) var(--s2);display:flex;flex-direction:column;align-items:center;gap:var(--s4)}
  .guide .tablet,.guide .copy{position:static}
  .guide .tablet{width:min(420px,80vw)}
  .guide h2,.mini-guide h3{font-size:46px}
  .guide .need,.mini-guide .need{font-size:44px}
  .guide p{font-size:15px;margin-top:20px}
  .mini-guide h3 img{position:static;width:140px;margin:10px 0}

  .about-card{padding:24px;gap:16px}.about-card .btn{width:auto;height:48px}
  .logos-small div{flex-wrap:wrap;gap:16px 26px}.logos-small img{height:32px}
  .why-left{text-align:center;color:var(--white)}.why-one{margin:0}
  .why-logo{max-width:220px!important}
  .tq,.dq,.aq,.world-q,.tst,.tst.right,.ariana-copy,.exists-right{text-align:center}
  .free-row{flex-wrap:wrap;justify-content:center;gap:14px}.free-row img{width:44%}
  .free-card{max-width:260px!important}
  .vibe{height:auto;padding:56px 16px}
  .vibe ul{margin-top:40px;gap:30px}
  .welcome-list{text-align:left;line-height:1.7}
  .welcome-form{flex-wrap:wrap;justify-content:center}.welcome-form input,.welcome-form .btn{width:100%;height:44px}
  .collage{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:520px!important}
  .collage img{position:static;width:100%!important;height:auto!important;aspect-ratio:4/5}
  .collage b,.collage i,.collage .cl1,.collage .cl2{display:none}
  .created-box{padding:28px 20px;gap:12px}.created-box img{width:180px}
  .created-bg{max-width:100%!important}
  .read-more{gap:16px}
  .studio-words{display:none}
  .studio-devices{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
  .studio-devices img{position:static;width:30%!important}
  .studio-tags{flex-direction:column;gap:6px}
  .stack-form{width:100%}
  .ns-script{transform:none;font-size:30px}
  .bundle-list li{width:100%}
  .five{grid-template-columns:1fr}.five-media{height:60vw}
  .five-copy{padding:56px 20px}
  .ins-box{padding:28px 20px 40px}
  .ig-strip{padding:40px 20px;text-align:center}

  /* course */
  .c-hero{height:auto;padding:var(--s5) var(--s2);display:flex;flex-direction:column;align-items:center;gap:var(--s3)}
  .c-hero .kicker,.c-hero .lead,.c-hero h2,.c-hero .pills,.c-hero .btn,.c-hero h1 span{position:static}
  .c-hero .kicker{font-size:14px;padding:0}
  .c-hero h1{display:flex;flex-direction:column;align-items:center}
  .c-hero h1 .l1{width:auto;height:auto;padding:6px 10px;font-size:clamp(22px,7vw,48px)}
  .c-hero h1 .l2{width:auto;height:auto;padding:6px 18px;font-size:clamp(22px,7vw,48px)}
  .c-hero .lead{font-size:24px;padding:0}
  .c-hero .pills{width:100%;max-width:520px;grid-template-columns:1fr 1fr;gap:12px}
  .c-hero .pills li{height:92px;font-size:14px}
  .c-hero h2{font-size:clamp(18px,4.6vw,28px);padding:0}
  .c-hero .btn{width:260px;height:56px;font-size:14px}
  .logos{height:auto;padding:12px var(--s2) var(--s3);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 28px}
  .logos p{position:static;width:100%;font-size:11px;padding:0}
  .logos img{position:static;width:auto!important;height:40px!important;max-width:110px}
  .world{background:var(--tan)}
  .world .world-h{order:1;text-align:left}.world .world-q{order:2}.world>img.P{order:3;max-width:180px}
  .world .world-photo{display:block!important;order:4;width:100vw!important;max-width:none;height:70vw!important;margin:0 -20px}
  .world .get-card{order:5}.world>.btn{order:6}.world .mini-guide{order:7}
  .world>div.cream-bg,.world>div.tan-bg{display:none}
  .get-card{padding:34px 16px 10px}
  .get-card h3{position:static;white-space:normal;margin-bottom:10px}
  .get-card dl{grid-template-columns:1fr;text-align:left}
  .get-card dt{border:0;padding-bottom:0}
  .rp-bar{justify-content:center;padding:12px}
  .rp-cards{grid-template-columns:1fr;gap:34px;max-width:400px!important}
  .rp-card{padding:20px}.rp-card img{width:100%;height:auto;aspect-ratio:3/4}
  .hi-script{font-size:64px}
  .auth-brand{text-align:left}
  .ariana-copy .btn{margin-top:16px}
  .everything{padding-top:0}
  .everything .every-bg{display:block!important;width:100vw!important;max-width:none;height:50vw!important;order:-1}
  .step{padding:20px 16px;background:var(--cream);margin:0 0 20px}
  .step-mods{text-align:left}
  .end-box{padding:28px 20px;text-align:left}
  .bonus{padding:56px 20px}
  .bonus-list li{grid-template-columns:1fr;row-gap:4px}
  .bonus-list s{grid-row:auto;grid-column:auto;justify-self:start}
  .bonus-more{flex-direction:column;gap:20px}
  .honest-small{margin-left:0;text-align:left}
  .honest-copy{text-align:left}
  .honest-copy mark{min-width:0}

  /* platform */
  .p-hero{height:auto}
  .p-hero .launch,.p-hero .p-title,.p-hero .devices,.p-hero .tagline,.p-hero .intro{position:relative;top:auto;left:auto;padding:0 var(--s2)}
  .p-hero .launch{margin-top:var(--s2);font-size:14px}
  .p-hero .p-title{font-size:clamp(44px,13.5vw,110px);margin-top:6px;transform:none}
  .p-hero .devices{width:92vw;margin:4px auto 0;clip-path:inset(12% 0 0 0)}
  .p-hero .tagline{font-size:34px;margin-top:var(--s3)}
  .p-hero .intro{font-size:13px;margin-top:var(--s3)}
  .p-hero .intro br,.p-hero .tagline br{display:none}
  .tools{height:auto;padding:0 var(--s2) var(--s5);display:flex;flex-direction:column;align-items:center;gap:var(--s3)}
  .tools .card,.tools .extra,.tools .join{position:static;width:100%;max-width:440px;height:auto;font-size:15px}
  .tools .card{padding:28px 24px;text-align:left}
  .tools h3{font-size:20px}
  .tools .extra{text-align:center;order:3}
  .tools .ext{order:1}.tools .int,.tools .cre{order:2}
  .tools .join{order:4;height:54px}
  .exists{background:#2d2621;padding-bottom:0}
  .exists .exists-bg{display:block!important;width:100vw!important;max-width:none;height:70vw!important;order:-1;margin:-56px -20px 0}
  .exists>.cream-bg{display:none!important}
  .exists-right,.exists-after{color:var(--white)}
  .exists-right,.exists-problem,.exists h2{text-align:left}
  .pricing{gap:34px}
  .plan{max-width:420px!important}
  .plan-course,.plan-member{padding:28px 22px}
  .member-bar{margin-left:-22px;margin-right:-22px}
  .plan-member ul li{padding-left:30px}.plan-member ul li::before{left:4px}
  .choice-cards{flex-direction:column;align-items:center;gap:20px}
  .choice-card{width:100%;max-width:400px;min-height:0;padding:24px}
  .choice-card p{margin-top:24px}
  .guarantee{padding:24px 16px 0}
  .final{padding:56px 20px}
  .final p{text-align:center}
  .start p{transform:none}

  /* footer */
  .stay{height:auto;padding:56px 20px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
  .stay>*{position:static}
  .stay-script{font-size:46px;transform:rotate(-8deg)}
  .stay-photo{width:180px;height:250px}
  .stay-handle{font-size:36px}
  .stay-line{width:240px}
  .stay-social{flex-direction:column;align-items:center;gap:6px}
  .stay-social li{border:0!important;padding:0!important}
  .stay-social a{font-size:28px}
  .footer{grid-template-columns:1fr 1fr;gap:34px 20px;padding:48px 20px 24px}
  .f-join{grid-column:1/-1}
  .f-copy{text-align:center}
}
@media (max-width:520px){
  .form-row{flex-direction:column}
  .form-row .btn,.form-row input{width:100%}
  .form-row input{flex:none;height:44px}
  .enough input,.guide input,.enough .btn,.guide .btn,.mini-guide input,.mini-guide .btn{width:100%}
  .footer{grid-template-columns:1fr}
  .f-join input{width:100%}
}

/* ---------- phone comfort pass (2026-09-25): readable small print, 44px tap targets, no iOS input zoom ---------- */
@media (max-width:900px){
  :root{--nav-h:48px}
  .nav .burger{min-height:44px;padding:0 4px}
  .nav ul{gap:0;padding:6px var(--s2) 10px}
  .nav ul a{display:block;padding:12px 0;font-size:14px}
  .btn,.P.btn,.frame>.P.btn{min-height:44px;height:auto;padding-top:10px;padding-bottom:10px}
  .btn-outline,.P.btn{font-size:12px!important}
  .plan .buy,.plan .join-plan{min-height:48px;min-width:180px;font-size:14px}
  input[type=email],input[type=text]{font-size:16px!important;height:44px!important}
  .ins-form .btn{min-height:44px}
  .logos p,.logos-small p,.vibe span,.f-copy{font-size:12px!important}
  .bundle-form .optin{font-size:12px}
  .bundle-form .optin input{width:20px;height:20px}
  .build::before{background:rgba(0,0,0,.35)}
  .hi-script{font-size:50px;white-space:nowrap}
  .btn-outline,.hi-copy .btn{min-width:210px}
}
@media (max-width:520px){
  .topbar .form-row{flex-direction:row}
  .topbar .form-row input{flex:1;width:auto;min-width:0}
  .topbar .form-row .btn{width:auto}
}

/* =========================================================== SHOWIT PHONE CANVAS (≤767px)
   Showit's phone design: a 320px canvas scaled to the phone width. Sections marked .mc carry
   --mhd (section height) and their elements --mx/--my/--mw/--mh/--mf, taken from the
   original Showit page data (archived bigjumpmama.com, "m" layout). */
@media (max-width:767px){
  /* phone design is shown at phone size: stops growing past 430px wide and stays centred */
  :root{--mu:calc(min(100vw, 430px) / 320);--mox:calc((100vw - 320 * var(--mu)) / 2)}
  .mc{position:relative!important;display:block!important;height:calc(var(--mhd) * var(--mu))!important;min-height:0!important;padding:0!important;gap:0!important;overflow-x:clip!important;overflow-y:visible!important}
  .mc [style*="--mx"]{position:absolute!important;left:calc(var(--mx) * var(--mu) + var(--mox))!important;top:calc(var(--my) * var(--mu))!important;width:calc(var(--mw) * var(--mu))!important;max-width:none!important;min-width:0!important;margin:0!important;transform:none;order:0!important}
  .mc [style*="--mh:"]{height:calc(var(--mh) * var(--mu))!important;min-height:0!important;aspect-ratio:auto!important}
  .mc [style*="--mf"]{font-size:calc(var(--mf) * var(--mu))!important}
  .mc [style*="--mx"] [style*="--mx"]{left:calc(var(--mx) * var(--mu))!important}
  .mc video[style*="--mx:0;"][style*="--mw:320"],.mc img[style*="--mx:0;"][style*="--mw:320"]{left:0!important;width:100%!important}
  .mc img.mshow{display:block!important}
  .mc .mhide{display:none!important}
  .mc .m-left{text-align:left!important}
  .mc .m-center{text-align:center!important}
  .mc .btn{min-height:0;padding:0 4px;white-space:normal;line-height:1.3}
  .mc input[type=email],.mc input[type=text]{height:calc(38 * var(--mu))!important}
  .mc form .btn{height:calc(38 * var(--mu));min-height:40px}

  /* hero + enough */
  .hero .kicker{letter-spacing:.14em;z-index:3}
  .hero h1{line-height:1;z-index:3}
  .hero .portrait{z-index:4}
  .enough h2{padding:0;line-height:1}
  .enough h2 em{font-size:calc(45 * var(--mu))!important;margin-top:calc(2 * var(--mu))}
  .enough .sub{line-height:1.05}
  .enough .sub .big{font-size:calc(36 * var(--mu));margin:calc(6 * var(--mu)) 0 0;padding:0}
  .guide{height:calc(594 * var(--mu))}
  .guide h2{line-height:.9}
  .guide .need{font-size:calc(31 * var(--mu))!important;margin-top:calc(6 * var(--mu))}
  /* about */
  .about-card{padding:calc(14 * var(--mu));gap:calc(12 * var(--mu))}
  .about-card .btn{width:calc(160 * var(--mu));height:calc(42 * var(--mu));font-size:calc(9 * var(--mu))!important}
  .logos-small p{font-size:calc(11 * var(--mu))!important}
  .logos-small div{flex-wrap:nowrap;gap:calc(8 * var(--mu))}
  .logos-small img{height:calc(22 * var(--mu))}
  .why-left{text-align:right}
  /* freebies + collage */
  .free-h span{font-size:calc(30 * var(--mu))!important}
  .collage b,.collage i{display:block!important;white-space:nowrap}
  .collage i{line-height:.95}
  .collage img{object-fit:cover}
  /* vibe */
  .vibe ul{display:grid;gap:calc(46 * var(--mu))}
  .vibe b{font-size:calc(28 * var(--mu))!important}
  .vibe span{font-size:calc(11 * var(--mu))!important}
  /* ticker + ok */
  .ticker{height:calc(30 * var(--mu))}
  .ticker-track{font-size:calc(12 * var(--mu))}
  .ok h2{line-height:1.1}.ok p{line-height:1.3}
  /* created */
  .created-box{padding:calc(12 * var(--mu));gap:calc(10 * var(--mu))}
  .created-box img{width:calc(160 * var(--mu))}
  .created-goal .btn{margin-top:calc(17 * var(--mu));width:calc(200 * var(--mu));height:calc(42 * var(--mu));font-size:calc(12 * var(--mu))}
  .read-more{gap:calc(14 * var(--mu))}
  /* studio */
  .mc .studio-devices img{transform:rotate(16deg)!important}
  .studio-tags{display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--mu))}
  /* tribe */
  .tribe-copy>*+*{margin-top:calc(14 * var(--mu))}
  .tribe-copy .stack-form{width:calc(224 * var(--mu));margin-top:calc(20 * var(--mu))}
  /* not sure */
  .ns-script{transform:rotate(-12deg)!important;white-space:nowrap}
  /* bundle */
  .mc .bundle-list li{width:100%;padding:calc(12 * var(--mu)) 0;font-size:calc(18 * var(--mu))!important}
  .mc .bundle-list small{font-size:calc(15 * var(--mu))}
  /* five */
  .five-copy{background:var(--green);padding:calc(20 * var(--mu));gap:calc(12 * var(--mu));justify-content:flex-start;padding-top:calc(40 * var(--mu))}
  .five-media{z-index:0}
  .five-copy{z-index:1}
  /* insights */
  .insights{background-size:cover;background-position:center}
  .ins-box{padding:calc(18 * var(--mu)) calc(16 * var(--mu))}
  .ins-form{width:calc(238 * var(--mu))}
  /* stay in touch */
  .mc .stay-script{transform:rotate(-10deg)!important;z-index:2}
  .stay-social li{padding:0!important;border:0!important}
  .stay-social{display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--mu))}
  .stay-social a{font-size:calc(25 * var(--mu))!important}
  /* footer: two columns then centred, like Showit */
  .footer{grid-template-columns:1fr 1fr;padding:calc(40 * var(--mu)) calc(24 * var(--mu))}
  .footer .f-col:nth-child(n+3){grid-column:1/-1;text-align:center}
  .f-join form{justify-content:center}
  .f-book{justify-content:center}
  .f-handle{text-align:center}
  .footer{font-size:calc(12 * var(--mu))!important}
  .footer h4{font-size:calc(12 * var(--mu))!important}
  .ig-strip{padding:calc(10 * var(--mu)) 0 calc(20 * var(--mu));text-align:center}
  .ig-strip a{font-size:calc(34 * var(--mu))!important}
}