@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f5f3ed;--white:#fff;--ink:#182331;--navy:#172536;--navy2:#1e3249;--muted:#68717d;--line:#dce0df;--accent:#f06a43;--cobalt:#2259db;--mint:#b9ebd5;--danger:#c34f51;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--head:'Space Grotesk',system-ui,sans-serif;--body:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);margin:0;color:var(--ink);font:14px/1.55 var(--body)}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
[hidden]{display:none!important}
.topbar{background:#182635;border-bottom:1px solid #384353;color:#fff}
.top-inner{display:flex;justify-content:space-between;align-items:center;max-width:1470px;margin:auto;padding:15px clamp(18px,4vw,58px)}
.wordmark{display:flex;align-items:center;gap:13px}.wordmark strong{font:700 23px/1 var(--head);letter-spacing:-1.3px}.wordmark small{display:block;letter-spacing:2.2px;font:9px/2 var(--mono);color:#acbbca;margin-top:5px}
.word-accent{color:#ff986d}.mark{width:44px;height:44px;display:grid;place-items:center;border-radius:12px 3px 12px 3px;border:1px solid #a3c4b8;position:relative;color:#fff;font:700 29px var(--head)}
.mark span{position:absolute;font-size:12px;top:-6px;right:-5px;color:var(--accent)}.top-right{display:flex;align-items:center;gap:25px;font:11px var(--mono)}
.mode-indicator{color:#c8d5db;letter-spacing:1px}.mode-indicator i{display:inline-block;height:7px;width:7px;border-radius:50%;background:#c0f5db;margin-right:8px}.mode-indicator b{color:#fb956e}.top-link{color:#dce5e5}
.shell{max-width:1470px;margin:auto;padding:0 clamp(16px,4vw,58px) 35px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:32px;padding:52px 0 35px;align-items:center}
.eyebrow,.section-number{font:700 10px/1.6 var(--mono);letter-spacing:1.3px;color:var(--cobalt)}
.eyebrow .pin{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:2px;margin-right:9px}
.hero h1{font:700 clamp(64px,8vw,114px)/.89 var(--head);letter-spacing:-6px;margin:17px 0 25px}.hero h1 em{font-style:normal;color:var(--accent)}
.hero p{max-width:735px;color:#515d67;font-size:16px;line-height:1.7;letter-spacing:-.2px}
.hero-metrics{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:21px;font:12px var(--mono);color:#697380}.hero-metrics span{border-right:1px solid #d0d4d0;padding-right:21px}.hero-metrics span:last-child{border:0}.hero-metrics b{font-size:22px;color:#1b3346}
.hero-aside{min-height:253px;background:#e7e9e3;border:1px solid #d1d6d1;border-radius:10px;padding:20px 22px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.hero-corner{font:700 10px var(--mono);letter-spacing:1px;color:#526373}.hero-aside strong{font:600 24px/1.16 var(--head);letter-spacing:-.75px;max-width:205px;margin-top:auto}.hero-aside small{font-size:11px;line-height:1.5;color:#758080;margin-top:10px}
.hero-pattern{display:flex;gap:9px;margin-top:20px}.hero-pattern span{width:55px;height:67px;border:2px solid #9baaa5;border-radius:5px;transform:rotate(-13deg);background:linear-gradient(135deg,#f1f5ef,#cfdcd3)}.hero-pattern span:nth-child(2){transform:rotate(0deg);background:#e2e8e1}.hero-pattern span:nth-child(3){transform:rotate(13deg);background:var(--cobalt);border-color:#194dc3}
.tabline{display:flex;align-items:center;gap:33px;border-bottom:1px solid #cdd4d1;margin-bottom:22px;white-space:nowrap;overflow-x:auto}
.tabline>span{font:11px var(--mono);letter-spacing:.2px;color:#7f8b94;padding:0 0 16px}.tabline b{font-family:var(--body);font-size:12px;letter-spacing:1px;margin-left:7px}
.tabline>.tab-active{color:var(--ink);border-bottom:3px solid var(--accent)}.tabline>.tab-right{margin-left:auto;font-size:9px;color:#91999a}
.main-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;align-items:stretch}
.scan-panel{background:linear-gradient(155deg,#20354c 0%,#172536 65%,#101d2e 100%);border-radius:13px;color:#fff;padding:28px;min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-height:595px}
.scan-panel:before{content:"";position:absolute;inset:-160px auto auto -160px;width:350px;height:350px;background:radial-gradient(circle,#3e688237,transparent 70%);pointer-events:none}
.scan-title{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;font:700 10px var(--mono);letter-spacing:1.5px;color:#a9c0cf}
.scan-state{border:1px solid #557081;border-radius:20px;padding:5px 9px;font-size:9px;letter-spacing:0;color:#b8eadb}.scan-state.scanning{color:#ffd1b8;border-color:#d78766}
.radar{height:225px;width:225px;position:relative;margin:31px auto 10px;display:grid;place-items:center;flex-shrink:0}
.radar-ring{position:absolute;inset:0;border-radius:50%;border:1px solid #517186}.ring-two{inset:22px;border-color:#6e8798}.ring-three{inset:47px;border:1px dashed #80adac}
.radar:before,.radar:after{content:"";position:absolute;background:#49697c}.radar:before{width:1px;height:100%}.radar:after{height:1px;width:100%}
.radar-center{position:relative;z-index:2;height:98px;width:98px;border-radius:50%;background:#f2f2e9;color:#1e3244;border:7px solid #284455;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 0 1px #d9f0e6}
.radar-center .signal-symbol{font:800 47px/1 var(--head)}.radar-center small{font:800 10px var(--mono);letter-spacing:2px}
.scan-panel.scanning .radar-ring{animation:pulse 2s infinite}.scan-panel.scanning .ring-two{animation-delay:.33s}.scan-panel.scanning .ring-three{animation-delay:.66s}
@keyframes pulse{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}
.scan-panel h2{font:600 31px/1.13 var(--head);letter-spacing:-1px;text-align:center;margin:10px 0}
.scan-panel>p{text-align:center;color:#bbc9d0;max-width:375px;font-size:13px;line-height:1.7;min-height:58px;margin:0 auto 18px}
.button{min-height:45px;border-radius:6px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:12px;font-weight:800;letter-spacing:.15px;border:1px solid transparent}
.button-accent{background:var(--accent);color:#172536}.button-accent:hover{background:#ff916d}.button-dark{background:#1f3349;color:#fff}.button-dark:hover{background:#31516a}.button-outline{background:transparent;border-color:#b9c7c5;color:#243a49}.button-outline:hover{border-color:var(--cobalt);color:var(--cobalt)}
.button-danger{background:#fff2ee;color:#a74647;border-color:#eac7bf}.button-danger:hover{background:#fbe5df}
.scan-btn{font:800 13px var(--mono);width:min(350px,100%);letter-spacing:1px;min-height:53px}
.sub-button{border:0;color:#56708b;background:none;padding:9px 0;font-size:12px;font-weight:700}.scan-panel .sub-button{color:#e5b59c}
.scan-evidence{background:#1e3549;border:1px solid #426073;border-radius:6px;padding:11px 13px;width:100%;font:11px/1.6 var(--mono);color:#d5e6e7;text-align:center;margin:20px 0 13px;min-height:42px}
.scan-caveat{display:flex;gap:9px;width:100%;color:#a4b4bc;font:10px/1.6 var(--mono);margin-top:auto}.mini-asterisk{color:#ff966f;font-size:17px}
.action-panel{background:#fff;border:1px solid #dee1df;border-radius:13px;padding:27px;min-width:0;display:flex;flex-direction:column}
.identity-head{display:flex;align-items:center;gap:17px;padding:24px 0}.identity-icon{width:84px;height:85px;flex:0 0 84px;background:#e8ede8;border:1px solid #d4dcd8;border-radius:16px;display:grid;place-items:center;color:#2d4f55;font:700 43px var(--head)}.identity-icon.blue{color:var(--cobalt);background:#e5ecff;border-color:#9fbeff}
.state-pill{font:750 10px var(--mono);letter-spacing:.5px;color:#688085}.state-pill.good{color:#167b5d}.state-pill.bad{color:#b94f3f}
.identity-head h2{font:650 30px/1.18 var(--head);letter-spacing:-1.4px;margin:6px 0 4px}.identity-head p{font-size:12px;color:#75808b;line-height:1.5;margin:0}
.reading-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e6e8e7;border-bottom:1px solid #e6e8e7}
.reading-grid>div{padding:15px 6px}.reading-grid>div:nth-child(odd){border-right:1px solid #e6e8e7}.reading-grid>div:nth-child(n+3){border-top:1px solid #e6e8e7}.reading-grid small{display:block;font:800 9px var(--mono);color:#91a0aa;letter-spacing:1px;margin-bottom:5px}.reading-grid strong{font:650 13px var(--head);color:#223748}
.action-flow{padding-top:22px;min-height:213px}.action-help{font-size:13px;line-height:1.75;color:#536573;margin-bottom:13px}.select-label{display:block;font-size:12px;font-weight:700;color:#50616f;margin-bottom:14px}.select-label select{display:block;width:100%;margin-top:8px;padding:12px 10px;border:1px solid #b7c3c5;border-radius:5px;background:#fff;color:#213348}
.candidate-box{background:#f2f4f0;border:1px solid #dce3dd;padding:14px;border-radius:7px;margin-top:13px}
.candidate-box>span{font:800 9px var(--mono);color:#788c8c}.candidate-box code{display:block;font:11px/1.7 var(--mono);overflow-wrap:anywhere;color:#1a5f59;margin:9px 0}.candidate-box p{font-size:12px;color:#64757d}.consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.55;margin:12px 0}.consent input{width:17px;height:17px;accent-color:var(--cobalt);flex-shrink:0}
.candidate-box>.button{width:100%}.management{display:flex;flex-wrap:wrap;gap:9px}.management>.button{flex:1;min-width:155px}.safety-line{font:11px/1.5 var(--mono);color:#72818c;border-top:1px solid #e9ece9;margin-top:auto;padding-top:15px;overflow-wrap:anywhere}
.fleet-section,.compare-section{margin-top:55px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.section-header h2{font:700 42px/1 var(--head);letter-spacing:-1.9px;margin:10px 0 7px}.section-header p{max-width:800px;color:#727d80;margin:0;font-size:13px;line-height:1.65}
.fleet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fleet-card{min-height:203px;background:#fff;border:1px solid #dce1df;border-radius:9px;padding:16px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.fleet-card.blue{background:#e8edfc;border-color:#c5d4fc}.fleet-card .fleet-top{display:flex;justify-content:space-between;font:700 10px var(--mono);color:#7e8a92;letter-spacing:.3px}
.fleet-card .fleet-art{height:84px;margin:10px 0;display:flex;align-items:center;justify-content:center}
.fleet-card .white-card-art{width:106px;height:68px;border-radius:8px;background:linear-gradient(148deg,#e5ebeb,#fff 58%,#dde5e5);border:1px solid #becacb;box-shadow:7px 9px 0 #dfe7e4;position:relative}
.white-card-art:before{content:"";position:absolute;top:15px;left:13px;height:20px;width:26px;border-radius:4px;border:2px solid #cad5d6}
.white-card-art:after{content:"";position:absolute;bottom:11px;right:12px;width:35px;height:3px;background:#a6bbc1}
.fleet-card .blue-fob-art{height:73px;width:73px;border-radius:50%;background:radial-gradient(circle at 30% 24%,#7da3f7,#2d52a6 72%);border:5px solid #bdd0f8;box-shadow:3px 6px 0 #b6c6ea;position:relative}
.blue-fob-art:after{content:"";position:absolute;top:8px;left:27px;width:11px;height:11px;border:3px solid #d6e3ff;border-radius:50%}
.fleet-card strong{font:650 20px var(--head);letter-spacing:-.6px}.fleet-card p{font:11px var(--mono);color:#74838d;margin:4px 0}.fleet-status{margin-top:auto;font:800 10px var(--mono);padding-top:13px;color:#8b929a}.fleet-status.active{color:#0c7958}.fleet-status.revoked{color:#bf5450}
.fleet-footer{display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between;color:#8b989e;font:10px var(--mono);margin-top:15px}
.compare-wrap{overflow:auto;border:1px solid #dbe0db;border-radius:8px;background:#fff}.compare-table{width:100%;border-collapse:collapse;text-align:left;min-width:720px}.compare-table th{font:800 10px var(--mono);letter-spacing:.8px;background:#e8edeb;color:#687982;padding:16px}.compare-table td{font-size:12px;color:#4a5966;padding:17px 16px;border-top:1px solid #e3e7e4;vertical-align:top}.compare-table td:first-child{font-weight:800;color:#243748}.compare-table tr:last-child{background:#f1f5f7}.compare-table td span{display:block;font:10px var(--mono);color:#81909a;margin-top:4px}
.usb-panel{background:#e8eeeb;border-radius:11px;border:1px solid #d1dad6;display:grid;grid-template-columns:200px 1fr;gap:30px;padding:27px;margin-top:19px}
.usb-graphic{background:#203648;border-radius:9px;min-height:185px;padding:22px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.usb-graphic:after{content:"";height:110px;width:65px;position:absolute;right:-10px;top:24px;border:13px solid #8bb0b4;border-radius:12px;transform:rotate(18deg)}
.usb-graphic>span{font:800 10px var(--mono);color:#a0d9ca}.usb-graphic>b{font:800 27px var(--head);letter-spacing:-1px}.usb-graphic>small{font:9px var(--mono);color:#acc8c5}
.usb-content h3{font:700 28px var(--head);margin:8px 0}.usb-content p{font-size:13px;color:#647780;line-height:1.7}.usb-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.usb-status{font:11px var(--mono)!important;color:#557883!important}
.manual-panel{display:grid;grid-template-columns:1fr .95fr;gap:35px;background:#fff;border:1px solid #dce0dc;border-radius:10px;padding:25px;margin-top:22px}
.manual-panel h3{font:650 27px var(--head);margin:10px 0}.manual-panel p{font-size:13px;color:#6e7c84;line-height:1.7}.manual-controls{display:grid;gap:11px}.manual-controls label{font:700 11px var(--body);color:#667783}
.manual-controls input,.manual-controls select{display:block;width:100%;margin-top:6px;border:1px solid #b9c6c8;border-radius:5px;padding:11px;background:#fbfcfa;color:#283b48;min-height:42px}
.manual-controls .button{justify-self:start}.manual-controls p{font:11px var(--mono);margin:0}
footer{border-top:1px solid #d1d9d7;margin-top:45px;padding-top:22px;display:grid;grid-template-columns:1fr auto;gap:12px}.footer-left{display:flex;gap:17px;align-items:center}.footer-left b{font:700 19px var(--head)}.footer-left b span{color:var(--accent)}.footer-left>span{color:#7d9099;font:10px var(--mono)}.footer-controls{display:flex;gap:14px}.footer-controls button{border:0;background:transparent;color:#4e6576;font:11px var(--body);cursor:pointer;text-decoration:underline}footer>small{grid-column:1/-1;font:10px/1.6 var(--mono);color:#86969a}
@media(max-width:1060px){.main-grid{grid-template-columns:1fr}.scan-panel{min-height:530px}.hero{grid-template-columns:1fr}.hero-aside{display:none}.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.shell{padding:0 16px 26px}.top-inner{padding:12px 16px}.top-link{display:none}.wordmark strong{font-size:20px}.wordmark small{font-size:8px}.hero{padding:32px 0 24px}.hero h1{font-size:clamp(60px,15vw,92px);letter-spacing:-4px;margin:10px 0 16px}.hero p{font-size:14px}.hero-metrics{gap:12px}.hero-metrics span{padding-right:10px}.hero-metrics b{font-size:17px}.tabline{gap:18px}.tabline>.tab-right{display:none}.scan-panel{padding:19px;min-height:490px}.radar{height:176px;width:176px;margin:20px 0 13px}.radar-center{height:82px;width:82px}.scan-panel h2{font-size:27px}.scan-panel>p{font-size:12px;min-height:0}.scan-evidence{margin-top:16px}.action-panel{padding:19px}.identity-head{padding:18px 0}.identity-icon{height:67px;width:67px;flex-basis:67px;font-size:32px}.identity-head h2{font-size:25px}.section-header{align-items:flex-start;flex-direction:column}.section-header h2{font-size:35px}.fleet-section,.compare-section{margin-top:35px}.fleet-grid{gap:8px}.fleet-card{padding:12px;min-height:190px}.fleet-card strong{font-size:17px}.fleet-card .fleet-art{height:72px}.usb-panel{grid-template-columns:1fr;padding:19px;gap:15px}.usb-graphic{min-height:105px}.manual-panel{grid-template-columns:1fr;padding:19px}.manual-controls .button{width:100%}footer{grid-template-columns:1fr}.footer-controls{grid-row:2}.footer-left>span{font-size:8px}}
@media(max-width:350px){.fleet-grid{grid-template-columns:1fr}.fleet-card{min-height:155px}.tabline{gap:11px}.tabline>span{font-size:9px}.tabline b{font-size:10px}.identity-head h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Mobile immediate scan affordance; no decorative inert navigation */
.quick-scan{margin-top:16px;min-width:236px;font:800 12px var(--mono)}
.tabline>a{color:#7f8b94;display:block;text-decoration:none;font:11px var(--mono);letter-spacing:.2px;padding:0 0 16px}
.tabline>a:hover,.tabline>a:focus-visible{color:var(--accent)}
.tabline>a b{font:750 12px var(--body);letter-spacing:1px;margin-left:7px}
@media(max-width:720px){
.hero{padding:18px 0 11px}
.hero h1{font-size:clamp(49px,12.6vw,76px);margin:9px 0 11px;letter-spacing:-2.5px}
.hero p{font-size:12px;line-height:1.55;margin:0}
.quick-scan{display:flex;width:100%;min-height:52px;margin-top:14px}
.hero-metrics{display:none}
.tabline{margin:17px 0 12px}
.tabline>a{padding-bottom:10px}
.tabline>a b{font-size:10px}
.scan-panel{min-height:450px}
}

.local-trace{width:100%;background:#132438;border:1px solid #3d5c6b;border-radius:7px;padding:11px;margin-bottom:15px}
.trace-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font:800 9px var(--mono);color:#afcdd2;letter-spacing:.7px}
.trace-export{background:#f1f2eb;color:#23384a;border:0;border-radius:4px;padding:7px 8px;font:800 10px var(--body);letter-spacing:0}
.recent-scans{font:10px/1.5 var(--mono);color:#a1b8bf;margin-top:9px}
.scan-log-row{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #34505f;padding:7px 0}
.scan-log-row strong{color:#f3d29d}.scan-log-row span{color:#9cb5c0;text-align:right;overflow-wrap:anywhere}
@media(max-width:720px){.trace-head,.scan-log-row{align-items:flex-start;flex-direction:column}.scan-log-row span{text-align:left}}

/* Evidence is an operator workstream, never a decorative status indicator. */
.forensic-counters{font:700 11px/1.5 var(--mono);color:#f7d3ae;margin:10px 0 3px}
.forensic-integrity{font:9px/1.5 var(--mono);color:#92d7b8;border-top:1px solid #365062;padding-top:9px;margin-top:7px}
.forensic-integrity.broken{color:#ffc19f}
.fleet-scan-count{font:700 10px/1.5 var(--mono);color:#50798a;padding-top:5px}
.forensic-section{margin-top:48px}
.forensic-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.audit-board{background:#fff;border:1px solid #d9e1df;border-radius:10px;overflow:hidden}
.audit-board-top{background:#e9efec;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 21px}
.audit-board-top strong{font:800 10px var(--mono);letter-spacing:1px}
.audit-board-top label{font:700 11px var(--body);color:#586e77}
.audit-board-top select{margin-left:8px;min-height:36px;padding:7px 10px;border:1px solid #afc4c5;border-radius:5px;color:#21364b;background:#fff}
.forensic-history-list{max-height:510px;overflow:auto;padding:0 20px}
.forensic-history-row{padding:14px 0;border-bottom:1px solid #e7eeeb;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.forensic-history-row:last-child{border-bottom:0}
.forensic-history-row strong{color:#254157;font:700 12px/1.5 var(--mono)}
.forensic-history-row small{color:#71848a;font:10px/1.55 var(--mono);text-align:right;overflow-wrap:anywhere}
.forensic-disclaimer{font-size:11px;line-height:1.8;color:#7d8b8e;margin-top:12px}
@media(max-width:720px){.forensic-section{margin-top:31px}.audit-board-top{flex-direction:column;align-items:stretch}.audit-board-top select{display:block;margin:7px 0 0;width:100%}.forensic-history-row{flex-direction:column;gap:4px}.forensic-history-row small{text-align:left}.forensic-tools{width:100%}.forensic-tools .button{flex:1}}
