@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--black:#080b0d;--dark:#11161a;--paper:#ebe8e1;--ink:#101417;--muted:#747b80;--line:#c8c5bd;--lime:#d9ff38;--red:#ff4935}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:76px;background:#080b0d;color:#fff;display:flex;align-items:center;padding:0 5vw;gap:32px;position:sticky;top:0;z-index:20;border-bottom:1px solid #292e32}.logo{font:900 30px/1 'Barlow Condensed';letter-spacing:-.5px;white-space:nowrap}.logo span{font-size:10px;display:block;letter-spacing:3px;color:#858d92}.logo b{color:#fff}.logo i{color:var(--lime);font-style:normal}nav{margin-left:auto;display:flex;gap:22px}nav a,.sell{font:700 11px 'Barlow Condensed';letter-spacing:1.5px;text-transform:uppercase;color:#b6bdc1}nav a:hover{color:var(--lime)}.sell{border:1px solid #4a5055;padding:11px 14px;color:#fff}.sell:hover{background:var(--lime);color:#111;border-color:var(--lime)}
.hero{height:calc(100vh - 76px);min-height:690px;background:var(--black);color:#fff;position:relative;overflow:hidden;padding:10vh 8vw;display:flex;align-items:center}.scan{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;transform:perspective(400px) rotateX(52deg) scale(1.4);transform-origin:center bottom}.hero-copy{position:relative;z-index:3;max-width:700px}.hero small,.section small,.newsletter small,.registry small{font:700 11px 'Barlow Condensed';letter-spacing:3px;color:var(--lime)}h1,h2,h3{font-family:'Barlow Condensed';text-transform:uppercase;line-height:.86;letter-spacing:-1px}h1{font-size:clamp(72px,10vw,150px);margin:18px 0}.hero h1 em,h2 em{color:var(--lime);font-style:normal}.hero p{max-width:500px;color:#aeb5b9;line-height:1.7;font-size:16px;margin:0 0 30px}.btn{display:inline-block;padding:15px 20px;font:800 11px 'Barlow Condensed';letter-spacing:1.5px;margin-right:8px}.lime{background:var(--lime);color:#101410}.outline{border:1px solid #50575c;color:#fff}.outline:hover{background:#fff;color:#111}.hero-car{position:absolute;width:62vw;height:55vh;right:-8vw;bottom:7%;z-index:2}.carshape{position:absolute;left:4%;right:0;bottom:25%;height:30%;background:linear-gradient(165deg,#66727a,#171d21 62%,#07090b);border:1px solid #849097;border-radius:32% 8% 10% 12%;transform:skewX(-9deg);box-shadow:0 35px 50px #000}.carshape:before{content:'';position:absolute;left:27%;top:-60%;width:43%;height:70%;background:linear-gradient(145deg,#222b31,#080c10);border:1px solid #778187;border-radius:55% 55% 5% 5%;transform:skewX(12deg)}.glass{position:absolute;left:32%;top:-48%;width:15%;height:42%;background:#101c24;transform:skewX(4deg);border:1px solid #6f7b82}.glass:after{content:'';position:absolute;left:110%;top:4%;width:100%;height:96%;background:#111a20;border:1px solid #66737b}.light{position:absolute;right:4%;top:17%;width:8%;height:10%;background:#dcf6ff;box-shadow:0 0 22px #c4eeff}.wheel{position:absolute;bottom:-38%;width:17%;aspect-ratio:1;border-radius:50%;background:#050607;border:8px solid #3b444a;box-shadow:inset 0 0 0 7px #11151a}.wheel:after{content:'';position:absolute;inset:32%;background:#aeb5b8;border-radius:50%}.wheel.a{left:16%}.wheel.b{right:13%}.hero-badge{position:absolute;bottom:5%;left:8vw;display:flex;align-items:center;gap:12px;z-index:4}.hero-badge b{font:800 30px 'Barlow Condensed'}.hero-badge span{font:700 10px 'Barlow Condensed';letter-spacing:2px;color:#7e8589}.marquee{height:58px;background:var(--lime);display:flex;align-items:center;justify-content:space-around;overflow:hidden;font:900 14px 'Barlow Condensed';letter-spacing:2px}
.section{padding:115px 8vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:55px}.intro h2{font-size:clamp(60px,8vw,115px);margin:15px 0 0}.intro>p{max-width:500px;color:#60676b;line-height:1.75;margin:0}.gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gen{background:#f5f2ec;padding-bottom:32px}.gen.hot{background:#11161a;color:#fff}.art{height:330px;position:relative;overflow:hidden;background:#252c31}.art:before{content:'';position:absolute;width:72%;height:30%;left:14%;bottom:30%;border-radius:48% 9% 20% 10%;background:linear-gradient(165deg,#67737b,#171c20);transform:skewX(-10deg);box-shadow:0 50px 35px #090b0c}.art:after{content:'';position:absolute;width:12%;aspect-ratio:1;border-radius:50%;background:#07090a;left:22%;bottom:17%;box-shadow:125px 0 #07090a,125px 0 0 6px #444c51,0 0 0 6px #444c51}.first{background:linear-gradient(135deg,#303c44,#090c0e)}.second{background:linear-gradient(135deg,#41483c,#090c0d)}.art strong{position:absolute;top:22px;left:25px;font:900 60px 'Barlow Condensed';z-index:2}.art span{position:absolute;right:25px;bottom:25px;color:var(--lime);font:700 11px 'Barlow Condensed';letter-spacing:2px;z-index:2}.gen>small{display:block;color:#7b8185;font:700 10px 'Barlow Condensed';letter-spacing:2px;padding:28px 30px 5px}.gen h3{font-size:45px;margin:0 30px 12px}.gen p{margin:0 30px 22px;color:#737a7e;line-height:1.65;font-size:14px}.gen a{margin-left:30px;color:var(--lime);font:800 11px 'Barlow Condensed';letter-spacing:1.5px}
.dark{background:var(--dark);color:#fff}.dark .intro>p{color:#8d959a}.parts-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #343b40;border-left:1px solid #343b40}.part{min-height:170px;border-right:1px solid #343b40;border-bottom:1px solid #343b40;padding:28px;display:flex;flex-direction:column;justify-content:end}.part b{font:800 32px 'Barlow Condensed'}.part span{font:700 10px 'Barlow Condensed';letter-spacing:1.7px;color:#858d92;margin-top:8px}.part:hover{background:#1b2227}.part:hover b{color:var(--lime)}
.tech{background:#e0ddd5}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#b9b6af}.tech-grid article{background:#ebe8e1;min-height:300px;padding:28px;display:flex;flex-direction:column}.tech-grid article>span{font:800 12px 'Barlow Condensed';color:#969b9e}.tech-grid h3{font-size:37px;margin-top:auto}.tech-grid p{color:#646b6f;line-height:1.6;font-size:13px}.tech-grid a{font:800 10px 'Barlow Condensed';letter-spacing:1.5px;margin-top:18px}
.spec-banner{background:var(--lime);padding:60px 8vw;display:grid;grid-template-columns:.8fr .8fr .8fr 1.5fr;gap:35px;align-items:center}.spec-banner div{display:flex;flex-direction:column}.spec-banner strong{font:900 70px 'Barlow Condensed';line-height:.8}.spec-banner span{font:800 10px 'Barlow Condensed';letter-spacing:2px;margin-top:8px}.spec-banner p{font-size:13px;line-height:1.65;margin:0}
.forum{background:#f3f0e9}.forum-box{border:1px solid #bbb8b0}.forum-head,.thread{display:grid;grid-template-columns:1.7fr 1fr .5fr;padding:20px 25px;border-bottom:1px solid #ccc9c1;gap:15px}.forum-head{font:800 10px 'Barlow Condensed';letter-spacing:2px}.thread strong{font:700 15px 'Barlow Condensed';font-size:19px}.thread span,.thread b{color:#7a8083;font-size:11px}.darkbtn{background:#111;color:#fff;border:0;margin:20px 25px}
.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.listing-grid article{background:#171d21;border:1px solid #2e3539;padding:28px;min-height:230px;display:flex;flex-direction:column}.listing-grid label{font:800 10px 'Barlow Condensed';letter-spacing:2px;color:var(--lime)}.listing-grid h3{font-size:36px;margin:25px 0 8px}.listing-grid p{color:#858d92;font-size:13px}.listing-grid strong{margin-top:auto;font:800 30px 'Barlow Condensed'}
.resources{background:#eeeae3}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.resource-grid a{background:#dedbd4;padding:30px;min-height:125px;display:flex;flex-direction:column;justify-content:end}.resource-grid b{font:800 25px 'Barlow Condensed'}.resource-grid span{font:700 10px 'Barlow Condensed';letter-spacing:2px;color:#777d80;margin-top:7px}.resource-grid a:hover{background:#111;color:#fff}.resource-grid a:hover span{color:var(--lime)}
.registry{background:#151a1d;color:#fff;padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.registry h2{font-size:clamp(65px,8vw,110px);margin-top:15px}.registry-card{border:1px solid #30383d;padding:35px;display:flex;flex-direction:column;justify-content:center}.mini-car{height:100px;background:linear-gradient(165deg,transparent 25%,#68747b 27% 52%,transparent 54%);position:relative}.registry-card b{font:800 32px 'Barlow Condensed';margin-top:25px}.registry-card p{color:#8e969b;line-height:1.65;font-size:13px}.newsletter{background:#080b0d;color:#fff;padding:85px 8vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw}.newsletter h2{font-size:75px;margin-top:15px}.newsletter form{display:flex;border-bottom:1px solid #555d62}.newsletter input{background:transparent;border:0;outline:0;color:#fff;padding:16px 0;width:100%;font:700 12px 'Barlow Condensed';letter-spacing:1px}.newsletter button{border:0;background:var(--lime);font:800 11px 'Barlow Condensed';padding:0 20px}footer{background:#050708;color:#737a7f;padding:35px 8vw;display:flex;align-items:center;gap:30px}footer .logo{color:#fff}footer p{font-size:11px}footer div:last-child{margin-left:auto;display:flex;gap:18px;font-size:11px}
@media(max-width:850px){nav{display:none}.site-header{padding:0 20px}.sell{margin-left:auto}.hero{padding:70px 7vw;min-height:720px}.hero-car{width:110vw;right:-35vw;opacity:.65}.intro,.registry,.newsletter{grid-template-columns:1fr;gap:35px}.gen-grid,.listing-grid{grid-template-columns:1fr}.parts-grid{grid-template-columns:1fr 1fr}.tech-grid{grid-template-columns:1fr 1fr}.spec-banner{grid-template-columns:1fr 1fr}.resource-grid{grid-template-columns:1fr 1fr}.forum-head,.thread{grid-template-columns:1.5fr .8fr}.thread b{display:none}footer{display:block}.newsletter form{margin-top:10px}footer div:last-child{margin-top:18px;margin-left:0}.hero-badge{left:7vw}}
@media(max-width:520px){.parts-grid,.tech-grid,.resource-grid,.spec-banner{grid-template-columns:1fr}.section{padding:80px 7vw}.hero h1{font-size:68px}.art{height:260px}.intro h2{font-size:62px}.newsletter h2{font-size:60px}}
.hero-car-image {
  transform: translateX(-385px);
}