@font-face{font-family:"Barlow Condensed";src:url(fonts/barlow-condensed-bold.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--navy:#06122b;--blue:#1e90ff;--cyan:#19c3ff;--text:#e8f0ff;--muted:#b8c8e6}
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#0d2a5c 0%,var(--navy) 60%) var(--navy);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:hidden;position:relative;text-align:center}
.cond,h1,.eyebrow,.band,.btn{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;font-weight:700;letter-spacing:.02em}
.wrap{max-width:760px;margin:0 auto;padding:2.5rem 1.25rem;position:relative;z-index:1}
.logo{width:160px;height:auto;border-radius:50%;filter:drop-shadow(0 0 24px rgba(30,144,255,.55))}
.eyebrow{margin-top:1.5rem;color:var(--cyan);font-size:1rem;letter-spacing:.2em}
h1{margin-top:.5rem;font-size:clamp(3rem,13vw,6.5rem);line-height:.95;color:#fff;text-shadow:0 0 28px rgba(30,144,255,.45)}
h1 span{display:block;color:var(--cyan);text-shadow:0 0 28px rgba(25,195,255,.55)}
.sub{margin:1.25rem auto 0;max-width:30ch;font-size:1.2rem;color:var(--muted)}
.checks{list-style:none;display:inline-flex;flex-direction:column;gap:.7rem;margin-top:1.75rem;text-align:left;font-size:1.15rem}
.checks li{display:flex;align-items:center;gap:.75rem}
.checks li::before{content:"✓";flex:none;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:rgba(30,144,255,.18);border:2px solid var(--cyan);color:var(--cyan);font-weight:700;box-shadow:0 0 12px rgba(25,195,255,.5)}
.band{position:relative;z-index:1;background:linear-gradient(90deg,#0b3d91,var(--blue),#0b3d91);padding:1.1rem 1rem;font-size:clamp(1.3rem,5.5vw,2rem);color:#fff;box-shadow:0 0 40px rgba(30,144,255,.45);text-shadow:0 1px 3px rgba(0,0,0,.5)}
.cta p{font-size:1.15rem;color:var(--muted);max-width:34ch;margin:0 auto}
.btn{display:inline-block;margin-top:1.5rem;padding:1rem 1.6rem;border-radius:999px;background:var(--cyan);color:var(--navy);text-decoration:none;font-size:1.25rem;box-shadow:0 0 24px rgba(25,195,255,.6);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 36px rgba(25,195,255,.85)}
.btn:focus-visible{outline:3px solid #fff;outline-offset:4px}
footer{padding:1.5rem 1rem 2rem;color:var(--muted);font-size:.9rem;border-top:1px solid rgba(30,144,255,.2)}
.bubble{position:absolute;z-index:0;border:2px solid rgba(25,195,255,.35);border-radius:28px;box-shadow:0 0 30px rgba(30,144,255,.35),inset 0 0 20px rgba(30,144,255,.15);pointer-events:none}
.bubble::after{content:"";position:absolute;bottom:-14px;width:24px;height:24px;border:inherit;border-top:0;border-left:0;background:var(--navy);transform:rotate(45deg)}
.b1{width:110px;height:70px;top:110px;left:-40px}.b1::after{left:30px}
.b2{width:130px;height:80px;top:380px;right:-50px}.b2::after{right:40px}
@media (min-width:900px){.wrap{padding:3.5rem 2rem}.logo{width:200px}.b1{width:220px;height:130px;left:6%;top:140px}.b2{width:240px;height:140px;right:5%;top:520px}.sub{font-size:1.35rem}h1 span{white-space:nowrap}}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}
.cta .or{margin-top:1.5rem;font-size:1rem}
.btn2{margin-top:.75rem;background:transparent;color:var(--cyan);border:2px solid var(--cyan);box-shadow:0 0 14px rgba(25,195,255,.35);font-size:1.1rem}