:root{--bg:#0B0C0E;--bg2:#14161A;--bg3:#1C1F25;--red:#E5322D;--red2:#FF5A4D;--ice:#55B6FF;--gold:#FFC857;--ink:#F3F4F6;--mut:#9AA1AD;--line:rgba(255,255,255,.12);--disp:"Sora","Inter",ui-sans-serif,system-ui,sans-serif;--sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16.5px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{width:min(1240px,100% - 48px);margin-inline:auto}
h1,h2,h3{font-family:var(--disp);font-weight:800;letter-spacing:-.04em;line-height:1.02;margin:0}
em{font-style:normal;background:linear-gradient(100deg,var(--red2),var(--red));-webkit-background-clip:text;background-clip:text;color:transparent}
a{color:inherit}svg{display:block}.err{color:#FF8A7A;font-weight:600;font-size:.88rem;margin:0}.err:empty{display:none}
.kick{font:700 .74rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--red2);margin:0 0 16px}
::selection{background:var(--red);color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;background:linear-gradient(180deg,#F24A40,#D4231E);color:#fff;padding:15px 28px;border-radius:12px;font:700 .95rem/1 var(--disp);letter-spacing:.01em;text-decoration:none;cursor:pointer;box-shadow:0 16px 32px -14px rgba(229,50,45,.8),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .25s var(--ease),box-shadow .25s,background .25s}
.btn:hover{transform:translateY(-3px);box-shadow:0 22px 38px -14px rgba(229,50,45,.95),inset 0 1px 0 rgba(255,255,255,.25)}.btn.sm{padding:11px 20px;font-size:.86rem;border-radius:10px}.btn.big{width:100%;padding:18px;font-size:1.02rem}
.btn.ghost{background:rgba(255,255,255,.06);box-shadow:none;border:1.5px solid var(--line)}.btn.ghost:hover{background:#fff;color:#0B0C0E}.btn:disabled{opacity:.5;cursor:not-allowed}

.hd{position:fixed;top:var(--pf-bar,0);left:0;right:0;z-index:60;transition:background .4s,backdrop-filter .4s}.hd.solid{background:rgba(11,12,14,.8);backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--line)}
.hd-row{display:flex;justify-content:space-between;align-items:center;height:74px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 1.1rem var(--disp);letter-spacing:.14em}.brand b{color:var(--red);margin-left:.4em;font-weight:800}
nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-weight:500;font-size:.92rem;color:var(--mut);transition:color .2s}nav a:hover{color:#fff}nav a.btn{color:#fff}
.burger{display:none;background:none;border:0;padding:10px;cursor:pointer}.burger span{display:block;width:26px;height:2px;background:#fff;margin:6px 0}

/* hero */
.hero{position:relative;min-height:max(100svh,780px);padding:104px 0 24px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column}
.hero-glow{position:absolute;inset:0;z-index:-2;background:radial-gradient(50% 50% at 50% 70%,rgba(229,50,45,.32),transparent 65%),radial-gradient(40% 40% at 90% 0%,rgba(85,182,255,.18),transparent 60%),var(--bg);animation:glow 8s ease-in-out infinite}@keyframes glow{50%{filter:hue-rotate(-12deg) brightness(1.15)}}
.grid-floor{position:absolute;left:-20%;right:-20%;bottom:0;height:46%;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:60px 60px;transform:perspective(500px) rotateX(62deg);transform-origin:bottom;-webkit-mask-image:linear-gradient(0deg,#000,transparent 85%);mask-image:linear-gradient(0deg,#000,transparent 85%);animation:floor 3s linear infinite}@keyframes floor{to{background-position:0 60px}}
.hero-top{position:relative;text-align:center;display:grid;justify-items:center}
.tag{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);padding:9px 16px;border-radius:99px;font-size:.82rem;color:var(--mut);margin:0 0 24px;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}.blink{width:8px;height:8px;border-radius:50%;background:var(--red);animation:bk 1.4s infinite}@keyframes bk{50%{opacity:.25}}
.hero h1{font-size:clamp(2.6rem,5.8vw,5.2rem);max-width:15ch}.out{color:#fff}
.lead{color:var(--mut);max-width:52ch;margin:16px 0 22px;font-size:1.08rem}.cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.up{opacity:0;transform:translateY(26px);animation:up .9s var(--ease) var(--d,0s) forwards}@keyframes up{to{opacity:1;transform:none}}
.stage{position:relative;margin-top:auto;padding-top:20px;width:min(1100px,100%);margin-inline:auto}
.car-wrap{position:relative;z-index:2;width:min(780px,92%);margin:0 auto;animation:drive 5s ease-in-out infinite;filter:drop-shadow(0 40px 30px rgba(0,0,0,.6))}.car-wrap svg{width:100%;height:auto}
@keyframes drive{50%{transform:translateY(-4px)}}
.rim{transform-box:fill-box;transform-origin:center;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.car-wrap.enter{animation:enter 1.1s var(--ease) both,drive 5s ease-in-out 1.1s infinite}@keyframes enter{from{transform:translateX(-30%);opacity:0}to{transform:none;opacity:1}}
.road{height:6px;margin:-14px auto 0;width:96%;position:relative;overflow:hidden;border-radius:3px}.road i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.7) 0 60px,transparent 60px 120px);animation:rd .5s linear infinite}@keyframes rd{to{transform:translateX(-120px)}}
.speed{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.speed i{position:absolute;right:-30%;height:2px;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7));animation:sp 1.1s linear infinite;opacity:.6}
.speed i:nth-child(1){top:34%;animation-delay:-.1s}.speed i:nth-child(2){top:46%;animation-delay:-.5s;width:40%}.speed i:nth-child(3){top:58%;animation-delay:-.9s}.speed i:nth-child(4){top:68%;animation-delay:-.3s;width:22%}.speed i:nth-child(5){top:40%;animation-delay:-.7s;width:18%}.speed i:nth-child(6){top:76%;animation-delay:-.2s;width:36%}
@keyframes sp{from{transform:translateX(0)}to{transform:translateX(-420%)}}
.spec{position:absolute;z-index:3;background:rgba(20,22,26,.8);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;padding:14px 20px;animation:fl 6s ease-in-out infinite}.spec b{display:block;font:800 1.9rem/1 var(--disp);letter-spacing:-.04em}.spec span{font-size:.78rem;color:var(--mut)}.s1{left:2%;top:10%}.s2{right:2%;top:26%;animation-delay:-3s}@keyframes fl{50%{transform:translateY(-10px)}}
.pick{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px;flex-wrap:wrap}.lbl{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);font-weight:600}.cname{font:600 .95rem var(--disp);min-width:130px}
.sws{display:flex;gap:10px}.sw{width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25);transition:transform .3s var(--ease),box-shadow .3s}.sw:hover{transform:scale(1.15)}.sw[aria-checked=true]{box-shadow:0 0 0 3px var(--bg),0 0 0 5px #fff}

.sec{padding:clamp(70px,9vw,130px) 0}
.sh{margin-bottom:40px;max-width:720px}.sh h2,.tech h2,.fin h2,.drive h2{font-size:clamp(2.2rem,4.6vw,4rem)}.sub{color:var(--mut);margin:16px 0 0;font-size:1.05rem;max-width:48ch}
.rv{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.rv.in{opacity:1;transform:none}.car{opacity:0;transform:translateY(34px)}.car.in{opacity:1;transform:none}

.tools{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:26px}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1.5px solid var(--line);background:none;color:var(--ink);border-radius:99px;padding:10px 18px;font:600 .88rem var(--sans);cursor:pointer;transition:all .25s}.chip:hover{border-color:var(--red)}.chip.on{background:var(--red);border-color:var(--red);color:#fff}
.sort{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:.86rem}.sort select,.cf select,.df select,.df input{background:var(--bg3);border:1.5px solid var(--line);color:var(--ink);border-radius:12px;padding:12px 14px;font:500 .98rem var(--sans);outline:none;width:100%}.sort select{width:auto}.cf select:focus,.df input:focus,.df select:focus{border-color:var(--red)}
.cars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.car{background:linear-gradient(180deg,var(--bg2),#101216);border:1px solid var(--line);border-radius:28px;padding:22px 22px 26px;position:relative;overflow:hidden;cursor:pointer;transition:transform .5s var(--ease),border-color .3s,box-shadow .5s,opacity .8s var(--ease)}
.car::before{content:"";position:absolute;left:50%;top:-30%;width:120%;aspect-ratio:1;transform:translateX(-50%);background:radial-gradient(circle,var(--glow,rgba(229,50,45,.28)),transparent 62%);opacity:.7;transition:opacity .4s}
.car:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.3);box-shadow:0 50px 70px -40px rgba(0,0,0,.9)}.car:hover::before{opacity:1}
.car .cv{position:relative;padding:18px 0 8px}.car .cv svg{width:100%;height:auto;transition:transform .6s var(--ease)}.car:hover .cv svg{transform:translateX(10px) scale(1.04)}.car:hover .rim{animation-duration:.5s}.car .rim{animation-duration:3s}
.car .bd{position:relative;display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.car h3{font-size:1.6rem}.car .ty{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-weight:600;display:block;margin-bottom:6px}
.car .pr small{display:block;color:var(--mut);font-size:.72rem}.car .pr b{font:700 1.2rem var(--disp);letter-spacing:-.02em}
.car .mini{display:flex;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:.82rem;color:var(--mut);position:relative}.car .mini b{color:var(--ink);font-weight:600}
.badge{position:absolute;right:16px;top:16px;z-index:2;background:rgba(85,182,255,.18);border:1px solid rgba(85,182,255,.5);color:var(--ice);border-radius:99px;padding:5px 12px;font:700 .7rem var(--sans);letter-spacing:.08em}.badge.hot{background:rgba(229,50,45,.18);border-color:rgba(229,50,45,.6);color:#FF8A7A}

.tech{background:var(--bg2);position:relative;overflow:hidden}.tech::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 60% at 100% 50%,rgba(229,50,45,.16),transparent 60%)}
.tech-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.feat{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px}.feat li{display:flex;gap:16px;align-items:flex-start;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:20px;padding:18px 20px;transition:transform .4s var(--ease),border-color .3s}.feat li:hover{transform:translateX(8px);border-color:var(--red)}
.feat .ic{width:46px;height:46px;border-radius:14px;background:rgba(229,50,45,.16);color:var(--red2);display:grid;place-items:center;flex:none}.feat .ic svg{width:24px;height:24px}.feat b{display:block;font:700 1.05rem var(--disp);margin-bottom:2px}.feat span{color:var(--mut);font-size:.92rem}
.gauge{position:relative;background:radial-gradient(70% 70% at 50% 40%,#1C1F25,#101216);border:1px solid var(--line);border-radius:36px;padding:34px 26px 28px;text-align:center}.gauge svg{width:100%;height:auto}
.g-v{margin-top:-60px;position:relative}.g-v b{display:block;font:800 clamp(3.4rem,7vw,5rem)/1 var(--disp);letter-spacing:-.06em}.g-v span{color:var(--mut);letter-spacing:.2em;text-transform:uppercase;font-size:.78rem}.g-n{margin:20px 0 0;color:var(--mut);font-size:.88rem}

.fin{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.card{background:var(--bg2);border:1px solid var(--line);border-radius:30px;padding:32px}
.cf{display:grid;gap:22px}.cf label,.df label{display:grid;gap:8px;font-weight:600;font-size:.86rem;color:var(--mut)}.cf output{float:right;color:var(--ink);font-family:var(--disp)}.cf input[type=range]{accent-color:var(--red);width:100%}
.res{background:linear-gradient(145deg,#1F2229,#15171B);border:1px solid var(--line);border-radius:22px;padding:24px;margin-top:6px;position:relative;overflow:hidden}.res::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(229,50,45,.4),transparent 70%)}
.res>*{position:relative}.res>span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-weight:600}.res>b{display:block;font:800 clamp(2.2rem,5vw,3.4rem)/1.1 var(--disp);letter-spacing:-.05em;margin:6px 0 16px}
.rows{display:grid;gap:8px;font-size:.9rem}.rows div{display:flex;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid var(--line)}.rows span{color:var(--mut)}

.drive{background:var(--bg2)}.drive-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.pts{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}.pts li{display:flex;gap:12px;align-items:center}.pts li::before{content:"✓";width:26px;height:26px;border-radius:50%;background:rgba(229,50,45,.18);color:var(--red2);display:grid;place-items:center;font-weight:800;font-size:.8rem;flex:none}
.df{display:grid;gap:16px;background:var(--bg3)}.df .row2,.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ft{border-top:1px solid var(--line);padding:22px 0;color:var(--mut);font-size:.86rem}.ft .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}

.modal{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px;overflow-y:auto}.modal[hidden]{display:none}
.sheet{background:var(--bg2);border:1px solid var(--line);border-radius:30px;width:min(960px,100%);overflow:hidden;animation:pop .5s var(--ease) both;position:relative}@keyframes pop{from{opacity:0;transform:translateY(24px) scale(.97)}}
.sheet .x{position:absolute;right:16px;top:16px;z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font-size:1.4rem}.sheet .x:hover{background:var(--red)}
.m-top{background:radial-gradient(60% 80% at 50% 100%,var(--glow,rgba(229,50,45,.35)),transparent 70%),var(--bg3);padding:34px 30px 6px}.m-top svg{width:min(640px,100%);height:auto;margin:0 auto}.m-top .sws{justify-content:center;margin:6px 0 18px}
.m-body{padding:26px 34px 34px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.m-body h3{font-size:2.2rem}.m-body .ty{color:var(--red2);font-weight:700;letter-spacing:.16em;font-size:.76rem;text-transform:uppercase}.m-body p{color:var(--mut);margin:10px 0 18px}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.specs div{background:var(--bg3);border-radius:14px;padding:12px 14px}.specs span{display:block;font-size:.72rem;color:var(--mut);letter-spacing:.1em;text-transform:uppercase}.specs b{font:700 1.05rem var(--disp)}
.m-act{display:grid;gap:12px;align-content:start}.m-act .pp{font:800 2rem var(--disp);letter-spacing:-.04em}.m-act small{color:var(--mut)}
.done{padding:50px 34px;text-align:center}.done .ck{width:78px;height:78px;border-radius:50%;margin:0 auto 18px;background:linear-gradient(135deg,#F24A40,#D4231E);display:grid;place-items:center;animation:pop .6s var(--ease) both}.done .ck svg{width:38px;height:38px}.done h3{font-size:2.2rem}.done .code{display:inline-block;margin:14px 0;background:var(--bg3);padding:10px 20px;border-radius:12px;font:700 1.05rem var(--disp);letter-spacing:.12em}.done p{color:var(--mut);max-width:44ch;margin:0 auto 22px}.done .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

@media(max-width:1000px){.cars{grid-template-columns:1fr 1fr}.tech-grid,.fin,.drive-grid,.m-body{grid-template-columns:1fr}.spec{display:none}}
@media(max-width:860px){.burger{display:block}nav{position:fixed;top:calc(var(--pf-bar,0px) + 74px);left:12px;right:12px;background:rgba(20,22,26,.98);flex-direction:column;align-items:flex-start;padding:22px 24px 26px;gap:16px;border-radius:22px;border:1px solid var(--line);transform:translateY(-14px);opacity:0;pointer-events:none;transition:.35s var(--ease)}nav.open{transform:none;opacity:1;pointer-events:auto}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.cars{grid-template-columns:1fr}.row2,.specs{grid-template-columns:1fr}.hero{padding-top:110px}.card{padding:22px}.m-body{padding:22px}.cta .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.up,.rv,.car{opacity:1;transform:none}}

.brand-img,.brand-ico{display:block;height:44px;width:auto;border-radius:10px;flex:none}.brand-img{max-width:60vw;object-fit:contain}

.brand-img,.brand-ico{border-radius:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}