:root{--ink:#111513;--paper:#f1eee7;--muted:#716f68;--line:#d4d0c6;--acid:#c8ee65;--red:#c7543d;--white:#fcfbf7}*{box-sizing:border-box}html{background:var(--ink);color:var(--ink);font-family:Manrope,system-ui,sans-serif}body{margin:0;min-height:100vh;background:var(--paper);overflow-x:hidden}.grain{position:fixed;inset:0;opacity:.08;pointer-events:none;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--acid);font:500 12px 'DM Mono',monospace;letter-spacing:-1px}.brand strong,.brand small{display:block}.brand strong{font-size:13px;letter-spacing:.02em}.brand small,.connection,.eyebrow,.panel-index,.route-label,.field>b,.field>span b,.result-grid small,footer{font:500 10px 'DM Mono',monospace;letter-spacing:.13em}.brand small{color:var(--muted);font-size:8px;margin-top:3px}.connection{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:9px}.connection i,.route-dot{width:7px;height:7px;background:var(--acid);display:inline-block;border-radius:50%;box-shadow:0 0 0 4px rgba(200,238,101,.18)}.connection.off i{background:var(--red);box-shadow:0 0 0 4px rgba(199,84,61,.14)}.shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,600px);gap:clamp(42px,8vw,140px);max-width:1360px;margin:0 auto;padding:clamp(62px,9vw,128px) clamp(24px,5vw,76px) 86px}.intro{max-width:610px}.eyebrow{color:var(--muted);margin:0 0 27px}.intro h1{font-size:clamp(42px,5vw,75px);line-height:1.06;letter-spacing:-.065em;margin:0 0 27px;font-weight:700}.intro h1 em{font-style:normal;color:#7a8d43}.lede{max-width:400px;color:var(--muted);line-height:1.8;font-size:14px;margin:0 0 52px}.route-card{position:relative;padding:17px 20px;border:1px solid var(--line);max-width:465px;background:rgba(255,255,255,.25)}.route-label{display:block;color:var(--muted);font-size:8px;margin-bottom:8px}.route-card code{font:11px 'DM Mono',monospace}.route-dot{position:absolute;right:18px;top:19px}.notes{display:flex;gap:28px;margin-top:65px}.notes>div{display:flex;gap:11px;color:var(--muted);font:11px/1.5 'DM Mono',monospace}.notes b{color:var(--ink);font-size:12px}.notes small{color:#99958c;font-size:9px}.panel{align-self:start;background:var(--white);border:1px solid var(--line);box-shadow:14px 14px 0 rgba(17,21,19,.06);padding:32px 34px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:27px}.panel-index{color:var(--muted);font-size:9px}.panel h2{font-size:26px;letter-spacing:-.04em;margin:9px 0 0}.required{font:10px 'DM Mono',monospace;color:var(--muted);display:flex;align-items:center;gap:7px}.required i{width:6px;height:6px;background:var(--acid);border-radius:50%}.field{display:block;margin-bottom:24px}.field>span{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}.field>span b{font-size:10px}.field>span small{color:var(--muted);font-size:10px}.field>span i{font:normal 8px 'DM Mono',monospace;color:#a39f95;margin-left:5px}.field input{width:100%;height:48px;border:1px solid var(--line);background:#f7f5f0;padding:0 14px;color:var(--ink);outline:none;font:12px 'DM Mono',monospace;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--ink);box-shadow:3px 3px 0 var(--acid)}.input-wrap{position:relative}.input-wrap input{padding-right:64px}.reveal{position:absolute;right:11px;top:12px;border:0;background:none;font:9px 'DM Mono',monospace;color:var(--muted);cursor:pointer}.hint{display:block;color:#99958c;font-size:9px;line-height:1.5;margin-top:7px}.confirm-row{border-top:1px solid var(--line);padding-top:25px;margin-top:32px;display:flex;gap:18px;align-items:center;justify-content:space-between}.check{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:10px;line-height:1.45;cursor:pointer;max-width:220px}.check input{position:absolute;opacity:0}.checkmark{width:17px;height:17px;border:1px solid var(--line);flex:0 0 17px;position:relative;background:#f7f5f0}.check input:checked+.checkmark{background:var(--ink);border-color:var(--ink)}.check input:checked+.checkmark:after{content:'✓';position:absolute;color:var(--acid);font:bold 12px Manrope;left:3px;top:0}.submit{border:0;background:var(--ink);color:var(--white);height:48px;min-width:143px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font:600 11px Manrope;transition:background .2s,transform .2s}.submit:hover{background:#344139;transform:translateY(-2px)}.submit:disabled{opacity:.5;cursor:wait;transform:none}.submit svg{width:18px;fill:none;stroke:var(--acid);stroke-width:1.5}.status{display:none;margin-top:20px;padding:12px 14px;font:11px/1.5 'DM Mono',monospace;background:#f5ece8;color:var(--red)}.status.show{display:block}.status.ok{background:#eef4dc;color:#5d7128}.result-wrap{background:var(--ink);color:var(--white);padding:70px clamp(24px,5vw,76px)}.result{max-width:1208px;margin:auto}.result-head{display:flex;justify-content:space-between;align-items:center}.result-head .panel-index{color:#979d93}.result-head button{background:none;border:0;color:#979d93;font:10px 'DM Mono',monospace;cursor:pointer}.result-banner{border-left:3px solid var(--acid);padding:18px 20px;margin:28px 0;font-size:16px}.result-banner.fail{border-color:var(--red)}.result-grid{display:grid;grid-template-columns:150px 180px 1fr;border-top:1px solid #333a34;border-bottom:1px solid #333a34;padding:22px 0;margin-bottom:22px;gap:20px}.result-grid small{color:#818a80;display:block;margin-bottom:8px}.result-grid strong,.result-grid code{font:500 14px 'DM Mono',monospace}.result-grid code{color:#b7c0b5;word-break:break-all}.result pre{margin:0;white-space:pre-wrap;word-break:break-word;color:#cad2c6;background:#171c19;border:1px solid #2f3730;padding:20px;font:12px/1.7 'DM Mono',monospace;max-height:380px;overflow:auto}.result-note{color:#727b72;font:10px 'DM Mono',monospace}footer{display:flex;justify-content:space-between;padding:20px clamp(24px,5vw,76px);background:var(--ink);color:#687268;font-size:8px;border-top:1px solid #2c332e}@media(max-width:900px){.shell{grid-template-columns:1fr;gap:58px;padding-top:57px}.intro{max-width:620px}.notes{margin-top:44px}.panel{max-width:620px;width:100%}}@media(max-width:560px){.topbar{height:70px;padding:0 20px}.connection span{display:none}.shell{padding:45px 20px 64px}.intro h1{font-size:43px}.lede{font-size:13px;margin-bottom:35px}.notes{gap:14px;justify-content:space-between}.notes>div{font-size:9px;gap:6px}.route-card{overflow:hidden}.route-card code{font-size:9px}.panel{padding:24px 20px;box-shadow:7px 7px 0 rgba(17,21,19,.06)}.panel-head{margin-bottom:24px}.field>span{display:block}.field>span small{display:block;margin-top:4px}.confirm-row{display:block}.check{max-width:none;margin-bottom:18px}.submit{width:100%}.result-wrap{padding:46px 20px}.result-grid{grid-template-columns:1fr 1fr}.result-grid>div:last-child{grid-column:1/-1}footer{padding:17px 20px;display:block;line-height:2}.notes small{display:none}}