:root{--primary:#0f4c81;--primary-dark:#0a3560;--primary-light:#1a6db5;--secondary:#dceeff;--accent:#3b82f6;--accent-hover:#2563eb;--white:#fff;--off-white:#f8fafc;--text-dark:#0f172a;--text-mid:#334155;--text-light:#64748b;--border:#e2e8f0;--shadow-sm:0 1px 3px #0f4c8114, 0 1px 2px #0f4c810a;--shadow-md:0 4px 16px #0f4c811a, 0 2px 6px #0f4c810f;--shadow-lg:0 12px 40px #0f4c8121, 0 4px 12px #0f4c8112;--radius:12px;--radius-sm:8px;--radius-lg:20px;--font-display:"Sora", sans-serif;--font-body:"DM Sans", sans-serif;--transition:.22s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--text-dark);background:var(--white);-webkit-font-smoothing:antialiased;overflow:hidden-x;-webkit-scrollbar-width:none;scrollbar-width:none;line-height:1.65}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#0f172a1f;border:2px solid #0000;border-radius:8px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}section{padding:80px 0}.section-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:#3b82f614;border:1px solid #3b82f62e;border-radius:100px;align-items:center;gap:8px;margin-bottom:16px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.section-title{font-family:var(--font-display);color:var(--primary);margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.2}.section-subtitle{color:var(--text-light);max-width:580px;font-size:17px;line-height:1.7}.section-header{margin-bottom:52px}.section-header.center{text-align:center;flex-direction:column;align-items:center;display:flex}.section-header.center .section-subtitle{text-align:center}.btn{font-family:var(--font-display);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);letter-spacing:.01em;border:none;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:var(--white);box-shadow:0 2px 12px #0f4c8140}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 20px #0f4c8159}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:var(--white);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:var(--white);box-shadow:0 2px 12px #3b82f64d}.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{color:var(--accent);background:0 0;padding:9px 0;font-size:14px}.btn-ghost:hover{gap:12px}.btn-ghost svg{transition:transform var(--transition)}.btn-ghost:hover svg{transform:translate(3px)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:box-shadow var(--transition);background:#fffffff5;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:0 4px 24px #0f4c811a}.nav-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;display:flex}.logo-icon svg{color:#fff}.logo-text{font-family:var(--font-display);color:var(--primary);letter-spacing:-.02em;font-size:20px;font-weight:800}.logo-img{object-fit:contain;width:35px;height:35px}.logo-text span{color:var(--accent)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{font-family:var(--font-display);color:var(--text-mid);transition:color var(--transition);letter-spacing:.01em;font-size:14px;font-weight:500}.nav-links a:hover{color:var(--primary)}.nav-links a.active{color:var(--primary);font-weight:700}.nav-cta{align-items:center;gap:12px;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.hamburger span{background:var(--primary);width:22px;height:2px;transition:all var(--transition);border-radius:2px;display:block}.mobile-menu{border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:999;background:#fff;flex-direction:column;gap:16px;padding:20px 24px 28px;display:none;position:fixed;top:68px;left:0;right:0}.mobile-menu.open{display:flex}.mobile-menu a{font-family:var(--font-display);color:var(--text-mid);border-bottom:1px solid var(--border);padding:10px 0;font-size:16px;font-weight:500}.mobile-menu .btn{justify-content:center;width:100%;margin-top:8px}.hero-slider{-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:100svh;min-height:560px;padding-top:68px;display:flex;position:relative;overflow:hidden}.hs-bg{opacity:0;will-change:opacity, transform;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .85s cubic-bezier(.4,0,.2,1),transform 6s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0;transform:scale(1.04)}.hs-bg--active{opacity:1;transform:scale(1)}.hs-overlay{z-index:1;background:linear-gradient(105deg,#051432d1 0%,#071e46b3 50%,#0a285a8c 100%);position:absolute;inset:0}.hs-content{z-index:2;width:100%;transition:opacity .4s,transform .4s;position:relative}.hs-content--visible{opacity:1;transform:translateY(0)}.hs-content--fade{opacity:0;transform:translateY(14px)}.hs-inner{text-align:center;flex-direction:column;align-items:center;max-width:860px;padding-top:0;padding-bottom:0;display:flex}.hs-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#ffffffe0;background:#ffffff1a;border:1px solid #fff3;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px 6px 10px;font-size:12px;font-weight:600;display:inline-flex}.hs-tag-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.2s ease-in-out infinite hs-pulse}@keyframes hs-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0}50%{opacity:.8;transform:scale(1.15)}}.hs-title{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;word-wrap:break-word;overflow-wrap:anywhere;margin-bottom:24px;font-size:clamp(32px,5.5vw,68px);font-weight:800;line-height:1.07}.hs-desc{color:#ffffffad;overflow-wrap:anywhere;max-width:620px;margin-bottom:40px;font-size:clamp(15px,1.8vw,18px);line-height:1.75}.hs-cta{letter-spacing:.01em;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #ffffff2e,0 1px 4px #0003;color:var(--primary)!important;background:#fff!important;border:none!important;border-radius:10px!important;padding:15px 32px!important;font-size:15px!important}.hs-cta:hover{transform:translateY(-2px);background:var(--secondary)!important;box-shadow:0 8px 36px #ffffff47!important}.hs-cta svg{transition:transform .22s}.hs-cta:hover svg{transform:translate(4px)}.hs-arrow{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:.7;background:#ffffff1f;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .22s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hs-arrow:hover{opacity:1;background:#ffffff38;border-color:#fff6;transform:translateY(-50%)scale(1.06)}.hs-arrow--prev{left:28px}.hs-arrow--next{right:28px}.hs-dots{z-index:3;align-items:center;gap:10px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hs-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.hs-dot--active{opacity:1;background:#fff;border-radius:4px;width:28px}.hs-progress{z-index:3;background:#ffffff1f;height:3px;position:absolute;bottom:0;left:0;right:0}.hs-progress-bar{background:linear-gradient(90deg, var(--accent), #93c5fd);transform-origin:0;height:100%;animation:6s linear forwards hs-progress}@keyframes hs-progress{0%{width:0%}to{width:100%}}@media (width<=900px){.hs-arrow{width:40px;height:40px}.hs-arrow--prev{left:14px}.hs-arrow--next{right:14px}}@media (width<=768px){.hero-slider{align-items:center;min-height:100svh}.hs-inner{padding-left:0;padding-right:0}.hs-title{font-size:clamp(30px,9vw,44px)}.hs-desc{font-size:15px}.hs-cta{justify-content:center;width:100%;max-width:340px;padding:16px 24px!important;font-size:16px!important}.hs-arrow{display:none}.hs-dots{bottom:24px}}@media (width<=480px){.hs-title{font-size:clamp(26px,8.5vw,34px)}.hs-tag{margin-bottom:20px;font-size:11px}.hs-desc{margin-bottom:32px;font-size:14px}.hs-cta{max-width:100%}}.trust-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--white);padding:28px 0}.trust-bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.trust-item{color:var(--text-light);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.trust-item svg{color:var(--primary);flex-shrink:0}.about{background:#fff}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-img-wrap{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);aspect-ratio:5/4;background:var(--secondary);position:relative;overflow:hidden}.about-img-wrap img{object-fit:cover;width:100%;height:100%}.about-accent-box{background:var(--primary);border-radius:var(--radius);color:#fff;width:140px;height:140px;box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;bottom:-20px;right:-20px}.about-accent-box strong{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1}.about-accent-box span{opacity:.85;text-align:center;letter-spacing:.04em;font-size:11px;font-weight:500}.about-values{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.value-chip{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-mid);font-size:13px;font-weight:600;font-family:var(--font-display);align-items:center;gap:10px;padding:12px 14px;display:flex}.value-chip svg{color:var(--accent);flex-shrink:0}.categories{background:var(--off-white)}.categories-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.cat-card{border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);cursor:pointer;background:#fff;padding:28px 24px;position:relative;overflow:hidden}.cat-card:before{content:"";background:var(--primary);height:3px;transition:transform var(--transition);transform-origin:0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.cat-card:hover{box-shadow:var(--shadow-md);border-color:#3b82f64d;transform:translateY(-4px)}.cat-card:hover:before{transform:scaleX(1)}.cat-icon{background:var(--secondary);border-radius:var(--radius-sm);width:52px;height:52px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:18px;display:flex}.cat-title{font-family:var(--font-display);color:var(--primary);margin-bottom:8px;font-size:17px;font-weight:700}.cat-desc{color:var(--text-light);margin-bottom:14px;font-size:13.5px;line-height:1.6}.cat-items{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.cat-tag{color:var(--accent);background:#3b82f614;border:1px solid #3b82f626;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:500}.products-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.product-card{border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);background:#fff;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.product-img{aspect-ratio:16/9;background:var(--secondary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-card:hover .product-img img{transform:scale(1.03)}.product-badge{background:var(--primary);color:#fff;font-size:11px;font-weight:600;font-family:var(--font-display);letter-spacing:.04em;border-radius:100px;padding:3px 10px;position:absolute;top:12px;left:12px}.product-body{padding:22px 24px}.product-cat{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:11px;font-weight:600}.product-name{font-family:var(--font-display);color:var(--text-dark);margin-bottom:8px;font-size:17px;font-weight:700}.product-desc{color:var(--text-light);margin-bottom:18px;font-size:13.5px;line-height:1.6}.why-us{background:var(--secondary)}.why-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.why-card{border-radius:var(--radius);transition:all var(--transition);background:#fff;border:1px solid #0f4c811a;padding:28px 26px}.why-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.why-icon{background:var(--primary);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;display:flex}.why-title{font-family:var(--font-display);color:var(--primary);margin-bottom:8px;font-size:16px;font-weight:700}.why-desc{color:var(--text-light);font-size:14px;line-height:1.6}.industries{background:#fff}.industries-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.industry-card{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);text-align:center;padding:28px 24px}.industry-card:hover{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.industry-card:hover .industry-icon{color:#fff;background:#ffffff26}.industry-card:hover .industry-title{color:#fff}.industry-card:hover .industry-desc{color:#ffffffbf}.industry-icon{background:var(--secondary);border-radius:var(--radius);width:60px;height:60px;color:var(--primary);transition:all var(--transition);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.industry-title{font-family:var(--font-display);color:var(--primary);transition:color var(--transition);margin-bottom:8px;font-size:16px;font-weight:700}.industry-desc{color:var(--text-light);transition:color var(--transition);font-size:13.5px;line-height:1.6}.contact{background:var(--off-white)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.contact-info{flex-direction:column;gap:32px;display:flex}.contact-detail{align-items:flex-start;gap:16px;display:flex}.contact-icon{background:var(--primary);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.contact-detail-text strong{font-family:var(--font-display);color:var(--text-dark);margin-bottom:3px;font-size:14px;font-weight:700;display:block}.contact-detail-text span,.contact-detail-text a{color:var(--text-light);font-size:14.5px;line-height:1.5}.contact-detail-text a:hover{color:var(--accent)}.map-placeholder{background:var(--secondary);border-radius:var(--radius);border:1px solid var(--border);width:100%;color:var(--primary);font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:600;display:flex;position:relative;overflow:hidden}.map-placeholder svg{opacity:.5}.map-placeholder span{opacity:.7}.map-frame{border-radius:var(--radius);width:100%;height:300px;box-shadow:var(--shadow-sm);transition:all var(--transition);border:none}.whatsapp-btn{color:#fff;border-radius:var(--radius-sm);font-family:var(--font-display);transition:all var(--transition);background:#25d366;align-items:center;gap:10px;padding:13px 22px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 2px 12px #25d3664d}.whatsapp-btn:hover{background:#1ebe5d;transform:translateY(-1px);box-shadow:0 4px 20px #25d36666}.contact-form{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:36px}.form-title{font-family:var(--font-display);color:var(--primary);margin-bottom:24px;font-size:20px;font-weight:700}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{margin-bottom:18px}.form-group label{font-size:13px;font-weight:600;font-family:var(--font-display);color:var(--text-mid);letter-spacing:.01em;margin-bottom:7px;display:block}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--text-dark);transition:border-color var(--transition), box-shadow var(--transition);appearance:none;background:#fff;outline:none;padding:11px 16px;font-size:14.5px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f}.form-group textarea{resize:vertical;min-height:110px}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-submit{justify-content:center;width:100%;padding:14px;font-size:16px}.footer{background:var(--primary-dark);color:#ffffffd9;padding:64px 0 0}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand .logo-text{color:#fff}.footer-brand .logo-icon{background:#ffffff1f}.footer-tagline{color:#fff9;max-width:280px;margin-top:14px;margin-bottom:24px;font-size:14px;line-height:1.7}.social-links{gap:10px;display:flex}.social-link{border-radius:var(--radius-sm);color:#ffffffbf;width:38px;height:38px;transition:all var(--transition);background:#ffffff14;border:1px solid #ffffff14;justify-content:center;align-items:center;display:flex}.social-link:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.footer-heading{font-family:var(--font-display);color:#fff;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;font-size:14px;font-weight:700}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links a{color:#fff9;transition:color var(--transition);align-items:center;gap:6px;font-size:14px;display:flex}.footer-links a:hover{color:#fff}.footer-contact-item{color:#fff9;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:14px;display:flex}.footer-contact-item svg{color:var(--accent);flex-shrink:0;margin-top:1px}.footer-bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;display:flex}.footer-bottom p{color:#ffffff73;font-size:13px}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=1100px){.categories-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=900px){section{padding:60px 0}.about-grid{grid-template-columns:1fr;gap:48px}.about-img-wrap{max-width:480px}.why-grid,.industries-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:40px}.nav-links,.nav-cta .btn:first-child{display:none}.hamburger{display:flex}}@media (width<=768px){.about-grid{text-align:center}.about-values{justify-content:center}}@media (width<=640px){.container{padding:0 16px}section{padding:48px 0}.categories-grid,.products-grid,.why-grid,.industries-grid,.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.trust-bar-inner{flex-direction:column;align-items:flex-start;gap:16px}.about-values{grid-template-columns:1fr}.contact-form{padding:24px 16px}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.logo-text{font-size:16px}}