/* Saudi AI: continuous spatial identity. Palette changes are scoped to the hero. */
.hero-orbital{position:relative;isolation:isolate;background:#f8faff;color:#132139}
.orbital-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.orbital-atmosphere{position:absolute;inset:-5%;background:url('/assets/neural-pearl.webp') 70% 50%/cover no-repeat;opacity:.95}
html[dir=rtl] .orbital-backdrop{transform:scaleX(-1)}
.hero-orbital::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#f8faff15,transparent 55%,#fafbfe 100%)}
.hero-orbital .hero-layout{position:relative;min-height:680px;padding-block:35px 22px}
.hero-orbital .hero-copy .eyebrow{color:#30486d}
.hero-orbital .signal{background:#386de3;box-shadow:0 0 14px #63c6ff66}
.hero-orbital h1 span{color:#234cff}
.hero-orbital .hero-intro{color:#50617c}
.hero-orbital .hero-actions .button{background:#234cff;color:#fff;border-color:#234cff}
.hero-orbital .hero-actions .button:hover{background:#193fd8;border-color:#193fd8;box-shadow:0 0 30px #689aff24}
.hero-orbital .hero-actions .text-link{color:#243953}
.hero-orbital .hero-actions .text-link:hover{color:#234cff}
.hero-orbital .hero-baseline{position:relative;border-color:#8da0b333;color:#536681}
.hero-orbital .hero-baseline a span:last-child{color:#4269bd}
.hero-art.logo-hero{margin-inline:-8px -40px;isolation:isolate;min-width:0}
.logo-stage{position:relative;width:min(100%,600px);margin-inline:auto;aspect-ratio:1.12;direction:ltr;perspective:1050px}
.logo-parallax{width:100%;height:100%;transform-style:preserve-3d}
.logo-canvas{display:block;width:100%;height:100%;overflow:visible;flex-shrink:0}
.logo-hero figcaption{margin-inline:42px 32px;min-height:65px;gap:14px;flex-wrap:wrap;border-color:#6a82a330;padding-block:15px 0}
.logo-caption-copy{display:flex;flex-direction:column;gap:3px}
.logo-caption-copy .index{font-size:12px;color:#243955;letter-spacing:.18em}
.logo-caption-copy>span:last-child{font-size:13px;color:#536681}
.logo-controls{margin-inline-start:auto;display:flex;align-items:center;gap:9px}
.logo-controls button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:8px 12px;border:1px solid #8299b34d;border-radius:24px;background:#ffffff73;color:#304866;font:500 14px/1.4 var(--font);transition:background .2s,border-color .2s}
.logo-controls button:hover{background:#e7f0ffb3;border-color:#6a92d5;color:#234cff}
.logo-controls .logo-replay{width:42px;padding:10px}
.logo-controls svg{width:18px;height:18px}
.motion-symbol{display:block;width:9px;height:11px;border-inline:2px solid currentColor}
.logo-motion-toggle[data-paused=true] .motion-symbol{width:0;height:0;border:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}
.hero-orbital a:focus-visible,.hero-orbital button:focus-visible{outline-color:#326aeb}
@media(min-width:761px){.hero-orbital .hero-copy{padding-inline-end:10px}}
@media(max-width:1180px){.hero-orbital .hero-layout{min-height:620px}.hero-art.logo-hero{margin-inline:-5px -30px}.logo-hero figcaption{margin-inline:24px;gap:12px}.logo-controls button{padding-inline:10px}}
@media(max-width:960px){.hero-orbital .hero-layout{min-height:570px}.hero-art.logo-hero{margin-inline:0 -25px}.logo-hero figcaption{margin-inline:15px;gap:12px}.logo-controls{gap:7px}.logo-controls button{padding-inline:9px}.logo-caption-copy>span:last-child{font-size:12px}}
@media(max-width:760px){.hero-orbital .hero-layout{min-height:auto;padding-block:42px 0}.orbital-atmosphere{background-position:69% 100%;background-size:auto 68%;background-color:#f8faff;background-repeat:no-repeat;opacity:.86}.hero-orbital .hero-copy{z-index:2}.hero-art.logo-hero{margin:8px -12px 0}.logo-stage{width:min(100%,490px);margin-inline:auto;aspect-ratio:1.04}.logo-hero figcaption{margin-inline:20px;min-height:62px;gap:12px;padding-top:14px}.logo-caption-copy .index{font-size:12px}.logo-caption-copy>span:last-child{font-size:13px}.logo-controls button{font-size:14px}.hero-orbital .hero-baseline{margin-top:22px}.hero-orbital .hero-baseline a{font-size:12px}}
@media(max-width:380px){.hero-art.logo-hero{margin-inline:-8px}.logo-hero figcaption{margin-inline:12px;gap:12px}.logo-caption-copy>span:last-child{font-size:12px}.logo-controls{gap:6px}.logo-controls button{padding-inline:9px}.logo-controls .logo-replay{width:40px}}
@media(prefers-reduced-motion:reduce){.logo-parallax,.orbital-atmosphere{transform:none!important}.logo-controls{display:none!important}}
@media print{.hero-orbital{background:#fff!important;color:#132139}.hero-orbital::after,.orbital-backdrop,.logo-controls,.logo-orbit,[data-dust],[data-aura]{display:none!important}.hero-orbital .hero-copy .eyebrow,.hero-orbital .hero-intro,.logo-caption-copy .index,.logo-caption-copy>span:last-child{color:#334862}.logo-parallax{transform:none!important}.logo-hero figcaption{border-color:#d7deeb}}