:root{--bone:#F7F5F0;--paper:#FFFFFF;--ink:#0B0B0C;--graphite:#2C2C31;--mist:#5B5B63;--line:#E6E2D9;--electric:#1D2DE0;--electric-soft:#EDEEFC;--ground:var(--bone);--surface:var(--paper);--text:var(--ink);--text-dim:var(--mist);--rule:var(--line);--accent:var(--electric);--accent-ink:#FFFFFF;--accent-wash:var(--electric-soft);--step:#0B0B0C;--step-text:#FFFFFF;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--maxw: 1040px}@media(prefers-color-scheme:dark){:root{--ground:#0B0B0C;--surface:#141417;--text:#F4F2EC;--text-dim:#9A9AA2;--rule:#26262c;--accent:#6B78F5;--accent-ink:#0B0B0C;--accent-wash:#191b30;--step:#F4F2EC;--step-text:#0B0B0C}}:root[data-theme=light]{--ground:var(--bone);--surface:var(--paper);--text:var(--ink);--text-dim:var(--mist);--rule:var(--line);--accent:var(--electric);--accent-ink:#FFFFFF;--accent-wash:var(--electric-soft);--step:#0B0B0C;--step-text:#FFFFFF}:root[data-theme=dark]{--ground:#0B0B0C;--surface:#141417;--text:#F4F2EC;--text-dim:#9A9AA2;--rule:#26262c;--accent:#6B78F5;--accent-ink:#0B0B0C;--accent-wash:#191b30;--step:#F4F2EC;--step-text:#0B0B0C}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--text);font-family:var(--sans);line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:26px 0;gap:16px}.brand{font-family:var(--mono);font-size:26px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none}.brand .dot{width:14px;height:14px;background:var(--accent);border-radius:50%;display:inline-block}.navlinks{display:flex;gap:26px;font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;align-items:center}.navlinks a{color:var(--text-dim);text-decoration:none}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--text)}@media(max-width:640px){.hide-sm{display:none}}section{padding:72px 0 88px}.eyebrow{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin:0 0 20px}h1{font-size:clamp(34px,6vw,64px);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:0;text-wrap:balance}h1 .accent{color:var(--accent)}.lead{font-size:clamp(17px,2vw,21px);color:var(--text-dim);max-width:60ch;margin:22px 0 0}.hero{text-align:center}.hero .lead{margin-left:auto;margin-right:auto}.scanner{max-width:640px;margin:44px auto 0}.scanner-row{display:flex;gap:12px;flex-wrap:wrap}.scanner-input{flex:1 1 320px;min-width:0;font-family:var(--sans);font-size:16px;padding:15px 18px;border-radius:2px;border:1px solid var(--rule);background:var(--surface);color:var(--text)}.scanner-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scanner-output{margin-top:28px;text-align:left;background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:20px;font-family:var(--mono);font-size:12.5px;line-height:1.55;color:var(--text);overflow-x:auto;max-height:60vh;overflow-y:auto}.note{font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:24px 0 0}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:650;font-size:15px;padding:15px 26px;border-radius:2px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--text)}.btn-ghost:hover{background:var(--text);color:var(--ground);transform:translateY(-2px)}footer{border-top:1px solid var(--rule);padding:34px 0;margin-top:24px}.foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.foot-brand{font-size:15px;font-weight:700;color:var(--text)}.foot a{color:var(--text-dim);text-decoration:none}.foot a:hover{color:var(--text)}.foot .links{display:flex;gap:20px;flex-wrap:wrap}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}