:root{color-scheme:dark;--bg:#030d16;--panel:#091824;--line:#224355;--text:#e7f4ff;--muted:#97b5c9;--cold:#48dcff;--hot:#ffb152;--mint:#71f0df;--violet:#b4a7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse at 25% 0,#12354b77,transparent 45%),var(--bg);color:var(--text);font:16px/1.5 Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit;border:1px solid var(--line);border-radius:5px;background:#0b2232;color:var(--text);padding:9px 12px}button,select{cursor:pointer}button{font-size:.875rem;font-weight:600}button:hover:not(:disabled),select:hover{border-color:var(--cold);background:#10334b}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--cold)}:focus-visible{outline:2px solid var(--cold);outline-offset:4px}.primary{color:var(--cold);border-color:#397b93;background:#0d2b3b}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 28px;border-bottom:1px solid var(--line);background:#040f1bef;position:sticky;top:0;z-index:5;backdrop-filter:blur(18px)}.brand{color:var(--text);text-decoration:none;font-size:2rem;letter-spacing:-1.3px;font-weight:750;line-height:1.05}.brand>span{color:#48b5ff}.brand small{display:block;font-size:.75rem;letter-spacing:1.3px;margin-top:8px;font-weight:500;color:var(--muted)}nav{display:flex;gap:24px}nav a{font-size:.875rem;color:var(--muted);text-decoration:none}nav a:hover{color:var(--cold)}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}main{max-width:1760px;margin:auto;padding:24px 28px 36px}h1{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:550;letter-spacing:-.6px;margin:0}h2{font-size:1.5rem;margin:0;font-weight:550}h3{font-size:1.05rem;font-weight:600;margin:0}p{margin:10px 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0 10px}.section-title:first-child{margin-top:0}.eyebrow{font-size:.75rem;letter-spacing:2.2px;color:var(--cold);margin:0 0 5px}.intro,.hint,.chart-note{color:var(--muted);font-size:.875rem}.intro{margin:8px 0 18px}.panel{background:linear-gradient(125deg,#0c1e2be8,#06121ee8);border:1px solid var(--line);border-radius:7px;padding:20px;min-width:0;box-shadow:inset 0 1px 0 #b1e5ff0b,0 10px 30px #0002}.instrument{display:grid;grid-template-columns:1.5fr .7fr .65fr;min-height:255px;padding:0;overflow:hidden}.pipe-art{position:relative;min-height:250px;overflow:hidden}.pipe-art img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.pipe-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03101b,transparent 45%)}.pipe-art>span{position:absolute;bottom:18px;left:22px;z-index:1;font-size:.75rem;letter-spacing:2px}.pipe-art small{display:block;color:var(--muted);letter-spacing:0;margin-top:4px}.pipe-values{padding:24px 32px;display:grid;gap:20px;border-left:1px solid var(--line)}.pipe-values span,.delta-value>span{display:block;color:var(--muted);font-size:.875rem;letter-spacing:1.5px}.pipe-values strong{font:500 clamp(2rem,3.5vw,3.5rem)/1.1 'Segoe UI',sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 0 22px currentColor}.pipe-values small,.delta-value>small{font-size:1.2rem;margin-left:8px}.delta-value{padding:25px;align-content:center;border-left:1px solid var(--line);color:var(--mint)}.delta-value strong{font-size:clamp(2.3rem,4vw,4.3rem);font-weight:450;letter-spacing:-2px;text-shadow:0 0 24px #71f0df60;font-variant-numeric:tabular-nums}.delta-value p{color:var(--muted);font-size:.875rem}.hot{color:var(--hot)}.cold{color:var(--cold)}.violet{color:var(--violet)}.mint{color:var(--mint)}.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:18px 0 6px}label{font-size:.875rem;color:var(--muted)}label select{margin-left:7px;max-width:260px}.status,.tag,.demo-badge{display:inline-block;font-size:.75rem;letter-spacing:1px;padding:6px 10px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}.status{font-size:.875rem;font-weight:650}.status.live{color:var(--mint);border-color:#26786f;background:#123e3540;box-shadow:0 0 20px #71f0df15}.status.stale{color:var(--hot);border-color:#805e2f}.status.offline{color:#ff9b9b}.link-strip{display:grid;grid-template-columns:.9fr 1.6fr .9fr .9fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:14px 0}.link-strip>div{padding:12px 16px;background:#081a27;border-right:1px solid var(--line)}.link-strip span,.metric-grid article>span{display:block;color:var(--muted);font-size:.75rem;letter-spacing:1.2px}.link-strip strong{display:block;font-size:.875rem;font-weight:550;margin-top:5px}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metric-grid article{border:1px solid var(--line);background:#091a27;border-radius:6px;padding:16px;min-width:0}.metric-grid strong{display:inline-block;font-size:1.8rem;font-weight:500;letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin-top:8px}.metric-grid small{color:var(--muted);font-size:.75rem;margin-left:5px}.metric-grid .word-value{display:block;font-size:1.1rem;overflow-wrap:anywhere}.metric-grid .word-value+small{margin-left:0}.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.panel-head{display:flex;gap:10px;align-items:center;justify-content:space-between}.legend{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.875rem;min-height:24px;margin:12px 0}.canvas-wrap{position:relative;height:250px;min-width:0}canvas{width:100%;height:100%;display:block;touch-action:pan-y}.chart-note{font-size:.75rem;margin-bottom:0}.threshold{display:block;min-height:24px;margin:8px 0}.threshold input{width:80px;padding:3px 6px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem;font-variant-numeric:tabular-nums}th,td{text-align:right;padding:12px 8px;border-bottom:1px solid #1c3546;white-space:nowrap}th{font-weight:500;color:var(--muted)}th:first-child,td:first-child{text-align:left}dl{margin:18px 0}dl>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #1c3546;font-size:.875rem}dt{color:var(--muted)}dd{margin:0;text-align:right;color:var(--mint)}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;overflow:auto;background:#020b12;border:1px solid #1c3546;padding:15px;color:var(--mint);font:13px/1.8 Consolas,monospace}summary{cursor:pointer;color:var(--muted);font-size:.875rem}.recommendations{list-style:none;margin:16px 0 0;padding:0}.recommendations li{border-left:2px solid var(--cold);padding:4px 0 4px 14px;margin:15px 0;font-size:.875rem}.recommendations b{display:block;color:var(--cold);margin-bottom:4px}.compliance{margin-top:34px;border-top:1px solid #89602a;padding-top:10px}.demo-badge{color:var(--hot);border-color:#805e2f;background:#3b2a1640}.demo-banner{border:1px solid #805e2f;border-radius:5px;background:#3b2a1640;padding:14px 18px;color:#ffcf91;font-size:.875rem;margin:12px 0 18px}form label{display:block;margin:12px 0}form input{display:block;width:100%;margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}#profileStatus{display:block;font-size:.875rem;color:var(--mint);margin-top:8px}.reference{display:block;text-decoration:none;padding:15px 0;border-bottom:1px solid var(--line);font-size:1rem}.reference span{display:block;font-size:.875rem;color:var(--muted);margin-top:4px}.document-list{list-style:none;padding:0;color:var(--hot);font-family:Consolas,monospace;font-size:.875rem}.document-list li{padding:10px 0;border-bottom:1px solid #1c3546}.document-list span{font-family:Segoe UI,sans-serif;color:var(--text);margin-left:18px}.readiness{display:flex;align-items:center;gap:18px;margin:20px 0}.readiness strong{font-size:3rem;font-weight:450;color:var(--hot)}.readiness span{color:var(--muted);font-size:.875rem}.checklist label{display:block;margin:14px 0}.checklist input{margin-right:10px;accent-color:var(--cold);width:17px;height:17px;vertical-align:middle}.architecture{margin-top:22px}.architecture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:20px}.architecture b{color:var(--cold);font-size:.75rem;letter-spacing:1.2px}.architecture p{font-size:.875rem}.architecture small{font-size:.75rem;color:var(--muted)}footer{padding:20px 28px 28px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted);display:flex;gap:20px;justify-content:space-between}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;background:#12344b;color:white;border:1px solid var(--cold);padding:16px 22px;border-radius:7px;max-width:90vw}dialog{color:var(--text);background:#081825;border:1px solid var(--line);border-radius:8px;width:min(900px,95vw);max-height:90vh;padding:24px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-controls{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px}.packet-sheet{border:1px solid var(--line);padding:24px;margin:18px 0}.packet-sheet h3{font-size:1.2rem}.packet-sheet .signature{font-family:Georgia,serif;font-style:italic;font-size:1.3rem;color:var(--hot)}.packet-sheet p{font-size:.875rem}.packet-sheet .demo-badge{margin-bottom:14px}.packet-sheet dl div{flex-wrap:wrap}body.presenting .topbar nav{display:none}
@media(min-width:1700px){.canvas-wrap{height:300px}}@media(max-width:1200px){nav{gap:14px}.topbar{flex-wrap:wrap}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(3,1fr)}.instrument{grid-template-columns:1.2fr .7fr .7fr}.pipe-values{padding:20px}.link-strip{grid-template-columns:repeat(3,1fr)}.architecture-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){main{padding:18px 14px}.topbar{position:relative;padding:18px 14px;gap:18px}nav{order:3;width:100%;overflow:auto;gap:22px}nav a{white-space:nowrap}.brand{font-size:1.6rem}.brand small{letter-spacing:.3px}.instrument{grid-template-columns:1fr 1fr}.pipe-art{grid-column:1/-1;min-height:210px}.pipe-values{border-left:0}.delta-value{padding:18px}.chart-grid,.detail-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.link-strip{grid-template-columns:repeat(2,1fr)}.toolbar,.section-title{align-items:flex-start;flex-direction:column}.panel{padding:16px}.instrument{padding:0}.panel-head{flex-wrap:wrap}.architecture-grid{grid-template-columns:1fr}footer{flex-direction:column}.canvas-wrap{height:255px}label select{max-width:210px}.form-row{grid-template-columns:1fr}.packet-sheet{padding:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media print{body>*:not(dialog){display:none!important}dialog{position:static;max-height:none;width:100%;padding:0;border:0;overflow:visible;background:white;color:black}dialog:not([open]){display:none}.dialog-controls{display:none}.packet-sheet{break-after:page;border:1px solid #444;color:black}.packet-sheet:last-child{break-after:auto}.packet-sheet .demo-badge{color:black;border:2px solid black;font-weight:bold}.packet-sheet dd,.packet-sheet dt,.packet-sheet .signature,.packet-sheet p{color:black}}