@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#f8fafc;font-family:Inter,sans-serif;overflow-x:hidden}body{min-height:100vh}a{color:inherit;text-decoration:none!important}:root{--blue:#2563eb;--dark:#0f2e5c;--slate:#4a5568;--muted:#718096;--border:#0f2e5c14;--bg:#f8fafc;--white:#fff;--shadow:0 4px 15px #0f2e5c0d;--ease:all .35s cubic-bezier(.16,1,.3,1)}.container{max-width:1280px;margin:0 auto;padding:0 48px}.header-floating{border-bottom:1px solid var(--border);z-index:1000;background:#fff;align-items:center;width:100%;height:72px;display:flex;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-wrap{text-align:left;flex-direction:column;display:flex}.logo-main-row{align-items:center;gap:.4rem;display:flex}.logo-symbol{color:var(--blue);font-size:1.6rem}.logo-brand{color:var(--dark);font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800}.brand-alt{color:var(--blue)}.logo-tagline{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-top:.1rem;font-size:.5rem;font-weight:800}.navigation-links{gap:2rem;display:flex}.nav-link{color:var(--dark);cursor:pointer;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;display:flex}.nav-link:hover{color:var(--blue)}.nav-dropdown{position:relative}.nav-dropdown-trigger{-webkit-user-select:none;user-select:none}.dropdown-menu{border:1px solid var(--border);opacity:0;visibility:hidden;z-index:2000;background:#fff;border-radius:16px;width:280px;padding:.75rem;transition:opacity .22s,transform .22s,visibility .22s;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 20px 50px #0f2e5c1f}.dropdown-menu.open{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dropdown-menu:before{content:"";border:1px solid var(--border);background:#fff;border-bottom:none;border-right:none;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.dd-item{color:var(--slate);cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.82rem;transition:background .15s;display:flex}.dd-item:hover{color:var(--dark);background:#f0f7ff}.dd-item strong{color:var(--dark);margin-bottom:.1rem;font-size:.83rem;font-weight:700;display:block}.dd-icon{width:34px;height:34px;color:var(--blue);background:#2563eb14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.dd-divider{background:var(--border);height:1px;margin:.5rem 0}.dd-cta{background:#2563eb0f;justify-content:center;gap:.5rem;font-weight:700;color:var(--blue)!important}.dd-cta:hover{background:var(--blue)!important;color:#fff!important}.dd-cta:hover i{color:#fff}.header-cta-group{align-items:center;gap:.75rem;display:flex}.btn-solid{background:var(--blue);transition:var(--ease);border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:700;display:inline-flex;color:#fff!important}.btn-solid:hover{background:var(--dark);transform:translateY(-2px)}.btn-outline{border:1.5px solid var(--blue);transition:var(--ease);background:0 0;border-radius:10px;align-items:center;gap:.5rem;padding:.68rem 1.35rem;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:700;display:inline-flex;color:var(--blue)!important}.btn-outline:hover{background:#2563eb0d;transform:translateY(-2px)}.hero-section{background-image:linear-gradient(#ffffffe0 0%,#fffffff0 100%),url(/waterflow_hero_bg.png);background-position:50%;background-size:cover;padding:70px 0 80px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr 1.35fr;align-items:center;gap:3rem;display:grid}.hero-heading{color:var(--dark);letter-spacing:-.025em;margin-bottom:1.25rem;font-family:Outfit,sans-serif;font-size:clamp(2.8rem,4.5vw,4.2rem);font-weight:800;line-height:1.08}.hero-heading .blue{color:var(--blue)}.hero-desc{color:var(--slate);max-width:480px;margin-bottom:2rem;font-size:1rem;line-height:1.65}.hero-ctas{flex-wrap:wrap;gap:1rem;display:flex}.hero-mini-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:3.5rem;display:grid}.mini-item{text-align:left}.mini-icon{width:40px;height:40px;color:var(--blue);background:#2563eb14;border-radius:10px;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:1.1rem;display:flex}.mini-item h4{color:var(--dark);margin-bottom:.2rem;font-size:.82rem;font-weight:800}.mini-item span{color:var(--muted);font-size:.72rem;line-height:1.4}.hero-right{height:520px;position:relative}.dash-wrap{border:1px solid var(--border);z-index:1;background:#fff;border-radius:16px;width:calc(100% - 130px);height:460px;font-size:0;display:flex;position:absolute;top:0;right:0;overflow:hidden;box-shadow:0 20px 50px #0f2e5c17}.ds-sidebar{border-right:1px solid var(--border);background:#f8fafc;flex-direction:column;flex-shrink:0;gap:1.2rem;width:140px;padding:1rem .6rem;display:flex}.ds-logo{color:var(--dark);align-items:center;gap:.3rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;display:flex}.ds-logo i{color:var(--blue);font-size:.9rem}.ds-menu{flex-direction:column;gap:.2rem;list-style:none;display:flex}.ds-menu li{color:var(--slate);cursor:pointer;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.62rem;font-weight:600;display:flex}.ds-menu li i{opacity:.7;width:12px;font-size:.65rem}.ds-menu li.active{color:var(--blue);background:#2563eb1a}.ds-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.ds-topbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 1rem;display:flex}.ds-topbar-title{color:var(--dark);align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;display:flex}.ds-topbar-title i{color:var(--muted)}.ds-profile{align-items:center;gap:.5rem;display:flex}.ds-bell{color:var(--muted);font-size:.75rem;position:relative}.ds-bell-dot{background:#f43f5e;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:-2px}.ds-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.55rem;font-weight:800;display:flex}.ds-uinfo{flex-direction:column;line-height:1.2;display:flex}.ds-role{color:var(--muted);font-size:.48rem}.ds-name{color:var(--dark);font-size:.6rem;font-weight:700}.ds-chevron{color:var(--muted);font-size:.5rem}.ds-kpis{background:#f8fafc;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.6rem .8rem;display:grid}.kpi-card{border:1px solid var(--border);text-align:left;background:#fff;border-radius:8px;padding:.5rem .6rem}.kpi-label{color:var(--muted);text-transform:uppercase;margin-bottom:.15rem;font-size:.52rem;font-weight:700}.kpi-val{color:var(--dark);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;line-height:1.1}.kpi-trend{color:#10b981;align-items:center;gap:.1rem;margin-top:.1rem;font-size:.48rem;font-weight:700;display:flex}.ds-charts{background:#f8fafc;flex:1;grid-template-columns:1.3fr .7fr;gap:.5rem;padding:.6rem .8rem;display:grid;overflow:hidden}.chart-card{border:1px solid var(--border);text-align:left;background:#fff;border-radius:8px;flex-direction:column;padding:.6rem;display:flex;overflow:hidden}.cc-head{color:var(--dark);justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.62rem;font-weight:800;display:flex}.cc-sub{color:var(--muted);font-size:.48rem;font-weight:400}.ds-left-col,.ds-right-col{flex-direction:column;gap:.5rem;display:flex}.ds-subgrid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.lc-svg{flex-shrink:0;width:100%;height:60px}.lc-months{color:var(--muted);justify-content:space-between;margin-top:.2rem;font-size:.45rem;display:flex}.rd-content{flex:1;justify-content:space-between;align-items:center;margin-top:.25rem;display:flex}.rd-num{color:var(--dark);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:800}.rd-sub{color:var(--muted);font-size:.5rem}.ring{background:radial-gradient(closest-side,#fff 78%,transparent 79% 100%),conic-gradient(var(--blue) 65%,#e2e8f0 0);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ring-txt{color:var(--dark);font-size:.55rem;font-weight:800}.ring-sub{color:var(--muted);text-align:center;margin-top:.1rem;font-size:.42rem}.al-list{flex-direction:column;gap:.3rem;margin-top:.25rem;list-style:none;display:flex}.al-list li{color:var(--slate);align-items:center;gap:.35rem;font-size:.55rem;display:flex}.al-list li span{border-radius:3px;padding:.08rem .3rem;font-size:.52rem;font-weight:800}.b-red{color:#e11d48;background:#ffe4e6}.b-ora{color:#ea580c;background:#ffedd5}.b-blu{color:#2563eb;background:#dbeafe}.donut-wrap{flex:1;align-items:center;gap:.6rem;margin-top:.25rem;display:flex}.donut{background:radial-gradient(closest-side,#fff 73%,transparent 74% 100%),conic-gradient(var(--blue) 78.6%,#ea580c 78.6% 91%,#e11d48 91%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.donut-pct{color:var(--dark);font-size:.62rem;font-weight:800}.donut-legend{flex-direction:column;gap:.2rem;display:flex}.leg-item{color:var(--slate);align-items:center;gap:.3rem;font-size:.52rem;display:flex}.dot{border-radius:50%;width:5px;height:5px;display:inline-block}.dot-b{background:var(--blue)}.dot-r{background:#e11d48}.dot-o{background:#ea580c}.sim-map{background:#dbeafe;border-radius:6px;flex:1;min-height:60px;position:relative;overflow:hidden}.map-dot{background:var(--blue);border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 6px #2563eb99}.map-btn{background:var(--blue);white-space:nowrap;border-radius:3px;padding:.2rem .5rem;font-size:.48rem;font-weight:700;position:absolute;bottom:.4rem;left:50%;transform:translate(-50%);color:#fff!important}.phone-wrap{z-index:10;background:#111827;border:3px solid #1f2937;border-radius:32px;width:185px;height:385px;padding:7px;position:absolute;bottom:0;left:0;box-shadow:0 30px 60px #0f2e5c33}.phone-screen{background:#f1f5f9;border-radius:26px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.ph-statusbar{color:#0f172a;justify-content:space-between;align-items:center;height:20px;padding:0 .75rem;font-size:.52rem;font-weight:700;display:flex}.ph-icons{gap:.2rem;font-size:.5rem;display:flex}.ph-head{justify-content:space-between;align-items:center;padding:.35rem .6rem;display:flex}.ph-hello{color:var(--dark);font-size:.7rem;font-weight:800}.ph-online{color:#10b981;align-items:center;gap:.15rem;font-size:.48rem;font-weight:700;display:flex}.ph-dot{background:#10b981;border-radius:50%;width:4px;height:4px;display:inline-block}.ph-head i{color:var(--muted);font-size:.65rem}.ph-card{color:#fff;text-align:left;background:linear-gradient(135deg,#1e3a8a,#172554);border-radius:10px;margin:0 .5rem;padding:.6rem}.ph-inv-label{color:#93c5fd;margin-bottom:.15rem;font-size:.6rem;font-weight:700}.ph-inv-num{opacity:.75;margin-bottom:.05rem;font-size:.5rem}.ph-inv-due{opacity:.65;margin-bottom:.35rem;font-size:.48rem}.ph-inv-row{justify-content:space-between;align-items:center;display:flex}.ph-amount{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800}.ph-btn{background:var(--blue);border-radius:5px;padding:.2rem .4rem;font-size:.48rem;font-weight:700;color:#fff!important}.ph-metrics{flex-direction:column;gap:.25rem;padding:.4rem .6rem;display:flex}.ph-mrow{color:var(--slate);justify-content:space-between;font-size:.55rem;font-weight:600;display:flex}.ph-mval.red{color:#e11d48;font-weight:700}.ph-mval.green{color:#10b981;font-weight:700}.ph-chart-card{border:1px solid var(--border);background:#fff;border-radius:10px;margin:0 .5rem;padding:.5rem}.ph-chart-title{color:var(--dark);text-align:left;margin-bottom:.35rem;font-size:.55rem;font-weight:800}.ph-bars{justify-content:space-between;align-items:flex-end;height:42px;display:flex}.ph-bar{background:#2563ebd9;border-radius:2px 2px 0 0;width:13%;position:relative}.ph-bar span{color:var(--muted);font-size:.38rem;font-weight:600;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.ph-nav{border-top:1px solid var(--border);background:#fff;justify-content:space-around;align-items:center;width:100%;height:38px;display:flex;position:absolute;bottom:0}.ph-nav a{color:var(--muted);flex-direction:column;align-items:center;font-size:.6rem;display:flex}.ph-nav a span{margin-top:.05rem;font-size:.4rem;font-weight:700}.ph-nav a.on{color:var(--blue)}.trust-bar{background:#f0f7ff;border-top:1px solid #2563eb0f;border-bottom:1px solid #2563eb0f;padding:36px 0}.trust-layout{grid-template-columns:220px 1fr;align-items:center;gap:2.5rem;display:grid}.trust-title h3{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;font-size:.72rem;font-weight:800}.trust-title p{color:var(--dark);font-size:.88rem;font-weight:700;line-height:1.4}.trust-items{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.ti{align-items:flex-start;gap:.6rem;display:flex}.ti-icon{color:var(--blue);flex-shrink:0;margin-top:.05rem;font-size:1.2rem}.ti-title{color:var(--dark);margin-bottom:.1rem;font-size:.78rem;font-weight:800}.ti-desc{color:var(--muted);font-size:.7rem;line-height:1.3}.section-platform{padding:80px 0}.section-title{text-align:center;margin-bottom:3rem}.section-title h2{color:var(--dark);letter-spacing:-.015em;font-family:Outfit,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800}.section-title h2 .blue{color:var(--blue)}.section-title p{color:var(--slate);margin-top:.6rem;font-size:1rem}.platform-cards{grid-template-columns:repeat(7,1fr);gap:.75rem;display:grid}.pc{border:1px solid var(--border);text-align:left;transition:var(--ease);background:#fff;border-radius:14px;flex-direction:column;gap:.6rem;padding:1rem .75rem;display:flex}.pc:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 12px 25px #0f2e5c0f}.pc-icon{color:var(--blue);font-size:1.25rem}.pc h4{color:var(--dark);font-size:.8rem;font-weight:800}.pc p{color:var(--slate);font-size:.7rem;line-height:1.4}.section-portal{background:linear-gradient(160deg,#0a1f4e 0%,#0f3577 45%,#0c2660 100%);padding:100px 0 0;position:relative;overflow:hidden}.portal-water-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.portal-waves{width:100%;height:120px;position:absolute;bottom:0;left:0}.pdrop{opacity:.18;font-size:1.8rem;animation:6s ease-in-out infinite dropFloat;position:absolute}.pdrop-1{animation-delay:0s;top:12%;left:6%}.pdrop-2{font-size:1.2rem;animation-delay:2s;top:55%;left:2%}.pdrop-3{font-size:2.2rem;animation-delay:4s;top:25%;right:8%}@keyframes dropFloat{0%,to{transform:translateY(0)rotate(-10deg)}50%{transform:translateY(-18px)rotate(10deg)}}.pbubble{border:1.5px solid #93c5fd33;border-radius:50%;animation:8s ease-in-out infinite bubbleRise;position:absolute}.pb1{width:80px;height:80px;animation-delay:0s;bottom:15%;left:12%}.pb2{opacity:.5;width:50px;height:50px;animation-delay:2s;bottom:30%;left:25%}.pb3{opacity:.3;width:120px;height:120px;animation-delay:1s;bottom:5%;right:20%}.pb4{opacity:.4;width:60px;height:60px;animation-delay:3s;top:20%;right:35%}@keyframes bubbleRise{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(-20px)}}.portal-flex{z-index:1;align-items:center;gap:5rem;padding-bottom:100px;display:flex;position:relative}.portal-content{flex:1;min-width:0}.portal-hl{background:linear-gradient(90deg,#60a5fa,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portal-img-col{flex-shrink:0;justify-content:center;align-items:flex-end;display:flex}.cp-phone{background:#111827;border:3px solid #1f2937;border-radius:32px;flex-direction:column;width:185px;height:385px;padding:7px;display:flex;box-shadow:0 30px 60px #00000073,0 0 0 1px #ffffff0f}.cp-screen{background:#f1f5f9;border-radius:26px;flex-direction:column;flex:1;width:100%;display:flex;overflow:hidden}.cp-status{color:#0f172a;background:#f1f5f9;justify-content:space-between;align-items:center;height:20px;padding:0 .75rem;font-size:.52rem;font-weight:700;display:flex}.cp-status-icons{color:#0f172a;gap:.2rem;font-size:.5rem;display:flex}.cp-head{background:#f1f5f9;justify-content:space-between;align-items:center;padding:.35rem .6rem;display:flex}.cp-user{color:#0f172a;font-size:.7rem;font-weight:800}.cp-active{color:#10b981;align-items:center;gap:.2rem;margin-top:.05rem;font-size:.48rem;font-weight:700;display:flex}.cp-dot-g{background:#10b981;border-radius:50%;flex-shrink:0;width:4px;height:4px}.cp-bell{color:#64748b;font-size:.65rem;position:relative}.cp-bell-dot{background:#f43f5e;border-radius:50%;width:4px;height:4px;position:absolute;top:-1px;right:-1px}.cp-card{background:linear-gradient(135deg,#1e3a8a,#172554);border-radius:10px;margin:.3rem .5rem;padding:.6rem}.cp-card-lbl{color:#93c5fd;margin-bottom:.1rem;font-size:.6rem;font-weight:700}.cp-card-ref{color:#ffffffbf;font-size:.5rem}.cp-card-due{color:#fff9;margin-bottom:.3rem;font-size:.48rem}.cp-card-row{justify-content:space-between;align-items:center;display:flex}.cp-card-amt{color:#fff;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;line-height:1.1}.cp-card-amt small{opacity:.85;font-size:.55rem;font-weight:700;display:block}.cp-card-btn{background:var(--blue);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:5px;padding:.2rem .4rem;font-size:.48rem;font-weight:700;line-height:1.4}.cp-rows{background:#f1f5f9;flex-direction:column;gap:.2rem;padding:.35rem .6rem;display:flex}.cp-row{color:#475569;justify-content:space-between;font-size:.55rem;font-weight:600;display:flex}.cp-row .red{color:#e11d48;font-weight:700}.cp-row .green{color:#10b981;font-weight:700}.cp-chart{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:.2rem .5rem .3rem;padding:.5rem}.cp-chart-title{color:#0f172a;margin-bottom:.35rem;font-size:.55rem;font-weight:800}.cp-chart-bars{justify-content:space-between;align-items:flex-end;gap:.15rem;height:42px;display:flex}.cp-bar{background:#2563ebd9;border-radius:2px 2px 0 0;flex:1;position:relative}.cp-bar.active{background:#2563eb}.cp-bar span{color:#94a3b8;white-space:nowrap;font-size:.38rem;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.cp-nav{background:#fff;border-top:1px solid #e2e8f0;border-radius:0 0 24px 24px;justify-content:space-around;align-items:center;height:38px;margin-top:auto;display:flex}.cp-nav a{color:#94a3b8;cursor:pointer;flex-direction:column;align-items:center;gap:.05rem;font-size:.6rem;display:flex}.cp-nav a span{font-size:.4rem;font-weight:700}.cp-nav a.on{color:#2563eb}.cp-home-bar{background:#ffffff26;border-radius:2px;width:60px;height:4px;margin:5px auto 0}.portal-badge-light{color:#93c5fd;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.78rem;font-weight:700;display:inline-flex}.portal-h2{color:#fff;letter-spacing:-.02em;margin-bottom:1.1rem;font-family:Outfit,sans-serif;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:800;line-height:1.15}.portal-desc{color:#ffffffbf;margin-bottom:2rem;font-size:1rem;line-height:1.7}.portal-features{grid-template-columns:1fr 1fr;gap:1.35rem;margin-bottom:2.25rem;display:grid}.pf-item{align-items:flex-start;gap:.75rem;display:flex}.pf-icon-light{color:#93c5fd;background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.pf-item strong{color:#fff;margin-bottom:.2rem;font-size:.9rem;font-weight:700;display:block}.pf-item p{color:#fff9;margin:0;font-size:.78rem;line-height:1.45}.portal-cta{margin-top:.5rem}.section-gis{border-top:1px solid var(--border);background:#fff;padding:90px 0}.gis-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:3.5rem;display:grid}.gis-map-wrap{border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0f2e5c14}.gis-map-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.gis-map-title{color:var(--dark);align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;display:flex}.gis-map-title i{color:var(--blue)}.gis-map-legend{color:var(--muted);align-items:center;gap:1rem;font-size:.72rem;font-weight:600;display:flex}.gis-map-legend span{align-items:center;gap:.3rem;display:flex}.gl-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.gl-dot.done{background:#2563eb}.gl-dot.pending{background:#f97316}.gl-dot.alert{background:#ef4444}.gl-dot.agent{background:#10b981}.gis-map-body{background:#e8e0d5;position:relative;overflow:hidden}.gis-real-map{object-fit:cover;width:100%;height:auto;display:block}.gis-agent-dot{position:absolute;top:42%;left:30%;transform:translate(-50%,-50%)}.gis-agent-ring{background:#10b9811f;border:2px dashed #10b981;border-radius:50%;width:36px;height:36px;animation:2s ease-in-out infinite agentPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes agentPulse{0%,to{opacity:.7;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.gis-agent-center{z-index:2;background:#10b981;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #10b98180}.gis-gps-badge{color:#fff;white-space:nowrap;background:#10b981;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.gis-route-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.gis-alert-popup{background:#fff;border-radius:10px;width:190px;font-size:.75rem;position:absolute;top:12%;right:3%;overflow:hidden;box-shadow:0 8px 24px #0000002e}.gap-popup-header{color:#fff;background:#ef4444;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.72rem;font-weight:800;display:flex}.gap-popup-body{flex-direction:column;gap:.3rem;padding:.6rem .7rem;display:flex}.gap-row{justify-content:space-between;font-size:.7rem;display:flex}.gap-row span{color:#64748b}.gap-row strong{color:#0f172a}.gap-row strong.red{color:#ef4444}.gap-warn{color:#dc2626;background:#fff1f2;border-radius:5px;align-items:center;gap:.3rem;margin-top:.25rem;padding:.3rem .4rem;font-size:.65rem;font-weight:700;display:flex}.gis-map-controls{border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:1px;display:flex;position:absolute;top:.6rem;right:.6rem;overflow:hidden}.gis-ctrl{cursor:pointer;width:26px;height:26px;color:var(--dark);background:#fff;border:none;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.gis-ctrl:hover{color:var(--blue);background:#f0f7ff}.gis-map-bar{border-top:1px solid var(--border);background:#fff;justify-content:space-around;padding:.6rem .5rem;display:flex}.gmb-item{color:var(--slate);align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;display:flex}.gis-features{flex-direction:column;gap:1.25rem;display:flex}.gf-card{background:var(--bg);border:1px solid var(--border);transition:var(--ease);border-radius:14px;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.gf-card:hover{border-color:var(--blue);background:#fff;box-shadow:0 8px 20px #0f2e5c0f}.gf-card.gf-alert{background:#fff9f9;border-color:#ef444433}.gf-card.gf-alert:hover{border-color:#ef4444}.gf-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;display:flex}.gf-card h4{color:var(--dark);margin-bottom:.35rem;font-size:.9rem;font-weight:800}.gf-card p{color:var(--slate);margin:0;font-size:.8rem;line-height:1.5}.gf-alert-box{color:#991b1b;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.75rem;line-height:1.4;display:flex}.gf-alert-box i{color:#ef4444;flex-shrink:0;margin-top:.1rem}.gf-alert-box strong{color:#dc2626}.section-sim{background:var(--bg);border-top:1px solid var(--border);padding:80px 0}.sim-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid}.sim-left h2{color:var(--dark);letter-spacing:-.015em;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800}.sim-left p{color:var(--slate);margin-bottom:2rem;font-size:1rem;line-height:1.6}.sliders{flex-direction:column;gap:1.5rem;display:flex}.fader{flex-direction:column;gap:.6rem;display:flex}.fader-row{color:var(--dark);justify-content:space-between;font-size:.9rem;font-weight:700;display:flex}.fader-val{color:var(--blue)}input[type=range]{appearance:none;background:#dbeafe;border-radius:3px;outline:none;width:100%;height:5px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--blue);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #2563eb59}.metric-block{border:1px solid var(--border);text-align:left;background:#fff;border-radius:16px;margin-bottom:1.25rem;padding:1.25rem}.mb-label{text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.75rem;font-weight:700}.mb-val{color:var(--dark);font-family:Outfit,sans-serif;font-size:2rem;font-weight:900}.mb-info{color:var(--muted);margin-top:.35rem;font-size:.72rem}.section-faq{border-top:1px solid var(--border);background:#fff;padding:80px 0}.faq-list{flex-direction:column;gap:.75rem;max-width:780px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--border);cursor:pointer;background:var(--bg);transition:var(--ease);border-radius:12px;padding:1.25rem}.faq-item.open{border-color:var(--blue);background:#fff}.faq-trigger{color:var(--dark);justify-content:space-between;align-items:center;font-size:.95rem;font-weight:700;display:flex}.faq-body{border-top:1px solid var(--border);color:var(--slate);margin-top:.75rem;padding-top:.75rem;font-size:.88rem;line-height:1.6}.section-demo{background:var(--bg);padding:80px 0}.demo-card{border:1px solid var(--border);background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;align-items:start;gap:3rem;padding:3rem;display:grid}.demo-left h2{color:var(--dark);letter-spacing:-.015em;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.demo-left p{color:var(--slate);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.demo-checks{flex-direction:column;gap:.6rem;display:flex}.dc{color:var(--slate);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.dc i{color:#10b981}.form-group{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--dark);font-size:.82rem;font-weight:700}.form-group input,.form-group select{border:1.5px solid var(--border);color:var(--dark);transition:var(--ease);border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-size:.9rem}.form-group input:focus,.form-group select:focus{border-color:var(--blue)}.btn-submit{width:100%;padding:.9rem;font-size:.95rem}.success-box{text-align:center;padding:2rem}.success-box i{color:#10b981;margin-bottom:1rem;font-size:2.5rem}.success-box h3{color:var(--dark);margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800}.success-box p{color:var(--slate)}.footer{background:var(--dark);color:#ffffffb3;padding:64px 0 0}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:3rem;padding-bottom:48px;display:grid}.footer-logo .logo-brand{color:#fff}.footer-tagline{color:#ffffff8c;margin-top:1rem;font-size:.88rem;line-height:1.5}.footer-col h4{color:#fff;margin-bottom:1rem;font-size:.9rem;font-weight:800}.footer-col a,.footer-col span{color:#ffffff8c;margin-bottom:.5rem;font-size:.85rem;display:block}.footer-col a:hover{color:var(--blue)}.footer-bottom{color:#ffffff59;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.5rem 0;font-size:.8rem;display:flex}.footer-socials{gap:1.25rem;display:flex}.footer-socials a{color:#fff6;transition:var(--ease);font-size:1rem}.footer-socials a:hover{color:var(--blue)}.text-green{color:#10b981}@media (width<=1024px){.navigation-links{display:none}.hero-grid{grid-template-columns:1fr}.hero-right{display:none}.trust-layout{grid-template-columns:1fr}.trust-items{grid-template-columns:repeat(2,1fr)}.platform-cards{grid-template-columns:repeat(3,1fr)}.portal-flex{flex-direction:column;gap:2.5rem}.portal-img-col{width:240px}.gis-grid,.sim-grid,.demo-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.container{padding:0 20px}.hero-mini-grid{grid-template-columns:repeat(2,1fr)}.trust-items{grid-template-columns:1fr}.platform-cards{grid-template-columns:repeat(2,1fr)}.portal-features,.footer-grid{grid-template-columns:1fr}.header-cta-group{display:none}}