:root{--bg:#070a0f;--panel:#0c1118;--panel2:#111821;--line:#232c35;--text:#f2f5f7;--muted:#87929d;--acid:#d5ff2f;--cyan:#40dcff;--font:Arial,"Microsoft YaHei",sans-serif;--display:"Arial Narrow",Arial,"Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.skip-link{z-index:100;background:var(--acid);color:#050708;padding:10px 16px;font-weight:700;text-decoration:none;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.app-shell{background:radial-gradient(circle at 75% 20%,#36787d14,transparent 30%),var(--bg);min-height:100vh}.topbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070a0fd1;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,80px);display:flex;position:relative}.brand{text-align:left;letter-spacing:.08em;background:0 0;border:0;align-items:center;gap:11px;font-size:16px;font-weight:800;display:flex}.brand-mark{clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);background:var(--acid);color:#070a0f;place-items:center;width:34px;height:34px;display:grid}.brand small{color:#65717d;letter-spacing:.28em;margin-top:2px;font-size:8px;display:block}.nav{align-items:center;gap:34px;height:100%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav button{color:#8d98a3;background:0 0;border:0;height:100%;font-size:13px;position:relative}.nav button:hover,.nav button.active{color:#fff}.nav button.active:after{content:"";background:var(--acid);height:2px;position:absolute;bottom:0;left:0;right:0}.menu-btn{background:0 0;border:0;display:none}.hero{grid-template-columns:46% 54%;align-items:center;height:calc(100svh - 76px);min-height:680px;padding:20px clamp(24px,6vw,96px);display:grid;position:relative;overflow:hidden}.hero-grid{transform-origin:top;background-image:linear-gradient(#59838b21 1px,#0000 1px),linear-gradient(90deg,#59838b21 1px,#0000 1px);background-size:54px 32px;position:absolute;inset:53% 0 0;transform:perspective(450px)rotateX(58deg)scale(1.8);-webkit-mask-image:linear-gradient(#000,#0000 76%);mask-image:linear-gradient(#000,#0000 76%)}.hero-orb{background:radial-gradient(circle,#35dce721,#35dce705 45%,#0000 70%);border:1px solid #4de0f40f;border-radius:50%;width:540px;height:540px;position:absolute;top:7%;right:13%}.hero-copy{z-index:2;max-width:620px;position:relative}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#99a5af;font-size:10px;font-weight:700}.eyebrow span{background:var(--acid);vertical-align:middle;width:24px;height:1px;margin-right:10px;display:inline-block}.hero h1{font-family:var(--display);letter-spacing:-.055em;text-wrap:balance;margin:24px 0 28px;font-size:clamp(58px,7vw,104px);line-height:.94}.hero h1 em{color:#0000;-webkit-text-stroke:1px #f0f4f5;font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--acid);clip-path:polygon(4px 0,100% 0,calc(100% - 5px) 100%,0 100%);width:38%;height:6px;position:absolute;bottom:-12px;left:3px}.lead{color:#95a0aa;font-size:14px;line-height:1.9}.hero-actions{align-items:center;gap:25px;margin-top:35px;display:flex}.primary,.secondary{border:1px solid var(--acid);justify-content:center;align-items:center;gap:10px;min-height:45px;padding:0 22px;font-size:13px;font-weight:750;transition:transform .2s,background-color .2s,color .2s;display:inline-flex}.primary{background:var(--acid);color:#080b0e;box-shadow:0 0 25px #d5ff2f1c}.primary:hover{background:#e5ff80;transform:translateY(-2px)}.secondary{color:#dbe1e5;background:0 0;border-color:#39444e}.secondary:hover{background:#141a20;border-color:#7d8993}.large{min-height:53px;padding:0 28px}.text-btn,.back{color:#b2bcc4;background:0 0;border:0;align-items:center;gap:5px;font-size:13px;display:inline-flex}.text-btn:hover,.back:hover{color:#fff}.hero-data{gap:38px;margin-top:54px;display:flex}.hero-data div{border-right:1px solid #252d35;padding-right:38px}.hero-data div:last-child{border:0}.hero-data b{letter-spacing:.04em;font-size:19px;display:block}.hero-data span{color:#65717c;letter-spacing:.15em;font-size:9px}.hero-car{z-index:2;position:relative;transform:translate(2%)}.vehicle-stage{--car:#d5ff2f;--glow:#aaff21;aspect-ratio:1.7;background:radial-gradient(at 50% 65%,#8ba2a81a,#0000 55%);place-items:center;width:100%;display:grid;position:relative}.vehicle{filter:drop-shadow(0 24px 24px #0009);z-index:2;width:100%;height:auto;position:relative}.car-form,.wheel{transform-origin:50%}.stage-horizon{background:linear-gradient(90deg,transparent,var(--glow),transparent);opacity:.45;width:80%;height:1px;box-shadow:0 0 20px var(--glow);position:absolute;top:66%}.hud{letter-spacing:.15em;color:#83909a;font:9px monospace;position:absolute}.hud-a{top:21%;right:8%}.hud-b{bottom:12%;left:10%}.spec-float{border-left:2px solid var(--acid);color:#798692;padding:5px 0 5px 13px;font-size:9px;position:absolute;bottom:6%;right:5%}.spec-float span,.spec-float small{display:block}.spec-float b{color:#fff;margin:5px 0;font-size:12px;display:block}.scroll-cue{color:#65717c;letter-spacing:.2em;background:0 0;border:0;font-size:9px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.scroll-cue span{color:var(--acid);margin-top:4px;font-size:18px;display:block}.process{border-top:1px solid #151b22;padding:110px clamp(24px,7vw,110px)}.process>h2{letter-spacing:-.04em;margin:16px 0 50px;font-size:clamp(32px,4vw,53px)}.process-grid{background:#202932;border:1px solid #202932;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.process article{background:#0a0e13;min-height:275px;padding:36px;position:relative}.process article>b{color:#303942;font:26px var(--display);position:absolute;top:22px;right:25px}.process-icon{width:48px;height:48px;color:var(--acid);border:1px solid #33404a;place-items:center;margin-bottom:42px;display:grid}.process h3{font-size:20px}.process article p{color:#7d8994;max-width:250px;font-size:13px;line-height:1.7}.builder-page{max-width:1480px;margin:auto;padding:34px clamp(20px,4vw,64px) 70px}.builder-head{grid-template-columns:1fr 2fr 1fr;align-items:center;margin-bottom:28px;display:grid}.builder-head>div{text-align:center}.builder-head h1{margin:7px 0;font-size:26px}.step-count{text-align:right;color:#596570;font:15px monospace}.step-count b{color:var(--acid);font-size:22px}.stepper{grid-template-columns:repeat(3,1fr);max-width:600px;margin:0 auto 32px;display:grid;position:relative}.stepper:before{content:"";background:#27323b;height:1px;position:absolute;top:15px;left:15%;right:15%}.stepper button{color:#596570;z-index:1;background:0 0;border:0;place-items:center;gap:8px;font-size:10px;display:grid}.stepper button span{background:#111820;border:1px solid #303b45;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.stepper button.active,.stepper button.done{color:#d8dee3}.stepper button.active span,.stepper button.done span{background:var(--acid);border-color:var(--acid);color:#080b0e}.builder-grid{border:1px solid #222b34;grid-template-columns:minmax(0,1.55fr) minmax(390px,.75fr);min-height:590px;display:grid}.preview-panel{background:radial-gradient(circle at 50% 42%,#17232b 0,#0b1117 41%,#080b10 72%);align-items:center;padding:30px;display:flex;position:relative;overflow:hidden}.preview-panel:before{content:"";background-image:linear-gradient(#64828c0d 1px,#0000 1px),linear-gradient(90deg,#64828c0d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.preview-meta{justify-content:space-between;display:flex;position:absolute;bottom:22px;left:26px;right:26px}.preview-meta div:last-child{text-align:right}.preview-meta span{color:#5e6b76;letter-spacing:.15em;font-size:8px;display:block}.preview-meta b{margin-top:5px;font-size:11px;display:block}.controls-panel{background:#0d1218;border-left:1px solid #222b34;flex-direction:column;display:flex}.control-content{flex:1;padding:40px 38px}.section-no{color:var(--acid);letter-spacing:.18em;font:9px monospace}.control-content h2{margin:12px 0 6px;font-size:29px}.muted{color:#7b8792;font-size:12px;line-height:1.7}.chassis-list{gap:9px;margin-top:28px;display:grid}.chassis-card{text-align:left;color:#9da7b0;background:#11171e;border:1px solid #27313a;grid-template-columns:56px 1fr auto;align-items:center;width:100%;min-height:82px;padding:12px 13px;display:grid;position:relative}.chassis-card:hover{background:#151d25;border-color:#596671}.chassis-card.selected{border-color:var(--acid);background:#161d1a}.chassis-code{color:#606c77;font:10px monospace}.chassis-card b,.chassis-card small{display:block}.chassis-card b{color:#ecf0f2;font-size:14px}.chassis-card small{color:#697580;margin-top:5px;font-size:9px}.chassis-card em{color:#7e8992;font:9px monospace}.chassis-card i{background:var(--acid);color:#070a0e;clip-path:polygon(0 0,100% 0,100% 100%,35% 100%);place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-1px;right:-1px}fieldset{border:0;margin:25px 0;padding:0}legend,.range-label>span,.name-field{color:#aab3ba;font-size:11px;font-weight:700}.swatches{gap:13px;margin-top:13px;display:flex}.swatches button{border:3px solid #0d1218;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 0 1px #34404a}.swatches button:hover,.swatches button.selected{box-shadow:0 0 0 2px #eef3f4}.swatches.glow button{box-shadow:0 0 14px color-mix(in srgb,currentColor 20%,transparent)}.range-label{margin-top:22px;display:block}.range-label span{justify-content:space-between;display:flex}.range-label b{color:var(--acid);font:11px monospace}.range-label input{width:100%;accent-color:var(--acid);margin-top:13px}.name-field{margin-top:30px;display:block;position:relative}.name-field input{color:#fff;background:#080c11;border:1px solid #34404a;width:100%;height:57px;margin-top:10px;padding:0 52px 0 16px;font-size:19px;display:block}.name-field input:focus{border-color:var(--acid)}.name-field>small{color:#53606b;font:9px monospace;position:absolute;top:50px;right:13px}.stats{border:1px solid #27313a;grid-template-columns:repeat(3,1fr);margin-top:25px;display:grid}.stats div{border-right:1px solid #27313a;padding:15px}.stats div:last-child{border:0}.stats span,.stats b{display:block}.stats span{color:#697580;font-size:9px}.stats b{margin-top:8px;font:20px monospace}.stats small{color:#697580;font-size:7px}.ready{border-left:2px solid var(--acid);color:var(--acid);background:#d5ff2f0f;align-items:center;gap:13px;margin-top:22px;padding:15px;display:flex}.ready span b,.ready span small{display:block}.ready b{font-size:11px}.ready small{color:#74806f;margin-top:4px;font-size:9px}.control-footer{border-top:1px solid #252d36;justify-content:space-between;padding:18px 28px;display:flex}.ignition{min-width:150px}.complete-page{text-align:center;padding:62px 20px 90px;position:relative;overflow:hidden}.complete-glow{pointer-events:none;background:radial-gradient(circle,#d5ff2f14,#0000 65%);width:700px;height:700px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.eyebrow.center span:last-child{margin:0 0 0 10px}.complete-page>h1{letter-spacing:-.04em;margin:18px 0 8px;font-size:clamp(36px,5vw,62px);position:relative}.reveal-card{background:radial-gradient(circle at 50% 30%,#1a2629,#0b1016 60%);border:1px solid #313b42;max-width:910px;margin:40px auto 30px;position:relative;box-shadow:0 30px 80px #00000080}.reveal-card:after,.reveal-card:before{content:"";background:var(--acid);width:55px;height:2px;position:absolute}.reveal-card:before{top:-1px;left:-1px}.reveal-card:after{bottom:-1px;right:-1px}.reveal-card .vehicle-stage{aspect-ratio:2.05}.reveal-info{text-align:left;border-top:1px solid #273139;justify-content:space-between;padding:20px 28px;display:flex}.reveal-info span{color:#66737e;font:9px monospace}.reveal-info h2{margin:7px 0;font-size:24px}.mini-stats{align-items:center;gap:32px;display:flex}.mini-stats span{gap:5px;display:grid}.mini-stats b{color:#eef2f3;font-size:15px}.complete-actions{justify-content:center;gap:12px;display:flex}.local-note{color:#515e68;margin-top:18px;display:block}.garage-page{max-width:1260px;margin:auto;padding:75px 30px 100px}.garage-head{border-bottom:1px solid #222a32;justify-content:space-between;align-items:end;margin-bottom:38px;padding-bottom:35px;display:flex}.garage-head h1{margin:12px 0;font-size:52px}.garage-head>div>p:last-child{color:#77838d;font-size:13px}.garage-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.garage-card{background:#0c1117;border:1px solid #273039;overflow:hidden}.card-art{background:radial-gradient(circle,#182329,#090d12 70%);position:relative}.card-art .vehicle-stage{aspect-ratio:1.6}.vehicle-stage.compact .vehicle{width:95%}.card-art>span{color:var(--acid);font:9px monospace;position:absolute;top:14px;left:14px}.card-info{padding:18px}.card-info p{color:#65727d;font:9px monospace}.card-info h2{margin:10px 0 22px;font-size:20px}.card-info>div{border-top:1px solid #242d35;justify-content:space-between;align-items:center;padding-top:13px;display:flex}.card-info span{color:#64717b;font-size:9px}.card-info button{color:#69757f;background:0 0;border:0;padding:7px}.card-info button:hover{color:#ff7080}.empty{text-align:center;background:#090d12;border:1px dashed #2c3740;padding:85px 20px}.empty>div{width:68px;height:68px;color:var(--acid);border:1px solid #33404a;place-items:center;margin:auto;display:grid}.empty h2{margin:24px 0 10px;font-size:27px}.empty p{color:#71808b;margin-bottom:30px}.toast{z-index:60;color:#13170a;border:1px solid var(--acid);opacity:0;pointer-events:none;background:#edf5d0;align-items:center;gap:8px;padding:12px 18px;font-size:12px;font-weight:700;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:900px){.topbar{height:66px;padding:0 20px}.menu-btn{display:block}.nav{background:#0b1016;border-bottom:1px solid #29333c;height:auto;padding:10px 20px;display:none;position:absolute;top:66px;left:0;right:0;transform:none}.nav.open{display:grid}.nav button{text-align:left;height:48px}.nav button.active:after{width:2px;height:50%;bottom:25%;left:0;right:auto}.hero{grid-template-columns:1fr;height:auto;min-height:calc(100svh - 66px);padding:70px 22px 90px}.hero-copy{z-index:3}.hero h1{font-size:clamp(54px,18vw,78px)}.lead br{display:none}.hero-car{opacity:.42;width:620px;position:absolute;top:15%;right:-260px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.hero-data{gap:16px;margin-top:42px}.hero-data div{padding-right:16px}.scroll-cue{display:none}.process{padding:75px 20px}.process-grid{grid-template-columns:1fr}.process article{min-height:auto}.builder-page{padding:24px 14px 60px}.builder-head{grid-template-columns:1fr auto}.builder-head>div{text-align:left;grid-area:2/1/auto/2}.builder-head>.back{grid-area:1/1/auto/2;margin-bottom:20px}.step-count{grid-area:2/2}.builder-grid{grid-template-columns:1fr}.preview-panel{min-height:330px;padding:10px}.preview-panel .vehicle-stage{max-height:360px}.controls-panel{border-top:1px solid #222b34;border-left:0}.control-content{padding:30px 22px}.garage-page{padding:48px 18px}.garage-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.hero-data div{padding-right:12px}.hero-data b{font-size:16px}.hero-data span{font-size:7px}.primary.large,.secondary.large{padding:0 20px}.stepper button{font-size:8px}.preview-panel{min-height:270px}.preview-meta{bottom:12px}.builder-grid{min-height:0}.garage-head{flex-direction:column;align-items:flex-start;gap:24px}.garage-head h1{font-size:40px}.garage-grid{grid-template-columns:1fr}.reveal-card{margin-top:30px}.reveal-card .vehicle-stage{aspect-ratio:1.65}.reveal-info{padding:18px;display:block}.mini-stats{justify-content:space-between;margin-top:15px}.complete-actions{flex-direction:column;align-items:stretch;max-width:320px;margin:auto}.complete-page{padding-top:48px}.chassis-card{grid-template-columns:48px 1fr}.chassis-card em{display:none}.stats div{padding:12px 8px}.stats b{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}