.hero-canvas{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-art.webgl-ready .hero-canvas{display:block}
.hero-art.webgl-ready>svg{visibility:hidden}
.scroll-cue{display:none}
html.motion-ready{scroll-behavior:smooth}
.motion-ready .hero-track{height:164svh;min-height:1100px;background:#08090d;position:relative}
.motion-ready .hero{position:sticky;top:68px;height:calc(100svh - 68px);min-height:670px;max-height:1100px;padding:44px 24px 24px;display:flex;flex-direction:column;align-items:center;perspective:1200px;overflow:hidden}
.motion-ready .hero>.eyebrow,.motion-ready .hero>h1,.motion-ready .hero>.hero-copy,.motion-ready .hero>.hero-actions{flex-shrink:0}
.motion-ready .hero h1{font-size:clamp(40px,5.7vw,78px);margin-top:18px}
.motion-ready .hero-copy{margin-top:12px}
.motion-ready .hero-actions{margin-top:23px}
.motion-ready .hero-art{width:min(1030px,100%);min-height:210px;max-height:510px;flex:1;margin:0 auto;align-self:stretch}
.motion-ready .hero-art>svg{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
.motion-ready .hero-caption{flex-shrink:0;position:relative;z-index:2}
.motion-ready .hero::after{content:"";position:absolute;inset:36% 12% 4%;pointer-events:none;background:radial-gradient(ellipse at 50% 70%,rgba(91,64,140,.13),transparent 62%);z-index:-1;opacity:var(--hero-glow,1)}
.motion-ready .scroll-cue{display:flex;align-items:center;justify-content:center;gap:12px;font-size:8px;letter-spacing:.22em;color:#8f879f;margin-top:17px;position:relative;z-index:2;flex-shrink:0}
.scroll-cue span{font-size:13px}
.motion-ready .vision-lead,.motion-ready .principles,.motion-ready .origin-top,.motion-ready .prefix-grid,.motion-ready .apps-top,.motion-ready .apps-grid{perspective:1400px}
.motion-ready [data-motion]{transform:translate3d(0,var(--reveal-y,0px),0) rotateX(var(--reveal-x,0deg));opacity:var(--reveal-opacity,1);transform-origin:50% 80%;backface-visibility:hidden}
.motion-ready .prefix-card{transform:translate3d(var(--card-x,0px),var(--card-y,0px),0) rotateY(var(--card-turn,0deg)) rotateX(var(--card-pitch,0deg));box-shadow:0 24px 58px -35px rgba(68,53,109,.25);transform-style:preserve-3d}
.motion-ready .prefix-card .power{transform:translate3d(0,var(--power-y,0px),28px);text-shadow:0 9px 16px rgba(80,62,108,.08)}
.motion-ready .prefix-card::after{transform:translate3d(0,var(--orbit-y,0px),0) rotate(var(--orbit-angle,0deg));border-radius:42%;transition:none}
.motion-ready .app-card{position:relative;transform:translate3d(0,var(--app-y,0px),0) rotateX(var(--app-pitch,0deg)) rotateY(var(--app-turn,0deg));transform-origin:50% 65%;box-shadow:0 20px 45px -28px rgba(45,42,73,.25);backface-visibility:hidden}
.motion-ready .app-art svg{transform:translate3d(0,var(--art-y,0px),0) rotate(var(--art-angle,0deg)) scale(var(--art-scale,1));transform-origin:center;pointer-events:none}
.motion-ready .app-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,var(--shine,0)),transparent 58%);border:1px solid rgba(255,255,255,.4)}
.motion-ready .quote-section{overflow:hidden;perspective:1200px}
.motion-ready .quote-section figure{transform:translate3d(0,var(--quote-y,0px),0) scale(var(--quote-scale,1)) rotateX(var(--quote-pitch,0deg));transform-origin:center}
.motion-ready .closing{overflow:hidden;perspective:1000px}
.motion-ready .closing h2{transform:translate3d(0,var(--closing-y,0px),0) scale(var(--closing-scale,1));transform-origin:center}
.motion-ready .closing .eyebrow{transform:translate3d(0,var(--closing-label,0px),0)}
.motion-ready .nav-links a[aria-current="location"]{color:#0066cc}
@media(max-width:1000px){.motion-ready .hero{padding-top:40px}.motion-ready .hero-art{max-height:470px}}
@media(max-width:720px){
  .motion-ready .hero-track{height:148svh;min-height:900px}
  .motion-ready .hero{top:60px;height:calc(100svh - 60px);min-height:530px;max-height:800px;padding:45px 15px 23px}
  .motion-ready .hero h1{font-size:clamp(33px,7.7vw,55px);margin-top:21px}
  .motion-ready .hero-copy{margin-top:15px;font-size:15px}
  .motion-ready .hero-actions{margin-top:23px;gap:20px}
  .motion-ready .hero-art{width:calc(100% + 24px);margin:0 -12px;min-height:174px;max-height:390px}
  .motion-ready .hero-caption{font-size:8px}
  .motion-ready .scroll-cue{margin-top:17px;font-size:7px}
  .motion-ready .prefix-card{box-shadow:0 17px 36px -28px rgba(68,53,109,.23)}
  .motion-ready .app-card{box-shadow:0 17px 36px -27px rgba(45,42,73,.23)}
}
@media(max-height:670px) and (min-width:721px){
  .motion-ready .hero-track{height:150svh;min-height:900px}
  .motion-ready .hero{min-height:570px;padding-top:24px}
  .motion-ready .hero h1{font-size:49px;margin-top:10px}
  .motion-ready .hero-copy{font-size:17px;margin-top:8px}
  .motion-ready .hero-actions{margin-top:16px}
}
@media(prefers-reduced-motion:reduce){
  html.motion-ready{scroll-behavior:auto}
  .motion-ready .hero-track{height:auto;min-height:0}
  .motion-ready .hero{position:relative;top:auto;min-height:0;height:auto;display:block;padding:70px 24px 43px}
  .motion-ready .hero-art{height:auto;aspect-ratio:1000/490;max-height:none;min-height:0;margin:12px auto;width:min(830px,100%)}
  .motion-ready [data-motion],.motion-ready .prefix-card,.motion-ready .prefix-card .power,.motion-ready .prefix-card::after,.motion-ready .app-card,.motion-ready .app-art svg,.motion-ready .quote-section figure,.motion-ready .closing h2,.motion-ready .closing .eyebrow,.motion-ready .hero>.eyebrow,.motion-ready .hero>h1,.motion-ready .hero>.hero-copy,.motion-ready .hero>.hero-actions{transform:none!important;opacity:1!important}
  .motion-ready .scroll-cue{display:none}
}
@media(prefers-contrast:more){.motion-ready [data-motion]{opacity:1!important}.motion-ready .hero>.eyebrow,.motion-ready .hero>h1,.motion-ready .hero>.hero-copy,.motion-ready .hero>.hero-actions{opacity:1!important}}