:root{
  --bg:#fbfbfd; --surface:#ffffff; --ink:#1d1d22; --muted:#6b6b73;
  --line:#e8e8ee; --accent:#3b5bff; --radius:16px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
.site-header{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  max-width:760px; margin:0 auto; padding:20px 22px;
}
.wordmark{font-weight:700; color:var(--ink); letter-spacing:-.01em}
.site-nav a{margin-left:16px; color:var(--muted); font-size:15px}
.doc{
  max-width:760px; margin:8px auto 56px; padding:28px 22px 40px;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
}
.doc h1{font-size:28px; line-height:1.2; letter-spacing:-.02em; margin:.2em 0 .8em}
.doc h2{font-size:19px; margin:1.8em 0 .5em; letter-spacing:-.01em}
.doc p{margin:.7em 0; color:#2c2c33}
.doc ul{margin:.6em 0 1em; padding-left:1.25em}
.doc li{margin:.3em 0; color:#2c2c33}
.doc hr{border:none; border-top:1px solid var(--line); margin:2em 0}
.lede{font-size:18px; color:var(--muted); max-width:60ch}
.home{max-width:760px; margin:0 auto; padding:8px 22px 40px}
.hero{padding:24px 0 8px}
.hero h1{font-size:32px; line-height:1.15; letter-spacing:-.02em; margin:.2em 0 .5em}
.features{display:grid; gap:14px; margin:28px 0}
@media(min-width:560px){.features{grid-template-columns:1fr 1fr}}
.feature{
  padding:20px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface);
}
.feature h2{margin:0 0 6px; font-size:17px; letter-spacing:-.01em}
.feature p{margin:0; color:var(--muted); font-size:15px}
.promise{margin:28px 0 8px}
.promise p{font-size:18px; color:var(--ink); max-width:60ch}
.cards{display:grid; gap:14px; margin-top:24px}
@media(min-width:560px){.cards{grid-template-columns:1fr 1fr 1fr}}
.card{
  display:block; padding:20px; border:1px solid var(--line); border-radius:var(--radius);
  background:var(--bg); color:inherit;
}
.card:hover{border-color:var(--accent); text-decoration:none}
.card h2{margin:0 0 6px; font-size:17px}
.card p{margin:0; color:var(--muted); font-size:15px}
.site-footer{
  max-width:760px; margin:0 auto; padding:0 22px 48px; color:var(--muted); font-size:14px;
}
.site-footer a{color:var(--muted)}