:root{--bg:#0d1117;--surface:#161b22;--border:#30363d;--water:#58a6ff;--text:#e6edf3;--text-muted:#8b949e;--accent:#3fb950}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,sans-serif}a{color:var(--water);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1100px,92vw);margin:0 auto}.site-header{border-bottom:1px solid var(--border);background:var(--surface);padding:.9rem 0}.site-header-inner{justify-content:space-between;gap:1rem}.brand,.site-header-inner{display:flex;align-items:center}.brand{gap:.75rem;font-weight:700}.brand svg{filter:drop-shadow(0 0 4px rgba(63,185,80,.25))}.nav{display:flex;gap:1rem}.btn,.nav{align-items:center}.btn{display:inline-flex;justify-content:center;border:none;border-radius:8px;padding:.65rem 1rem;font:inherit;font-weight:600;cursor:pointer;background:var(--water);color:var(--bg)}.btn:hover{filter:brightness(1.08)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.hero{padding:2.5rem 0 1.5rem}.hero h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:.75rem}.hero p{color:var(--text-muted);max-width:60ch;line-height:1.6}.card{background:var(--surface);border:1px solid var(--border);padding:1rem}.card,.map-shell{border-radius:12px}.map-shell{height:min(70vh,720px);overflow:hidden;border:1px solid var(--border)}.map-shell .leaflet-container{height:100%;width:100%;background:#0a0e12}.map-with-controls{position:relative;height:100%;width:100%}.map-basemap-toggle{position:absolute;top:10px;right:10px;z-index:1000;display:flex;gap:2px;padding:3px;border-radius:8px;background:rgba(13,17,23,.88);border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.35)}.map-basemap-toggle button{border:none;border-radius:6px;padding:.35rem .55rem;font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;background:transparent;color:var(--text-muted)}.map-basemap-toggle button:hover{color:var(--text);background:rgba(255,255,255,.06)}.map-basemap-toggle button.active{background:var(--water);color:var(--bg)}.map-draw-mode .leaflet-container,.map-draw-mode .leaflet-container.leaflet-dragging .leaflet-grab,.map-draw-mode .leaflet-container.leaflet-grab{cursor:crosshair!important}.status{margin-top:.75rem;color:var(--text-muted);font-size:.9rem}.status.ok{color:var(--accent)}.status.err{color:#f85149}.footer-bar{margin-top:.75rem;display:flex;gap:.75rem;align-items:center}.footer-bar input[type=range]{flex:1 1;accent-color:var(--water)}.footer-controls{display:flex;align-items:center;gap:.75rem;flex:1 1;min-width:0}.geofence-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.geofence-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.geofence-badge{display:inline-block;margin-left:.5rem;padding:.15rem .45rem;border-radius:999px;font-size:.75rem;background:var(--bg);border:1px solid var(--border);color:var(--text-muted)}.geofence-editor{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.geofence-toolbar{flex-wrap:wrap}.geofence-search,.geofence-toolbar{display:flex;gap:.5rem}.geofence-search input{flex:1 1;padding:.55rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.geofence-map{height:min(50vh,420px)}.geofence-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--text-muted)}.geofence-field input[type=text],.geofence-field select{padding:.55rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1rem;gap:1rem;margin:2rem 0}.pricing-card h2{margin-bottom:.5rem}.pricing-card ul{margin:1rem 0;padding-left:1.2rem;color:var(--text-muted);line-height:1.7}.pricing-card .price{font-size:2rem;font-weight:700;margin:.5rem 0 1rem}input[type=email]{width:100%;padding:.65rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);margin-bottom:.75rem}.leaflet-tile-pane{filter:saturate(.6) brightness(.85)}.home-map-section{display:grid;grid-template-columns:1fr 220px;grid-gap:1rem;gap:1rem;margin-top:1.25rem;align-items:start}@media (max-width:700px){.home-map-section{grid-template-columns:1fr}}.home-map{height:min(55vh,560px)}.home-geofence-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem}.home-geofence-title{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem}.home-geofence-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.home-geofence-btn{display:flex;align-items:center;gap:.5rem;width:100%;background:transparent;border:1px solid var(--border);border-radius:8px;padding:.45rem .65rem;font:inherit;font-size:.82rem;color:var(--text-muted);cursor:pointer;text-align:left;transition:border-color .15s,color .15s;opacity:.55}.home-geofence-btn.active{opacity:1;color:var(--text);border-color:var(--border)}.home-geofence-btn:hover{border-color:var(--water)}.geofence-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%}.geofence-btn-name{flex:1 1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geofence-btn-type{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.profile-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:1px solid var(--border)}.profile-tabs button{background:transparent;border:none;border-bottom:2px solid transparent;padding:.6rem 1rem;font:inherit;font-size:.9rem;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:.4rem;margin-bottom:-1px}.profile-tabs button.active{color:var(--text);border-bottom-color:var(--water)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--water);color:var(--bg);border-radius:999px;font-size:.7rem;font-weight:700;min-width:18px;height:18px;padding:0 4px}.alert-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.alert-item{display:flex;align-items:flex-start;gap:.85rem}.alert-type-icon{font-size:1.4rem;flex-shrink:0;margin-top:.1rem}.attribution-footer{margin-top:4rem;border-top:1px solid var(--border);background:rgba(255,255,255,.02);padding:2rem 0 2.5rem}.attribution-inner{max-width:860px}.attribution-heading{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.85rem}.attribution-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem;font-size:.82rem;color:var(--text-muted);line-height:1.6}.attribution-list a{color:var(--water);text-decoration:none}.attribution-list a:hover{text-decoration:underline}.attribution-disclaimer{margin-top:1rem;font-size:.78rem;color:color-mix(in srgb,var(--text-muted) 70%,transparent);line-height:1.6;max-width:720px}.attribution-copyright{margin-top:.75rem;font-size:.75rem;color:color-mix(in srgb,var(--text-muted) 50%,transparent)}