:root{color:#ecf2ff;background:#080b14;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:#080b14}body{min-width:320px;margin:0;background:radial-gradient(circle at 78% 0%,#21194f 0,transparent 31rem),#080b14}button{font:inherit}button:focus-visible{outline:3px solid #fff;outline-offset:3px}*{scrollbar-color:#4d5976 #101628;scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#101628}*::-webkit-scrollbar-thumb{border:2px solid #101628;border-radius:999px;background:#4d5976}*::-webkit-scrollbar-thumb:hover{background:#69789e}.shell{width:min(1160px,calc(100% - 48px));margin:auto}.topline{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0;border-bottom:1px solid #293149}.wordmark{display:flex;align-items:center;gap:10px}.wordmark strong{display:block;font-size:18px;letter-spacing:-.05em}.wordmark small{display:block;margin-top:2px;color:#8994b0;font-size:9px;font-weight:800;letter-spacing:.16em}.mark{display:grid;width:32px;height:32px;place-items:center;border:1px solid #62e9df;border-radius:9px;color:#62e9df;box-shadow:0 0 20px #62e9df22;font-weight:900}.top-actions{display:flex;align-items:center;gap:16px}.webmcp-state{display:flex;align-items:center;gap:7px;color:#8994b0;font-size:11px;white-space:nowrap}.webmcp-state i{width:7px;height:7px;border-radius:50%;background:#535d75}.webmcp-state.ready{color:#b9f8d4}.webmcp-state.ready i{background:#70e7a7;box-shadow:0 0 10px #70e7a7}.live-button,.plan-button,.primary-button,.fix-plan-actions button{border:1px solid #5b4a9e;border-radius:10px;color:#edf2ff;background:#201a45;cursor:pointer}.live-button{display:flex;align-items:center;gap:7px;padding:8px 11px;font-size:11px}.live-button span{color:#62e9df;font-size:12px}.live-button.active{border-color:#62e9df;background:#102d38}button:disabled{opacity:.45;cursor:not-allowed}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:62px;align-items:center;padding:58px 0 30px}.kicker,.card-eyebrow,small{color:#8d99b6;font-size:10px;font-weight:800;letter-spacing:.13em}.hero h1{margin:8px 0 16px;font-size:clamp(46px,6vw,76px);letter-spacing:-.085em;line-height:.91}.hero em{color:#62e9df;font-style:normal}.hero-punch{margin:0 0 12px;color:#aeb8d8;font:600 13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.035em}.lede{max-width:620px;margin:0;color:#a7b2cc;font-size:15px;line-height:1.6}.connect-card{padding:22px;border:1px solid #51418e;border-radius:16px;background:linear-gradient(145deg,#211c4b,#12172b);box-shadow:0 18px 50px #0003}.card-eyebrow{display:flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;border-radius:50%;background:#62e9df;box-shadow:0 0 12px #62e9df}.connect-card h2{margin:9px 0 17px;font-size:23px;letter-spacing:-.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-button{width:100%;padding:12px 13px;border-color:#62e9df;color:#07121a;background:#62e9df;font-weight:850;text-align:left}.primary-button b{float:right;font-size:16px}.demo-button{width:100%;margin-top:8px;padding:8px 10px;border:1px solid #5b4a9e;border-radius:9px;color:#c7b8ff;background:#171334;cursor:pointer;font-size:10px;text-align:left}.demo-button span{float:right;color:#62e9df}.connect-card>small{display:block;margin-top:12px;color:#9ba7c2;font-size:10px;line-height:1.45;letter-spacing:0}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #293149;border-radius:13px;background:#101628aa;overflow:hidden}.metric-strip div{min-height:78px;padding:15px 17px;border-right:1px solid #293149}.metric-strip div:last-child{border-right:0}.metric-strip strong{display:block;margin-top:8px;font-size:23px;letter-spacing:-.06em}.metric-strip .good strong{color:#70e7a7}.metric-strip .warn strong,.warn{color:#ffd37b}.metric-strip .risk strong{color:#ff8c9d}.run-state{display:flex;align-items:center;gap:10px;min-height:55px;border-bottom:1px solid #293149;color:#c9d4e9}.run-state strong{font-size:12px;font-weight:650}.run-state small{margin-left:auto;color:#75819f;font-size:9px;letter-spacing:.04em}.pulse{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#66728d}.pulse.live{background:#70e7a7;box-shadow:0 0 13px #70e7a7;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.audit-trail{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:13px 15px;border:1px solid #3b4863;border-radius:13px;background:linear-gradient(100deg,#101628,#17213b)}.audit-trail>div>strong{font-size:13px}.audit-trail .kicker{margin:0 0 4px}.trail-steps{display:flex;align-items:stretch;gap:7px}.trail-steps article{display:flex;gap:6px;max-width:190px;padding:7px;border:1px solid #33405c;border-radius:9px;background:#0d1324}.trail-steps article.active{border-color:#ffd37b}.trail-steps b{color:#62e9df;font-size:9px}.trail-steps span{min-width:0}.trail-steps strong,.trail-steps small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trail-steps strong{font-size:10px}.trail-steps small{margin-top:3px;color:#8995b5;font-size:8px;letter-spacing:0}.empty-state{display:grid;grid-template-columns:auto 1fr auto;gap:19px;align-items:center;margin-top:28px;padding:24px;border:1px solid #303957;border-radius:15px;background:#10162888}.empty-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid #62e9df66;border-radius:14px;color:#62e9df;font-size:27px}.empty-state h2{margin:5px 0 6px;font-size:22px;letter-spacing:-.06em}.empty-state p:not(.kicker){max-width:650px;margin:0;color:#a7b2cc;font-size:12px;line-height:1.5}.empty-steps{display:flex;flex-direction:column;gap:9px;min-width:170px;color:#b3bfd5;font-size:10px}.empty-steps span{display:flex;align-items:center;gap:8px}.empty-steps b{color:#62e9df;font-size:9px}.readiness-row{display:grid;grid-template-columns:1.5fr .5fr;gap:14px;margin-top:28px}.score-card,.scope-card{border:1px solid #303957;border-radius:14px;background:#10162888}.score-card{display:flex;align-items:center;gap:20px;padding:18px}.score-card.good{border-color:#2e7659;background:linear-gradient(120deg,#10291f,#101628)}.score-card.warn{border-color:#80613b}.score-card.risk{border-color:#7b3d58}.score-ring{display:flex;align-items:baseline;justify-content:center;width:86px;height:86px;flex:0 0 auto;border:7px solid #3b4863;border-top-color:#62e9df;border-radius:50%;transform:rotate(-25deg)}.score-ring strong,.score-ring small{transform:rotate(25deg)}.score-ring strong{color:#edf2ff;font-size:28px;letter-spacing:-.08em}.score-ring small{color:#8994b0;font-size:9px;letter-spacing:0}.score-card h2{margin:5px 0 6px;font-size:19px;letter-spacing:-.05em}.score-card p:not(.kicker){margin:0;color:#a7b2cc;font-size:11px;line-height:1.4}.scope-card{display:flex;flex-direction:column;justify-content:center;padding:18px}.scope-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:7px 0;font-size:16px}.scope-card span{color:#c5d0e4;font-size:11px}.scope-card small{margin-top:11px;color:#7d89a7;font-size:9px;letter-spacing:0}.backup-panel{margin-top:14px;border:1px solid #3c4b70;border-radius:14px;background:#10162888;overflow:hidden}.backup-panel .panel-title{padding:13px 15px 10px}.backup-panel .panel-title>div{min-width:0}.backup-panel .panel-title .kicker{margin:0 0 4px}.backup-panel .panel-title strong{font-size:13px}.backup-panel .panel-note{margin-top:0}.backup-list{display:flex;flex-direction:column}.backup-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 15px;border-top:1px solid #202a40}.backup-list article>div{min-width:0}.backup-list article strong,.backup-list article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backup-list article strong{color:#d8def0;font-size:11px}.backup-list article small{margin-top:3px;color:#7f8baa;font-size:9px;letter-spacing:0}.backup-list button{flex:0 0 auto;padding:7px 10px;border:1px solid #5b4a9e;border-radius:8px;color:#d9ceff;background:#211a45;cursor:pointer;font-size:10px}.backup-empty{padding:12px 15px 15px;color:#8994b0;font-size:10px;line-height:1.4}.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:34px 0 12px}.dashboard-heading h2{margin:6px 0 0;font-size:27px;letter-spacing:-.07em}.plan-button{padding:9px 12px;font-size:11px;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}.panel{min-width:0;border:1px solid #303957;border-radius:14px;background:#10162888;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid #293149}.panel-title strong{font-size:12px}.panel-title>span{color:#62e9df;font-size:11px;font-weight:800}.panel-note{margin:12px 15px 2px;color:#7f8aa7;font-size:10px;line-height:1.45}.graph-panel{grid-column:span 2}.graph-summary{margin:12px 15px;color:#c7cde0;font-size:11px;line-height:1.5}.graph-legend{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 15px 11px;color:#8995b5;font-size:10px}.graph-legend b{color:#62e9df}.graph-nodes{display:flex;flex-wrap:wrap;gap:6px;padding:0 15px 15px}.graph-nodes span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #34405f;border-radius:99px;padding:5px 8px;color:#b9c4de;font-size:10px}.graph-nodes .configured-server{border-color:#5a4f9a;color:#d0c5ff}.graph-nodes .package-signal{border-color:#276b67;color:#70e7db}.graph-nodes .finding{border-color:#8d5c47;color:#ffb58a}.inventory,.findings,.artifact-list{display:flex;flex-direction:column}.inventory article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-bottom:1px solid #202a40}.inventory article:last-child,.findings article:last-child,.artifact-list article:last-child{border-bottom:0}.inventory strong,.artifact-list strong{display:block;font-size:12px}.inventory small{display:block;margin-top:4px;color:#818daa;font-size:9px;letter-spacing:.03em}.server-meta{max-width:45%;text-align:right}.server-meta span{display:block;color:#bca5ff;font-size:9px}.server-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.all-clear{display:flex;flex-direction:column;gap:5px;padding:18px 15px}.all-clear b{font-size:12px}.all-clear span{color:#8f9bb7;font-size:10px;line-height:1.4}.findings article{padding:11px 15px;border-bottom:1px solid #202a40;border-left:2px solid #66728d}.findings article.attention{border-left-color:#ffd37b}.findings article.review{border-left-color:#ff8c9d}.findings article.healthy{border-left-color:#70e7a7}.findings article span{display:block;margin-bottom:4px;color:#8994b0;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.findings article strong{display:block;font-size:11px}.findings article p{margin:4px 0 0;color:#9ba7c2;font-size:10px;line-height:1.4}.artifact-list article{padding:10px 15px;border-bottom:1px solid #202a40}.artifact-list article span{display:block;color:#62e9df;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.artifact-list article strong{margin-top:3px}.artifact-list article small{display:block;margin-top:4px;color:#8f9bb7;font-size:9px;line-height:1.35;letter-spacing:0}.instruction-chain{display:flex;flex-direction:column;gap:6px;margin:4px 15px 15px;padding-top:13px;border-top:1px solid #293149}.instruction-chain .kicker{margin:0 0 2px}.instruction-chain span{color:#b5c0d6;font-size:10px}.fix-plan{display:flex;flex-direction:column;gap:10px;padding:15px;border:1px solid #6554ad;border-radius:14px;background:#12172b}.plan-intro{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;padding-bottom:4px}.plan-intro strong{font-size:13px}.plan-intro span,.plan-empty{color:#a3aec8;font-size:11px;line-height:1.4}.fix-plan article{padding:11px;border-left:2px solid #66728d;background:#ffffff06}.fix-plan article:has(.apply-label){border-left-color:#62e9df}.fix-plan article>span{display:block;font-size:9px;font-weight:900;letter-spacing:.09em}.apply-label{color:#62e9df}.manual-label{color:#c59eff}.fix-plan article b{display:block;margin-top:4px;font-size:12px}.fix-plan article p{margin:4px 0 0;color:#aab5cb;font-size:11px;line-height:1.4}.fix-choice{display:flex;align-items:center;gap:6px;margin-top:8px;color:#d2dbf0;font-size:10px;cursor:pointer}.fix-choice input{accent-color:#62e9df}.fix-plan-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:4px}.fix-plan-actions small{max-width:66%;color:#8994b0;font-size:9px;line-height:1.35;letter-spacing:0}.fix-plan-actions button{width:auto;padding:9px 12px;font-size:10px;white-space:nowrap}.handoff-ready{display:flex;flex-direction:column;gap:4px;padding:11px;border:1px solid #2d776f;border-radius:10px;background:#102b2b}.handoff-ready strong{color:#70e7d8;font-size:12px}.handoff-ready span{color:#b9d8d5;font-size:10px;line-height:1.4}footer{padding:36px 0 20px;color:#74809e;font-size:11px}footer strong{color:#a9b6ce}@media (max-width:900px){.hero{gap:28px}.audit-trail{align-items:flex-start;flex-direction:column}.dashboard-grid{grid-template-columns:1fr 1fr}.artifacts-panel,.graph-panel{grid-column:1 / -1}}@media (max-width:700px){.shell{width:calc(100% - 28px)}.topline{align-items:flex-start;padding:14px 0}.top-actions{align-items:flex-end;flex-direction:column;gap:8px}.hero,.readiness-row{grid-template-columns:1fr;gap:20px}.hero{padding:40px 0 23px}.hero h1{font-size:48px}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip div:nth-child(2){border-right:0}.metric-strip div:nth-child(-n+2){border-bottom:1px solid #293149}.run-state{align-items:flex-start;padding:13px 0}.run-state small{display:none}.empty-state{grid-template-columns:auto 1fr}.empty-steps{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.trail-steps{width:100%;overflow:auto}.trail-steps article{flex:0 0 180px}.dashboard-grid{grid-template-columns:1fr}.artifacts-panel,.graph-panel{grid-column:auto}.dashboard-heading{align-items:start;flex-direction:column;gap:10px}.plan-button{width:100%}.fix-plan-actions{align-items:stretch;flex-direction:column}.fix-plan-actions small{max-width:none}.fix-plan-actions button{width:100%}.server-meta{text-align:left}.inventory article{align-items:flex-start;flex-direction:column}.server-meta{max-width:100%}.score-card{align-items:flex-start;flex-direction:column}}
