:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-accent: #1e1b4b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #818cf8;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--sidebar-bg: rgba(15, 23, 42, .8);--primary-color: #581c87;--primary-hover: #4c1d95;--secondary-color: #3b82f6;--success-color: #34d399;--danger-color: #f43f5e;--warning-color: #fbbf24;--panel-bg: rgba(30, 41, 59, .5);--panel-border: rgba(255, 255, 255, .1);--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--touch-target: 48px;--border-radius: 16px;--sidebar-width: 280px;--sidebar-collapsed: 80px;--container-padding: 40px;--section-spacing: 60px}@media(max-width:768px){:root{--container-padding: 20px;--section-spacing: 30px}}:root.light{--bg-primary: #f1f5f9;--bg-secondary: #e2e8f0;--bg-accent: #dee2e6;--text-primary: #1e293b;--text-secondary: #64748b;--accent-color: #4f46e5;--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .1);--sidebar-bg: #ffffff;--panel-bg: rgba(255, 255, 255, .9);--panel-border: rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box;touch-action:manipulation}body{font-family:var(--font-ui);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}@media(max-width:768px){h1{font-size:1.8rem!important;line-height:1.2!important}h2{font-size:1.4rem!important}h3{font-size:1.2rem!important}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.flex-col-mobile{flex-direction:column!important}}.show-mobile{display:none!important}h1,h2,h3,h4,.ui-label{font-weight:700;letter-spacing:-.02em}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 24px -1px #0000000d}:root.light .glass{box-shadow:0 4px 15px -1px #00000014,0 10px 30px -5px #0000000a}.workbench-container{flex:1;background:var(--bg-secondary);background-image:radial-gradient(circle at 0% 0%,rgba(129,140,248,.05) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(99,102,241,.05) 0%,transparent 50%);overflow-y:auto;color:var(--text-primary)}.workbench-content{padding:var(--container-padding)}.btn-primary{background:var(--accent-color);color:#fff!important;border:1px solid rgba(255,255,255,.1);padding:10px 24px;border-radius:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;font-family:var(--font-ui)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #818cf84d}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:600;transition:color .2s}.nav-link:hover{color:var(--accent-color)}.landing-hero{position:relative;padding:160px 5% 100px;text-align:center;overflow:hidden;background:var(--bg-primary);min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-primary)}.hero-title{font-size:4.8rem}.hero-subtitle{font-size:1.5rem}@media(max-width:768px){.landing-hero{padding:100px 5% 60px;min-height:auto}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem;padding:0 10px}}:root.light .landing-hero{background:#fff}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.5;background-image:url(/assets/hero-bg.png);background-size:cover;background-position:center}:root.light .hero-background{opacity:.15}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(15,23,42,.2) 0%,var(--bg-primary) 90%);z-index:1}:root.light .hero-overlay{background:radial-gradient(circle at center,#ffffff1a,#fff 95%)}.scanner-line{position:absolute;left:0;width:100%;height:2px;background:linear-gradient(to right,transparent,var(--accent-color),transparent);box-shadow:0 0 15px var(--accent-color);opacity:.5;z-index:2;pointer-events:none;animation:scan 10s linear infinite}@keyframes scan{0%{top:-10%}to{top:110%}}.tech-tag{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-color);background:#818cf81a;padding:6px 16px;border:1px solid rgba(129,140,248,.2);border-radius:4px;display:inline-block;margin-bottom:24px;position:relative;z-index:10}.signature-branding{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;color:var(--text-secondary);opacity:.8;text-transform:uppercase;margin-top:40px;position:relative;z-index:10}.expert-module{transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--glass-border)!important;position:relative;overflow:hidden;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:30px;color:var(--text-primary)}.expert-module h3{-webkit-hyphens:auto;hyphens:auto}.expert-module:hover{transform:translateY(-10px);border-color:var(--accent-color)!important;box-shadow:0 20px 40px -20px #00000080}:root.light .expert-module:hover{box-shadow:0 20px 40px -20px #0000001a}@media(max-width:768px){.expert-module{padding:25px!important}.expert-module h3{font-size:1.4rem!important}}.expert-module:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-color);transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.expert-module:hover:after{transform:scaleX(1)}@media(max-width:768px){.sidebar{position:fixed!important;left:-280px;height:100vh!important;top:0!important;z-index:1000!important;background:var(--bg-primary)!important;box-shadow:10px 0 30px #00000080}.sidebar.open{left:0!important}.workbench-container{padding:20px!important;width:100%!important}.workbench-content{padding:20px!important}.mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:none}.mobile-overlay.active{display:block}.mobile-menu-btn{display:flex!important}.status-bar-desktop-only{display:none!important}.weather-header{flex-direction:column!important;align-items:flex-start!important;gap:20px!important}.current-temp{font-size:3.5rem!important}.weather-main-grid,.daily-forecast-grid{grid-template-columns:1fr!important}}.weather-header{display:flex;justify-content:space-between;align-items:flex-end}.current-temp{font-size:5rem;font-weight:900;color:var(--text-primary);margin:10px 0}.weather-main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.daily-forecast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ai-integration-card{margin:2.5rem 0;padding:1.5rem;border-left:4px solid var(--success-color);border-radius:12px;display:flex;flex-direction:column;gap:1.5rem}.ai-card-content{display:flex;gap:1.25rem;align-items:flex-start}.ai-icon-wrapper{padding:.75rem;background:#34d3991a;border-radius:10px;color:var(--success-color);flex-shrink:0}.icon-vision-ai{color:var(--danger-color);background:#f43f5e1a}.icon-harvest-control{color:var(--warning-color);background:#f973161a}.icon-leachate-analysis{color:var(--secondary-color);background:#3b82f61a}.ai-text-content h4{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.ai-text-content p{font-size:.95rem;line-height:1.5;color:var(--text-secondary)}.ai-cta-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.8rem 1.5rem;background:var(--success-color);color:#0f172a;border:none;border-radius:8px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s ease}.ai-cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #34d39966}.geo-signal-block{display:flex;align-items:flex-start;gap:10px;margin:2rem 0;padding:1.25rem;border-left:3px solid var(--accent-color);background:#818cf80d;border-radius:0 8px 8px 0}.geo-signal-block p{font-style:italic;font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin:0}.geo-signal-block svg{color:var(--accent-color);flex-shrink:0;margin-top:3px}