/* Headline motion uses only transforms and opacity; all copy is static HTML. */
.hero-headline{position:relative;isolation:isolate;--headline-x:55%;--headline-y:50%}
.headline-line{display:block;width:max-content;max-width:100%}
.headline-core{display:flex;align-items:center;gap:24px}
.hero-headline .headline-connected{isolation:isolate;background:linear-gradient(110deg,#1c222a 20%,#425674 42%,#1c222a 62%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}
.hero h1 .headline-connected:after{height:9px;bottom:2px;transform:rotate(-1deg);transform-origin:left;background:linear-gradient(90deg,#77a9f4,#adc8f1 65%,#77a9f4)}
.headline-connected:before{content:'';position:absolute;inset:-20px -24px;z-index:-2;background:radial-gradient(ellipse at var(--headline-x) var(--headline-y),#77a9f455,transparent 64%);opacity:0;transition:opacity .4s;pointer-events:none}
.hero-headline:hover .headline-connected:before{opacity:1}
.connection-spark{position:absolute;bottom:0;left:0;width:6px;height:6px;border-radius:50%;background:#38598b;box-shadow:0 0 0 4px #77a9f455;opacity:0;pointer-events:none}
.headline-neural{width:150px;display:inline-flex;flex-direction:column;align-items:center;gap:3px;margin-top:5px;flex:none;pointer-events:none}
.headline-neural svg{width:100%;overflow:visible}
.headline-neural>span{font:500 8px/1.3 Arial,sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:#506077;white-space:nowrap}
.neural-base{stroke:#7a8ca7;stroke-width:1;opacity:.48}
.neural-signal{stroke:#395f97;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:14 210;stroke-dashoffset:224}
.neural-nodes{fill:var(--paper);stroke:#5c7497;stroke-width:1.3}
.neural-halo{fill:#77a9f422;stroke:#7a92b6;stroke-width:.6;transform-origin:84px 36px}
.neural-center{fill:#e6ecf4;stroke:#758bac;stroke-width:1}
.neural-star{fill:#384f71;transform-origin:84px 36px}
.headline-ready .headline-line{animation:headline-arrive .95s cubic-bezier(.16,1,.3,1) both}
.headline-ready .headline-line:nth-child(2){animation-delay:.13s}
.headline-ready .headline-line:nth-child(3){animation-delay:.26s}
.headline-ready .headline-connected{animation:connected-sheen 8s ease-in-out infinite}
.headline-ready .connection-spark{animation:connection-travel 6.5s ease-in-out infinite}
.headline-ready .neural-signal{animation:neural-flow 3.8s linear infinite}
.headline-ready .neural-signal-two{animation-delay:1.9s}
.headline-ready .neural-halo{animation:neural-breathe 3.8s ease-in-out infinite}
.headline-ready .neural-star{animation:neural-think 7.6s ease-in-out infinite}
.hero-headline.headline-sleeping *,.hero-headline.headline-sleeping *:after,html[data-motion-paused=true] .hero-headline *,html[data-motion-paused=true] .hero-headline *:after{animation-play-state:paused!important}
@keyframes headline-arrive{from{opacity:0;transform:translate3d(0,15px,0);filter:blur(3px)}to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes connected-sheen{0%,20%{background-position:100% 0}65%,100%{background-position:0% 0}}
@keyframes connection-travel{0%,15%{left:0;opacity:0}23%{opacity:1}70%{left:98%;opacity:1}80%,100%{left:98%;opacity:0}}
@keyframes neural-flow{to{stroke-dashoffset:-224}}
@keyframes neural-breathe{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.17);opacity:1}}
@keyframes neural-think{0%,30%,100%{transform:rotate(0deg)}60%,80%{transform:rotate(90deg)}}
@media(max-width:600px){.headline-core{gap:19px}.headline-neural{width:112px}.headline-neural>span{font-size:6px;letter-spacing:.65px}.hero h1 .headline-connected:after{height:7px}}
@media(prefers-reduced-motion:reduce){.hero-headline *,.hero-headline *:after{animation:none!important;transition:none!important}.headline-line{opacity:1!important;transform:none!important;filter:none!important}.connection-spark{display:none}.headline-connected:before{display:none}}