/* ElynosAI immersive design system: CSS-only fallback, lightweight motion */
.immersive-hero .os-intro{position:relative;z-index:2}
.immersive-hero .signature-mark{isolation:isolate;transform:translateZ(0)}
.immersive-hero .signature-mark::before{content:"";position:absolute;inset:10%;z-index:-1;background:radial-gradient(circle at 35% 30%,rgba(36,224,205,.38),transparent 45%),radial-gradient(circle at 68% 67%,rgba(26,94,172,.42),transparent 53%);filter:blur(34px);animation:elynosAura 9s ease-in-out infinite alternate;pointer-events:none}
.immersive-hero .signature-mark img{filter:drop-shadow(0 25px 38px rgba(0,42,85,.2))}
@keyframes elynosAura{from{transform:scale(.85) rotate(-8deg);opacity:.65}to{transform:scale(1.18) rotate(12deg);opacity:1}}
.immersive-showcase-feature{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(80,190,196,.38);border-radius:28px;background:linear-gradient(135deg,#06264c,#02132e 60%,#03454c);color:#f3fcff;padding:clamp(25px,5vw,65px);display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.8fr);gap:32px;align-items:center;min-height:380px;box-shadow:0 35px 90px rgba(2,31,62,.17)}
.immersive-showcase-feature h2,.immersive-showcase-feature h3,.immersive-showcase-feature p{color:inherit}
.immersive-showcase-feature .eyebrow{color:#7ee6dc}
.immersive-showcase-feature .immersive-subtitle{color:#c0d6e3;max-width:520px;margin:16px 0 24px}
.immersive-showcase-feature .button{background:#a1f4e8;color:#06264c;border-color:transparent}
.immersive-ring{width:min(100%,340px);aspect-ratio:1;position:relative;place-self:center;transform-style:preserve-3d;perspective:700px}
.immersive-ring::before,.immersive-ring::after{content:"";position:absolute;inset:10%;border:2px solid rgba(83,241,223,.65);border-radius:34%;transform:rotate(-36deg) skew(13deg,13deg);box-shadow:0 0 60px rgba(41,218,208,.2),inset 0 0 35px rgba(43,196,188,.25)}
.immersive-ring::after{inset:26%;border-color:rgba(190,236,255,.8);transform:rotate(40deg) skew(-14deg,-14deg);animation:elynosOrb 18s linear infinite}
.immersive-ring .ring-center{position:absolute;inset:41%;border-radius:24%;transform:rotate(35deg);background:linear-gradient(135deg,#6bede0,#176ca0 80%);box-shadow:0 0 65px rgba(55,235,210,.55);animation:elynosPulse 5s ease-in-out infinite alternate}
@keyframes elynosOrb{to{transform:rotate(400deg) skew(-14deg,-14deg)}}
@keyframes elynosPulse{to{transform:rotate(70deg) scale(1.08)}}
@media (max-width:700px){.immersive-showcase-feature{grid-template-columns:1fr;min-height:auto}.immersive-ring{width:min(65vw,225px)}.immersive-hero .signature-mark::before{animation:none}}
@media (prefers-reduced-motion:reduce){.immersive-hero .signature-mark::before,.immersive-ring::after,.immersive-ring .ring-center{animation:none!important}}