:root{
  --bg:#0B1120;
  --surface:#0F172A;
  --text:#E2E8F0;
  --muted:#93C5FD;
  --primary:#0F766E;
  --secondary:#A78BFA;
  --accent:#34D399;
  --white:#ffffff;
  --card: color-mix(in srgb, var(--surface) 85%, var(--white) 15%);
  --shadow:0 12px 32px rgba(0,0,0,.25);
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{background:radial-gradient(1200px 700px at 10% -10%, color-mix(in srgb, var(--primary) 12%, #000 88%), transparent), var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Inter,Arial,sans-serif}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
.container{width:min(1120px,92%);margin:0 auto}
.grid-2{display:grid;gap:28px;grid-template-columns:1fr}
@media(min-width:900px){.grid-2{grid-template-columns:1.2fr .8fr}}
.center{text-align:center} .narrow{max-width:720px;margin:60px auto}
.btn,.btn-alt{display:inline-block;padding:12px 18px;border-radius:14px;font-weight:700;box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease, filter .2s ease}
.btn{background:linear-gradient(135deg, var(--accent), var(--primary));color:#fff;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--accent) 40%, transparent))}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(0,0,0,.35)}
.btn-alt{background:linear-gradient(135deg, var(--secondary), var(--accent));color:#101114}
.link{font-weight:600}
.card{background:var(--card);backdrop-filter: blur(10px);border:1px solid color-mix(in srgb, var(--white) 10%, #000 90%);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.card.hover-float{transition:transform .18s ease, box-shadow .18s ease}
.card.hover-float:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.neo{box-shadow: inset 6px 6px 14px rgba(0,0,0,.35), inset -6px -6px 14px rgba(255,255,255,.04)}
.page-head{margin:28px 0 12px} .page-cta{margin:28px 0 60px}
ul.benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0 0 0 18px}
.form label{display:block;margin:10px 0}
.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid #2A2F3A;background:#0F1220;color:var(--text);border-radius:10px;outline:none}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.form .check{display:flex;gap:8px;align-items:flex-start}
.hero{position:relative;overflow:hidden;color:#fff;padding:80px 0;background:conic-gradient(from 210deg at 20% 20%, color-mix(in srgb, var(--primary) 40%, transparent) 0deg, transparent 120deg), radial-gradient(900px 500px at 80% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent), var(--surface)}
.hero .accent{background: linear-gradient(90deg, var(--accent), var(--secondary)); -webkit-background-clip:text; background-clip:text; color:transparent}
.hero-inner{display:grid;gap:26px;grid-template-columns:1fr} .hero .cta{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}
@media(min-width:980px){.hero-inner{grid-template-columns:1.1fr .9fr}}
.bg-blob{position:absolute;filter: blur(50px);opacity:.5;mix-blend-mode:screen;pointer-events:none}
.blob-1{width:420px;height:420px;border-radius:50%;background: radial-gradient(circle at 30% 30%, var(--accent), transparent 60%);top:-60px;right:-120px}
.blob-2{width:380px;height:380px;border-radius:50%;background: radial-gradient(circle at 70% 70%, var(--secondary), transparent 60%);bottom:-80px;left:-120px}
.wave-sep{height:40px;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 30%, transparent), transparent)}
.highlights .kpis{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
.kpi strong{font-size:28px;display:block;color:var(--accent)}
.site-footer{background:#0B0E16;color:#cbd5e1;padding:26px 0;margin-top:60px;border-top:1px solid #1F2430}
.site-footer a{color:#9fb6ff}
.site-footer .right{text-align:left;margin-top:10px}
@media(min-width:860px){.site-footer .right{text-align:right}}