:root{color-scheme:dark;--bg:#080808;--ink:#f5f5f3;--muted:#aaa;--accent:#e9e9e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif;line-height:1.65}::selection{background:#eee;color:#111}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,select,input,summary{outline-offset:6px}a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #fff}a:hover{opacity:.75}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;height:100px;border-bottom:1px solid #262626}.brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:18px}.brand img{border-radius:9px}.nav nav{display:flex;gap:34px;font-size:14px}.nav-cta{border-bottom:1px solid #aaa;padding-bottom:4px}.hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;padding-top:90px;padding-bottom:75px}h1,h2,p{margin:0}h1{font-size:clamp(42px,5.7vw,76px);line-height:1.22;letter-spacing:-.035em;font-weight:600}h1 span,.intro h2 span{color:#888}.hero-copy{padding:0 0 5px 48px}.hero-copy p{font-size:22px;line-height:1.6;margin-bottom:27px}.button{display:inline-flex;gap:38px;justify-content:space-between;align-items:center;padding:14px 22px;border-radius:8px;background:#f2f2ef;color:#111;font-size:15px;font-weight:600}.hero-copy small{display:block;color:#999;font-size:12px;margin-top:15px}.showcase{scroll-margin-top:25px}.showcase-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.showcase h2{font-size:20px;font-weight:500}.demo-tag{color:#aaa;font-size:12px}.cluster{--accent:#eeece3;background:#101010;border:1px solid #353535;border-radius:16px;padding:26px 36px 20px;overflow:hidden}.cluster-top,.cluster-bottom{display:flex;justify-content:space-between;align-items:center;color:#bbb;font-size:12px;letter-spacing:.06em}.cluster-top{color:var(--accent)}.muted{color:#999;margin-left:8px}.instrument-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:30px;min-height:350px}.main-dial{position:relative;width:100%;max-width:370px;aspect-ratio:1;margin:auto}.main-dial svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.rim{fill:none;stroke:#494949;stroke-width:1}.tick{stroke:#bbb;stroke-width:1.2}.major{stroke:#eee;stroke-width:2}.dial-number{fill:#aaa;font-size:12px;text-anchor:middle;dominant-baseline:middle}.speed{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;line-height:1.2;pointer-events:none;background:#101010;border-radius:50%;width:160px;padding:16px 0}.speed strong{font-size:80px;font-weight:300;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.speed>span{font-size:13px;color:#aaa}.speed .gear{color:var(--accent);font-size:18px;margin-bottom:4px}#needle{fill:var(--accent);transform-origin:200px 200px}.side-data{max-width:215px}.side-data.right{justify-self:end;width:100%}.label{display:block;color:#999;font-size:12px}.side-data strong{display:block;font-size:40px;font-weight:300;font-variant-numeric:tabular-nums;margin:10px 0}.side-data strong>span:not(#power){font-size:15px;color:#aaa}.battery,.power-track{height:3px;background:#333;margin-bottom:13px}.battery i,.power-track i{display:block;height:100%;background:var(--accent);width:78%}.cluster-bottom{border-top:1px solid #292929;padding-top:18px;color:#888;font-size:10px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:26px}.controls label{display:block;font-size:12px;color:#aaa;margin-bottom:8px}.style-control select{width:100%;background:#141414;border:1px solid #444;color:#eee;padding:12px 16px;border-radius:8px;cursor:pointer}.speed-control{display:flex;flex-direction:column;justify-content:center}.speed-control label{display:flex;justify-content:space-between}output{color:#eee;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#eee;cursor:pointer;min-height:32px;margin:0}.preview-note{font-size:11px;color:#999;margin-top:17px}.intro{padding-top:130px;padding-bottom:130px;display:grid;grid-template-columns:1fr 1fr;gap:90px}h2{font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.4;letter-spacing:-.025em}.intro p{font-size:17px;color:#ddd}.intro .secondary{font-size:14px;color:#999;margin-top:23px}.connection{background:#edede9;color:#171717;padding:90px 0 50px}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.connection h2{font-weight:600}.connection p{font-size:16px;color:#555;margin-top:23px}.text-link{display:inline-block;font-size:14px;margin-top:28px;border-bottom:1px solid #555;padding-bottom:5px}.connection-flow{text-align:center;display:flex;flex-direction:column;align-items:center}.connection-flow>div:not(.connection-line){padding:15px 35px;border:1px solid #b7b7b2;border-radius:12px;min-width:220px}.connection-flow strong,.connection-flow span{display:block}.connection-flow strong{font-size:22px;font-weight:500}.connection-flow span{font-size:12px;color:#60605b}.connection-line{padding:22px 0}.connection-line svg{margin-bottom:8px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #ccc;margin-top:65px;padding-top:25px}.facts p{margin:0}.facts strong{display:block;color:#222;font-size:15px;font-weight:600}.facts span{font-size:12px}.details{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:110px;padding-bottom:110px;border-bottom:1px solid #303030}.details p{color:#aaa;font-size:15px;margin-top:25px;max-width:390px}.feature-note{display:block;margin-top:26px;color:#888;font-size:12px}.faq{padding-top:100px;display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.faq h2{font-size:28px}details{border-bottom:1px solid #333;padding:19px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-size:16px;padding:5px 0}details p{font-size:14px;color:#aaa;margin:15px 0;line-height:1.9}.closing{text-align:center;padding:115px 0 100px}.closing img{border-radius:15px}.closing h2{margin:25px 0}.closing .button{gap:60px}footer{border-top:1px solid #333;padding-top:25px;padding-bottom:30px;color:#999;font-size:11px}footer>div{display:flex;gap:24px;flex-wrap:wrap}footer p{margin-top:12px;font-size:10px}.cluster[data-style=ferrari]{--accent:#f1cb59}.cluster[data-style=porsche]{--accent:#e89585}.cluster[data-style=bmw]{--accent:#8fbcf1}.cluster[data-style=audi]{--accent:#ef887f}.cluster[data-style=mercedes]{--accent:#c5d8e7}.cluster[data-style=bmw] .rim,.cluster[data-style=audi] .rim{stroke-dasharray:3 5}.cluster[data-style=porsche] .speed strong{font-weight:600}.cluster[data-style=ferrari] .speed .gear{color:#f1cb59}.cluster[data-style=mercedes] .rim{stroke:#c5d8e7;stroke-width:2}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:78px}.brand{font-size:15px;gap:8px}.nav nav{gap:0}.nav nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px;gap:30px}.hero-copy{padding:0}.hero-copy p{font-size:18px}.hero-copy p br{display:none}.showcase-heading{display:block}.demo-tag{display:block;margin-top:8px}.cluster{padding:20px 16px 15px}.instrument-grid{gap:4px;grid-template-columns:.65fr 1.6fr .65fr;min-height:230px}.main-dial{min-width:0}.speed{width:82px;padding:8px 0}.speed strong{font-size:45px}.speed>span{font-size:9px}.speed .gear{font-size:12px}.side-data strong{font-size:23px;margin:8px 0}.side-data strong>span:not(#power){font-size:10px}.label{font-size:9px}.side-data.right .label:last-child{font-size:8px}.cluster-top{font-size:9px}.cluster-bottom{font-size:8px;letter-spacing:0}.cluster-bottom span:nth-child(2){display:none}.controls{gap:22px;grid-template-columns:1fr}.preview-note{line-height:1.8}.intro,.connection-grid,.details,.faq{grid-template-columns:1fr;gap:35px}.intro{padding:75px 0}.intro p{font-size:15px}.connection{padding:65px 0 35px}.connection-flow{padding-top:15px}.facts{gap:22px;grid-template-columns:1fr;margin-top:40px}.details{padding:70px 0;gap:55px}.faq{padding-top:65px;gap:30px}.closing{padding:75px 0}.closing h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Interactive driving showroom */
.hero{padding-top:58px;padding-bottom:48px}.drive-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px;align-items:center}.style-tabs{display:flex;gap:8px;flex-wrap:wrap}.drive-toolbar button,.stage-navigation button{color:#bbb;background:transparent;border:1px solid #444;border-radius:7px;padding:10px 15px;cursor:pointer;font:inherit;font-size:13px}.drive-toolbar button[aria-pressed=true]{background:#eee;color:#111;border-color:#eee}.drive-toolbar button:hover,.stage-navigation button:hover{border-color:#eee}.drive-stage{position:relative;background:#060606;overflow:hidden;border:1px solid #333;border-radius:14px;touch-action:pan-y;user-select:none}.drive-track{display:flex;transition:transform 650ms cubic-bezier(.22,1,.36,1);will-change:transform}.drive-slide{flex:0 0 100%;min-width:0;aspect-ratio:2.35;position:relative}.drive-slide canvas{display:block;width:100%;height:100%}.simulation-badge{position:absolute;top:16px;right:22px;font-size:9px;letter-spacing:.13em;color:#999}.stage-navigation{display:flex;justify-content:space-between;align-items:center;padding:0 20px 18px;gap:12px;color:#aaa;font-size:12px}.stage-navigation button{padding:5px 18px;font-size:20px}.driving-controls{display:grid;grid-template-columns:1fr;gap:35px;margin-top:24px;align-items:center}.telemetry{display:flex;gap:25px;flex-wrap:wrap;color:#999;font-size:12px;margin-top:23px;font-variant-numeric:tabular-nums}.telemetry b{color:#eee;font-weight:500}.telemetry span:last-child{margin-left:auto}#expand{white-space:nowrap}.drive-stage:fullscreen{border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;background:#060606}.drive-stage:fullscreen .drive-track{width:100%}.drive-stage:fullscreen .drive-slide{aspect-ratio:auto;height:min(80vh,42vw)}.drive-stage.immersive{position:fixed;inset:0;z-index:100;border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;background:#060606}.drive-stage.immersive .drive-slide{aspect-ratio:2.35}.exit-immersive{position:absolute;top:12px;left:18px;color:#ddd;background:#222;border:1px solid #555;border-radius:6px;padding:8px 12px;cursor:pointer;z-index:2}.exit-immersive[hidden]{display:none}body.drive-immersive{overflow:hidden}@media(max-width:760px){.hero{padding-top:38px;padding-bottom:36px}.drive-toolbar{align-items:flex-start}.style-tabs{gap:6px}.drive-toolbar button{font-size:11px;padding:8px 10px}.drive-slide{aspect-ratio:1.65}.stage-navigation{padding:0 12px 12px;font-size:10px}.simulation-badge{font-size:7px;top:10px;right:12px}.driving-controls{grid-template-columns:1fr;gap:18px}.telemetry{gap:12px;font-size:10px}.telemetry span:last-child{margin-left:0;width:100%}.drive-stage.immersive .drive-slide{aspect-ratio:1.65}}@media(prefers-reduced-motion:reduce){.drive-track{transition:none}}
/* Match the native page indicator and 840 × 280 instrument proportions. */
.swipe-intro{font-size:13px;color:#aaa}.page-indicators{text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}.style-tabs{gap:8px;flex-wrap:nowrap;justify-content:center}.style-tabs button{position:relative;width:28px;height:26px;padding:0;border:0;background:transparent;cursor:pointer}.style-tabs button::after{content:"";display:block;margin:auto;width:6px;height:5px;border-radius:3px;background:#ffffff40}.style-tabs button[aria-pressed=true]{background:transparent}.style-tabs button[aria-pressed=true]::after{width:24px;background:var(--selected-accent,#ffca1f)}.drive-slide{aspect-ratio:2.38}.simulation-badge{top:19px;font-size:8px}.drive-stage{touch-action:pan-y;cursor:grab}.drive-stage:active{cursor:grabbing}.drive-stage.immersive .drive-slide{aspect-ratio:2.38}.drive-stage.immersive .simulation-badge{top:22px}.drive-stage.immersive .drive-track{max-height:calc(100dvh - 115px)}.drive-stage.immersive .drive-slide{height:min(42vw,calc(100dvh - 115px))}.stage-navigation{align-items:center}.stage-navigation button:focus-visible{outline:2px solid #fff}@media(max-width:760px){.drive-slide{aspect-ratio:2.38}.swipe-intro{font-size:11px;max-width:190px}.simulation-badge{display:none}.stage-navigation{padding:5px 10px 10px}.page-indicators{gap:3px}.stage-navigation>button{padding:4px 12px}.drive-stage.immersive .drive-slide{aspect-ratio:2.38}.drive-stage.immersive .drive-track{max-height:none}}
.stage-navigation>button:disabled{opacity:.25;cursor:default}.style-tabs button:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:5px}
/* Windshield and instruments share the first viewport, as one cockpit. */
.nav{position:absolute;inset:0 0 auto;z-index:10;height:76px;border-bottom:1px solid #ffffff24}.nav a{text-shadow:0 1px 8px #0008}.nav .brand img{box-shadow:0 2px 12px #0003}.cockpit{width:100%;margin:0;scroll-margin-top:0}.cockpit .drive-stage{border:0;border-radius:0;background:#050608;display:flex;flex-direction:column;align-items:center;min-height:100svh;cursor:default}.forest-view{position:relative;flex:1 0 auto;width:100%;height:46svh;min-height:280px;overflow:hidden;isolation:isolate}.forest-view picture{position:absolute;inset:0;z-index:-2}.forest-image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 57%}.forest-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0008 0%,#0000 45%,#050608cc 100%),linear-gradient(90deg,#0007 0%,#0000 65%)}.forest-copy{position:absolute;top:105px;left:max(40px,calc((100vw - 1180px)/2));max-width:440px;text-shadow:0 2px 15px #0008}.forest-copy h1{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.32;letter-spacing:-.025em}.forest-copy p{font-size:14px;color:#f3f3ef;margin-top:15px}.forest-bottom{position:absolute;bottom:20px;left:max(40px,calc((100vw - 1180px)/2));right:max(40px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.forest-bottom>span{font-size:11px;color:#e4e5df;letter-spacing:.06em}.forest-bottom button{background:#101510aa;border:1px solid #ffffff70;border-radius:7px;color:#fff;padding:9px 16px;font-size:12px;cursor:pointer}.forest-bottom button:hover{background:#202820e0}.cockpit .drive-track{flex:none;width:min(1180px,100%);align-self:center;cursor:grab}.cockpit .drive-slide{height:clamp(225px,43svh,440px);aspect-ratio:auto}.cockpit .stage-navigation{width:min(1180px,calc(100% - 40px));padding:0 16px 10px;min-height:62px;flex:none}.cockpit .simulation-badge{display:none}.experience-controls{padding-top:3px;padding-bottom:10px}.experience-controls .driving-controls{margin-top:20px}.experience-controls .speed-control{max-width:640px;width:100%;margin:auto}.experience-controls .telemetry{justify-content:center}.experience-controls .telemetry span:last-child{margin-left:0}.experience-controls .preview-note{text-align:center;margin-top:16px}.cockpit .drive-stage.immersive{min-height:100dvh;height:100dvh;justify-content:flex-start}.drive-stage.immersive .forest-view{height:45dvh;min-height:0;flex:1}.drive-stage.immersive .forest-copy{top:70px}.drive-stage.immersive .drive-track{max-height:none}.drive-stage.immersive .drive-slide{height:43dvh}.drive-stage.immersive .forest-bottom #expand{visibility:hidden}.drive-stage.immersive .exit-immersive{z-index:11}.intro{padding-top:85px}@media(max-width:760px){.nav{height:66px}.forest-view{height:46svh;min-height:275px}.forest-copy{top:90px;left:20px;right:20px}.forest-copy h1{font-size:29px}.forest-copy p{font-size:12px;margin-top:10px}.forest-bottom{left:20px;right:20px;bottom:18px}.forest-bottom>span{font-size:9px}.forest-bottom button{padding:8px 10px;font-size:11px}.cockpit .drive-stage{min-height:0}.cockpit .drive-slide{height:clamp(180px,32svh,270px)}.cockpit .stage-navigation{width:100%;padding:0 12px 8px;min-height:66px}.experience-controls .telemetry span:last-child{width:auto}.drive-stage.immersive .forest-copy{top:70px}.drive-stage.immersive .drive-slide{height:36dvh}.experience-controls .preview-note{font-size:10px}.intro{padding-top:65px}}@media(orientation:landscape) and (max-height:560px){.nav{height:52px}.forest-view{height:43svh;min-height:150px}.forest-copy{top:65px}.forest-copy h1{font-size:23px}.forest-copy h1 br{display:none}.forest-copy p{display:none}.forest-bottom{bottom:10px}.forest-bottom>span{font-size:9px}.cockpit .drive-slide{height:43svh;min-height:0}.cockpit .stage-navigation{min-height:45px;padding-bottom:4px}.page-indicators{gap:0}.drive-stage.immersive .forest-copy{top:55px}.drive-stage.immersive .drive-slide{height:43dvh}.stage-navigation>button{padding:0 14px}}

/* Reserve the final slide and pagination geometry before deferred scripts load. */
.instrument-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#050608;color:#999;font-size:12px;letter-spacing:.06em;z-index:1}.placeholder-dial{width:clamp(100px,20svh,200px);aspect-ratio:1;border:2px solid #303236;border-radius:50%;box-shadow:inset 0 0 0 10px #101215;position:relative}.placeholder-dial::after{content:"";position:absolute;left:50%;top:18%;width:2px;height:32%;background:#555;transform:rotate(-40deg);transform-origin:bottom}.cockpit .style-tabs{min-height:26px}.cockpit .page-indicators{min-width:200px}

/* Extend the road behind a softly lit dashboard cowl without changing layout. */
.cockpit .forest-view{overflow:visible;isolation:auto}.cockpit .forest-view picture{z-index:0;bottom:-180px;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%)}.cockpit .forest-shade{z-index:1;bottom:-180px;pointer-events:none;background:linear-gradient(180deg,#0008 0%,#05060800 35%,#05060866 65%,#050608 100%),linear-gradient(90deg,#0007,transparent 65%)}.cockpit .forest-copy,.cockpit .forest-bottom{z-index:2}.cockpit .drive-track{position:relative;z-index:2}.cockpit .drive-slide::before{content:"";position:absolute;inset:15px 1% 0;border-radius:50% 50% 0 0 / 20% 20% 0 0;background:linear-gradient(180deg,#1b2022bb 0%,#0b0e10f2 13%,#050608 58%);box-shadow:0 -10px 32px #0004;pointer-events:none}.cockpit .drive-slide canvas{position:relative;z-index:1}.cockpit .instrument-placeholder{background:transparent}.cockpit .stage-navigation{position:relative;z-index:2}@media(max-width:760px){.cockpit .forest-view picture,.cockpit .forest-shade{bottom:-110px}.cockpit .drive-slide::before{inset:8px 1% 0}}