:root{color-scheme:dark;--bg:#14171c;--card:#1c2027;--ink:#e6e8ec;--dim:#9aa3b2;--line:#2b313b;--soft:#232832;--brand:#22d3ee;--pass:#4cc27e;--work:#6c9bff;--block:#f0a630;--mono:ui-monospace, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.6 system-ui,Segoe UI,sans-serif}a{color:var(--brand)}img{max-width:100%;height:auto}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}header.site{border-bottom:1px solid var(--line);background:var(--card)}header.site .wrap{flex-wrap:wrap;align-items:center;gap:10px 22px;padding-top:12px;padding-bottom:12px;display:flex}.brand{color:var(--ink);letter-spacing:.06em;align-items:center;gap:10px;font-size:13px;line-height:1.05;text-decoration:none;display:inline-flex}.brand span{flex-direction:column;display:flex}.brand b{color:var(--brand)}header.site nav{flex-wrap:wrap;align-items:center;gap:6px 18px;margin-left:auto;font-size:15px;display:flex}header.site nav a{color:var(--ink);text-decoration:none}header.site nav a:hover,header.site nav a[aria-current=page]{color:var(--brand)}footer.site{border-top:1px solid var(--line);color:var(--dim);margin-top:64px;padding:24px 0 40px;font-size:14px}footer.site .wrap{flex-wrap:wrap;gap:8px 20px;display:flex}footer.site nav{flex-wrap:wrap;gap:8px 18px;display:flex}footer.site a{color:var(--dim)}.button{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:8px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}.button.primary{background:var(--brand);border-color:var(--brand);color:#0b1220}.button.small{padding:6px 12px;font-size:14px}.actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}main.wrap{padding-top:40px}h1{margin:0 0 14px;font-size:clamp(28px,5vw,44px);line-height:1.15}h2{margin:44px 0 12px;font-size:24px}h3{margin:0 0 8px;font-size:18px}.lead{color:var(--dim);max-width:680px;margin:0;font-size:19px}.dim{color:var(--dim)}.prose{max-width:760px}.prose li{margin:4px 0}.note{color:var(--dim);font-size:14px}.draft{border:1px solid var(--block);color:#f5d9a6;background:#2a2214;border-radius:8px;margin:0 0 24px;padding:12px 14px;font-size:15px}code,pre{font-family:var(--mono);font-size:14px}code{background:var(--soft);border-radius:4px;padding:1px 5px}pre{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px;overflow-x:auto}pre code{background:0 0;padding:0}.hero{padding:24px 0 8px}.shot{border:1px solid var(--line);border-radius:12px;margin-top:36px;display:block;overflow:hidden}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 18px 14px}.card p{color:var(--dim);margin:0 0 6px}ol.steps{max-width:760px;padding-left:22px}ol.steps li{margin:8px 0}.plans{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:28px;display:grid}.plan{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:22px;display:flex}.plan.featured{border-color:var(--brand)}.plan .price{margin:6px 0 0;font-size:36px;font-weight:700}.plan .price small{color:var(--dim);font-size:15px;font-weight:400}.plan ul{flex:1;margin:14px 0 18px;padding-left:20px}.plan li{margin:5px 0}.tag{letter-spacing:.04em;color:#0b1220;background:var(--brand);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 9px;font-size:12px;font-weight:700;display:inline-block}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}th{color:var(--dim);font-weight:600}.scroll{overflow-x:auto}
