:root{
  --bg:#0b0b0c;
  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.7);
  --border:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
.wrap{max-width:1100px;margin:0 auto;padding:32px}
.nav{display:flex;align-items:center;padding:22px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}
.dot{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,0.06)}
.hero{padding:60px 0 30px}
h1{font-size:56px;line-height:1.05;margin:0 0 14px;letter-spacing:-.03em}
.sub{max-width:620px;color:var(--muted);line-height:1.6;margin:0}
.section{padding:34px 0;border-top:1px solid var(--border)}
.lead{color:var(--muted);margin:0}
.footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}