:root{
  --bg:#000; --surface:#1c1c1e; --surface2:#2c2c2e;
  --label:#f5f5f7; --label2:rgba(235,235,245,.62); --label3:rgba(235,235,245,.32);
  --orange:#ff9f0a; --green:#30d158; --hairline:rgba(255,255,255,.08);
  --td:-.022em; --tt:-.012em;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--label);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;
  font-size:17px; line-height:1.55; -webkit-font-smoothing:antialiased;
}
a{color:var(--orange); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:720px; margin:0 auto; padding:0 22px}
header.site{
  display:flex; align-items:center; gap:12px;
  padding:26px 0; border-bottom:1px solid var(--hairline);
}
header.site .logo{width:40px;height:40px;border-radius:11px}
header.site .nm{font-size:20px;font-weight:700;letter-spacing:var(--tt)}
header.site nav{margin-left:auto;display:flex;gap:22px;font-size:15px}
header.site nav a{color:var(--label2)}
footer.site{
  border-top:1px solid var(--hairline); margin-top:80px;
  padding:34px 0; color:var(--label3); font-size:13px;
  display:flex; gap:18px; flex-wrap:wrap; align-items:center;
}
footer.site a{color:var(--label2)}
h1{font-size:44px;font-weight:800;letter-spacing:var(--td);line-height:1.05;margin:54px 0 14px}
h1 .accent{color:var(--orange)}
h2{font-size:24px;font-weight:700;letter-spacing:var(--tt);margin:40px 0 12px}
p{margin:0 0 16px;color:var(--label)}
.lead{font-size:20px;color:var(--label2);margin-bottom:34px}
.muted{color:var(--label2)}
.small{font-size:13px;color:var(--label3)}
ul{margin:0 0 16px;padding-left:22px}
li{margin:6px 0;color:var(--label)}
.card{
  background:var(--surface); border-radius:20px; padding:26px 24px;
  margin:18px 0;
}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  height:52px;padding:0 26px;border-radius:14px;
  background:var(--orange);color:#1a1208;font-weight:700;font-size:16px;
  letter-spacing:var(--tt);
}
.btn:hover{text-decoration:none;opacity:.92}
.btn.ghost{background:var(--surface2);color:var(--label)}
.hero-row{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 10px}
.features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}
@media(max-width:560px){.features{grid-template-columns:1fr}h1{font-size:34px}}
.feat{background:var(--surface);border-radius:18px;padding:20px}
.feat .ic{font-size:26px}
.feat h3{font-size:17px;font-weight:600;margin:10px 0 4px;letter-spacing:var(--tt)}
.feat p{font-size:14px;color:var(--label2);margin:0}
.legal h2{font-size:19px}
.legal p,.legal li{font-size:15px;color:var(--label2)}
.toc{font-size:14px}