:root{--sky-1:#7FDBFF;--sky-2:#4FC3FF;--sky-3:#00AEEF;--ocean:#0088CC;--leaf:#7ED957;--leaf-deep:#1F8F4A;--cyan:#6EF3FF;--mint:#3DE0B5;--glass:rgba(255,255,255,.18);--glass-border:rgba(255,255,255,.45);--glass-shadow:0 8px 32px rgba(0,136,204,.18), inset 0 1px 0 rgba(255,255,255,.6);--txt:#0a3a5a;--txt-on-dark:#ffffff}html,body{font-family:Segoe UI,Trebuchet MS,Tahoma,sans-serif;color:var(--txt);overflow-x:hidden}body{margin:0;background:#cdeefd}.bg-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.sky-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 10%,#fff7c2 0%,transparent 35%),linear-gradient(180deg,#7fdbff,#4fc3ff 40%,#00aeef,#08c);animation:hueShift 20s ease-in-out infinite}@keyframes hueShift{0%,to{filter:hue-rotate(0)}50%{filter:hue-rotate(-8deg)}}.sun-rays{position:absolute;inset:-20%;background:conic-gradient(from 200deg at 75% 15%,transparent 0deg,rgba(255,247,194,.5) 10deg,transparent 20deg,transparent 60deg,rgba(255,247,194,.35) 70deg,transparent 80deg,transparent 120deg,rgba(255,247,194,.45) 130deg,transparent 140deg);filter:blur(20px);animation:sunSpin 40s linear infinite;opacity:.7}@keyframes sunSpin{to{transform:rotate(360deg)}}.cloud{position:absolute;background:radial-gradient(ellipse,#fff 0%,rgba(255,255,255,.6) 60%,transparent 100%);filter:blur(8px);border-radius:50%}.cloud-a{width:520px;height:180px;top:8%;left:-10%;animation:drift 60s linear infinite}.cloud-b{width:380px;height:140px;top:22%;left:60%;animation:drift 80s linear infinite reverse}.cloud-c{width:640px;height:200px;top:45%;left:-30%;animation:drift 90s linear infinite}.cloud-d{width:420px;height:160px;top:6%;left:40%;animation:drift 70s linear infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(120vw)}}.wave-band{position:absolute;left:-10%;width:120%;height:120px;filter:blur(1px);opacity:.5}.wave-back{bottom:120px;background:radial-gradient(ellipse at center,rgba(255,255,255,.6),transparent 70%);animation:waveMove 8s ease-in-out infinite}.wave-mid{bottom:40px;background:radial-gradient(ellipse at center,rgba(255,255,255,.8),transparent 70%);animation:waveMove 6s ease-in-out infinite reverse}@keyframes waveMove{0%,to{transform:translate(-3%) scaleY(1)}50%{transform:translate(3%) scaleY(1.1)}}.bubble-canvas,.fish-canvas{position:absolute;inset:0;width:100%;height:100%}.leaf{position:absolute;width:60px;height:60px;background:radial-gradient(ellipse at 30% 30%,#bff09a,#1f8f4a);border-radius:0 100%;box-shadow:inset -4px -4px 8px #0003,0 4px 12px #1f8f4a4d;opacity:.7}.leaf-1{top:30%;left:8%;animation:floatLeaf 12s ease-in-out infinite}.leaf-2{top:65%;right:6%;width:80px;height:80px;animation:floatLeaf 16s ease-in-out infinite reverse}.leaf-3{top:80%;left:30%;width:50px;height:50px;animation:floatLeaf 10s ease-in-out infinite}@keyframes floatLeaf{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-30px) rotate(20deg)}50%{transform:translate(-15px,-50px) rotate(-15deg)}75%{transform:translate(25px,-20px) rotate(10deg)}}.butterfly{position:absolute;width:40px;height:30px;pointer-events:none}.butterfly:before,.butterfly:after{content:"";position:absolute;width:18px;height:24px;background:radial-gradient(circle,#ffffffd9,#6ef3ff80);border-radius:50%/60% 60% 40% 40%;box-shadow:inset 0 0 8px #fff9}.butterfly:before{left:0;transform-origin:right center;animation:flapL .4s ease-in-out infinite alternate}.butterfly:after{right:0;transform-origin:left center;animation:flapR .4s ease-in-out infinite alternate}@keyframes flapL{to{transform:rotateY(60deg)}}@keyframes flapR{to{transform:rotateY(-60deg)}}.bfly-1{top:40%;left:20%;animation:bflyPath 22s linear infinite}.bfly-2{top:55%;left:70%;animation:bflyPath 28s linear infinite reverse}@keyframes bflyPath{0%{transform:translate(0)}25%{transform:translate(200px,-60px)}50%{transform:translate(400px,40px)}75%{transform:translate(200px,80px)}to{transform:translate(0)}}.particles{position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.8) 0,transparent 2px),radial-gradient(circle at 30% 80%,rgba(255,255,255,.6) 0,transparent 2px),radial-gradient(circle at 60% 30%,rgba(255,255,255,.7) 0,transparent 2px),radial-gradient(circle at 80% 70%,rgba(255,255,255,.5) 0,transparent 2px),radial-gradient(circle at 45% 50%,rgba(255,255,255,.6) 0,transparent 2px),radial-gradient(circle at 90% 10%,rgba(255,255,255,.7) 0,transparent 2px);animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}.aero-header{backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);background:linear-gradient(180deg,#ffffff59,#ffffff1f);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 6px 24px #0088cc26,inset 0 -1px #fff6}.logo-mark{display:inline-flex;align-items:center;gap:10px;color:#fff;text-shadow:0 1px 2px rgba(0,80,140,.5);font-weight:600}.logo-orb{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#4fc3ff 60%,#08c);box-shadow:0 0 12px #6ef3ffb3,inset 0 0 6px #fff9}.logo-text{font-size:18px;letter-spacing:.5px}.nav-pill{padding:8px 16px;border-radius:999px;color:#06365a;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.6);position:relative;overflow:hidden;transition:all .3s ease}.nav-pill:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .3s}.nav-pill:hover{background:#ffffff40;box-shadow:0 4px 12px #ffffff4d,inset 0 1px #ffffff80;transform:translateY(-1px)}.nav-pill:hover:before{opacity:1}.nav-pill.active{background:linear-gradient(180deg,#ffffff59,#ffffff1a);box-shadow:inset 0 1px #fff9,0 2px 6px #08c3}.glass-btn-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff4d,#ffffff1a);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px #ffffff80;transition:all .3s}.glass-btn-icon:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0088cc4d,inset 0 1px #fff9}.hero-title{font-size:clamp(2.8rem,8vw,7rem);font-weight:800;color:#fff;line-height:.95;letter-spacing:-.03em;text-shadow:0 4px 24px rgba(0,80,140,.4),0 0 40px rgba(110,243,255,.3);margin:24px 0 20px;display:flex;flex-direction:column;gap:8px}.title-line{font-size:.4em;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#fff;opacity:.85}.title-gradient{background:linear-gradient(180deg,#fff,#bfe9ff,#4fc3ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 20px rgba(110,243,255,.5))}.hero-sub{color:#fff;font-size:clamp(1rem,1.4vw,1.25rem);max-width:680px;margin:0 auto;text-shadow:0 2px 8px rgba(0,80,140,.4);line-height:1.6}.badge-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#fff3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);color:#fff;font-size:.85rem;box-shadow:inset 0 1px #ffffff80}.dot-pulse{width:8px;height:8px;border-radius:50%;background:#7ed957;box-shadow:0 0 8px #7ed957;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.hero-cta{display:flex;gap:16px;justify-content:center;margin-top:36px;flex-wrap:wrap}.btn-gloss{position:relative;display:inline-flex;align-items:center;gap:8px;padding:16px 36px;border-radius:999px;font-weight:600;font-size:1rem;color:#fff;text-decoration:none;overflow:hidden;transition:all .4s cubic-bezier(.44,0,.56,1);border:1px solid rgba(255,255,255,.5)}.btn-gloss.primary{background:linear-gradient(180deg,#7fdbff,#00aeef,#08c);box-shadow:0 8px 24px #08c6,inset 0 1px #ffffffb3,inset 0 -2px 4px #00508c33;text-shadow:0 1px 2px rgba(0,80,140,.4)}.btn-gloss.primary:hover{transform:translateY(-3px);box-shadow:0 14px 32px #0088cc80,inset 0 1px #fffc}.btn-gloss.ghost{background:#fff3;backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff80}.btn-gloss.ghost:hover{background:#ffffff4d;transform:translateY(-3px)}.btn-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shine 4s ease-in-out infinite}@keyframes shine{0%{left:-100%}50%,to{left:200%}}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:48px;max-width:760px;margin-left:auto;margin-right:auto}.stat-card{background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:18px;padding:18px 14px;box-shadow:var(--glass-shadow);transition:transform .4s}.stat-card:hover{transform:translateY(-4px) scale(1.02)}.stat-num{font-size:2rem;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,80,140,.4)}.stat-lbl{color:#ffffffd9;font-size:.8rem;margin-top:4px}.section-head{text-align:center;max-width:760px;margin:0 auto 56px}.eyebrow{display:inline-block;color:#fff;background:#0088cc40;backdrop-filter:blur(10px);padding:6px 14px;border-radius:999px;font-size:.8rem;border:1px solid rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.1em}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#fff;margin:18px 0 14px;letter-spacing:-.02em;text-shadow:0 4px 16px rgba(0,80,140,.4)}.grad-em{font-style:normal;background:linear-gradient(180deg,#fff,#6ef3ff);-webkit-background-clip:text;background-clip:text;color:transparent}.section-sub{color:#ffffffe6;font-size:1.1rem;line-height:1.6}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.glass-card{position:relative;background:var(--glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--glass-border);border-radius:24px;padding:28px 24px;box-shadow:var(--glass-shadow);overflow:hidden;transition:all .5s cubic-bezier(.44,0,.56,1);color:#fff}.glass-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0088cc40,inset 0 1px #ffffffb3}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(110,243,255,.4),transparent 60%);opacity:0;transition:opacity .6s;pointer-events:none}.glass-card:hover .card-glow{opacity:1}.card-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(180deg,#fff6,#ffffff1a);padding:12px;margin-bottom:18px;box-shadow:inset 0 1px #fff9}.glass-card h3{font-size:1.4rem;font-weight:700;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,80,140,.3)}.glass-card p{color:#ffffffe6;font-size:.95rem;line-height:1.5}.aero-panel{background:linear-gradient(180deg,#ffffff59,#ffffff1f);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #0088cc40,inset 0 1px #fff9;color:#fff}.panel-chrome{display:flex;align-items:center;gap:8px;padding:14px 18px;background:linear-gradient(180deg,#ffffff80,#fff3);border-bottom:1px solid rgba(255,255,255,.4)}.panel-chrome .dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 1px #fff9}.panel-chrome .red{background:radial-gradient(circle at 30% 30%,#ff9b9b,#dc2626)}.panel-chrome .yellow{background:radial-gradient(circle at 30% 30%,#ffe48a,#f59e0b)}.panel-chrome .green{background:radial-gradient(circle at 30% 30%,#a8f08a,#16a34a)}.panel-title{margin-left:12px;font-size:.85rem;color:#0a3a5a;font-weight:600}.panel-body{padding:40px}.chip{display:inline-block;padding:6px 14px;border-radius:999px;background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:.8rem;backdrop-filter:blur(8px)}.panel-visual{display:flex;justify-content:center}.orb-wrap{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.orb{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#bfe9ff,#4fc3ff 60%,#08c);box-shadow:0 20px 60px #08c6,inset 10px 10px 30px #fff6,inset -10px -10px 30px #00508c66;animation:orbFloat 6s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.orb-ring{position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.5)}.orb-ring.r1{width:220px;height:220px;animation:spin 18s linear infinite}.orb-ring.r2{width:260px;height:260px;animation:spin 24s linear infinite reverse;opacity:.6}.orb-ring.r3{width:300px;height:300px;animation:spin 30s linear infinite;opacity:.4}@keyframes spin{to{transform:rotate(360deg)}}.orb-fish{position:absolute;font-size:1.8rem;animation:swimAround 12s ease-in-out infinite}.orb-fish.f1{top:10%;left:20%;animation-delay:0s}.orb-fish.f2{top:60%;right:10%;animation-delay:-4s}.orb-fish.f3{bottom:10%;left:50%;animation-delay:-8s}@keyframes swimAround{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(40px,-20px) rotate(10deg)}50%{transform:translate(80px,10px) rotate(-10deg)}75%{transform:translate(30px,30px) rotate(5deg)}}.cta-card{position:relative;background:linear-gradient(135deg,#00aeef,#08c);border-radius:32px;padding:60px 40px;overflow:hidden;border:1px solid rgba(255,255,255,.4);box-shadow:0 30px 60px #08c6,inset 0 1px #fff9}.cta-shine{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.3),transparent 50%),radial-gradient(circle at 80% 80%,rgba(110,243,255,.3),transparent 50%);animation:ctaGlow 8s ease-in-out infinite}@keyframes ctaGlow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.aero-footer{position:relative;background:linear-gradient(180deg,#08c,#005f99);color:#fff;margin-top:60px}.footer-waves{position:absolute;top:-100px;left:0;right:0;height:120px;overflow:hidden;pointer-events:none}.footer-waves svg{position:absolute;top:0;left:0;width:100%;height:100%}.footer-waves .wave-2{animation:waveMove 8s ease-in-out infinite reverse}.foot-h{font-size:.95rem;font-weight:700;margin-bottom:14px;color:#fff;text-shadow:0 2px 4px rgba(0,40,80,.4)}.foot-a{display:block;color:#ffffffd9;padding:4px 0;font-size:.9rem;transition:color .2s}.foot-a:hover{color:#6ef3ff}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;color:#ffffffbf;font-size:.85rem;flex-wrap:wrap;gap:12px}[data-reveal]{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.44,0,.56,1),transform 1s cubic-bezier(.44,0,.56,1)}[data-reveal].in{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}@media(max-width:640px){.hero-stats{grid-template-columns:1fr 1fr}.panel-body{padding:24px}}