:root{--ink:#15131a;--muted:#746d7b;--line:#dfd9e3;--paper:#f7f4f0;--panel:#fffdfa;--violet:#6f4bf2;--lime:#c9f05a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif}a{color:inherit}.shell{max-width:1240px;margin:auto;padding:28px 32px}nav,footer{display:flex;justify-content:space-between;align-items:center;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:500}.mark{display:grid;place-items:center;background:var(--ink);color:var(--lime);width:32px;height:32px;border-radius:9px;font-size:10px}.nav-note{color:var(--muted)}.hero{padding:112px 0 82px;max-width:820px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.14em;color:var(--violet);margin-bottom:20px}.hero h1{font-size:clamp(54px,8vw,104px);line-height:.92;letter-spacing:-.075em;margin:0 0 28px;font-weight:600}.hero h1 em{font-style:normal;color:var(--violet)}.lede{max-width:650px;color:var(--muted);font-size:19px;line-height:1.55}.actions,.output-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.button{border:1px solid var(--ink);padding:13px 17px;border-radius:999px;text-decoration:none;font:500 12px 'DM Mono',monospace;background:transparent;cursor:pointer}.button.primary{background:var(--ink);color:white}.button.ghost{border-color:var(--line)}.workbench{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;font:500 11px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px}.status{color:#5a7c00;background:#effacb;border-radius:999px;padding:7px 9px;font-size:9px}.form-panel label{display:block;font:500 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}textarea,input,select{width:100%;margin-top:8px;border:1px solid var(--line);background:#faf8f5;border-radius:10px;padding:12px 13px;color:var(--ink);font:14px 'Space Grotesk',sans-serif;outline:none}textarea:focus,input:focus,select:focus{border-color:var(--violet)}textarea{resize:vertical}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:1fr 1fr 1fr}.check{display:flex!important;align-items:center;gap:8px;color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important}.check input{width:auto;margin:0;accent-color:var(--violet)}.copy{border:0;background:none;color:var(--violet);font:500 11px 'DM Mono',monospace;text-transform:uppercase;cursor:pointer}.code-wrap{min-height:300px;background:#1b1820;border-radius:12px;padding:20px;overflow:auto}.code-wrap pre{white-space:pre-wrap;color:#d9ff85;font:12px/1.65 'DM Mono',monospace;margin:0}.notes{margin-top:28px;display:grid;gap:16px}.notes div{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:13px;line-height:1.4}.notes b{font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.notes span{color:var(--muted)}.lower{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:120px 0 90px}.lower h2{font-size:clamp(32px,4vw,54px);line-height:.98;letter-spacing:-.06em;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article{border-top:2px solid var(--ink);padding-top:15px}.card-num{font:500 11px 'DM Mono',monospace;color:var(--violet)}h3{font-size:20px;letter-spacing:-.04em;margin:24px 0 10px}.cards p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 18px}.cards a{font:500 11px 'DM Mono',monospace;color:var(--violet);text-decoration:none}footer{border-top:1px solid var(--line);padding:20px 0;color:var(--muted)}@media(max-width:800px){.shell{padding:20px}.nav-note{display:none}.hero{padding:80px 0 60px}.workbench,.lower{grid-template-columns:1fr}.lower{padding:80px 0}.cards{grid-template-columns:1fr}.notes div{grid-template-columns:1fr;gap:5px}}