:root{--bg:#0f1724;--card:#0b1220;--muted:#9aa4b2;--accent:#6ee7b7;--accent-2:#7dd3fc;--bg-blob-1: rgba(110,231,183,.16);--bg-blob-2: rgba(125,211,252,.12);--white:#eef2f7}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}body{background:linear-gradient(180deg,var(--bg),#071024);color:var(--white)}.container{max-width:980px;margin:0 auto;padding:48px 20px;text-align:center}.hero{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:48px 0}.hero{position:relative;overflow:visible}.hero:before{content:"";position:absolute;pointer-events:none;filter:blur(72px);transform:translateZ(0);z-index:0;top:0;right:0;bottom:0;left:0}.hero:before{background:radial-gradient(circle at 20% 30%,var(--bg-blob-1) 0%,transparent 36%),radial-gradient(circle at 80% 70%,var(--bg-blob-2) 0%,transparent 40%);opacity:1}.hero:after{content:"";position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.06;mix-blend-mode:screen;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 1px,transparent 1px 20px)}.container{position:relative;z-index:2}.brand-row{display:flex;align-items:center;gap:20px;justify-content:center}.brand-logo{border-radius:18px;box-shadow:0 24px 60px #ffffff1a;background:linear-gradient(180deg,rgba(255,255,255,1),transparent);width:clamp(96px,18vw,220px);height:auto;position:relative;z-index:3}.brand{font-size:clamp(22px,4.2vw,64px);margin:0 0 8px;letter-spacing:-.02em;font-weight:900;line-height:1.02;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 10px 30px rgba(2,8,12,.65),0 1px 0 rgba(255,255,255,.02);animation:brand-pop .6s cubic-bezier(.2,.9,.3,1) both,gradient-slide 10s linear infinite,text-glow 3.5s ease-in-out infinite alternate;transition:transform .18s ease,filter .18s ease}.brand:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.02)}.tagline{color:#eef2f7f5;margin:0 0 20px;font-size:clamp(14px,2.2vw,20px);font-weight:700;text-shadow:0 4px 16px rgba(2,6,12,.55);opacity:.98;animation:tagline-pop .7s cubic-bezier(.2,.9,.3,1) both .08s}@keyframes brand-pop{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:none}}@keyframes tagline-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes gradient-slide{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes text-glow{0%{text-shadow:0 8px 22px rgba(2,8,12,.55),0 1px 0 rgba(255,255,255,.02)}to{text-shadow:0 14px 36px rgba(2,8,12,.72),0 1px 0 rgba(255,255,255,.02)}}@media (prefers-reduced-motion: reduce){.brand,.tagline{animation:none;transition:none}.brand:hover{transform:none}}.brand{display:inline-flex}.brand .char{display:inline-block;will-change:transform,filter;animation:char-pulse 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * .14s);padding:0 1px;transform-origin:center}.brand .char{background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent));background-clip:text;-webkit-background-clip:text;color:transparent}@keyframes char-pulse{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.08);filter:brightness(1.12)}60%{transform:scale(1.03);filter:brightness(1.06)}to{transform:scale(1);filter:brightness(1)}}@media (prefers-reduced-motion: reduce){.brand .char{animation:none}}.cta{display:flex;gap:12px;justify-content:center}.btn{display:inline-block;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:600}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#042024;box-shadow:0 6px 22px #1e827838;transition:transform .18s ease,box-shadow .18s ease}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 18px 36px #1e827838}.btn.ghost{border:1px solid rgba(255,255,255,.08);color:var(--white);background:transparent;transition:background-color .15s ease,border-color .15s ease}.btn.ghost:hover{background:#ffffff05;border-color:#ffffff1f}.cta-wrap{position:relative;display:inline-block}.coming-soon{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,#02060cd9,#02080ca6);border-radius:999px;padding:6px 12px;pointer-events:none;z-index:5;box-shadow:0 6px 18px #02060c99}a[aria-disabled=true]{opacity:1;pointer-events:none;cursor:default}a[aria-disabled=true]:hover{transform:none}.section.content{padding:36px 20px;background:transparent;text-align:left}.section.content h2,.section.content h3{color:var(--white);margin-top:0}.footer{padding:20px;text-align:center;color:var(--muted)}.muted{color:var(--muted)}.grid{display:grid;gap:18px}.features-grid{grid-template-columns:repeat(3,1fr);margin-top:22px}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:12px;padding:18px;box-shadow:0 8px 30px #02060c99;text-align:left}.icon{font-size:28px;margin-bottom:8px}.section.cta-hero{padding:48px 20px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);text-align:center}@media (max-width:920px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.features-grid{grid-template-columns:1fr}}@media (max-width:520px){.brand{font-size:28px}.hero{min-height:48vh;padding:24px 0}.brand-row{flex-direction:column;gap:12px}}