:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf5ff;background:#050b14;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#050b14;--panel:#0a1422;--panel2:#0d1929;--line:#1a2b3e;--muted:#7890aa;--cyan:#56d7ff;--green:#36d399;--amber:#f2b84b;--red:#ff667a;--blue:#7f9cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#12304b 0,transparent 35%),var(--bg);color:#edf5ff}button,input{font:inherit}button{cursor:pointer;color:inherit}.app{min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--line);background:#050b14d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 4.5%;gap:25px;position:sticky;top:0;z-index:50}.brand{background:none;border:0;display:flex;align-items:center;gap:10px;min-width:max-content}.brand span:last-child{font-size:18px;letter-spacing:-.5px}.brand small{color:var(--cyan);font-size:11px;margin-left:3px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #28506a;border-radius:10px;background:#0d2635;color:var(--cyan);box-shadow:0 0 24px #56d7ff18}.nav{display:flex;gap:3px;flex:1;justify-content:center}.nav button,.icon-btn{border:1px solid transparent;background:transparent;padding:9px 10px;border-radius:9px;color:#8298b0;display:flex;align-items:center;gap:6px;font-size:12px}.nav button:hover,.nav button.active{background:#0d1b2c;color:#f3f8ff;border-color:#1d3449}.nav button.active{box-shadow:inset 0 0 18px #56d7ff0a}.top-actions{display:flex;align-items:center;gap:8px}.demo-chip{font-size:10px;color:#9eb2c7;border:1px solid var(--line);background:#0a1422;padding:7px 9px;border-radius:999px;white-space:nowrap}.live-dot,.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 10px #36d399;animation:pulse 2s infinite}.icon-btn{border-color:var(--line);background:#0a1422;padding:9px}.mobile-menu,.mobile-ai{display:none}.page{max-width:1280px;margin:auto;padding:54px 4.5% 80px}.hero{min-height:600px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.eyebrow{color:#6e91ac;font-size:10px;letter-spacing:1.8px;font-weight:800;margin-bottom:13px}.hero h1{font-size:clamp(45px,6vw,78px);line-height:.98;letter-spacing:-4px;margin:0 0 25px;max-width:780px}.hero h1 span{color:var(--cyan);text-shadow:0 0 40px #56d7ff22}.hero-copy>p{max-width:650px;color:#9cb0c5;line-height:1.75;font-size:16px}.hero-buttons{display:flex;gap:11px;margin:30px 0 42px}.primary,.secondary,.ghost,.text-btn{border:1px solid var(--line);border-radius:10px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#0b1727;color:#eaf5ff;font-weight:700;font-size:12px}.primary{background:linear-gradient(135deg,#38bfe8,#2588b7);border-color:#56d7ff66;box-shadow:0 10px 30px #56d7ff15}.primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.secondary:hover,.ghost:hover{border-color:#33516c;background:#102034}.full{width:100%}.flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#5e7690;font-size:9px}.flow-node{display:flex;align-items:center;gap:5px}.flow-node span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0d2030;color:var(--cyan);border:1px solid #1b4055}.hero-visual{height:500px;position:relative;display:grid;place-items:center}.orb{width:330px;height:330px;border-radius:50%;border:1px solid #27536b;background:radial-gradient(circle,#12374b 0,#0a1a2b 45%,#06101c 72%);box-shadow:0 0 100px #56d7ff14,inset 0 0 70px #56d7ff13;display:grid;place-items:center;animation:float 5s ease-in-out infinite}.orb:before,.orb:after{content:"";position:absolute;border-radius:50%;border:1px solid #56d7ff24}.orb:before{width:400px;height:150px;transform:rotate(-25deg)}.orb:after{width:150px;height:400px;transform:rotate(25deg)}.orb-inner{text-align:center;color:var(--cyan);display:flex;flex-direction:column;align-items:center;gap:7px}.orb-inner b{font-size:35px;letter-spacing:-2px}.orb-inner small{color:#7890aa}.floating-card{position:absolute;background:#0b1828dd;border:1px solid #254157;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:13px;border-radius:13px;display:flex;align-items:center;gap:9px;box-shadow:0 15px 40px #0005}.floating-card svg{color:var(--cyan)}.floating-card b{display:block;font-size:18px}.floating-card small{color:#70869d;font-size:9px}.fc1{top:100px;right:2%}.fc2{bottom:105px;left:4%}.scan-line{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,#56d7ff66,transparent);animation:scan 4s linear infinite}.stats-grid,.dashboard-grid,.alert-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:70px}.metric-card,.panel,.feature-card,.insight-card,.creator{border:1px solid var(--line);background:linear-gradient(145deg,#0b1625,#08111d);border-radius:14px}.metric-card{padding:17px;min-height:125px}.metric-top{display:flex;justify-content:space-between;align-items:center}.icon-box{width:34px;height:34px;border-radius:9px;display:inline-grid;place-items:center;background:#0c2030;border:1px solid #1d3b4e;color:var(--cyan)}.icon-box.big{width:43px;height:43px}.metric-note{font-size:8px;letter-spacing:1px;color:#627990}.metric-value{font-size:27px;font-weight:800;letter-spacing:-1px;margin-top:17px}.metric-label{font-size:11px;color:#71879d}.metric-card.green .metric-value{color:var(--green)}.metric-card.amber .metric-value{color:var(--amber)}.metric-card.red .metric-value{color:var(--red)}.metric-card.blue .metric-value{color:var(--cyan)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-title h2{font-size:30px;letter-spacing:-1.4px;margin:0 0 7px}.section-title p{margin:0;color:#71869d;max-width:650px;font-size:12px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:75px}.feature-card{padding:20px;min-height:190px;transition:.25s}.feature-card:hover{transform:translateY(-3px);border-color:#31536a}.feature-card h3{margin:24px 0 9px;font-size:14px}.feature-card p{font-size:11px;line-height:1.65;color:#758aa0;margin:0 0 20px}.feature-card>svg{color:#4f718b}.split-section{display:grid;grid-template-columns:1.5fr .7fr;gap:30px;margin-bottom:75px}.service-list{display:flex;flex-direction:column;gap:8px}.service-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#08121f;padding:11px;border-radius:11px}.service-name{flex:1;min-width:0}.service-name b{font-size:11px;display:block}.service-name small{display:block;color:#657b92;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.service-health{width:55px;text-align:right}.service-health b{font-size:12px;display:block}.service-health span{font-size:8px;color:#61778e}.status-pill{font-size:8px;letter-spacing:.7px;padding:5px 7px;border-radius:999px;border:1px solid;white-space:nowrap;font-weight:800}.status-pill.stable,.status-pill.low{color:var(--green);background:#36d3990d;border-color:#36d3993b}.status-pill.warning,.status-pill.medium{color:var(--amber);background:#f2b84b0d;border-color:#f2b84b3b}.status-pill.critical,.status-pill.high,.status-pill.red{color:var(--red);background:#ff667a0d;border-color:#ff667a3b}.insight-card{padding:23px;height:max-content}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-head>span:first-child{display:flex;align-items:center;gap:7px}.card-head h3{margin:0;font-size:14px}.insight-card h3{margin:40px 0 9px;font-size:18px}.insight-card p{font-size:11px;line-height:1.7;color:#7c91a8}.insight-meter,.progress{height:6px;border-radius:20px;background:#142336;overflow:hidden}.insight-meter div,.progress div{height:100%;background:linear-gradient(90deg,#258eb9,#56d7ff);border-radius:20px}.meter-row{display:flex;justify-content:space-between;font-size:9px;color:#6d849b;margin:7px 0 20px}.text-btn{background:transparent;border:0;padding:0;color:var(--cyan)}.creator{padding:25px;display:flex;align-items:center;gap:18px;background:linear-gradient(100deg,#0b1828,#0b1622)}.creator-avatar{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:#102d3d;border:1px solid #2d6077;color:var(--cyan);font-weight:800}.creator h2{margin:0 0 4px}.creator p{margin:0;color:#71869d;font-size:11px}.creator-tag{margin-left:auto;color:#5f788f;font-size:10px}.content-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:13px;margin-bottom:13px}.panel{padding:20px}.panel>.service-row{margin-top:8px}.muted{color:#667e96;font-size:9px}.prediction-mini .prediction-score{margin:38px 0 9px}.prediction-score b{display:block;font-size:43px;color:var(--red);letter-spacing:-2px}.prediction-score small{color:#667e96}.prediction-meta{display:flex;justify-content:space-between;margin:17px 0;color:#6f859c;font-size:9px;line-height:1.5}.prediction-meta b{color:#dce9f5}.cause{border-left:2px solid #28516a;padding-left:12px;margin:18px 0}.cause b{font-size:10px}.cause p{font-size:10px;line-height:1.55;color:#71879e;margin:5px 0}.village-strip{margin-top:13px}.village-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.village-card{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:#091422;border-radius:10px;padding:12px}.village-card:hover{border-color:#31536a}.village-card div:nth-child(2){flex:1}.village-card b,.village-card small{display:block}.village-card b{font-size:11px}.village-card small{font-size:8px;color:#657c94;margin-top:3px}.village-card strong{font-size:15px;color:var(--red)}.mini-map-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px currentColor}.mini-map-dot.high{background:var(--red);color:var(--red)}.alert-summary{grid-template-columns:repeat(3,1fr);margin-bottom:20px}.alerts-list{display:flex;flex-direction:column;gap:9px}.alert-card{display:flex;align-items:center;gap:15px;padding:16px;border:1px solid var(--line);background:#091421;border-radius:13px}.alert-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px}.alert-icon.high,.alert-icon.critical{color:var(--red);background:#ff667a0d;border:1px solid #ff667a30}.alert-icon.medium{color:var(--amber);background:#f2b84b0d;border:1px solid #f2b84b30}.alert-main{flex:1}.alert-title{display:flex;align-items:center;gap:9px}.alert-title b{font-size:12px}.alert-main>p{margin:6px 0;color:#6d839b;font-size:9px}.alert-details{display:flex;gap:16px;color:#60778e;font-size:8px}.alert-actions{display:flex;gap:7px}.map-layout{display:grid;grid-template-columns:1.6fr .65fr;gap:13px}.map-box{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#07111d}.map-toolbar{height:52px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#8195aa;font-size:10px}.map-toolbar>span{display:flex;gap:7px;align-items:center}.map-toolbar>div{display:flex;align-items:center;gap:5px}.map-toolbar small{margin-right:7px}.legend{width:7px;height:7px;border-radius:50%;display:inline-block}.legend.low{background:var(--green)}.legend.medium{background:var(--amber)}.legend.high{background:var(--red)}.fake-map{height:560px;position:relative;overflow:hidden;background:#091826}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#183147 1px,transparent 1px),linear-gradient(90deg,#183147 1px,transparent 1px);background-size:55px 55px;opacity:.35}.fake-map:before,.fake-map:after{content:"";position:absolute;border:1px solid #2a6072;border-radius:50%;width:80%;height:35%;left:10%;top:30%;transform:rotate(-17deg);opacity:.35}.fake-map:after{width:45%;height:70%;left:35%;top:10%;transform:rotate(25deg)}.map-marker{position:absolute;transform:translate(-50%,-50%);background:none;border:0;color:#a4b8cb;font-size:9px;z-index:3}.map-marker span{display:block;width:13px;height:13px;margin:auto;border-radius:50%;border:3px solid #07111d;box-shadow:0 0 15px currentColor}.map-marker.low{color:var(--green)}.map-marker.low span{background:var(--green)}.map-marker.medium{color:var(--amber)}.map-marker.medium span{background:var(--amber)}.map-marker.high{color:var(--red)}.map-marker.high span{background:var(--red)}.map-marker.selected span{width:18px;height:18px;outline:1px solid currentColor;outline-offset:5px}.map-label{position:absolute;color:#38566d;font-size:8px;letter-spacing:2px}.l1{left:6%;bottom:13%}.l2{right:8%;top:16%}.village-panel{height:max-content}.vital-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:25px 0}.vital-row div{padding:12px;background:#08121f;border:1px solid var(--line);border-radius:10px}.vital-row small,.vital-row b{display:block}.vital-row small{font-size:8px;color:#61788e}.vital-row b{font-size:14px;margin-top:5px}.service-breakdown{display:flex;flex-direction:column;gap:12px}.service-breakdown>div{display:grid;grid-template-columns:75px 1fr 34px;gap:8px;align-items:center;font-size:9px}.service-breakdown b{text-align:right}.tiny-progress{height:5px;background:#152536;border-radius:9px;overflow:hidden}.tiny-progress i{display:block;height:100%;background:#56d7ff;border-radius:9px}.recommendation{display:flex;gap:9px;margin-top:24px;padding:12px;background:#0c2130;border:1px solid #204459;border-radius:10px;color:var(--cyan)}.recommendation b{font-size:9px}.recommendation p{color:#7d93a8;font-size:9px;line-height:1.55;margin:5px 0 0}.data-source-row{display:flex;flex-wrap:wrap;gap:7px;margin:-4px 0 20px}.data-source-row span{border:1px solid var(--line);background:#091522;color:#71879d;border-radius:999px;padding:7px 9px;font-size:8px;display:flex;align-items:center;gap:5px}.data-source-row svg{color:var(--green)}.prediction-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.prediction-card{border:1px solid var(--line);background:#091421;border-radius:14px;padding:20px}.ai-label{color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.8px;display:flex;align-items:center;gap:5px}.prediction-card h3{font-size:17px;margin:25px 0 13px}.prediction-card h3 span{color:#72879d;font-weight:500}.big-risk{display:flex;align-items:end;gap:9px}.big-risk b{font-size:45px;letter-spacing:-3px;color:var(--red)}.big-risk span{font-size:9px;color:#657c94;margin-bottom:8px}.workflow{display:flex;align-items:center;justify-content:center;gap:10px;margin:35px 0 45px}.workflow-step{display:flex;align-items:center;gap:7px;color:#60788f;font-size:9px}.workflow-step span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:#0a1623}.workflow-step.done{color:#d9e8f4}.workflow-step.done span{background:#0e2b2c;border-color:#2c6b62;color:var(--green)}.incident-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.incident-card h2{margin:27px 0 20px}.incident-id{font-size:10px;color:#71879e}.incident-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.incident-info div{padding:12px;background:#08121f;border:1px solid var(--line);border-radius:9px}.incident-info small,.incident-info b{display:block}.incident-info small{color:#647a91;font-size:8px}.incident-info b{font-size:10px;margin-top:5px}.response-progress{height:7px;background:#152437;border-radius:9px;overflow:hidden;margin:25px 0 10px}.response-progress div{height:100%;background:linear-gradient(90deg,#56d7ff,#36d399)}.queue-item{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #152335}.queue-item:last-child{border-bottom:0}.queue-dot{width:8px;height:8px;background:var(--amber);border-radius:50%;box-shadow:0 0 10px currentColor}.queue-dot.red{background:var(--red)}.queue-item div{flex:1}.queue-item b,.queue-item small{display:block}.queue-item b{font-size:10px}.queue-item small{font-size:8px;color:#647b91;margin-top:4px}.analytics-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.chart-card.wide{min-height:340px}.green-text{color:var(--green);font-size:9px}.pie-legend{display:flex;justify-content:center;gap:10px;font-size:8px;color:#70869b}.pie-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:3px}.green-dot{background:var(--green)}.amber-dot{background:var(--amber)}.red-dot{background:var(--red)}.bottom-metrics{margin-top:12px;margin-bottom:0}footer{border-top:1px solid var(--line);padding:28px 4.5%;display:flex;align-items:center;gap:20px;color:#637990;font-size:9px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:8px;color:#d9e8f4}.footer-muted{margin-left:auto}.chat-window{position:fixed;right:24px;bottom:24px;width:360px;height:500px;background:#081321;border:1px solid #28445b;border-radius:16px;z-index:100;display:flex;flex-direction:column;box-shadow:0 30px 80px #000b;overflow:hidden}.chat-head{padding:15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.chat-head b{display:flex;gap:7px;align-items:center;color:var(--cyan);font-size:12px}.chat-head small{display:block;color:#607890;font-size:8px;margin-top:4px}.chat-head button{background:none;border:0;color:#71869d}.chat-body{flex:1;padding:14px;overflow:auto;display:flex;flex-direction:column;gap:9px}.bubble{max-width:85%;padding:10px;border-radius:10px;font-size:9px;line-height:1.55}.bubble.ai{background:#102335;border:1px solid #1b3c52;align-self:flex-start;color:#9fb2c6}.bubble.user{background:#1c5871;align-self:flex-end;color:#eaf8ff}.chat-input{display:flex;padding:10px;border-top:1px solid var(--line);gap:6px}.chat-input input{flex:1;background:#07111d;border:1px solid var(--line);border-radius:9px;padding:9px;color:#fff;outline:none;font-size:10px}.chat-input button{width:35px;border:0;border-radius:9px;background:#248db5;color:#fff}@keyframes pulse{50%{opacity:.4;transform:scale(.8)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes scan{0%{transform:translateY(-170px);opacity:0}25%{opacity:1}to{transform:translateY(170px);opacity:0}}@media(max-width:1000px){.nav{display:none}.nav.open{display:flex;position:absolute;top:72px;left:0;right:0;background:#07111d;border-bottom:1px solid var(--line);padding:10px;flex-direction:column}.nav.open button{justify-content:center}.mobile-menu,.mobile-ai{display:flex}.hero{grid-template-columns:1fr}.hero-visual{height:390px}.feature-grid{grid-template-columns:repeat(2,1fr)}.split-section,.content-grid,.map-layout,.incident-grid,.analytics-grid{grid-template-columns:1fr}.stats-grid,.dashboard-grid{grid-template-columns:repeat(2,1fr)}.map-box{min-height:500px}.fake-map{height:500px}}@media(max-width:650px){.topbar{padding:0 15px}.demo-chip{display:none}.page{padding:35px 15px 60px}.hero h1{font-size:45px;letter-spacing:-2.5px}.hero-visual{height:300px}.orb{width:220px;height:220px}.orb:before{width:270px}.orb:after{height:270px}.fc1{top:20px}.fc2{bottom:20px}.stats-grid,.dashboard-grid,.feature-grid,.prediction-grid,.alert-summary{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.section-title h2{font-size:25px}.village-cards{grid-template-columns:1fr}.alert-card{align-items:flex-start;flex-wrap:wrap}.alert-actions{width:100%}.alert-details{flex-direction:column;gap:5px}.workflow{overflow:auto;justify-content:flex-start;padding-bottom:10px}.workflow>svg{flex:none}.workflow-step{min-width:max-content}.incident-info{grid-template-columns:1fr}.creator{align-items:flex-start;flex-wrap:wrap}.creator-tag,.footer-muted{margin-left:0}.chat-window{right:10px;bottom:10px;width:calc(100% - 20px);height:70vh}.flow{gap:5px}.hero-buttons{flex-direction:column}.hero-buttons button{width:100%}.service-name small{max-width:130px}.map-layout{display:flex;flex-direction:column}.map-box{min-height:0}.fake-map{height:420px}}