/* Decorative graphics for public landing */
/* Page background */
body{background:linear-gradient(180deg,#f8fafc 0%, #ffffff 35%) fixed}
.page-bg{position:fixed;inset:0;pointer-events:none;z-index:-1}
.page-bg:before,.page-bg:after{content:"";position:absolute;border-radius:9999px;filter:blur(60px);opacity:.25}
.page-bg:before{width:520px;height:520px;background:#c7d2fe;top:-120px;left:-120px}
.page-bg:after{width:520px;height:520px;background:#99f6e4;right:-160px;bottom:-160px}
.hero-wrap{position:relative;overflow:hidden;border-radius:24px}
.hero-wrap .bg{position:absolute;inset:0;background:radial-gradient(1200px 600px at 110% -10%, rgba(34,211,238,.25), transparent 60%), radial-gradient(900px 600px at -10% 10%, rgba(79,70,229,.20), transparent 60%);pointer-events:none;z-index:0}
.hero-wrap .shapes{position:absolute;inset:0;pointer-events:none;z-index:0}
.hero-wrap h1,.hero-wrap p,.hero-wrap .actions{position:relative;z-index:1}
.blob{position:absolute;filter:blur(40px);opacity:.28}
.blob.p1{width:320px;height:320px;background:#22d3ee;top:-60px;right:-60px;border-radius:9999px}
.blob.p2{width:260px;height:260px;background:#6366f1;bottom:-60px;left:-40px;border-radius:9999px}
.floating{animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature{display:flex;gap:12px;align-items:flex-start}
.feature .icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#1d4ed8;background:#eef2ff;border:1px solid #c7d2fe;box-shadow:0 6px 16px rgba(99,102,241,.15)}
@media(max-width:980px){.features{grid-template-columns:1fr}}
@media(max-width:640px){
  .hero-wrap{border-radius:16px}
}

/* Header glass nav */
.header{background:rgba(255,255,255,.55)!important;border:1px solid #e2e8f0;border-radius:16px;padding:12px 14px;margin-top:12px}
.header .brand{display:flex;align-items:center;gap:10px}
.brand .logo{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#4f46e5;font-weight:900;box-shadow:0 6px 16px rgba(79,70,229,.18)}
.nav a{background:#ffffff;border:1px solid #e2e8f0}
.nav a:hover{background:#f8fafc}
.nav .btn.pill{background:linear-gradient(90deg,#fde047,#facc15);border-color:#facc15}

/* Footer wave */
.footer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}
.footer:before{content:"";position:absolute;inset:auto 0 -24px 0;height:24px;background:linear-gradient(180deg,transparent,rgba(99,102,241,.08));border-bottom-left-radius:24px;border-bottom-right-radius:24px}
.footer img[code]{max-width:120px;height:auto;display:block;margin:0 auto}