/* WOW layer: lighting, motion, conversion */
#fxSpot{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;z-index:2;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(150,195,255,.20),rgba(124,58,237,.08) 40%,transparent 68%);will-change:transform}
.beam{position:absolute;top:-10%;width:180px;height:130%;pointer-events:none;z-index:0;background:linear-gradient(180deg,rgba(127,179,255,.22),transparent 75%);transform-origin:50% 0;animation:beam 9s ease-in-out infinite alternate}
.beam.b2{left:62%;background:linear-gradient(180deg,rgba(255,184,0,.18),transparent 70%);animation-duration:12s;animation-delay:-4s}
.beam.b1{left:18%}
@keyframes beam{from{transform:rotate(-14deg)}to{transform:rotate(16deg)}}
.hero,.page-hero{position:relative;overflow:hidden}
.ribbon{overflow:hidden;position:relative;z-index:3;background:linear-gradient(90deg,#0a1a45,#1d1466,#0a1a45);border-block:1px solid rgba(127,179,255,.25);padding:14px 0}
.ribbon div{display:flex;gap:46px;width:max-content;animation:scM 32s linear infinite;font:800 .95rem system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#cfe0ff;text-shadow:0 0 18px rgba(79,142,247,.9)}
.ribbon b{color:#ffb800}
.cta-bar{position:fixed;left:50%;bottom:22px;z-index:930;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 22px;border-radius:50px;background:rgba(4,9,21,.88);backdrop-filter:blur(16px);border:1px solid rgba(255,184,0,.45);box-shadow:0 24px 60px -16px #000,0 0 40px -10px rgba(255,184,0,.4);color:#fff;font:600 .88rem system-ui,sans-serif;transform:translate(-50%,140%);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.cta-bar.on{transform:translate(-50%,0)}
.cta-bar a{padding:10px 20px;border-radius:40px;background:linear-gradient(135deg,#ffb800,#ffd76a);color:#1a0e00;font-weight:800;text-decoration:none;white-space:nowrap}
.cta-bar button{background:none;border:0;color:#8fa4d4;font-size:1.3rem;cursor:pointer}
@media(max-width:900px){.cta-bar{display:none}}
.exit{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:rgba(2,6,16,.75);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:.4s}
.exit.on{opacity:1;pointer-events:auto}
.exit>div{position:relative;width:min(460px,90vw);padding:38px 32px;text-align:center;border-radius:24px;background:linear-gradient(160deg,#0b1b45,#150a3a);border:1px solid rgba(255,184,0,.5);box-shadow:0 50px 120px -20px #000,0 0 80px -20px #4f8ef7;color:#fff;font-family:system-ui,sans-serif;transform:perspective(900px) rotateX(14deg) scale(.92);transition:.5s cubic-bezier(.2,.8,.2,1)}
.exit.on>div{transform:none}
.exit h3{font-size:1.6rem;margin:0 0 8px}.exit p{color:#b9c8ee;margin:0 0 22px}
.exit a{display:block;margin:8px 0;padding:14px;border-radius:14px;font-weight:800;text-decoration:none}
.exit .q{background:linear-gradient(135deg,#ffb800,#ffd76a);color:#1a0e00}.exit .w{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}
.exit button{position:absolute;top:10px;right:14px;background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer}
.reveal{will-change:transform,opacity}
h2:after{animation:none!important;content:"";display:block;width:70px;height:4px;margin:12px auto 0;border-radius:4px;background:linear-gradient(90deg,#4f8ef7,#ffb800);box-shadow:0 0 18px #4f8ef7;animation:bar 3s ease-in-out infinite}
@keyframes bar{50%{width:130px}}
.sc h2:after,.exit h3:after{display:none}
@media(prefers-reduced-motion:reduce){#fxSpot,.beam{display:none}}

section:not(.hero):not(.page-hero){content-visibility:auto;contain-intrinsic-size:1px 720px}