:root { --ink:#10110f; --paper:#f0f0e9; --acid:#d5ff39; --muted:#62645e; --line:rgba(16,17,15,.18); --max:1040px; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.58 Arial,sans-serif; }
a { color:inherit; text-underline-offset:4px; }
.shell { width:min(calc(100% - 40px),var(--max)); margin:auto; }
.top { display:flex; justify-content:space-between; align-items:center; min-height:76px; border-bottom:1px solid var(--line); }
.brand { font-weight:800; font-size:21px; letter-spacing:-.08em; text-decoration:none; }
.brand i { color:#819c0c; font-style:normal; }
.back { font-size:13px; font-weight:700; }
.hero { padding:94px 0 68px; border-bottom:1px solid var(--line); }
.eyebrow { margin:0 0 22px; color:var(--muted); font:11px ui-monospace,"Courier New",monospace; letter-spacing:.08em; }
.hero h1 { max-width:840px; margin:0; font-size:clamp(44px,7vw,82px); line-height:.94; letter-spacing:-.075em; }
.lead { max-width:690px; margin:28px 0 0; font-size:20px; line-height:1.48; }
.button { display:inline-flex; margin-top:32px; padding:15px 19px; background:var(--ink); color:var(--acid); font-weight:800; text-decoration:none; }
.section { padding:66px 0; border-bottom:1px solid var(--line); }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.card { padding:20px; background:#e4e5dc; }
.card b { display:block; margin-bottom:9px; font-size:18px; }
.card p,.section p { margin:0; color:#3d3f3a; }
.section h2 { max-width:780px; margin:0 0 28px; font-size:clamp(30px,4vw,50px); line-height:1; letter-spacing:-.06em; }
.steps { margin:0; padding:0; list-style:none; counter-reset:step; }
.steps li { display:grid; grid-template-columns:58px 1fr; gap:16px; padding:18px 0; border-top:1px solid var(--line); }
.steps li::before { counter-increment:step; content:"0" counter(step); color:#819c0c; font:13px ui-monospace,"Courier New",monospace; }
.steps strong { display:block; margin-bottom:4px; }
.faq details { padding:18px 0; border-top:1px solid var(--line); }
.faq summary { cursor:pointer; font-weight:800; }
.faq p { margin:10px 0 0; max-width:780px; }
.related { display:flex; flex-wrap:wrap; gap:12px; }
.related a { padding:10px 12px; border:1px solid var(--ink); font-size:13px; font-weight:700; text-decoration:none; }
.footer { padding:36px 0; color:var(--muted); font-size:13px; }
@media (max-width:700px) {
  .grid { grid-template-columns:1fr; }
  .hero { padding:60px 0 48px; }
  .lead { font-size:17px; }
  .top { min-height:64px; }
  .shell { width:min(calc(100% - 28px),var(--max)); }
}