:root{--bg-deep: #f8fafc;--bg-dark: #f1f5f9;--bg-surface: rgba(255, 255, 255, .8);--card-bg: #ffffff;--border-color: rgba(15, 23, 42, .08);--border-hover: rgba(16, 185, 129, .4);--primary: #10b981;--primary-glow: rgba(16, 185, 129, .25);--secondary: #3b82f6;--secondary-glow: rgba(59, 130, 246, .25);--accent-blue: #2563eb;--text-title: #0f172a;--text-main: #334155;--text-muted: #64748b;--text-dark: #94a3b8;--white: #ffffff;--red: #ef4444;--font-headings: "Syne", sans-serif;--font-body: "Inter", sans-serif;--container-width: 1280px;--transition-smooth: all .4s cubic-bezier(.25, .8, .25, 1);--transition-fast: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden;background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-body)}body{overflow-x:hidden;line-height:1.6;background-color:var(--bg-deep)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}.text-center{text-align:center!important}h1,h2,h3,h4{font-family:var(--font-headings);font-weight:700;letter-spacing:-.02em;color:var(--text-title);line-height:1.2}p{color:var(--text-muted)}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-green{color:var(--primary)!important}.text-cyan{color:var(--secondary)!important}.text-red{color:var(--red)!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-family:var(--font-body);font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;border:none;outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow)}.btn-secondary{background:var(--white);color:var(--text-title);border:1px solid var(--border-color);box-shadow:0 4px 6px #00000005}.btn-secondary:hover{background:var(--bg-dark);border-color:var(--secondary);transform:translateY(-2px)}.btn-glow{position:relative;z-index:1}.btn-glow:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--primary),var(--secondary));z-index:-1;border-radius:10px;opacity:0;transition:var(--transition-smooth);filter:blur(8px)}.btn-glow:hover:after{opacity:.7}.btn-full{width:100%}.badge{display:inline-flex;padding:6px 16px;background:#10b98114;border:1px solid rgba(16,185,129,.2);color:var(--primary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:100px;margin-bottom:20px}.glass-card{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a08;transition:transform .1s ease,box-shadow .3s ease,border-color .3s ease;transform-style:preserve-3d}.glass-card:hover{box-shadow:0 20px 40px #10b98114,0 5px 15px #00000005}.card-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(400px circle at var(--x, 0px) var(--y, 0px),rgba(16,185,129,.08) 0%,rgba(59,130,246,.04) 50%,transparent 80%);pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:1}.glass-card:hover .card-glow{opacity:1}.glass-card:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:inherit;background:radial-gradient(300px circle at var(--x, 0px) var(--y, 0px),rgba(16,185,129,.25) 0%,rgba(59,130,246,.15) 50%,transparent 100%);pointer-events:none;z-index:2;opacity:0;transition:opacity .5s ease;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px}.glass-card:hover:after{opacity:1}.cursor-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;pointer-events:none;mix-blend-mode:multiply}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-deep);z-index:9999;display:flex;justify-content:center;align-items:center;transition:clip-path 1s cubic-bezier(.85,0,.15,1);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.loader-overlay.fade-out{clip-path:polygon(0 0,100% 0,100% 0,0 0)}.loader-overlay.swipe-in{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transition:none}.loader-overlay.swipe-start{transition:clip-path .9s cubic-bezier(.85,0,.15,1);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.loader-content{text-align:center;display:flex;flex-direction:column;align-items:center}.battery-outer{width:120px;height:60px;border:4px solid var(--text-title);border-radius:8px;position:relative;margin-bottom:30px;padding:4px}.battery-outer:after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:6px;height:20px;background:var(--text-title);border-radius:0 4px 4px 0}.battery-charge{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;transition:width .1s ease}.battery-bolt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;color:var(--text-title);animation:pulse-bolt 1.5s infinite}.loader-logo-img{height:60px;width:auto;margin:0 auto 20px;display:block}.loader-percentage{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:5px}.loader-status{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;animation:pulse-opacity 1.5s infinite}@keyframes pulse-bolt{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes pulse-opacity{0%,to{opacity:.5}50%{opacity:1}}.header{position:fixed;top:0;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:var(--container-width);z-index:100;background:#f8fafcbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:14px;margin-top:16px;transition:var(--transition-smooth)}.header.scrolled{background:#fffffff2;box-shadow:0 8px 30px #0f172a0a;margin-top:6px}.navbar{height:80px;display:flex;align-items:center;justify-content:space-between;position:relative}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-headings);font-size:1.3rem;font-weight:800;color:var(--text-title);letter-spacing:.05em;z-index:5}.logo-icon{width:28px;height:28px}.logo-img{height:38px;width:auto;display:block;object-fit:contain}.nav-menu{display:flex;align-items:center;position:relative}.nav-links-wrapper{display:flex;align-items:center;gap:24px;position:relative;padding:10px 0}.nav-link-item{position:relative}.nav-link{text-decoration:none;color:var(--text-muted);font-size:.95rem;font-weight:600;transition:var(--transition-fast);padding:8px 12px;display:block}.nav-link:hover,.nav-link.active{color:var(--text-title)}.nav-sliding-line{position:absolute;bottom:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:all .3s cubic-bezier(.25,.8,.25,1);pointer-events:none;opacity:0;border-radius:2px;z-index:2}.dropdown-parent .nav-link{padding-right:22px;position:relative}.dropdown-parent .nav-link:after{content:"";position:absolute;right:6px;top:52%;transform:translateY(-50%);width:4px;height:4px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:translateY(-50%) rotate(45deg);transition:var(--transition-fast)}.dropdown-parent:hover .nav-link:after{transform:translateY(-50%) rotate(-135deg);border-color:var(--text-title)}.dropdown-menu{position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%) translateY(10px) scale(.95);width:290px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;opacity:0;pointer-events:none;visibility:hidden;box-shadow:0 10px 30px #0f172a0f;transition:opacity .3s ease,transform .3s cubic-bezier(.25,.8,.25,1),visibility .3s;z-index:100}.dropdown-parent:hover .dropdown-menu{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;border-radius:8px;transition:var(--transition-fast)}.dropdown-item:hover{background:var(--bg-dark)}.dropdown-item svg{width:18px;height:18px;color:var(--secondary);flex-shrink:0}.dropdown-item div h4{font-family:var(--font-body);font-size:.88rem;font-weight:650;color:var(--text-title);line-height:1.2;margin-bottom:2px}.dropdown-item div p{font-size:.72rem;color:var(--text-muted);line-height:1.2}.bullet-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dark);flex-shrink:0}.bullet-dot.green{background:var(--primary)}.bullet-dot.blue{background:var(--secondary)}.nav-actions{display:flex;align-items:center;gap:16px;z-index:5}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:18px;background:transparent;border:none;cursor:pointer;z-index:101}.menu-toggle span{width:100%;height:2px;background:var(--text-title);border-radius:4px;transition:var(--transition-fast)}.menu-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.charging-slider-section{padding-top:130px;padding-bottom:30px;position:relative;overflow:hidden;z-index:10}.slider-wrapper{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.charger-pole{padding:30px 24px;background:var(--white);border:1px solid var(--border-color);box-shadow:0 15px 30px #00000005;display:flex;flex-direction:column;gap:20px}.charger-header-panel{display:flex;align-items:center;gap:10px;font-family:var(--font-headings);font-weight:700;font-size:.85rem;color:var(--text-title);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding-bottom:12px}.charger-indicator-led{width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);animation:blink-led 1s infinite alternate}@keyframes blink-led{0%{opacity:.4}to{opacity:1}}.charger-screen{background:#0f172a;border-radius:8px;padding:20px;text-align:center;box-shadow:inset 0 2px 8px #00000080;border:1px solid rgba(255,255,255,.05)}.charge-percentage{font-family:var(--font-headings);font-size:2.6rem;font-weight:800;color:var(--primary);text-shadow:0 0 10px rgba(16,185,129,.4);line-height:1;margin-bottom:6px}.charge-status{font-size:.75rem;text-transform:uppercase;color:var(--text-dark);letter-spacing:.1em}.socket-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.socket{padding:12px 6px;background:var(--bg-deep);border:1px solid var(--border-color);border-radius:8px;text-align:center;cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:6px}.socket-inner{font-family:var(--font-headings);font-size:1.1rem;font-weight:700;color:var(--text-muted)}.socket-lbl{font-size:.65rem;color:var(--text-dark);text-transform:uppercase;font-weight:600}.socket.active,.socket:hover{background:#10b9810a;border-color:var(--primary)}.socket.active .socket-inner{color:var(--primary)}.socket.active .socket-lbl{color:var(--text-title)}.cable-visualizer{position:relative;height:50px;margin-top:10px}.cable-svg{width:100%;height:100%;overflow:visible}.cable-plug{position:absolute;top:5px;left:5px;width:30px;height:30px;border-radius:50%;background:var(--white);border:1px solid var(--border-color);color:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000000d;transition:transform .6s cubic-bezier(.25,.8,.25,1);transform:translate(0)}.cable-plug svg{width:14px;height:14px}.slideshow-display{position:relative;height:380px;overflow:hidden;box-shadow:0 15px 40px #0f172a0a}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;transition:opacity .8s ease,transform .8s ease;transform:scale(1.02);display:none}.slide.active{opacity:1;transform:scale(1);z-index:2;display:block}.slide img{width:100%;height:100%;object-fit:cover}.slide-caption{position:absolute;bottom:24px;left:24px;right:24px;padding:24px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 30px #00000008}.slide-caption h3{font-size:1.3rem;margin-bottom:6px;color:var(--text-title)}.slide-caption p{font-size:.9rem;margin-bottom:0;color:var(--text-main)}.slider-controls{position:absolute;top:50%;transform:translateY(-50%);width:100%;left:0;display:flex;justify-content:space-between;padding:0 20px;z-index:10;pointer-events:none}.slider-btn{width:44px;height:44px;border-radius:50%;background:var(--white);border:1px solid var(--border-color);color:var(--text-title);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000008;transition:var(--transition-fast);pointer-events:auto}.slider-btn:hover{background:var(--bg-dark);border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.slider-btn svg{width:20px;height:20px}.hero-section{position:relative;min-height:100vh;padding-top:140px;display:flex;align-items:center;overflow:hidden}.grid-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.15}.glow-orb{position:absolute;border-radius:50%;filter:blur(120px);z-index:0;opacity:.08;pointer-events:none}.orb-1{width:400px;height:400px;background:var(--primary);top:10%;right:15%;animation:orbit-1 20s infinite alternate}.orb-2{width:300px;height:300px;background:var(--secondary);bottom:10%;left:10%;animation:orbit-2 15s infinite alternate}.hero-container{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;position:relative;z-index:2}.hero-content{max-width:650px}.hero-title{font-size:3.8rem;line-height:1.1;margin-bottom:24px}.hero-desc{font-size:1.15rem;margin-bottom:36px;max-width:550px;color:var(--text-muted)}.hero-buttons{display:flex;gap:16px}.hero-visual{display:flex;justify-content:center}.visual-card{width:100%;max-width:460px;aspect-ratio:4 / 3;box-shadow:0 20px 40px #0f172a0d;display:flex;flex-direction:column}.dashboard-header{padding:12px 18px;background:#0f172a05;border-bottom:1px solid var(--border-color);display:flex;align-items:center}.dashboard-header .dots{display:flex;gap:6px;margin-right:16px}.dashboard-header .dots span{width:8px;height:8px;border-radius:50%;background:var(--text-dark)}.dashboard-header .dots span:nth-child(1){background:#ff5f56}.dashboard-header .dots span:nth-child(2){background:#ffbd2e}.dashboard-header .dots span:nth-child(3){background:#27c93f}.dashboard-header .title-bar{font-family:var(--font-body);font-size:.75rem;color:var(--text-muted);letter-spacing:.05em}.dashboard-body{flex:1;position:relative;padding:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:var(--white)}.db-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;z-index:2}.db-item{display:flex;flex-direction:column}.db-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.db-val{font-family:var(--font-headings);font-size:1.25rem;font-weight:700;color:var(--text-title)}.db-graph-container{height:80px;display:flex;align-items:flex-end;gap:10px;margin-top:20px;z-index:2}.db-graph-bar{flex:1;background:linear-gradient(to top,#10b9811a,#10b981b3);border-radius:4px 4px 0 0;transition:height .5s ease}.db-graph-bar:nth-child(2n){background:linear-gradient(to top,#3b82f61a,#3b82f6b3)}.db-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.03;z-index:1;pointer-events:none}@keyframes orbit-1{0%{transform:translate(0) scale(1)}to{transform:translate(-80px,80px) scale(1.2)}}@keyframes orbit-2{0%{transform:translate(0) scale(1)}to{transform:translate(60px,-60px) scale(1.15)}}.animate-pulse-height{animation:pulse-height 2s infinite alternate ease-in-out}@keyframes pulse-height{0%{height:75%}to{height:95%}}.section-padding{padding:120px 0}.section-header{max-width:700px;margin:0 auto 60px}.section-header.centered{text-align:center;display:flex;flex-direction:column;align-items:center}.section-title{font-size:2.8rem;margin-bottom:16px;color:var(--text-title)}.section-desc{font-size:1.05rem;color:var(--text-muted)}.teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.teaser-card{padding:40px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;background:var(--white)}.teaser-icon{width:60px;height:60px;border-radius:50%;background:#10b9810f;border:1px solid rgba(16,185,129,.2);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.teaser-icon svg{width:24px;height:24px}.teaser-card h3{font-size:1.35rem;margin-bottom:16px;color:var(--text-title)}.teaser-card p{font-size:.95rem;margin-bottom:24px;flex:1}.teaser-link{color:var(--secondary);text-decoration:none;font-weight:600;font-size:.9rem;transition:var(--transition-fast)}.teaser-link:hover{color:var(--primary);transform:translate(4px)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.stat-card{padding:40px;text-align:center;background:var(--white)}.stat-number{font-family:var(--font-headings);font-size:2.4rem;font-weight:800;line-height:1;margin-bottom:12px}.stat-label{font-size:.64rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.step-card{padding:32px 24px;background:var(--white);text-align:left;height:100%}.step-number{font-family:var(--font-headings);font-size:2.2rem;font-weight:800;color:#10b98126;margin-bottom:16px;line-height:1}.step-card h3{font-size:1.15rem;margin-bottom:12px;color:var(--text-title)}.step-card p{font-size:.88rem;color:var(--text-muted)}.marquee-container{overflow:hidden;width:100%;padding:40px 0;position:relative;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.marquee-track{display:flex;gap:80px;width:max-content;animation:marquee-scroll 25s linear infinite}.partner-logo{font-family:var(--font-headings);font-weight:800;font-size:1.4rem;color:var(--text-dark);opacity:.5;transition:var(--transition-fast);cursor:default;white-space:nowrap}.partner-logo:hover{opacity:1;color:var(--secondary)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.flow-card-wide{padding:60px 40px;max-width:900px;margin:0 auto;background:var(--white)}.flow-title{font-size:1.8rem;margin-bottom:12px;color:var(--text-title)}.flow-subtitle{font-size:1rem;margin-bottom:50px}.flow-diagram{display:flex;align-items:center;justify-content:space-between;position:relative;gap:20px}.flow-node{width:160px;padding:24px 16px;background:var(--bg-deep);border:1px solid var(--border-color);border-radius:12px;position:relative;z-index:2;box-shadow:0 4px 15px #00000005}.node-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));z-index:-1;opacity:.05;filter:blur(4px);animation:node-pulse 3s infinite alternate ease-in-out}.node-label{font-family:var(--font-headings);font-weight:700;font-size:.9rem;color:var(--text-title)}.flow-line-path{flex:1;height:2px;background:#0f172a0f;position:relative}.flow-particle{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;filter:blur(2px);animation:particle-flow 3s infinite linear}.particle-cyan{background:var(--secondary);box-shadow:0 0 10px var(--secondary)}.particle-green{background:var(--primary);box-shadow:0 0 10px var(--primary)}@keyframes node-pulse{0%{opacity:.05;transform:scale(.98)}to{opacity:.15;transform:scale(1.02)}}@keyframes particle-flow{0%{left:0%}to{left:100%}}.page-title-section{position:relative;padding-top:160px;padding-bottom:60px;overflow:hidden}.filter-tabs{display:inline-flex;gap:8px;background:var(--white);padding:6px;border-radius:100px;border:1px solid var(--border-color);margin-top:32px}.filter-btn{background:transparent;border:none;outline:none;padding:10px 24px;color:var(--text-muted);font-family:var(--font-body);font-size:.9rem;font-weight:600;border-radius:100px;cursor:pointer;transition:var(--transition-fast)}.filter-btn.active,.filter-btn:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:32px;justify-content:center}.project-card{display:flex;flex-direction:column;height:100%;background:var(--white)}.project-img-wrapper{position:relative;overflow:hidden;height:220px}.project-img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.project-card:hover .project-img{transform:scale(1.08)}.project-tag{position:absolute;top:16px;left:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;font-size:.75rem;font-weight:600;border-radius:100px;color:var(--primary);border:1px solid rgba(16,185,129,.2)}.project-info{padding:28px;flex:1;display:flex;flex-direction:column}.project-info h3{font-size:1.4rem;margin-bottom:12px}.project-info p{font-size:.95rem;margin-bottom:20px;flex:1}.project-features{list-style:none;display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--border-color);padding-top:16px}.project-features li{font-size:.8rem;color:var(--text-muted);background:var(--bg-deep);padding:4px 12px;border-radius:4px;border:1px solid var(--border-color)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;justify-content:center}.product-item{padding:40px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--white)}.product-badge{display:inline-block;font-size:.75rem;text-transform:uppercase;color:var(--secondary);font-weight:600;letter-spacing:.08em;margin-bottom:8px}.product-name{font-size:1.6rem;margin-bottom:24px}.product-visual{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:30px}.product-visual .product-img-wrapper{width:120px;height:120px;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-deep);box-shadow:var(--shadow-sm)}.product-visual .product-img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.product-visual .product-img-wrapper:hover .product-img{transform:scale(1.1)}.service-img-wrapper{width:100%;height:180px;border-radius:12px;overflow:hidden;margin-bottom:24px;border:1px solid var(--border-color)}.service-img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.teaser-card:hover .service-img{transform:scale(1.06)}.dynamic-showcase-section{position:relative}.dynamic-products-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;justify-content:center;margin-top:40px}.dynamic-projects-showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:32px;justify-content:center;margin-top:40px}.showcase-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:16px;color:var(--text-muted)}.showcase-loading .spinner{width:40px;height:40px;border:3px solid rgba(16,185,129,.1);border-top-color:var(--primary);border-radius:50%;animation:spinner-spin .8s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}.power-meter-circle{width:140px;height:140px;position:relative;display:flex;align-items:center;justify-content:center}.gauge-svg{transform:rotate(-90deg);width:100%;height:100%}.gauge-bg{fill:none;stroke:#0f172a08;stroke-width:6}.gauge-fill{fill:none;stroke:url(#logo-grad);stroke-width:6;stroke-linecap:round;stroke-dasharray:251.2;stroke-dashoffset:251.2;transition:stroke-dashoffset 2s cubic-bezier(.1,1,.1,1)}.product-item:hover .gauge-fill.val-150{stroke-dashoffset:143.6}.product-item:hover .gauge-fill.val-500{stroke-dashoffset:125.6}.product-item:hover .gauge-fill.val-22{stroke-dashoffset:235.6}.gauge-fill.val-150{stroke-dashoffset:160}.gauge-fill.val-500{stroke-dashoffset:140}.gauge-fill.val-22{stroke-dashoffset:240}.gauge-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-number{font-family:var(--font-headings);font-size:1.8rem;font-weight:800;color:var(--text-title);line-height:1}.gauge-unit{font-size:.75rem;color:var(--text-muted)}.product-details p{font-size:.95rem;margin-bottom:24px}.product-specs{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border-color);padding:16px 0;margin-bottom:24px}.product-specs span{font-size:.85rem;color:var(--text-muted)}.calc-card{padding:60px;background:var(--white)}.calc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px}.calc-inputs{display:flex;flex-direction:column}.calc-intro{margin-bottom:40px}.control-group{margin-bottom:32px}.control-header{display:flex;justify-content:space-between;margin-bottom:12px}.control-header label{font-size:.95rem;font-weight:600;color:var(--text-title)}.control-value{font-family:var(--font-headings);font-weight:700;color:var(--primary)}.range-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#0f172a0f;outline:none;transition:background .3s}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));cursor:pointer;box-shadow:0 0 8px var(--primary-glow);transition:transform .1s}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.calc-display{background:var(--bg-deep);border:1px solid var(--border-color);border-radius:12px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.display-main{margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.gauge-box{width:180px;height:180px;position:relative;margin-bottom:20px}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#0f172a08;stroke-width:8}.ring-active{fill:none;stroke:url(#gauge-gradient-2);stroke-width:8;stroke-linecap:round;stroke-dasharray:314.15;stroke-dashoffset:314.15;transition:stroke-dashoffset .5s cubic-bezier(.1,1,.1,1)}.gauge-info{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.time-number{font-family:var(--font-headings);font-size:2.8rem;font-weight:800;color:var(--text-title);line-height:1}.time-unit{font-size:.9rem;color:var(--secondary);font-weight:600;text-transform:uppercase}.display-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.calc-outputs{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.output-item{background:var(--white);border:1px solid var(--border-color);padding:16px;border-radius:8px;text-align:left}.out-label{font-size:.75rem;color:var(--text-muted);margin-bottom:6px}.out-val{font-family:var(--font-headings);font-size:1.4rem;font-weight:700;color:var(--text-title)}.highlight-output{grid-column:span 2;background:#10b98108;border-color:#10b98126}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact-info-panel h2{font-size:3rem;margin-bottom:24px}.contact-info-panel p{font-size:1.05rem}.info-items{display:flex;flex-direction:column;gap:28px;margin-top:40px}.info-item{display:flex;gap:20px}.info-icon{width:48px;height:48px;border-radius:12px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:var(--secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-icon svg{width:20px;height:20px}.info-item h4{font-size:1.1rem;margin-bottom:4px;color:var(--text-title)}.info-item p{font-size:.95rem;margin-bottom:0}.contact-form-card{padding:50px;background:var(--white)}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{position:relative}.form-group input,.form-group textarea,.form-group select{width:100%;padding:16px;background:var(--bg-deep);border:1px solid var(--border-color);border-radius:8px;outline:none;font-family:var(--font-body);font-size:.95rem;color:var(--text-title);transition:var(--transition-fast)}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group select option{background:var(--white);color:var(--text-title)}.form-group textarea{resize:vertical}.form-group label{position:absolute;left:16px;top:16px;color:var(--text-muted);pointer-events:none;transition:var(--transition-fast);font-size:.95rem}.form-group select:focus~label,.form-group select:valid~label,.form-group select:not([value=""])~label,.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label,.form-group textarea:focus~label,.form-group textarea:not(:placeholder-shown)~label{top:-10px;left:12px;font-size:.75rem;color:var(--primary);background:var(--white);padding:0 6px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 10px #10b9811a}.send-icon{width:16px;height:16px;margin-left:10px;transition:var(--transition-fast)}.btn-glow:hover .send-icon{transform:translate(3px,-3px)}.form-status{text-align:center;font-size:.9rem;margin-top:10px}.form-status.success{color:var(--primary)}.form-status.error{color:var(--red)}.footer{background:#0b0f19;border-top:1px solid rgba(255,255,255,.05);padding:80px 0 0;color:var(--white)}.footer h4,.footer span,.footer .logo{color:var(--white)!important}.footer p,.footer a{color:#ffffff80!important}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.2fr;gap:48px;margin-bottom:60px}.footer-brand .logo{margin-bottom:20px}.footer-brand .logo-img{filter:brightness(0) invert(1);opacity:.95}.footer-brand p{font-size:.95rem;max-width:300px}.footer-links{display:flex;flex-direction:column;gap:14px}.footer-links h4{font-size:1.1rem;margin-bottom:8px}.footer-links a{text-decoration:none;font-size:.9rem;transition:var(--transition-fast)}.footer-links a:hover{color:var(--primary)!important}.footer-links p{font-size:.9rem}.newsletter-form{position:relative;display:flex;margin-top:8px}.newsletter-form input{width:100%;padding:12px 48px 12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;outline:none;font-family:var(--font-body);font-size:.9rem;color:var(--white);transition:var(--transition-fast)}.newsletter-form input:focus{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 10px #10b9811a}.newsletter-form button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:6px;background:var(--primary);border:none;color:var(--bg-deep);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.newsletter-form button:hover{background:var(--secondary);color:var(--white)}.newsletter-form button svg{width:14px;height:14px}.newsletter-status{font-size:.8rem;margin-top:6px}.newsletter-status.success{color:var(--primary)}.newsletter-status.error{color:var(--red)}.footer-scada{display:none;align-items:center;justify-content:center;gap:12px;background:#0003;border:1px solid rgba(255,255,255,.03);border-radius:30px;padding:10px 24px;width:max-content;margin:0 auto 40px;font-family:var(--font-body);font-size:.8rem;font-weight:500;letter-spacing:.05em;color:#fff9}.scada-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);animation:scada-pulse 1.6s infinite alternate ease-in-out}.scada-text .status-ok{color:var(--primary);font-weight:700}.scada-divider{color:#ffffff26}.scada-ping #scada-ping-val{color:var(--secondary);font-weight:700}@keyframes scada-pulse{0%{opacity:.3;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding:30px 0}.footer-bottom-flex{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#ffffff40!important}.legal-links{display:flex;gap:24px}.legal-links a{text-decoration:none;color:#ffffff40!important;transition:var(--transition-fast)}.legal-links a:hover{color:#ffffff80!important}.scroll-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;z-index:1000;opacity:0;visibility:hidden;transform:translateY(15px);transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #0f172a0f}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-ring-svg{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.scroll-arrow{width:18px;height:18px;color:var(--text-title);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;z-index:2}.scroll-arrow svg{width:100%;height:100%}.scroll-top-btn:hover .scroll-arrow{transform:translateY(-2px);color:var(--primary)}.reveal{opacity:0;transform:translateY(30px) scale(.98);transition:opacity .8s cubic-bezier(.25,.8,.25,1),transform .8s cubic-bezier(.25,.8,.25,1);transition-delay:calc(var(--item-index, 0) * .12s)}.reveal.active{opacity:1;transform:translateY(0) scale(1)}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp 1s cubic-bezier(.25,.8,.25,1) forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.hero-title{font-size:3rem}.hero-container,.calc-grid,.contact-container{grid-template-columns:1fr;gap:48px}.hero-visual,.calc-display{max-width:550px;margin:0 auto;width:100%}.teaser-grid,.stats-grid,.products-grid,.dynamic-products-showcase-grid,.steps-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.flow-diagram{flex-direction:column;gap:30px}.flow-line-path{width:2px;height:40px}.flow-particle{top:0;left:-4px;animation:particle-flow-vertical 2s infinite linear}}@keyframes particle-flow-vertical{0%{top:0%}to{top:100%}}@media (max-width: 768px){.section-title{font-size:2.2rem}.section-padding{padding:80px 0}.header{width:100%;margin-top:0;border-radius:0;border-left:none;border-right:none;border-top:none;left:0;transform:none}.header.scrolled{margin-top:0}.navbar{height:70px;padding:0 16px}.logo-img{height:44px}.menu-toggle{display:flex}.nav-menu{position:fixed;top:70px;left:100%;width:100%;height:calc(100vh - 70px);background:#f8fafcfa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:40px 0;gap:24px;transition:left .4s cubic-bezier(.85,0,.15,1);z-index:99;overflow-y:auto}.nav-menu.open{left:0}.nav-links-wrapper{flex-direction:column;gap:12px;align-items:stretch;width:100%;padding:0 24px}.nav-link-item{width:100%}.nav-link{font-size:1.05rem;padding:12px 16px;border-radius:8px;background:#0f172a05;border:1px solid rgba(15,23,42,.03);text-align:center}.nav-link.active{background:var(--primary-glow);color:var(--primary);border-color:#10b98133}.dropdown-parent .nav-link{background:#0f172a0a;border-color:#0f172a0f;font-weight:700}.dropdown-parent .nav-link:after{display:none}.dropdown-menu{position:relative;top:0;left:0;transform:none!important;width:100%!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:#0f172a04!important;border:1px solid rgba(15,23,42,.03)!important;box-shadow:none!important;border-radius:8px;padding:6px!important;display:flex!important;flex-direction:column;gap:4px;margin-top:6px;margin-bottom:10px}.dropdown-item{padding:8px 12px;gap:10px;background:transparent;border-radius:6px}.dropdown-item:hover{background:#10b98114}.dropdown-item p{display:none}.dropdown-item h4{font-size:.88rem;font-weight:500;color:var(--text-main)}.dropdown-item svg,.dropdown-item .bullet-dot{width:14px;height:14px;flex-shrink:0}.nav-actions .btn{display:none}.charging-slider-section{padding-top:100px;padding-bottom:20px}.slider-wrapper{grid-template-columns:1fr;gap:20px}.slideshow-display{order:1;height:360px}.slide img{height:220px}.charger-interface{order:2;width:100%}.charger-pole{padding:16px;gap:12px}.charger-header-panel{display:none}.charger-screen{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;text-align:left}.charge-percentage{font-size:1.8rem;margin-bottom:0}.charge-status{font-size:.7rem}.socket-grid{gap:8px}.socket{padding:8px 4px;gap:2px}.socket-inner{font-size:.95rem}.socket-lbl{font-size:.55rem}.cable-visualizer{display:none}.slide-caption{position:absolute;top:220px;bottom:auto;left:0;right:0;height:140px;padding:16px;background:var(--white);border-radius:0;border:none;border-top:1px solid var(--border-color);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.slide-caption h3{font-size:1.05rem;margin-bottom:4px}.slide-caption p{font-size:.8rem}.slider-controls{padding:0 10px}.slider-btn{width:36px;height:36px}.slider-btn svg{width:16px;height:16px}.teaser-grid,.stats-grid,.steps-grid,.products-grid,.dynamic-products-showcase-grid,.dynamic-projects-showcase-grid{grid-template-columns:1fr}.calc-card{padding:30px}.calc-display{padding:24px}.contact-form-card{padding:30px}}@media (max-width: 600px){.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column}.projects-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-brand p{margin:0 auto}.footer-links{align-items:center;text-align:center}.newsletter-form{max-width:320px;margin:8px auto 0}.footer-bottom-flex{flex-direction:column;gap:16px;text-align:center}}.footer-contact-info{margin-top:20px;font-size:.9rem;display:flex;flex-direction:column;gap:8px}.footer-contact-item{display:flex;align-items:center;gap:8px;color:#ffffffb3!important;text-decoration:none;transition:color var(--transition-fast)}.footer-contact-item:hover{color:var(--primary)!important}.footer-contact-item svg{color:var(--primary);flex-shrink:0}.footer-socials{margin-top:20px;display:flex;gap:12px}.footer-social-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff0d;color:var(--white)!important;border:1px solid rgba(255,255,255,.1);transition:all var(--transition-fast)}.footer-social-btn:hover{background:var(--primary);color:var(--bg-dark)!important;border-color:var(--primary);transform:translateY(-2px)}.floating-contact-widget{position:fixed;bottom:30px;right:30px;z-index:2000;display:none;flex-direction:column;align-items:center;gap:15px;pointer-events:none}.floating-contact-trigger{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;cursor:pointer;box-shadow:0 4px 15px #10b98166;display:flex;align-items:center;justify-content:center;color:var(--white);position:relative;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto}.floating-contact-trigger:active{transform:scale(.9)}.floating-contact-trigger .trigger-icons{position:relative;width:24px;height:24px}.floating-contact-trigger svg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s ease}.floating-contact-trigger .icon-close{opacity:0;transform:rotate(-45deg) scale(.5)}.floating-contact-widget.active .floating-contact-trigger{box-shadow:0 4px 15px #3b82f666}.floating-contact-widget.active .floating-contact-trigger .icon-chat{opacity:0;transform:rotate(45deg) scale(.5)}.floating-contact-widget.active .floating-contact-trigger .icon-close{opacity:1;transform:rotate(0) scale(1)}.floating-contact-trigger .pulse-ring{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:2px solid var(--primary);opacity:.4;animation:widget-pulse 2s infinite;pointer-events:none}@keyframes widget-pulse{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.15);opacity:0}to{transform:scale(.95);opacity:0}}.floating-contact-menu{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;visibility:hidden;transform:translateY(20px) scale(.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.floating-contact-widget.active .floating-contact-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.floating-contact-item{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;box-shadow:0 4px 12px #0f172a26;transition:transform .2s ease,box-shadow .2s ease;pointer-events:auto}.floating-contact-item:active{transform:scale(.9)}.floating-contact-item.whatsapp{background:#25d366;box-shadow:0 4px 12px #25d3664d}.floating-contact-item.whatsapp:hover{background:#20ba5a;transform:scale(1.05)}.floating-contact-item.phone{background:var(--secondary);box-shadow:0 4px 12px #3b82f64d}.floating-contact-item.phone:hover{background:#2563eb;transform:scale(1.05)}.floating-contact-item.email{background:#ea4335;box-shadow:0 4px 12px #ea43354d}.floating-contact-item.email:hover{background:#d93025;transform:scale(1.05)}.floating-contact-item svg{width:22px;height:22px}@media (max-width: 768px){.floating-contact-widget{display:flex}.scroll-top-btn{bottom:100px!important}}@media (max-width: 600px){.footer-contact-item,.footer-socials{justify-content:center}}.legal-links{display:none!important}