:root{--bg:#07080a;--panel:#0b0d10;--text:#f1f1ef;--muted:#9da0a4;--silver:#d7dade;--gold:#c9a35c;--pad:clamp(22px,5.5vw,94px)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit}.cockpit-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:110px;display:flex;align-items:center;gap:34px;padding:0 var(--pad)}.cockpit-header__logo{width:88px}.cockpit-header__logo img{display:block;width:100%}.cockpit-header__trace{height:1px;flex:1;background:linear-gradient(90deg,rgba(215,218,222,.35),rgba(201,163,92,.15),transparent)}.cockpit-nav{display:flex;gap:clamp(18px,2.3vw,38px)}.cockpit-nav a,.cockpit-header__cta{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.cockpit-nav a{color:#b7b9bc}.cockpit-header__cta{padding:12px 17px;border:1px solid rgba(215,218,222,.28)}.cockpit-nav a:hover,.cockpit-header__cta:hover{color:var(--gold)}
.cockpit-hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}.cockpit-hero__media,.cockpit-hero__media img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.cockpit-hero__media img{object-fit:cover}.wake-base{filter:brightness(.76)}.wake-layer{opacity:0}.wake-layer--perimeter{clip-path:polygon(35% 31%,75% 30%,77% 65%,35% 66%);animation:wake 1.45s .1s ease forwards}.wake-layer--primary{clip-path:polygon(38% 36%,72% 35%,72% 60%,38% 61%);animation:wake 1.25s .35s ease forwards}.wake-layer--secondary{clip-path:polygon(41% 42%,70% 41%,70% 57%,41% 58%);animation:wake 1.1s .58s ease forwards}@keyframes wake{to{opacity:1}}.hero-shade{background:linear-gradient(90deg,rgba(4,5,7,.88),rgba(4,5,7,.4) 32%,rgba(4,5,7,.06) 62%),linear-gradient(0deg,rgba(4,5,7,.6),transparent 46%)}.hero-word{position:absolute;right:-3vw;top:18%;z-index:-1;color:rgba(215,218,222,.035);font:600 clamp(130px,23vw,370px)/.8 Manrope,sans-serif;letter-spacing:-.09em}.hero-copy{position:relative;z-index:3;width:min(660px,43vw);margin-left:var(--pad);padding-top:clamp(150px,16vh,210px);opacity:0;translate:0 12px;animation:copyin .8s .75s ease forwards}@keyframes copyin{to{opacity:1;translate:0}}.marker,.micro{margin:0;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.rule{display:block;width:clamp(62px,7vw,112px);height:1px;margin:18px 0 25px;background:linear-gradient(90deg,var(--silver),var(--gold));transform-origin:left}.cockpit-hero h1{margin:0;font:600 clamp(57px,7.5vw,118px)/.78 Manrope,sans-serif;letter-spacing:-.075em}.cockpit-hero h1 span{color:rgba(241,241,239,.76);font-size:.78em}.hero-statement{margin:clamp(23px,3vh,42px) 0 0;font:500 clamp(25px,2.7vw,43px)/1.04 Manrope,sans-serif;letter-spacing:-.04em}.hero-copy>p:not(.marker):not(.hero-statement){max-width:560px;color:#b4b6ba;font-size:clamp(12px,1vw,15px);line-height:1.72}.actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border:1px solid rgba(215,218,222,.28);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.button--primary{background:var(--text);color:#08090a;border-color:var(--text)}.button:hover{border-color:var(--gold);color:var(--gold)}.button--primary:hover{background:var(--gold);color:#08090a}.hero-labels{position:absolute;z-index:4;right:var(--pad);bottom:38px;display:flex;gap:25px;color:rgba(215,218,222,.5);font-size:7px;letter-spacing:.17em}.hero-labels span:before{content:"";display:inline-block;width:12px;height:1px;margin-right:7px;background:var(--gold);vertical-align:middle}
.upgrade-section,.information-section,.focus-section,.integration-section,.function-section{padding:clamp(100px,12vw,190px) var(--pad)}.section-intro{max-width:920px}.section-intro h2,.integration-copy h2,.function-copy h2,.workshop-copy h2,.driver-copy h2,.cockpit-closing h2{margin:0;font:500 clamp(42px,5.4vw,84px)/.95 Manrope,sans-serif;letter-spacing:-.06em}.display-compare{--reveal:50%;position:relative;aspect-ratio:16/8.5;margin-top:clamp(55px,7vw,105px);overflow:hidden;background:#090a0c;touch-action:pan-y}.display-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.display-compare__digital{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.compare-label{position:absolute;top:26px;z-index:3;font-size:9px;letter-spacing:.15em;text-shadow:0 2px 10px #000}.compare-label--original{right:28px}.compare-label--digital{left:28px}.compare-line{position:absolute;z-index:4;left:var(--reveal);top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--silver) 25%,var(--gold) 58%,transparent)}.compare-cursor{--x:50%;--y:50%;position:absolute;z-index:5;left:0;top:0;padding:7px 10px;background:rgba(7,8,10,.78);border:1px solid rgba(215,218,222,.25);font-size:8px;letter-spacing:.14em;translate:var(--x) var(--y);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.compare-cursor b{color:var(--gold);margin-left:6px}.upgrade-copy{max-width:690px;margin:clamp(52px,6vw,90px) 0 0 auto}.upgrade-copy h3{margin:17px 0 0;font:500 clamp(37px,4.7vw,70px)/.98 Manrope,sans-serif;letter-spacing:-.055em}.upgrade-copy>p:last-child,.integration-copy>p:not(.marker),.function-copy>p:not(.marker),.driver-copy>p:not(.marker),.cockpit-closing>div>p{color:var(--muted);font-size:14px;line-height:1.75}
.information-section{background:#090b0e;overflow:hidden}.information-scene{position:relative;min-height:clamp(650px,60vw,920px);margin-top:70px}.information-scene>img{position:absolute;inset:8% 13%;width:74%;height:82%;object-fit:cover;filter:brightness(.76)}.info-note{position:absolute;width:min(265px,22vw)}.info-note b{font:600 10px Manrope,sans-serif;letter-spacing:.15em;color:var(--gold)}.info-note p{margin:9px 0;color:#9fa2a6;font-size:11px;line-height:1.55}.info-note--primary{left:0;top:13%}.info-note--secondary{right:0;top:15%}.info-note--warning{left:0;bottom:10%}.info-note--display{right:0;bottom:11%}.info-note:after{content:"";position:absolute;top:7px;width:clamp(35px,7vw,110px);height:1px;background:linear-gradient(90deg,rgba(201,163,92,.85),transparent)}.info-note--primary:after,.info-note--warning:after{left:calc(100% + 14px)}.info-note--secondary:after,.info-note--display:after{right:calc(100% + 14px);transform:scaleX(-1)}
.focus-section{background:#07080a}.focus-stage{--position:0%;position:relative;margin-top:70px}.focus-images{position:relative;aspect-ratio:16/9;overflow:hidden}.focus-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.focus-images img[data-mode=dynamic]{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.focus-images .glass{position:absolute;inset:31% 23% 34% 34%;opacity:.1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.25),transparent 65%);translate:calc(var(--position)*.02) 0;pointer-events:none}.focus-cursor{--x:50%;--y:50%;position:absolute;z-index:4;top:0;left:0;padding:7px 10px;background:rgba(7,8,10,.78);border:1px solid rgba(215,218,222,.25);font-size:8px;letter-spacing:.14em;translate:var(--x) var(--y);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.focus-cursor b{color:var(--gold);margin-left:6px}.focus-controls{display:flex;justify-content:center;gap:12px;padding-top:22px}.focus-controls button{min-width:112px;padding:12px 18px;border:1px solid rgba(215,218,222,.2);background:transparent;color:#85888c;font-size:9px;font-weight:600;letter-spacing:.15em;cursor:pointer}.focus-controls button.is-active,.focus-controls button:hover{border-color:rgba(201,163,92,.6);color:var(--text)}.focus-controls button:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.focus-note{max-width:660px;margin:20px auto 0;color:#7f8287;text-align:center;font-size:10px;line-height:1.6}.no-js .focus-images img[data-mode=dynamic]{display:none}
.integration-section{background:#0a0c0f}.integration-copy{max-width:850px}.detail-strip{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.1fr;gap:10px;margin-top:70px}.detail-strip figure{position:relative;height:clamp(300px,34vw,530px);margin:0;overflow:hidden;background:#111318}.detail-strip img{width:100%;height:100%;object-fit:cover;transform:scale(1.6)}.detail-strip figure:nth-child(1) img{object-position:48% 43%}.detail-strip figure:nth-child(2) img{object-position:34% 38%}.detail-strip figure:nth-child(3) img{object-position:58% 42%}.detail-strip figure:nth-child(4) img{object-position:50% 74%}.detail-strip figcaption{position:absolute;left:16px;bottom:16px;font-size:8px;letter-spacing:.16em}.detail-strip i{position:absolute;inset:0;opacity:0;background:linear-gradient(108deg,transparent 35%,rgba(255,255,255,.12) 47%,transparent 58%);transform:translateX(-50%)}.motion-ready .detail-strip figure.is-visible i{animation:glass-sweep 1.2s ease forwards}@keyframes glass-sweep{45%{opacity:1}to{opacity:0;transform:translateX(55%)}}
.function-section{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(65px,9vw,150px);align-items:start}.function-copy{max-width:780px}.function-list{border-top:1px solid rgba(215,218,222,.18)}.function-list article{display:grid;grid-template-columns:35px 150px 1fr;gap:14px;padding:24px 0;border-bottom:1px solid rgba(215,218,222,.1)}.function-list span{color:#74777b;font-size:9px}.function-list h3{margin:0;font:600 10px Manrope,sans-serif;letter-spacing:.14em}.function-list p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.workshop-section{position:relative;min-height:clamp(720px,68vw,1000px);display:flex;align-items:center;overflow:hidden;isolation:isolate}.workshop-media{position:absolute;inset:0;z-index:-1}.workshop-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.78)}.workshop-media span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,9,.97),rgba(6,7,9,.73) 35%,rgba(6,7,9,.1) 70%),linear-gradient(0deg,rgba(6,7,9,.5),transparent)}.workshop-media i{position:absolute;right:22%;top:25%;width:20%;height:30%;opacity:0;background:radial-gradient(circle,rgba(222,233,241,.2),transparent 65%)}.motion-ready .workshop-section.is-visible .workshop-media i{animation:inspect-light .9s .2s ease forwards}@keyframes inspect-light{to{opacity:1}}.workshop-copy{width:min(640px,43vw);margin-left:var(--pad)}.workshop-copy>p:not(.marker):not(.micro){color:#b3b5b8;font-size:14px;line-height:1.72}.workshop-copy .micro{margin-top:22px}.workshop-copy>a{display:inline-block;margin-top:28px;padding-bottom:7px;border-bottom:1px solid rgba(215,218,222,.3);font-size:11px}.driver-section{padding:clamp(100px,12vw,180px) var(--pad);background:#090a0d}.driver-visual{position:relative;aspect-ratio:16/8.5;overflow:hidden}.driver-visual img{width:100%;height:100%;object-fit:cover}.driver-glass{position:absolute;inset:30% 22% 35% 34%;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.12),transparent 64%);transform:translateX(var(--glass-x,0));pointer-events:none}.driver-copy{max-width:750px;margin:65px 0 0 auto}.driver-words{display:flex;gap:35px;margin-top:30px;color:#8c8f93;font-size:8px;letter-spacing:.17em}.driver-words span:before{content:"";display:inline-block;width:20px;height:1px;margin-right:8px;background:var(--gold);vertical-align:middle}
.cockpit-closing{min-height:720px;display:flex;align-items:center;padding:clamp(120px,14vw,210px) var(--pad);background:radial-gradient(circle at 75% 45%,rgba(107,132,156,.1),transparent 35%),#08090b}.cockpit-closing>div{width:min(900px,80vw);margin-left:clamp(0px,7vw,120px)}.related{display:flex;flex-wrap:wrap;gap:15px 26px;margin-top:55px;padding-top:22px;border-top:1px solid rgba(215,218,222,.12)}.related span{width:100%;color:var(--gold);font-size:8px;letter-spacing:.16em;text-transform:uppercase}.related a{color:#96989b;font-size:9px;letter-spacing:.13em}.related a:hover{color:var(--text)}
.cockpit-footer{padding:0 var(--pad) 30px;background:#08090b}.cockpit-footer__rule{display:block;height:1px;background:linear-gradient(90deg,rgba(215,218,222,.16),rgba(215,218,222,.62) 18%,rgba(201,163,92,.5) 60%,rgba(215,218,222,.08))}.cockpit-footer__grid{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:clamp(46px,8vw,130px);padding:clamp(64px,8vw,118px) 0}.cockpit-footer__identity img{width:clamp(132px,12vw,180px)}.cockpit-footer__identity p{font:500 clamp(18px,1.7vw,24px) Manrope,sans-serif}.cockpit-footer__identity small{display:block;max-width:390px;color:var(--muted);line-height:1.7}.cockpit-footer nav,.cockpit-footer__contact{display:flex;align-items:flex-start;flex-direction:column;gap:15px}.cockpit-footer nav p,.cockpit-footer__contact p{margin:0 0 11px;color:var(--gold);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.cockpit-footer nav a,.cockpit-footer__contact a{color:var(--muted);font-size:13px}.cockpit-footer__bottom{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(215,218,222,.09)}.cockpit-footer__bottom nav{flex-direction:row}.cockpit-footer__bottom a{color:#7f8287;font-size:10px}.motion-ready .reveal{opacity:var(--progress,0);translate:0 calc((1 - var(--progress,0))*18px)}.motion-ready .reveal .rule{scale:var(--progress,0) 1}
@media(hover:hover) and (pointer:fine){.motion-ready .display-compare,.motion-ready .focus-stage{cursor:none}.display-compare.is-active .compare-cursor,.focus-stage.is-active .focus-cursor{opacity:1}}
@media(max-width:900px){.cockpit-nav{display:none}.cockpit-header__cta{margin-left:auto}.hero-copy{width:min(670px,75vw)}.cockpit-hero__media img{object-position:57% center}.display-compare{aspect-ratio:4/3}.information-scene>img{inset:12% 7%;width:86%;height:74%}.info-note{width:28vw}.detail-strip{grid-template-columns:1fr 1fr}.function-section{grid-template-columns:1fr}.function-list{max-width:680px}.cockpit-footer__grid{grid-template-columns:1.4fr .7fr}.cockpit-footer__contact{grid-column:1/-1}}
@media(max-width:560px){.cockpit-header{height:84px}.cockpit-header__logo{width:74px}.cockpit-header__cta{display:none}.cockpit-hero{min-height:900px;display:flex;align-items:flex-end}.cockpit-hero__media{height:51%;bottom:auto}.cockpit-hero__media img{object-position:55% top}.hero-shade{background:linear-gradient(0deg,#07080a,transparent 72%)}.hero-copy{width:auto;margin:0 var(--pad);padding:450px 0 65px}.cockpit-hero h1{font-size:clamp(52px,16vw,76px)}.hero-labels{display:none}.actions{flex-direction:column}.button{width:100%}.upgrade-section,.information-section,.focus-section,.integration-section,.function-section{padding-top:92px;padding-bottom:92px}.section-intro h2,.integration-copy h2,.function-copy h2,.workshop-copy h2,.driver-copy h2,.cockpit-closing h2{font-size:clamp(36px,10vw,50px)}.display-compare{aspect-ratio:1/1}.display-compare img{object-position:55% center}.information-scene{display:flex;min-height:0;flex-direction:column;padding-top:300px;gap:25px}.information-scene>img{inset:0;width:100%;height:280px;object-position:55% center}.info-note,.info-note--primary,.info-note--secondary,.info-note--warning,.info-note--display{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;padding-bottom:20px;border-bottom:1px solid rgba(215,218,222,.1)}.info-note:after{display:none}.focus-stage{margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1)}.focus-images{aspect-ratio:1/1}.focus-images img{object-position:56% center}.focus-controls{padding-left:var(--pad);padding-right:var(--pad)}.detail-strip{grid-template-columns:1fr}.detail-strip figure{height:330px}.function-list article{grid-template-columns:30px 1fr}.function-list p{grid-column:2}.workshop-section{display:flex;min-height:0;flex-direction:column}.workshop-media{position:relative;height:390px}.workshop-media img{object-position:60% center}.workshop-media span{background:linear-gradient(0deg,#07080a,transparent 58%)}.workshop-copy{width:auto;margin:0;padding:48px var(--pad) 92px}.driver-section{padding:92px var(--pad)}.driver-visual{aspect-ratio:1/1;margin:0 calc(var(--pad)*-1)}.driver-visual img{object-position:56% center}.driver-words{gap:15px;flex-wrap:wrap}.cockpit-closing>div{width:100%;margin:0}.cockpit-footer__grid{grid-template-columns:1fr}.cockpit-footer__contact{grid-column:auto}.cockpit-footer__bottom{align-items:flex-start;flex-direction:column;gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.wake-layer{opacity:1}.hero-copy{opacity:1;translate:0}.motion-ready .reveal{opacity:1;translate:0}.motion-ready .reveal .rule{scale:1}.glass,.driver-glass,.workshop-media i{display:none}}