:root{color:#edf4ff;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;margin:0;background:radial-gradient(circle at 20% 0%,rgba(31,126,178,.38),transparent 34rem),radial-gradient(circle at 92% 18%,rgba(112,187,87,.22),transparent 28rem),linear-gradient(145deg,#07111f,#122033 48%,#07111f)}button{font:inherit}.app-shell{width:min(1180px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:36px 0 42px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px;align-items:stretch}.hero-copy,.radar-panel,.metric-card,.route-card,.chart-card,.console-card{border:1px solid rgba(186,205,232,.2);border-radius:8px;background:#091424bd;box-shadow:0 24px 80px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-copy{padding:38px}.eyebrow,.section-title{display:inline-flex;align-items:center;gap:10px;color:#9fd5ff;font-weight:700}h1{max-width:760px;margin:18px 0 14px;font-size:clamp(42px,7vw,82px);line-height:.96;letter-spacing:0}p{max-width:690px;margin:0;color:#b9c8d9;font-size:18px;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.primary-action,.ghost-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:0;border-radius:8px;padding:0 18px;color:#06111d;font-weight:800;cursor:pointer}.primary-action{background:#83df8f}.primary-action:disabled{cursor:wait;opacity:.78}.ghost-action{border:1px solid rgba(186,205,232,.22);background:#ffffff14;color:#edf4ff}.spin{animation:spin 1s linear infinite}.radar-panel{position:relative;min-height:360px;overflow:hidden}.radar-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(159,213,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(159,213,255,.08) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at center,#000 0%,transparent 72%);mask-image:radial-gradient(circle at center,#000 0%,transparent 72%)}.pulse-ring{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:210px;height:210px;border:1px solid rgba(131,223,143,.72);border-radius:999px;transform:translate(-50%,-50%);animation:ping 2.5s ease-out infinite}.pulse-ring.two{animation-delay:.85s}.radar-icon{position:absolute;top:50%;right:50%;bottom:50%;left:50%;color:#83df8f;transform:translate(-50%,-50%);filter:drop-shadow(0 0 18px rgba(131,223,143,.7))}.status-chip{position:absolute;right:22px;bottom:22px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(186,205,232,.22);border-radius:999px;padding:10px 14px;background:#07111fbd;color:#dfeeff;font-weight:800}.dot{width:10px;height:10px;border-radius:999px;background:#9aa7b5}.dot.good{background:#83df8f}.dot.warn{background:#f4ce65}.dot.bad{background:#f77}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.metric-card{padding:20px}.metric-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#83df8f24;color:#83df8f}.metric-card span,.metric-card small{display:block;color:#9eafc2}.metric-card span{margin-top:16px;font-weight:800}.metric-card strong{display:block;margin-top:5px;color:#fff;font-size:28px;letter-spacing:0}.metric-card small{margin-top:4px}.workbench{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;margin-top:18px}.route-card,.chart-card,.console-card{padding:22px}.route-line{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-top:22px;overflow-x:auto}.route-node{min-width:132px;border:1px solid rgba(186,205,232,.18);border-radius:8px;padding:16px;background:#ffffff0e}.route-node svg{color:#9fd5ff}.route-node strong,.route-node span{display:block}.route-node strong{margin-top:12px}.route-node span{margin-top:5px;color:#9eafc2;font-size:13px}.connector{display:none}.bars{display:flex;align-items:end;gap:8px;height:190px;margin-top:22px;padding:18px;border:1px solid rgba(186,205,232,.14);border-radius:8px;background:#040a1366}.bars span{flex:1;min-width:10px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#83df8f,#54a4ff);transition:height .22s ease}.console-card{margin-top:18px}.console-lines{display:grid;gap:9px;margin-top:18px}.console-lines code{display:block;border:1px solid rgba(186,205,232,.12);border-radius:8px;padding:12px 14px;background:#050b13;color:#bce8ca;white-space:normal}@keyframes ping{0%{opacity:.8;transform:translate(-50%,-50%) scale(.45)}to{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){.hero,.workbench{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.app-shell{width:min(100% - 20px,1180px);padding-top:16px}.hero-copy,.route-card,.chart-card,.console-card{padding:18px}.metrics-grid{grid-template-columns:1fr}.radar-panel{min-height:260px}h1{font-size:42px}p{font-size:16px}}