*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(96,165,250,.16),transparent 24%),radial-gradient(circle at top right,rgba(231,200,92,.1),transparent 20%),linear-gradient(180deg,#071a3d,#0b2557 45%,#0f2f68);color:#f3f4f6}body{min-height:100vh}.page-shell{max-width:1280px;margin:0 auto;padding:24px}.info-ticker-wrap{overflow:hidden;white-space:nowrap;margin-bottom:18px;border-radius:16px;background:linear-gradient(90deg,#7db6e8,#a8cff3,#e7c85c);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 22px rgba(0,0,0,.18)}.info-ticker-track{display:inline-flex;width:max-content;animation:tickerMove 24s linear infinite}.info-ticker-track span{display:inline-block;padding:12px 22px;font-size:13px;font-weight:800;letter-spacing:.08em;color:#08224d}@keyframes tickerMove{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.hero{padding:36px;border-radius:24px;background:radial-gradient(circle at top right,rgba(125,182,232,.22),transparent 30%),radial-gradient(circle at bottom left,rgba(231,200,92,.1),transparent 24%),linear-gradient(135deg,rgba(9,28,68,.97),rgba(10,38,87,.96));border:1px solid rgba(125,182,232,.18);box-shadow:0 14px 36px rgba(0,0,0,.28);margin-bottom:20px}.hero-badge{display:inline-block;background:linear-gradient(90deg,#7db6e8,#e7c85c);color:#08224d;padding:8px 14px;border-radius:999px;font-size:14px;margin-bottom:14px;font-weight:800}.hero h1{margin:0 0 8px;font-size:52px;line-height:1.05;color:#f8fafc}.hero-subtitle{margin:0 0 14px;font-size:22px;color:#9fd0ff;font-weight:700}.hero-text{font-size:18px;line-height:1.6;max-width:960px;color:#e5e7eb}.hero-actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.primary-btn,.secondary-btn{border:none;border-radius:12px;padding:12px 16px;font-size:15px;cursor:pointer}.primary-btn{background:linear-gradient(90deg,#5ca8e8,#7db6e8);color:#08224d;font-weight:800}.secondary-btn{background:rgba(231,200,92,.14);color:#f6d96a;border:1px solid rgba(231,200,92,.32)}.control-bar{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));grid-gap:14px;gap:14px;margin:20px 0}.control-group{background:rgba(12,29,67,.86);border:1px solid rgba(125,182,232,.12);border-radius:16px;padding:14px}.control-group label{display:block;margin-bottom:8px;font-size:14px;color:#a8cff3}.control-group select{width:100%;background:#0f172a;color:#fff;border:1px solid rgba(125,182,232,.16);border-radius:10px;padding:10px 12px}.button-wrap{display:flex;align-items:end}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:18px}.compact-metrics{margin-top:8px}.metric-card{border-radius:18px;padding:18px;min-height:118px;background:linear-gradient(135deg,#4b8fcb,#7db6e8);box-shadow:0 10px 24px rgba(0,0,0,.22)}.metric-title{font-size:14px;opacity:.95;color:#eef7ff}.metric-value{font-size:30px;font-weight:800;margin-top:6px;color:#fff}.metric-note{font-size:13px;margin-top:8px;opacity:.95;color:#f4f9ff}.section-card{background:rgba(9,24,58,.84);border:1px solid rgba(125,182,232,.12);border-radius:18px;padding:18px;margin-bottom:18px;box-shadow:0 8px 24px rgba(0,0,0,.22)}.section-card h2{margin-top:0;margin-bottom:12px;color:#f8fafc}.nested-card{margin-bottom:0;background:rgba(12,29,67,.88);border:1px solid rgba(125,182,232,.1)}.two-col{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:16px;gap:16px}.map-layout{align-items:start}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.feature-card{background:rgba(12,29,67,.88);border:1px solid rgba(125,182,232,.1);border-radius:16px;padding:16px}.feature-card h3{margin-top:0;margin-bottom:10px;color:#f8fafc}.map-shell{position:relative;min-height:620px;border-radius:18px;overflow:hidden;border:1px solid rgba(125,182,232,.14)}.map-image,.map-shell{width:100%;background:#0f172a}.map-image{height:620px;object-fit:contain;display:block}.map-dim{position:absolute;inset:0;background:rgba(0,0,0,.18)}.attack-path-layer{position:absolute;inset:0;width:100%;height:100%;z-index:2}.attack-line{stroke-width:2.8;fill:none;stroke-dasharray:8 4;animation:dashmove .9s linear infinite}.attack-line-red{stroke:#ef4444}.attack-line-blue{stroke:#7db6e8}@keyframes dashmove{0%{stroke-dashoffset:0}to{stroke-dashoffset:-12}}.map-zone{position:absolute;transform:translate(-50%,-50%);z-index:3;text-align:center}.map-zone-active{z-index:4}.zone-core{width:22px;height:22px;border-radius:50%;margin:0 auto 10px;border:3px solid #fff;box-shadow:0 0 0 1px hsla(0,0%,100%,.15);position:relative}.ai-shield-ring{position:absolute;width:76px;height:76px;border-radius:50%;left:50%;top:0;transform:translate(-50%,-34%);border:2px solid rgba(231,200,92,.68);box-shadow:0 0 18px rgba(231,200,92,.32);animation:shieldpulse 1.6s ease-in-out infinite}@keyframes shieldpulse{0%{transform:translate(-50%,-34%) scale(.92);opacity:.65}50%{transform:translate(-50%,-34%) scale(1.08);opacity:1}to{transform:translate(-50%,-34%) scale(.92);opacity:.65}}.charger-dot-group{position:absolute;left:50%;top:50%}.charger-dot{position:absolute;width:14px;height:14px;border-radius:50%;border:1px solid hsla(0,0%,100%,.9);transform:translate(-50%,-50%)}.charger-active{animation:chargerblink 1.2s ease-in-out infinite}@keyframes chargerblink{0%{opacity:.5;transform:translate(-50%,-50%) scale(.95)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}to{opacity:.5;transform:translate(-50%,-50%) scale(.95)}}.map-label{background:rgba(15,23,42,.95);color:#fff;padding:6px 11px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;border:1px solid rgba(125,182,232,.16);box-shadow:0 4px 10px rgba(0,0,0,.25)}.marker-green{background:#16a34a}.marker-yellow{background:#ca8a04}.marker-red{background:#dc2626}.marker-blue{background:#60a5fa}.marker-gray{background:#64748b}.marker-green-soft{background:#4ade80}.pulse{animation:pulse-ring 1.2s infinite}@keyframes pulse-ring{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(125,182,232,.42)}70%{transform:scale(1.35);box-shadow:0 0 0 22px rgba(125,182,232,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(125,182,232,0)}}.legend-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.legend-pill{display:inline-block;padding:7px 12px;border-radius:999px;font-size:12px;color:#fff;font-weight:700}.legend-green{background:#16a34a}.legend-yellow{background:#ca8a04}.legend-red{background:#dc2626}.legend-blue{background:#60a5fa}.legend-gray{background:#64748b}.replay-box{background:rgba(125,182,232,.08);border-left:4px solid #e7c85c;padding:16px;border-radius:14px}.compact-box{margin-top:14px}.status-pill{display:inline-block;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;margin-bottom:10px}.status-pill.green{background:#16a34a}.status-pill.yellow{background:#ca8a04}.status-pill.red{background:#dc2626}.status-pill.blue{background:#60a5fa}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:14px}.pricing-card{background:rgba(12,29,67,.88);border:1px solid rgba(125,182,232,.1);border-radius:16px;padding:16px}.pricing-card.featured{border-color:rgba(231,200,92,.75);box-shadow:0 0 0 1px rgba(231,200,92,.18)}.price-tag{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:999px;background:linear-gradient(90deg,#7db6e8,#e7c85c);color:#08224d;font-size:12px;font-weight:800}.assistant-shell{background:rgba(12,29,67,.88);border:1px solid rgba(125,182,232,.1);border-radius:18px;padding:16px;margin-top:14px}.assistant-header h3{margin:0}.assistant-header p{margin-top:6px;color:#dbeafe;font-size:14px}.assistant-context-bar{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:13px;color:#a8cff3}.assistant-messages{margin-top:14px;max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.assistant-message{padding:12px 14px;border-radius:14px;line-height:1.5}.bot-message{background:rgba(125,182,232,.14);border:1px solid rgba(125,182,232,.16)}.user-message{background:rgba(30,41,59,.95);border:1px solid rgba(125,182,232,.08)}.assistant-role{font-size:12px;font-weight:700;margin-bottom:6px;color:#e7c85c}.assistant-prompts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.prompt-chip{border:1px solid rgba(125,182,232,.16);background:#1e293b;color:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;font-size:13px}.prompt-chip:hover{background:#334155}.assistant-input-row{display:flex;gap:10px;margin-top:16px}.assistant-input{flex:1 1;border-radius:12px;border:1px solid rgba(125,182,232,.16);background:#0f172a;color:#fff;padding:12px 14px}.assistant-send-btn{border:none;border-radius:12px;background:linear-gradient(90deg,#5ca8e8,#7db6e8);color:#08224d;padding:12px 16px;cursor:pointer;font-weight:800}.assistant-send-btn:hover{background:linear-gradient(90deg,#4d99d8,#6eaee6)}@media (max-width:1100px){.control-bar,.feature-grid,.metrics-grid,.pricing-grid,.two-col{grid-template-columns:1fr}.hero h1{font-size:40px}.map-image{height:460px}.map-shell{min-height:460px}}