@font-face{font-family:Inter;src:url('assets/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Chakra;src:url('assets/ChakraPetch-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}
:root{--navy:#112047;--navy2:#1f3268;--ink:#172245;--blue:#2e3f73;--muted:#697184;--cream:#fdf8f4;--white:#fff;--line:#d9dce3;--pink:#db5497;--pink-dark:#a8386f;--pink-soft:#f8d3e5;--lav:#8190bd;--purple:#8150a5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.55}a{color:inherit}img{display:block;max-width:100%}.nav{position:sticky;top:0;z-index:20;height:76px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;gap:36px;background:rgba(17,32,71,.94);color:#fff;backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}.brand-logo{display:block;width:240px;height:auto}.nav nav{display:flex;gap:28px;margin-left:auto}.nav nav a,.nav-cta{font-size:.83rem;font-weight:700;text-decoration:none}.nav nav a{color:#c6cce0}.nav nav a:hover{color:#fff}.nav-cta{padding:9px 14px;border:1px solid #596a9b;border-radius:8px;color:#fff}
.hero{position:relative;overflow:hidden;min-height:750px;padding:clamp(72px,8vw,118px) clamp(24px,5vw,76px) 0;background:var(--navy);color:#fff;display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);gap:clamp(40px,6vw,94px)}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:var(--pink);filter:blur(170px);opacity:.13;right:-160px;top:20px}.hero-copy{max-width:590px;padding-top:34px;z-index:1}.eyebrow,.section-label{margin:0 0 18px;color:var(--pink-dark);font-size:.76rem;font-weight:800;letter-spacing:.16em}.hero .eyebrow{color:#ef84b9}.hero h1,.thesis h2,.feature h2,.details h2,.launch h2{font:700 italic clamp(3.15rem,5.5vw,5.9rem)/.96 Chakra,sans-serif;letter-spacing:-.045em;margin:0}.lede{max-width:570px;margin:26px 0 0;color:#c6cce0;font-size:1.15rem;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:8px;font-weight:750;text-decoration:none}.primary{background:var(--pink-dark);color:#fff}.primary:hover{background:#8f2f60}.platform-note{color:#aab3d0;font-size:.88rem}.hero-product{position:relative;align-self:end;width:min(900px,60vw);margin-bottom:-40px;border:1px solid #435689;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.32);transform:rotate(-1.2deg);z-index:1}.hero-product img{width:100%;height:auto}.window-bar{height:42px;padding:0 16px;background:#0b1633;display:flex;align-items:center;gap:7px}.window-bar span{width:9px;height:9px;border-radius:50%;background:#455685}.window-bar span:nth-child(2){background:#7d4e91}.window-bar span:nth-child(3){background:var(--pink)}.window-bar b{margin-left:9px;color:#adb5ce;font-size:.72rem;letter-spacing:.06em}.interval-rule{position:absolute;left:0;bottom:0;width:100%;height:9px;display:flex}.interval-rule i{flex:1;background:var(--lav)}.interval-rule i:nth-child(2n){background:var(--pink)}.interval-rule i:nth-child(3n){background:var(--purple)}
.thesis{padding:clamp(90px,11vw,150px) clamp(24px,7vw,110px);max-width:1500px;margin:auto}.thesis>h2{max-width:900px;font-size:clamp(2.7rem,5vw,4.8rem)}.section-intro{max-width:760px;margin:24px 0 58px;color:var(--blue);font-size:1.15rem}.loop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.loop-grid article{padding:26px 28px 30px;background:#fff;border:1px solid var(--line);border-radius:14px}.loop-grid article>span{font:700 italic 2rem Chakra;color:var(--pink-dark)}h3{margin:12px 0 9px;font-size:1.18rem}.loop-grid p,.details p{margin:0;color:var(--blue)}
.feature{padding:clamp(86px,10vw,140px) clamp(24px,7vw,110px);display:grid;grid-template-columns:minmax(330px,.72fr) minmax(500px,1.28fr);gap:clamp(50px,8vw,120px);align-items:center}.feature-plan{background:#fff}.feature-copy h2{font-size:clamp(2.7rem,4.4vw,4.4rem)}.feature-copy>p:not(.section-label){margin:25px 0;color:var(--blue);font-size:1.1rem}.feature-copy ul{padding:0;margin:30px 0 0;list-style:none}.feature-copy li{position:relative;padding:14px 0 14px 26px;border-top:1px solid var(--line);color:var(--ink)}.feature-copy li:before{content:"";position:absolute;left:0;top:22px;width:11px;height:5px;background:var(--pink);transform:skewX(-14deg)}.screen-card{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--cream);box-shadow:0 28px 80px rgba(17,32,71,.13)}.screen-card img{width:100%}.screen-card figcaption{padding:13px 17px;color:var(--muted);font-size:.78rem}.feature-ride{background:var(--navy);color:#fff;grid-template-columns:minmax(500px,1.25fr) minmax(330px,.75fr)}.screen-card.dark{background:#0b1633;border-color:#3c4f82;box-shadow:0 30px 90px rgba(0,0,0,.28)}.screen-card.dark figcaption{color:#abb4d0}.feature-ride .feature-copy>p:not(.section-label){color:#c6cce0}.section-label.light{color:#ef84b9}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.facts div{padding:16px 12px;border-top:2px solid #4a5e94}.facts strong,.facts span{display:block}.facts strong{font:700 italic 1.35rem Chakra;color:#fff}.facts span{color:#aeb7d2;font-size:.72rem;margin-top:3px}
.details{padding:clamp(90px,11vw,150px) clamp(24px,7vw,110px);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,9vw,140px);max-width:1500px;margin:auto}.details h2{font-size:clamp(2.7rem,4.4vw,4.4rem)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.detail-grid article{padding:8px 0 28px;border-top:2px solid var(--navy)}.detail-grid h3{font:700 italic 1.45rem Chakra}.launch{padding:clamp(90px,10vw,135px) 24px;text-align:center;background:var(--navy);color:#fff;position:relative;overflow:hidden}.launch h2{font-size:clamp(3.2rem,6vw,6.5rem)}.launch p:not(.section-label){max-width:590px;margin:24px auto 30px;color:#c6cce0}.secondary{background:#fff;color:var(--navy)}.secondary:hover{background:var(--pink-soft)}.launch-bars{height:62px;display:flex;align-items:flex-end;justify-content:center;gap:8px;transform:skewX(-14deg);margin-bottom:26px}.launch-bars i{width:12px;height:38px;background:var(--lav);border-radius:3px}.launch-bars i:nth-child(even){height:62px;background:var(--pink)}footer{min-height:100px;padding:28px clamp(24px,5vw,76px);display:flex;align-items:center;gap:30px;background:#0b1633;color:#aeb7d2;font-size:.78rem}footer p{margin:0 auto}footer .wordmark{color:#fff}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.nav{height:68px}.nav nav{display:none}.nav-cta{margin-left:auto}.hero{min-height:auto;padding-top:72px;grid-template-columns:1fr}.hero-copy{padding:0}.hero-product{width:110%;margin-left:5%;margin-top:10px}.loop-grid,.details,.feature,.feature-ride{grid-template-columns:1fr}.feature-plan .feature-copy{order:1}.feature-plan .screen-card{order:2}.feature-ride .screen-card{order:2}.feature-ride .feature-copy{order:1}.details{gap:48px}}
@media(max-width:600px){body{font-size:16px}.brand-logo{width:190px}.nav-cta{font-size:.72rem}.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:3.25rem}.hero-product{width:150%;margin-left:0}.thesis,.feature,.details{padding-left:20px;padding-right:20px}.loop-grid,.detail-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.facts div{display:flex;justify-content:space-between;align-items:baseline}.screen-card figcaption{display:none}footer{align-items:flex-start;flex-direction:column;gap:12px}footer p{margin:0}}