﻿ :root{--primary:#0f172a;--secondary:#1e293b;--accent:#0284c7;--accent-hover:#0369a1;--accent-light:#e0f2fe;--accent-glow:#38bdf8;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-light:#f8fafc;--bg-white:#fff;--bg-alt:#f1f5f9;--bg-card:#f8fafc;--border:#e2e8f0;--border-light:#f1f5f9;--success-bg:#ecfdf5;--success-text:#065f46;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 10px 30px #00000026;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:50%;--whatsapp:#25d366;--max-width:1200px;--content-width:850px;--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text-primary);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.5}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.container-narrow{max-width:var(--content-width);margin:0 auto;padding:0 20px}.section{padding:80px 20px}.section-sm{padding:60px 20px}.section-lg{padding:100px 20px}.header{background-color:var(--primary);color:#fff;z-index:50;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:15px 20px;display:flex}.header-brand{flex-direction:column;display:flex}.header-title{letter-spacing:.05em;color:var(--accent-glow);font-size:20px;font-weight:700}.header-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:10px}.nav{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.nav-link{color:var(--text-light);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--accent-glow)}.nav-link.active{color:var(--accent-glow);font-weight:600}.nav-cta{background-color:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .2s}.nav-cta:hover{background-color:var(--accent-hover)}.lang-select{background-color:var(--secondary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #475569;padding:6px 12px;font-size:13px}.hero-overlay{text-align:center;color:#fff;background:linear-gradient(#0f172ac7,#0f172ac7),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201920%20600%22%20width%3D%221920%22%20height%3D%22600%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3C!--%20Dark%20industrial%20gradient%20background%20--%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22bgGrad%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%22100%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230a1628%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2230%25%22%20stop-color%3D%22%230f1f3a%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2260%25%22%20stop-color%3D%22%230d1b30%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23070f1a%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3C!--%20Factory%20silhouette%20gradient%20--%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22factorySilhouette%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%231a2d4a%22%20stop-opacity%3D%220.15%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230a1628%22%20stop-opacity%3D%220.05%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3C!--%20Accent%20glow%20--%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22accentGlow%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230284c7%22%20stop-opacity%3D%220.15%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230284c7%22%20stop-opacity%3D%220%22%2F%3E%0A%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%20%20%3C!--%20Wiper%20blade%20gradient%20--%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22wiperGrad%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%220%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%231e293b%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2250%25%22%20stop-color%3D%22%23334155%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%231e293b%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3C!--%20Rubber%20strip%20gradient%20--%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22rubberGrad%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%220%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230f172a%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2250%25%22%20stop-color%3D%22%231e293b%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230f172a%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3C!--%20Production%20line%20light%20--%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22conveyorLight%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%220%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2338bdf8%22%20stop-opacity%3D%220%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%2250%25%22%20stop-color%3D%22%2338bdf8%22%20stop-opacity%3D%220.06%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2338bdf8%22%20stop-opacity%3D%220%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3C!--%20Grid%20pattern%20--%3E%0A%20%20%20%20%3Cpattern%20id%3D%22grid%22%20width%3D%2280%22%20height%3D%2280%22%20patternUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M%2080%200%20L%200%200%200%2080%22%20fill%3D%22none%22%20stroke%3D%22%231e293b%22%20stroke-width%3D%220.5%22%20opacity%3D%220.3%22%2F%3E%0A%20%20%20%20%3C%2Fpattern%3E%0A%20%20%20%20%3C!--%20Blueprint%20grid%20--%3E%0A%20%20%20%20%3Cpattern%20id%3D%22blueprint%22%20width%3D%2240%22%20height%3D%2240%22%20patternUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%221%22%20fill%3D%22%230284c7%22%20opacity%3D%220.08%22%2F%3E%0A%20%20%20%20%3C%2Fpattern%3E%0A%20%20%20%20%3C!--%20Spotlight%20effect%20--%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22spotlight1%22%20cx%3D%2215%25%22%20cy%3D%2250%25%22%20r%3D%2260%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230284c7%22%20stop-opacity%3D%220.08%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%230284c7%22%20stop-opacity%3D%220%22%2F%3E%0A%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22spotlight2%22%20cx%3D%2285%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2338bdf8%22%20stop-opacity%3D%220.05%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2338bdf8%22%20stop-opacity%3D%220%22%2F%3E%0A%20%20%20%20%3C%2FradialGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%0A%20%20%3C!--%20Base%20background%20--%3E%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22600%22%20fill%3D%22url(%23bgGrad)%22%2F%3E%0A%0A%20%20%3C!--%20Grid%20overlay%20--%3E%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22600%22%20fill%3D%22url(%23grid)%22%2F%3E%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22600%22%20fill%3D%22url(%23blueprint)%22%2F%3E%0A%0A%20%20%3C!--%20Spotlights%20--%3E%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22600%22%20fill%3D%22url(%23spotlight1)%22%2F%3E%0A%20%20%3Crect%20width%3D%221920%22%20height%3D%22600%22%20fill%3D%22url(%23spotlight2)%22%2F%3E%0A%0A%20%20%3C!--%20%3D%3D%3D%3D%3D%20FACTORY%20%2F%20INDUSTRIAL%20BACKGROUND%20%3D%3D%3D%3D%3D%20--%3E%0A%0A%20%20%3C!--%20Factory%20building%20silhouette%20-%20left%20side%20--%3E%0A%20%20%3Cg%20opacity%3D%220.08%22%3E%0A%20%20%20%20%3C!--%20Main%20factory%20building%20--%3E%0A%20%20%20%20%3Crect%20x%3D%2280%22%20y%3D%22280%22%20width%3D%22380%22%20height%3D%22220%22%20fill%3D%22%231a2d4a%22%20rx%3D%222%22%2F%3E%0A%20%20%20%20%3C!--%20Factory%20roof%20--%3E%0A%20%20%20%20%3Cpolygon%20points%3D%2280%2C280%20130%2C240%20430%2C240%20460%2C280%22%20fill%3D%22%231a2d4a%22%2F%3E%0A%20%20%20%20%3C!--%20Factory%20chimney%20--%3E%0A%20%20%20%20%3Crect%20x%3D%22400%22%20y%3D%22200%22%20width%3D%2230%22%20height%3D%2280%22%20fill%3D%22%231a2d4a%22%2F%3E%0A%20%20%20%20%3C!--%20Smoke%20puffs%20--%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22415%22%20cy%3D%22190%22%20r%3D%2212%22%20fill%3D%22%231a2d4a%22%20opacity%3D%220.5%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22420%22%20cy%3D%22170%22%20r%3D%2215%22%20fill%3D%22%231a2d4a%22%20opacity%3D%220.3%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22410%22%20cy%3D%22150%22%20r%3D%2210%22%20fill%3D%22%231a2d4a%22%20opacity%3D%220.15%22%2F%3E%0A%20%20%20%20%3C!--%20Factory%20windows%20--%3E%0A%20%20%20%20%3Crect%20x%3D%22130%22%20y%3D%22300%22%20width%3D%2250%22%20height%3D%2240%22%20fill%3D%22%230284c7%22%20opacity%3D%220.06%22%20rx%3D%221%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22200%22%20y%3D%22300%22%20width%3D%2250%22%20height%3D%2240%22%20fill%3D%22%230284c7%22%20opacity%3D%220.06%22%20rx%3D%221%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22270%22%20y%3D%22300%22%20width%3D%2250%22%20height%3D%2240%22%20fill%3D%22%230284c7%22%20opacity%3D%220.06%22%20rx%3D%221%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22340%22%20y%3D%22300%22%20width%3D%2250%22%20height%3D%2240%22%20fill%3D%22%230284c7%22%20opacity%3D%220.06%22%20rx%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C!--%20Factory%20building%20-%20right%20side%20--%3E%0A%20%20%3Cg%20opacity%3D%220.06%22%3E%0A%20%20%20%20%3Crect%20x%3D%221480%22%20y%3D%22300%22%20width%3D%22350%22%20height%3D%22200%22%20fill%3D%22%231a2d4a%22%20rx%3D%222%22%2F%3E%0A%20%20%20%20%3Cpolygon%20points%3D%221480%2C300%201520%2C260%201790%2C260%201830%2C300%22%20fill%3D%22%231a2d4a%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%221500%22%20y%3D%22320%22%20width%3D%2245%22%20height%3D%2235%22%20fill%3D%22%230284c7%22%20opacity%3D%220.06%22%20rx%3D%221%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%221560%22%20y%3D%22320%22%20width%3D%2245%22%20height%3D%2235%22%20fill%3D%22%230284c7%22%20opacity%3D%220.06%22%20rx%3D%221%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%221620%22%20y%3D%22320%22%20width%3D%2245%22%20height%3D%2235%22%20fill%3D%22%230284c7%22%20opacity%3D%220.06%22%20rx%3D%221%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%221680%22%20y%3D%22320%22%20width%3D%2245%22%20height%3D%2235%22%20fill%3D%22%230284c7%22%20opacity%3D%220.06%22%20rx%3D%221%22%2F%3E%0A%20%20%20%20%3C!--%20Warehouse%20door%20--%3E%0A%20%20%20%20%3Crect%20x%3D%221720%22%20y%3D%22350%22%20width%3D%2270%22%20height%3D%22100%22%20fill%3D%22%230a1628%22%20opacity%3D%220.5%22%20rx%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C!--%20%3D%3D%3D%3D%3D%20CONVEYOR%20BELT%20LINE%20%3D%3D%3D%3D%3D%20--%3E%0A%20%20%3Cg%20opacity%3D%220.06%22%3E%0A%20%20%20%20%3C!--%20Conveyor%20belt%20horizontal%20--%3E%0A%20%20%20%20%3Crect%20x%3D%22480%22%20y%3D%22450%22%20width%3D%22960%22%20height%3D%224%22%20fill%3D%22%2338bdf8%22%20rx%3D%222%22%2F%3E%0A%20%20%20%20%3C!--%20Conveyor%20belt%20legs%20--%3E%0A%20%20%20%20%3Crect%20x%3D%22550%22%20y%3D%22454%22%20width%3D%223%22%20height%3D%2220%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22750%22%20y%3D%22454%22%20width%3D%223%22%20height%3D%2220%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22950%22%20y%3D%22454%22%20width%3D%223%22%20height%3D%2220%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%221150%22%20y%3D%22454%22%20width%3D%223%22%20height%3D%2220%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%221350%22%20y%3D%22454%22%20width%3D%223%22%20height%3D%2220%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3C!--%20Wiper%20blade%20silhouettes%20on%20conveyor%20--%3E%0A%20%20%20%20%3Crect%20x%3D%22580%22%20y%3D%22425%22%20width%3D%2280%22%20height%3D%228%22%20fill%3D%22%2338bdf8%22%20opacity%3D%220.4%22%20rx%3D%222%22%20transform%3D%22rotate(-5%2C%20620%2C%20429)%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22780%22%20y%3D%22425%22%20width%3D%2280%22%20height%3D%228%22%20fill%3D%22%2338bdf8%22%20opacity%3D%220.3%22%20rx%3D%222%22%20transform%3D%22rotate(3%2C%20820%2C%20429)%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22980%22%20y%3D%22425%22%20width%3D%2280%22%20height%3D%228%22%20fill%3D%22%2338bdf8%22%20opacity%3D%220.4%22%20rx%3D%222%22%20transform%3D%22rotate(-2%2C%201020%2C%20429)%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%221180%22%20y%3D%22425%22%20width%3D%2280%22%20height%3D%228%22%20fill%3D%22%2338bdf8%22%20opacity%3D%220.3%22%20rx%3D%222%22%20transform%3D%22rotate(4%2C%201220%2C%20429)%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C!--%20%3D%3D%3D%3D%3D%20WIPER%20BLADE%20PRODUCT%20DISPLAY%20(RIGHT%20SIDE)%20%3D%3D%3D%3D%3D%20--%3E%0A%20%20%3Cg%20transform%3D%22translate(1550%2C%2080)%22%3E%0A%20%20%20%20%3C!--%20Product%20display%20platform%20--%3E%0A%20%20%20%20%3Crect%20x%3D%22-15%22%20y%3D%22440%22%20width%3D%22310%22%20height%3D%228%22%20fill%3D%22%23334155%22%20opacity%3D%220.3%22%20rx%3D%223%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22-15%22%20y%3D%22448%22%20width%3D%22310%22%20height%3D%223%22%20fill%3D%22%231e293b%22%20opacity%3D%220.5%22%20rx%3D%221%22%2F%3E%0A%0A%20%20%20%20%3C!--%20Main%20wiper%20blade%20display%20--%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(140%2C%20280)%20rotate(-15)%22%3E%0A%20%20%20%20%20%20%3C!--%20Blade%20body%20--%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-140%22%20y%3D%22-6%22%20width%3D%22280%22%20height%3D%2212%22%20fill%3D%22url(%23wiperGrad)%22%20rx%3D%223%22%20opacity%3D%220.9%22%2F%3E%0A%20%20%20%20%20%20%3C!--%20Rubber%20strip%20--%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-135%22%20y%3D%22-2%22%20width%3D%22270%22%20height%3D%224%22%20fill%3D%22url(%23rubberGrad)%22%20rx%3D%221%22%20opacity%3D%220.8%22%2F%3E%0A%20%20%20%20%20%20%3C!--%20Aerodynamic%20spoiler%20--%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M-120%2C-6%20Q-100%2C-18%200%2C-18%20Q100%2C-18%20120%2C-6%22%20fill%3D%22none%22%20stroke%3D%22%230284c7%22%20stroke-width%3D%221.5%22%20opacity%3D%220.4%22%2F%3E%0A%20%20%20%20%20%20%3C!--%20Connector%20(U-hook)%20--%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-10%22%20y%3D%22-18%22%20width%3D%2220%22%20height%3D%2218%22%20fill%3D%22%231e293b%22%20rx%3D%222%22%20opacity%3D%220.7%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%220%22%20cy%3D%22-25%22%20r%3D%225%22%20fill%3D%22none%22%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%221%22%20opacity%3D%220.4%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%3C!--%20Second%20smaller%20wiper%20--%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(260%2C%20320)%20rotate(8)%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-100%22%20y%3D%22-4%22%20width%3D%22200%22%20height%3D%228%22%20fill%3D%22url(%23wiperGrad)%22%20rx%3D%222%22%20opacity%3D%220.6%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-95%22%20y%3D%22-1%22%20width%3D%22190%22%20height%3D%223%22%20fill%3D%22url(%23rubberGrad)%22%20rx%3D%221%22%20opacity%3D%220.5%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C!--%20%3D%3D%3D%3D%3D%20DECORATIVE%20ELEMENTS%20%3D%3D%3D%3D%3D%20--%3E%0A%0A%20%20%3C!--%20Accent%20circles%20--%3E%0A%20%20%3Ccircle%20cx%3D%22200%22%20cy%3D%22120%22%20r%3D%2280%22%20fill%3D%22none%22%20stroke%3D%22%230284c7%22%20stroke-width%3D%220.5%22%20opacity%3D%220.08%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22200%22%20cy%3D%22120%22%20r%3D%22130%22%20fill%3D%22none%22%20stroke%3D%22%230284c7%22%20stroke-width%3D%220.3%22%20opacity%3D%220.05%22%2F%3E%0A%0A%20%20%3Ccircle%20cx%3D%221720%22%20cy%3D%22500%22%20r%3D%2260%22%20fill%3D%22none%22%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%220.5%22%20opacity%3D%220.08%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%221720%22%20cy%3D%22500%22%20r%3D%22100%22%20fill%3D%22none%22%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%220.3%22%20opacity%3D%220.05%22%2F%3E%0A%0A%20%20%3C!--%20Horizontal%20accent%20line%20--%3E%0A%20%20%3Cline%20x1%3D%220%22%20y1%3D%22595%22%20x2%3D%221920%22%20y2%3D%22595%22%20stroke%3D%22%230284c7%22%20stroke-width%3D%222%22%20opacity%3D%220.3%22%2F%3E%0A%20%20%3Cline%20x1%3D%220%22%20y1%3D%22598%22%20x2%3D%221920%22%20y2%3D%22598%22%20stroke%3D%22%230284c7%22%20stroke-width%3D%221%22%20opacity%3D%220.15%22%2F%3E%0A%0A%20%20%3C!--%20Top%20accent%20line%20--%3E%0A%20%20%3Cline%20x1%3D%220%22%20y1%3D%225%22%20x2%3D%221920%22%20y2%3D%225%22%20stroke%3D%22%231e293b%22%20stroke-width%3D%221%22%20opacity%3D%220.5%22%2F%3E%0A%0A%20%20%3C!--%20%3D%3D%3D%3D%3D%20TECHNICAL%20BLUEPRINT%20LINES%20%3D%3D%3D%3D%3D%20--%3E%0A%20%20%3Cg%20opacity%3D%220.04%22%3E%0A%20%20%20%20%3C!--%20Dimension%20lines%20--%3E%0A%20%20%20%20%3Cline%20x1%3D%22100%22%20y1%3D%22520%22%20x2%3D%22400%22%20y2%3D%22520%22%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%22100%22%20y1%3D%22515%22%20x2%3D%22100%22%20y2%3D%22525%22%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%22400%22%20y1%3D%22515%22%20x2%3D%22400%22%20y2%3D%22525%22%20stroke%3D%22%2338bdf8%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3C!--%20Arrow%20markers%20--%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22100%2C517%20108%2C520%20100%2C523%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22400%2C517%20392%2C520%20400%2C523%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C!--%20%3D%3D%3D%3D%3D%20DOT%20MATRIX%20%2F%20INDUSTRIAL%20PATTERN%20%3D%3D%3D%3D%3D%20--%3E%0A%20%20%3Cg%20opacity%3D%220.025%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%221.5%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22100%22%20cy%3D%2250%22%20r%3D%221.5%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22150%22%20cy%3D%2250%22%20r%3D%221.5%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221820%22%20cy%3D%2250%22%20r%3D%221.5%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221860%22%20cy%3D%2250%22%20r%3D%221.5%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221900%22%20cy%3D%2250%22%20r%3D%221.5%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2250%22%20cy%3D%22550%22%20r%3D%221.5%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22100%22%20cy%3D%22550%22%20r%3D%221.5%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22150%22%20cy%3D%22550%22%20r%3D%221.5%22%20fill%3D%22%2338bdf8%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C!--%20Accent%20glow%20in%20center%20--%3E%0A%20%20%3Cellipse%20cx%3D%22960%22%20cy%3D%22300%22%20rx%3D%22500%22%20ry%3D%22300%22%20fill%3D%22url(%23accentGlow)%22%2F%3E%0A%0A%20%20%3C!--%20Subtle%20beam%20from%20top%20--%3E%0A%20%20%3Cpolygon%20points%3D%22700%2C0%201220%2C0%201100%2C600%20820%2C600%22%20fill%3D%22%230284c7%22%20opacity%3D%220.015%22%2F%3E%0A%3C%2Fsvg%3E") 50%/cover no-repeat;padding:120px 20px}.hero-overlay-light{text-align:center;color:#fff;background:linear-gradient(#0f172ad9,#0f172ad9),50%/cover no-repeat;padding:100px 20px}.hero-tag{background-color:var(--accent);border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.hero-title{margin:0 0 20px;font-size:48px;font-weight:800;line-height:1.15}.hero-subtitle{color:#cbd5e1;max-width:700px;margin:0 auto 35px;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;text-align:center;border:none;padding:14px 30px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary-lg{background-color:var(--accent);color:#fff;border-radius:var(--radius-md);padding:18px 50px;font-size:18px;font-weight:700;text-decoration:none;display:inline-block}.btn-primary-lg:hover{background-color:var(--accent-hover)}.btn-outline{color:var(--accent);border:2px solid var(--accent);background-color:#0000}.btn-outline:hover{background-color:var(--accent);color:#fff}.btn-hero{background-color:var(--accent);color:#fff;border-radius:var(--radius-md);padding:14px 35px;font-size:16px;font-weight:700;text-decoration:none}.btn-hero:hover{background-color:var(--accent-hover)}.btn-hero-outline{color:#fff;border-radius:var(--radius-md);background-color:#0000;border:2px solid #fff;padding:14px 35px;font-size:16px;font-weight:700;text-decoration:none}.btn-hero-outline:hover{color:var(--primary);background-color:#fff}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:30px;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.card-body{padding:25px}.card-tag{background-color:var(--accent-light);color:var(--accent-hover);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.card-date{color:var(--text-muted);font-size:12px}.card-title{margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.4}.card-text{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:15px;display:flex}.card-link{color:var(--accent);font-size:13px;font-weight:700}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.product-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .3s,box-shadow .3s;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.product-card-img{background-color:#f8fafc;justify-content:center;align-items:center;height:250px;padding:30px;display:flex}.product-card-body{flex-direction:column;flex:1;padding:25px;display:flex}.product-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;display:flex}.blog-card{background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;height:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.blog-card-img{background-color:var(--bg-alt);height:200px;overflow:hidden}.blog-card-img img{object-fit:cover;width:100%;height:100%}.blog-card-body{flex-direction:column;flex:1;padding:25px;display:flex}.cert-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-lg);padding:30px;transition:transform .3s}.cert-card:hover{transform:translateY(-5px)}.cert-card-img{justify-content:center;align-items:center;height:400px;margin-bottom:20px;display:flex;overflow:hidden}.grid-2col{grid-template-columns:1fr 1fr;gap:25px;display:grid}.grid-3col{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(370px,1fr));gap:35px;display:grid}.grid-products{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:35px;display:grid}.grid-certs{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px;display:grid}.grid-stats{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.grid-related{grid-template-columns:1fr 1fr;gap:25px;display:grid}.section-dark{background-color:var(--primary);color:#fff}.section-alt{background-color:var(--bg-alt)}.section-white{background-color:var(--bg-white)}.section-title{color:var(--primary);text-align:center;margin:0 0 15px;font-size:32px;font-weight:800}.section-title-left{color:var(--primary);margin:0 0 25px;font-size:32px;font-weight:800}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:650px;margin:0 auto 40px;font-size:16px;line-height:1.6}.form-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:16px;max-width:900px;margin:0 auto;padding:60px}.form-grid{grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px;display:grid}.form-group{margin-bottom:25px}.form-label{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:14px;font-family:var(--font);outline:none;padding:14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent)}.form-textarea{resize:vertical;min-height:120px}.form-submit{background-color:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:16px;font-size:16px;font-weight:700;transition:background-color .2s}.form-submit:hover{background-color:var(--accent-hover)}.form-submit:disabled{opacity:.7;cursor:not-allowed}.form-success{background-color:var(--success-bg);color:var(--success-text);border-radius:var(--radius-md);margin-bottom:25px;padding:15px;font-size:14px}.faq-container{max-width:800px;margin:0 auto}.faq-item{background-color:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:15px;overflow:hidden}.faq-question{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:25px 30px;font-size:16px;font-weight:600;display:flex}.faq-answer{transition:all .3s}.faq-answer-inner{padding:0 30px 25px}.feature-card{text-align:center;padding:40px 20px}.feature-icon{background-color:var(--accent-light);border-radius:var(--radius-full);justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.feature-icon svg{width:28px;height:28px;color:var(--accent)}.feature-title{margin:0 0 10px;font-size:20px;font-weight:700}.feature-desc{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.tag{background-color:var(--bg-alt);color:#475569;border-radius:16px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-block}.tag-filter{cursor:pointer;border:1px solid var(--border);background-color:var(--bg-white);color:var(--text-secondary);border-radius:20px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s}.tag-filter:hover{border-color:var(--accent);color:var(--accent)}.tag-filter.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.tag-category{background-color:var(--accent-light);color:var(--accent-hover);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.sidebar{border-right:1px solid var(--border);flex:250px;padding-right:20px}.sidebar-title{color:var(--primary);margin-bottom:25px;font-size:18px;font-weight:700}.sidebar-list{margin:0;padding:0;list-style:none}.sidebar-item{cursor:pointer;border-radius:var(--radius-md);margin-bottom:10px;padding:15px 20px;font-size:15px;transition:all .3s}.sidebar-item:hover{background-color:var(--accent-light);color:var(--accent-hover)}.sidebar-item.active{background-color:var(--accent);color:#fff;font-weight:700}.timeline{border-left:2px solid var(--border);margin-left:20px;padding-left:30px}.timeline-item{margin-bottom:40px;position:relative}.timeline-dot{background-color:var(--accent);border-radius:var(--radius-full);width:12px;height:12px;position:absolute;top:8px;left:-37px}.timeline-year{color:var(--accent);font-size:20px;font-weight:800}.timeline-event{color:#475569;margin:10px 0 0}.footer{background-color:var(--primary);color:var(--text-muted);text-align:center;padding:80px 20px 40px}.footer-brand{color:#fff;margin-bottom:20px}.footer-desc{max-width:600px;margin:0 auto 40px;font-size:14px}.footer-divider{border-top:1px solid var(--secondary);padding-top:30px;font-size:12px}.whatsapp-float{background-color:var(--whatsapp);border-radius:var(--radius-full);z-index:9999;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #0003}.whatsapp-float:hover{transform:scale(1.1)}.whatsapp-float svg{fill:#fff;width:30px;height:30px}.map-container{background-color:var(--bg-alt);width:100%;height:450px}.map-container iframe{border:0;width:100%;height:100%}.banner-dark{color:#fff;text-align:center;border-bottom:1px solid var(--secondary);background-color:#0f172a;padding:60px 20px}.banner-title{margin:0 0 15px;font-size:36px;font-weight:800}.banner-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto}.about-layout{flex-wrap:wrap;align-items:center;gap:60px;display:flex}.about-content{flex:500px}.about-stats{flex:400px}.stat-card{text-align:center;padding:30px}.stat-number{color:var(--accent);margin:0 0 8px;font-size:36px;font-weight:800}.stat-label{color:var(--text-secondary);margin:0;font-size:14px}.pledge-box{background-color:var(--bg-alt);border-left:4px solid var(--accent);border-radius:16px;margin-top:40px;padding:40px}.pledge-quote{color:#475569;margin:0 0 15px;font-size:16px;font-style:italic;line-height:1.8}.pledge-author{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.contact-layout{flex-wrap:wrap;gap:60px;max-width:1100px;margin:0 auto;display:flex}.contact-form-section{flex:600px}.contact-info-section{flex:350px}.contact-info-card{background-color:var(--bg-alt);border-radius:var(--radius-md);margin-bottom:25px;padding:35px}.product-detail-layout{flex-wrap:wrap;align-items:flex-start;gap:60px;display:flex}.product-image-box{flex:500px;max-width:600px}.product-image-frame{background-color:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:20px;padding:50px}.product-info-box{flex:500px}.spec-table{border-collapse:collapse;width:100%}.spec-table td{border-bottom:1px solid var(--border-light);padding:12px 0;font-size:14px}.spec-table td:first-child{color:var(--text-primary);width:180px;font-weight:600}.spec-table td:last-child{color:var(--text-secondary)}.blog-layout{max-width:var(--content-width);margin:0 auto;padding:60px 20px}.article-header{margin-bottom:30px}.article-meta{align-items:center;gap:10px;margin-bottom:15px;display:flex}.article-title{color:var(--primary);margin:0 0 20px;font-size:36px;font-weight:800;line-height:1.3}.article-excerpt{color:var(--text-secondary);font-size:16px;line-height:1.6}.article-image{border-radius:var(--radius-lg);background-color:var(--bg-alt);height:400px;margin-bottom:40px;overflow:hidden}.article-image img{object-fit:cover;width:100%;height:100%}.article-body{max-width:750px;margin:0 auto}.article-body h2{color:var(--primary);margin:40px 0 15px;font-size:24px;font-weight:700}.article-body h3{color:var(--primary);margin:30px 0 10px;font-size:18px;font-weight:700}.article-body p{color:#475569;margin:0 0 5px;font-size:15px;line-height:1.8}.article-body li{color:#475569;margin:6px 0;font-size:15px}.article-body ul{padding-left:20px}.article-tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:50px;padding-top:30px;display:flex}.related-section{background-color:var(--bg-alt);padding:60px 20px 80px}.contact-form-simple{background-color:var(--bg-card);border:1px solid var(--border);border-radius:16px;max-width:600px;margin:0 auto;padding:50px}.back-link{color:var(--accent);margin-bottom:30px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}@media (max-width:768px){.header-inner{flex-direction:column;gap:15px}.nav{flex-wrap:wrap;justify-content:center;gap:12px}.section{padding:60px 15px}.section-title{font-size:26px}.hero-title{font-size:32px}.hero-overlay{padding:80px 15px}.grid-2col,.grid-3col,.grid-stats,.grid-related,.grid-auto,.grid-products,.form-grid{grid-template-columns:1fr}.form-card{padding:30px 20px}.product-detail-layout{flex-direction:column}.sidebar{border-right:none;flex:auto;padding-right:0}.product-image-frame{padding:30px}.about-layout,.contact-layout{flex-direction:column}.contact-form-simple{padding:30px 20px}.article-title{font-size:28px}.article-image{height:250px}.banner-title{font-size:28px}.cert-card-img{height:250px}}.hamburger{cursor:pointer;z-index:60;background:0 0;border:none;padding:8px;display:none}.hamburger span{background:#fff;border-radius:2px;width:24px;height:2px;margin:5px 0;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu-overlay{z-index:55;opacity:0;pointer-events:none;background-color:#0f172afa;flex-direction:column;justify-content:center;align-items:center;gap:25px;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-menu-overlay.open{opacity:1;pointer-events:auto;display:flex}.mobile-menu-overlay a,.mobile-menu-overlay .nav-cta{color:#f8fafc;font-size:20px;font-weight:600;text-decoration:none;transition:color .2s}.mobile-menu-overlay a:hover{color:var(--accent-glow)}.mobile-menu-overlay .nav-cta{padding:12px 30px;font-size:18px}.mobile-menu-overlay .lang-select-mobile{background-color:var(--secondary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #475569;margin-top:10px;padding:10px 20px;font-size:16px}@media (max-width:768px){.hamburger{display:block}.nav,.mobile-menu-overlay{display:none}.mobile-menu-overlay.open{display:flex}}.gallery-main{background-color:var(--bg-card);border:1px solid var(--border);text-align:center;cursor:zoom-in;border-radius:20px;justify-content:center;align-items:center;width:100%;height:480px;padding:20px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.gallery-main:hover{border-color:var(--accent)}.gallery-main img{object-fit:contain;border-radius:8px;max-width:100%;max-height:450px;transition:opacity .3s}.gallery-arrow{border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--text-primary);z-index:5;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.gallery-arrow:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.gallery-arrow.prev{left:10px}.gallery-arrow.next{right:10px}.gallery-thumbnails{gap:10px;margin-top:15px;padding-bottom:5px;display:flex;overflow-x:auto}.gallery-thumb{background-color:var(--bg-card);border:2px solid var(--border);cursor:pointer;border-radius:8px;flex:0 0 80px;justify-content:center;align-items:center;width:80px;height:80px;padding:5px;transition:all .2s;display:flex;overflow:hidden}.gallery-thumb:hover{border-color:var(--accent)}.gallery-thumb.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.gallery-thumb img{object-fit:contain;width:100%;height:100%}.gallery-overlay{z-index:99999;background:#000000eb;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-overlay img{object-fit:contain;border-radius:4px;width:auto;max-width:90vw;height:auto;max-height:85vh}.gallery-overlay-close{color:#fff;cursor:pointer;opacity:.7;z-index:10;background:0 0;border:none;font-size:36px;transition:opacity .2s;position:absolute;top:20px;right:30px}.gallery-overlay-close:hover{opacity:1}.gallery-overlay-arrow{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:40px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-overlay-arrow:hover{background:#ffffff4d}.gallery-overlay-arrow.prev-lb{left:20px}.gallery-overlay-arrow.next-lb{right:20px}.gallery-overlay-counter{color:#ffffffb3;font-size:14px;font-weight:500;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@media (max-width:768px){.gallery-main{height:320px;padding:10px}.gallery-thumb{flex:0 0 60px;height:60px}.gallery-overlay img{max-width:95vw;max-height:70vh}.gallery-overlay-arrow{width:40px;height:40px;font-size:24px}.gallery-overlay-arrow.prev-lb{left:5px}.gallery-overlay-arrow.next-lb{right:5px}}
