:root{color-scheme:light;--bg:#fff;--ink:#151a21;--muted:#68707c;--accent:#075fdc;--band:#edf2f7;--line:#e4e8ec;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:5px}p,h1,h2,h3,figure{margin:0}.wrap{width:min(100% - 112px,1160px);margin-inline:auto}
.site-header{min-height:68px;display:flex;align-items:center;justify-content:flex-end;gap:24px}.brand{display:inline-flex;align-items:center;gap:13px;margin-bottom:26px;color:var(--ink);font-size:34px;line-height:1.2;font-weight:700;letter-spacing:-1px}.brand:hover{text-decoration:none}.brand img{display:block;width:64px;height:64px;flex:none}.languages{display:flex;align-items:center;gap:12px;font-size:15px}.languages>span{color:#9ba1a9}.languages a[aria-current]{font-weight:600}.languages a:not([aria-current]){color:var(--muted)}

/* Original opening copy with two supporting, offset illustrations. */
.hero{display:grid;max-width:1060px;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:36px;align-items:center;padding-block:28px 70px}
.hero-copy{min-width:0}.hero h1{font-size:clamp(42px,4.7vw,60px);font-weight:720;line-height:1.2;letter-spacing:-.045em;text-wrap:balance}
.hero-description{max-width:575px;margin-top:23px;font-size:19px;line-height:1.75;color:var(--muted);text-wrap:pretty}.hero .desktop-break{display:none}
.hero-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:26px;margin-top:28px}/* The SVG surface shares a single smooth contour across fill, light and rim. */
.download-button{appearance:none;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 30px;border:0;border-radius:999px;background:linear-gradient(180deg,#246ed0,#0756bf);color:#fff;line-height:1.5;font-family:inherit;font-size:17px;font-weight:600;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 4px rgba(24,49,82,.12);transform:scale(1);transition:transform .2s cubic-bezier(.2,.75,.3,1);user-select:none}
.download-button.has-glass-surface{background:none;box-shadow:none}
.download-button:hover{text-decoration:none}
.download-button:focus-visible{border-radius:999px;outline-offset:6px}
.glass-surface{position:absolute;z-index:-1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(24,49,82,.13))}
.glass-body{fill:#0758bf;fill-opacity:.97;transition:fill .18s ease}
.glass-contact{opacity:0;transition:opacity .2s ease}
.glass-bevel{fill:none;stroke-width:3.2;stroke-opacity:.38;vector-effect:non-scaling-stroke}
.glass-rim{fill:none;stroke-width:1.15;vector-effect:non-scaling-stroke}
@media(hover:hover) and (pointer:fine){.download-button:hover .glass-contact{opacity:.85}}
.download-button:active,.download-button.is-pressed{transform:scale(1.035);transition-duration:.12s}
.download-button:active .glass-body,.download-button.is-pressed .glass-body{fill:#2676ce;transition-duration:.12s}
.download-button:active .glass-contact,.download-button.is-pressed .glass-contact{opacity:.3}
.guide-link{font-size:17px;font-weight:550;min-height:44px;display:inline-flex;align-items:center;gap:4px}.requirements{font-size:14px;color:var(--muted);margin-top:18px}.release-status{font-size:12px;color:var(--muted);margin-top:3px}
.brand-depth{min-width:0;margin:0}
.depth-stage{position:relative;isolation:isolate;width:min(100%,340px);aspect-ratio:1.04;margin-inline:auto;perspective:1000px;overflow:visible}
.depth-model{--tilt-x:10deg;--tilt-y:-24deg;--tilt-z:-8deg;--depth-scale:1;--rear-z:-28px;--front-z:28px;--cursor-z:66px;--front-x:3%;--front-y:4%;position:absolute;left:50%;top:49%;width:94%;aspect-ratio:1;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--tilt-z));transition:transform .55s cubic-bezier(.2,.65,.25,1)}
.depth-layer{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;backface-visibility:hidden;transition:transform .55s cubic-bezier(.2,.65,.25,1)}
.depth-shell{opacity:.025;transform:translateZ(calc(-42px * var(--depth-scale)))}
.depth-rear{transform:translate3d(-3%,-2%,calc(var(--rear-z) * var(--depth-scale)));filter:drop-shadow(0 8px 10px rgba(24,52,72,.1))}
.depth-front{opacity:.9;transform:translate3d(var(--front-x),var(--front-y),calc(var(--front-z) * var(--depth-scale)));filter:drop-shadow(0 1px 1px rgba(52,85,102,.16)) drop-shadow(0 7px 10px rgba(37,71,93,.08))}
/* Offsets compensate for the original icon layers' registration. */
.depth-controls{transform:translate3d(calc(var(--front-x) + 8.008%),calc(var(--front-y) - 5.957%),calc((var(--front-z) + 2px) * var(--depth-scale)))}
.depth-cursor{transform:translate3d(calc(var(--front-x) - 4.004%),calc(var(--front-y) + .391%),calc(var(--cursor-z) * var(--depth-scale)));filter:drop-shadow(0 4px 4px rgba(25,48,68,.15))}
.depth-shadow{position:absolute;left:50%;bottom:6%;width:64%;height:6%;border-radius:50%;background:radial-gradient(ellipse,rgba(41,61,79,.08),rgba(41,61,79,0) 70%);transform:translateX(-50%);filter:blur(8px)}
@media(hover:hover) and (pointer:fine){.depth-stage:hover .depth-model{--tilt-x:16deg;--tilt-y:-39deg;--tilt-z:-4deg;--rear-z:-46px;--front-z:40px;--cursor-z:94px}}

/* Staggered scale and a shared canvas keep the scenes part of the introduction. */
.hero-scenes{position:relative;min-width:0;width:min(100%,480px);aspect-ratio:.96;justify-self:start;isolation:isolate}
.scene-art{position:absolute;min-width:0}.scene-art img{display:block;width:100%;height:auto;object-fit:contain}
.scene-journey{width:82%;top:0;right:0;z-index:1}
.scene-racing{width:68%;bottom:0;left:0;z-index:2}

.extend-band{background:var(--band)}.extend-band>.wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:64px;align-items:center;padding-block:62px}.extend-layout{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:22px;min-width:0}.extend-layout h2{font-size:clamp(30px,3.1vw,42px);line-height:1.3;font-weight:680;letter-spacing:-.04em}.extend-layout p{font-size:19px;text-align:left;line-height:1.8;color:var(--muted);text-wrap:pretty}
.display-pair{grid-column:1;grid-row:1;display:flex;align-items:flex-end;gap:4%;padding:18px 4px 36px;min-width:0;perspective:1800px;isolation:isolate}.virtual-display{position:relative;min-width:0;transform-style:preserve-3d;flex-shrink:0}.display-wide{width:67%;aspect-ratio:16/9;transform:rotateY(9deg) rotateX(3deg)}.display-portrait{width:28%;aspect-ratio:9/16;transform:rotateY(-9deg) rotateX(3deg)}
.display-surface{position:absolute;inset:0;border-radius:14px;box-shadow:0 18px 30px -16px rgba(23,40,60,.22);overflow:hidden}.display-surface img{display:block;width:100%;height:100%;object-fit:cover}
.window-grabber{position:absolute;left:50%;bottom:-20px;width:16%;min-width:32px;max-width:96px;height:4px;border-radius:4px;transform:translateX(-50%);background:rgba(77,88,103,.23);box-shadow:0 1px 1px rgba(255,255,255,.85)}.window-grabber:before{content:"";position:absolute;top:50%;left:-22px;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:rgba(77,88,103,.25);box-shadow:0 1px 1px rgba(255,255,255,.85)}
.installation{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:80px;align-items:center;padding-block:68px 52px;scroll-margin-top:28px}.installation-copy{display:contents}.installation h2{grid-column:1;grid-row:1}.installation .steps{grid-column:1;grid-row:2}.installation .beta-note{grid-column:1;grid-row:3}.installation .brand-depth{grid-column:2;grid-row:1 / 4;align-self:center}.installation .depth-stage{width:min(100%,280px)}.installation h2{font-size:clamp(29px,3.15vw,40px);line-height:1.35;font-weight:650;letter-spacing:-.04em}.steps{counter-reset:step;display:grid;grid-template-columns:1fr;gap:25px;list-style:none;margin:38px 0 0;padding:0}.steps li{counter-increment:step;display:grid;grid-template-columns:36px 1fr;gap:18px;align-items:start}.steps li:before{content:counter(step);font-size:48px;line-height:1.08;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.steps h3{font-size:19px;font-weight:650;line-height:1.5;margin-bottom:4px}.steps p{font-size:16px;line-height:1.85;color:var(--muted)}.beta-note{margin-top:42px;font-size:14px;color:var(--muted)}
.contact{border-top:1px solid var(--line);padding-top:33px}.contact h2{font-size:23px;line-height:1.5;font-weight:650;margin-bottom:4px}.contact p{color:var(--muted);font-size:16px}.contact a{margin-inline-start:6px;overflow-wrap:anywhere}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:43px 28px;font-size:14px}.site-footer strong{font-weight:650}.brand-meaning{color:var(--muted);margin-inline-start:4px}.skip{position:absolute;top:-100px;left:20px;padding:8px 16px;background:#fff;z-index:5}.skip:focus{top:10px}

/* Optical balance for side-by-side sections: inset the heavier left edge.
   Separate breakpoints keep the existing stacked layouts centered. */
@media(min-width:841px){
  .hero-copy{padding-inline-start:clamp(18px,3.2vw,40px)}
}
@media(min-width:901px){
  .extend-band>.wrap{padding-inline-start:clamp(24px,3.2vw,40px)}
}

@media(max-width:1100px){
  .hero{gap:28px;padding-block:28px 56px}.hero h1{font-size:clamp(40px,4.9vw,52px)}.hero-description{font-size:18px}
  .depth-model{--depth-scale:.85}
  .extend-band>.wrap{column-gap:38px;padding-block:50px}.extend-layout{gap:18px}.extend-layout p{font-size:18px}
  .installation{grid-template-columns:minmax(0,1fr) 230px;column-gap:42px}
}
@media(max-width:900px){
  .extend-band>.wrap{grid-template-columns:1fr;row-gap:24px;padding-block:46px 38px}
  .extend-layout{grid-column:1;grid-row:1;width:100%;max-width:620px;justify-self:center;align-items:center;text-align:center;gap:18px}
  .extend-layout h2{font-size:36px}.extend-layout p{text-align:center}
  .display-pair{grid-column:1;grid-row:2;width:min(100%,720px);justify-self:center;padding:0 4px 26px}.display-surface{border-radius:10px}
}
@media(max-width:840px){
  .wrap{width:calc(100% - 64px)}
  .hero{grid-template-columns:1fr;gap:24px;text-align:center;padding-block:30px 40px}.hero h1{font-size:46px}.hero-description{max-width:590px;margin-inline:auto}.hero-actions{justify-content:center}
  /* A small optical correction balances the icon/wordmark above centered copy. */
  .hero-copy>.brand{transform:translateX(-.65em)}
  .hero-scenes{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:8px;width:min(100%,650px);aspect-ratio:auto;justify-self:center;margin-inline:auto}
  .scene-art{position:relative;width:auto;inset:auto}.scene-journey{grid-column:1;grid-row:1;align-self:start}.scene-racing{grid-column:2;grid-row:1;margin-top:28px}
  .installation{grid-template-columns:fit-content(calc(100% - 120px)) minmax(0,1fr);column-gap:24px;padding-block:42px 32px;align-items:center}
  .installation h2{font-size:32px;line-height:1.3}.installation .brand-depth{grid-column:2;grid-row:1;width:100px;justify-self:start;align-self:center}.installation .depth-model{--depth-scale:.4}
  .installation .steps{grid-column:1 / -1;grid-row:2;margin-top:24px}.installation .beta-note{grid-column:1 / -1;grid-row:3;margin-top:30px}
  .steps li{grid-template-columns:32px 1fr;gap:18px}.steps li:before{font-size:42px}.steps p{max-width:620px}
}
@media(max-width:680px){
  .hero{gap:18px;padding-block:24px 32px}.hero h1{font-size:clamp(35px,7.1vw,46px)}.hero-description{max-width:520px;font-size:17px}.hero-actions{gap:20px}
  .hero-scenes{gap:4px}.scene-racing{margin-top:20px}
  .extend-band>.wrap{row-gap:24px;padding-block:36px 28px}.extend-layout{align-items:flex-start;text-align:left;gap:16px}.extend-layout h2{font-size:32px}.extend-layout p{font-size:17px;text-align:left}
  .installation{column-gap:18px}.installation h2{font-size:30px}.installation h2 span{white-space:nowrap}
}
@media(max-width:520px){
  .wrap{width:calc(100% - 40px)}.site-header{min-height:60px;gap:12px}.brand{gap:10px;margin-bottom:22px;font-size:29px}.brand img{width:52px;height:52px}.languages{font-size:12px;gap:7px}
  .hero{padding-top:20px}.hero-description{margin-top:20px;font-size:17px;line-height:1.8}.hero-actions{gap:17px;margin-top:24px}.download-button{min-height:49px;padding:12px 21px;font-size:16px}.guide-link{font-size:15px}.requirements{font-size:12px;margin-top:16px}.release-status{font-size:11px}.hero-scenes{gap:0}.scene-racing{margin-top:16px}
  .extend-band>.wrap{padding-block:32px 24px;row-gap:20px}.extend-layout h2{font-size:30px}.display-pair{padding:0 2px 24px}.display-surface{border-radius:7px;box-shadow:0 12px 20px -13px rgba(23,40,60,.3)}.window-grabber{min-width:22px;height:3px;bottom:-13px}.window-grabber:before{left:-12px;width:5px;height:5px}
  .installation{grid-template-columns:fit-content(calc(100% - 106px)) minmax(0,1fr);column-gap:18px;padding-block:32px 27px}.installation h2{font-size:26px}.installation h2 span{display:block}.installation .brand-depth{width:88px}.installation .steps{margin-top:22px}.steps{gap:27px}.steps h3{font-size:18px}.steps p{font-size:16px}
  .contact{padding-top:28px}.contact p{font-size:15px}.contact a{display:block;margin-inline-start:0}.site-footer{padding-block:35px 24px;font-size:12px;gap:10px}.brand-meaning{margin-inline-start:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.depth-model,.depth-layer{transition:none}.depth-stage:hover .depth-model{--tilt-x:10deg;--tilt-y:-24deg;--tilt-z:-8deg;--rear-z:-28px;--front-z:28px;--cursor-z:66px}}

@media(prefers-reduced-motion:reduce){.download-button,.glass-body,.glass-contact{transition:none}.download-button:active,.download-button.is-pressed{transform:none}}
@media(prefers-reduced-transparency:reduce){.glass-body{fill-opacity:1}}
@media(prefers-contrast:more){.glass-body{fill:#00469f;fill-opacity:1}.glass-wash,.glass-contact,.glass-bevel{display:none}.glass-rim{stroke:#003987}.download-button:active .glass-body,.download-button.is-pressed .glass-body{fill:#155bb5}}