:root { --ink:#0b0d0c; --paper:#f1f1e9; --acid:#d7ff24; --orange:#ff5b18; --blue:#4c74ff; --line:rgba(11,13,12,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
.site-header { position:absolute; z-index:20; top:0; left:0; width:100%; height:88px; display:flex; align-items:center; justify-content:space-between; padding:0 4vw; color:white; border-bottom:1px solid rgba(255,255,255,.25); }
.wordmark,.footer-word { font-weight:950; font-size:24px; letter-spacing:-1.5px; }
.wordmark span,.footer-word span { color:var(--acid); font-size:10px; letter-spacing:2px; margin-left:7px; vertical-align:top; }
.site-header nav { display:flex; gap:36px; font-size:13px; text-transform:uppercase; letter-spacing:1px; }
.site-header nav a { position:relative; }
.site-header nav a:after { content:""; position:absolute; left:0; bottom:-9px; width:0; height:2px; background:var(--acid); transition:width .25s; }
.site-header nav a:hover:after { width:100%; }
.header-link { display:flex; align-items:center; gap:8px; font-size:12px; text-transform:uppercase; letter-spacing:.8px; }

.hero { min-height:850px; height:100vh; position:relative; display:flex; align-items:center; overflow:hidden; background:#15211c; color:white; }
.hero-car { position:absolute; width:100%; height:100%; object-fit:cover; animation:heroZoom 12s ease-out both; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,10,8,.95) 0%,rgba(5,10,8,.62) 42%,rgba(5,10,8,.08) 76%),linear-gradient(0deg,rgba(5,10,8,.55),transparent 46%); }
.hero-noise { position:absolute; inset:0; z-index:2; opacity:.13; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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='.45'/%3E%3C/svg%3E"); pointer-events:none; }
.hero-copy { position:relative; z-index:3; margin:70px 0 0 8vw; max-width:720px; animation:rise .9s .2s both; }
.eyebrow,.kicker { text-transform:uppercase; letter-spacing:2.2px; font-size:11px; font-weight:800; display:flex; align-items:center; gap:10px; }
.eyebrow span { width:34px; height:2px; background:var(--acid); box-shadow:0 0 14px var(--acid); }
.hero h1 { font-size:clamp(64px,8.2vw,126px); line-height:.81; letter-spacing:-.07em; text-transform:uppercase; margin:30px 0 34px; font-weight:950; }
.hero h1 em,.release h2 em { color:var(--acid); font-style:normal; }
.hero-text { max-width:540px; font-size:18px; line-height:1.55; color:rgba(255,255,255,.8); }
.hero-actions { margin-top:34px; display:flex; align-items:center; gap:30px; font-size:11px; letter-spacing:1.6px; }
.primary-cta,.outline-cta { display:inline-flex; align-items:center; gap:18px; padding:18px 24px; text-transform:uppercase; font-weight:850; letter-spacing:.8px; font-size:12px; transition:transform .25s,background .25s,color .25s; }
.primary-cta { background:var(--acid); color:var(--ink); }
.primary-cta:hover,.outline-cta:hover { transform:translateY(-4px); }
.scroll-mark { position:absolute; z-index:4; bottom:44px; right:4vw; display:flex; gap:10px; align-items:center; text-transform:uppercase; letter-spacing:2px; font-size:9px; transform:rotate(90deg); transform-origin:right center; }
.scroll-mark span { width:36px; height:1px; background:white; }

.ticker { background:var(--acid); overflow:hidden; border-top:1px solid #111; border-bottom:1px solid #111; }
.ticker-track { width:max-content; padding:16px 0; display:flex; align-items:center; gap:34px; font-weight:950; letter-spacing:2px; font-size:13px; animation:ticker 26s linear infinite; }
.ticker-track i { font-style:normal; }
.section { padding:115px 6vw; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:54px; }
.section-heading h2 { font-size:clamp(46px,6vw,90px); line-height:.92; letter-spacing:-.055em; margin:11px 0 0; text-transform:uppercase; }
.section-heading>p { max-width:390px; color:#5b5e59; line-height:1.6; }
.kicker { color:#61645e; }
.model-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.model-card { position:relative; min-height:630px; overflow:hidden; background:#252925; color:white; }
.model-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .75s cubic-bezier(.2,.7,.2,1); }
.model-card:hover img { transform:scale(1.06); }
.model-gradient { position:absolute; inset:0; background:linear-gradient(0deg,rgba(4,6,5,.94),transparent 66%); }
.model-index { position:absolute; z-index:3; top:25px; left:26px; font-size:11px; letter-spacing:2px; border:1px solid rgba(255,255,255,.5); padding:7px 9px; }
.model-copy { position:absolute; z-index:3; left:28px; right:28px; bottom:32px; display:flex; flex-direction:column; }
.model-copy p { text-transform:uppercase; font-size:10px; letter-spacing:1.8px; margin:0 0 9px; color:rgba(255,255,255,.68); }
.model-copy h3 { margin:0 0 15px; font-size:60px; line-height:1; letter-spacing:-4px; }
.model-copy strong { color:var(--acid); font-size:15px; }
.model-card.orange .model-copy strong { color:#ff8957; }.model-card.blue .model-copy strong { color:#8aa4ff; }
.model-copy>span { margin-top:7px; font-size:12px; color:rgba(255,255,255,.7); }
.round-arrow { position:absolute; z-index:4; right:23px; top:23px; width:46px; height:46px; display:grid; place-items:center; border-radius:50%; background:var(--acid); color:#111; transform:scale(.9); transition:transform .25s; }
.model-card:hover .round-arrow { transform:scale(1.08) rotate(8deg); }

.release { display:grid; grid-template-columns:1.2fr .8fr; min-height:760px; background:#0b0d0c; color:white; }
.release-image-wrap { position:relative; overflow:hidden; min-height:650px; }
.release-image-wrap img { width:100%; height:100%; object-fit:cover; }
.release-image-wrap:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 60%,rgba(11,13,12,.8)); }
.vertical-label { position:absolute; z-index:2; left:24px; bottom:32px; writing-mode:vertical-rl; transform:rotate(180deg); font-size:9px; letter-spacing:3px; }
.release-copy { padding:85px 7vw 70px 4vw; display:flex; flex-direction:column; justify-content:center; }
.kicker.light { color:rgba(255,255,255,.55); }
.release h2 { text-transform:uppercase; font-size:clamp(62px,7vw,112px); line-height:.84; letter-spacing:-.065em; margin:22px 0 36px; }
.release-copy>p:not(.kicker) { color:rgba(255,255,255,.65); font-size:17px; line-height:1.65; max-width:560px; }
.spec-row { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.18); margin:34px 0; }
.spec-row>div { background:#0b0d0c; padding:18px 10px; display:flex; flex-direction:column; gap:5px; }
.spec-row svg { color:var(--acid); width:18px; }.spec-row strong { font-size:24px; }.spec-row span { color:rgba(255,255,255,.5); font-size:9px; text-transform:uppercase; }
.outline-cta { border:1px solid rgba(255,255,255,.45); align-self:flex-start; }.outline-cta:hover { background:white; color:#111; }

.manifesto { text-align:center; }
.manifesto .kicker { justify-content:center; }
.manifesto h2 { font-size:clamp(40px,5.7vw,86px); line-height:1.05; letter-spacing:-.055em; margin:28px auto 70px; max-width:1150px; }
.manifesto h2 span { color:var(--orange); font-style:italic; }
.feature-strip { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); text-align:left; }
.feature-strip>div { padding:30px; display:grid; grid-template-columns:35px 1fr; border-right:1px solid var(--line); }
.feature-strip>div:last-child { border:0; }.feature-strip svg { grid-row:1/3; color:var(--orange); }.feature-strip strong { font-size:17px; }.feature-strip span { font-size:12px; color:#676a65; margin-top:4px; }

.news-section { background:#e4e5da; }
.news-heading { margin-bottom:34px; }.update-state { border:1px solid var(--line); padding:10px 13px; font-size:10px; text-transform:uppercase; letter-spacing:1px; display:flex; gap:8px; align-items:center; }
.news-columns { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.news-column { background:#f7f7ef; padding:28px; }.hot-column { background:var(--ink); color:white; }
.column-title { display:flex; align-items:center; gap:10px; font-size:13px; text-transform:uppercase; font-weight:900; letter-spacing:1.2px; padding-bottom:20px; border-bottom:2px solid currentColor; }
.pulse-dot { width:8px; height:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 0 6px rgba(165,204,0,.18); animation:pulse 1.8s infinite; }
.hot-column .column-title { color:#ff7343; }
.story { display:grid; grid-template-columns:38px 1fr 24px; gap:13px; align-items:start; padding:24px 0; border-bottom:1px solid rgba(40,40,35,.17); transition:padding-left .25s; }
.hot-column .story { border-color:rgba(255,255,255,.14); }.story:hover { padding-left:8px; }.story-number { font-size:10px; opacity:.45; }.story small { font-size:9px; text-transform:uppercase; letter-spacing:1px; opacity:.55; }.story h3 { margin:7px 0 0; font-size:19px; line-height:1.25; letter-spacing:-.5px; }.story svg { width:18px; }
.updated-at { text-align:right; font-size:9px; text-transform:uppercase; letter-spacing:1px; color:#6c6f69; margin-top:16px; }
.spinning { animation:spin 1s linear infinite; }
.news-list { min-height:280px; }
.story-arrow { font-size:22px; line-height:1; }
.status-icon { display:inline-block; }

footer { background:#0b0d0c; color:white; padding:55px 6vw; display:flex; justify-content:space-between; align-items:center; gap:30px; }
footer p { font-size:11px; color:rgba(255,255,255,.55); } footer>div:last-child { display:flex; gap:24px; font-size:11px; text-transform:uppercase; letter-spacing:1px; }

@keyframes heroZoom { from { transform:scale(1.09); } to { transform:scale(1); } }
@keyframes rise { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:none; } }
@keyframes ticker { to { transform:translateX(-50%); } }
@keyframes pulse { 50% { box-shadow:0 0 0 11px rgba(165,204,0,0); } }
@keyframes spin { to { transform:rotate(360deg); } }

@media (max-width:900px) {
  .site-header { height:70px; }.site-header nav { display:none; }.header-link { font-size:0; }.header-link svg { width:22px;height:22px; }
  .hero { min-height:720px; }.hero-car { object-position:61% center; }.hero-shade { background:linear-gradient(90deg,rgba(5,10,8,.92),rgba(5,10,8,.3)),linear-gradient(0deg,rgba(5,10,8,.75),transparent); }.hero-copy { margin:50px 6vw 0; }.hero h1 { font-size:clamp(55px,16vw,86px); }.hero-actions>span { display:none; }
  .section { padding:80px 5vw; }.section-heading { align-items:start; flex-direction:column; }.section-heading>p { margin:0; }.model-grid { grid-template-columns:1fr; }.model-card { min-height:530px; }
  .release { grid-template-columns:1fr; }.release-image-wrap { min-height:480px; }.release-image-wrap:after { background:linear-gradient(0deg,#0b0d0c,transparent 45%); }.release-copy { padding:50px 6vw 70px; }
  .feature-strip,.news-columns { grid-template-columns:1fr; }.feature-strip>div { border-right:0; border-bottom:1px solid var(--line); }.feature-strip>div:last-child { border-bottom:0; }
  footer { align-items:flex-start; flex-direction:column; }
}
@media (max-width:520px) { .hero-text { font-size:15px; }.model-card { min-height:450px; }.model-copy h3 { font-size:48px; }.spec-row { grid-template-columns:1fr; }.spec-row>div { display:grid; grid-template-columns:32px 70px 1fr; align-items:center; }.news-column { padding:20px; }.story h3 { font-size:16px; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }