:root{color-scheme:dark;--blue:#339eff;--bg:#030a10}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071019;color:#f6f8fc;font-family:'DM Sans',Arial,sans-serif}.site{max-width:1440px;margin:auto;background:#020a10;overflow:hidden}.nav{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,7vw,95px);position:relative;z-index:3;background:#030b12}.logo{font-size:29px;letter-spacing:-1.7px;font-weight:800;text-decoration:none;color:white}.logo span,.phone-header span{color:#1db7ff}nav{display:flex;gap:30px}nav a,footer a{font-size:14px;text-decoration:none;color:#d5e0ec}nav a:hover,footer a:hover{color:var(--blue)}.hero{min-height:570px;position:relative;display:flex;align-items:center;padding:60px clamp(25px,7vw,95px);background:radial-gradient(ellipse at 78% 35%,#1c3d5d 0%,#071a2b 35%,transparent 70%),linear-gradient(130deg,#030b12,#081522 75%,#130f1c)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#030b12 3%,rgba(3,11,18,.92) 30%,transparent 86%),linear-gradient(0deg,#030b12 0%,transparent 24%)}.hero-car{position:absolute;width:65%;right:-8%;top:12%;height:75%;object-fit:contain;filter:drop-shadow(0 20px 35px #000) drop-shadow(0 0 28px #1275d65c);opacity:.9}.hero-copy{z-index:1;position:relative;max-width:580px}.eyebrow{font-size:12px;letter-spacing:5px;color:#bddcff;font-weight:700;margin-bottom:18px}.hero h1{font-size:clamp(46px,6.2vw,86px);line-height:1.08;letter-spacing:-3.5px;margin:0;font-weight:800}.hero h1 span{color:var(--blue)}.hero-copy>p{font-size:19px;line-height:1.6;max-width:460px;margin:24px 0}.signup-form{display:flex;width:min(100%,470px);background:#172635;border:1px solid #31465b;border-radius:12px;overflow:hidden;min-height:54px}.signup-form input{min-width:0;flex:1;background:transparent;border:0;padding:0 17px;color:white;font:inherit;outline:none}.signup-form button,.bottom-button{background:#39a7ff;color:#031321;border:0;padding:0 23px;font:700 14px 'DM Sans',sans-serif;cursor:pointer;border-radius:10px}.signup-form button:hover,.bottom-button:hover{background:#79c7ff}.signup-form button:disabled{opacity:.6}.fineprint{display:flex;gap:24px;font-size:12px;color:#b8c5d3;margin-top:16px}.form-status{font-size:13px;margin:8px 0 0;color:#8de3ba;min-height:8px}.form-status.error{color:#ff9999}.how{text-align:center;padding:55px 24px 25px;background:#030b12}.how h2,.bottom-waitlist h2{font-size:34px;letter-spacing:-1.2px;margin:0 0 8px}.section-subtitle,.bottom-waitlist p{color:#b8c6d5;font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:780px;margin:35px auto 0;gap:30px}.step-icon{border:1px solid #25486c;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;margin:0 auto 14px;background:#061626}.step-icon svg{width:32px;height:32px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.steps h3{margin:0 0 8px;font-size:17px}.steps p{margin:0;color:#b8c6d5;font-size:13px}.phone-section{position:relative;height:460px;display:flex;align-items:flex-start;justify-content:center;padding-top:35px;overflow:hidden;background:radial-gradient(ellipse at 50% 105%,#0759a8 0%,#041b34 30%,#030b12 68%)}.glow{position:absolute;bottom:-130px;width:800px;height:350px;border:1px solid #278cf46b;border-radius:50%;box-shadow:0 0 65px #1577ed77}.phone{position:relative;width:275px;height:510px;background:#07111c;border:9px solid #2b3541;border-radius:42px;box-shadow:0 0 0 2px #637080,0 30px 65px #000;transform:rotate(-7deg);padding:25px 13px 12px}.speaker{position:absolute;top:10px;left:37%;width:26%;height:10px;background:#010407;border-radius:20px}.phone-header{text-align:center;font-size:21px;font-weight:800;margin:7px 0 20px}.phone-image{height:145px;background:linear-gradient(#173b60,#07121d);border-radius:10px;overflow:hidden}.phone-image img{width:100%;height:100%;object-fit:contain}.phone-content{padding:15px 3px}.phone-content small{font-size:9px;letter-spacing:2px;color:#83b9ff}.phone-content h3{font-size:17px;margin:7px 0}.phone-content h3 span{float:right;color:#f9d078}.rarity{display:inline-block;border-radius:12px;padding:5px 10px;background:#7424bd;font-size:11px}.tiles{display:flex;gap:7px;margin-top:19px}.tiles div{background:#17314a;height:53px;flex:1;border-radius:7px;display:grid;place-items:center;color:#7caad0}.phone-nav{text-align:center;margin-top:16px;color:#7caad0;font-size:22px}.phone-nav b{color:#46acff}.preview-note{position:absolute;bottom:12px;font-size:11px;color:#8aa0b7}.bottom-waitlist{text-align:center;padding:55px 20px 65px;background:#030b12}.bottom-button{display:inline-flex;align-items:center;min-height:45px;text-decoration:none;margin-top:13px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(25px,7vw,95px);border-top:1px solid #1c2a37}footer .logo{font-size:23px}footer>div{display:flex;gap:20px}footer small{color:#8ca0b4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.nav{height:72px}nav{gap:14px}nav a{font-size:12px}.hero{min-height:650px;align-items:flex-start;padding-top:65px}.hero:after{background:linear-gradient(#030b12aa,#030b12aa),linear-gradient(0deg,#030b12,transparent 55%)}.hero-car{top:290px;right:-20%;width:115%;height:300px;opacity:.55}.hero h1{font-size:clamp(43px,10vw,66px);letter-spacing:-2px}.hero-copy>p{font-size:16px}.steps{gap:10px}.step-icon{width:58px;height:58px}.steps h3{font-size:14px}.steps p{font-size:12px}.phone-section{height:410px}.bottom-waitlist h2{font-size:28px}footer{flex-wrap:wrap}footer small{width:100%}}@media(max-width:380px){nav a:first-child{display:none}.signup-form button{padding:0 13px}.fineprint{gap:10px;font-size:10px}}

/* Photographic assets adapted from the approved left-hand design mockup */
.site{max-width:1440px}.nav{background:#020a11}.hero{min-height:620px;background:radial-gradient(ellipse at 74% 43%,#18324b 0%,#071522 44%,#030a10 85%)}
.hero-car{width:61%;height:100%;top:0;right:0;object-fit:cover;object-position:60% center;filter:none;opacity:1;mask-image:linear-gradient(to right,transparent 0%,black 29%),linear-gradient(to bottom,transparent 0%,black 16%,black 84%,transparent 100%);mask-composite:intersect}
.hero:after{background:linear-gradient(90deg,#030b12 0%,rgba(3,11,18,.87) 25%,rgba(3,11,18,.08) 73%),linear-gradient(0deg,#030b12 0%,transparent 22%)}
.hero-copy{max-width:580px}.hero h1{font-size:clamp(50px,6vw,82px)}.how{padding-top:50px}.phone-section{height:490px;padding:0;align-items:flex-start}.preview-art{position:relative;z-index:1;width:min(440px,80vw);height:auto;object-fit:contain;mask-image:linear-gradient(to bottom,transparent 0%,black 9%,black 95%,transparent 100%)}.preview-note{z-index:2;bottom:8px}
@media(max-width:700px){.hero{min-height:660px}.hero-car{width:100%;height:370px;top:295px;right:0;opacity:.8;mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 78%,transparent 100%)}.hero:after{background:linear-gradient(to bottom,#030b12 0%,#030b12bb 47%,transparent 70%,#030b12 100%)}.phone-section{height:390px}.preview-art{width:min(360px,90vw)}}

/* Responsive full-bleed layout and integrated app preview */
html,body{width:100%;min-width:320px;overflow-x:hidden}
.site{max-width:none;width:100%;margin:0}
.nav,footer{padding-left:clamp(22px,5.5vw,120px);padding-right:clamp(22px,5.5vw,120px)}
.hero{padding-left:clamp(22px,8vw,170px);padding-right:clamp(22px,8vw,170px);min-height:clamp(600px,50vw,790px)}
.hero-copy{max-width:660px}.hero-car{width:67%;object-position:center 52%}
.hero h1{font-size:clamp(50px,5.8vw,100px)}
.how{padding-top:clamp(55px,5vw,90px);padding-bottom:clamp(30px,4vw,65px)}
.steps{max-width:1000px;gap:clamp(15px,5vw,90px)}
.phone-section{height:auto;min-height:500px;padding:45px clamp(22px,8vw,170px) 0;background:radial-gradient(ellipse at 73% 85%,#0b3252 0%,#071b2d 27%,#030b12 65%);overflow:hidden}
.phone-inner{width:100%;max-width:1380px;margin:0 auto;display:grid;grid-template-columns:1fr;align-items:center;gap:clamp(20px,5vw,90px)}
.phone-description{position:relative;z-index:2;max-width:540px;padding:35px 0 90px}
.phone-description h2{font-size:clamp(40px,4.5vw,76px);line-height:1.08;letter-spacing:-2px;margin:0 0 22px}
.phone-description h2 span{color:var(--blue)}
.phone-description p{font-size:clamp(16px,1.4vw,20px);line-height:1.65;color:#b8c6d5;max-width:430px}
.concept-label{display:inline-block;margin-top:16px;color:#809ab1;font-size:12px;letter-spacing:.3px}
.phone-visual{position:relative;display:flex;justify-content:center;align-self:end;min-width:0;isolation:isolate}
.phone-visual:before{content:'';position:absolute;inset:10% -10% 0;background:radial-gradient(ellipse at 50% 70%,#1660a03b,transparent 65%);z-index:-1}
.preview-art{display:block;width:min(100%,490px);height:auto;max-height:540px;object-fit:contain;object-position:bottom;mask-image:linear-gradient(to bottom,transparent 0%,#000 6%,#000 86%,transparent 100%);filter:drop-shadow(0 12px 32px #0005)}
.bottom-waitlist{padding:clamp(60px,7vw,100px) 20px}
@media(min-width:1800px){.hero-car{width:60%;right:0}.hero-copy{margin-left:2vw}}
@media(max-width:800px){.hero{min-height:650px;padding-top:60px;align-items:flex-start}.hero-car{width:100%;height:390px;top:275px;right:0;opacity:.75;object-position:center}.hero h1{font-size:clamp(46px,9vw,70px)}.phone-section{padding:50px 24px 0}.phone-inner{grid-template-columns:1fr;gap:0;text-align:center}.phone-description{padding:0 0 30px;margin:0 auto}.phone-description p{margin-left:auto;margin-right:auto}.phone-visual{max-width:430px;width:100%;margin:auto}.preview-art{width:min(100%,380px);max-height:none}.phone-section{min-height:0}}
@media(max-width:480px){.hero{min-height:660px}.hero-car{top:320px;height:340px}.phone-description h2{font-size:42px}.phone-section{padding-top:45px}.nav{padding-left:20px;padding-right:20px}.hero{padding-left:22px;padding-right:22px}}