:root{--bg:#071014;--panel:#0d1b21;--line:#20353c;--text:#edf7f3;--muted:#94aca9;--mint:#9ff1c8;--amber:#f4c979;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,#12323a 0,#071014 38rem),var(--bg);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}.topbar{max-width:var(--max);margin:auto;padding:26px 28px;display:flex;justify-content:space-between;align-items:center}.brand{font:700 22px/1 Georgia,serif;letter-spacing:-.04em}.brand span{color:var(--mint)}nav{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:13px}nav a:hover{color:var(--text)}.button{display:inline-flex;gap:18px;align-items:center;background:var(--mint);border:0;border-radius:5px;color:#06120e;cursor:pointer;font-weight:800;padding:14px 18px}.button span{font-size:20px;line-height:.7}.button.small{padding:9px 12px;font-size:12px}.hero,.section{max-width:var(--max);margin:auto;padding:90px 28px}.hero{min-height:610px;padding-top:125px}.eyebrow{color:var(--amber);font:11px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em;text-transform:uppercase}.hero h1{font:600 clamp(3.2rem,8vw,6.8rem)/.95 Georgia,serif;letter-spacing:-.065em;max-width:850px;margin:28px 0}.lede{color:var(--muted);font-size:20px;max-width:670px;margin:0 0 30px}.status{color:var(--muted);font-size:12px;margin-top:24px}.status i{display:inline-block;width:7px;height:7px;background:var(--amber);border-radius:50%;margin-right:7px}.section{border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section h2{font:500 clamp(2.2rem,4vw,4rem)/1 Georgia,serif;letter-spacing:-.05em;margin:0;max-width:600px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.steps article{background:var(--bg);padding:24px;min-height:235px}.steps b{color:var(--amber);font:12px ui-monospace,monospace}.steps h3{font-size:18px;margin:55px 0 9px}.steps p,.workspace-copy>p{color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.workspace-copy h2{margin:20px 0}.signal{border-left:2px solid var(--mint);margin-top:40px;padding:10px 16px}.signal span{display:block;color:var(--amber);font:10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em}.signal strong{display:block;margin-top:7px}.panel{background:rgba(13,27,33,.88);border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 18px 60px #0004}label{display:block;color:var(--muted);font-size:12px;margin-bottom:18px}textarea,input{display:block;width:100%;margin-top:8px;background:#081419;color:var(--text);border:1px solid var(--line);border-radius:4px;font:inherit;padding:12px}textarea{min-height:112px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-note{font-size:12px;color:var(--muted);margin:16px 0 0}.record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.record{border-top:2px solid var(--mint);padding:16px;background:var(--panel);min-height:130px}.record span{color:var(--amber);font:10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.record strong{display:block;margin-top:36px;font-size:15px}footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:26px 28px 40px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}@media(max-width:800px){nav a:not(.button){display:none}.hero{padding-top:80px;min-height:520px}.steps,.record-grid{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr;gap:35px}.section-head{display:block}.section-head h2{margin-top:18px}}@media(max-width:500px){.topbar{padding:20px}.hero,.section{padding-left:20px;padding-right:20px}.hero h1{font-size:3.4rem}.steps,.record-grid,.form-grid{grid-template-columns:1fr}footer{display:block;padding-left:20px}footer span{display:block;margin-top:8px}}
.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:-4px 0 24px}.tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;padding:10px 12px}.tab.active{border-color:var(--mint);color:var(--text)}.tab-panel{display:none}.tab-panel.active{display:block}.result{border:1px solid var(--line);background:var(--panel);padding:26px;border-radius:8px}.result.empty{color:var(--muted)}.result-top{display:flex;justify-content:space-between;align-items:start}.result h3{font:26px Georgia,serif;margin:8px 0 20px}.score{color:var(--mint);font:44px Georgia,serif}.score small{font-size:16px;color:var(--muted)}.result-columns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:25px 0}.result-columns div{border-top:1px solid var(--line);padding-top:10px}.result-columns span{display:block;color:var(--amber);font:10px ui-monospace,monospace;text-transform:uppercase}.result-columns b,.result-columns a{display:block;margin-top:8px;overflow-wrap:anywhere}.download-row{display:flex;gap:10px}.button.ghost{background:transparent;border:1px solid var(--mint);color:var(--mint)}
.tutorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tutorial-card{background:var(--panel);border:1px solid var(--line);padding:22px;min-height:300px}.tutorial-card>b{color:var(--amber);font:10px ui-monospace,monospace;text-transform:uppercase}.tutorial-card h3{margin:24px 0 10px}.tutorial-card p,.tutorial-card li{color:var(--muted);font-size:14px}.tutorial-card ol{padding-left:20px}.tutorial-card li{margin-bottom:8px}.callout{border-left:2px solid var(--amber);padding-left:12px}.example{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.example>div{background:#061015;border:1px solid var(--line);padding:20px}.example pre{white-space:pre-wrap;color:var(--text);font:12px/1.6 ui-monospace,monospace;margin:12px 0 0}.tutorial .section-head{margin-bottom:28px}@media(max-width:800px){.tutorial-grid{grid-template-columns:1fr 1fr}.example{grid-template-columns:1fr}}@media(max-width:500px){.tutorial-grid{grid-template-columns:1fr}}