@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";:root{--color-primary: #65b200;--color-primary-hover: #549600;--color-background: #FFFFFF;--color-text-heading: #1a1a1a;--color-text-body: #4a4a4a;--color-bg-secondary: #f4f4f4;--color-border: #e0e0e0;--font-family: "Inter", sans-serif;--spacing-container: 1200px;--header-height: 80px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);font-weight:600;line-height:1.2}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:6px;font-weight:600;transition:all .3s ease;font-size:1rem}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #65b2004d}.btn-outline{background-color:transparent;border:1px solid var(--color-text-heading);color:var(--color-text-heading)}.btn-outline:hover{background-color:var(--color-text-heading);color:#fff}.section-padding{padding:80px 0}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);z-index:1000;background-color:transparent;transition:all .3s ease;display:flex;align-items:center}.header-scrolled{background-color:#fffffff2;box-shadow:0 2px 10px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-size:24px;font-weight:700;color:var(--color-text-heading);display:flex;align-items:center;gap:4px;cursor:pointer}.logo-text{letter-spacing:-.5px}.logo-badge{background-color:var(--color-primary);color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.desktop-nav ul{display:flex;gap:32px}.desktop-nav a{font-weight:500;color:var(--color-text-heading);font-size:.95rem}.desktop-nav a:hover{color:var(--color-primary)}.header-actions{display:flex;gap:16px}.btn-sm{padding:8px 20px;font-size:.9rem}.hero{position:relative;padding-top:calc(var(--header-height) + 60px);padding-bottom:80px;overflow:hidden;min-height:90vh;display:flex;align-items:center}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:10}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background-color:#f0f9e6;color:#4a8a00;border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:24px}.badge-dot{width:8px;height:8px;background-color:#65b200;border-radius:50%;display:block}.hero h1{font-size:3.5rem;line-height:1.1;margin-bottom:24px;letter-spacing:-1px}.text-highlight{background:linear-gradient(120deg,#1a1a1a,#4a4a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#1a1a1a}.hero-subtitle{font-size:1.25rem;color:#555;margin-bottom:40px;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:24px;margin-bottom:48px}.btn-text{background:none;border:none;padding:0;color:#1a1a1a;font-weight:600;display:inline-flex;align-items:center;gap:4px;font-size:1rem}.btn-text:hover{color:var(--color-primary)}.hero-stats{display:flex;align-items:center;gap:32px}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:1.8rem;font-weight:700;color:#1a1a1a}.stat-label{font-size:.9rem;color:#666}.stat-divider{width:1px;height:40px;background-color:#e0e0e0}.visual-placeholder{position:relative;width:100%;aspect-ratio:4/3;perspective:1000px}.card-mockup{position:absolute;top:10%;right:10%;width:280px;height:170px;background:linear-gradient(135deg,#1a1a1a,#2c2c2c);border-radius:16px;padding:24px;box-shadow:0 20px 50px #0003;z-index:20;transform:rotateY(-15deg) rotateX(5deg);transition:transform .5s ease}.card-mockup:hover{transform:rotateY(10deg) rotateX(2deg) translateY(-10px)}.dashboard-mockup{position:absolute;bottom:0;right:0;width:90%;height:80%;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000014;border:1px solid #eee;overflow:hidden;z-index:10;display:flex;flex-direction:column}.dash-header{height:40px;border-bottom:1px solid #eee;background:#fafafa}.dash-content{flex:1;position:relative;background:#f4f4f4}.dash-map{width:100%;height:100%;background-color:#e6e6e6;position:relative}.pulse-marker{animation:markerPulse 2s infinite;transform-origin:center}@keyframes markerPulse{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.5);opacity:0}}.alert-icon{width:20px;height:20px;background-color:#4caf50;border-radius:50%}.alert-text{font-weight:600;font-size:.9rem}.dash-alert{position:absolute;bottom:20px;right:20px;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 5px 15px #00000014;display:flex;align-items:center;gap:12px;animation:slideIn .5s ease-out}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hero-bg-accent{position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(to left,#f9f9f9,transparent);z-index:1}@media(max-width:968px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{margin:0 auto}.hero h1{font-size:2.5rem}.hero-actions,.hero-stats{justify-content:center}.visual-placeholder{width:100%;max-width:500px;margin:0 auto}}.telemetry-container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.telemetry-visual{position:relative}.map-placeholder{width:100%;aspect-ratio:1;background-color:#f8f9fa;border-radius:24px;position:relative;overflow:hidden;border:1px solid #eee}.map-zone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;display:flex;align-items:center;justify-content:center}.zone-circle{position:absolute;width:100%;height:100%;background-color:#65b2001a;border:2px solid var(--color-primary);border-radius:50%;animation:pulse 2s infinite}.station-icon{width:48px;height:48px;background-color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 4px 10px #65b2004d}.truck-path{position:absolute;width:100%;height:100%;top:0;left:0}.verification-badge{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#fff;padding:10px 20px;border-radius:50px;box-shadow:0 5px 20px #0000001a;display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:#1a1a1a}.section-label{display:block;font-size:.8rem;font-weight:700;letter-spacing:1px;color:var(--color-primary);text-transform:uppercase;margin-bottom:16px}.telemetry-content h2{font-size:2.5rem;margin-bottom:24px}.telemetry-content p{font-size:1.1rem;color:#555;margin-bottom:16px;line-height:1.7}.feature-list{margin-top:32px}.feature-list li{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-weight:500}.feature-icon-sm{width:24px;height:24px;background-color:#f0f9e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:.3}to{transform:scale(.95);opacity:.7}}@media(max-width:768px){.telemetry-container{grid-template-columns:1fr;gap:40px}.telemetry-visual{order:-1}}.bg-light{background-color:var(--color-bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.feature-card{background:#fff;padding:32px;border-radius:12px;border:1px solid transparent;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000d;border-color:#eee}.feature-icon{width:64px;height:64px;background-color:#f4f4f4;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-text-heading);margin-bottom:24px;transition:all .3s ease}.feature-card:hover .feature-icon{background-color:var(--color-primary);color:#fff}.feature-card h3{font-size:1.25rem;margin-bottom:12px}.feature-card p{color:#666;font-size:.95rem;line-height:1.6}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.features-grid{grid-template-columns:1fr}}.social-proof{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:60px 0}.text-center{text-align:center}.social-text{font-size:1.2rem;color:#555;margin-bottom:32px}.integration-logos{display:flex;align-items:center;justify-content:center;gap:24px;opacity:.6}.partner-logo{font-size:1.5rem;font-weight:800;text-transform:uppercase;color:#1a1a1a;letter-spacing:1px}.divider{font-size:1.5rem;color:#ccc}.cta-section{padding-bottom:120px}.cta-box{background-color:#1a1a1a;color:#fff;border-radius:24px;padding:80px 40px;text-align:center;overflow:hidden;position:relative}.cta-box h2{color:#fff;font-size:2.5rem;margin-bottom:16px}.cta-box p{color:#ffffffb3;font-size:1.2rem;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.btn-lg{padding:16px 40px;font-size:1.1rem}.cta-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#65b2001a,#0000 70%);pointer-events:none}