:root{
  --onyx:#0E0F12;         /* deep black-blue */
  --porcelain:#F4F6F8;    /* soft off-white */
  --electric:#5AB8FF;     /* electric sky */
  --ember:#FF6A3D;        /* CTA accent */
  --ink:#1a1d22;          /* card bg */
  --muted:#A7B0BD;        /* subtext */
  --radius:22px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}
html,body{height:100%;}
body{margin:0;background:radial-gradient(1200px 800px at 70% -10%,rgba(90,184,255,.12),transparent 60%),linear-gradient(180deg, var(--onyx), #0a0b0e 60%);color:var(--porcelain);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:28px 20px}

/* Header */
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.5px}
.logo{width:36px;height:36px;border-radius:50%;background:conic-gradient(from 180deg,var(--electric),#86e1ff 40%,transparent 40% 60%, var(--ember));box-shadow:0 0 20px rgba(90,184,255,.35)}
.menu{display:flex;gap:18px;flex-wrap:wrap}
.menu a{opacity:.9}
.cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--ember),#ff9668);padding:12px 18px;border-radius:999px;font-weight:700;box-shadow:var(--shadow)}

/* Hero */
.hero{padding:90px 0 40px;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
.h-eyebrow{color:var(--electric);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:.85rem}
.h-title{font-family:"Playfair Display",serif;font-weight:800;font-size:clamp(36px,5vw,68px);line-height:1.05;margin:.2em 0 .4em}
.h-copy{color:var(--muted);font-size:1.05rem}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;font-weight:700;border:1px solid rgba(255,255,255,.08);background:#11161d}
.btn.primary{background:linear-gradient(135deg,var(--electric),#bfe6ff);color:#04121d}
.btn:hover{transform:translateY(-1px)}

.card{background:linear-gradient(180deg,#12151b, #0e1117);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);box-shadow:var(--shadow)}
.card p{color:#c7d0db}

.panel{padding:24px}
.glow{position:relative}
.glow:before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius)+2px);background:linear-gradient(135deg,rgba(90,184,255,.4),rgba(255,106,61,.35));filter:blur(20px);z-index:-1;opacity:.35}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:980px){.hero{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}}

/* Sections */
section{padding:56px 0}
.section-title{font-family:"Playfair Display",serif;font-size:clamp(24px,3.2vw,38px);margin:0 0 10px}
.section-kicker{color:var(--electric);text-transform:uppercase;font-weight:700;letter-spacing:.2em;font-size:.8rem}
.section-copy{color:#c5ceda;max-width:72ch}

/* Footer */
footer{border-top:1px solid rgba(255,255,255,.08);padding:30px 0;color:#9aa7b5;font-size:.95rem}

/* Utility */
.muted{color:var(--muted)}
.chip{display:inline-flex;gap:8px;align-items:center;background:rgba(90,184,255,.08);border:1px solid rgba(90,184,255,.22);color:#bfe6ff;padding:8px 12px;border-radius:999px;font-size:.85rem}
.spacer{height:24px}

/* Smooth fade-in */
[data-animate]{opacity:0;transform:translateY(10px);transition:.6s ease}
[data-animate].in{opacity:1;transform:none}