:root{--primary-color: #2C5F2D;--secondary-color: #97BC62;--text-color: #333;--light-color: #f5f5f5;--accent-color: #FF6B6B}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}body{font-family:Poppins,sans-serif;line-height:1.6;color:var(--text-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:#fffffff2;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 5px #0000001a}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.logo-container{display:flex;align-items:center;gap:1rem;margin-left:2rem}.logo-container h1{font-size:2rem;font-family:Poppins,sans-serif;line-height:1.6;font-weight:600;margin:0}.logo{width:56px;max-width:56px;height:auto;display:block}nav .logo-container img.logo{width:56px}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:500;font-size:1.5rem;transition:color .3s ease}.demo-nav .nav-links a{font-size:1rem}.nav-links a:hover{color:var(--primary-color)}#top{min-height:100vh;background-color:#0b3d1a;background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;align-items:center;text-align:center;color:#fff;padding-top:80px}.hero-content{max-width:800px;margin:0 auto;padding:2rem}.hero-content h1{font-size:3.5rem;margin-bottom:1.5rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem}section{padding:5rem 0}section:not(#top){background-color:#ebebeb}section:nth-child(2n){background-color:#f5f5f5}h2{color:var(--primary-color);font-size:2.5rem;margin-bottom:2rem;text-align:center}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.solution-text ul{list-style:none}.solution-text li{margin-bottom:1rem;font-size:1.1rem}.solution-image img{width:100%;border-radius:10px;box-shadow:0 5px 15px #0000001a}.prototype-showcase{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.prototype-image img{width:100%;border-radius:10px;box-shadow:0 5px 15px #0000001a}.prototype-description ul{list-style:none;margin-top:1rem}.prototype-description li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.prototype-description li:before{content:"\2022";color:var(--primary-color);position:absolute;left:0}.cta-button{display:inline-block;padding:1rem 2rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.cta-button:hover{background-color:var(--secondary-color)}footer{background-color:var(--primary-color);color:#fff;padding:2rem 0;text-align:center;position:relative;width:100%}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}@media (max-width: 768px){.nav-links{display:none}.solution-grid,.prototype-showcase{grid-template-columns:1fr;gap:2rem}.hero-content h1{font-size:2.5rem}}.dashboard-container{display:flex;gap:2rem;max-width:1200px;margin:120px auto 0;padding:0 20px 40px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.5rem;flex:1 1 0}.dashboard-box{background:var(--light-color);border-radius:16px;box-shadow:0 2px 8px #2c5f2d14;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;font-size:1.1rem}.dashboard-box h2{color:var(--primary-color);font-size:1.3rem;margin-bottom:.5rem}.dashboard-value{font-size:2rem;font-weight:600;margin-bottom:.5rem}.dashboard-subvalue{font-size:.95rem;margin-top:.2rem}.dashboard-warning{color:var(--accent-color);font-size:.95rem;margin-top:.2rem}.fire-active .dashboard-value{color:var(--accent-color)}.dashboard-map{background:var(--light-color);border-radius:16px;padding:2rem 1.5rem;min-width:350px;max-width:500px;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.dashboard-map h2{color:var(--primary-color);font-size:1.3rem;margin-bottom:1rem}.demo-dark .dashboard-map h2{color:#eaeaea;position:relative;z-index:2}.demo-dark .dashboard-map{position:relative}.demo-dark{--bg: #000000;--panel: #141414;--panel-2: #1b1b1b;--muted: #d0d0d0;--muted-2: #b3b3b3;--danger: #ff7b71}html.demo-dark,body.demo-dark{background:var(--bg)!important;color:var(--muted)!important;height:100%}.demo-dark header{background-color:#1c1c1cf2;box-shadow:0 2px 10px #0009}.demo-dark .logo-container h1,.demo-dark .nav-links a{color:var(--muted-2)}.demo-dark .logo{filter:invert(1)}.demo-dark .nav-links a:hover{color:#e6e6e6}.demo-dark .dashboard-box{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.06));background-color:var(--panel);border:1px solid rgba(255,255,255,.03);color:var(--muted);box-shadow:0 6px 18px #0009}.demo-dark .dashboard-box h2{color:var(--muted-2)}.demo-dark .dashboard-value{color:#fff}.demo-dark .dashboard-warning{color:var(--danger)}.demo-dark .dashboard-map{background:var(--panel-2);border:1px solid rgba(255,255,255,.03)}.demo-dark footer{background-color:var(--panel);color:#d3d3d3}.demo-dark .leaflet-tile{filter:brightness(.75) contrast(1.05) saturate(.9)}.demo-dark .leaflet-control-layers-toggle{background:rgba(20,20,20,.85)!important;color:var(--muted)!important;border:1px solid rgba(255,255,255,.04)!important;box-shadow:0 2px 8px #0009!important}.demo-dark .leaflet-bar a,.demo-dark .leaflet-control-zoom a{background:rgba(20,20,20,.85)!important;color:var(--muted)!important;width:34px!important;height:34px!important;line-height:34px!important;text-align:center!important;font-size:18px!important}.demo-dark .leaflet-bar a:hover,.demo-dark .leaflet-control-zoom a:hover{background:rgba(255,255,255,.03)!important;color:#fff!important}.demo-dark .leaflet-control-attribution{background:rgba(0,0,0,0)!important;color:#ffffff8c!important;font-size:11px!important;padding:4px 6px!important;border-radius:6px!important;box-shadow:none!important;opacity:.85}.demo-dark .leaflet-control-attribution:hover{opacity:1;color:#ffffffe6!important}.demo-dark .leaflet-popup{z-index:10000}.demo-dark .leaflet-popup-content-wrapper{background:rgba(30,30,30,.95);color:#eaeaea;border-radius:8px;box-shadow:0 3px 14px #0009}.demo-dark .leaflet-popup-content{margin:13px 24px 13px 13px;color:#eaeaea}.demo-dark .leaflet-popup-tip{background:rgba(30,30,30,.95)}#map{position:relative!important;height:350px!important;width:100%!important;border-radius:16px;overflow:hidden;z-index:1}.leaflet-layer,.leaflet-tile{will-change:transform;backface-visibility:hidden}.leaflet-tile-container{will-change:transform}.dark-popup .leaflet-popup-content strong{color:#eaeaea}.demo-dark .leaflet-popup-close-button{top:6px;right:8px;width:26px;height:26px;line-height:26px;font-size:16px;color:var(--muted-2);background:rgba(255,255,255,.04);border-radius:4px;border:none;box-shadow:0 1px 3px #0006}@media (max-width: 1100px){.dashboard-container{flex-direction:column;align-items:stretch}.dashboard-map{max-width:100%;min-width:0;margin-bottom:2rem}}@media (max-width: 768px){.dashboard-container{flex-direction:column;align-items:stretch;gap:1.5rem}.dashboard-map{max-width:100%;min-width:0;margin-bottom:1.5rem}.dashboard-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem}}@media (max-width: 600px){.dashboard-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.dashboard-box{min-height:80px;padding:1rem}}