:root{
  --bg:#ffffff;--fg:#0b0b0c;--muted:#6b7280;--card:#ffffff;--border:#e5e7eb;
  --shadow:0 1px 2px rgba(0,0,0,0.04),0 8px 24px rgba(0,0,0,0.06);
  --radius:12px;--accent:#0f172a;--accent-fg:#fff;--link:#111827;--chip:#f3f4f6;
  --tag:#f1f5f9;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0b0c0f;--fg:#e5e7eb;--muted:#a3a3a3;--card:#111317;--border:#23262d;
    --shadow:none;--accent:#2563eb;--accent-fg:#fff;--link:#e5e7eb;--chip:#1a1d24;--tag:#111827;
  }
}

html,body{height:100%}
body{
  margin:0;background:var(--bg);color:var(--fg);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial,"Noto Sans";
  line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}

.container{max-width:1100px;margin:0 auto;padding:24px}
header.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.8);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border)}
@media (prefers-color-scheme: dark){header.nav{background:rgba(11,12,15,0.6)}}
.nav-inner{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 24px;max-width:1100px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px}
.brand .chip{border:1px solid var(--border);background:var(--chip);color:var(--fg);font-size:12px;padding:6px 10px;border-radius:999px}
.menu{display:flex;gap:18px;flex-wrap:wrap}
.menu a{color:var(--link);text-decoration:none;font-size:14px;padding:6px 4px}
.menu a:hover{opacity:.7}

h1{font-size:40px;letter-spacing:-0.02em;margin:24px 0 8px}
@media (min-width:720px){.hero h1{font-size:56px}}
h2{font-size:22px;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);margin:8px 0 18px}
h3{margin:0 0 10px}
h4{margin:0 0 6px;font-size:16px}
.lede{color:var(--muted);max-width:780px;margin:0 0 18px}
.small{font-size:14px}
.muted{color:var(--muted)}
.muted-up{letter-spacing:0.04em;text-transform:uppercase;color:var(--muted)}

.hero{padding:56px 0 24px}
.eyebrow{letter-spacing:0.18em;text-transform:uppercase;font-size:12px;color:var(--muted);margin-bottom:12px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{
  appearance:none;border:1px solid var(--border);background:var(--card);color:var(--fg);
  padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:var(--shadow);text-decoration:none;display:inline-block
}
.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:transparent}
.btn:active{transform:translateY(1px)}

.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.card h3{margin:0 0 10px;font-size:16px;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted)}
.card p{margin:0;color:var(--muted)}
.section{padding:36px 0 60px}

.grid{display:grid;gap:16px;grid-template-columns:1fr}
.grid-2{grid-template-columns:1fr}
@media (min-width:840px){.grid-2{grid-template-columns:1fr 1fr}}
.grid-3{grid-template-columns:1fr}
@media (min-width:840px){.grid-3{grid-template-columns:1fr 1fr 1fr}}

.hero-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
@media (min-width:960px){.hero-grid{grid-template-columns:1.2fr 0.8fr}}

.team-preview .member{display:flex;gap:14px;align-items:center}
.avatar{width:52px;height:52px;border-radius:10px;flex:0 0 auto;background:linear-gradient(135deg,#e5e7eb,#cbd5e1)}
@media (prefers-color-scheme: dark){.avatar{background:linear-gradient(135deg,#1f2430,#151923)}}

footer{border-top:1px solid var(--border);padding:24px;color:var(--muted);text-align:center}

/* utilities */
.mt-4{margin-top:4px}
.mt-10{margin-top:10px}
.mt-14{margin-top:14px}
.mt-18{margin-top:18px}
.mt-20{margin-top:20px}
.actions{margin-top:20px}
.divider{border:none;border-top:1px solid var(--border);margin:12px 0}

/* lists */
ul{margin:0 0 0 18px;padding:0}
li{margin:6px 0}