@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--ink: #0f2f45;--ink-soft: #3a5d77;--panel: rgba(255, 255, 255, .82);--panel-border: rgba(15, 47, 69, .15);--accent: #056df5;--accent-deep: #0b56bc;--warm: #d25531;--ok: #299f76;--outage: #8a97a6;--shadow: 0 18px 35px rgba(15, 54, 83, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Sora,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 8%,rgba(255,203,136,.46),transparent 38%),radial-gradient(circle at 92% 18%,rgba(118,206,255,.52),transparent 36%),linear-gradient(160deg,#f4f9ff,#d4e4f2)}#root{min-height:100vh;padding:24px}.app-shell{max-width:1400px;margin:0 auto;display:grid;gap:20px}.panel{border:1px solid var(--panel-border);border-radius:22px;background:var(--panel);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:var(--shadow);animation:rise-in .42s ease}.hero{padding:24px;display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:18px}.eyebrow{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.hero h1{margin:10px 0;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.12}.subtitle{margin:0;max-width:70ch;color:var(--ink-soft);line-height:1.5}.signal-row{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.signal-row span{padding:6px 10px;border-radius:999px;border:1px solid rgba(5,109,245,.25);background:#056df51a;font-size:.75rem;color:#104980}.hero-stats{display:grid;gap:10px}.hero-stats div{border-radius:14px;border:1px solid rgba(5,109,245,.2);padding:12px;background:linear-gradient(130deg,#056df51f,#f4954729)}.hero-stats span{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.hero-stats strong{font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:1.28rem}.proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{padding:16px}.stat-card h2{margin:0;font-size:.9rem;color:var(--ink-soft)}.stat-card p{margin:8px 0;font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:1.06rem;line-height:1.42}.stat-card small{display:block;color:var(--ink-soft);line-height:1.35}.stat-card code{font-family:IBM Plex Mono,JetBrains Mono,monospace}.main-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(330px,1fr);gap:20px}.ai-panel{padding:18px;border-width:2px}.ai-normal{border-color:#299f766b}.ai-warning{border-color:#d2553173}.ai-critical{border-color:#ac2f2f8c;box-shadow:0 20px 38px #ac2f2f29}.ai-header{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:16px}.ai-header h2{margin:6px 0;font-size:1.28rem}.ai-header p{margin:0;color:var(--ink-soft);line-height:1.45}.ai-badges{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ai-badges div{border:1px solid rgba(15,47,69,.18);border-radius:12px;padding:10px;background:#f4faffbf}.ai-badges span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.ai-badges strong{display:block;margin-top:4px;font-size:.9rem;line-height:1.3;font-family:IBM Plex Mono,JetBrains Mono,monospace}.ai-rationale{margin:12px 0 0;font-size:.9rem;color:var(--ink-soft)}.ai-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ai-card{border:1px solid rgba(15,47,69,.14);border-radius:14px;background:#f8fcffd6;padding:12px}.ai-card h3{margin:0 0 10px;font-size:.92rem}.ai-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ai-card li{display:grid;gap:6px;border:1px solid rgba(15,47,69,.1);border-radius:10px;background:#ffffffc7;padding:9px}.ai-card li strong{font-size:.84rem}.ai-card li p{margin:0;font-size:.78rem;color:var(--ink-soft);line-height:1.35}.ai-card li button{border-radius:9px;border:1px solid rgba(15,47,69,.2);background:linear-gradient(120deg,#056df5,#2a74db);color:#fff;font-size:.78rem;padding:7px;cursor:pointer}.ai-actions{margin-top:10px;display:grid;grid-template-columns:1fr;gap:8px}.ai-actions button{border-radius:10px;border:1px solid rgba(15,47,69,.22);background:linear-gradient(120deg,#0a66e6,#2d7add);color:#fff;font-weight:600;padding:9px;cursor:pointer}.ai-actions label{display:flex;align-items:center;gap:8px;font-size:.82rem;padding:8px 10px;border-radius:10px;border:1px solid rgba(15,47,69,.14);background:#f3faffd9}.ai-actions input{margin:0}.guardrail-note{margin:10px 0 0;padding:8px 10px;border-radius:10px;border:1px solid rgba(204,79,61,.35);background:#ffeee9cc;color:#9a311f;font-size:.78rem}.ai-empty{font-size:.82rem;color:var(--ink-soft)}.ai-metric-list li{grid-template-columns:1fr auto;align-items:center}.ai-metric-list span{font-size:.8rem}.ai-metric-list strong{font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:.82rem}.anomaly-list li{border-left:4px solid transparent}.anomaly-info{border-left-color:#3a7ed4}.anomaly-warning{border-left-color:#d48c2f}.anomaly-critical{border-left-color:#cc4f3d}.graph-panel,.controls-panel{padding:20px}.panel-header h2{margin:0;font-size:1.08rem}.panel-header p{margin:8px 0 0;color:var(--ink-soft);line-height:1.45}.graph-shell{margin-top:14px;border-radius:22px;overflow:hidden;border:1px solid rgba(15,47,69,.2)}svg{width:100%;height:auto;display:block}.edge-label{fill:#183c58;font-size:10.8px;text-anchor:middle;font-family:IBM Plex Mono,JetBrains Mono,monospace}.route-edge{stroke-dasharray:11 8;animation:flow 1.5s linear infinite}.down-edge{stroke-dasharray:6 7}.node-dot{fill:#f9fcff;stroke:#0d4b73;stroke-width:2.1;filter:drop-shadow(0 4px 8px rgba(12,53,82,.3))}.node-source{fill:#c8ecff}.node-destination{fill:#ffe7cb}.node-active{stroke:var(--accent);stroke-width:3.1}.node-label{fill:#153a55;font-size:11px;font-weight:500;font-family:IBM Plex Mono,JetBrains Mono,monospace}.legend-row{margin-top:12px;display:flex;flex-wrap:wrap;gap:12px;font-size:.82rem;color:var(--ink-soft)}.legend-row div{display:flex;align-items:center;gap:8px}.legend{width:18px;height:6px;border-radius:999px}.legend-calm{background:var(--ok)}.legend-hot{background:var(--warm)}.legend-route{background:var(--accent)}.legend-outage{background:var(--outage)}.event-log{margin-top:16px;border-top:1px solid rgba(15,47,69,.15);padding-top:14px}.event-log h3{margin:0 0 10px;font-size:.94rem}.event-log ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.event-log li{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;background:#f7fcffbf;border:1px solid rgba(15,47,69,.1);border-radius:10px;padding:8px}.event-log strong{white-space:nowrap;font-family:IBM Plex Mono,JetBrains Mono,monospace}.control-section{margin-top:14px}.control-section h3{margin:0 0 10px;font-size:.9rem}.auth-card,.ops-card{border:1px solid rgba(15,47,69,.14);border-radius:14px;padding:12px;background:#f7fcffbf}.auth-note{margin:0;color:var(--ink-soft);font-size:.8rem;line-height:1.4}.auth-note code{margin-left:4px;font-family:IBM Plex Mono,JetBrains Mono,monospace}.auth-actions{margin-top:10px;display:grid;gap:8px}.auth-actions button{border-radius:10px;border:1px solid rgba(15,47,69,.2);background:linear-gradient(120deg,#056df5,#2a74db);color:#fff;font-weight:600;padding:9px;cursor:pointer}.auth-actions .ghost{background:#ecf3fb;color:var(--ink)}.ops-metrics-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.ops-metrics-list li{display:flex;justify-content:space-between;gap:8px;font-size:.8rem}.ops-metrics-list strong{font-family:IBM Plex Mono,JetBrains Mono,monospace;text-align:right}.ops-log{margin-top:10px;border:1px solid rgba(15,47,69,.12);border-radius:10px;background:#fbfeffe6;padding:8px;display:grid;gap:6px}.ops-log p{margin:0;font-family:IBM Plex Mono,JetBrains Mono,monospace;font-size:.72rem;line-height:1.35;color:#1b4564}.scenario-buttons{display:grid;gap:8px}.scenario-buttons button{text-align:left;background:#f3faffdb;color:var(--ink);border:1px solid rgba(15,47,69,.22);border-radius:13px;padding:10px;cursor:pointer}.scenario-buttons button.active{border-color:#056df5b3;background:linear-gradient(120deg,#056df529,#3ea4e82e)}.scenario-buttons span{display:block;font-size:.87rem;font-weight:600}.scenario-buttons small{display:block;margin-top:3px;font-size:.75rem;color:var(--ink-soft);line-height:1.35}.control-grid{display:grid;gap:12px}label{display:grid;gap:6px;font-size:.86rem}select,input[type=range],button{width:100%;font-family:inherit}select{border-radius:12px;border:1px solid rgba(15,47,69,.24);padding:10px;background:#f2f7fb;color:var(--ink)}input[type=range]{accent-color:var(--accent)}.pill-switch{display:grid;grid-template-columns:1fr 1fr;border-radius:999px;border:1px solid rgba(15,47,69,.25);overflow:hidden}.pill-switch button{border:0;border-radius:0;padding:10px;background:#f1f8ffd9;color:var(--ink);cursor:pointer}.pill-switch button.active{background:linear-gradient(120deg,#056df5,#2f78dd);color:#fff}.outage-grid{display:grid;gap:7px}.outage-item{display:flex;align-items:center;gap:8px;background:#f3f9ffb8;border:1px solid rgba(15,47,69,.15);border-radius:11px;padding:8px}.outage-item input{margin:0}.button-row{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.button-row button,.scenario-buttons button{border-radius:12px;border:1px solid rgba(15,47,69,.2)}.button-row button{padding:10px;background:linear-gradient(120deg,#056df5,#2a74db);color:#fff;font-weight:600;cursor:pointer}.button-row button.ghost{background:#ecf3fb;color:var(--ink)}button:disabled{opacity:.55;cursor:not-allowed}.metrics-block{margin-top:16px}.metrics-block h3{margin:0 0 9px;font-size:.9rem}.metrics-block ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}.metrics-block li{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:.82rem}.metrics-block strong{max-width:62%;text-align:right;font-family:IBM Plex Mono,JetBrains Mono,monospace;line-height:1.3}.formula{margin:14px 0 0;color:var(--ink-soft);font-size:.79rem}.formula code{font-family:IBM Plex Mono,JetBrains Mono,monospace}.explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.explainer-card{padding:16px}.explainer-card h2{margin:0 0 10px;font-size:1rem}.explainer-card ol,.explainer-card ul{margin:0;padding-left:20px;display:grid;gap:8px;font-size:.87rem;line-height:1.45}.explainer-card ul{list-style:none;padding-left:0}.explainer-card ul li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(15,47,69,.1);padding-bottom:6px}.explainer-card ul li:last-child{border-bottom:0;padding-bottom:0}.explainer-card ul strong{white-space:nowrap;font-family:IBM Plex Mono,JetBrains Mono,monospace;text-align:right}@keyframes flow{to{stroke-dashoffset:-36}}@keyframes rise-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1240px){.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-header,.ai-grid,.main-grid,.explain-grid{grid-template-columns:1fr}}@media(max-width:860px){#root{padding:12px}.hero,.proof-grid,.button-row{grid-template-columns:1fr}.event-log li{flex-direction:column}.event-log strong{white-space:normal}.metrics-block strong{max-width:55%}}