:root{
  --bg:#0f1115; --bg2:#161922; --fg:#e6e8ee; --mut:#9aa2b4;
  --acc:#7aa2f7; --line:#252a36; --card:#141824;
}
@media (prefers-color-scheme: light){
  :root{ --bg:#f7f8fa; --bg2:#ffffff; --fg:#1b1f27; --mut:#5b6472;
         --acc:#2f5fd0; --line:#e2e6ee; --card:#ffffff; }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
.hero{
  background:linear-gradient(180deg,var(--bg2),var(--bg));
  border-bottom:1px solid var(--line); padding:64px 0 48px; margin-bottom:8px;
}
.kicker{margin:0 0 10px;color:var(--acc);font-size:13px;letter-spacing:.14em;text-transform:uppercase}
h1{margin:0 0 16px;font-size:clamp(34px,7vw,54px);line-height:1.1;letter-spacing:-.02em}
.lead{margin:0;max-width:60ch;color:var(--mut);font-size:clamp(16px,2.4vw,19px)}
main section{padding:34px 0;border-bottom:1px solid var(--line)}
main section:last-child{border-bottom:0}
h2{font-size:22px;margin:0 0 14px;letter-spacing:-.01em}
h3{font-size:16px;margin:0 0 8px}
p{margin:0 0 12px}
code{
  background:var(--card);border:1px solid var(--line);border-radius:5px;
  padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;
}
a{color:var(--acc)}
a:hover{text-decoration:none}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.card p{margin:0;color:var(--mut);font-size:14.5px}
ul.ticks,ul.links{list-style:none;padding:0;margin:0}
ul.ticks li,ul.links li{padding:7px 0 7px 26px;position:relative;color:var(--mut)}
ul.ticks li::before,ul.links li::before{
  content:"";position:absolute;left:6px;top:16px;width:6px;height:6px;
  border-radius:50%;background:var(--acc);
}
ul.ticks strong,ul.links a{color:var(--fg)}
ol.steps{margin:0;padding-left:22px;color:var(--mut)}
ol.steps li{margin:8px 0}
.note{margin-top:14px;color:var(--mut);font-size:14.5px;border-left:2px solid var(--acc);padding-left:12px}
.faq{margin:0}
.faq dt{font-weight:600;margin-top:14px}
.faq dd{margin:6px 0 0;color:var(--mut)}
footer{padding:28px 20px 46px;color:var(--mut);font-size:13.5px}
footer p{margin:0 0 8px}
.tiny{font-size:12.5px;opacity:.8}
.host{color:var(--fg)}