:root{color-scheme:dark;--bg:#070b12;--panel:#0d1420;--panel2:#111d2d;--line:#1e2b3e;--text:#edf4ff;--muted:#8c9bb3;--cyan:#58e4df;--violet:#9a8cff;--amber:#ffc56b;--red:#ff718b;--green:#72e2b5;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.11;z-index:-1}.ambient-a{width:420px;height:420px;background:#27d8db;top:-200px;left:28%}.ambient-b{width:360px;height:360px;background:#7257f6;top:35%;right:-200px}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:25px 16px;border-right:1px solid var(--line);background:#080d15e8;backdrop-filter:blur(20px);z-index:4}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);padding:0 9px 28px}.brand-mark{display:grid;place-items:center;position:relative;width:39px;height:39px;border-radius:12px;background:linear-gradient(140deg,var(--cyan),var(--violet));color:#061017;font-size:23px;font-weight:900;box-shadow:0 0 28px #58e4df22}.brand-mark span{position:absolute;font-size:10px;right:5px;top:4px}.brand b{display:block;letter-spacing:.14em;font-size:13px}.brand small{display:block;font-size:9px;letter-spacing:.2em;color:var(--muted);margin-top:3px}.nav-caption,.eyebrow{font-size:9px;font-weight:850;letter-spacing:.18em;color:#7485a0}.nav-caption{padding:0 12px 10px}.nav{display:grid;gap:5px}.nav button{display:flex;gap:12px;align-items:center;border:1px solid transparent;border-radius:11px;background:transparent;color:#9baac0;text-align:left;padding:12px;font-size:12px;transition:.2s}.nav button span{color:var(--cyan);width:18px;font-size:16px;text-align:center}.nav button:hover{background:#ffffff06;color:white}.nav button.active{color:#efffff;background:linear-gradient(90deg,#58e4df14,transparent);border-color:#58e4df2d;box-shadow:inset 2px 0 var(--cyan)}.sidebar-bottom{margin-top:auto}.status-line{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:750}.status-line i,.status-pill i,.live i{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 12px #72e2b5;display:inline-block}.sidebar-bottom>p{font-size:10px;line-height:1.8;color:var(--muted);margin:9px 0 18px}.privacy-note{display:flex;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#ffffff03}.privacy-note>span{color:var(--cyan)}.privacy-note b{display:block;font-size:10px}.privacy-note small{display:block;color:var(--muted);font-size:9px;line-height:1.6;margin-top:4px}.main{width:100%;max-width:1660px;min-width:0;margin:auto;padding:28px clamp(18px,3.1vw,48px) 24px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px}.topbar h1{font-size:clamp(28px,3.2vw,43px);line-height:1.12;letter-spacing:-.055em;margin:12px 0 9px}.topbar h1 span{color:var(--cyan)}.topbar p{font-size:12px;color:var(--muted);max-width:620px;margin:0}.top-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-pill,.case-pill,.counter{font-size:9px;font-weight:800;letter-spacing:.09em;padding:7px 9px;border:1px solid var(--line);border-radius:8px;white-space:nowrap;color:#a8b8ce}.status-pill{display:flex;align-items:center;gap:7px}.case-pill{color:var(--cyan);border-color:#58e4df35}.view{display:none;animation:fade .25s ease}.view.active{display:block}@keyframes fade{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:20px;align-items:stretch}.hero-copy,.hero-visual,.panel,.metric{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#101a29e8,#0a111ceF);min-width:0}.hero-copy{padding:clamp(22px,3vw,38px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy h2{font-size:clamp(26px,3vw,39px);line-height:1.16;letter-spacing:-.05em;margin:15px 0}.hero-copy h2 em{font-style:normal;color:var(--cyan)}.hero-copy p{font-size:12px;line-height:1.9;color:#a3b1c7;max-width:620px;margin:0}.actions,.form-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;gap:10px;justify-content:center;padding:11px 14px;border-radius:10px;font-size:11px;font-weight:800;border:1px solid #2a3a50;transition:.18s}.btn:hover{transform:translateY(-1px);border-color:#58e4df8c}.btn.primary{background:linear-gradient(105deg,var(--cyan),#a0f0d8);border-color:transparent;color:#061117}.btn.ghost{background:#ffffff03;color:#c5d1e3}.hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:26px}.hero-tags span,.signal-chips span{font-size:8px;font-weight:800;letter-spacing:.08em;border:1px solid var(--line);border-radius:6px;padding:6px 8px;color:#9aabc3}.hero-visual{padding:18px 18px 14px;background:radial-gradient(ellipse at 50% 50%,#1a2540 0,transparent 70%),#0b111d;overflow:hidden}.visual-top,.visual-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:8px;letter-spacing:.12em;color:#7486a2;font-weight:800}.live{display:flex;align-items:center;gap:6px;color:var(--green)}.mini-graph{margin:10px -8px}.mini-graph svg{display:block;width:100%;height:auto;max-height:340px}.visual-bottom{justify-content:center;gap:17px;letter-spacing:0;text-transform:none;font-size:9px}.visual-bottom span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;flex:none}.cyan{background:var(--cyan)}.violet{background:var(--violet)}.amber{background:var(--amber)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 36px}.metric{padding:17px 18px}.metric small{display:block;font-size:8px;font-weight:850;letter-spacing:.14em;color:#7e8da7}.metric strong{display:block;font-size:28px;letter-spacing:-.05em;margin:8px 0 0}.metric>span{font-size:10px;color:var(--muted)}.metric .metric-word{font-size:20px;color:var(--cyan);padding:4px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:10px 0 18px}.section-heading h2{font-size:clamp(21px,2.5vw,28px);letter-spacing:-.04em;margin:7px 0}.muted,.section-intro{font-size:11px;color:var(--muted)}.section-intro{max-width:690px;line-height:1.8;margin:7px 0 0}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pipeline article{position:relative;padding:19px;border:1px solid var(--line);border-radius:15px;background:#0c1420c9;min-height:172px}.step{font-size:9px;letter-spacing:.12em;color:var(--cyan);font-weight:850}.step-icon{font-size:24px;color:var(--violet);margin-top:13px}.pipeline h3,.panel h3{font-size:12px;margin:8px 0 6px}.pipeline p,.panel-head p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:16px}.panel{padding:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.panel-head h3{font-size:13px;margin:5px 0}.text-btn{border:0;background:transparent;color:var(--cyan);font-size:10px;font-weight:800;white-space:nowrap}.empty-state{padding:20px;border:1px dashed #29374b;border-radius:11px;color:var(--muted);font-size:11px;line-height:1.8}.signal-chips{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.signal-chips span{font-size:9px;letter-spacing:0;color:#c0cee2;background:#ffffff03}.fineprint{font-size:9px;line-height:1.8;color:#6e7f99}.intake-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:14px}.form-panel label{display:block;font-size:10px;font-weight:750;color:#aab8cd;margin:14px 0 7px}.form-panel input,.form-panel select,.form-panel textarea{width:100%;padding:11px 12px;border:1px solid #26364c;border-radius:9px;background:#080e18;color:var(--text);outline:none;font-size:11px}.form-panel textarea{resize:vertical;line-height:1.7;min-height:140px}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:#58e4df9c;box-shadow:0 0 0 3px #58e4df10}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.counter{color:var(--cyan);background:#58e4df08}.privacy-banner{display:flex;gap:10px;padding:11px;border:1px solid #58e4df28;background:#58e4df08;border-radius:10px;margin-top:18px}.privacy-banner>span{color:var(--cyan)}.privacy-banner p{font-size:9px;line-height:1.7;color:#a6b7cc;margin:0}.privacy-banner b{color:#e8faff}.toggle-row{display:flex!important;gap:9px;align-items:flex-start}.toggle-row input{width:auto;margin-top:3px;accent-color:var(--cyan)}.toggle-row b,.toggle-row small{display:block}.toggle-row b{font-size:10px}.toggle-row small{font-size:9px;color:var(--muted);margin-top:3px;font-weight:400}.event-list{display:grid;gap:10px}.event-card{padding:13px;border:1px solid #243249;background:#0a111c;border-radius:11px}.event-card-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.event-tag{font-size:8px;letter-spacing:.08em;font-weight:850;color:var(--cyan);border:1px solid #58e4df30;padding:4px 6px;border-radius:5px}.event-time{font-size:9px;color:#7f90a9}.remove-event{margin-left:auto;border:0;background:transparent;color:#ff8c9e;font-size:9px}.event-content{font-size:10px;line-height:1.8;color:#c6d2e4;overflow-wrap:anywhere}.event-ref{font-size:8px;color:#71839e;margin-top:8px}.correlate-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:16px;border-top:1px solid var(--line)}.correlate-footer b,.correlate-footer small{display:block}.correlate-footer b{font-size:10px}.correlate-footer small{font-size:9px;color:var(--muted);margin-top:4px}.findings-panel{margin-top:15px}.inline-result{margin-top:14px;padding:13px;border:1px solid var(--line);border-radius:10px;font-size:10px;line-height:1.8}.inline-result.hidden,.hidden{display:none!important}.finding-group{margin-top:17px}.finding-group h4{font-size:10px;margin:0 0 9px;color:#dce7f6}.finding{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid #1c293b;font-size:10px;line-height:1.7;color:#b3c0d4}.finding:last-child{border-bottom:0}.finding-mark{color:var(--cyan);font-weight:900}.finding b{color:#e5efff}.finding small{display:block;color:var(--muted);font-size:9px}.risk-chip{font-size:9px;font-weight:850;letter-spacing:.06em;padding:5px 7px;border-radius:6px}.risk-high{color:#ff9aaa;background:#ff718b14;border:1px solid #ff718b38}.risk-mid{color:#ffd48c;background:#ffc56b12;border:1px solid #ffc56b35}.risk-low{color:#84e8c1;background:#72e2b511;border:1px solid #72e2b532}.graph-panel{margin-bottom:14px}.graph-canvas{background-image:radial-gradient(#233149 1px,transparent 1px);background-size:22px 22px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.graph-canvas svg{display:block;width:100%;height:auto;min-height:330px}.graph-edge{stroke:#60718c;stroke-width:1.5;opacity:.7}.graph-edge.shared{stroke:var(--violet);stroke-width:2}.graph-edge.inferred{stroke:var(--amber);stroke-dasharray:5 5}.graph-node{cursor:pointer}.graph-node circle{fill:#101d2c;stroke-width:1.7}.graph-node text{fill:#e4edf9;font-size:11px;text-anchor:middle;pointer-events:none}.graph-node .node-sub{fill:#7f92ac;font-size:8px}.graph-node:focus circle,.graph-node:hover circle{stroke-width:3;filter:drop-shadow(0 0 7px #58e4df55)}.graph-node.event circle{stroke:var(--cyan)}.graph-node.entity circle{stroke:var(--violet)}.graph-node.stage circle{stroke:var(--amber)}.legend{display:flex;gap:12px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:5px;font-size:8px;color:var(--muted)}.node-inspector{border-top:1px solid var(--line);padding-top:13px;margin-top:13px;font-size:10px;line-height:1.8;color:var(--muted)}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:15px minmax(0,1fr);gap:10px;position:relative;padding:0 0 16px}.timeline-item:before{content:"";position:absolute;left:6px;top:13px;bottom:0;width:1px;background:#2b3c53}.timeline-item:last-child:before{display:none}.timeline-dot{width:13px;height:13px;border-radius:50%;border:2px solid var(--cyan);background:#0b1420;z-index:1}.timeline-item b{display:block;font-size:10px}.timeline-item small{display:block;font-size:9px;color:var(--muted);margin:3px 0}.timeline-item p{font-size:10px;color:#b3c0d4;line-height:1.7;margin:5px 0}.legend-explain{display:grid;gap:15px}.legend-explain p{display:flex;align-items:flex-start;gap:10px;margin:0}.legend-explain b,.legend-explain small{display:block}.legend-explain b{font-size:10px}.legend-explain small{font-size:9px;color:var(--muted);line-height:1.7;margin-top:3px}.ledger-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.divider{height:1px;background:var(--line);margin:18px 0}.safeguards{padding-left:17px;color:var(--muted);font-size:10px;line-height:2}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:17px;margin-top:36px;font-size:8px;letter-spacing:.09em;color:#62738c}.toast{position:fixed;right:20px;bottom:20px;max-width:calc(100vw - 40px);padding:12px 15px;border:1px solid #3b5a6b;background:#122236;color:#eef9ff;border-radius:10px;z-index:20;font-size:11px;box-shadow:0 14px 40px #0008}.toast.hidden{display:none}@media(max-width:1120px){.hero-grid{grid-template-columns:1fr 1fr}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.intake-layout{grid-template-columns:1fr}.metric-grid{margin-bottom:28px}}@media(max-width:800px){.shell{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;overflow-x:clip}.sidebar{width:100%;min-width:0;max-width:100%;height:auto;position:relative;padding:14px 14px 10px;border-right:0;border-bottom:1px solid var(--line);overflow:hidden}.brand{width:100%;min-width:0;max-width:100%;padding:0 4px 12px}.nav-caption,.sidebar-bottom{display:none}.nav{display:flex;width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.nav button{flex:0 0 auto;white-space:nowrap;padding:9px 11px;font-size:10px}.nav button span{width:auto}.main{width:100%;min-width:0;padding:21px 14px}.topbar{display:block;min-width:0}.top-meta{justify-content:flex-start;margin-top:15px}.hero-grid,.bottom-grid,.ledger-grid{grid-template-columns:minmax(0,1fr)}.hero-visual{min-height:250px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:13px}.metric strong{font-size:24px}.section-heading{align-items:flex-start;flex-direction:column}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row{grid-template-columns:1fr}.correlate-footer{align-items:flex-start;flex-direction:column}.graph-canvas svg{min-height:250px}.footer{line-height:1.7}}@media(max-width:440px){.pipeline{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{padding:22px}.hero-copy h2{font-size:28px}.hero-tags span{font-size:7px}.legend{gap:7px}.panel{padding:15px}}.sim-layout{display:grid;grid-template-columns:minmax(290px,.82fr) minmax(0,1.18fr);gap:18px;align-items:start}.sim-device-wrap{display:grid;justify-items:center;gap:12px;position:sticky;top:18px}.sim-device{width:min(100%,360px);min-height:650px;border:7px solid #263347;border-radius:38px;background:#090e17;box-shadow:0 22px 70px #0008,inset 0 0 0 1px #60718a;overflow:hidden;position:relative}.sim-notch{position:absolute;z-index:2;top:0;left:50%;transform:translateX(-50%);width:105px;height:18px;border-radius:0 0 13px 13px;background:#263347}.sim-status{display:flex;justify-content:space-between;padding:11px 17px 7px;font-size:9px;color:#aebdd0}.sim-app-head{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #1d293b;background:#0d1522}.sim-app-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,var(--cyan),var(--violet));color:#071019;font-weight:900}.sim-app-head b,.sim-app-head small{display:block}.sim-app-head b{font-size:12px}.sim-app-head small{font-size:9px;color:var(--muted);margin-top:2px}.sim-demo-tag{margin-left:auto;font-size:7px;letter-spacing:.12em;color:var(--amber);border:1px solid #ffc56b55;padding:4px 6px;border-radius:5px}.sim-screen{padding:12px;min-height:520px;background:radial-gradient(ellipse at 50% 0,#17253b66,transparent 65%)}.sim-homebar{width:92px;height:4px;border-radius:5px;background:#8793a7;margin:0 auto 7px}.sim-device-caption{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.sim-pulse{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 10px #72e2b5}.sim-control-column{display:grid;gap:14px;min-width:0}.scenario-list{display:grid;gap:7px}.scenario-btn{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:1px solid var(--line);background:#080f19;color:var(--text);border-radius:10px;padding:11px;transition:.15s}.scenario-btn:hover,.scenario-btn.active{border-color:#58e4df7a;background:#58e4df0c}.scenario-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid #58e4df38;border-radius:8px;color:var(--cyan);font-size:9px;font-weight:900}.scenario-btn span:nth-child(2){flex:1;min-width:0}.scenario-btn b,.scenario-btn small{display:block}.scenario-btn b{font-size:10px}.scenario-btn small{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.5}.scenario-btn>span:last-child{color:var(--cyan)}.sim-message-date{text-align:center;font-size:8px;color:#7587a1;margin:5px 0 12px}.sim-bubble{max-width:92%;padding:11px 12px;border-radius:13px 13px 13px 4px;background:#162336;border:1px solid #273950;color:#dce7f5;font-size:10px;line-height:1.8;margin:8px 0;overflow-wrap:anywhere}.sim-bubble .sim-sender{display:block;font-size:8px;letter-spacing:.04em;color:#9caec6;font-weight:800;margin-bottom:4px}.sim-bubble .sim-link{display:block;color:var(--cyan);text-decoration:underline;overflow-wrap:anywhere;margin-top:5px}.sim-bubble.outgoing{margin-left:auto;border-radius:13px 13px 4px 13px;background:#143a3c;border-color:#286061}.sim-bubble.notice{max-width:100%;background:#251d14;border:1px solid #9e7135;color:#ffe4b0;border-radius:10px}.sim-bubble.safe{background:#10251f;border-color:#2b5a4b}.sim-phone-actions{display:grid;gap:7px;margin-top:13px}.sim-phone-actions button{width:100%;padding:10px;border-radius:9px;border:1px solid #2a3a50;background:#101a29;color:#dce9f7;font-size:10px;font-weight:800;text-align:left}.sim-phone-actions button.primary-action{background:var(--cyan);color:#061117;border-color:transparent}.sim-phone-actions button.danger-action{border-color:#ff718b6b;color:#ff9bab}.sim-phone-actions button:disabled{opacity:.45;cursor:not-allowed}.sim-browser-bar{display:flex;gap:7px;align-items:center;padding:8px 9px;border:1px solid #28384d;border-radius:10px;background:#0a111b;font-size:9px;color:#a9bbd0;overflow-wrap:anywhere}.sim-browser-lock{color:var(--amber)}.sim-webpage{margin-top:12px;border:1px solid #26364b;border-radius:11px;background:#0f1724;padding:14px}.sim-webpage h4{font-size:16px;line-height:1.25;margin:12px 0 8px}.sim-webpage p{font-size:10px;line-height:1.8;color:#aebdd0}.sim-webpage .fake-brand{font-size:8px;letter-spacing:.14em;color:var(--amber);font-weight:900}.sim-warning{border:1px solid #ff718b70;background:#ff718b10;border-radius:11px;padding:12px;margin:12px 0}.sim-warning-head{display:flex;align-items:center;gap:8px;color:#ff9bab;font-size:11px;font-weight:900}.sim-warning p{font-size:10px;line-height:1.8;color:#e1c7cf;margin:7px 0}.sim-explain-panel{border-color:#58e4df30}.sim-explain-panel .finding{padding:8px 0}.sim-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.sim-outcome{margin-top:13px;border-top:1px solid var(--line);padding-top:12px;font-size:10px;line-height:1.8;color:var(--muted)}.sim-chain-steps{display:grid;gap:8px}.sim-chain-step{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:9px;background:#090f19}.sim-chain-step .num{display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid #ffc56b66;border-radius:7px;color:var(--amber);font-size:9px;font-weight:900}.sim-chain-step b,.sim-chain-step small{display:block}.sim-chain-step b{font-size:10px}.sim-chain-step small{font-size:9px;line-height:1.7;color:var(--muted);margin-top:3px}.sim-chain-step.done .num{border-color:#58e4df66;color:var(--cyan)}@media(max-width:980px){.sim-layout{grid-template-columns:1fr}.sim-device-wrap{position:static}.sim-device{min-height:600px}}@media(max-width:440px){.sim-device{width:100%;min-height:610px;border-width:5px;border-radius:29px}.sim-screen{padding:9px}.sim-actions{flex-direction:column}.sim-actions .btn{width:100%}}/* Client-review polish: brighter, calmer hierarchy and accessibility-first simulator */
:root{--bg:#080f1b;--panel:#101c2c;--panel2:#17283d;--line:#2a3d55;--text:#f4f8ff;--muted:#b0bfd3;--cyan:#62eee1;--violet:#b4a6ff;--amber:#ffd17d;--red:#ff8299;--green:#7de9b9}
body{background:radial-gradient(ellipse at 85% 0%,#17314b66,transparent 35%),var(--bg)}
.panel,.hero-copy,.hero-visual,.metric{box-shadow:0 10px 35px #02081340}
.panel{background:linear-gradient(145deg,#132239f2,#0e1928f2)}
.nav button,.btn,.scenario-btn,.sim-phone-actions button{min-height:42px}
.nav button{font-size:12px}
.section-heading h2,.topbar h1{letter-spacing:-.035em}
.sim-layout{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)}
.sim-device{background:#f4f7fb;border-color:#35465e;box-shadow:0 25px 70px #0006,inset 0 0 0 1px #91a3bc;color:#1d2c42}
.sim-status{color:#4c6079}
.sim-app-head{background:#fff;border-bottom:1px solid #dbe4ef;color:#1a2b42}
.sim-app-head small{color:#657790}
.sim-screen{background:linear-gradient(180deg,#eaf1f8,#f8faff 55%);color:#20314a}
.sim-homebar{background:#63758c}
.sim-message-date{color:#647790;font-size:10px;font-weight:700}
.sim-bubble{max-width:96%;padding:13px 14px;border-radius:14px 14px 14px 5px;background:#fff;border:1px solid #d6e1ed;color:#1f3048;font-size:12px;line-height:1.75;box-shadow:0 3px 10px #20334a0a}
.sim-bubble .sim-sender{color:#506782;font-size:10px}
.sim-bubble .sim-link{color:#075fb8}
.sim-bubble.safe{background:#e5f8f0;border-color:#b8e8d4;color:#183e32}
.sim-phone-actions button{padding:12px 13px;border-radius:11px;border:1px solid #c6d5e5;background:#fff;color:#20334c;font-size:12px;line-height:1.45;min-height:46px}
.sim-phone-actions button.primary-action{background:#0c7e83;color:white;border-color:#0c7e83}
.sim-phone-actions button.danger-action{background:#fff1f3;border-color:#f0a5b2;color:#a3223e}
.sim-browser-bar{background:#fff;border-color:#d4dfeb;color:#3b506a;font-size:10px}
.sim-webpage{background:#fff;border-color:#d5e0ec;color:#1e3049}
.sim-webpage p{color:#4b5f79;font-size:12px}
.sim-webpage .fake-brand{color:#9b5d00;font-size:9px}
.sim-warning{border-color:#eaa4ae;background:#fff0f2}
.sim-warning-head{color:#a5223d;font-size:13px}
.sim-warning p{color:#673444;font-size:12px;line-height:1.7}
.sim-warning-safe{border-color:#8bd7b5;background:#e9faf2}
.sim-warning-safe .sim-warning-head{color:#116847}
.sim-warning-safe p{color:#285542}
.sim-explain-panel{border-color:#4a778a}
.sim-explain-panel .finding{font-size:12px;color:#c8d6e8}
.sim-explain-panel .finding b{font-size:12px;color:#f2f7ff}
.sim-explain-panel .finding small{font-size:11px;line-height:1.65}
.sim-outcome{font-size:11px;color:#b7c6da}
.sim-chain-step{background:#0e1b2b;border-color:#2a3e57;padding:12px}
.sim-chain-step b{font-size:11px}
.sim-chain-step small{font-size:10px}
.sim-accessibility{border:1px solid #314862;border-radius:12px;padding:13px;background:linear-gradient(130deg,#142b42,#112034);margin-bottom:12px}
.sim-access-copy b,.sim-access-copy small{display:block}
.sim-access-copy b{font-size:12px;color:#f4f8ff}
.sim-access-copy small{font-size:10px;color:#b7c7dc;margin-top:3px}
.sim-toggle{display:flex;align-items:center;gap:8px;margin:11px 0;font-size:11px;font-weight:800;color:#e5f3ff}
.sim-toggle input{width:18px;height:18px;accent-color:#62eee1}
.sim-voice-btn{width:100%;min-height:44px;border:1px solid #62eee16b;background:#62eee116;color:#a5fff5;border-radius:9px;padding:10px;font-size:11px;font-weight:800}
.sim-language-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:10px;color:#b7c7dc}
.sim-language-row select{max-width:140px;background:#0b1725;color:#fff;border:1px solid #344b65;border-radius:8px;padding:8px}
.sim-channel-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.sim-channel-tabs button{border:1px solid #31465f;background:#101d2d;color:#b8c8dd;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:800}
.sim-channel-tabs button.active{background:#62eee11c;color:#9efff6;border-color:#62eee18a}
.sim-inbox-item{background:#fff;color:#1d3049;border-color:#d5e1ee;box-shadow:0 3px 12px #20334a0a}
.sim-inbox-item b{color:#20334c;font-size:11px}
.sim-inbox-item small{color:#60738c;font-size:10px}
.sim-inbox-item .scenario-icon{color:#0b7e84;border-color:#acd8d8}
.sim-email-head{padding:12px;border:1px solid #d8e2ee;border-radius:10px;background:#fff;color:#243650;margin-bottom:9px}
.sim-email-head b,.sim-email-head small{display:block}
.sim-email-head b{font-size:13px;line-height:1.45}
.sim-email-head small{font-size:10px;color:#60738c;margin-top:6px;overflow-wrap:anywhere}
.sim-call-card,.sim-payment-card{display:grid;gap:8px;padding:15px;border:1px solid #d7e2ed;border-radius:13px;background:#fff;color:#23354e;text-align:center}
.sim-call-avatar{width:56px;height:56px;display:grid;place-items:center;margin:0 auto;border-radius:50%;background:#e7eff8;color:#274d75;font-size:24px}
.sim-call-card b,.sim-payment-card b{font-size:13px}
.sim-call-card small,.sim-payment-card small,.sim-call-card p{font-size:11px;line-height:1.7;color:#596e88}
.sim-call-label,.sim-payment-card>span{font-size:9px;letter-spacing:.1em;font-weight:900;color:#9d5b00}
.sim-payment-card strong{font-size:27px;color:#1c2f49}
.sim-helper-note{font-size:10px;line-height:1.6;color:#647790;text-align:center;margin:12px 4px}
.sim-next-step{border-top:1px solid #e4c4c9;margin-top:10px;padding-top:10px}
.sim-next-step .sim-step-label{display:block;font-size:9px;letter-spacing:.1em;font-weight:900;color:#a5223d}
.sim-next-step b{display:block;font-size:14px;color:#7f1f35;margin-top:4px}
.sim-next-step p{font-size:12px;line-height:1.7;color:#5f3140}
.sim-safe-plan{border:1px solid #8bd7b5;background:#f1fbf6;border-radius:12px;padding:13px}
.sim-safe-title{font-size:14px;font-weight:900;color:#145c42;margin-bottom:8px}
.sim-safe-action{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #d5eee1}
.sim-safe-action:last-of-type{border-bottom:0}
.sim-safe-action span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#d7f4e5;color:#145c42;font-weight:900}
.sim-safe-action p{margin:2px 0 0;font-size:12px;line-height:1.65;color:#244c3d}
.sim-easy-mode .sim-bubble{font-size:14px;line-height:1.8;padding:15px}
.sim-easy-mode .sim-phone-actions button{font-size:14px;min-height:54px;padding:14px}
.sim-easy-mode .sim-email-head b{font-size:15px}
.sim-easy-mode .sim-email-head small,.sim-easy-mode .sim-call-card small,.sim-easy-mode .sim-payment-card small{font-size:12px}
.sim-easy-mode .sim-explain-panel .finding b{font-size:14px}
.sim-easy-mode .sim-explain-panel .finding small{font-size:12px}
.sim-easy-mode .sim-warning p{font-size:14px}
.sim-easy-mode .sim-next-step p{font-size:14px}
.sim-easy-mode .sim-safe-action p{font-size:14px}
@media(max-width:980px){.sim-layout{grid-template-columns:1fr}.sim-device-wrap{position:static}.sim-device{min-height:610px}}
@media(max-width:520px){.sim-device{width:100%;min-height:580px;border-width:5px;border-radius:29px}.sim-screen{padding:10px}.sim-channel-tabs{gap:5px}.sim-channel-tabs button{padding:8px 9px}.sim-actions{flex-direction:column}.sim-actions .btn{width:100%}}
/* Consumer-first light theme: calm, approachable, high-contrast */
:root{color-scheme:light;--bg:#f5f8fc;--panel:#ffffff;--panel2:#f0f5fb;--line:#dce5ef;--text:#203047;--muted:#617187;--cyan:#167f83;--violet:#6758c9;--amber:#a96513;--red:#c43d55;--green:#21845d}
body{background:linear-gradient(180deg,#f8fbff 0%,#f3f7fb 60%,#f7f9fc 100%);color:var(--text)}
.ambient{opacity:.07}
.ambient-a{background:#9adbd4}.ambient-b{background:#c8c2f4}
.sidebar{background:#ffffffed;border-color:#e0e8f1;box-shadow:4px 0 24px #233b5808}
.brand{color:#203047}.brand-mark,.sim-app-icon{background:linear-gradient(140deg,#bdece2,#d8d1ff);color:#174a52;box-shadow:none}
.brand small,.nav-caption,.eyebrow{color:#74849a}
.nav button{color:#52647b}.nav button span{color:#167f83}
.nav button:hover{background:#f1f6fa;color:#203047}
.nav button.active{color:#145f63;background:#e8f6f4;border-color:#c8e9e5;box-shadow:inset 3px 0 #16858a}
.status-line i,.status-pill i,.live i{box-shadow:none}
.privacy-note{background:#f7fafc;border-color:#dce5ef}.privacy-note>span{color:#167f83}
.topbar h1 span,.hero-copy h2 em{color:#167f83}
.topbar p,.hero-copy p,.section-intro,.muted{color:#617187}
.status-pill,.case-pill,.counter{color:#52647b;border-color:#dce5ef;background:#fff}
.case-pill{color:#167f83;border-color:#cce8e4}
.hero-copy,.hero-visual,.panel,.metric{background:#fff;border-color:#e0e8f1;box-shadow:0 8px 28px #263d570a}
.hero-copy{background:linear-gradient(145deg,#fff,#f9fbfe)}
.hero-visual{background:radial-gradient(ellipse at 50% 40%,#e5f4f2 0,transparent 70%),#f9fbff}
.visual-top,.visual-bottom{color:#64758b}.live{color:#21845d}
.metric small{color:#74849a}.metric strong{color:#24354b}.metric .metric-word{color:#167f83}
.pipeline article{background:#fff;border-color:#e0e8f1;box-shadow:0 6px 20px #263d5707}
.step{color:#167f83}.step-icon{color:#6758c9}
.pipeline p,.panel-head p{color:#617187}
.btn{border-color:#d5e0eb;box-shadow:0 2px 5px #24384b08}
.btn:hover{border-color:#167f83}
.btn.primary{background:#167f83;color:#fff;border-color:#167f83}
.btn.ghost{background:#fff;color:#33465d}
.hero-tags span,.signal-chips span{color:#52647b;border-color:#dce5ef;background:#f8fafc}
.text-btn{color:#167f83}
.empty-state{border-color:#d5e0eb;color:#617187;background:#f9fbfd}
.signal-chips span{color:#3f536b;background:#f3f7fa}
.fineprint{color:#6a7a90}
.form-panel label{color:#40536b}
.form-panel input,.form-panel select,.form-panel textarea{background:#fff;color:#203047;border-color:#d5e0eb}
.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:#167f83;box-shadow:0 0 0 3px #167f8314}
.counter{color:#167f83;background:#edf8f6}
.privacy-banner{border-color:#cde9e4;background:#f0faf8}
.privacy-banner>span{color:#167f83}.privacy-banner p{color:#4c6276}.privacy-banner b{color:#234a4d}
.event-card{background:#f9fbfd;border-color:#dce5ef}
.event-tag{color:#167f83;border-color:#cce8e4;background:#f0faf8}
.event-time,.event-ref{color:#6c7d92}.event-content{color:#33465d}
.remove-event{color:#b83b50}
.finding-group h4{color:#30445b}.finding{color:#43566d;border-color:#e7edf4}.finding b{color:#253950}.finding-mark{color:#167f83}
.risk-high{color:#a82f47;background:#fff0f2;border-color:#f2c8d0}
.risk-mid{color:#8d570f;background:#fff7e9;border-color:#efd7ae}
.risk-low{color:#176c4d;background:#eaf8f0;border-color:#c7e9d5}
.graph-canvas{background-image:radial-gradient(#dbe5ef 1px,transparent 1px);border-color:#dce5ef}
.graph-edge{stroke:#8c9bb0}.graph-edge.shared{stroke:#8b7add}.graph-node circle{fill:#fff}.graph-node text{fill:#2d4057}.graph-node .node-sub{fill:#65788e}
.graph-node.event circle{stroke:#167f83}.graph-node.entity circle{stroke:#6758c9}.graph-node.stage circle{stroke:#a96513}
.node-inspector{border-color:#e0e8f1;color:#617187}
.timeline-item:before{background:#d5e0eb}.timeline-dot{background:#fff;border-color:#167f83}.timeline-item p{color:#43566d}
.legend-explain small{color:#617187}.divider{background:#e0e8f1}.safeguards{color:#617187}
.footer{border-color:#e0e8f1;color:#718197}
.toast{border-color:#c7d8e6;background:#20364c;color:#fff;box-shadow:0 12px 35px #24384b24}
.sim-device{background:#fff;border-color:#d4deea;box-shadow:0 18px 48px #263d5718,inset 0 0 0 1px #e3eaf2;color:#203047}
.sim-notch{background:#d4deea}.sim-status{color:#617187}
.sim-app-head{background:#fff;border-color:#e4ebf3;color:#203047}
.sim-demo-tag{color:#8d570f;border-color:#efd7ae;background:#fff7e9}
.sim-screen{background:linear-gradient(180deg,#f5f8fc,#fff 35%)}
.sim-homebar{background:#b6c2d0}.sim-device-caption{color:#617187}.sim-pulse{box-shadow:none}
.scenario-btn{background:#fff;color:#203047;border-color:#dce5ef}
.scenario-btn:hover,.scenario-btn.active{border-color:#7dc9c2;background:#f0faf8}
.scenario-icon{border-color:#cce8e4;color:#167f83;background:#f4fbfa}
.scenario-btn small{color:#617187}.scenario-btn>span:last-child{color:#167f83}
.sim-message-date{color:#74849a}
.sim-bubble{background:#f0f4f8;border-color:#dce5ef;color:#263a52}
.sim-bubble .sim-sender{color:#617187}.sim-bubble .sim-link{color:#126eae}
.sim-bubble.outgoing{background:#e6f6f2;border-color:#c6e9e1;color:#214b45}
.sim-bubble.notice{background:#fff7e9;border-color:#efd7ae;color:#70480e}
.sim-bubble.safe{background:#eaf8f0;border-color:#c7e9d5;color:#20533e}
.sim-phone-actions button{background:#fff;color:#33465d;border-color:#d5e0eb}
.sim-phone-actions button.primary-action{background:#167f83;color:#fff;border-color:#167f83}
.sim-phone-actions button.danger-action{border-color:#e8b6c0;color:#ad3349;background:#fff5f6}
.sim-browser-bar{background:#f8fafc;border-color:#dce5ef;color:#52647b}
.sim-browser-lock{color:#a96513}
.sim-webpage{background:#fff;border-color:#dce5ef}.sim-webpage p{color:#52647b}.sim-webpage .fake-brand{color:#a96513}
.sim-warning{border-color:#efc2ca;background:#fff4f5}
.sim-warning-head{color:#b4334b}.sim-warning p{color:#70404a}
.sim-explain-panel{border-color:#cde9e4}.sim-outcome{border-color:#e0e8f1;color:#617187}
.sim-chain-step{background:#f9fbfd;border-color:#dce5ef}
.sim-chain-step .num{border-color:#efd7ae;color:#8d570f;background:#fff7e9}
.sim-chain-step.done .num{border-color:#cce8e4;color:#167f83;background:#f0faf8}
.graph-node:focus circle,.graph-node:hover circle{filter:drop-shadow(0 0 5px #167f8328)}
.global-language-label{font-size:11px;font-weight:750;color:#52647b}.top-meta select#appLanguage{font:inherit;font-size:12px;padding:9px 28px 9px 10px;border:1px solid #d5e0eb;border-radius:10px;background:#fff;color:#203047;min-height:40px;max-width:150px;outline-offset:2px}.top-meta select#appLanguage:focus{border-color:#167f83;box-shadow:0 0 0 3px #167f8314}
@media(max-width:800px){.global-language-label{margin-top:8px}.top-meta select#appLanguage{margin-top:2px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.storyline-panel{margin-top:16px}.storyline-output{display:grid;gap:16px}.story-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.story-summary-grid article{border:1px solid #dce5ef;border-radius:12px;padding:14px;background:#f8fbfd;min-width:0}.story-summary-grid small,.story-summary-grid b,.story-summary-grid p{display:block}.story-summary-grid small{font-size:9px;font-weight:900;letter-spacing:.09em;color:#167f83;margin-bottom:8px}.story-summary-grid b{font-size:14px;line-height:1.45;color:#263a52}.story-summary-grid p{font-size:11px;line-height:1.65;color:#617187;margin:7px 0 0;overflow-wrap:anywhere}.story-flow{display:grid;gap:0}.story-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px}.story-rail{display:flex;flex-direction:column;align-items:center}.story-number{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #9dd6d0;border-radius:50%;background:#eaf8f6;color:#126e72;font-size:11px;font-weight:900}.story-line{width:2px;flex:1;min-height:20px;background:linear-gradient(#a7d9d3,#dce5ef);margin:4px 0}.story-step:last-child .story-line{display:none}.story-card{border:1px solid #dce5ef;border-radius:13px;background:#fff;padding:15px;margin-bottom:12px;min-width:0}.story-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.story-role{font-size:9px;font-weight:900;letter-spacing:.09em;color:#167f83}.story-card time{font-size:10px;color:#74849a}.story-card h4{font-size:15px;margin:8px 0;color:#203047}.story-card>p,.story-link-note span{font-size:12px;line-height:1.7;color:#52647b}.story-evidence{margin-top:12px;padding:12px;border-radius:10px;background:#f5f8fb;border:1px solid #e2eaf2}.story-evidence>b,.story-link-note>b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#40546a;margin-bottom:5px}.story-evidence>span{font-size:10px;color:#718197}.story-evidence blockquote{margin:8px 0 0;padding-left:10px;border-left:3px solid #9dd6d0;font-size:12px;line-height:1.7;color:#263a52;overflow-wrap:anywhere}.story-link-note{display:grid;gap:4px;margin-top:10px;padding:10px;border-left:3px solid #b5a9ef;background:#f8f6ff;border-radius:0 8px 8px 0}.story-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.story-tags span{font-size:10px;border:1px solid #e6d2aa;background:#fff8eb;color:#80520e;border-radius:999px;padding:5px 8px}.story-next{border:1px solid #e8d1a7;background:#fff9ed;border-radius:12px;padding:16px}.story-next h4{font-size:15px;color:#80520e;margin:7px 0}.story-next p,.story-gaps p{font-size:12px;line-height:1.75;color:#52647b;margin:0}.story-gaps{border:1px solid #dce5ef;border-radius:12px;padding:15px;background:#fff}.story-gaps h4{font-size:14px;margin:0 0 9px}.story-gaps ul{padding-left:20px;margin:0 0 10px;display:grid;gap:8px}.story-gaps li{font-size:12px;line-height:1.7;color:#52647b}.story-gaps li b{color:#263a52}@media(max-width:760px){.story-summary-grid{grid-template-columns:1fr}.story-step{grid-template-columns:34px minmax(0,1fr);gap:7px}.story-card{padding:12px}.story-card>p,.story-link-note span,.story-gaps li{font-size:13px}.story-evidence blockquote{font-size:13px}}
.quickcheck-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}.quickcheck-form,.quickcheck-result{min-width:0}.quickcheck-form>label{display:block;margin:12px 0 7px;font-size:12px;font-weight:800;color:#30435b}.quickcheck-form textarea{width:100%;resize:vertical;min-height:150px;border:1px solid #cbd8e6;border-radius:10px;background:#fff;color:#20334c;padding:13px;font:inherit;font-size:14px;line-height:1.65}.quickcheck-form select{width:100%;border:1px solid #cbd8e6;border-radius:9px;background:#fff;color:#20334c;padding:10px;min-height:42px}.quick-local-note{font-size:11px;line-height:1.6;color:#536980;padding:8px 0}.quick-optin{margin:13px 0;padding:12px;border:1px solid #cbdce4;background:#f3f9fb;border-radius:10px}.quick-optin b{font-size:12px;color:#243c52}.quick-optin small{font-size:11px;line-height:1.6;color:#526980}.quickcheck-form>.btn{width:100%;min-height:48px}.quickcheck-result .finding{font-size:12px;color:#435a71}.quickcheck-result .finding b{color:#24384f}.quickcheck-result .finding small{font-size:11px;line-height:1.65;color:#536980}.quickcheck-result .empty-state{font-size:13px;line-height:1.7}@media(max-width:800px){.quickcheck-layout{grid-template-columns:1fr}.quickcheck-form textarea{font-size:16px}.quickcheck-result .finding{font-size:14px}}
/* Recovery checklist: accessible, high-contrast action controls */
.recovery-panel{margin-top:16px}.recovery-options{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.recovery-options button{border:1px solid #a8bfd4;background:#fff;color:#20334c;border-radius:10px;padding:12px 14px;min-height:48px;font-size:12px;font-weight:800;text-align:left;cursor:pointer}.recovery-options button:hover,.recovery-options button.active{border-color:#0c7e83;background:#e5f8f6;box-shadow:0 0 0 2px #0c7e831c}.recovery-result{border:1px solid #a9c9d0;background:#f5fbfc;border-radius:12px;padding:16px;color:#1d3049}.recovery-result h4{font-size:16px;margin:0 0 10px}.recovery-result ol{padding-left:22px;margin:0;display:grid;gap:10px}.recovery-result li{font-size:13px;line-height:1.7}.recovery-result p{font-size:12px;line-height:1.6;color:#3e5972;margin:12px 0 0}.recovery-panel .fineprint{font-size:12px;line-height:1.8}.recovery-panel a{color:#075fb8;font-weight:800}@media(max-width:600px){.recovery-options{display:grid}.recovery-options button{width:100%;font-size:14px}.recovery-result{padding:13px}.recovery-result li{font-size:14px}}
/* First-run guided product tour */
.tour-overlay{position:fixed;inset:0;pointer-events:none}.tour-overlay.hidden{display:none}.tour-scrim{display:none!important}.tour-spotlight{box-shadow:none!important;background:transparent!important}.tour-overlay{z-index:10000;pointer-events:none}.tour-card{right:18px!important;left:auto!important;top:92px!important;bottom:auto!important;max-height:calc(100vh - 116px);width:min(390px,calc(100vw - 24px));box-shadow:0 8px 28px rgba(3,16,31,.16)}.tour-spotlight{position:fixed;z-index:10001;display:none;border:3px solid #16858a;border-radius:14px;box-shadow:0 0 0 9999px rgba(12,24,39,.68),0 0 0 7px rgba(22,133,138,.2);pointer-events:none;transition:all .18s ease}.tour-card{position:fixed;z-index:10003;pointer-events:auto;width:min(480px,calc(100vw - 24px));max-height:min(82vh,680px);overflow:auto;background:#fff;border:1px solid #d9e5ef;border-radius:18px;padding:22px;box-shadow:0 24px 80px rgba(3,16,31,.32);color:#203047}.tour-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:#167f83}.tour-close{border:1px solid #dce5ef;background:#f8fafc;color:#52647b;width:34px;height:34px;border-radius:9px;font-size:22px;cursor:pointer}.tour-progress{height:5px;background:#e8eef4;border-radius:99px;overflow:hidden;margin:14px 0 12px}.tour-progress span{display:block;height:100%;width:14%;background:#16858a;border-radius:99px;transition:width .2s ease}.tour-count{font-size:10px;font-weight:900;letter-spacing:.08em;color:#75869b}.tour-card h2{font-size:23px;line-height:1.25;margin:8px 0 10px;color:#203047}.tour-card>p:not(.tour-footnote){font-size:14px;line-height:1.75;color:#52647b;margin:0 0 18px}.tour-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tour-controls .btn{min-height:42px;padding:10px 13px}.tour-controls button:disabled{opacity:.4;cursor:not-allowed}.tour-skip{border:0;background:transparent;color:#53677d;font-size:12px;font-weight:800;padding:10px;cursor:pointer}.tour-footnote{font-size:10px;line-height:1.5;color:#8190a3;margin:14px 0 0}.tour-restart{position:fixed;z-index:10006;right:16px;top:18px;bottom:auto;border:1px solid #b9dcd9;border-radius:999px;padding:11px 15px;background:#fff;color:#176c70;box-shadow:0 5px 18px #20384b18;font-size:12px;font-weight:850;cursor:pointer}.tour-restart:hover{background:#eaf8f6;border-color:#16858a}.tour-target{outline:3px solid #16858a!important;outline-offset:3px!important;scroll-margin:24px}.tour-open{overflow:hidden}.tour-open .view.active{animation:none!important;transform:none!important;opacity:1!important}.tour-open .tour-card{z-index:10005}@media(max-width:699px){.tour-card{right:10px!important;left:auto!important;top:68px!important;bottom:auto!important;padding:16px;max-height:calc(100vh - 130px);width:min(360px,calc(100vw - 20px))}.tour-card h2{font-size:21px}.tour-controls{display:grid;grid-template-columns:1fr 1fr}.tour-controls #tourNext{grid-column:2;grid-row:1}.tour-controls #tourBack{grid-column:1;grid-row:1}.tour-controls #tourSkip{grid-column:1/-1;grid-row:2}.tour-restart{right:10px;bottom:10px}.tour-spotlight{border-radius:11px}}@media(prefers-reduced-motion:reduce){.tour-spotlight,.tour-progress span{transition:none}}
/* Interactive threat tree and contextual victim response */
.victim-help-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:24px;align-items:center;margin:0 0 34px;padding:22px;border-color:#34445a;background:linear-gradient(125deg,#111e2e,#0c1420)}.victim-help-panel.victim-help-alert{border-color:#b87538;box-shadow:0 0 0 1px #b8753826;background:linear-gradient(125deg,#2b2119,#111723)}.victim-help-copy h3{font-size:19px;margin:9px 0}.victim-help-copy p{font-size:11px;line-height:1.8;color:var(--muted);margin:0;max-width:550px}.victim-help-controls{display:grid;gap:9px}.victim-help-controls label{font-size:10px;font-weight:800;color:#aab8cd}.victim-help-controls select{width:100%;padding:11px 12px;border:1px solid #314158;border-radius:10px;background:#080e18;color:var(--text);font-size:11px}.victim-help-result{font-size:11px;line-height:1.8;color:#d0dcec;border-left:3px solid var(--cyan);padding:10px 12px;background:#ffffff05;border-radius:0 8px 8px 0}.emergency-call{display:flex;width:100%;min-height:48px;background:#b91c32;border:1px solid #f45b70;color:#fff!important;font-size:12px;text-decoration:none;text-align:center}.emergency-call:hover{background:#d21f3b}.victim-help-controls .ghost{width:100%;text-decoration:none;text-align:center}.threat-tree-panel{margin-top:16px}.threat-tree-output{min-width:0}.threat-tree-root,.tree-outcome{position:relative;max-width:720px;margin:0 auto;padding:19px 22px;border:1px solid #4a617d;border-radius:15px;background:linear-gradient(135deg,#142337,#0b1420);text-align:center}.tree-node-kicker{display:block;font-size:9px;letter-spacing:.15em;font-weight:900;color:var(--cyan);margin-bottom:7px}.threat-tree-root>b,.tree-outcome>b{display:block;font-size:15px;margin-bottom:6px}.threat-tree-root>small{display:block;font-size:10px;color:#9cacc2}.threat-tree-root>p,.tree-outcome>p{font-size:11px;line-height:1.7;color:#aebbd0;margin:10px 0 0}.tree-trunk{width:2px;height:24px;margin:0 auto;background:linear-gradient(var(--cyan),#536b89)}.threat-tree-branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px;align-items:start;position:relative}.tree-branch{position:relative;min-width:0}.tree-connector{height:12px;width:2px;background:#61758e;margin:0 auto}.tree-branch-button{display:flex;flex-direction:column;gap:8px;width:100%;min-height:152px;text-align:left;padding:15px;border:1px solid #34455d;border-radius:13px;background:#0d1725;color:var(--text);transition:border-color .15s,background .15s}.tree-branch-button:hover,.tree-branch-button[aria-expanded=true]{border-color:var(--cyan);background:#10202d;box-shadow:0 0 0 2px #58e4df12}.tree-branch-num{font-size:9px;letter-spacing:.12em;font-weight:900;color:#b8a8ff}.tree-branch-button>b{font-size:12px;line-height:1.5}.tree-support,.tree-branch-refs{font-size:10px;line-height:1.6;color:#a3b2c8}.tree-click-hint{font-size:9px;font-weight:850;color:var(--cyan);margin-top:auto}.tree-branch-detail{padding:13px;margin-top:8px;border:1px solid #263a50;border-radius:11px;background:#080f19}.tree-branch-detail.hidden{display:none}.tree-mitigation{font-size:11px;line-height:1.8;color:#c9d8e9;margin:0 0 12px}.tree-evidence{padding:11px 0;border-top:1px solid #1e2c40}.tree-evidence>b,.tree-evidence>small{display:block}.tree-evidence>b{font-size:10px;color:#eaf3ff}.tree-evidence>small{font-size:9px;color:#8193ad;margin-top:3px}.tree-evidence>p{font-size:10px;line-height:1.7;color:#b7c5d9;overflow-wrap:anywhere;margin:7px 0 0}.tree-shared-note{font-size:10px;line-height:1.7;color:#91e5de;border-top:1px solid #1e2c40;padding-top:10px}.tree-unclassified .tree-branch-num{color:var(--amber)}.tree-outcome{margin-top:0;border-color:#8d6c44;background:linear-gradient(135deg,#282116,#111722)}.tree-leaf-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:13px}.tree-leaf-actions span{font-size:9px;line-height:1.6;font-weight:850;color:#f4d7a4;border:1px solid #7a613d;border-radius:8px;padding:7px 9px}.tree-disclaimer{font-size:10px;line-height:1.8;color:#8293ab;text-align:center;max-width:780px;margin:15px auto 0}.tree-outcome:before{content:"";display:block;width:2px;height:22px;background:#61758e;position:absolute;left:calc(50% - 1px);top:-23px}
@media(max-width:800px){.victim-help-panel{grid-template-columns:minmax(0,1fr);gap:15px;padding:17px}.threat-tree-branches{grid-template-columns:minmax(0,1fr);gap:9px}.tree-branch-button{min-height:0}.tree-trunk{height:18px}.tree-outcome{margin-top:0;padding:17px}.tree-leaf-actions{display:grid;grid-template-columns:minmax(0,1fr)}}
/* Global readability and contrast pass */
:root{--bg:#070d17;--panel:#101c2b;--panel2:#17283b;--line:#354b64;--text:#f7faff;--muted:#c0cde0;--cyan:#72f4e7;--violet:#c1b5ff;--amber:#ffda91;--red:#ff9bad;--green:#8cf0c5}
body{color:#f7faff}
.eyebrow,.nav-caption{color:#b0c1d8}
.fineprint,.footer,.metric small,.visual-top,.visual-bottom,.event-time,.event-ref,.graph-node .node-sub,.legend span,.node-inspector,.legend-explain small,.timeline-item small,.sim-message-date,.sim-device-caption,.sim-outcome,.tour-count,.tour-footnote{color:#b0bfd4}
.panel-head p,.pipeline p,.section-intro,.muted,.topbar p,.hero-copy p,.metric>span,.sidebar-bottom>p,.privacy-note small,.toggle-row small,.form-panel label,.correlate-footer small,.finding small,.tree-disclaimer{color:#c0cde0}
.empty-state{color:#d2deed;border-color:#506780;background:#111e2e}
.panel,.metric,.hero-copy,.hero-visual{border-color:#354b64}
.nav button{color:#d0dced}
.nav button.active{color:#f4fffe}
.btn.ghost{background:#142236;color:#f2f7ff;border-color:#465d78}
.form-panel input,.form-panel select,.form-panel textarea,.victim-help-controls select{background:#07111f;color:#f7faff;border-color:#526a84}
input::placeholder,textarea::placeholder{color:#aebdd2;opacity:1}
.event-card,.scenario-btn,.sim-chain-step,.tree-branch-detail{background:#111e2e;border-color:#3a506b}
.event-content,.finding,.timeline-item p,.tree-mitigation,.tree-evidence>p,.victim-help-result{color:#e1eaf6}
.event-tag,.counter,.case-pill,.status-pill{color:#d9fdfa}
.graph-canvas{background-color:#0c1624;border-color:#3a506b}
.graph-edge{stroke:#8b9db6;opacity:.9}
.graph-node text{fill:#f3f7ff}
.graph-node .node-sub{fill:#c0cde0}
.victim-help-panel{background:linear-gradient(125deg,#13263a,#101b2b);border-color:#49627d}
.victim-help-panel.victim-help-alert{background:linear-gradient(125deg,#3a291a,#171e29);border-color:#d79b58}
.victim-help-copy p,.victim-help-controls label{color:#d4e0ef}
.victim-help-result{background:#16283a;border:1px solid #46627b;border-left:4px solid #72f4e7;border-radius:9px;padding:13px}
.recovery-panel{background:linear-gradient(145deg,#111f30,#0c1624)!important;border-color:#405873!important}
.recovery-options button{background:#f8fbff;color:#172b42;border-color:#b9cadd}
.recovery-options button:hover,.recovery-options button.active{background:#dffaf5;color:#102c36;border-color:#0b7779}
.recovery-result{background:#f8fbff!important;color:#172b42!important;border-color:#a9c9d0!important;box-shadow:0 8px 24px #0002}
.recovery-result p,.recovery-result li{color:#29435c!important}
.recovery-result b,.recovery-result strong,.recovery-result h4{color:#14283f!important}
.recovery-panel .fineprint{color:#c4d2e4}
.recovery-panel a{color:#8be9ff}
.sim-device{background:#08111e;border-color:#40516a}
.sim-screen{background:linear-gradient(180deg,#14263b,#0b1421)}
.sim-bubble{background:#1a2b40;color:#f0f6ff;border-color:#435a74}
.sim-bubble .sim-sender{color:#d1dced}
.sim-bubble.notice{background:#392916;color:#fff0cb;border-color:#c18c45}
.sim-bubble.outgoing{background:#174445;color:#efffff;border-color:#4a8e88}
.sim-webpage{background:#142236;color:#f7faff;border-color:#465d78}
.sim-webpage p{color:#d0dced}
.sim-warning{background:#3a202a;border-color:#e16c85}
.sim-warning p{color:#ffe7ec}
.sim-phone-actions button{background:#17263a;color:#f7faff;border-color:#4a6079}
.sim-phone-actions button.primary-action{background:#72f4e7;color:#07171a}
.sim-phone-actions button.danger-action{color:#ffb1bf}
.scenario-btn small,.sim-chain-step small{color:#c0cde0}
.tour-card{background:#fff!important;color:#1b2d42!important;border-color:#b7c9dc!important}
.tour-card h2{color:#172b42!important}
.tour-card>p:not(.tour-footnote){color:#344c65!important}
.tour-count,.tour-footnote{color:#53677e!important}
.tour-skip{color:#314b63!important}
.tour-close{color:#31465d!important}
.tour-restart{background:#fff;color:#075b60;border-color:#5aa9a4}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8af8ed!important;outline-offset:3px!important}
/* HARD FIX: dark text on every pale surface; explicit readable native dropdown options */
#victimAction{background:#fff!important;color:#172b42!important;border:2px solid #a8bfd4!important}
#victimAction option,#victimAction optgroup{background:#fff!important;color:#172b42!important}
.recovery-result,.recovery-result *{color:#172b42!important}
.recovery-result{background:#fff!important;border:2px solid #a8bfd4!important}
.recovery-result p{color:#29435c!important}
.recovery-result a{color:#075fb8!important;text-decoration:underline}
.recovery-options button{background:#fff!important;color:#172b42!important;border:2px solid #b9cadd!important}
.recovery-options button:hover,.recovery-options button.active,.recovery-options button[aria-pressed=true]{background:#dffaf5!important;color:#10343b!important;border-color:#087f83!important}
.tour-card,.tour-card *{color:#172b42}
.tour-card{background:#fff!important}
.tour-card .tour-kicker,.tour-card .tour-progress span{color:#08777a}
.tour-card .tour-skip{color:#29435c!important}
.victim-help-result{background:#fff!important;color:#172b42!important;border:2px solid #a8bfd4!important;border-left:5px solid #087f83!important}
.victim-help-result *{color:#172b42!important}
.victim-help-result a{color:#075fb8!important}
.recovery-panel .fineprint,.recovery-panel .fineprint b{color:#e2ebf7!important}
.recovery-panel .fineprint a{color:#8be9ff!important}
/* FINAL CONTRAST ENFORCEMENT: pale surfaces always use dark readable text */
.recovery-result,.recovery-result *,.victim-help-result,.victim-help-result *,.tour-card,.tour-card *{color:#172b42!important}
.recovery-result p,.recovery-result li,.victim-help-result p,.victim-help-result li,.tour-card p,.tour-card small{color:#29435c!important}
.recovery-result a,.victim-help-result a,.tour-card a{color:#075fb8!important;text-decoration:underline}
.recovery-options button,.recovery-options button *,.tour-restart,.tour-restart *{color:#172b42!important}
#victimAction,#victimAction option,#victimAction optgroup{background-color:#fff!important;color:#172b42!important}
/* Keep all standard application panels dark so their light text remains legible */
.panel,.metric,.event-card,.finding,.timeline-item,.tree-branch-button,.tree-branch-detail,.tree-evidence,.scenario-btn,.sim-chain-step,.sim-webpage,.sim-warning,.node-inspector,.legend-explain,.correlate-footer,.form-panel,.pipeline,.empty-state{color:#f4f7ff}
.panel h1,.panel h2,.panel h3,.panel h4,.panel p,.panel li,.panel label,.event-card h1,.event-card h2,.event-card h3,.event-card p,.finding p,.timeline-item p,.tree-branch-button b,.tree-branch-detail p,.tree-evidence p,.form-panel label,.pipeline p,.node-inspector,.legend-explain{ text-shadow:none }
.panel:not(.recovery-result):not(.tour-card) p,.panel:not(.recovery-result):not(.tour-card) li,.panel:not(.recovery-result):not(.tour-card) small,.panel:not(.recovery-result):not(.tour-card) label{color:#d5e0ef}
/* Form controls: dark field, bright text; dropdown choices are explicitly light with dark text */
input,textarea,select{color:#f7faff}
input::placeholder,textarea::placeholder{color:#bdc9da!important;opacity:1!important}
select option,select optgroup{background:#fff!important;color:#172b42!important}
/* Avoid pale text on light button surfaces */
button[style*="background: rgb(255"],button[style*="background-color: rgb(255"],a[style*="background: rgb(255"]{color:#172b42!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #087f83!important;outline-offset:3px!important}
/* COMPLETE THEME REDESIGN — clean light workspace, dark typography, consistent alignment */
:root{color-scheme:light;--bg:#f3f6fb;--panel:#ffffff;--panel2:#f7f9fc;--line:#d6dfeb;--text:#172b42;--muted:#52657d;--cyan:#087f83;--violet:#6354c7;--amber:#9a6200;--red:#b4233a;--green:#08794f;--radius:16px}
html,body{background:#f3f6fb!important;color:#172b42!important}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
.shell{grid-template-columns:250px minmax(0,1fr);background:#f3f6fb}
.sidebar{background:#fff!important;border-right:1px solid #d6dfeb!important;box-shadow:2px 0 14px #172b4208;z-index:10}
.brand,.brand b,.nav-caption,.eyebrow,.nav button,.sidebar-bottom,.sidebar-bottom p,.privacy-note b,.privacy-note small{color:#172b42!important}
.brand small,.nav-caption,.eyebrow{color:#52657d!important}
.nav button{background:transparent!important;border-color:transparent!important;color:#344a63!important;border-radius:10px}
.nav button span{color:#087f83!important}
.nav button:hover,.nav button.active{background:#e5f5f4!important;color:#075b60!important;border-color:#b6e1dd!important}
.main{max-width:1680px;padding:28px clamp(20px,3vw,48px) 36px;background:#f3f6fb}
.topbar{align-items:center;gap:20px;margin-bottom:28px}
.topbar h1,.topbar h1 span{color:#172b42!important}
.topbar h1 span,.hero-copy h2 em{color:#087f83!important}
.topbar p,.topbar .eyebrow{color:#52657d!important}
.top-meta{gap:8px;align-items:center}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:18px;align-items:stretch}
.hero-copy,.hero-visual,.panel,.metric,.pipeline article,.form-panel,.event-card,.finding,.timeline-item,.tree-branch-detail,.tree-evidence,.node-inspector,.legend-explain,.scenario-btn,.sim-chain-step,.sim-webpage,.sim-warning,.correlate-footer,.empty-state{background:#fff!important;color:#172b42!important;border:1px solid #d6dfeb!important;box-shadow:0 5px 18px #172b4208}
.hero-copy{padding:clamp(24px,3vw,40px);justify-content:center;gap:4px}
.hero-copy h2,.hero-copy h3,.hero-copy b,.hero-copy strong,.hero-copy span,.hero-copy p,.hero-copy li,.hero-copy .eyebrow{color:#172b42!important}
.hero-copy h2 em{color:#087f83!important}
.hero-copy p{line-height:1.85;color:#405570!important}
.hero-visual{background:linear-gradient(145deg,#fff,#f7fbff)!important;padding:20px;display:flex;flex-direction:column;justify-content:space-between}
.visual-top,.visual-bottom,.visual-top span,.visual-bottom span,.legend span{color:#405570!important}
.visual-top .live{color:#08794f!important}
.graph-canvas{background-color:#f7f9fc!important;background-image:radial-gradient(#d8e2ee 1px,transparent 1px)!important;border-color:#d6dfeb!important}
.graph-node circle{fill:#fff!important}
.graph-node text{fill:#172b42!important}
.graph-node .node-sub{fill:#52657d!important}
.graph-edge{stroke:#8294aa!important;opacity:1!important}
.metric{padding:19px 20px;border-radius:14px!important;min-height:116px}
.metric small,.metric>span{color:#52657d!important}
.metric strong,.metric .metric-word{color:#172b42!important}
.metric .metric-word{color:#087f83!important}
.hero-tags span,.signal-chips span{background:#f7f9fc!important;color:#344a63!important;border-color:#d6dfeb!important}
.status-pill,.case-pill,.counter{background:#fff!important;color:#344a63!important;border-color:#d6dfeb!important}
.status-pill i{background:#08794f!important}
.panel h1,.panel h2,.panel h3,.panel h4,.panel b,.panel strong,.panel label,.panel li,.panel p,.panel small{color:#172b42}
.panel-head p,.pipeline p,.section-intro,.muted,.fineprint,.event-time,.event-ref,.metric small,.metric>span,.timeline-item small,.legend-explain small,.node-inspector,.sim-device-caption,.sim-message-date,.sim-outcome{color:#52657d!important}
.btn.primary{background:#087f83!important;color:#fff!important;border-color:#087f83!important}
.btn.ghost,.text-btn,.remove-event{background:#fff!important;color:#075b60!important;border-color:#c5d4e3!important}
.form-panel label{color:#344a63!important}
.form-panel input,.form-panel select,.form-panel textarea,input,textarea,select{background:#fff!important;color:#172b42!important;border:1px solid #bdccdd!important}
input::placeholder,textarea::placeholder{color:#657890!important;opacity:1!important}
select option,select optgroup{background:#fff!important;color:#172b42!important}
.privacy-banner{background:#edf8f7!important;border-color:#b6e1dd!important}
.privacy-banner p,.privacy-banner b{color:#24465a!important}
.event-content,.finding,.timeline-item p,.safeguards,.empty-state,.node-inspector{color:#344a63!important}
.event-tag{color:#075b60!important;background:#e7f6f5!important;border-color:#b6e1dd!important}
.risk-high{color:#a61d36!important;background:#fff0f2!important;border-color:#efb3be!important}
.risk-mid{color:#855000!important;background:#fff7e5!important;border-color:#eed39a!important}
.risk-low{color:#086344!important;background:#eaf8f1!important;border-color:#b5e2ca!important}
.sim-device{background:#fff!important;border-color:#c5d0df!important}
.sim-status,.sim-app-head,.sim-screen{background:#f7f9fc!important;color:#172b42!important}
.sim-app-head b,.sim-app-head small{color:#172b42!important}
.sim-bubble,.sim-bubble.outgoing,.sim-bubble.safe{background:#edf3f9!important;color:#172b42!important;border-color:#d0dce9!important}
.sim-bubble .sim-sender{color:#405570!important}
.sim-bubble.notice,.sim-warning{background:#fff7e8!important;color:#5d3a00!important;border-color:#e8c982!important}
.sim-warning p{color:#5d3a00!important}
.sim-webpage p,.scenario-btn small,.sim-chain-step small{color:#405570!important}
.sim-phone-actions button,.scenario-btn,.sim-chain-step{background:#fff!important;color:#172b42!important;border-color:#d6dfeb!important}
.sim-phone-actions button.primary-action{background:#087f83!important;color:#fff!important}
.sim-phone-actions button.danger-action{color:#a61d36!important}
.recovery-panel,.victim-help-panel{background:#173149!important;color:#fff!important;border-color:#284b66!important}
.recovery-panel h1,.recovery-panel h2,.recovery-panel h3,.recovery-panel p,.recovery-panel label,.recovery-panel .fineprint,.victim-help-panel h1,.victim-help-panel h2,.victim-help-panel h3,.victim-help-panel p,.victim-help-panel label{color:#f4f8ff!important}
.recovery-result,.recovery-result *,.victim-help-result,.victim-help-result *{color:#172b42!important}
.recovery-result,.victim-help-result{background:#fff!important;border-color:#bdccdd!important}
.recovery-result p,.recovery-result li,.victim-help-result p,.victim-help-result li{color:#344a63!important}
.recovery-result a,.victim-help-result a{color:#075fb8!important;text-decoration:underline}
.recovery-options button{background:#fff!important;color:#172b42!important;border:1px solid #bdccdd!important}
.recovery-options button.active,.recovery-options button:hover{background:#e5f5f4!important;color:#075b60!important}
.tour-card,.tour-card *{color:#172b42!important}
.tour-card{background:#fff!important;border:1px solid #bdccdd!important;box-shadow:0 12px 36px #172b4226!important}
.tour-card p,.tour-card small{color:#405570!important}
.tour-restart{position:fixed!important;top:12px!important;right:16px!important;bottom:auto!important;z-index:1000!important;background:#fff!important;color:#172b42!important;border:1px solid #bdccdd!important;box-shadow:0 4px 16px #172b4218!important}
.topbar .top-meta{padding-right:150px!important;gap:8px!important}
.footer{color:#52657d!important;border-color:#d6dfeb!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #087f83!important;outline-offset:3px!important}
@media(max-width:800px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:relative;width:100%;height:auto}.main{padding:20px 14px 30px}.hero-grid{grid-template-columns:minmax(0,1fr)}.topbar .top-meta{padding:48px 0 0!important}.tour-restart{top:8px!important;right:10px!important}.hero-visual{min-width:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.hero-copy{padding:22px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:15px}}
/* Guided tour layout fix: place the guide opposite the active section and avoid duplicate moving outlines */
.tour-card{z-index:10005!important;max-height:calc(100vh - 32px)!important;overflow-y:auto!important}
.tour-spotlight{border:0!important;box-shadow:none!important;transition:none!important}
.tour-target{outline:3px solid #087f83!important;outline-offset:4px!important;transition:none!important;scroll-margin:32px}
.tour-open .view.active{overflow:visible}
@media(max-width:699px){.tour-card{max-height:48vh!important;width:auto!important;left:12px!important;right:12px!important;padding:16px!important}.tour-card h2{font-size:19px!important}.tour-card>p:not(.tour-footnote){font-size:13px!important;line-height:1.6!important}}
/* Previous theme overrides intentionally superseded by this final redesign */
/* Screenshot-driven fix: the visible dashboard cards are pale, so their text MUST be dark */
.main{color:#172b42}
.topbar,.topbar *{color:#172b42}
.topbar h1,.topbar h1 span{color:#087f83!important}
.topbar p,.topbar .eyebrow{color:#405875!important}
.hero-copy,.hero-visual,.metric{background:#fff!important;color:#172b42!important}
.hero-copy h2,.hero-copy h3,.hero-copy b,.hero-copy strong,.hero-copy span,.hero-copy p,.hero-copy li{color:#172b42!important}
.hero-copy h2 em{color:#087f83!important}
.hero-copy .eyebrow,.hero-copy .fineprint{color:#405875!important}
.hero-visual .visual-top,.hero-visual .visual-bottom,.hero-visual .visual-top span,.hero-visual .visual-bottom span{color:#405875!important}
.metric,.metric *{color:#172b42!important}
.metric .metric-word{color:#087f83!important}
.hero-tags span,.signal-chips span{color:#29435c!important;background:#f7faff!important;border-color:#c4d3e3!important}
.nav-caption,.eyebrow{color:#405875!important}
.nav button{color:#29435c!important}
.nav button.active{color:#075b60!important;background:#e5f7f5!important}
.status-pill,.case-pill,.counter{color:#075b60!important;background:#fff!important;border-color:#b8d4df!important}
/* Keep the emergency response panel intentionally dark with high-contrast light text */
.victim-help-panel,.victim-help-panel *{color:#f4f8ff}
.victim-help-panel .victim-help-result,.victim-help-panel .victim-help-result *{color:#172b42!important}
/* Separate the floating help-tour control from the topbar status chips */
.tour-restart{position:fixed!important;top:10px!important;right:14px!important;bottom:auto!important;z-index:1000!important;min-height:42px!important;padding:10px 14px!important;border-radius:24px!important;box-shadow:0 4px 18px #10243b24!important}
.topbar .top-meta{padding-right:145px!important;gap:8px!important}
@media(max-width:800px){.topbar .top-meta{padding-right:0!important;padding-top:48px!important}.tour-restart{top:8px!important;right:10px!important}}
@media(max-width:600px){.panel{padding:16px}.victim-help-panel{padding:17px}.recovery-result{padding:15px}.fineprint{font-size:11px;line-height:1.75}}