:root{
  --gg-bg-start:#0ea5a3;
  --gg-bg-end:#065f46;
  --gg-accent:#facc15;
  --gg-surface:#0b1d1f;
  --gg-text:#0f172a;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--gg-text)}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.header{position:sticky;top:0;z-index:50;background:var(--gg-surface);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.05),0 6px 20px rgba(0,0,0,.2)}
.header .row{display:flex;align-items:center;justify-content:space-between;height:64px}
.header a{color:#fff;text-decoration:none;font-weight:600;opacity:.95}
.header nav a{margin:0 14px;opacity:.9}
.header nav a:hover{opacity:1}
.hero{background:radial-gradient(1200px 500px at 20% -10%, rgba(255,255,255,.25), transparent 60%),linear-gradient(135deg,var(--gg-bg-start),var(--gg-bg-end));color:#fff;padding:80px 0 64px}
.hero h1{line-height:1.05;margin:0 0 10px;font-weight:800;font-size:clamp(32px,5vw,64px);letter-spacing:-.02em;text-shadow:0 1px 0 rgba(0,0,0,.25)}
.hero .accent{color:var(--gg-accent)}
.hero .hero-sub{max-width:720px;font-size:clamp(16px,2vw,18px);opacity:.95}
.actions{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:12px;font-weight:700;text-decoration:none;transition:.15s transform ease}
.btn-primary{background:var(--gg-accent);color:#0b1d1f;box-shadow:0 6px 20px rgba(250,204,21,.35)}
.btn-ghost{color:#fff;border:2px solid rgba(255,255,255,.7);background:transparent}
.btn:hover{transform:translateY(-1px)}
.section{padding:56px 0}
.section-title{font-weight:800;font-size:clamp(28px,3.6vw,40px);text-align:center;color:#0f172a}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:28px}
.card{border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.card .pill{width:40px;height:40px;border-radius:12px;background:#d1fae5;margin-bottom:10px}
.footer{padding:40px 0;border-top:1px solid #e5e7eb}
.footer-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-nav a{color:#475569;text-decoration:none;margin-left:16px}
@media (max-width:768px){.header nav{display:none}}