:root{
  --bg:#0b1020;
  --fg:#0f172a;
  --ink:#0b1220;
  --muted:#475569;
  --accent1:#0ea5e9; /* sky */
  --accent2:#f472b6; /* fuchsia */
  --accent3:#8b5cf6; /* violet */
  --card:rgba(255,255,255,.68);
  --glass:blur(10px) saturate(120%);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.container{max-width:1120px;margin:0 auto;padding:0 24px}
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.75);backdrop-filter:var(--glass);border-bottom:1px solid rgba(2,6,23,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{font-weight:700;letter-spacing:-.02em}
.links a{opacity:.8;margin-left:18px;position:relative}
.links a:hover{opacity:1}
.links a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg,var(--accent1),var(--accent2));transform:scaleX(0);transform-origin:left;transition:.25s}
.links a:hover::after{transform:scaleX(1)}

.btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;padding:12px 18px;border-radius:16px;box-shadow:0 10px 22px rgba(0,0,0,.12)}
.btn-outline{border:1px solid rgba(2,6,23,.12);padding:10px 14px;border-radius:14px;background:#fff}
.btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(0,0,0,.16)}

.hero{position:relative;padding:80px 0}
.blobs::before,.blobs::after{content:"";position:absolute;z-index:-1;filter:blur(48px);border-radius:50%}
.blobs::before{width:260px;height:260px;left:-80px;top:-60px;background:rgba(14,165,233,.28)}
.blobs::after{width:320px;height:320px;right:-80px;bottom:-80px;background:rgba(139,92,246,.26)}

.h1{font-size:clamp(34px,5vw,64px);line-height:1.04;letter-spacing:-.02em;margin:0;background:linear-gradient(90deg,var(--accent1),var(--accent2),var(--accent3));-webkit-background-clip:text;background-clip:text;color:transparent}
.subtle{color:#475569}
.lead{margin-top:14px;font-size:18px;color:#334155;max-width:54ch}

.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(2,6,23,.12);background:rgba(2,6,23,.02);font-size:14px;color:#334155}
.pill+.pill{margin-left:8px}

.section{padding:68px 0}
.h2{font-size:26px;letter-spacing:-.01em;margin:0 0 8px}
.muted{color:#475569;max-width:70ch}

.grid{display:grid;gap:28px}
.grid-2{grid-template-columns:1fr}
@media(min-width:960px){.grid-2{grid-template-columns:1.1fr .9fr}}

.cards{display:grid;gap:20px;grid-template-columns:1fr}
@media(min-width:960px){.cards{grid-template-columns:repeat(3,1fr)}}

.card{background:var(--card);border:1px solid rgba(2,6,23,.08);border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);backdrop-filter:var(--glass)}
.card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.12)}

.table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid rgba(2,6,23,.08);border-radius:12px;overflow:hidden}
.table th,.table td{padding:12px 14px;border-top:1px solid rgba(2,6,23,.06);text-align:left}
.table thead{background:rgba(2,6,23,.04)}

.form input,.form textarea{width:100%;padding:12px 14px;border:1px solid rgba(2,6,23,.12);border-radius:12px;background:#fff}
.form label{font-size:14px;display:block;margin-bottom:6px;color:#334155}
.form .row{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:960px){.form .row{grid-template-columns:1fr 1fr}}

.bricks{display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}
.badge{display:inline-block;background:rgba(14,165,233,.14);color:#0c4a6e;padding:4px 10px;font-size:12px;border-radius:999px}

.footer{border-top:1px solid rgba(2,6,23,.08);padding:24px 0;color:#475569;font-size:14px}
.footer .links a{margin-left:16px;opacity:.85}
.footer .links a:hover{opacity:1}

.floating-cta{position:fixed;right:20px;bottom:20px;z-index:80;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;padding:12px 16px;border-radius:999px;box-shadow:0 18px 36px rgba(0,0,0,.16)}