/* First-screen editorial system: technical grid, measured typography, restrained instrumentation. */
.header{height:76px;padding:0 4.5%;background:#e4e7e9e8;border-bottom:1px solid #1f293322;backdrop-filter:blur(14px)}
.header .logo img{width:198px;max-height:45px;filter:brightness(0);opacity:.9}
.header nav{gap:28px}.header nav a{color:#1d2329;font-size:10px;font-weight:800;letter-spacing:1.25px}
.header nav a:hover{color:#000}.header nav a:last-of-type{border-color:#20283055;background:#f5f6f733;color:#171c21}
.header .language-label{color:#343b42;border-color:#3038403d;font-size:9px;letter-spacing:1.3px}

.drive-stage,.has-car-model{background:radial-gradient(circle at 68% 49%,#d9dde0 0 18%,#c5cacf 52%,#aeb5bc 100%);color:#151a1f}
.stage-grid{opacity:.42;background-size:96px 96px,96px 96px,24px 24px,24px 24px;background-image:linear-gradient(#53606b16 1px,transparent 1px),linear-gradient(90deg,#53606b16 1px,transparent 1px),linear-gradient(#53606b0a 1px,transparent 1px),linear-gradient(90deg,#53606b0a 1px,transparent 1px)}
.hero-blueprint{position:absolute;inset:76px 0 0;z-index:1;overflow:hidden;pointer-events:none;opacity:var(--intro-opacity,1);transition:opacity .16s linear}
.hero-orbit{position:absolute;border:1px solid #35404a2b;border-radius:50%;right:3.5vw;top:5%;width:min(67vw,970px);aspect-ratio:1}
.hero-orbit.orbit-b{right:calc(3.5vw + 22px);top:calc(5% + 22px);width:min(calc(67vw - 44px),926px);border-color:#35404a12}
.hero-axis{position:absolute;display:block;background:#303a431c}
.hero-axis.axis-x{height:1px;width:78%;right:0;top:50%}
.hero-axis.axis-y{width:1px;height:88%;right:36.5%;top:2%}
.hero-sequence{position:absolute;right:3.5%;top:7%;font:900 clamp(130px,19vw,330px)/.75 "Arial Narrow",Arial,sans-serif;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #25313b17}
.hero-coordinate{position:absolute;font:700 9px/1.2 Consolas,monospace;letter-spacing:1.5px;color:#37434d7a}
.coord-a{right:5%;top:31%;writing-mode:vertical-rl}.coord-b{right:31%;bottom:9%}.coord-c{right:56%;top:7%}

.stage-topline{top:99px;left:7.5%;right:7.5%;font-family:Consolas,monospace;font-size:8px;letter-spacing:1.65px;color:#35414a}
.stage-topline:before,.stage-topline:after{content:'■ ■';position:absolute;top:-20px;font-size:6px;letter-spacing:7px;color:#1e272f}.stage-topline:before{left:0}.stage-topline:after{right:0}
.drive-copy{left:7.5%;top:21%;width:39%;display:grid;justify-items:start}
.drive-copy .eyebrow{font:700 9px/1 Consolas,monospace;letter-spacing:2.8px;margin-bottom:23px;color:#28323b}
.drive-copy .eyebrow:before{width:38px;height:1px;background:#26313a}
.drive-copy h1{font-family:"Arial Narrow",Arial,"Microsoft JhengHei UI",sans-serif;font-size:clamp(68px,7vw,116px);font-style:normal;font-weight:900;line-height:.82;letter-spacing:-.078em;margin:0 0 27px;color:#11161a}
.drive-copy h1 span{color:transparent;-webkit-text-stroke:1.8px #171d22;text-shadow:none}
.drive-copy .brand-hero-title{width:min(39vw,650px);margin:0 0 29px;line-height:0}
.brand-hero-title img{display:block;width:100%;height:auto;filter:brightness(0);opacity:.94}
.drive-copy .drive-subtitle{font-family:"Microsoft JhengHei UI","Microsoft JhengHei",sans-serif;font-size:14px;font-weight:600;letter-spacing:.2em;color:#252e36;margin:0 0 13px}
.hero-microcopy{margin:0 0 28px;font:700 8px/1.4 Consolas,monospace;letter-spacing:2px;color:#46515b}
.drive-link{min-height:auto;padding:10px 0 8px;background:transparent;color:#171d22;border-top:1px solid #27313a;border-bottom:1px solid #27313a;clip-path:none;gap:45px;font-family:"Microsoft JhengHei UI",sans-serif;font-size:11px;letter-spacing:1.2px}
.drive-link:hover{background:transparent;color:#000;border-color:#000}.drive-link span{font-size:15px}

.brand-side{left:20px;top:46%;font-family:Consolas,monospace;font-size:8px;letter-spacing:2.4px;color:#34404a}.brand-side:after{width:1px;background:repeating-linear-gradient(to bottom,#34404a 0 1px,transparent 1px 5px);border-top:9px solid #303a43}
.brand-tab{top:29%;background:#20272d;color:#f4f5f6;padding:20px 10px;font-family:Consolas,monospace;font-size:8px;font-style:normal;letter-spacing:1.8px;clip-path:none}
.brand-corner{display:none}
.stage-footer{left:7.5%;right:7.5%;bottom:25px;min-height:60px;border-color:#35414b4d;padding-top:13px}
.scroll-cue{font-family:Consolas,monospace;font-size:8px;letter-spacing:2px;color:#26313a}.scroll-cue>span:last-child{font-family:"Microsoft JhengHei UI",sans-serif;font-size:9px;color:#4a555f}
.story-steps{gap:10px}.story-steps button{padding:8px 10px;color:#56616b;border:0;background:transparent;clip-path:none}
.story-steps button.selected{background:transparent;color:#111820;border:0;clip-path:none}.story-steps button.selected b{padding-bottom:4px;border-bottom:2px solid #172029}
.story-steps b{font:700 13px/1 Consolas,monospace;font-style:normal}.story-steps span{font-size:9px;letter-spacing:1px}.story-steps i{width:26px;background:#36424c40}
.concept-note{font-family:Consolas,monospace;font-size:7px;letter-spacing:1.7px;color:#3d4852}.motion-toggle{bottom:100px;background:#edf0f188;border:1px solid #26313a55;color:#1f2932;font-family:Consolas,monospace;font-size:9px;letter-spacing:1px}

@media(max-width:900px){.hero-orbit{right:-20%;width:85vw}.hero-orbit.orbit-b{width:calc(85vw - 44px)}.hero-axis.axis-y{right:27%}.drive-copy{width:48%}.header nav{gap:15px}.header nav a{font-size:9px}}
@media(max-width:640px){.header{height:70px}.header .logo img{width:168px}.header nav{top:70px;background:#d3d7da}.hero-blueprint{inset:70px 0 0}.hero-orbit{right:-43%;top:28%;width:125vw}.hero-orbit.orbit-b{right:calc(-43% + 16px);top:calc(28% + 16px);width:calc(125vw - 32px)}.hero-axis.axis-x{top:60%}.hero-axis.axis-y{right:20%}.hero-sequence{right:-3%;top:22%;font-size:42vw}.coord-a,.coord-c{display:none}.coord-b{right:6%;bottom:18%}.stage-topline{top:91px}.drive-copy{left:8%;top:18%;width:84%}.drive-copy h1{font-size:clamp(58px,16vw,82px);line-height:.84;letter-spacing:-.07em}.drive-copy .brand-hero-title{width:82vw;margin-bottom:24px}.drive-copy .drive-subtitle{font-size:11px}.hero-microcopy{font-size:7px}.brand-side,.brand-tab{display:none}.stage-footer{left:8%;right:8%;bottom:20px}.story-steps{gap:3px}.story-steps button{padding:7px}.story-steps i{width:7px}.motion-toggle{bottom:84px}}