*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f6f3;--ink:#111;--muted:#666;--rule:#ddd;--c-ms:#2196F3;--c-ph:#9C27B0;--c-pt:#E91E63;--c-un:#00ACC1;--c-ng:#4CAF50;--c-ps:#FF9800;--c-db:#795548;--c-ig:#607D8B;--c-ac:#D32F2F;--c-re:#9E9E9E;--c-ro:#BDBDBD;--c-us:#B71C1C;--c-mid:#F9A825}html{scroll-behavior:smooth}body{font-family:Georgia,serif;background:var(--bg);color:var(--ink);line-height:1.7}a{color:inherit}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0d0d;color:#f0f0f0;padding:60px 24px}.hero-inner{max-width:660px}.kicker{font-family:Courier New,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#777;margin-bottom:20px}.hero h1{font-size:clamp(30px,5vw,52px);font-weight:400;line-height:1.2;margin-bottom:22px}.hero p{font-size:19px;color:#bbb;margin-bottom:14px;line-height:1.6}.hero .byline{font-family:Courier New,monospace;font-size:12px;color:#555;margin-top:32px}.scrolly{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media (max-width:800px){.scrolly{grid-template-columns:1fr}}.viz-panel{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--rule);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:12px 8px 0}#net-svg{width:100%;flex:1;min-height:0}.metric-strip{width:100%;padding:8px 16px 10px;border-top:1px solid #eee;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;transition:opacity .4s}.metric-cell{text-align:center}.metric-label{font-family:Courier New,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#aaa;display:block}.metric-val{font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#333;display:block;transition:color .4s}.metric-val.alert{color:#b71c1c}.metric-bar-wrap{height:4px;background:#eee;border-radius:2px;margin-top:3px}.metric-bar{height:4px;border-radius:2px;background:#aaa;transition:width .6s ease}.metric-bar.alert{background:#b71c1c}.step{min-height:100vh;display:flex;align-items:center;padding:70px 44px}.step-inner{max-width:400px}.step-n{font-family:Courier New,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.step h2{font-size:22px;font-weight:400;line-height:1.35;margin-bottom:14px}.step p{font-size:15.5px;color:#333;line-height:1.75;margin-bottom:11px}.mbox{font-family:Courier New,monospace;font-size:12px;background:#f5f5f5;border-left:3px solid #ccc;padding:10px 14px;margin:12px 0;color:#444;line-height:1.9}.mbox.red{border-left-color:#b71c1c}.mbox.grn{border-left-color:#2e7d32}em{font-style:italic}strong{font-weight:700}.caution-sm{background:#fffbeb;border-left:3px solid #c9a100;padding:10px 14px;font-size:13px;color:#5a3d00;margin-top:14px;line-height:1.7}.fw-section{padding:80px 5vw;background:#fff;border-top:1px solid var(--rule)}.fw-section.dark{background:#0d0d0d;color:#eee}.fw-inner{max-width:900px;margin:0 auto}.fw-section h2{font-size:clamp(20px,3vw,30px);font-weight:400;margin-bottom:20px;line-height:1.3}.fw-section p{font-size:16px;line-height:1.75;margin-bottom:12px;color:#333}.fw-section.dark p{color:#bbb}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:16px 0;font-size:13px}.leg-item{display:flex;align-items:center;gap:5px}.leg-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.leg-us{width:11px;height:11px;border-radius:50%;flex-shrink:0;background:#b71c1c;box-shadow:0 0 0 2px #b71c1c55}.leg-mid{width:11px;height:11px;border-radius:50%;flex-shrink:0;background:#f9a825;box-shadow:0 0 0 2px #f9a82555}.toggle-row{display:flex;align-items:center;gap:16px;margin:20px 0}.btn{background:#b71c1c;color:#fff;border:none;padding:9px 18px;font-family:Courier New,monospace;font-size:12px;cursor:pointer;border-radius:3px}.btn:hover{background:#7f0000}.btn.off{background:#555}.exposure-note{font-size:13px;color:#b71c1c;font-family:Courier New,monospace;display:none;margin-top:8px}.exposure-note.on{display:block}#bmap-svg{width:100%;max-width:700px;display:block;margin:0 auto}.q-lab{font-family:Courier New,monospace;font-size:11px;text-anchor:middle;font-weight:700;text-transform:uppercase;letter-spacing:.06em;fill-opacity:.45}.ax-lab{font-size:10.5px;font-family:Georgia,serif;fill:#888}.ax-tk{font-size:9.5px;font-family:Courier New,monospace;fill:#aaa}.bp{opacity:0;transition:opacity .6s}.bp.on{opacity:1}.ba{opacity:0;transition:opacity .6s}.ba.on{opacity:1}.tip{position:fixed;background:#111;color:#eee;padding:9px 13px;border-radius:3px;font-size:12px;font-family:Courier New,monospace;pointer-events:none;opacity:0;transition:opacity .15s;z-index:500;line-height:1.6;max-width:260px}.tip.on{opacity:1}.prog{position:fixed;top:0;left:0;height:3px;background:#b71c1c;width:0;z-index:999}.us-split-view{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}@media (max-width: 900px){.us-split-view{grid-template-columns:1fr}}.us-view-box{background:#fafafa;border:1px solid #eee;border-radius:4px;height:500px;position:relative;display:flex;flex-direction:column}.view-label{padding:8px 12px;font-family:Courier New,monospace;font-size:11px;text-transform:uppercase;color:#999;border-bottom:1px solid #eee;background:#fff}.us-view-box svg{flex:1;width:100%}.view-note{position:absolute;bottom:10px;left:14px;right:14px;font-family:Courier New,monospace;font-size:10px;color:#bbb;pointer-events:none}.exposure-stats{display:flex;gap:20px;font-family:Courier New,monospace;font-size:12px;color:#666}.stat-item strong{color:var(--c-us);font-weight:700}.stat-item{opacity:.3;transition:opacity .5s ease}.stat-item.active{opacity:1}.us-edge-highlight{stroke:#ff5252!important;stroke-opacity:.8!important;stroke-width:3px!important}.dep-ring{transition:opacity .8s ease}.stat-initial{font-style:italic;color:#999}.mid-panel{width:100%;height:500px;background:#fff;border:1px solid #eee;border-radius:4px;margin:20px 0;overflow:hidden}.mid-view-box{width:100%;height:100%}@media (max-width: 600px){.hero{padding:40px 20px}.hero h1{font-size:32px}.hero p{font-size:17px}.viz-panel{height:45vh;padding:4px;border-right:none;border-bottom:1px solid var(--rule)}.metric-strip{grid-template-columns:repeat(3,1fr);gap:8px 4px;padding:6px 10px}.metric-label{font-size:8px}.metric-val{font-size:11px}.step{padding:60px 20px;min-height:70vh;align-items:flex-start}.us-view-box,.mid-panel{height:380px}.toggle-row{flex-direction:column;align-items:flex-start;gap:12px}.exposure-stats{flex-wrap:wrap;gap:8px 15px}.fw-section h2{font-size:24px}}
