:root{
  --fg:#1a1a1a; --bg:#fff; --muted:#6b6b6b; --border:#e5e5e5;
  --w: min(100%, 720px); --pad: clamp(20px, 4vw, 40px);
}
*{box-sizing:border-box}
body{margin:0; color:var(--fg); background:var(--bg);
  font:16px/1.6 -apple-system, system-ui, sans-serif;
  -webkit-font-smoothing:antialiased}
.wrap{width:var(--w); margin-inline:auto; padding:var(--pad)}
.header{border-bottom:1px solid var(--border); padding-top:24px; padding-bottom:20px}
.brand{display:flex; align-items:center; gap:12px; font-weight:600}
.logo{display:block}
.name{font-size:1rem; letter-spacing:0.01em}
.hero{padding-top:clamp(40px,8vh,80px); padding-bottom:20px}
h1{font-size:clamp(1.75rem, 4vw, 2.25rem); line-height:1.2; margin:0 0 12px 0; font-weight:700}
h2{font-size:0.8rem; text-transform:uppercase; letter-spacing:.08em; margin:36px 0 8px 0; color:var(--muted); font-weight:500}
.sub{color:var(--muted); margin:0; font-size:1.125rem}
.capabilities{margin:28px 0}
.capability-tags{display:flex; gap:12px; flex-wrap:wrap}
.tag{display:inline-block; padding:6px 14px; border:1px solid var(--border); border-radius:6px; font-size:0.9rem; color:var(--muted)}
.facts{margin:32px 0; font-size:1rem}
.facts-grid{color:var(--muted)}
.contact{margin:44px 0}
.contact a{color:var(--fg); text-underline-offset:3px}
.footer{border-top:1px solid var(--border); color:var(--muted); padding-top:20px; padding-bottom:32px; margin-top:60px; font-size:0.875rem}
@media (prefers-color-scheme: dark){
  :root{--fg:#e5e5e5; --bg:#0a0a0a; --muted:#999; --border:#2a2a2a}
}