@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg:#0f172a;--bg-page:#f8fafc;--card:#fff;--card-hover:#fff;--text:#0f172a;--text-secondary:#475569;--muted:#64748b;--primary:#2563eb;--primary-glow:#2563eb2e;--green:#10b981;--green-glow:#10b9812e;--orange:#f59e0b;--red:#ef4444;--purple:#8b5cf6;--border:#e2e8f0;--border-card:#e2e8f0d9;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 20px -2px #0f172a0f, 0 2px 6px -1px #0f172a0a;--shadow-hover:0 16px 36px -6px #0f172a1a, 0 6px 14px -3px #2563eb14;--radius-card:18px}*{box-sizing:border-box}body{background:var(--bg-page);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{min-height:100vh;display:flex}.sidebar{color:#f8fafc;z-index:100;background:linear-gradient(#111c36 0%,#0a1122 100%);border-right:1px solid #ffffff14;flex-direction:column;width:256px;padding:26px 18px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:4px 0 24px #00000026}.brand{letter-spacing:-.02em;align-items:center;gap:10px;margin-bottom:28px;font-size:21px;font-weight:800;line-height:1.25;display:flex}.brand-dot{background:#38bdf8;border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #38bdf8}.brand span{background:linear-gradient(135deg,#60a5fa 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav button{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;width:100%;padding:11px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav button:hover{color:#fff;background:#ffffff0f;transform:translate(3px)}.nav button.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);font-weight:600;box-shadow:0 4px 14px #2563eb59}.nav-icon{opacity:.85;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;display:inline-flex}.sidebar-bottom{border-top:1px solid #ffffff14;margin-top:auto;padding-top:18px}.sidebar-logout-btn{color:#fca5a5;cursor:pointer;background:#ef44441f;border:1px solid #ef444447;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 10px #ef444414}.sidebar-logout-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 6px 18px #ef444459}.sidebar-version-tag{text-align:center;color:#64748b;letter-spacing:.02em;margin-top:12px;font-size:11px}.main{width:calc(100% - 256px);min-height:100vh;margin-left:256px;padding:32px 36px}.header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}h1{letter-spacing:-.03em;color:var(--text);margin:0 0 6px;font-size:28px;font-weight:800}.subtitle{color:var(--muted);font-size:13.5px}.header-actions{align-items:center;gap:12px;display:flex}.status{color:#065f46;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:600;display:inline-flex}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";border:2px solid #10b981;border-radius:50%;animation:1.8s cubic-bezier(.24,0,.38,1) infinite ripple;position:absolute;inset:-3px}@keyframes ripple{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.status--error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.status--empty{color:#92400e;background:#fffbeb;border-color:#fde68a}.btn-action{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-action:hover{color:var(--text);background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.btn-action--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-action--primary:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 12px #2563eb40}.btn-action--danger{color:#dc2626}.btn-action--danger:hover{background:#fef2f2;border-color:#fecaca}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.two{grid-template-columns:2fr 1.1fr;gap:20px;margin-bottom:20px;display:grid}.two-even{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.three{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;display:grid}.card-full{width:100%;margin-bottom:20px}.env-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:20px;display:grid}@media (width>=1400px){.env-cards{grid-template-columns:repeat(7,minmax(0,1fr))}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card);border:1px solid var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-md);padding:22px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s;animation:.5s cubic-bezier(.16,1,.3,1) both cardEntrance;position:relative;overflow:hidden}.grid .card:first-child{animation-delay:30ms}.grid .card:nth-child(2){animation-delay:80ms}.grid .card:nth-child(3){animation-delay:.13s}.grid .card:nth-child(4){animation-delay:.18s}.env-cards .card:first-child{animation-delay:50ms}.env-cards .card:nth-child(2){animation-delay:.1s}.env-cards .card:nth-child(3){animation-delay:.15s}.env-cards .card:nth-child(4){animation-delay:.2s}.env-cards .card:nth-child(5){animation-delay:.25s}.env-cards .card:nth-child(6){animation-delay:.28s}.env-cards .card:nth-child(7){animation-delay:.32s}.two .card:first-child{animation-delay:.15s}.two .card:nth-child(2){animation-delay:.22s}.three .card:first-child{animation-delay:.12s}.three .card:nth-child(2){animation-delay:.18s}.three .card:nth-child(3){animation-delay:.24s}.card:hover{box-shadow:var(--shadow-hover);border-color:#cbd5e1;transform:translateY(-4px)}.card h3{color:var(--text);justify-content:space-between;align-items:center;margin:0 0 18px;font-size:15.5px;font-weight:700;display:flex}.card-tag{color:#64748b;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.kpi-label{color:var(--muted);letter-spacing:-.01em;margin-bottom:8px;font-size:13px;font-weight:600}.kpi-value{color:var(--text);letter-spacing:-.03em;align-items:baseline;gap:4px;margin-bottom:8px;font-size:32px;font-weight:800;display:flex}.kpi-foot{color:var(--green);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.kpi-foot.warn{color:var(--orange)}.kpi-foot.bad{color:var(--red)}.env-card{flex-direction:column;align-items:flex-start;padding:18px;display:flex}.env-icon{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s;display:flex}.env-card:hover .env-icon{background:#eff6ff;border-color:#bfdbfe;transform:scale(1.1)rotate(4deg)}.chartbox{width:100%;height:270px;position:relative}.chartbox--empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;display:flex}.chartbox-empty-dash{color:#94a3b8;font-size:36px;font-weight:800}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}tbody tr{transition:background .15s}tbody tr:hover{background:#f8fafc}.badge{letter-spacing:.02em;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.badge.good{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.badge.medium{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.badge.high{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert{border-bottom:1px solid var(--border);gap:12px;padding:14px 0;font-size:13px;animation:.3s both cardEntrance;display:flex}.alert:last-child{border-bottom:0}.alert-icon{flex-shrink:0;font-size:20px}.recommendation{border-left:4px solid var(--green);color:#14532d;background:#f0fdf4;border-radius:10px;margin-bottom:10px;padding:14px;font-size:13px;line-height:1.5}.recommendation--warn{border-left-color:var(--orange);color:#78350f;background:#fffbeb}.recommendation--alert{border-left-color:var(--red);color:#7f1d1d;background:#fef2f2}.progress{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.progress i{background:var(--primary);border-radius:999px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1),background .3s;display:block}.map{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.zone{border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:14px;transition:all .2s}.zone:hover{box-shadow:var(--shadow-sm);background:#fff;border-color:#cbd5e1;transform:translateY(-2px)}.zone strong{color:var(--text);margin-bottom:6px;font-size:13.5px;display:block}.zone span{color:var(--muted);font-size:12px}.state-box{text-align:center;min-height:380px;box-shadow:var(--shadow-sm);background:#fff;border:2px dashed #cbd5e1;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.state-box h2{margin:0;font-size:22px;font-weight:800}.state-box p{color:var(--muted);max-width:520px;margin:0;line-height:1.6}.code-snippet{color:#38bdf8;text-align:left;background:#0f172a;border-radius:12px;max-width:100%;padding:14px 18px;font-family:Consolas,monospace;font-size:13px;overflow-x:auto}.spinner{border:4px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1200px){.grid{grid-template-columns:repeat(2,1fr)}.env-cards{grid-template-columns:repeat(3,1fr)}.two,.two-even,.three{grid-template-columns:1fr}.map{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.sidebar{border-bottom:1px solid #ffffff14;border-right:none;width:100%;height:auto;position:relative}.app{display:block}.main{width:100%;margin-left:0;padding:20px}.sidebar-bottom{display:none}.nav{flex-direction:row;padding-bottom:6px;display:flex;overflow-x:auto}.nav button{white-space:nowrap}.header{flex-direction:column;align-items:flex-start}.grid,.env-cards{grid-template-columns:1fr}}.valve-panel{margin-bottom:24px}.valve-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.valve-header-title{color:var(--text);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.valve-sync-badge{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.valve-sync-badge.active{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.valve-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=900px){.valve-grid{grid-template-columns:1fr}}.valve-card{border:2px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;flex-direction:column;gap:16px;padding:20px 22px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.valve-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.valve-card.valve-card--on{background:linear-gradient(#fff 0%,#f0fdf4 100%);border-color:#10b981;box-shadow:0 6px 20px #10b9811f}.valve-card.valve-card--off{background:linear-gradient(#fff 0%,#f8fafc 100%);border-color:#e2e8f0}.valve-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.valve-info{align-items:center;gap:12px;display:flex}.valve-icon-box{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;transition:all .25s;display:flex}.valve-card--on .valve-icon-box{color:#059669;background:#dcfce7;box-shadow:0 0 16px #10b98140}.valve-card--off .valve-icon-box{color:#64748b;background:#f1f5f9}.valve-name{color:var(--text);margin-bottom:2px;font-size:16px;font-weight:700}.valve-sub{color:var(--muted);font-size:12px;font-weight:500}.valve-status-pill{letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.valve-status-pill.on{color:#fff;background:#10b981;box-shadow:0 2px 8px #10b98159}.valve-status-pill.off{color:#fff;background:#64748b}.valve-meta-row{background:#0f172a08;border:1px solid #e2e8f0cc;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12.5px;display:flex}.valve-api-snippet{border-radius:6px;padding:2px 8px;font-family:monospace;font-size:12px;font-weight:700}.valve-api-snippet.on{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.valve-api-snippet.off{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.valve-actions-row{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.valve-btn-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex:1;gap:4px;padding:4px;display:inline-flex}.valve-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.valve-btn:hover:not(:disabled){color:var(--text);background:#fff9}.valve-btn.active-on{color:#fff;background:#10b981;box-shadow:0 2px 8px #10b9814d}.valve-btn.active-off{color:#fff;background:#475569;box-shadow:0 2px 6px #47556940}.valve-btn:disabled{opacity:.65;cursor:not-allowed}.valve-toggle-switch{cursor:pointer;background:#cbd5e1;border:none;border-radius:999px;flex-shrink:0;align-items:center;width:52px;height:28px;padding:3px;transition:background .25s;display:flex;position:relative}.valve-toggle-switch.on{background:#10b981}.valve-toggle-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.16,1,.3,1);transform:translate(0);box-shadow:0 1px 3px #0003}.valve-toggle-switch.on .valve-toggle-thumb{transform:translate(24px)}.landing-layout{color:#1e293b;background:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.container-fluid,.landing-content-wrap{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}.hero-banner-outer{background:#fff;width:100%;margin:0;padding:0}.hero-banner-card{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 45%,#9333ea 100%);border-radius:0 0 32px 32px;width:100%;max-width:100%;margin:0;padding:16px 0 36px;position:relative;overflow:hidden;box-shadow:0 16px 36px -10px #7c3aed59}.hero-nav-bar{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.hero-nav-left{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.brand-dot-pulse{background:#38bdf8;border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #38bdf8}.hero-brand-name{letter-spacing:-.02em;color:#fff;font-size:21px;font-weight:800}.hero-badge-tag{color:#fff;letter-spacing:.04em;background:#ffffff2e;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:700}.hero-nav-mid{align-items:center;gap:8px;display:flex}.hero-nav-mid button{color:#e0e7ff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.hero-nav-mid button:hover{color:#fff;background:#ffffff1a}.hero-nav-right{align-items:center;display:flex}.hero-nav-auth-group{align-items:center;gap:16px;display:flex}.hero-nav-signin-link{color:#fff;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .2s}.hero-nav-signin-link:hover{opacity:.85}.hero-nav-cta-btn{color:#6d28d9;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 22px;font-family:inherit;font-size:13.5px;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #0000001f}.hero-nav-cta-btn:hover{background:#fdfdfd;transform:translateY(-2px);box-shadow:0 6px 18px #0003}.hero-body-columns{justify-content:space-between;align-items:center;gap:40px;margin-top:28px;display:flex}.hero-text-col{flex:1.1;max-width:580px}.hero-headline-title{letter-spacing:-.035em;color:#fff;margin:0 0 16px;font-size:42px;font-weight:850;line-height:1.15}.hero-headline-sub{color:#e0e7ff;margin:0 0 24px;font-size:15.5px;line-height:1.6}.hero-actions-row{margin-bottom:16px}.hero-primary-pill-btn{color:#6b21a8;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:10px;padding:12px 30px;font-family:inherit;font-size:15px;font-weight:750;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 20px #00000029}.hero-primary-pill-btn:hover{background:#fdfdfd;transform:translateY(-2px);box-shadow:0 10px 26px #00000040}.hero-guarantee-line{color:#ddd6fe;align-items:center;gap:8px;font-size:12.5px;display:flex}.check-bullet{color:#a7f3d0;font-weight:800}.hero-graphic-col{flex:1;justify-content:center;align-items:center;display:flex}.hero-iso-svg{filter:drop-shadow(0 16px 36px #00000038);width:100%;max-width:480px;height:auto}.alt-feature-section{background:#fff;padding:42px 0}.alt-feature-row{justify-content:space-between;align-items:center;gap:50px;display:flex}.alt-feature-row.reverse-on-desktop{flex-direction:row-reverse}.alt-feature-col.visual-col{flex:1;justify-content:center;align-items:center;display:flex}.alt-feature-col.text-col{flex:1;max-width:560px}.feature-iso-svg{filter:drop-shadow(0 12px 30px #00000014);width:100%;max-width:440px;height:auto}.section-sub-pill{letter-spacing:.08em;color:#6366f1;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800;display:inline-block}.section-main-heading{letter-spacing:-.025em;color:#0f172a;margin:0 0 14px;font-size:30px;font-weight:850;line-height:1.22}.section-body-text{color:#64748b;margin:0 0 18px;font-size:14.5px;line-height:1.62}.purple-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#7c3aed 100%);border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 26px;font-family:inherit;font-size:14px;font-weight:700;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 18px #6366f159}.purple-action-btn:hover{background:linear-gradient(135deg,#4f46e5 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 10px 26px #6366f180}.feature-mini-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.mini-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:3px;padding:12px 16px;display:flex}.mini-stat-label{color:#64748b;font-size:11px;font-weight:600}.mini-stat-value{color:#0f172a;font-size:16px;font-weight:800}.feature-trust-note{color:#94a3b8;margin-top:12px;font-size:12px}.styled-benefit-list{flex-direction:column;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.styled-benefit-list li{color:#334155;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.dark-contrast-section{color:#fff;background:linear-gradient(#161042 0%,#0d092c 100%);margin:0;padding:48px 0}.dark-section-header{text-align:center;max-width:700px;margin:0 auto 32px}.dark-section-header h2{letter-spacing:-.025em;color:#fff;margin:0 0 10px;font-size:30px;font-weight:850}.dark-section-header p{color:#c4b5fd;margin:0;font-size:14.5px}.dark-columns-row{justify-content:space-between;align-items:center;gap:40px;display:flex}.dark-visual-col{flex:1;justify-content:center;align-items:center;display:flex}.dark-iso-svg{filter:drop-shadow(0 14px 36px #0006);width:100%;max-width:420px;height:auto}.dark-steps-col{flex:1.1;max-width:560px}.step-card-item{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.step-number-badge{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex;box-shadow:0 0 12px #6366f180}.step-content h4{color:#fff;margin:0 0 4px;font-size:15.5px;font-weight:750}.step-content p{color:#cbd5e1;margin:0;font-size:13px;line-height:1.5}.step-content code{color:#38bdf8;background:#ffffff1f;border-radius:4px;padding:2px 6px;font-size:12px}.dark-step-cta{margin-top:22px;padding-left:52px}.light-purple-btn{color:#fff;background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%)}.grid-cards-section{background:#fff;padding:42px 0}.grid-section-header{text-align:center;max-width:680px;margin:0 auto 28px}.grid-section-header h2{letter-spacing:-.025em;color:#0f172a;margin:0 0 8px;font-size:30px;font-weight:850}.grid-section-header p{color:#64748b;margin:0;font-size:14.5px}.four-cards-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}.five-cards-grid{grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:28px;display:grid}.core-system-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:22px 18px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #0000000a}.core-system-card:before{content:"";background:0 0;height:4px;transition:all .25s;position:absolute;top:0;left:0;right:0}.core-system-card:hover{border-color:#cbd5e1;transform:translateY(-5px);box-shadow:0 16px 36px #00000014}.core-system-card.card-overview:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.core-system-card.card-air:before{background:linear-gradient(90deg,#0284c7,#38bdf8)}.core-system-card.card-energy:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.core-system-card.card-water:before{background:linear-gradient(90deg,#0891b2,#06b6d4)}.core-system-card.card-waste:before{background:linear-gradient(90deg,#9333ea,#c084fc)}.core-system-card.card-alerts:before{background:linear-gradient(90deg,#ef4444,#f59e0b)}.core-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.core-card-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.overview-bg{color:#4338ca;background:#e0e7ff}.air-bg{color:#0284c7;background:#e0f2fe}.energy-bg{color:#d97706;background:#fef3c7}.water-bg{color:#0891b2;background:#cffafe}.waste-bg{color:#9333ea;background:#f3e8ff}.alerts-bg{color:#dc2626;background:#fee2e2}.core-card-live-pill{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:750;display:inline-flex}.core-card-live-pill .pulse-dot-small{background:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 2px #10b98133}.core-system-card h3{color:#0f172a;letter-spacing:-.01em;margin:0 0 6px;font-size:15.5px;font-weight:800}.core-card-kpi-highlight{color:#2563eb;margin-bottom:8px;font-size:13px;font-weight:750}.core-system-card p{color:#64748b;flex:1;margin:0 0 16px;font-size:12.5px;line-height:1.5}.core-card-footer{flex-direction:column;gap:8px;margin-top:auto;display:flex}.core-card-metric-tag{color:#475569;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:600}.core-card-action-btn{color:#2563eb;cursor:pointer;background:#2563eb14;border:1px solid #2563eb33;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:750;transition:all .2s;display:inline-flex}.core-card-action-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.quad-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;padding:24px 20px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 18px #0000000a}.quad-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 14px 30px #00000017}.quad-card-icon{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:14px;display:flex}.quad-card h3{color:#0f172a;margin:0 0 8px;font-size:16px;font-weight:750}.quad-card p{color:#64748b;flex:1;margin:0 0 16px;font-size:13px;line-height:1.52}.quad-footer-tag{color:#6366f1;background:#f5f3ff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.grid-cards-cta-center{text-align:center}.bottom-cta-deal-section{text-align:center;background:#fff;padding:32px 0 44px}.bottom-deal-card{max-width:660px;margin:0 auto}.bottom-deal-card h2{letter-spacing:-.025em;color:#0f172a;margin:0 0 8px;font-size:30px;font-weight:850}.bottom-deal-card p{color:#64748b;margin:0;font-size:14.5px}.deal-pricing-pill{background:#fff;border:2px solid #e2e8f0;border-radius:24px;flex-direction:column;align-items:center;margin-top:20px;padding:28px 24px;display:flex;box-shadow:0 16px 40px -10px #6366f126}.deal-tag{color:#6366f1;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:800}.deal-price-display{justify-content:center;align-items:baseline;gap:6px;margin:10px 0 6px;display:flex}.deal-currency{color:#64748b;font-size:18px;font-weight:750}.deal-amount{color:#0f172a;letter-spacing:-.03em;font-size:42px;font-weight:900}.deal-period{color:#94a3b8;font-size:16px;font-weight:600}.deal-sub{color:#64748b;margin:0 0 20px;font-size:12.5px}.deal-main-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#7c3aed 100%);border:none;border-radius:999px;justify-content:center;align-items:center;padding:13px 40px;font-family:inherit;font-size:14.5px;font-weight:750;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 20px #6366f159}.deal-main-btn:hover{background:linear-gradient(135deg,#4f46e5 0%,#6d28d9 100%);transform:translateY(-2px);box-shadow:0 10px 28px #6366f180}.landing-v2-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:18px 0}.footer-inner-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-left-info .footer-brand-title{color:#0f172a;margin-bottom:4px;font-size:16px;font-weight:800}.footer-left-info p{color:#64748b;margin:0;font-size:12.5px}.footer-right-copy{color:#94a3b8;font-size:12.5px}@media (width<=1024px){.hero-body-columns{text-align:center;flex-direction:column}.hero-text-col{max-width:100%}.hero-guarantee-line{justify-content:center}.four-cards-grid,.five-cards-grid{grid-template-columns:repeat(2,1fr)}.alt-feature-row,.alt-feature-row.reverse-on-desktop{text-align:center;flex-direction:column}.alt-feature-col.text-col{max-width:100%}.dark-columns-row{flex-direction:column}.dark-steps-col{max-width:100%}.dark-step-cta{text-align:center;padding-left:0}}@media (width<=768px){.hero-banner-card{border-radius:20px;padding:20px 20px 40px}.hero-nav-mid{display:none}.hero-headline-title{font-size:32px}.four-cards-grid,.five-cards-grid,.feature-mini-stats-grid{grid-template-columns:1fr}}.vector-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);background:#0f172ab8;justify-content:center;align-items:center;padding:24px;animation:.25s both overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.vector-modal-container{background:#fff;border-radius:28px;width:100%;max-width:860px;min-height:480px;animation:.32s cubic-bezier(.16,1,.3,1) both modalPopUp;position:relative;overflow:hidden;box-shadow:0 30px 80px -15px #00000073,0 0 50px #6366f140}@keyframes modalPopUp{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.vector-wave-bg-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.vector-wave-svg{width:100%;height:100%;display:block}.vector-close-btn{color:#4338ca;cursor:pointer;z-index:10;background:#ffffffd9;border:1px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px;box-shadow:0 4px 12px #0000001f}.vector-close-btn:hover{color:#0f172a;background:#fff;transform:scale(1.08)}.vector-modal-body{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;min-height:480px;padding:44px 48px;display:grid;position:relative}.vector-form-col{flex-direction:column;max-width:380px;display:flex}.vector-title{color:#0f172a;letter-spacing:-.03em;text-align:center;margin:0 0 4px;font-size:34px;font-weight:850}.vector-subtitle{color:#64748b;text-align:center;margin:0 0 24px;font-size:13.5px;font-weight:500}.vector-error-badge{color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:9px 14px;font-size:12px;animation:.3s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.vector-signin-form{flex-direction:column;gap:16px;display:flex}.vector-input-pill{background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;height:52px;padding:0 16px 0 7px;transition:all .22s;display:flex;position:relative;box-shadow:0 6px 20px #6366f114,0 2px 6px #00000005}.vector-input-pill:focus-within{border-color:#8b5cf6;box-shadow:0 8px 24px #8b5cf633,0 0 0 3px #8b5cf626}.vector-pill-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 3px 10px #6366f14d}.vector-input-pill input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;height:100%;padding:0 14px;font-family:inherit;font-size:14px}.vector-input-pill input::placeholder{color:#94a3b8;font-weight:450}.vector-eye-toggle{color:#8b5cf6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:color .15s;display:flex}.vector-eye-toggle:hover{color:#6366f1}.vector-options-row{color:#64748b;justify-content:space-between;align-items:center;margin-top:2px;padding:0 6px;font-size:12.5px;display:flex}.vector-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}.vector-checkbox-label input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;width:15px;height:15px}.vector-autofill-btn{color:#7c3aed;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:600;text-decoration:underline;transition:color .15s}.vector-autofill-btn:hover{color:#4f46e5}.vector-submit-wrap{justify-content:center;margin-top:10px;display:flex}.vector-signin-btn{color:#fff;letter-spacing:.08em;cursor:pointer;background:linear-gradient(90deg,#8b5cf6 0%,#6366f1 100%);border:none;border-radius:999px;justify-content:center;align-items:center;height:44px;padding:0 54px;font-family:inherit;font-size:13.5px;font-weight:800;transition:all .24s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 22px #7c3aed66}.vector-signin-btn:hover:not(:disabled){background:linear-gradient(90deg,#7c3aed 0%,#4f46e5 100%);transform:translateY(-2px);box-shadow:0 12px 28px #7c3aed8c}.vector-signin-btn:disabled{opacity:.75;cursor:wait}.vector-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.vector-welcome-col{color:#0f172a;flex-direction:column;justify-content:center;padding-left:10px;display:flex}.vector-welcome-title{color:#0f172a;letter-spacing:-.025em;margin:0 0 14px;font-size:30px;font-weight:850}.vector-welcome-desc{color:#475569;max-width:320px;margin:0 0 20px;font-size:13.5px;line-height:1.6}.vector-demo-hint{color:#4338ca;background:#ffffffd9;border:1px solid #6366f140;border-radius:999px;align-items:center;gap:8px;max-width:fit-content;padding:7px 12px;font-size:11.5px;display:inline-flex;box-shadow:0 4px 12px #0000000d}.vector-hint-pill{letter-spacing:.06em;color:#fff;background:#6366f1;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:850}@media (width<=768px){.vector-modal-body{grid-template-columns:1fr;gap:28px;padding:36px 24px 28px}.vector-welcome-col{text-align:center;align-items:center;padding-left:0}.vector-form-col{max-width:100%}}.admin-status-pill{color:#2563eb;background:#2563eb1a;border:1px solid #38bdf840;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}@media (width<=1024px){.preview-cards-grid{grid-template-columns:repeat(2,1fr)}.arch-arrow{display:none}}@media (width<=768px){.landing-hero-headline{font-size:32px}.landing-nav-links{display:none}.hero-metrics-strip{flex-direction:column;gap:16px}.metric-divider{display:none}.pillars-grid,.preview-cards-grid{grid-template-columns:1fr}.footer-right{align-items:flex-start}}.nav-badge-pill{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:2px 8px;font-size:10.5px;font-weight:700;line-height:1.4;animation:2s infinite alertPulse;display:inline-flex;box-shadow:0 0 10px #ef444480}@keyframes alertPulse{0%,to{transform:scale(1);box-shadow:0 0 6px #ef444466}50%{transform:scale(1.08);box-shadow:0 0 14px #ef4444d9}}.alert-floating-toast{color:#f8fafc;z-index:9999;background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;padding:12px 22px;font-size:13.5px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) both toastSlideUp;position:fixed;bottom:28px;right:32px;box-shadow:0 12px 32px #00000040}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.alert-kpi-card{transition:transform .2s,box-shadow .2s}.alerts-toolbar-card{margin-bottom:22px;padding:18px 22px}.alerts-toolbar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.alerts-search-wrap{flex:1;align-items:center;min-width:280px;display:flex;position:relative}.alerts-search-wrap .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.alerts-search-input{border:1px solid var(--border);width:100%;color:var(--text);background:#f8fafc;border-radius:12px;outline:none;padding:10px 38px 10px 42px;font-family:inherit;font-size:13.5px;transition:all .2s}.alerts-search-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #2563eb26}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1;position:absolute;right:12px}.clear-search-btn:hover{color:var(--text)}.alerts-actions-group{align-items:center;gap:10px;display:flex}.alert-btn-solve-all{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.alert-btn-solve-all:hover:not(:disabled){color:#fff;background:#10b981;border-color:#10b981}.alert-btn-clear-all{color:#dc2626;background:#fef2f2;border-color:#fecaca}.alert-btn-clear-all:hover:not(:disabled){color:#fff;background:#ef4444;border-color:#ef4444}.alerts-toolbar-filters{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.filter-pill-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.filter-tab-pill{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .18s}.filter-tab-pill:hover{color:var(--text);background:#f1f5f9;border-color:#cbd5e1}.filter-tab-pill.active{color:#fff;background:#1e293b;border-color:#1e293b;box-shadow:0 2px 8px #1e293b40}.alerts-list{flex-direction:column;gap:16px;margin-bottom:30px;display:flex}.alert-card{border:1px solid var(--border-card);box-shadow:var(--shadow-md);background:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.35s both cardEntrance;position:relative;overflow:hidden}.alert-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.alert-edge-bar{width:6px;position:absolute;top:0;bottom:0;left:0}.bar-critical{background:linear-gradient(#ef4444 0%,#dc2626 100%)}.bar-high{background:linear-gradient(#f59e0b 0%,#d97706 100%)}.bar-solved{background:linear-gradient(#10b981 0%,#059669 100%)}.alert-card.is-critical{border-left:1px solid #ef44444d}.alert-card.is-high{border-left:1px solid #f59e0b4d}.alert-card.is-solved{opacity:.94;background:#fcfdfc}.alert-card-inner{padding:20px 24px 20px 28px}.alert-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.alert-meta-left{align-items:center;gap:12px;display:flex}.alert-icon-avatar{background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.alert-system-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.alert-system-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:700}.badge-system-water{color:#0284c7;background:#e0f2fe}.badge-system-air{color:#0d9488;background:#ccfbf1}.badge-system-energy{color:#d97706;background:#fef3c7}.badge-system-waste{color:#c2410c;background:#ffedd5}.badge-system-safety{color:#6d28d9;background:#ede9fe}.alert-severity-badge{letter-spacing:.04em;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:800}.sev-critical{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.sev-high{color:#b45309;background:#fef3c7;border:1px solid #fcd34d}.sev-solved{color:#047857;background:#d1fae5;border:1px solid #6ee7b7}.alert-meta-right{align-items:center;gap:8px;display:flex}.alert-timestamp{color:#64748b;align-items:center;gap:5px;font-size:12.5px;font-weight:500;display:inline-flex}.alert-body{margin-bottom:16px}.alert-title{color:var(--text);letter-spacing:-.01em;margin:0 0 6px;font-size:17px;font-weight:800}.alert-location-line{color:#64748b;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.alert-metrics-strip{border:1px solid var(--border);background:#f8fafc;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;padding:12px 16px;display:grid}.metric-box{flex-direction:column;gap:3px;display:flex}.metric-box-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.metric-box-val{color:var(--text);font-size:14px;font-weight:700}.trigger-value .metric-box-val{color:#dc2626}.safe-threshold .metric-box-val{color:#059669}.alert-recommendation{color:#334155;background:#f1f5f9;border-left:3px solid #6366f1;border-radius:0 8px 8px 0;margin-bottom:8px;padding:10px 14px;font-size:13px;line-height:1.5}.alert-solved-notice{color:#059669;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:600;display:flex}.alert-card-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;padding-top:14px;display:flex}.alert-action-buttons{align-items:center;gap:10px;display:flex}.alert-action-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.alert-action-btn.btn-solved{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.alert-action-btn.btn-solved:hover{color:#fff;background:#10b981;border-color:#10b981;transform:translateY(-1px);box-shadow:0 4px 12px #10b98147}.alert-action-btn.btn-solved.is-active-solved{color:#fff;background:#10b981;border-color:#10b981}.alert-action-btn.btn-solved.is-active-solved:hover{background:#059669}.alert-action-btn.btn-clear{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.alert-action-btn.btn-clear:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef444447}.alerts-empty-state{text-align:center;padding:48px 24px}.empty-icon-wrap{margin-bottom:16px}.alerts-empty-state h3{color:var(--text);margin:0 0 8px;font-size:20px;font-weight:800}.alerts-empty-state p{color:var(--muted);max-width:480px;margin:0 auto 20px;font-size:14px;line-height:1.5}@media (width<=900px){.alert-metrics-strip{grid-template-columns:1fr}.alerts-toolbar-top{flex-direction:column;align-items:stretch}}