:root{
  --bg:#ffffff; --surface:#f9fafb; --card:#ffffff; --text:#0b1220; --muted:#5b6472;
  --brand:#3b82f6; --brand-2:#8b5cf6; --accent:#111827;
  --border:#e5e7eb; --container:1180px; --r:16px; --shadow:0 8px 30px rgba(2,6,23,.06);
  --font: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans";
}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);}
a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block;border-radius:var(--r)}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}
.row{display:flex;gap:8px;flex-wrap:nowrap} .between{justify-content:space-between} .center-y{align-items:center} .wrap{flex-wrap:wrap}
.grid{display:grid} .cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .cols-3{grid-template-columns:repeat(3,minmax(0,1fr))} .cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gap-12{gap:12px} .gap-24{gap:24px} .gap-32{gap:32px}
.py-12{padding-block:12px} .py-16{padding-block:16px} .py-24{padding-block:24px} .py-48{padding-block:48px} .py-56{padding-block:56px} .py-64{padding-block:64px}
.mt-8{margin-top:8px} .mt-12{margin-top:12px} .mt-16{margin-top:16px} .mt-24{margin-top:24px} .mt-48{margin-top:48px}
.lead{font-size:1.12rem;color:var(--muted)}
.border-top{border-top:1px solid var(--border)}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(8px);z-index:50;border-bottom:1px solid var(--border)}
.logo{width:36px;height:36px}
.brand-name{font-weight:700;letter-spacing:.2px}
.main-nav{display:flex;gap:16px;align-items:center}
.nav-link{padding:10px 12px;border-radius:10px;color:var(--text)} .nav-link:hover{background:#eef2ff}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);box-shadow:var(--shadow)}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border:none;color:white}
.btn-ghost{background:#f3f4f6}
.site-main{min-height:60vh}
.site-footer{background:#fafafa;margin-top:64px}
.hero-light{background: radial-gradient(1200px 600px at 20% -20%, #eff6ff 0%, transparent 60%), radial-gradient(1200px 600px at 80% 0%, #f5f3ff 0%, transparent 60%);}
.card{background:var(--card);padding:20px;border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow)}
.card-media img{aspect-ratio:16/9;object-fit:cover}
.card-person img{aspect-ratio:1/1;object-fit:cover;margin-bottom:12px}
.bullets{list-style:none;padding-left:0} .bullets li{position:relative;padding-left:18px;margin:6px 0}
.bullets li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:999px;background:var(--brand)}
.icon-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:#fff}
.icon-link img{width:18px;height:18px;filter:invert(15%) sepia(8%) saturate(600%) hue-rotate(180deg) brightness(95%) contrast(86%)}
h1{font-size:3rem;line-height:1.1;margin:0 0 10px} h2{font-size:2rem;margin:0} h3{font-size:1.25rem;margin:0}
@media (max-width:900px){ .cols-2,.cols-3,.cols-4{grid-template-columns:1fr} h1{font-size:2.25rem} }