:root {
  --accent:#65dff0;
  --bg:#070a0f;
  --surface:#0d1118;
  --surface-2:#121822;
  --line:#273140;
  --line-soft:#1c2531;
  --text:#f2f5f8;
  --muted:#a4afbd;
  --dim:#6f7b8b;
}
* { box-sizing:border-box; }
html { color-scheme:dark; }
body {
  margin:0;
  color:var(--text);
  background:
    linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px),
    var(--bg);
  background-size:48px 48px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  line-height:1.65;
}
a { color:var(--accent); }
.siteHeader {
  border-bottom:1px solid var(--line-soft);
  background:rgba(7,10,15,.9);
}
.headerInner, .page, .siteFooter {
  width:min(900px,calc(100% - 32px));
  margin:auto;
}
.headerInner {
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.brand {
  display:flex;
  align-items:center;
  gap:11px;
  color:var(--text);
  text-decoration:none;
  font-weight:850;
}
.brandMark {
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#071116;
  background:var(--accent);
  font-weight:950;
}
.headerNav { display:flex; flex-wrap:wrap; gap:14px; }
.headerNav a { color:#cbd5df; font-size:13px; text-decoration:none; }
.headerNav a:hover { color:var(--accent); }
.page { padding:54px 0 70px; }
.eyebrow {
  color:var(--accent);
  font-size:11px;
  font-weight:850;
  letter-spacing:1.2px;
  text-transform:uppercase;
}
h1 { max-width:760px; margin:8px 0 14px; font-size:clamp(34px,6vw,58px); line-height:1.04; letter-spacing:-1.8px; }
h2 { margin:34px 0 10px; font-size:24px; line-height:1.25; }
h3 { margin:24px 0 8px; font-size:18px; }
p, li { color:var(--muted); }
.lead { max-width:760px; font-size:18px; color:#cbd5df; }
.cardGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:28px; }
.card {
  padding:20px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
}
.card h2, .card h3 { margin-top:0; }
.steps { counter-reset:step; list-style:none; padding:0; }
.steps li { position:relative; padding:0 0 20px 52px; }
.steps li::before {
  counter-increment:step;
  content:counter(step);
  position:absolute;
  left:0;
  top:1px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:8px;
  color:#071116;
  background:var(--accent);
  font-weight:900;
}
.notice {
  margin:26px 0;
  padding:17px 19px;
  border:1px solid var(--line);
  border-left:3px solid var(--accent);
  border-radius:8px;
  background:var(--surface-2);
  color:#cbd5df;
}
.cta {
  display:inline-block;
  margin-top:22px;
  padding:11px 16px;
  border-radius:8px;
  color:#071116;
  background:var(--accent);
  font-weight:850;
  text-decoration:none;
}
.siteFooter {
  padding:24px 0 38px;
  border-top:1px solid var(--line-soft);
  color:var(--dim);
  font-size:12px;
}
.siteFooter nav { display:flex; flex-wrap:wrap; gap:12px; margin-top:8px; }
.siteFooter a { color:#aeb9c7; text-decoration:none; }
ul { padding-left:22px; }
li + li { margin-top:8px; }
code { color:#d9f8fc; }
@media (max-width:700px) {
  .headerInner { align-items:flex-start; flex-direction:column; padding:16px 0; }
  .cardGrid { grid-template-columns:1fr; }
  .page { padding-top:38px; }
}