@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Manrope:wght@300;400;500;600&display=swap');
:root{--bg:#050505;--ink:#f5f5f2;--muted:#8c8c87;--line:#242424;--accent:#b8ccff;--pad:clamp(22px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{position:absolute;z-index:10;top:0;left:0;width:100%;height:90px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);text-decoration:none;font-size:1.25rem;font-weight:600;letter-spacing:.25em}.brand span{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:28px}.status{font:300 .7rem DM Mono,monospace;color:#9b9b96;text-transform:uppercase;letter-spacing:.08em}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b8ccff;box-shadow:0 0 14px #8aabff;margin-right:8px;animation:pulse 2s infinite}.notify-open{border:0;color:var(--ink);cursor:pointer}.nav .notify-open{background:transparent;border-bottom:1px solid #777;padding:6px 0;font-size:.84rem}.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:47% 53%;align-items:center;padding:110px var(--pad) 70px;isolation:isolate}.hero-copy{position:relative;z-index:3;max-width:730px}.kicker,.section-tag{font:400 .72rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.18em;color:#a6a6a1;margin:0 0 26px}.kicker:before{content:"";display:inline-block;width:36px;height:1px;background:#777;vertical-align:middle;margin-right:14px}h1,h2{font-weight:300;letter-spacing:-.065em;margin:0}h1{font-size:clamp(4rem,7.6vw,8.7rem);line-height:.84}h1 em{font-style:normal;color:#777}.intro{max-width:470px;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.7;color:#a1a19c;margin:40px 0 0}.actions{display:flex;align-items:center;gap:32px;margin-top:38px}.primary{height:54px;border-radius:999px;padding:0 8px 0 24px;background:#f2f2ee;color:#080808;display:flex;align-items:center;gap:22px;font-weight:600}.primary b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0b0b0b;color:white;font-size:1.05rem;transition:transform .3s}.primary:hover b{transform:rotate(45deg)}.text-link{font-size:.87rem;color:#aaa;text-decoration:none}.text-link span{margin-left:8px}.product-stage{position:relative;height:min(72vw,790px);display:grid;place-items:center;z-index:1;cursor:grab;touch-action:pan-y}.product-stage:active{cursor:grabbing}.product-stage img{position:relative;width:min(110%,900px);height:auto;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 38px 50px #000);will-change:transform;transition:filter .4s}.product-stage:hover img{filter:drop-shadow(0 45px 70px #10213c)}.halo{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#31517a35 0,transparent 68%);filter:blur(20px)}.drag-note{position:absolute;bottom:12%;right:10%;font:300 .64rem DM Mono,monospace;color:#777;text-transform:uppercase;letter-spacing:.1em}.drag-note span{display:block;color:#bbb;font-size:1rem;margin-bottom:5px}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.16;z-index:-1}.orb-one{width:28vw;height:28vw;background:#386399;right:4%;top:18%}.orb-two{width:22vw;height:22vw;background:#7685a8;left:-12%;bottom:-5%}.scroll-hint{position:absolute;bottom:28px;left:var(--pad);font:300 .63rem DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:#666;display:flex;align-items:center;gap:12px}.scroll-hint span{width:34px;height:1px;background:#555}.reveal{opacity:0;transform:translateY(22px);animation:reveal .9s cubic-bezier(.2,.8,.2,1) forwards}.hero h1{animation-delay:.1s}.intro{animation-delay:.2s}.actions{animation-delay:.3s}.product-stage{animation-delay:.2s}.manifesto,.launch{padding:clamp(100px,14vw,210px) var(--pad);border-top:1px solid var(--line)}.manifesto h2,.launch h2{font-size:clamp(4rem,9.5vw,10.5rem);line-height:.85}.manifesto h2 span,.launch h2 span{color:#555}.manifesto-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:end;margin-top:75px}.manifesto-bottom>p{max-width:480px;margin:0;color:#aaa;font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.7}.specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:28px}.specs div{display:flex;flex-direction:column;gap:8px}.specs strong{font-size:clamp(2rem,4vw,4rem);font-weight:300;letter-spacing:-.06em}.specs span{font:300 .69rem DM Mono,monospace;text-transform:uppercase;color:#777;letter-spacing:.12em}.launch{background:#ededeb;color:#090909}.launch .section-tag{color:#555}.launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end}.launch-grid>div>p{color:#61615e;margin-top:35px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa;padding-top:28px}.countdown div{display:flex;flex-direction:column}.countdown strong{font:300 clamp(2rem,4vw,4rem) DM Mono,monospace;letter-spacing:-.08em}.countdown span{font:400 .65rem DM Mono,monospace;color:#686866;text-transform:uppercase;letter-spacing:.1em;margin-top:10px}footer{min-height:190px;padding:45px var(--pad);display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line)}footer p,footer>span{font-size:.75rem;color:#777;margin:0}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;border:0;background:#000b;backdrop-filter:blur(16px)}.modal-card{position:relative;width:min(560px,100%);background:#121212;border:1px solid #303030;padding:clamp(30px,5vw,60px);box-shadow:0 35px 100px #000;animation:pop .45s cubic-bezier(.2,.8,.2,1)}.modal-close{position:absolute;right:20px;top:16px;background:transparent;color:#aaa;border:0;font-size:2rem;cursor:pointer}.modal-index{font:400 .65rem DM Mono,monospace;color:#777;letter-spacing:.15em}.modal-card h2{font-size:clamp(2.6rem,7vw,4.6rem);line-height:.9;margin:28px 0 20px}.modal-card>p{color:#92928d;line-height:1.6}.modal-card form{margin-top:36px}.modal-card label{display:block;font-size:.76rem;margin-bottom:10px}.email-row{display:flex;border-bottom:1px solid #555}.email-row input{min-width:0;flex:1;padding:15px 0;border:0;outline:0;background:transparent;color:#fff;font:400 1rem Manrope}.email-row button{border:0;background:transparent;color:#fff;font-weight:600;cursor:pointer}.modal-card small{display:block;color:#5f5f5b;font-size:.7rem;margin-top:12px}.success{text-align:center;padding:28px 0 4px}.success i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid #8ea7df;color:var(--accent);font-style:normal;margin:auto}.success h3{font-size:1.7rem;margin:20px 0 5px}.success p{color:#777;margin:0}@keyframes reveal{to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 22px #8aabff}}@keyframes pop{from{opacity:0;transform:translateY(18px) scale(.97)}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:130px;align-content:start}.hero-copy{z-index:2}.product-stage{height:52vh;margin-top:-2vh}.product-stage img{width:min(110%,700px)}.drag-note{display:none}.manifesto-bottom,.launch-grid{grid-template-columns:1fr}.specs{margin-top:30px}.countdown{margin-top:70px}.nav-right .status{display:none}}
@media(max-width:540px){.nav{height:72px}.hero{padding-top:110px}.nav-right{gap:16px}h1{font-size:clamp(3.35rem,17vw,5rem)}.intro{margin-top:28px}.actions{align-items:flex-start;flex-direction:column;gap:18px}.product-stage{height:42vh;margin-top:10px}.scroll-hint{display:none}.manifesto,.launch{padding-block:90px}.manifesto h2,.launch h2{font-size:3.8rem}.manifesto-bottom{margin-top:45px}.specs strong{font-size:2.1rem}.countdown{grid-template-columns:repeat(2,1fr);gap:30px 10px}.countdown strong{font-size:2.5rem}footer{align-items:flex-start;flex-direction:column;min-height:220px}.email-row{align-items:center}.email-row button{white-space:nowrap}.modal-card{padding:34px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;animation:none}.status i{animation:none}*{transition:none!important}}