@font-face{font-family:DM;src:url(assets/body.ttf);font-display:swap;font-weight:100 900}
:root{--midnight:#191970;--deep:#0d0e45;--ink:#060610;--sky:#89c4f4;--paper:#f2f2f0;--white:#fff;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--ease:cubic-bezier(.23,1,.32,1);--gutter:clamp(22px,6vw,120px);--tear:clamp(46px,7vw,120px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--midnight);color:var(--white);font-family:DM,system-ui,sans-serif;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,p,ul,figure{margin:0;padding:0}ul{list-style:none}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
h1,h2{font-weight:700;letter-spacing:-.035em;line-height:1.06;text-wrap:balance}h2{font-size:clamp(38px,5vw,90px)}h3{font-size:clamp(22px,1.9vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.2}
em{font-family:var(--serif);font-style:normal;font-weight:400;letter-spacing:-.025em}
p+p{margin-top:1em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sky);outline-offset:4px}
.skip{position:fixed;top:-60px;left:16px;z-index:100;background:var(--white);color:#000;padding:8px 12px}.skip:focus{top:10px}
.wrap{width:min(1320px,100%);margin:auto;padding-inline:var(--gutter)}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:14px 34px;border:0;border-radius:40px;background:var(--white);color:#000;font:700 18px/1.2 DM,sans-serif;cursor:pointer;transition:transform .25s var(--ease),background .25s}.pill:hover{transform:translateY(-2px);background:var(--sky)}.pill:active{transform:scale(.97)}
/* curtain */
.curtain{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:var(--midnight);transition:transform .95s cubic-bezier(.76,0,.24,1)}.curtain img{width:62px;filter:brightness(0) invert(1);transition:opacity .35s}.intro-done .curtain{transform:translateY(-101%);pointer-events:none}.intro-done .curtain img{opacity:0}
/* nav */
.nav{position:absolute;top:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 30px;color:var(--white)}.nav-logo img{width:46px;filter:brightness(0) invert(1)}.announce{display:block;padding:9px 20px;border-radius:999px;background:#060c19e6;border:1px solid #89c4f459;color:var(--white);font-size:15px;line-height:1.3;white-space:nowrap}.announce strong{color:var(--sky);font-weight:600}.announce:hover{border-color:var(--sky)}.nav-cta{justify-self:end;font-size:15px;font-weight:600;padding:9px 18px;border:1px solid currentColor;border-radius:30px}
/* scroll stage */
.world{height:620svh;position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--midnight)}
.art{position:absolute;left:50%;top:50%;width:1920px;height:1081px;margin:-540.5px 0 0 -960px}.art-in{position:absolute;inset:0;transition:transform 1.9s var(--ease)}.js:not(.intro-done) .art-in{transform:scale(1.16)}
.layer{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.layer img{width:100%;height:100%;object-fit:cover}.flip img{transform:scaleX(-1)}.slant img{transform:rotate(-20.58deg) scale(.885,.633);transform-origin:center}.band{background:linear-gradient(transparent,var(--midnight) 32%,var(--midnight) 68%,transparent)}
.scrim{position:absolute;left:50%;top:48%;width:1300px;height:1000px;margin:-500px 0 0 -650px;background:radial-gradient(closest-side,#06061080,transparent)}
.beat{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:96px var(--gutter) 40px;pointer-events:none;will-change:transform,opacity}.beat a{pointer-events:auto}
.beat-hero{text-align:center;align-items:center;padding-bottom:90px}.js:not(.intro-done) .hero-copy{opacity:0;transform:translateY(26px)}.hero-copy{display:flex;flex-direction:column;align-items:center;transition:opacity 1s .35s,transform 1.1s .35s var(--ease)}
h1{font-size:clamp(40px,6.2vw,118px);text-transform:uppercase;text-shadow:0 2px 30px #06061066}h1 span{display:block;font-family:var(--serif);font-weight:400;letter-spacing:-.02em;font-size:.72em}h1 b{display:block}
.hero-sub{max-width:760px;margin:18px 0 26px;font-size:clamp(18px,1.25vw,22px);line-height:1.4;letter-spacing:-.02em;text-shadow:0 1px 16px #060610a0}
.hero-foot{position:absolute;left:30px;right:30px;bottom:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;font-size:17px;line-height:1.2}.hero-note{max-width:400px;text-align:right;font-size:15px;line-height:1.35}
.beat-center{text-align:center;align-items:center}.beat-center h2{max-width:1240px}.maybes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:min(1500px,94vw);margin-top:40px;font-size:clamp(17px,1.35vw,21px);line-height:1.35;color:var(--white)}.maybes li{display:flex;align-items:center;justify-content:center;padding:32px 5%;border-radius:50%;background:#060c19e6;border:1.5px solid var(--sky);box-shadow:0 0 28px #89c4f433;font-weight:500;text-shadow:none;text-wrap:balance}.maybes em{white-space:nowrap}
@media(max-width:1240px){.maybes{grid-template-columns:1fr;gap:12px;width:min(600px,100%);margin-top:32px}.maybes li{padding:20px 8%}}
.could{display:grid;justify-items:center;gap:10px;margin-bottom:36px;font-size:clamp(17px,1.35vw,21px);line-height:1.35;color:var(--white)}.could li{padding:10px 26px;border-radius:999px;background:#060c19eb;border:1px solid #ffffff2e;font-weight:500;text-shadow:none;text-wrap:balance}.could span{--strike:1;padding-inline:.2em;background:linear-gradient(#3168c1,#3168c1) 0 58%/calc(var(--strike)*100%) .32em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.beat-left{align-items:flex-start}.beat-left>*{max-width:min(620px,42vw)}.beat-left h2{font-size:clamp(38px,3.6vw,68px)}.beat-left p{margin-top:20px;font-size:clamp(18px,1.2vw,22px);line-height:1.4;color:#ffffffe6}.beat-left .need{color:var(--white);font-weight:600}.pretty-panel{padding:32px 36px;border-radius:28px;background:#060c19eb;border:1px solid #ffffff2e;text-shadow:none}@media(max-height:660px){.pretty-panel{padding:22px 28px}.beat-left p{margin-top:12px}}
.tear{position:absolute;left:0;right:0;top:0;height:125%;background:var(--paper);will-change:transform}.tear-edge,.torn:before{content:'';position:absolute;left:0;right:0;bottom:calc(100% - 2px);height:var(--tear);background:url(assets/tear-paper.webp) center bottom/100% 100% no-repeat}
.beat-zero{z-index:1;justify-content:flex-start;align-items:center;gap:10px;padding-top:32px;text-align:center;color:#0b0f2c}.beat-zero h2{font-size:clamp(38px,3.6vw,68px)}.beat-zero p{font-size:clamp(18px,1.5vw,26px);line-height:1.1;letter-spacing:-.03em;opacity:.7}
.mock{position:absolute;left:0;top:0;width:850px;transform-origin:0 0;will-change:transform;opacity:0}.mock-frame{border-radius:16px;overflow:hidden;background:var(--ink);box-shadow:0 24px 70px #06061059}.mock-bar{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;background:#10113d;color:#ffffff99;font-size:12px}.mock-bar i{width:9px;height:9px;border-radius:50%;background:#ffffff40}.mock-bar span{margin-left:10px}.mock-frame img{width:100%}
.mock-card{position:absolute;right:-34px;bottom:-54px;width:250px;border-radius:14px;box-shadow:0 18px 50px #06061066}
.float{position:absolute;padding:12px 22px;border-radius:30px;background:var(--white);color:#000;font-size:18px;box-shadow:0 8px 16px #06061024;white-space:nowrap}.f1{left:-90px;top:58%}.f2{right:-60px;top:16%}
/* sections */
section:not(.world){position:relative}.paper{background:var(--paper);color:#0b0f2c}.midnight{background:linear-gradient(170deg,var(--midnight),var(--deep) 70%)}.torn:before{z-index:2}.midnight.torn:before{background-image:url(assets/tear-midnight.webp)}
.paper em{color:var(--midnight)}.midnight em,.close em{color:var(--sky)}
.zero-more,.founder,.inside,.tech,.offer,.faq{padding-block:clamp(84px,10vw,150px)}
.journey{position:relative;--tabs:64px;--view:calc(100svh - var(--tabs));height:340svh}.journey-pin{position:sticky;top:0;display:flex;flex-direction:column;height:100svh;overflow:clip}.journey-tabs{position:relative;flex:none;display:grid;grid-template-columns:repeat(3,1fr);height:var(--tabs);margin-inline:var(--gutter);background:#080e24f2;border-bottom:1px solid #89c4f433}.journey-tabs a{display:flex;align-items:center;justify-content:center;gap:12px;font-size:17px;font-weight:500;color:#f2f2f099;text-decoration:none;transition:color .3s}.journey-tabs a:hover,.journey-tabs a[aria-current=step]{color:var(--sky)}.journey-tabs span{font-size:13px;font-variant-numeric:tabular-nums}.journey-meter{position:absolute;left:0;right:0;bottom:-1px;height:2px}.journey-meter span{display:block;height:100%;background:var(--sky);transform:scaleX(.334);transform-origin:left;transition:transform .55s var(--ease)}.journey-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1.15fr;gap:4%;padding-inline:var(--gutter)}.journey-steps{position:relative;min-width:0}.journey-step{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transform:translateY(28px);transition:opacity .35s,transform .35s}.journey-step.is-current{opacity:1;transform:none;transition:opacity .5s .15s,transform .6s var(--ease) .15s}.journey-number{display:block;margin-bottom:18px;font-family:Display,Impact,sans-serif;font-size:82px;line-height:1;color:#89c4f44d}.journey-step h3{font-family:Display,Impact,sans-serif;font-size:clamp(64px,7.4vw,130px);font-weight:400;letter-spacing:-.015em;line-height:.95;text-transform:uppercase;color:var(--sky)}.journey-step p{max-width:440px;margin-top:22px;font-size:clamp(18px,1.4vw,22px);line-height:1.5;color:#f2f2f0e6}.journey-visual{position:relative;display:flex;flex-direction:column;min-height:0;padding-block:24px}.journey-count{text-align:right;font-size:14px;color:var(--sky);font-variant-numeric:tabular-nums}.journey-art{position:relative;flex:1;min-height:0}.sculpture{--u:min(calc((var(--view) - 68px)*.13),6.2vw);--spring:1.1s var(--ease);position:absolute;inset:0;perspective:calc(12*var(--u))}.sc-float,.sc-rig,.sc-core,.sc-cube{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}.sc-float{animation:sc-float 9s ease-in-out infinite alternate paused}.journey.in-view .sc-float{animation-play-state:running}.sc-rig{transition:transform var(--spring)}.sculpture[data-pose="0"] .sc-rig{transform:rotateX(-.15rad) rotateY(-.1rad) rotateZ(.06rad)}.sculpture[data-pose="1"] .sc-rig{transform:rotateX(-.25rad) rotateY(-1.12rad) rotateZ(.28rad)}.sculpture[data-pose="2"] .sc-rig{transform:rotateX(-.25rad) rotateY(-.62rad) rotateZ(.18rad)}.sculpture[data-pose="0"] .sc-frame{--p:var(--p0)}.sculpture[data-pose="1"] .sc-frame{--p:var(--p1)}.sculpture[data-pose="2"] .sc-frame{--p:var(--p2)}.sc-frame{position:absolute;left:calc(-1.65*var(--u));top:calc(-1.65*var(--u));width:calc(3.3*var(--u));height:calc(3.3*var(--u));transform-style:preserve-3d;transform:var(--p);transition:transform var(--spring);transition-delay:calc(var(--i)*28ms)}.sc-frame i{position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath fill-rule='evenodd' d='M64 0h202a64 64 0 0 1 64 64v202a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V64A64 64 0 0 1 64 0ZM91 59a32 32 0 0 0-32 32v148a32 32 0 0 0 32 32h148a32 32 0 0 0 32-32V91a32 32 0 0 0-32-32Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330'%3E%3Cpath fill-rule='evenodd' d='M64 0h202a64 64 0 0 1 64 64v202a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V64A64 64 0 0 1 64 0ZM91 59a32 32 0 0 0-32 32v148a32 32 0 0 0 32 32h148a32 32 0 0 0 32-32V91a32 32 0 0 0-32-32Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}.sc-frame i:nth-child(1){transform:translateZ(calc(-.1*var(--u)));background:#070d22}.sc-frame i:nth-child(2){background:linear-gradient(135deg,#7f96b8,#1b2c4c 45%,#214b96)}.sc-frame i:nth-child(3){transform:translateZ(calc(.1*var(--u)));background:linear-gradient(135deg,#e5f2ff 0,#8ea4bd 9%,#22365a 30%,#0b1530 52%,#214b96 78%,#a9cbff 96%)}.sc-core{transition:transform var(--spring);transform:scale(0)}.sculpture[data-pose="1"] .sc-core{transform:scale(.55)}.sculpture[data-pose="2"] .sc-core{transform:scale(1.2)}.sc-cube{animation:sc-spin 26s linear infinite paused}.journey.in-view .sc-cube{animation-play-state:running}.sc-cube i{position:absolute;left:calc(-.27*var(--u));top:calc(-.27*var(--u));width:calc(.54*var(--u));height:calc(.54*var(--u));background:linear-gradient(135deg,#d9eeff,#89c4f4 55%,#3168c1);box-shadow:inset 0 0 0 1px #ffffff59}.sc-cube i:nth-child(1){transform:translateZ(calc(.27*var(--u)))}.sc-cube i:nth-child(2){transform:rotateY(180deg) translateZ(calc(.27*var(--u)))}.sc-cube i:nth-child(3){transform:rotateY(90deg) translateZ(calc(.27*var(--u)))}.sc-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(calc(.27*var(--u)))}.sc-cube i:nth-child(5){transform:rotateX(90deg) translateZ(calc(.27*var(--u)))}.sc-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(calc(.27*var(--u)))}@keyframes sc-float{from{transform:translateY(calc(-.07*var(--u)))}to{transform:translateY(calc(.07*var(--u)))}}@keyframes sc-spin{from{transform:rotateX(23deg) rotateY(29deg)}to{transform:rotateX(383deg) rotateY(749deg)}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);align-items:start}.big{font-size:clamp(23px,2vw,32px);line-height:1.25;letter-spacing:-.025em;font-weight:500}.split>div>.big+p{margin-top:24px}.zero-more .split,.tech .split{align-items:center}.offer .wrap{display:grid;justify-items:center;gap:clamp(32px,4vw,56px)}.offer h2{text-align:center}.offer .buy{width:min(560px,100%)}
.founder-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(40px,8vw,120px);align-items:start}.founder figure{position:sticky;top:32px}.founder figure img{width:100%;border-radius:16px}.founder figcaption{margin-top:14px;font-size:15px;color:#ffffffb0}.founder figcaption strong{display:block;color:var(--white);font-size:19px}.story h2{margin-bottom:28px}.story p{color:#ffffffc7}.story .month{margin-block:1.1em;color:var(--white);font-size:clamp(25px,2.4vw,38px);line-height:1.18;letter-spacing:-.03em;font-weight:600}
.every{text-align:center;margin-top:clamp(90px,11vw,170px)}.every h2{max-width:1040px;margin:0 auto 26px}.every p{max-width:680px;margin-inline:auto;color:#ffffffc7}.cta-row,.every p.cta-row{display:flex;justify-content:center;max-width:none;margin-top:clamp(36px,4vw,56px)}.questions .pill{margin-top:32px}
.lead{max-width:760px;margin-top:20px;font-size:clamp(19px,1.5vw,24px);line-height:1.35}.parts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:64px}.parts p,.bonuses p{margin-top:12px;color:#3e4966}.early{margin-top:clamp(84px,10vw,140px)}
.bonuses{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}.bonuses article{padding:32px;background:var(--white);border-radius:16px;box-shadow:0 8px 24px #1919700f}.bonuses small{color:var(--midnight);font-size:15px;font-weight:600}.bonuses .note{color:#0b0f2c;font-size:16px;font-weight:600}
.buy{padding:36px;border-radius:16px;background:var(--midnight);color:var(--white);box-shadow:0 30px 60px #19197033}.buy em{color:var(--sky)}.price{display:flex;align-items:center;gap:18px;margin:14px 0 20px;font-size:84px;font-weight:700;letter-spacing:-.05em;line-height:1}.price span{font-size:14px;font-weight:400;letter-spacing:0;line-height:1.4;color:#ffffffc7}.buy li{padding:6px 0;font-size:17px}.buy li:before{content:'✓';margin-right:10px;color:var(--sky)}.buy .pill{width:100%;margin-top:18px}.fine{margin-top:14px;font-size:14px;line-height:1.45;color:#ffffffc7}
.questions details{padding:18px 0;border-bottom:1px solid #ffffff2b}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--sky)}details[open] summary:after{content:'−'}details p{margin-top:10px;color:#ffffffc7}
.close{padding-block:clamp(110px,13vw,200px);text-align:center;background:var(--ink)}.close-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.5}.close .wrap{position:relative}.close h2{max-width:1040px;margin:auto}.close h2 em{display:block;margin-top:10px}.close p{margin-top:24px}.close ul{max-width:720px;margin:30px auto 34px;text-align:left}.close li{padding:14px 0;border-bottom:1px solid #ffffff3d}
footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px var(--gutter);background:var(--ink);font-size:14px;color:#ffffffb0}footer img{width:44px;filter:brightness(0) invert(1)}
.buybar{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:none;align-items:center;justify-content:space-between;padding:7px 7px 7px 20px;border-radius:40px;background:#0d0e45f2;color:var(--white);box-shadow:0 10px 30px #06061066;transform:translateY(140%);transition:transform .4s var(--ease)}.buybar.on{transform:none}.buybar .pill{min-height:46px;padding:9px 20px;font-size:15px}
@media(max-width:800px){body{font-size:17px}.nav{display:flex;justify-content:space-between;padding:14px 18px}.announce{padding:8px 15px;font-size:14px}.announce span{display:none}.nav-logo img{width:38px}.nav-cta{display:none}
.world{height:560svh}h1{font-size:clamp(34px,10.4vw,60px)}.hero-sub{font-size:17px}.pill{min-height:54px;padding:12px 26px;font-size:17px}.beat{padding:78px 22px 90px}.beat-hero{justify-content:flex-start;padding-top:120px}.hero-foot{display:none}.maybes{grid-template-columns:1fr;gap:12px;width:100%;max-width:440px;margin-top:26px;font-size:17px;line-height:1.35}.maybes li{padding:14px 24px;border-radius:999px}.could{gap:8px;margin-bottom:26px;font-size:17px}.could li{padding:10px 20px}.beat-left{justify-content:flex-start;padding-top:84px}.beat-left>*{max-width:none}.pretty-panel{padding:0;border:0;background:none}.beat-left p{margin-top:14px;font-size:17px}.beat-left p:not(.need){display:none}.beat-zero{gap:6px}.beat-zero p{display:none}.mock-card{width:210px;right:-10px;bottom:-40px}.float{font-size:22px;padding:12px 20px}.f1{left:6px;top:60%}.f2{right:6px;top:10%}
.split,.parts,.bonuses,.founder-grid{grid-template-columns:1fr}.journey{--tabs:54px;--art:clamp(240px,35svh,330px)}.journey-tabs{margin:0;padding-inline:var(--gutter)}.journey-tabs a{gap:6px;font-size:15px}.journey-tabs span{font-size:11px}.journey-grid{display:flex;flex-direction:column}.journey-visual{order:-1;flex:none;height:var(--art);padding:12px 0 0}.journey-count{font-size:12px}.journey-steps{flex:1}.journey-step{align-items:flex-start;padding:16px 0 100px}.journey-step>div{width:100%}.sculpture{--u:min(calc((var(--art) - 30px)*.13),11vw)}.journey-number{display:none}.journey-step h3{font-size:clamp(50px,13.5vw,80px)}.journey-step p{max-width:none;margin-top:14px;font-size:17px}.founder figure{position:static;max-width:320px}.buy{padding:26px}.price{font-size:68px}.buybar{display:flex}footer{flex-direction:column;align-items:flex-start;padding-bottom:88px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.curtain{display:none}.world{height:auto}.stage{position:relative;height:auto;overflow:visible;padding-top:100svh}.art{top:50svh}.stage:before{content:'';position:absolute;inset:100svh 0 0;background:var(--midnight);z-index:1}.art-in{transform:none!important}.beat{position:relative;inset:auto;z-index:2;padding-block:48px;will-change:auto}.beat-hero{position:absolute;inset:0 0 auto;height:100svh}.hero-copy{opacity:1!important;transform:none!important}.tear,.mock{display:none}.beat-zero{color:var(--white)}}
.split h2{margin-bottom:26px}
.tech em{display:block;white-space:nowrap}
@media(max-width:800px){.tech h2{font-size:clamp(32px,9.6vw,44px)}}
/* "tech-savvy enough?" stays on one line, so it is capped to leave the right column room. */
@media(min-width:801px){.tech h2{font-size:min(5vw,64px);margin-bottom:0}}
/* Malik's chrome studio: midnight, electric blue and machined metal. */
@font-face{font-family:Display;src:url(assets/display.ttf);font-display:swap}
:root{--midnight:#0c1742;--deep:#080e24;--serif:DM,system-ui,sans-serif;--tear:72px}
body{background:#080d1a}.curtain{background:#060b17}.nav{background:linear-gradient(#060b1799,transparent);backdrop-filter:blur(5px)}.nav-cta{background:#89c4f4;color:#07101c;border-color:#89c4f4}.pill{background:#9bd3ff;color:#081224;box-shadow:inset 0 1px 0 #e1f4ff,0 9px 35px #003bff1c}.pill:hover{background:white}
h1{font-family:Display,Impact,sans-serif;font-size:clamp(60px,9vw,150px);font-weight:400;letter-spacing:-.015em;line-height:.91;text-shadow:0 5px 35px #0008}
h1 span{font-family:DM,sans-serif;font-size:.31em;font-weight:500;letter-spacing:-.04em;text-transform:none;line-height:1.2;margin-bottom:20px}h1 b{font-weight:400;max-width:1300px}.hero-sub{max-width:740px;margin-top:26px;font-weight:400;color:#d3dfed}.hero-copy{max-width:1400px}.beat-hero{background:radial-gradient(ellipse,#050b1859,transparent 75%)}
em{font-family:inherit;color:var(--sky);font-weight:500}h2{font-weight:600;letter-spacing:-.055em}.hero-foot{color:#8ca5c5;font-size:13px;letter-spacing:.05em}.hero-note{font-size:12px;letter-spacing:0;color:#c4d1e2}.hero-note strong{color:#89c4f4}
.studio-scene{position:absolute;inset:0;transform-origin:50% 65%;will-change:transform,opacity;pointer-events:none}.studio-backdrop{width:100%;height:100%;object-fit:cover}.studio-shade{position:absolute;inset:0;background:linear-gradient(#02091726,#02091722 45%,#02091799),radial-gradient(ellipse at center,#03091666,transparent 65%)}.studio-grid{position:absolute;left:-20%;right:-20%;height:90%;bottom:-60%;background-image:linear-gradient(#89c4f41c 1px,transparent 1px),linear-gradient(90deg,#89c4f41c 1px,transparent 1px);background-size:80px 80px;transform:perspective(500px) rotateX(57deg);mask-image:linear-gradient(transparent,#000)}
.chrome-plane{position:absolute;width:95vw;height:20vh;left:-15%;top:52%;opacity:0;background:linear-gradient(178deg,#e5f2ff 0,#7b91ab 3%,#18273e 8%,#070f20 45%,#214b96 78%,#a9cbff 97%,#fff);border-top:2px solid #dbefff;border-bottom:2px solid #a8c7ff;box-shadow:0 35px 65px #0009,inset 0 5px 20px #d1e9ff33;will-change:transform,opacity}.plane-b{left:25%;top:26%;height:15vh}.plane-c{left:0;top:75%;width:130vw;height:24vh}.beat-center,.beat-left{text-shadow:0 3px 30px #000}.beat-center:before{content:'';position:absolute;inset:10% 8%;background:radial-gradient(ellipse,#060c19cc,transparent 75%);z-index:-1}.stage{isolation:isolate;background:#080e24}
.tear{background:#f2f2f0}.tear-edge{height:120px;background:none;overflow:visible}.tear-edge i{position:absolute;bottom:-2px;left:-5%;width:110%;height:50px;transform:rotate(-3deg);background:linear-gradient(#e0f0ff,#273951 9%,#0b1530 50%,#3168c1 84%,#b7daff);border-block:1px solid #b7daff;box-shadow:0 -15px 45px #0004}.tear-edge i:nth-child(2){bottom:30px;transform:rotate(3deg);opacity:.8}.tear-edge i:nth-child(3){bottom:60px;transform:rotate(-5deg);opacity:.5}.torn:before,.midnight.torn:before{height:35px;background:linear-gradient(175deg,transparent 45%,#7b9cb5 46%,#0c1742 48%,#89c4f4 50%,transparent 52%);pointer-events:none}
.mock-frame{border:9px solid #1c2633;border-top-width:18px;box-shadow:0 0 0 2px #91a6b8,0 30px 80px #0007;border-radius:20px}.mock-bar{height:25px;font-size:11px;background:#080d19}.mock-frame img{aspect-ratio:16/9;object-fit:cover}.mock:after{content:'';position:absolute;left:-4%;width:108%;height:20px;background:linear-gradient(#d6e1e8,#65737f 45%,#25303a);border-radius:0 0 45% 45%;box-shadow:0 20px 25px #0005}.float{font-size:15px;background:#0b1530;color:#b8ddff;border:1px solid #89c4f466}.f1{left:-25px}.f2{right:-25px}
.midnight{background:radial-gradient(ellipse at 90% 0,#18356c66,transparent 60%),#080e24}.close-art{opacity:.28}.paper{background:#ecf0f4}.parts h3{font-size:30px}.buy{background:linear-gradient(145deg,#15234c,#080e24);border:1px solid #89c4f459}.bonuses article{border:1px solid #162b4a18;box-shadow:none}
/* Video devices use real metal edges, native playback and the source aspect ratios. */
.device-gallery{padding:95px 0 90px;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#c5dcf2,#edf0f4 70%)}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px 48px;align-items:start}.device-project{perspective:1400px;min-width:0}.device-project figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 8px 0;color:#101d34}.device-project figcaption span{font-size:20px;font-weight:600;letter-spacing:-.03em}.device-project figcaption small{font-size:11px;text-align:right;color:#586b82}.laptop{position:relative;transform:rotateY(-5deg) rotateX(3deg);transition:transform .5s var(--ease);margin:0 9px}.laptop-project:nth-child(2) .laptop{transform:rotateY(5deg) rotateX(3deg)}.laptop-lid{background:#070b10;border:8px solid #17212d;border-top-width:18px;border-radius:15px 15px 6px 6px;box-shadow:0 0 0 1px #e9f3fa,0 0 0 3px #7890a4,0 20px 35px #142b4c35;position:relative}.camera-dot{position:absolute;top:-12px;left:50%;width:5px;height:5px;border-radius:50%;background:#35475c;box-shadow:0 0 0 2px #071018}.laptop video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#05080c}.laptop-base{position:relative;left:-5%;width:110%;height:15px;background:linear-gradient(#d7e3ec,#869cac 45%,#344957 90%);border-radius:1px 1px 50% 50%;box-shadow:0 17px 25px #182c4f40}.laptop-base:before{content:'';position:absolute;left:40%;top:0;width:20%;height:5px;background:#526776;border-radius:0 0 10px 10px}.phone-project{display:flex;flex-direction:column;align-items:center}.phone{width:min(310px,82%);padding:16px 8px 12px;border-radius:37px;background:linear-gradient(130deg,#c5d1dd,#131d28 8%,#080d14 85%,#91a6ba);box-shadow:0 0 0 1px #e2edf5,0 0 0 3px #61758b,20px 35px 45px #172b4b33;position:relative;transform:rotateY(-9deg) rotateZ(-3deg);transition:transform .5s var(--ease)}.phone-project:last-child .phone{transform:rotateY(9deg) rotateZ(3deg)}.phone video{display:block;width:100%;aspect-ratio:1170/2012;object-fit:contain;background:#070a12;border-radius:24px}.phone-speaker{height:3px;width:35px;position:absolute;top:6px;left:calc(50% - 17px);border-radius:5px;background:#02050a}.phone-project figcaption{width:100%;max-width:360px;margin-top:32px}.phone-project figcaption small{max-width:120px}.tvc-display{aspect-ratio:16/9;box-sizing:content-box}.tvc-gate,.tvc-denied{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse at 50% 110%,#344a37,#17231c 70%);color:#f2e7cb;padding:18px}.tvc-wordmark{font-family:Georgia,serif;font-size:32px;font-weight:900;line-height:.65;letter-spacing:-.04em;margin-bottom:18px}.tvc-wordmark small{font-size:10px;letter-spacing:.24em}.tvc-gate h3,.tvc-denied h3{font-family:Georgia,serif;font-size:22px;color:#f2e7cb}.tvc-gate p,.tvc-denied p{font-size:11px;line-height:1.5;color:#ced6c9;margin-top:10px}.tvc-gate>div{display:flex;gap:9px;margin-top:17px}.tvc-gate button,.tvc-denied button{font:500 11px DM,sans-serif;padding:9px 12px;border:1px solid #f2e7cb60;color:#f2e7cb;background:none;border-radius:25px;cursor:pointer}.tvc-gate #tvc-confirm{background:#e4a837;border-color:#e4a837;color:#17231c}.tvc-denied button{margin-top:14px}.tvc-display [hidden]{display:none!important}
@media(max-width:1000px){.device-grid{gap:65px 30px}.tvc-wordmark{font-size:24px;margin-bottom:13px}.tvc-gate h3{font-size:18px}.tvc-gate p{font-size:10px}.tvc-gate>div{margin-top:10px}.tvc-gate button{font-size:10px;padding:7px 10px}}
@media(max-width:800px){h1{font-size:clamp(58px,15vw,100px)}h1 span{font-size:.36em;line-height:1.15;margin-bottom:18px}.hero-sub{font-size:16px;max-width:500px}.beat-hero{justify-content:center;padding-top:75px;padding-bottom:65px}.studio-backdrop{object-position:50%}.studio-shade{background:#030a174d}.device-grid{grid-template-columns:1fr;gap:55px}.device-gallery{padding:65px 0}.device-project figcaption{gap:15px}.device-project figcaption span{font-size:18px}.phone{max-width:285px}.device-project figcaption small{font-size:14px}.tvc-display{min-height:210px;aspect-ratio:auto}.tvc-wordmark{font-size:30px;margin-bottom:18px}.tvc-gate h3{font-size:22px}.tvc-gate p{font-size:11px}.tvc-gate>div{margin-top:16px}.tvc-gate button{font-size:11px;padding:9px 12px}.tvc-display video{height:100%;min-height:210px}.tear-edge{height:80px}.tear-edge i{height:32px}.tear-edge i:nth-child(2){bottom:20px}.tear-edge i:nth-child(3){bottom:40px}}
@media(prefers-reduced-motion:reduce){.studio-scene{position:absolute;inset:0 0 auto;height:100svh;transform:none!important;opacity:1!important}.chrome-plane{display:none}.phone,.laptop{transform:none!important}.device-project{perspective:none}}

/* Responsive desktop / phone pairs keep each recording at its native ratio. */
.device-set{position:relative;display:flex;align-items:center;gap:26px;transition:transform .5s var(--ease);transform-style:preserve-3d;min-width:0}
.device-set>.laptop{flex:1;min-width:0}.paired-project{grid-column:1/-1}.paired-project .device-set{padding:20px 25px;gap:5%}.paired-project .phone{flex:0 0 23%;width:23%;max-width:260px}.paired-project .laptop{transform:rotateY(-4deg) rotateX(3deg)}.paired-project figcaption{margin-inline:32px}.mock-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#05080c}.device-project:first-child{grid-column:1/-1;max-width:1000px;width:100%;justify-self:center}
@media(max-width:800px){.paired-project .device-set{padding:5px 0;gap:12px}.paired-project .phone{flex-basis:25%;width:25%;padding:7px 3px 5px;border-radius:15px;box-shadow:0 0 0 1px #61758b,8px 12px 20px #172b4b33}.paired-project .phone video{border-radius:10px}.paired-project .phone-speaker{width:15px;left:calc(50% - 7px);height:2px;top:3px}.paired-project .laptop{margin:0 3px}.paired-project .laptop-lid{border-width:4px;border-top-width:10px;border-radius:7px}.paired-project .camera-dot{top:-7px;width:3px;height:3px}.paired-project .laptop-base{height:8px}.paired-project figcaption{margin-inline:0}.device-set{gap:12px}}
@media(prefers-reduced-motion:reduce){.device-set{transform:none!important}}

@media(max-width:480px){.device-project figcaption{flex-direction:column;align-items:flex-start;gap:8px}.device-project figcaption span{font-size:17px;flex-shrink:0}.device-project figcaption small{font-size:14px}}

.showcase-heading{max-width:900px;margin:0 auto 80px;text-align:center}.showcase-heading>p:first-child{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#526781;margin-bottom:20px}.showcase-heading h2{color:#101d34}.showcase-heading>p:last-child{font-size:18px;color:#526781;max-width:560px;margin:24px auto 0}.device-project:first-child{max-width:none}.device-project:last-child.laptop-project{grid-column:1/-1;width:min(100%,1000px);justify-self:center}.device-project figcaption small{padding:7px 14px;border-radius:999px;background:#0b1530;color:var(--white);font-size:15px;font-weight:600;letter-spacing:-.01em;text-align:left;white-space:nowrap}
@media(max-width:800px){.showcase-heading{margin-bottom:45px}.showcase-heading h2{font-size:42px}.showcase-heading>p:last-child{font-size:16px}.showcase-heading>p:first-child{font-size:10px;letter-spacing:.08em}.device-project figcaption small{font-size:14px}}

/* Three tactile chapter cards, each with its own custom visual. */
.parts{gap:clamp(24px,3vw,48px);margin-top:48px}.step-card{min-width:0;display:flex;flex-direction:column}.step-art img{display:block;width:100%;height:auto;aspect-ratio:4/3;transition:transform .7s var(--ease)}.step-copy{flex:1;margin-top:8px;padding:28px 26px 32px;border-radius:16px;background:linear-gradient(145deg,#f9fbfd,#e3ebf4);border:1px solid #a9bdd555}.parts .step-copy h3{font-size:clamp(24px,2.1vw,32px);letter-spacing:-.04em;margin-bottom:18px}.parts .step-copy p{font-size:16px;line-height:1.65;margin-top:14px}.parts .step-copy p:first-of-type{color:#0b0f2c}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.step-card:hover .step-art img{transform:translateY(-6px)}}
@media(max-width:800px){.parts{gap:28px;margin-top:40px}.step-copy{padding:24px}.parts .step-copy h3{font-size:28px}}

/* Chrome page sculpture: art direction, assembly, then a composed sales page. */
.journey-art{isolation:isolate}.journey-art:after{content:'';position:absolute;left:15%;right:15%;bottom:4%;height:12%;background:radial-gradient(ellipse,#3678ef40,transparent 70%);filter:blur(20px);z-index:-1}.sculpture{--spring:1.35s cubic-bezier(.2,.8,.2,1);perspective:calc(18*var(--u))}.sculpture[data-pose="0"] .sc-rig{transform:rotateX(-8deg) rotateY(-14deg)}.sculpture[data-pose="1"] .sc-rig{transform:rotateX(14deg) rotateY(-32deg) rotateZ(8deg)}.sculpture[data-pose="2"] .sc-rig{transform:rotateX(4deg) rotateY(-16deg) rotateZ(-3deg)}
.sc-frame{left:calc(-2.35*var(--u));top:calc(-.34*var(--u));width:calc(4.7*var(--u));height:calc(.68*var(--u))}.sc-frame>i{mask:none;-webkit-mask:none;border-radius:calc(.08*var(--u));border:1px solid #d7e8ff80}.sc-frame>i:nth-child(1){background:linear-gradient(165deg,#e8eff5,#657481 13%,#101b2e 50%,#a1b2c7 89%,#fff);transform:translateZ(calc(-.09*var(--u)));box-shadow:0 16px 24px #0007}.sc-frame>i:nth-child(2){background:linear-gradient(110deg,#edf5ff,#6e8197 12%,#18283c 20%,#e6edf4 28%,#52677e 47%,#14233b 60%,#94b2d3 75%,#f8fcff 85%,#52687d);transform:translateZ(0)}.sc-frame>i:nth-child(3){inset:3px;background:linear-gradient(120deg,#101a29,#243b5a 50%,#080f1d);transform:translateZ(calc(.04*var(--u)));border:1px solid #a9c5ed70;border-radius:3px}.chrome-panel{position:absolute;inset:15% 6%;transform:translateZ(calc(.07*var(--u)));overflow:hidden}.chrome-panel b{display:block;position:absolute;inset:0}.chrome-window{display:flex!important;align-items:center;gap:5px;border-bottom:1px solid #a3b9d33b}.chrome-window i{position:static;width:5px;height:5px;border-radius:50%;background:#b4c7dc}.chrome-window:after{content:'';height:4px;width:40%;background:#63768a;margin-left:auto;border-radius:4px}.chrome-hero{background:url(assets/chrome-studio.webp) center 65%/cover;border-radius:3px}.chrome-hero:after{content:'';position:absolute;width:42%;height:5px;background:#eef7ff;left:29%;top:40%;box-shadow:0 8px 0 #89b4e899}.chrome-lines{background:repeating-linear-gradient(transparent 0 7px,#adc0db 7px 10px,transparent 10px 17px);width:77%;opacity:.8}.chrome-lines.short{width:55%}.chrome-tiles{display:flex!important;gap:6%}.chrome-tiles i{flex:1;border:1px solid #8faaca;background:linear-gradient(135deg,#e7effc,#497dbe 28%,#102547 55%,#a7c2e9);border-radius:3px}.chrome-proof{display:flex!important;align-items:center;justify-content:center;gap:7%}.chrome-proof i{width:18%;height:55%;background:linear-gradient(160deg,#b6c7df,#3b5271);border-radius:3px}.chrome-action{inset:15% 32%!important;border-radius:20px;background:linear-gradient(#acd4ff,#477bd0);box-shadow:0 0 18px #2675eb66}.sc-core{display:none}.sculpture[data-pose="2"] .sc-frame:last-of-type{filter:drop-shadow(0 0 12px #478ce77a)}
@media(prefers-reduced-motion:reduce){.sc-frame,.sc-rig{transition:none!important}.sc-float{animation:none!important}}

.chrome-morph{inset:0;perspective:none;display:grid;place-items:center}.chrome-morph canvas{width:100%;height:100%;display:block}.journey-art:after{bottom:5%;background:radial-gradient(ellipse,#3065b82b,transparent 70%)}

/* Personal portrait retains the full photograph, including the dog. */
.founder figure img{height:auto;aspect-ratio:960/964;object-fit:contain;border:1px solid #b8d4f34d;box-shadow:0 20px 55px #0004}.founder figure{width:100%}@media(max-width:800px){.founder figure{max-width:440px;margin-inline:auto}}

.bonus-mockup{height:340px;display:flex;justify-content:center;align-items:center;margin:-8px 0 30px}.bonus-mockup img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 18px #10244820);transition:transform .5s var(--ease)}.bonuses article{background:linear-gradient(145deg,#f9fbfd,#e3ebf4);padding:36px;border-color:#a9bdd555}.bonuses h3{margin-top:8px}.bonuses .note{padding-top:18px;border-top:1px solid #142c4e20;margin-top:22px}@media(hover:hover) and (prefers-reduced-motion:no-preference){.bonuses article:hover .bonus-mockup img{transform:translateY(-5px) rotate(-2deg)}}@media(max-width:800px){.bonus-mockup{height:280px;margin-bottom:24px}.bonuses article{padding:26px}}

/* Launch: concept label, bigger FAQ tap targets. */
figcaption .concept{display:block;margin-top:2px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.questions details{padding:6px 0}summary{min-height:48px;align-items:center}
.legal a{display:inline-block;padding:10px 4px}
/* Mobile buy bar: one centered button, no price (Malik, 2026-11-06). */
.buybar{justify-content:center;padding:0;background:none;box-shadow:none;pointer-events:none}.buybar .pill{pointer-events:auto;min-width:220px;justify-content:center;box-shadow:0 10px 30px #06061080}
/* How it works (Malik, 2026-11-06): no tab bar or 0X / 03 counter. A centered heading and intro open the
   section and scroll normally; the pinned screen holds the sculpture and the three steps.
   Phone: numbers shown, sculpture + step text centered as one block above the buy bar. */
.journey{--tabs:40px}
.journey-head{padding:clamp(88px,14svh,140px) var(--gutter) clamp(8px,2svh,24px);text-align:center}
.journey-title{font-size:clamp(38px,4.4vw,76px);color:var(--white)}
.journey-head p{max-width:680px;margin:20px auto 0;font-size:clamp(17px,1.35vw,21px);line-height:1.55;color:#f2f2f0d9}
.journey-step p{max-width:520px}
.journey-step .journey-more{margin-top:14px;font-size:clamp(16px,1.15vw,18px);color:#f2f2f0b3}
.journey-visual{padding-block:16px 24px}
@media(max-width:800px){
.journey{--tabs:0px;--art:clamp(190px,30svh,300px)}
.journey-pin{justify-content:center;padding-bottom:76px}
.journey{--art:clamp(150px,26svh,280px)}
.journey-head{padding:clamp(72px,11svh,110px) var(--gutter) 0}
.journey-title{font-size:clamp(34px,9.4vw,46px)}
.journey-head p{margin-top:14px;font-size:17px}
.journey-step p{font-size:16.5px}
.journey-step .journey-more{margin-top:10px;font-size:15.5px}
.journey-number{font-size:36px}
.journey-step h3{font-size:clamp(44px,12vw,68px)}
.journey-grid{flex:none}
.journey-visual{padding:0}
.journey-steps{flex:none;display:grid}
.journey-step{position:relative;inset:auto;grid-area:1/1;padding:4px 0 0}
.journey-number{display:block;margin-bottom:6px}
}