:root{--ink:#05070a;--panel:#0b0f15;--panel-2:#111720;--line:#232d39;--muted:#9aa8b8;--text:#f5f8fc;--blue:#06aef0;--blue-2:#55c7ff;--silver:#d1d7df;--shadow:0 24px 80px rgba(0,0,0,.42);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--text);font-size:16px;line-height:1.65}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 6px;z-index:20}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip{position:fixed;left:1rem;top:-6rem;z-index:100;background:#fff;color:#000;padding:.75rem 1rem}.skip:focus{top:1rem}.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}.site-header{position:fixed;inset:0 0 auto;z-index:40;height:84px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:0 clamp(1.1rem,3vw,3rem);border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(5,7,10,.94),rgba(5,7,10,.62));backdrop-filter:blur(18px)}.brand{width:178px;height:58px;display:flex;align-items:center;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.site-nav{display:flex;justify-content:center;gap:clamp(1rem,2vw,2rem);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.site-nav a{color:#c7d0da;transition:.2s}.site-nav a:hover,.site-nav a[aria-current=page]{color:#fff}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.75rem 1.2rem;border:1px solid #3d4b59;border-radius:2px;text-transform:uppercase;font-size:.8rem;font-weight:800;letter-spacing:.09em;transition:.2s}.header-cta,.button.primary{border-color:var(--blue);background:var(--blue);color:#001018}.header-cta:hover,.button.primary:hover{background:#38c1fa;box-shadow:0 0 0 4px rgba(6,174,240,.14)}.button.secondary{background:rgba(5,7,10,.6);color:#fff}.button.secondary:hover{border-color:#7f94a8}.menu-toggle{display:none;background:transparent;border:0;color:#fff;padding:.5rem}.menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:currentColor;margin:5px}.hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;background:#090c11}.hero-media{position:absolute;inset:0}.hero-media picture,.hero-media img{display:block;width:100%;height:100%;object-fit:cover}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,8,.92) 0%,rgba(3,5,8,.64) 38%,rgba(3,5,8,.1) 74%),linear-gradient(0deg,#05070a 0%,transparent 36%),linear-gradient(180deg,rgba(0,0,0,.18),transparent 25%)}.hero-content{position:relative;z-index:2;width:min(1380px,100%);padding:150px clamp(1.2rem,7vw,7rem) clamp(4rem,9vw,7rem)}.eyebrow{display:flex;align-items:center;gap:.7rem;margin:0 0 1rem;color:var(--blue-2);text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.2em}.eyebrow::before{content:"";width:38px;height:1px;background:var(--blue)}h1,h2,h3{margin:0;font-weight:750;line-height:1.03;letter-spacing:-.035em}h1{max-width:850px;font-size:clamp(3.3rem,8vw,8.7rem);text-transform:uppercase}h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}.hero-copy{max-width:560px;margin:1.6rem 0 2.2rem;color:#c2ccd7;font-size:clamp(1rem,1.5vw,1.2rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.hero-meta{position:absolute;right:clamp(1.5rem,4vw,4rem);bottom:3.8rem;z-index:3;display:grid;grid-template-columns:repeat(3,auto);gap:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15)}.hero-meta div{padding:.75rem 1rem;background:rgba(4,7,10,.72);backdrop-filter:blur(12px)}.hero-meta strong{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.hero-meta span{color:var(--muted);font-size:.78rem}.section{padding:clamp(4.5rem,9vw,8rem) clamp(1.2rem,7vw,7rem)}.section-inner{width:min(1320px,100%);margin:auto}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,480px);align-items:end;gap:3rem;margin-bottom:3.4rem}.section-heading h2{font-size:clamp(2.4rem,5vw,5.2rem);text-transform:uppercase}.section-heading p{color:var(--muted);margin:0}.vehicle-rail{display:grid;grid-template-columns:repeat(6,1fr);border-block:1px solid var(--line)}.vehicle-link{position:relative;min-height:190px;padding:1.5rem 1.2rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(255,255,255,.02));transition:.25s}.vehicle-link:last-child{border-right:0}.vehicle-link:hover{background:#0b121a;transform:translateY(-4px)}.vehicle-link .num{color:#506171;font-size:.72rem;letter-spacing:.14em}.vehicle-link strong{font-size:1.12rem;text-transform:uppercase}.vehicle-link small{color:var(--muted);font-size:.72rem}.vehicle-link.available::after{content:"";position:absolute;left:1.2rem;right:1.2rem;bottom:-1px;height:2px;background:var(--blue)}.split-feature{display:grid;grid-template-columns:1.08fr .92fr;min-height:580px;background:var(--panel);border:1px solid var(--line)}.feature-visual{min-height:420px;background:url('/assets/apex-r8-wide-refined.png') center/cover no-repeat;filter:saturate(.75) contrast(1.05)}.feature-copy{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center}.feature-copy h2{font-size:clamp(2.6rem,5vw,5rem);text-transform:uppercase}.feature-copy p{color:var(--muted);max-width:520px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;background:var(--line)}.metrics div{padding:1rem;background:var(--panel)}.metrics strong{display:block;color:var(--blue-2);font-size:1.8rem}.metrics span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.site-footer{padding:4rem clamp(1.2rem,7vw,7rem) 6.5rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:2rem;color:var(--muted)}.site-footer img{width:220px}.site-footer nav{display:flex;gap:1.2rem;flex-wrap:wrap;color:#d5dce4}.site-footer .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.2rem;font-size:.78rem}.mobile-actions{display:none}.call-dialog{width:min(520px,calc(100% - 2rem));border:1px solid #344253;border-radius:0;background:var(--panel);color:var(--text);padding:2.4rem;box-shadow:var(--shadow)}.call-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.call-dialog h2{font-size:2rem}.call-dialog p:not(.eyebrow){color:var(--muted)}.dialog-close{position:absolute;right:1rem;top:1rem;background:transparent;border:0;color:#fff;font-size:2rem}.toast{position:fixed;right:1rem;bottom:1rem;z-index:80;max-width:360px;padding:.9rem 1.1rem;background:#eaf8ff;color:#07111a;box-shadow:var(--shadow);transform:translateY(160%);transition:.25s}.toast.show{transform:translateY(0)}@media(max-width:1040px){.site-nav{position:fixed;inset:84px 0 auto;background:#070a0e;border-bottom:1px solid var(--line);padding:1.2rem;display:none;flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.menu-toggle{display:block;justify-self:end}.site-header{grid-template-columns:auto 1fr auto}.header-cta{display:none}.hero-meta{display:none}.vehicle-rail{grid-template-columns:repeat(3,1fr)}.split-feature{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}}@media(max-width:680px){body{padding-bottom:62px}.site-header{height:72px}.site-nav{inset:72px 0 auto}.brand{width:142px}.hero-content{padding-top:130px}.hero-media::after{background:linear-gradient(0deg,#05070a 0%,rgba(3,5,8,.42) 56%,rgba(3,5,8,.32)),linear-gradient(90deg,rgba(3,5,8,.72),transparent)}h1{font-size:clamp(3rem,15vw,5rem)}.hero-actions .button{width:100%}.section-heading{grid-template-columns:1fr;gap:1rem}.vehicle-rail{grid-template-columns:1fr 1fr}.vehicle-link{min-height:145px}.split-feature{border-inline:0}.feature-visual{min-height:300px}.metrics{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;padding-bottom:2rem}.site-footer img{width:180px}.mobile-actions{position:fixed;left:0;right:0;bottom:0;z-index:50;height:62px;display:grid;grid-template-columns:1fr 1.2fr;padding:.45rem;background:rgba(5,7,10,.94);border-top:1px solid var(--line);backdrop-filter:blur(12px)}.mobile-actions a,.mobile-actions button{display:flex;align-items:center;justify-content:center;border:0;border-right:1px solid var(--line);background:transparent;color:#fff;text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.1em}.mobile-actions a{background:var(--blue);color:#001018;border:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Black in the original lockup blends with the actual surrounding surface. */
.brand img,.site-footer img{mix-blend-mode:screen;image-rendering:auto}
/* Consistent grayscale edge rendering without changing typefaces or colors. */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.hero-types{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(.18rem,.7vw,.38rem);white-space:nowrap}.hero-types a{transition:color .18s ease}.hero-types a:hover,.hero-types a:focus-visible{color:var(--blue-2);outline:none;text-decoration:underline;text-underline-offset:.28rem}
@media(max-width:680px){.mobile-actions{grid-template-columns:1.2fr 1fr}.mobile-actions button{border-left:1px solid var(--line);border-right:0}}
.hero .hero-content h1{font-size:clamp(2.7rem,6.8vw,7.2rem)}.hero .hero-content h1 span{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.82);font-family:Arial,Helvetica,sans-serif;font-weight:400;font-kerning:none;letter-spacing:.01em;text-shadow:none}.hero-types{margin:-1.2rem 0 1.6rem;color:#e7edf3;font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}@media(max-width:680px){.hero .hero-content{padding:116px 1.2rem 3.5rem}.hero .hero-content h1{font-size:clamp(2.55rem,12.8vw,4.5rem)}.hero-copy{margin:1rem 0 1.4rem}.hero-types{margin:-.65rem 0 1.15rem;font-size:clamp(.56rem,2.45vw,.7rem);letter-spacing:.02em}.hero-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.hero-actions .button{width:auto;min-height:54px;padding:.7rem .3rem;font-size:clamp(.58rem,2.55vw,.72rem);letter-spacing:.04em}}
@media(max-width:680px){body{padding-bottom:0}.site-nav{inset:134px 0 auto}.hero{min-height:calc(100svh - 62px);margin-top:62px}.page-hero{margin-top:62px}.mobile-actions{top:72px;bottom:auto;z-index:39;grid-template-columns:1.2fr 1fr;border-top:0;border-bottom:1px solid var(--line)}.mobile-actions a{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.1em}.mobile-actions a:first-child{background:var(--blue);color:#001018}.mobile-actions a:last-child{border-left:1px solid var(--line)}.hero-actions{grid-template-columns:repeat(2,1fr)}}