/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Space+Grotesk:wght@400;600;700&display=swap');
:root{
  --brand-blue: #30767e;
  --brand-green: #5a8f2e;
  --ink: #0f172a;
}
*{box-sizing:border-box}
html,body{scroll-behavior:smooth}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink)}
.brand-grad{background:linear-gradient(135deg, color-mix(in srgb, var(--brand-green) 25%, white) 0%, color-mix(in srgb, var(--brand-blue) 25%, white) 40%, transparent 100%);}
.btn-brand{background:var(--brand-blue);color:#fff;border-radius:1rem;padding:.75rem 1.25rem;transition:transform .2s, box-shadow .2s;box-shadow:0 6px 18px rgba(48,118,126,.25)}
.btn-brand:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(48,118,126,.35)}
.btn-outline{border:1px solid var(--brand-blue);color:var(--brand-blue);border-radius:1rem;padding:.75rem 1.25rem;transition:all .2s}
.btn-outline:hover{background:color-mix(in srgb, var(--brand-blue) 10%, #fff)}
.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border:1px solid rgba(15,23,42,.08)}
.stat-card{transition:transform .2s, box-shadow .2s;border-radius:1rem;border:1px solid rgba(15,23,42,.08)}
.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 26px rgba(0,0,0,.08)}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease, transform .6s ease}
.reveal.in{opacity:1;transform:none}
.nav-scrolled{background:rgba(255,255,255,.8)!important;backdrop-filter:blur(8px)!important;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.hero-spotlight{position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 300px at var(--mx,50%) var(--my,40%), rgba(255,255,255,.9), transparent 60%)}
.cursor-dot, .cursor-outline{position:fixed;top:0;left:0;pointer-events:none;z-index:50;transform:translate(-50%,-50%)}
.cursor-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-blue)}
.cursor-outline{width:36px;height:36px;border-radius:50%;border:1px solid color-mix(in srgb, var(--brand-blue) 60%, white)}
.magnetic{display:inline-block}
.footer-grad{background:linear-gradient(180deg, rgba(48,118,126,.08), transparent)}