/* Shared logo and ambient artwork, matching Figma pages 05 and 06. */
.brand-icon{width:38px;height:40px;object-fit:contain}
.brand-wordmark,.footer-brand .brand-wordmark{width:40px;height:60px;object-fit:contain}
.brand{gap:14px}
.hero{background:var(--ink);padding-block:64px 0}
.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}
.hero h1{font-size:clamp(42px,5.2vw,72px);line-height:1.4;letter-spacing:-.025em}
.hero h1 span{color:var(--paper)}
.hero-art{min-width:0;text-align:center;position:relative;padding:24px 0}
.art-eyebrow,.art-caption{font-size:12px;color:#a7b7ce;line-height:1.8}
.art-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:502/380;margin:8px auto;max-width:550px}
.art-glow{position:absolute;inset:2%;border-radius:50%;background:radial-gradient(ellipse,#316ee033 0%,#316ee010 38%,transparent 68%);animation:art-breathe 12s ease-in-out infinite}
.art-mark{position:absolute;width:42%;height:auto;left:29%;top:18%;object-fit:contain}
.art-orbits{position:absolute;inset:12% 4%;animation:art-orbit 12s ease-in-out infinite;transform-origin:center}
.art-orbits i{position:absolute;inset:12% 2%;border:1px solid #81abff38;border-radius:50%;transform:rotate(-24deg)}
.art-orbits i:nth-child(2){inset:2% 15%;transform:rotate(42deg);border-color:#81abff26}
.art-orbits i:nth-child(3){inset:27% 0;transform:rotate(12deg);border-color:#81abff20}
.art-particles{position:absolute;inset:0;animation:art-float 12s ease-in-out infinite}
.art-particles i{position:absolute;width:7px;height:7px;background:#81abff;border-radius:50%;left:13%;top:45%;box-shadow:0 0 18px #316ee077}
.art-particles i:nth-child(2){width:5px;height:5px;left:82%;top:27%;background:#316ee0}
.art-particles i:nth-child(3){width:4px;height:4px;left:73%;top:78%}
.hero-stages{list-style:none;padding:24px 0;margin-block:40px 0;border-top:1px solid #ffffff1a;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hero-stages li{display:flex;align-items:center;gap:12px;color:#d2dae8;font-size:14px;min-width:0}
.hero-stages b{font:500 12px 'IBM Plex Sans',sans-serif;color:#81abff}
@keyframes art-orbit{0%,100%{transform:rotate(0)}50%{transform:rotate(12deg)}}
@keyframes art-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes art-breathe{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:980px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:16px}.hero-art{max-width:510px;width:100%;margin-inline:auto}.hero-copy{max-width:760px}.hero h1{font-size:clamp(38px,7vw,64px)}}
@media(max-width:640px){.hero{padding-block:32px 0}.hero h1{font-size:clamp(34px,8.4vw,46px);line-height:1.45;margin-block:12px 18px}.hero-art{padding:14px 0 0}.hero-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-top:20px}.hero-stages li{font-size:12px}.art-caption{font-size:11px}.brand-icon{width:32px;height:34px}.brand-wordmark{width:34px;height:52px}.art-orbits{animation-name:art-orbit-mobile}@keyframes art-orbit-mobile{0%,100%{transform:rotate(0)}50%{transform:rotate(6deg)}}}
@media(prefers-reduced-motion:reduce){.art-orbits,.art-particles,.art-glow{animation:none}}