.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);box-shadow:0 2px 10px #0000000d}.navbar-scrolled{background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000014;border-bottom:1px solid rgba(0,0,0,.05)}.navbar-hidden{transform:translateY(-100%);box-shadow:none}.navbar-scrolled .navbar-logo,.navbar-scrolled .navbar-menu a{color:var(--primary-blue)}.navbar-scrolled .logo-tagline{color:var(--grey-600)}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:.5rem 2.5rem;min-height:64px;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box;overflow:hidden}.navbar-logo{display:flex;align-items:center;text-decoration:none;transition:transform var(--transition-base);padding-right:0;margin-right:2rem}.logo-content{display:flex;align-items:center;gap:.875rem}.navbar-menu{display:flex;align-items:center;gap:3rem;list-style:none;margin:0;padding:0;padding-left:2rem}.logo-image{height:70px;width:auto;object-fit:contain;transition:transform var(--transition-base);background:transparent;padding:0;margin-left:-20px}.logo-text{display:flex;flex-direction:column;gap:.125rem}.logo-title{font-size:1.2rem;font-weight:800;color:#0e2a47;margin:0;letter-spacing:1.5px;line-height:1}.logo-tagline{font-size:.6rem;color:#374151;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:0}.navbar-menu{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.navbar-menu a{color:#0e2a47;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.75px;transition:all var(--transition-base);position:relative;padding:.375rem 0}.navbar-menu a:not(.btn-nav):hover{color:#2563eb;transform:translateY(-1px)}.btn-nav{background:#0e2a47!important;padding:10px 24px!important;font-size:.8125rem;font-weight:700;letter-spacing:.75px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;color:#fff!important;border:none;white-space:nowrap;box-shadow:0 4px 14px #0e2a4740;transition:all .3s ease}.btn-nav:hover{background:#1a3d5f!important;transform:translateY(-2px);box-shadow:0 8px 20px #0e2a4766}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.mobile-menu-toggle span{width:28px;height:3px;background:var(--primary-blue);border-radius:2px;transition:all var(--transition-base)}.navbar-scrolled .mobile-menu-toggle span{background:var(--primary-blue)}.desktop-menu-item{display:inline-flex}.mobile-menu-header,.mobile-menu-logo,.mobile-menu-close-btn,.mobile-menu-items,.mobile-menu-footer,.mobile-menu-social,.mobile-contact-btn{display:none}.navbar-menu{display:flex}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:998;display:none}.mobile-menu-overlay.active{opacity:1;visibility:visible}@media (max-width: 968px){.navbar-container{padding:.5rem 1rem;min-height:60px}.logo-image{height:45px;margin-left:10px}.logo-title{font-size:1.125rem}.logo-tagline{font-size:.575rem}.mobile-menu-toggle{display:flex;position:relative;z-index:1001}.mobile-menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0;transform:translate(-20px)}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu-toggle.open span{background:#fff!important}.desktop-menu-item{display:none!important}.mobile-menu-overlay{display:block}.mobile-menu-header,.mobile-menu-logo,.mobile-menu-close-btn,.mobile-menu-items,.mobile-menu-footer,.mobile-menu-social{display:flex}.mobile-menu-logo,.mobile-menu-items,.mobile-menu-footer{display:flex;flex-direction:column}.mobile-contact-btn{display:flex!important}.navbar-menu{position:fixed;top:0;right:-100%;width:320px;max-width:85vw;height:100vh;background:linear-gradient(165deg,#0a1f35,#0e2a47,#1a3d5f);flex-direction:column;align-items:stretch;padding:0;gap:0;transition:right .5s cubic-bezier(.16,1,.3,1);box-shadow:-10px 0 40px #00000080;z-index:999;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.navbar-menu:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(165deg,#ffffff14,#ffffff05,#ffffff0d);pointer-events:none;z-index:0}.mobile-menu-open{right:0!important}.mobile-menu-header{position:relative;padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);z-index:1;display:flex;align-items:center;justify-content:flex-start}.mobile-menu-logo{display:flex;flex-direction:column;gap:.25rem;opacity:0;transform:translate(-20px);transition:all .4s cubic-bezier(.16,1,.3,1)}.mobile-menu-open .mobile-menu-logo{opacity:1;transform:translate(0);transition-delay:.1s}.mobile-menu-logo-title{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:2px;margin:0;font-family:Poppins,Inter,sans-serif}.mobile-menu-logo-subtitle{font-size:.75rem;color:#fff9;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;margin:0}.mobile-menu-items{flex:1;padding:2rem 0;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.navbar-menu a{color:#ffffffe6;font-size:1.125rem;font-weight:600;font-family:Poppins,Inter,sans-serif;width:100%;display:flex;align-items:center;padding:1rem 1.5rem;opacity:0;transform:translate(30px);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;letter-spacing:.3px;text-transform:none}.mobile-menu-items a{color:#ffffffe6!important}.mobile-menu-items a:hover{color:#fff!important}.navbar-menu a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:60%;background:linear-gradient(180deg,#2563eb,#3b82f6);border-radius:0 4px 4px 0;transition:width .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px #2563eb80}.navbar-menu a:hover:before,.navbar-menu a.active:before{width:4px}.mobile-menu-open a{opacity:1;transform:translate(0)}.mobile-menu-open .mobile-menu-items a:nth-child(1){transition-delay:.2s}.mobile-menu-open .mobile-menu-items a:nth-child(2){transition-delay:.25s}.mobile-menu-open .mobile-menu-items a:nth-child(3){transition-delay:.3s}.mobile-menu-open .mobile-menu-items a:nth-child(4){transition-delay:.35s}.mobile-menu-open .mobile-menu-items a:nth-child(5){transition-delay:.4s}.navbar-menu a:not(.btn-nav):hover{color:#fff;background:#ffffff14;padding-left:2rem}.navbar-menu a:not(.btn-nav):active{background:#ffffff1f}.mobile-menu-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1;display:flex;flex-direction:column}.btn-nav{width:100%;justify-content:center;margin:0;padding:1.125rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none;border-radius:12px;font-size:1.0625rem;font-weight:700;letter-spacing:.5px;box-shadow:0 8px 24px #2563eb80;opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;text-transform:none;color:#fff!important}.mobile-contact-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6,#2563eb)!important;box-shadow:0 10px 30px #3b82f699}.mobile-menu-open .btn-nav{opacity:1;transform:translateY(0);transition-delay:.45s}.btn-nav:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-nav:hover:before{left:100%}.btn-nav:hover,.mobile-contact-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8)!important;transform:translateY(-2px);box-shadow:0 12px 36px #3b82f6b3}.btn-nav:active{transform:translateY(0)}}@media (max-width: 768px){.navbar-container{min-height:56px;padding:.5rem 1rem;max-width:100vw}.navbar-logo{padding-right:.5rem;max-width:70%}.logo-content{gap:.75rem}.logo-image{height:34px}.logo-title{font-size:1.0625rem;white-space:nowrap}.logo-tagline{font-size:.65rem;white-space:nowrap}.navbar-menu{width:300px}.mobile-menu-header{padding:1.75rem 1.25rem}.mobile-menu-logo-title{font-size:1.375rem}.mobile-menu-logo-subtitle{font-size:.6875rem}.mobile-menu-close-btn{width:42px;height:42px}.mobile-menu-close-btn svg{width:20px;height:20px}.mobile-menu-items{padding:1.75rem 0}.navbar-menu a{font-size:1.0625rem;padding:.875rem 1.25rem}.mobile-menu-footer{padding:1.25rem}.btn-nav{padding:1rem 1.75rem;font-size:1rem}.social-icon-mobile{width:42px;height:42px;font-size:1.0625rem}}@media (max-width: 480px){.navbar-container{padding:.5rem .75rem;min-height:52px}.logo-image{height:30px}.logo-title{font-size:1rem}.logo-tagline{font-size:.6rem;letter-spacing:1.5px}.navbar-menu{width:100%;max-width:100%}.mobile-menu-header{padding:1.5rem 1rem}.mobile-menu-logo-title{font-size:1.25rem}.mobile-menu-logo-subtitle{font-size:.625rem}.mobile-menu-close-btn{width:40px;height:40px}.mobile-menu-close-btn svg{width:18px;height:18px}.mobile-menu-items{padding:1.5rem 0;gap:.25rem}.navbar-menu a{font-size:1rem;padding:.875rem 1rem}.mobile-menu-footer{padding:1rem;gap:1.25rem}.btn-nav{padding:1rem 1.5rem;font-size:1rem;border-radius:10px}.mobile-menu-social{gap:1rem}.social-icon-mobile{width:40px;height:40px;font-size:1rem}.mobile-menu-toggle{padding:.375rem}.mobile-menu-toggle span{width:24px;height:2.5px}}@media (max-width: 480px){.navbar-container{padding:.5rem .75rem}.logo-image{height:38px;margin-left:0}.navbar-logo{margin-right:1rem}}.footer{background:var(--primary-blue-dark);color:var(--white);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.footer-main{padding:var(--spacing-3xl) 0 var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,.1)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem}.footer-column{display:flex;flex-direction:column}.footer-logo{margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.footer-logo-image{height:60px;width:auto;object-fit:contain;background:#fff;padding:8px 12px;border-radius:8px}.footer-logo-text{display:flex;flex-direction:column;gap:.25rem}.footer-logo-title{font-size:1.75rem;font-weight:800;color:var(--white);margin:0;letter-spacing:1px}.footer-logo-tagline{font-size:.75rem;color:#ffffffb3;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;margin:0}.footer-description{font-size:.9375rem;line-height:1.7;color:#ffffffb3;margin-bottom:1.5rem}.footer-certifications{display:flex;flex-direction:column;gap:.75rem}.cert-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;transition:all var(--transition-base)}.cert-badge:hover{background:#ffffff1f;border-color:#ffffff40;transform:translate(4px)}.cert-icon{font-size:1.25rem}.footer-column-title{font-size:1.125rem;font-weight:700;color:var(--white);margin:0 0 1.5rem;position:relative;padding-bottom:.75rem}.footer-column-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--accent-blue-light)}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.footer-links li a{color:#ffffffb3;font-size:.9375rem;transition:all var(--transition-base);display:inline-block}.footer-links li a:hover{color:var(--white);transform:translate(4px)}.footer-contact{display:flex;flex-direction:column;gap:1.25rem}.contact-item{display:flex;align-items:flex-start;gap:.75rem}.contact-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.contact-text{display:flex;flex-direction:column;gap:.25rem}.contact-text p{margin:0;font-size:.9375rem;color:#ffffffb3;line-height:1.5}.contact-text a{color:#ffffffb3;transition:color var(--transition-base)}.contact-text a:hover{color:var(--accent-blue-light)}.footer-bottom{padding:1.5rem 0}.footer-bottom-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-copyright{margin:0;font-size:.875rem;color:#fff9}.developer-link{color:#fffc;font-weight:600;transition:all var(--transition-base);text-decoration:none}.developer-link:hover{color:var(--accent-blue-light);text-decoration:underline}.footer-social{display:flex;align-items:center;gap:1rem}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#ffffffb3;transition:all var(--transition-base)}.social-link:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--white);transform:translateY(-4px)}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (max-width: 768px){.footer-main{padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom-content{flex-direction:column;text-align:center}.footer-copyright{order:2}.footer-social{order:1}}@media (max-width: 480px){.footer-logo-title{font-size:1.5rem}.footer-description{font-size:.875rem}.cert-badge{font-size:.8125rem;padding:.625rem .875rem}.footer-column-title{font-size:1rem}.footer-links li a,.contact-text p{font-size:.875rem}}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #2563eb66;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:999;opacity:0;visibility:hidden;transform:translateY(20px) scale(.8)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scroll-to-top:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 28px #2563eb80;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.scroll-to-top:active{transform:translateY(-2px) scale(1)}.scroll-to-top svg{width:24px;height:24px;transition:transform .3s ease}.scroll-to-top:hover svg{transform:translateY(-2px);animation:bounce .6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(-2px)}50%{transform:translateY(-6px)}}@media (max-width: 768px){.scroll-to-top{bottom:1.5rem;right:1.5rem;width:50px;height:50px}.scroll-to-top svg{width:20px;height:20px}}@media (max-width: 480px){.scroll-to-top{bottom:1rem;right:1rem;width:46px;height:46px}.scroll-to-top svg{width:18px;height:18px}}.floating-whatsapp-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:#25d366;border:none;border-radius:50%;cursor:pointer;z-index:999;box-shadow:0 4px 20px #25d36666;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#fff}.floating-whatsapp-btn.whatsapp-moved-up{bottom:110px}.floating-whatsapp-btn svg{width:32px;height:32px}.floating-whatsapp-btn:hover{background:#20ba5a;transform:scale(1.1);box-shadow:0 6px 24px #25d36680}.floating-whatsapp-btn:active{transform:scale(1.05)}@media (max-width: 768px){.floating-whatsapp-btn{width:56px;height:56px;bottom:24px;right:24px}.floating-whatsapp-btn.whatsapp-moved-up{bottom:100px}.floating-whatsapp-btn svg{width:28px;height:28px}}@media (max-width: 480px){.floating-whatsapp-btn{width:52px;height:52px;bottom:20px;right:20px}.floating-whatsapp-btn.whatsapp-moved-up{bottom:90px}.floating-whatsapp-btn svg{width:26px;height:26px}}.hero-new{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#fff,#f0f4ff,#e8f0fe);padding:80px 0 40px;position:relative;overflow:hidden}.hero-wrapper{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.hero-content{display:flex;flex-direction:column;gap:3rem;opacity:0;transform:translateY(20px);transition:all .8s ease}.hero-fade-in{opacity:1;transform:translateY(0)}.hero-text-section{display:flex;flex-direction:column;gap:1.5rem;text-align:center;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;background:#2563eb14;border:1px solid rgba(37,99,235,.15);border-radius:50px;font-size:.75rem;font-weight:600;color:#0e2a47;width:fit-content}.badge-pulse{width:8px;height:8px;background:#2563eb;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-main-title{font-size:2rem;font-weight:800;line-height:1.2;color:#0e2a47;margin:0;letter-spacing:-.02em}.hero-gradient-text{display:block;background:linear-gradient(135deg,#2563eb,#0e2a47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:.25rem}.hero-description{font-size:1rem;line-height:1.7;color:#64748b;margin:0;max-width:600px}.hero-action-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:400px}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;border:none;width:100%;position:relative;overflow:hidden}.hero-btn svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hero-btn:hover svg{transform:translate(4px)}.hero-btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s ease}.hero-btn:hover:after{left:160%}.hero-btn:active{transform:scale(.97) translateY(0)!important}.hero-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 15px #2563eb59,0 0 #2563eb66;animation:pulse-primary 2.5s infinite}@keyframes pulse-primary{0%,to{box-shadow:0 4px 15px #2563eb59,0 0 #2563eb66}50%{box-shadow:0 4px 20px #2563eb80,0 0 0 8px #2563eb00}}.hero-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-3px) scale(1.02);box-shadow:0 10px 28px #2563eb80;animation:none}.hero-btn-secondary{background:transparent;color:#0e2a47;border:2px solid rgba(14,42,71,.25)}.hero-btn-secondary:hover{background:#0e2a47;color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 10px 28px #0e2a4740;border-color:#0e2a47}.hero-slider-section{width:100%}.slider-container{display:flex;flex-direction:column;gap:1rem}.slider-main{position:relative;width:100%;height:300px;background:linear-gradient(145deg,#fff,#f8faff);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0e2a4714;border:1px solid rgba(14,42,71,.06)}.slider-main .hero-audio-btn{position:absolute;top:1rem;right:1rem;width:48px;height:48px;border-radius:50%;background:#2563ebe6;border:2px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slider-main .hero-audio-btn:hover{background:#2563eb;transform:scale(1.1);box-shadow:0 4px 12px #2563eb66}.slider-main .hero-audio-btn svg{width:24px;height:24px}.slider-main .hero-audio-progress-container{position:absolute;bottom:0;left:0;right:0;height:4px;background:#fff3;cursor:pointer;z-index:10;transition:height .2s ease;border-radius:0 0 16px 16px}.slider-main .hero-audio-progress-container:hover{height:6px}.slider-main .hero-audio-progress-bar{height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);transition:width .1s linear;border-radius:0 2px 2px 0;position:relative}.slider-main .hero-audio-progress-bar:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;opacity:0;transition:opacity .2s ease}.slider-main .hero-audio-progress-container:hover .hero-audio-progress-bar:after{opacity:1}.slider-item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.9);transition:all .6s ease;pointer-events:none}.slider-active{opacity:1;transform:scale(1);pointer-events:auto}.slider-item img{max-width:70%;max-height:70%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.1))}.slider-info{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.2) 60%,transparent 100%);color:#fff;text-align:center}.slider-info h3{font-size:1rem;font-weight:700;margin:0 0 .25rem;color:#fff}.slider-info p{font-size:.75rem;margin:0;color:#ffffffe6}.slider-thumbs{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.slider-thumbs::-webkit-scrollbar{display:none}.thumb-btn{flex-shrink:0;width:60px;height:60px;border-radius:12px;background:#fff;border:2px solid transparent;cursor:pointer;overflow:hidden;transition:all .3s ease;padding:4px;box-shadow:0 3px 12px #00000014}.thumb-btn img{width:100%;height:100%;object-fit:contain}.thumb-btn:hover{border-color:#2563eb66;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb26}.thumb-active{border-color:#2563eb;box-shadow:0 6px 18px #2563eb4d;transform:translateY(-2px)}@media (min-width: 768px){.hero-wrapper{padding:0 2rem}.hero-content{flex-direction:row;gap:4rem;align-items:center}.hero-text-section{flex:1;text-align:left;align-items:flex-start}.hero-main-title{font-size:2.5rem}.hero-description{font-size:1.0625rem}.hero-action-buttons{flex-direction:row;max-width:none}.hero-btn{width:auto;padding:1rem 2rem}.hero-slider-section{flex:1}.slider-main{height:380px}.slider-item img{max-width:75%;max-height:75%}.slider-info h3{font-size:1.125rem}.slider-info p{font-size:.8125rem}.thumb-btn{width:70px;height:70px}.slider-main .hero-audio-btn{width:44px;height:44px}.slider-main .hero-audio-btn svg{width:22px;height:22px}}@media (min-width: 1024px){.hero-new{padding:100px 0 60px}.hero-content{gap:5rem}.hero-main-title{font-size:3rem}.hero-description{font-size:1.125rem}.hero-badge{font-size:.8125rem;padding:.75rem 1.5rem}.slider-main{height:420px}.slider-item img{max-width:80%;max-height:80%}.slider-info h3{font-size:1.25rem}.slider-info p{font-size:.875rem}.thumb-btn{width:75px;height:75px}}@media (min-width: 1280px){.hero-main-title{font-size:3.5rem}.slider-main{height:450px}}@media (max-width: 480px){.hero-new{padding:70px 0 30px}.hero-wrapper{padding:0 .75rem}.hero-content{gap:2rem}.hero-main-title{font-size:1.75rem}.hero-description{font-size:.9375rem}.hero-badge{font-size:.6875rem;padding:.5rem 1rem}.slider-main{height:250px}.slider-item img{max-width:65%;max-height:65%}.slider-info{padding:.75rem}.slider-info h3{font-size:.875rem}.slider-info p{font-size:.6875rem}.thumb-btn{width:50px;height:50px}.hero-btn{padding:.875rem 1.25rem;font-size:.875rem}.slider-main .hero-audio-btn{width:40px;height:40px;top:.75rem;right:.75rem}.slider-main .hero-audio-btn svg{width:20px;height:20px}.slider-main .hero-audio-progress-container{height:3px}.slider-main .hero-audio-progress-container:hover{height:5px}}.about-section{position:relative;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.about-section:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,#2563eb05,#0e2a4708);pointer-events:none}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem;align-items:start}.about-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:var(--primary-blue);margin-bottom:2rem;position:relative}.about-title:after{content:"";position:absolute;bottom:-.75rem;left:0;width:60px;height:4px;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:2px}.about-text p{font-size:1.0625rem;line-height:1.8;color:var(--grey-600);margin-bottom:1rem}.about-text p:last-child{margin-bottom:0}.about-highlights{display:flex;flex-direction:column;gap:1.25rem}.highlight-card.has-image{display:flex;align-items:stretch;gap:0;padding:0;background:var(--white);border-radius:16px;border:1px solid rgba(14,42,71,.06);box-shadow:0 4px 20px #0e2a470d;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;min-height:130px}.highlight-card.has-image:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#2563eb,#60a5fa);opacity:0;transition:opacity .3s ease;z-index:2}.highlight-card.has-image:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0e2a471f;border-color:#2563eb1f}.highlight-card.has-image:hover:before{opacity:1}.highlight-img-wrapper{width:140px;min-height:130px;flex-shrink:0;position:relative;overflow:hidden}.highlight-img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease;background:#f8fafc}.highlight-card.has-image:hover .highlight-img{transform:scale(1.08)}.highlight-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0e2a471a,#2563eb0d);pointer-events:none}.highlight-card.has-image .highlight-content{flex:1;padding:1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:center}.highlight-title{font-size:1.125rem;font-weight:700;color:var(--primary-blue);margin-bottom:.375rem;line-height:1.3}.highlight-description{font-size:.875rem;color:var(--grey-500);line-height:1.6;margin:0}.about-visible .about-content{animation:slideInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.about-visible .highlight-card{animation:slideInRight .6s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 1024px){.about-grid{gap:3rem}.highlight-img-wrapper{width:120px}}@media (max-width: 768px){.about-grid{grid-template-columns:1fr;gap:2.5rem}.about-title{font-size:1.75rem}.about-text p{font-size:1rem}.highlight-card.has-image{min-height:110px}.highlight-img-wrapper{width:110px;min-height:110px}.highlight-card.has-image .highlight-content{padding:1rem 1.25rem}}@media (max-width: 480px){.about-title{font-size:1.5rem}.about-text p{font-size:.9375rem}.highlight-card.has-image{flex-direction:column;min-height:auto}.highlight-img-wrapper{width:100%;height:160px;min-height:auto}.highlight-card.has-image .highlight-content{padding:1.25rem}.highlight-title{font-size:1rem}.highlight-description{font-size:.8125rem}}.vision-mission{padding:80px 0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.vision-mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.vm-card{background:#fff;padding:48px;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;display:flex;flex-direction:column;gap:24px}.vm-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001f}.vm-icon{width:80px;height:80px;background:transparent;border-radius:16px;display:flex;align-items:center;justify-content:center}.vm-title{font-size:2rem;font-weight:800;color:#0e2a47;margin:0}.vm-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.vm-list li{font-size:1rem;line-height:1.7;color:#64748b;padding-left:32px;position:relative}.vm-list li:before{content:"✓";position:absolute;left:0;color:#2563eb;font-weight:700;font-size:1.25rem}.vm-description{font-size:1.125rem;line-height:1.8;color:#64748b;margin:0}@media (max-width: 968px){.vision-mission{padding:60px 0}.vision-mission-grid{gap:32px}.vm-card{padding:40px}.vm-title{font-size:1.75rem}.vm-list li{font-size:.9375rem;padding-left:28px}.vm-list li:before{font-size:1.125rem}.vm-description{font-size:1rem}}@media (max-width: 768px){.vision-mission{padding:50px 0}.vision-mission-grid{grid-template-columns:1fr;gap:24px}.vm-card{padding:32px}.vm-icon{width:64px;height:64px}.vm-icon svg{width:40px;height:40px}.vm-title{font-size:1.5rem}.vm-list li{font-size:.875rem;line-height:1.6;padding-left:26px}.vm-list li:before{font-size:1rem}.vm-description{font-size:.9375rem;line-height:1.7}}@media (max-width: 480px){.vision-mission{padding:40px 0}.vm-card{padding:24px;gap:20px}.vm-icon{width:56px;height:56px}.vm-icon svg{width:32px;height:32px}.vm-title{font-size:1.375rem}.vm-list li{font-size:.8125rem;padding-left:24px}.vm-list li:before{font-size:.9375rem}.vm-description{font-size:.875rem}}.products-section{background:linear-gradient(180deg,var(--grey-50) 0%,var(--white) 100%);padding-bottom:4rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.product-showcase-section{margin-bottom:2rem}.showcase-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem;padding:2rem 2.5rem;background:linear-gradient(135deg,#fff,#f0f4ff);border-radius:var(--radius-2xl);border:1px solid rgba(37,99,235,.08);box-shadow:0 4px 20px #0e2a470f;position:relative;overflow:hidden}.showcase-header:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#2563eb,#0e2a47);border-radius:2px}.showcase-icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.showcase-icon-tiles{background:linear-gradient(135deg,#2563eb1f,#2563eb0f);color:#2563eb}.showcase-icon-others{background:linear-gradient(135deg,#0e2a471f,#0e2a470f);color:#0e2a47}.showcase-title-group{flex:1}.showcase-title-group .section-title{margin-bottom:.5rem;text-align:left}.showcase-title-group .section-title:after{display:none}.showcase-title-group .section-subtitle{margin-top:0;text-align:left}.showcase-badge{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;flex-shrink:0;box-shadow:0 4px 12px #2563eb4d}.badge-highlight{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:#fff;line-height:1}.badge-text{font-size:.75rem;color:#ffffffd9;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.products-divider{display:flex;align-items:center;gap:1.5rem;margin:3rem 0;padding:0 1rem}.divider-line{flex:1;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(37,99,235,.2) 50%,transparent 100%)}.divider-text{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--grey-400);text-transform:uppercase;letter-spacing:2px;white-space:nowrap}.section-header{text-align:center;max-width:800px;margin:0 auto 4rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--primary-blue);margin-bottom:1rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--accent-blue) 0%,var(--accent-blue-light) 100%);border-radius:2px}.section-subtitle{font-size:1.125rem;color:var(--grey-600);line-height:1.7;margin-top:1.5rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.product-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-slow);opacity:0;transform:translateY(30px);display:flex;flex-direction:column;border:1px solid var(--grey-100);position:relative}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#0e2a47);opacity:0;transition:opacity .3s ease;z-index:1}.product-card:hover:before{opacity:1}.product-card-visible{opacity:1;transform:translateY(0);animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.product-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px #0e2a4726;border-color:#2563eb33}.product-image-wrapper{position:relative;width:100%;height:280px;overflow:hidden;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:var(--border-radius) var(--border-radius) 0 0}.product-image{width:100%;height:100%;object-fit:contain;object-position:center;padding:1.25rem;transition:all var(--transition-slow);transform:scale(1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.product-card:hover .product-image{transform:scale(1.08);filter:drop-shadow(0 8px 20px rgba(0,0,0,.12))}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#0e2a470d,#2563eb1a)}.product-icon{font-size:5rem;opacity:.3;filter:grayscale(1);transition:all var(--transition-base)}.product-card:hover .product-icon{transform:scale(1.1) rotate(5deg);opacity:.5}.product-category-badge{position:absolute;top:1rem;right:1rem;background:#0e2a47e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white);padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md)}.product-weight-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.375rem .875rem;border-radius:var(--radius-lg);font-size:.8125rem;font-weight:700;box-shadow:0 2px 8px #2563eb4d}.product-content{padding:1.75rem;display:flex;flex-direction:column;flex-grow:1}.product-name{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:.75rem;line-height:1.3}.product-short-desc{font-size:1rem;color:var(--grey-600);margin-bottom:1.25rem;line-height:1.6}.product-features-preview{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.5rem;flex-grow:1}.feature-tag{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--grey-700);font-weight:500}.feature-tag svg{color:var(--accent-blue);flex-shrink:0}.btn-product{width:100%;justify-content:center;margin-top:auto;gap:.5rem;transition:all .3s ease}.btn-product:hover{background:linear-gradient(135deg,#0e2a47,#1a3d5f);border-color:#0e2a47;box-shadow:0 4px 15px #0e2a4740}.btn-product svg{transition:transform var(--transition-base)}.btn-product:hover svg{transform:translate(4px)}@media (max-width: 1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.75rem}.showcase-header{padding:1.75rem 2rem}}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.product-image-wrapper{height:260px}.showcase-header{flex-wrap:wrap}}@media (max-width: 768px){.showcase-header{flex-direction:column;align-items:flex-start;padding:1.25rem;gap:1rem;margin-bottom:2rem;max-width:100%;width:100%;overflow:hidden;box-sizing:border-box}.showcase-title-group{width:100%;max-width:100%}.showcase-title-group .section-title{font-size:1.5rem;word-wrap:break-word;overflow-wrap:break-word}.showcase-badge{flex-direction:row;padding:.75rem 1.25rem;gap:.5rem;width:fit-content}.badge-highlight{font-size:1.25rem}.section-header{margin-bottom:2.5rem}.section-title{font-size:1.75rem;word-wrap:break-word}.section-subtitle{font-size:.9375rem;line-height:1.6}.products-grid{grid-template-columns:1fr;gap:1.5rem;max-width:100%;width:100%}.product-image-wrapper{height:240px}.product-content{padding:1.5rem}.product-name{font-size:1.25rem}.product-short-desc{font-size:.9375rem}.feature-tag{font-size:.8125rem}.products-divider{margin:2rem 0}}@media (max-width: 640px){.products-grid{grid-template-columns:1fr;gap:1.5rem}.showcase-icon-wrapper{width:48px;height:48px;border-radius:12px}.showcase-icon-wrapper svg{width:24px;height:24px}}@media (max-width: 480px){.showcase-header{padding:1rem;gap:.875rem;margin-bottom:1.5rem}.section-header{margin-bottom:2rem}.section-title{font-size:1.5rem;margin-bottom:.75rem}.section-subtitle{font-size:.875rem;line-height:1.5}.products-grid{gap:1.25rem}.product-image-wrapper{height:220px}.product-content{padding:1.25rem}.product-name{font-size:1.125rem;margin-bottom:.625rem}.product-short-desc{font-size:.875rem;margin-bottom:1rem}.product-features-preview{gap:.5rem;margin-bottom:1.25rem}.feature-tag{font-size:.75rem}.feature-tag svg{width:14px;height:14px}.btn-product{padding:.875rem 1.5rem;font-size:.875rem}.product-category-badge{font-size:.6875rem;padding:.375rem .75rem}.product-weight-badge{font-size:.6875rem;padding:.3rem .7rem}.showcase-header{padding:1.25rem}}.discover-section{background:linear-gradient(180deg,var(--white) 0%,#f8faff 100%);position:relative;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.solution-card{display:flex;align-items:flex-start;gap:1.25rem;padding:1.75rem;background:var(--white);border-radius:18px;border:1px solid rgba(14,42,71,.06);box-shadow:0 4px 16px #0e2a470a;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;overflow:hidden}.solution-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-color, #2563eb);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.solution-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0e2a471a;border-color:#2563eb1f}.solution-card:hover:before{transform:scaleY(1)}.solution-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#0e2a47}.solution-icon svg{width:48px;height:48px}.solution-content{flex:1}.solution-title{font-size:1.125rem;font-weight:700;color:#0e2a47;margin-bottom:.5rem}.solution-desc{font-size:.875rem;color:#64748b;line-height:1.6;margin-bottom:.75rem}.solution-recommend{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.recommend-label{font-size:.75rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.recommend-product{font-size:.8125rem;font-weight:700;color:var(--card-color, #2563eb);background:color-mix(in srgb,var(--card-color, #2563eb) 8%,transparent);padding:.25rem .75rem;border-radius:20px}.solution-arrow{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#cbd5e1;transition:all .3s ease;align-self:center}.solution-card:hover .solution-arrow{color:var(--card-color, #2563eb);transform:translate(4px)}.solutions-cta{text-align:center;margin-top:3rem}.btn-solutions-contact{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#0e2a47,#1a3d5f);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0e2a4733}.btn-solutions-contact:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0e2a474d;background:linear-gradient(135deg,#1a3d5f,#0e2a47);color:#fff}.discover-visible .solution-card{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 1024px){.solutions-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 768px){.solutions-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.solution-card{padding:1.25rem;gap:1rem}.solution-icon{width:44px;height:44px}.solution-icon svg{width:40px;height:40px}.solution-title{font-size:1rem}.solution-desc{font-size:.8125rem}.solution-arrow{display:none}}@media (max-width: 640px){.solutions-grid{grid-template-columns:1fr;gap:1rem}.solution-card{padding:1.25rem}.solution-arrow{display:flex}}@media (max-width: 480px){.solution-icon{width:40px;height:40px}.solution-icon svg{width:36px;height:36px}.solution-title{font-size:.9375rem}.solution-desc{font-size:.75rem}.recommend-label{font-size:.6875rem}.recommend-product{font-size:.75rem;padding:.1875rem .625rem}.btn-solutions-contact{width:100%;justify-content:center;padding:.875rem 1.5rem;font-size:.9375rem}}.tools-preview-section{background:linear-gradient(180deg,#f8faff,#fff);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.tools-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#2563eb14,#2563eb0a);border:1px solid rgba(37,99,235,.12);border-radius:50px;font-size:.8125rem;font-weight:700;color:#2563eb;margin-bottom:1rem}.tools-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.tool-preview-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 2rem 2rem;background:#fff;border-radius:20px;border:1px solid rgba(14,42,71,.06);box-shadow:0 4px 20px #0e2a470a;transition:all .4s cubic-bezier(.16,1,.3,1);text-decoration:none;overflow:hidden;width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.tool-preview-content{display:flex;flex-direction:column;height:100%}.tool-preview-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--tool-color, #2563eb);transform:scaleX(0);transition:transform .3s ease}.tool-preview-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0e2a471f;border-color:#2563eb26}.tool-preview-card:hover:before{transform:scaleX(1)}.tool-preview-tag{align-self:center;padding:.25rem .75rem;background:color-mix(in srgb,var(--tool-color, #2563eb) 10%,transparent);color:var(--tool-color, #2563eb);font-size:.6875rem;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.25rem}.tool-preview-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tool-color, #2563eb) 6%,white);border-radius:16px;color:var(--tool-color, #2563eb);transition:all .3s ease}.tool-preview-card:hover .tool-preview-icon{background:var(--tool-color, #2563eb);color:#fff;transform:scale(1.05);box-shadow:0 8px 20px color-mix(in srgb,var(--tool-color, #2563eb) 30%,transparent)}.tool-preview-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.tool-preview-title{font-size:1.25rem;font-weight:700;color:#0e2a47;margin-bottom:0}.tool-preview-desc{font-size:.875rem;color:#64748b;line-height:1.6;margin-bottom:1.25rem}.tool-preview-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:700;color:var(--tool-color, #2563eb);transition:gap .3s ease}.tool-preview-card:hover .tool-preview-link{gap:.625rem}.tools-preview-visible .tool-preview-card{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.tools-preview-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.tool-preview-card{padding:2rem 1.5rem 1.75rem}}@media (max-width: 768px){.tools-preview-grid{grid-template-columns:1fr;gap:1rem}.tool-preview-card{flex-direction:column;text-align:left;align-items:flex-start;gap:1.25rem;padding:1.5rem}.tool-preview-header{flex-direction:row;align-items:center;gap:1.25rem;width:100%;margin-bottom:.5rem}.tool-preview-tag{align-self:flex-start;margin-bottom:.75rem}.tool-preview-icon{width:48px;height:48px;border-radius:12px}.tool-preview-icon svg{width:24px;height:24px}.tool-preview-title{font-size:1.125rem}.tool-preview-desc{font-size:.8125rem;margin-bottom:1rem}}@media (max-width: 480px){.tool-preview-card{padding:1.125rem}.tool-preview-header{gap:1rem}.tool-preview-icon{width:44px;height:44px}}.grout-teaser-section{background:linear-gradient(135deg,#8fa7a7,#7d9696);padding:clamp(80px,12vw,120px) 0;overflow:hidden;position:relative;width:100%;max-width:100%;box-sizing:border-box}.grout-teaser-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.05) 0%,transparent 40%);pointer-events:none}.teaser-container{max-width:1200px!important}.teaser-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,100px);align-items:center}.teaser-visualizer{display:flex;flex-direction:column;gap:24px;opacity:0;transform:translate(-30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.teaser-visible .teaser-visualizer{opacity:1;transform:translate(0)}.hexagon-preview-box{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 25px 50px -12px #0e2a4740;position:relative;overflow:hidden;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2)}.hexagon-grid{--grout-width: 4px;display:flex;flex-wrap:wrap;justify-content:center;width:100%;max-width:460px;background-color:var(--grout-color);padding:var(--grout-width);border-radius:12px;transition:background .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 10px #0000001a}.hexagon-tile{width:var(--s, 90px);margin:var(--m, 3px);height:calc(var(--s, 90px) * 1.1547);display:inline-block;clip-path:polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0%);background:#fff;margin-bottom:calc(var(--m, 3px) - var(--s, 90px) * .2885);position:relative;transition:transform .3s ease}.hexagon-tile:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:#f8f9fa;clip-path:polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0%);box-shadow:inset 0 0 15px #00000008;z-index:1}.hexagon-tile:nth-child(2n){transform:translateY(calc(var(--s, 90px) * .25 + var(--m, 3px)))}.hexagon-grid{--s: 100px;--m: 4px;--f: calc(1.732 * var(--s) + 4 * var(--m) - 1px);display:flex;flex-wrap:wrap;padding-bottom:var(--s);margin:0 auto;width:100%;max-width:500px;background-color:var(--grout-color);padding:10px;border-radius:8px}.hexagon-tile{width:var(--s);margin:var(--m);height:calc(var(--s)*1.1547);display:inline-block;font-size:initial;clip-path:polygon(0% 25%,0% 75%,50% 100%,100% 75%,100% 25%,50% 0%);background:#fff;margin-bottom:calc(var(--m) - var(--s)*.2885)}.hexagon-tile:nth-child(2n){transform:translateY(calc(var(--s)*.25))}.teaser-color-swatches{display:flex;justify-content:center;padding:12px;background:#ffffff26;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.25);border-radius:50px;width:fit-content;margin:1.5rem auto 0;box-shadow:0 10px 25px #0000001a}.swatch-scroll{display:flex;gap:12px;padding:5px 15px}.teaser-swatch{width:28px;height:28px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 6px #0000001a;cursor:pointer;transition:all .3s ease;padding:0}.teaser-swatch.active{transform:scale(1.3);box-shadow:0 4px 12px #0003;border-color:#2563eb}.teaser-swatch:hover{transform:scale(1.2)}.teaser-content{display:flex;flex-direction:column;gap:1.5rem;opacity:0;transform:translate(30px);transition:all 1s cubic-bezier(.16,1,.3,1);text-align:left}.teaser-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;width:fit-content;margin-bottom:-.5rem}.teaser-visible .teaser-content{opacity:1;transform:translate(0)}.teaser-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:#fff;line-height:1;margin:0;letter-spacing:-.02em}.teaser-description{font-size:clamp(1rem,2vw,1.25rem);color:#ffffffe6;line-height:1.6;max-width:520px;margin-bottom:1rem}.teaser-btn{width:fit-content;padding:12px 36px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:2px;text-decoration:none;font-weight:700;font-size:.8125rem;letter-spacing:1.5px;transition:all .3s ease;text-transform:uppercase}.teaser-btn:hover{background:#fff;color:#8fa7a7;border-color:#fff;transform:translateY(-2px)}@media (max-width: 968px){.teaser-grid{grid-template-columns:1fr;gap:40px;text-align:center}.teaser-content{align-items:center;text-align:center}.teaser-visualizer{order:2}.teaser-content{order:1}.hexagon-grid{width:100%;justify-content:center;--s: 80px}.hexagon-preview-box{padding:2rem}.teaser-title{font-size:clamp(2rem,8vw,3rem)}.teaser-description{font-size:1rem;max-width:100%}}@media (max-width: 768px){.grout-teaser-section{padding:60px 0}.teaser-container{padding:0 1rem}.teaser-grid{gap:30px}.hexagon-preview-box{padding:1.5rem;aspect-ratio:1 / 1}.hexagon-grid{--s: 70px;max-width:100%;padding:8px}.teaser-title{font-size:clamp(1.75rem,7vw,2.5rem);line-height:1.1}.teaser-description{font-size:.9375rem;line-height:1.6}.teaser-badge{font-size:.6875rem;padding:.4375rem .875rem}.teaser-btn{padding:10px 28px;font-size:.75rem}.teaser-color-swatches{padding:10px;margin:1rem auto 0}.swatch-scroll{gap:10px;padding:4px 12px}.teaser-swatch{width:24px;height:24px}}@media (max-width: 480px){.grout-teaser-section{padding:50px 0}.teaser-container{padding:0 .75rem}.teaser-grid{gap:24px}.hexagon-preview-box{padding:1rem;border-radius:16px}.hexagon-grid{--s: 50px;padding:6px;border-radius:6px}.teaser-title{font-size:clamp(1.5rem,6vw,2rem);word-wrap:break-word}.teaser-description{font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.teaser-badge{font-size:.625rem;padding:.375rem .75rem;letter-spacing:1.5px}.teaser-btn{width:100%;max-width:280px;padding:12px 24px;font-size:.75rem;letter-spacing:1px}.teaser-color-swatches{padding:8px;margin:.75rem auto 0;border-radius:40px}.swatch-scroll{gap:8px;padding:3px 10px}.teaser-swatch{width:22px;height:22px;border-width:1.5px}.teaser-swatch.active{transform:scale(1.2)}.teaser-swatch:hover{transform:scale(1.15)}}@media (max-width: 360px){.grout-teaser-section{padding:40px 0}.hexagon-grid{--s: 40px}.teaser-title{font-size:1.375rem}.teaser-description{font-size:.8125rem}.teaser-btn{padding:10px 20px;font-size:.6875rem}.teaser-swatch{width:20px;height:20px}}.video-showcase{background:linear-gradient(180deg,#fff,#f9fafb);padding:6rem 0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.video-showcase-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-top:3rem}.main-video-container{display:flex;flex-direction:column;gap:1.5rem}.video-player-wrapper{position:relative;width:100%;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000026}.main-video-player{width:100%;height:500px;display:block;object-fit:contain;background:#000}.video-info{display:flex;flex-direction:column;gap:.75rem}.video-category{display:inline-block;padding:.5rem 1rem;background:#f0f9ff;color:#2563eb;font-size:.875rem;font-weight:600;border-radius:6px;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.video-title{font-size:1.75rem;font-weight:700;color:#0e2a47;margin:0;line-height:1.3}.video-description{font-size:1rem;color:#64748b;line-height:1.7;margin:0}.video-thumbnails{display:flex;flex-direction:column;gap:1.5rem}.video-thumbnail{display:flex;gap:1rem;padding:1rem;background:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 4px 12px #0000000d}.video-thumbnail:hover{transform:translate(8px);box-shadow:0 8px 20px #0000001a;border-color:#e0f2fe}.video-thumbnail.active{border-color:#2563eb;background:#f0f9ff;box-shadow:0 8px 20px #2563eb26}.thumbnail-image{position:relative;width:120px;height:80px;flex-shrink:0;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.thumbnail-image img{width:60%;height:auto;object-fit:contain}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s ease}.video-thumbnail:hover .play-overlay{opacity:1}.video-thumbnail.active .play-overlay{opacity:0}.thumbnail-info{display:flex;flex-direction:column;gap:.5rem;justify-content:center;flex:1}.thumbnail-category{font-size:.75rem;font-weight:600;color:#2563eb;text-transform:uppercase;letter-spacing:.5px}.thumbnail-title{font-size:1rem;font-weight:600;color:#0e2a47;margin:0;line-height:1.4}.video-thumbnail.active .thumbnail-title{color:#2563eb}@media (max-width: 1024px){.video-showcase-grid{grid-template-columns:1fr;gap:2.5rem}.video-thumbnails{flex-direction:row;overflow-x:auto;padding-bottom:1rem}.video-thumbnail{flex-direction:column;min-width:200px}.thumbnail-image{width:100%;height:120px}}@media (max-width: 768px){.video-showcase{padding:4rem 0}.video-title{font-size:1.5rem}.video-description{font-size:.9375rem}.thumbnail-image{height:100px}.video-thumbnail{min-width:180px}.main-video-player{height:400px}}@media (max-width: 480px){.video-showcase{padding:3rem 0}.video-title{font-size:1.25rem}.video-info{gap:.5rem}.thumbnail-image{height:80px}.video-thumbnail{min-width:160px;padding:.75rem}.thumbnail-title{font-size:.875rem}.main-video-player{height:300px}}.why-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#0e2a47,#071829 60%,#0a1f36);width:100%;max-width:100%;box-sizing:border-box}.why-bg-patterns{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.why-pattern-1{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);top:-200px;right:-100px}.why-pattern-2{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.06) 0%,transparent 70%);bottom:-150px;left:-100px}.why-section .section-header{position:relative;z-index:1}.why-section .section-title:after{background:linear-gradient(90deg,#60a5fa,#93c5fd)}.reasons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;position:relative;z-index:1}.reason-card{background:linear-gradient(145deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:0;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.reason-card:hover{transform:translateY(-8px);background:linear-gradient(145deg,#ffffff1f,#ffffff0d);border-color:#60a5fa4d;box-shadow:0 20px 40px #0000004d}.reason-img-wrapper{width:100%;height:160px;position:relative;overflow:hidden}.reason-img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease;background:#ffffff0d}.reason-card:hover .reason-img{transform:scale(1.1)}.reason-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(14,42,71,.6) 100%);pointer-events:none}.reason-text-content{padding:1.25rem 1.5rem 1.5rem}.reason-title{font-size:1.125rem;font-weight:700;color:var(--white);margin-bottom:.5rem;line-height:1.3}.reason-description{font-size:.875rem;color:#ffffffa6;line-height:1.6;margin:0}.reason-glow{position:absolute;bottom:-50%;left:50%;transform:translate(-50%);width:80%;height:60%;background:radial-gradient(ellipse,rgba(37,99,235,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.reason-card:hover .reason-glow{opacity:1}.why-visible .reason-card{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 1024px){.reasons-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 768px){.reasons-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.reason-img-wrapper{height:130px}.reason-text-content{padding:1rem 1.25rem 1.25rem}.reason-title{font-size:1rem}.reason-description{font-size:.8125rem}}@media (max-width: 640px){.reasons-grid{grid-template-columns:1fr;gap:1rem}.reason-card{flex-direction:row;align-items:stretch}.reason-img-wrapper{width:120px;height:auto;min-height:110px;flex-shrink:0}.reason-text-content{padding:1rem 1.25rem;text-align:left;display:flex;flex-direction:column;justify-content:center}.reason-title{margin-bottom:.25rem}.reason-description{font-size:.8125rem}}.applications-section{background:linear-gradient(180deg,var(--white) 0%,var(--grey-50) 100%);overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.applications-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.application-card{background:var(--white);border-radius:20px;padding:0;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #0e2a470f;border:1px solid rgba(14,42,71,.05);cursor:pointer}.application-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#60a5fa);transform:scaleX(0);transition:transform .4s ease;transform-origin:left;z-index:3}.application-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0e2a471f;border-color:#2563eb26}.application-card:hover:after{transform:scaleX(1)}.application-img-wrapper{position:relative;width:100%;height:220px;overflow:hidden}.application-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.application-card:hover .application-img{transform:scale(1.1)}.application-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0e2a470d,#0e2a4733,#0e2a47bf);transition:all .4s ease;z-index:1}.application-card:hover .application-img-overlay{background:linear-gradient(180deg,#0e2a4700,#0e2a4726,#0e2a47b3)}.application-img-content{position:absolute;bottom:0;left:0;right:0;padding:1.25rem 1.5rem;z-index:2}.application-title{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:.25rem;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.2)}.application-desc{font-size:.8125rem;color:#ffffffd9;margin:0;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.2)}.application-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);transform:rotate(45deg) translate(-100%);transition:transform .6s ease;pointer-events:none;z-index:3}.application-card:hover .application-shine{transform:rotate(45deg) translate(100%)}.applications-visible .application-card{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 1024px){.applications-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (max-width: 768px){.applications-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.application-img-wrapper{height:180px}.application-img-content{padding:1rem 1.25rem}.application-title{font-size:1rem}.application-desc{font-size:.75rem}}@media (max-width: 480px){.applications-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.application-img-wrapper{height:150px}.application-img-content{padding:.875rem 1rem}.application-title{font-size:.875rem}.application-desc{font-size:.6875rem}}.cta-section{position:relative;padding:5rem 0;background:linear-gradient(135deg,#0e2a47,#071829 60%,#0a1f36);overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.cta-bg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(37,99,235,.15) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(96,165,250,.08) 0%,transparent 40%);pointer-events:none}.cta-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:1rem}.cta-highlight{background:linear-gradient(135deg,#60a5fa,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-text{font-size:1.1rem;color:#ffffffb3;line-height:1.7;margin-bottom:2rem}.cta-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cta-feature{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#ffffffd9;font-weight:500}.cta-feature-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#60a5fa1f;border-radius:10px;color:#93c5fd;flex-shrink:0}.cta-feature-icon svg{width:18px;height:18px}.cta-action-card{background:linear-gradient(145deg,#ffffff1a,#ffffff0a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:2.5rem}.cta-action-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.75rem}.cta-action-text{font-size:.9375rem;color:#ffffffa6;line-height:1.6;margin-bottom:1.75rem}.cta-buttons{display:flex;flex-direction:column;gap:.875rem}.btn-cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 15px #2563eb66}.btn-cta-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-3px);box-shadow:0 8px 25px #2563eb80;color:#fff}.btn-cta-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 15px #25d3664d}.btn-cta-whatsapp:hover{background:linear-gradient(135deg,#128c7e,#075e54);transform:translateY(-3px);box-shadow:0 8px 25px #25d36666;color:#fff}.cta-visible .cta-content{animation:fadeInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.cta-visible .cta-action-card{animation:fadeInRight .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.cta-grid{gap:3rem}.cta-features{grid-template-columns:1fr;gap:.875rem}}@media (max-width: 768px){.cta-section{padding:4rem 0}.cta-grid{grid-template-columns:1fr;gap:2.5rem}.cta-title{font-size:1.75rem}.cta-text{font-size:1rem}.cta-features{grid-template-columns:1fr}.cta-action-card{padding:2rem}.cta-action-title{font-size:1.25rem}}@media (max-width: 480px){.cta-section{padding:3rem 0}.cta-title{font-size:1.5rem}.cta-text{font-size:.9375rem;margin-bottom:1.5rem}.cta-feature{font-size:.8125rem}.cta-feature-icon{width:32px;height:32px;border-radius:8px}.cta-feature-icon svg{width:16px;height:16px}.cta-action-card{padding:1.5rem;border-radius:18px}.btn-cta-primary,.btn-cta-whatsapp{padding:.875rem 1.5rem;font-size:.9375rem}}main{width:100%;max-width:100%;overflow-x:hidden;position:relative;background:#fff;margin:0;padding:0}main>section,main>div{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;margin:0}main .container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem;box-sizing:border-box}@media (max-width: 768px){main{width:100%;max-width:100%}main .container{padding:0 1rem;max-width:100%;width:100%}main>section,main>div{width:100%;max-width:100%;padding-left:0;padding-right:0}}@media (max-width: 480px){main .container{padding:0 .75rem;max-width:100%;width:100%}}.product-detail-page{padding-top:80px}.product-hero{position:relative;min-height:60vh;display:flex;align-items:center;background:var(--gradient-primary);overflow:hidden}.product-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 70% 30%,rgba(59,130,246,.2) 0%,transparent 50%)}.product-hero-content{position:relative;z-index:2;max-width:800px;animation:fadeInUp .8s ease-out}.product-breadcrumb{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.9375rem;color:#fffc}.product-breadcrumb a{color:#fffc;transition:color var(--transition-base)}.product-breadcrumb a:hover{color:var(--white)}.product-breadcrumb span:not(:last-child){color:#ffffff80}.product-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--white);margin-bottom:1rem;line-height:1.1}.product-hero-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);color:#ffffffe6;margin-bottom:2.5rem;line-height:1.6}.product-hero-weight{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.weight-badge{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.5rem 1.25rem;border-radius:50px;font-size:1.25rem;font-weight:800;box-shadow:0 4px 12px #2563eb4d}.weight-label{font-size:.9375rem;color:#ffffffb3;font-weight:500}.product-hero-buttons{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.product-details-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}.product-image-large{position:sticky;top:100px}.product-detail-image{width:100%;height:100%;object-fit:contain;object-position:center;padding:2rem}.product-image-placeholder-large{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#0e2a470d,#2563eb1a);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;position:relative;border:2px solid var(--grey-100);overflow:hidden}.product-icon-large{font-size:10rem;opacity:.2;filter:grayscale(1)}.product-category-badge-large{position:absolute;top:1.5rem;right:1.5rem;background:var(--primary-blue);color:var(--white);padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-lg)}.product-info-title{font-size:2rem;font-weight:700;color:var(--primary-blue);margin-bottom:1.5rem}.product-full-desc{font-size:1.125rem;line-height:1.8;color:var(--grey-600);margin-bottom:2.5rem}.product-features-section{background:var(--grey-50);padding:2rem;border-radius:var(--radius-xl);border:1px solid var(--grey-200)}.features-title{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.feature-item{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:var(--grey-700);font-weight:500}.feature-item svg{color:var(--accent-blue);flex-shrink:0}.specifications-table{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--grey-200)}.spec-row{display:grid;grid-template-columns:1fr 1.5fr;border-bottom:1px solid var(--grey-200);transition:background var(--transition-base)}.spec-row:last-child{border-bottom:none}.spec-row:hover{background:var(--grey-50)}.spec-label{padding:1.5rem 2rem;font-weight:700;color:var(--primary-blue);background:var(--grey-50);border-right:1px solid var(--grey-200)}.spec-value{padding:1.5rem 2rem;color:var(--grey-700)}.applications-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.application-item{display:flex;align-items:flex-start;gap:1.5rem;padding:1.75rem;background:var(--white);border:2px solid var(--grey-100);border-radius:var(--radius-xl);transition:all var(--transition-base)}.application-item:hover{border-color:var(--accent-blue);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.application-number{width:50px;height:50px;flex-shrink:0;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-blue-light) 100%);color:var(--white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;box-shadow:var(--shadow-md)}.application-item p{margin:0;font-size:1.0625rem;color:var(--grey-700);line-height:1.6;padding-top:.5rem}.product-cta-content{text-align:center;max-width:700px;margin:0 auto}.product-cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--white);margin-bottom:1rem}.product-cta-text{font-size:1.25rem;color:#ffffffd9;margin-bottom:2.5rem;line-height:1.7}.product-cta-buttons{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.product-not-found{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px}@media (max-width: 968px){.product-details-grid{grid-template-columns:1fr;gap:3rem}.product-image-large{position:static}.features-grid,.spec-row{grid-template-columns:1fr}.spec-label{border-right:none;border-bottom:1px solid var(--grey-200)}.applications-list{grid-template-columns:1fr}}@media (max-width: 768px){.product-hero{min-height:50vh}.product-hero-buttons{flex-direction:column;width:100%}.btn-large{width:100%;max-width:350px}.product-info-title{font-size:1.75rem}.product-features-section{padding:1.5rem}.spec-label,.spec-value{padding:1.25rem 1.5rem}.application-item{padding:1.5rem}.product-cta-buttons{flex-direction:column;width:100%}}@media (max-width: 480px){.product-breadcrumb{font-size:.8125rem;gap:.5rem}.product-icon-large{font-size:6rem}.product-category-badge-large{padding:.5rem 1rem;font-size:.75rem}.application-item{flex-direction:column;align-items:center;text-align:center}}.audio-control-btn{position:absolute;top:1rem;right:1rem;width:48px;height:48px;border-radius:50%;background:#2563ebe6;border:2px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-control-btn:hover{background:#2563eb;transform:scale(1.1);box-shadow:0 4px 12px #2563eb66}.audio-control-btn svg{width:24px;height:24px}@media (max-width: 768px){.audio-control-btn{width:40px;height:40px;top:.75rem;right:.75rem}.audio-control-btn svg{width:20px;height:20px}}.contact-page{min-height:100vh;background:#f0f4ff;padding:6rem 1rem 4rem}.contact-container{max-width:960px;margin:0 auto}.contact-header{text-align:center;margin-bottom:2.5rem}.contact-header h1{font-size:2.25rem;font-weight:800;color:#0e2a47;margin-bottom:.5rem}.contact-header p{color:#64748b;font-size:1rem}.contact-grid{display:grid;grid-template-columns:1fr 280px;gap:2rem;align-items:start}.contact-form{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 24px #0e2a4714;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.875rem;font-weight:600;color:#0e2a47}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9375rem;color:#0e2a47;background:#f8fafc;transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.contact-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-send-email,.btn-send-whatsapp{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;border:none;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.btn-send-email{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 14px #2563eb59}.btn-send-email:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #2563eb73}.btn-send-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 4px 14px #25d3664d}.btn-send-whatsapp:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #25d36666}.contact-info-panel{display:flex;flex-direction:column;gap:1rem}.info-card{background:#fff;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 4px 16px #0e2a4712;display:flex;flex-direction:column;gap:.25rem}.info-icon{font-size:1.5rem;margin-bottom:.25rem}.info-card h3{font-size:.875rem;font-weight:700;color:#0e2a47;margin:0}.info-card a{font-size:.875rem;color:#2563eb;text-decoration:none;word-break:break-all}.info-card a:hover{text-decoration:underline}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr}.contact-info-panel{flex-direction:row;flex-wrap:wrap}.info-card{flex:1;min-width:140px}}@media (max-width: 480px){.contact-header h1{font-size:1.75rem}.contact-actions{flex-direction:column}}.grout-visualizer-container{width:100%}.visualizer-main-layout{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;margin-top:1.5rem}.visualizer-controls-panel{background:#f0f3f8;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;max-height:700px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.visualizer-controls-panel::-webkit-scrollbar{width:4px}.visualizer-controls-panel::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.controls-panel-title{font-size:1.25rem;font-weight:800;color:#0e2a47;margin:0;padding-bottom:.75rem;border-bottom:2px solid rgba(14,42,71,.1)}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-label{font-size:.8125rem;font-weight:700;color:#0e2a47;text-transform:uppercase;letter-spacing:.3px;display:flex;flex-direction:column;gap:.15rem}.control-sublabel{font-size:.6875rem;font-weight:500;color:#64748b;text-transform:none;letter-spacing:0}.grout-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.grout-color-btn{width:100%;aspect-ratio:1;border-radius:4px;border:2px solid rgba(0,0,0,.08);cursor:pointer;transition:all .2s ease;padding:0;outline:none}.grout-color-btn:hover{transform:scale(1.15);z-index:2;box-shadow:0 2px 8px #0003}.grout-color-btn.active{border-color:#2563eb;transform:scale(1.2);z-index:3;box-shadow:0 0 0 2px #fff,0 0 0 4px #2563eb}.control-select{width:100%;padding:.5rem .75rem;border:1px solid rgba(14,42,71,.15);border-radius:8px;font-size:.8125rem;font-weight:500;color:#0e2a47;background:#fff;cursor:pointer;outline:none;transition:border-color .2s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.control-select:focus{border-color:#2563eb}.radio-group{display:flex;gap:.5rem}.radio-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem;border:2px solid rgba(14,42,71,.1);border-radius:8px;font-size:.8125rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;background:#fff}.radio-btn input{display:none}.radio-btn:hover{border-color:#2563eb4d;color:#0e2a47}.radio-btn.active{border-color:#2563eb;background:#2563eb0d;color:#2563eb}.radio-icon{font-size:1rem}.tile-template-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.tile-template-btn{width:100%;aspect-ratio:1;border-radius:4px;border:2px solid rgba(0,0,0,.06);cursor:pointer;transition:all .2s ease;padding:0;outline:none}.tile-template-btn:hover{transform:scale(1.15);z-index:2;box-shadow:0 2px 8px #00000026}.tile-template-btn.active{border-color:#2563eb;transform:scale(1.15);z-index:3;box-shadow:0 0 0 2px #fff,0 0 0 4px #2563eb}.visualizer-preview-panel{display:flex;flex-direction:column;gap:.75rem}.preview-header{display:flex;align-items:center;justify-content:space-between}.preview-title{font-size:.8125rem;font-weight:800;color:#0e2a47;text-transform:uppercase;letter-spacing:1px}.grout-name-badge{padding:.3rem .75rem;border-radius:4px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.room-3d-container{position:relative;width:100%;aspect-ratio:16/10;background:#e8edf3;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0e2a471f;border:1px solid rgba(14,42,71,.08)}.room-brand-tag{position:absolute;top:12px;left:12px;font-size:.75rem;font-weight:900;color:#2563eb;background:#ffffffe6;padding:.25rem .625rem;border-radius:4px;z-index:10;letter-spacing:1px}.room-3d{position:absolute;top:0;right:0;bottom:0;left:0;perspective:800px;overflow:hidden}.room-back-wall{position:absolute;top:5%;left:15%;right:15%;bottom:40%;border:2px solid rgba(0,0,0,.08)}.room-back-wall.plain-wall{background:linear-gradient(180deg,#e8e4e0,#ddd8d4)}.room-back-wall.tiled-surface{overflow:hidden}.room-floor{position:absolute;top:60%;left:5%;right:5%;bottom:2%;transform:perspective(500px) rotateX(35deg);transform-origin:top center}.room-floor.plain-floor{background:linear-gradient(180deg,#c8b898,#b8a880);border:1px solid rgba(0,0,0,.06)}.room-floor.tiled-surface{overflow:hidden}.room-left-wall{position:absolute;top:5%;left:0;width:15%;bottom:40%;background:linear-gradient(90deg,#bbb8b4,#d4d0cc);clip-path:polygon(0 -5%,100% 0%,100% 100%,0 115%);border-right:1px solid rgba(0,0,0,.05)}.room-right-wall{position:absolute;top:5%;right:0;width:15%;bottom:40%;background:linear-gradient(270deg,#bbb8b4,#d4d0cc);clip-path:polygon(0 0%,100% -5%,100% 115%,0 100%);border-left:1px solid rgba(0,0,0,.05)}.room-ceiling-line{position:absolute;top:5%;left:0;right:0;height:2px;background:#00000014}.tile-grid-render{display:grid;width:100%;height:100%;transition:background-color .4s ease}.visualizer-tile{border-radius:1px;transition:background-color .4s ease;min-width:0;min-height:0}.diamond-tile{transform:rotate(45deg) scale(.7)}.preview-disclaimer{font-size:.6875rem;color:#e74c3c;font-style:italic;text-align:center;margin:0}.grout-recommendation-box{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#2563eb0f,#2563eb05);border:1px solid rgba(37,99,235,.12);border-radius:12px;font-size:.8125rem;color:#475569;line-height:1.6}.rec-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}@media (max-width: 900px){.visualizer-main-layout{grid-template-columns:1fr}.visualizer-controls-panel{max-height:none;overflow:visible}.room-3d-container{aspect-ratio:16/11}.grout-color-grid{grid-template-columns:repeat(11,1fr)}.tile-template-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 600px){.visualizer-controls-panel{padding:1.25rem}.controls-panel-title{font-size:1.125rem}.grout-color-grid{grid-template-columns:repeat(8,1fr);gap:3px}.tile-template-grid{grid-template-columns:repeat(6,1fr);gap:3px}.room-3d-container{aspect-ratio:4/3}.grout-recommendation-box{font-size:.75rem;padding:.875rem 1rem}}@media (max-width: 480px){.grout-color-grid{grid-template-columns:repeat(6,1fr)}.room-back-wall{left:10%;right:10%}.room-left-wall,.room-right-wall{width:10%}.room-floor{left:3%;right:3%}}.tools-page{padding-top:64px}.tools-hero{position:relative;padding:4rem 0;background:linear-gradient(135deg,#0e2a47,#1a3d5f);overflow:hidden}.tools-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(37,99,235,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(96,165,250,.1) 0%,transparent 40%);pointer-events:none}.tools-hero-content{position:relative;z-index:1;max-width:700px}.tools-breadcrumb{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.9375rem}.tools-breadcrumb a{color:#ffffffb3;text-decoration:none;transition:color .2s}.tools-breadcrumb a:hover{color:#fff}.tools-breadcrumb span{color:#fff6}.tools-breadcrumb span:last-child{color:#ffffffe6}.tools-hero-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;margin-bottom:1rem}.tools-hero-subtitle{font-size:1.125rem;color:#ffffffbf;line-height:1.7}.tools-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem}.tool-tab{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border:2px solid var(--grey-100);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:left}.tool-tab:hover{border-color:#2563eb4d;box-shadow:0 4px 16px #0e2a4714}.tool-tab-active{border-color:#2563eb;background:linear-gradient(135deg,#2563eb0a,#2563eb05);box-shadow:0 4px 20px #2563eb26}.tool-tab-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--grey-50);border-radius:14px;color:var(--grey-500);flex-shrink:0;transition:all .3s ease}.tool-tab-active .tool-tab-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 12px #2563eb4d}.tool-tab-text{display:flex;flex-direction:column;gap:.125rem}.tool-tab-title{font-size:1rem;font-weight:700;color:#0e2a47}.tool-tab-desc{font-size:.8125rem;color:var(--grey-500)}.tool-panel{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 24px #0e2a470f;border:1px solid var(--grey-100);min-height:500px}.tool-section-title{font-size:1.5rem;font-weight:700;color:#0e2a47;margin-bottom:.5rem}.tool-section-desc{font-size:1rem;color:var(--grey-500);margin-bottom:2rem;line-height:1.6}.tool-form-group{margin-bottom:1.5rem}.tool-form-label{display:block;font-size:.875rem;font-weight:700;color:#0e2a47;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.tool-form-sublabel{font-size:.8125rem;color:var(--grey-400);font-weight:400;text-transform:none;letter-spacing:0;margin-left:.5rem}.option-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.option-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem;background:var(--grey-50);border:2px solid transparent;border-radius:14px;cursor:pointer;transition:all .3s ease;text-align:center;font-size:.875rem;font-weight:600;color:var(--grey-700)}.option-card:hover{border-color:#2563eb4d;background:#2563eb0a}.option-card.selected{border-color:#2563eb;background:#2563eb14;color:#2563eb}.option-card-icon{font-size:2rem;line-height:1}.tool-input{width:100%;padding:.875rem 1.25rem;border:2px solid var(--grey-200);border-radius:12px;font-size:1rem;font-weight:500;color:#0e2a47;background:#fff;transition:all .3s ease;outline:none}.tool-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.tool-input-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tool-input-unit{position:relative}.tool-input-unit .tool-input{padding-right:3.5rem}.tool-input-unit .unit-label{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.875rem;font-weight:600;color:var(--grey-400)}.tool-select{width:100%;padding:.875rem 2.5rem .875rem 1.25rem;border:2px solid var(--grey-200);border-radius:12px;font-size:1rem;font-weight:500;color:#0e2a47;background:#fff;transition:all .3s ease;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.tool-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.tool-result{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#f0f7ff,#e8f0fe);border-radius:18px;border:1px solid rgba(37,99,235,.12);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-result-title{font-size:1.125rem;font-weight:700;color:#0e2a47;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.tool-result-title svg{color:#2563eb}.result-product-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:14px;box-shadow:0 2px 12px #0e2a470f;margin-bottom:1rem;transition:all .3s ease}.result-product-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0e2a471a}.result-product-img{width:80px;height:80px;object-fit:contain;flex-shrink:0;background:var(--grey-50);border-radius:12px;padding:.5rem}.result-product-info h4{font-size:1.125rem;font-weight:700;color:#0e2a47;margin-bottom:.25rem}.result-product-info p{font-size:.875rem;color:var(--grey-500);margin-bottom:.75rem}.result-product-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:700;color:#2563eb;text-decoration:none;transition:gap .3s ease}.result-product-link:hover{gap:.625rem}.calc-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.calc-result-box{text-align:center;padding:1.25rem;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0e2a470f}.calc-result-value{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:#2563eb;line-height:1.2}.calc-result-unit{font-size:.875rem;font-weight:600;color:var(--grey-500);margin-left:.25rem}.calc-result-label{font-size:.8125rem;color:var(--grey-500);margin-top:.25rem}.visualizer-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem}.visualizer-preview{width:100%;aspect-ratio:4/3;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 8px 30px #0e2a471a}.tiles-canvas{width:100%;height:100%;display:grid;gap:4px;padding:4px}.tile-cell{border-radius:2px;transition:background-color .4s ease}.visualizer-controls{display:flex;flex-direction:column;gap:1.5rem}.color-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:.625rem}.color-swatch{width:100%;aspect-ratio:1;border-radius:12px;cursor:pointer;border:3px solid transparent;transition:all .3s ease;box-shadow:0 2px 6px #0000001a}.color-swatch:hover{transform:scale(1.1)}.color-swatch.swatch-active{border-color:#0e2a47;transform:scale(1.1);box-shadow:0 4px 12px #0003}.tile-pattern-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.pattern-btn{padding:.75rem .5rem;background:var(--grey-50);border:2px solid transparent;border-radius:10px;cursor:pointer;font-size:.75rem;font-weight:600;color:var(--grey-600);transition:all .3s ease;text-align:center}.pattern-btn:hover{border-color:#2563eb4d}.pattern-btn.pattern-active{border-color:#2563eb;background:#2563eb14;color:#2563eb}.tile-color-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.tile-color-btn{width:100%;aspect-ratio:1;border-radius:10px;cursor:pointer;border:3px solid transparent;transition:all .3s ease;box-shadow:inset 0 0 0 1px #0000001a}.tile-color-btn:hover{transform:scale(1.05)}.tile-color-btn.tile-color-active{border-color:#0e2a47;transform:scale(1.05)}.grout-info-box{padding:1rem 1.25rem;background:linear-gradient(135deg,#f0f7ff,#e8f0fe);border-radius:12px;border:1px solid rgba(37,99,235,.1)}.grout-info-box p{font-size:.8125rem;color:var(--grey-600);line-height:1.5;margin:0}.grout-info-box strong{color:#0e2a47}.tool-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2563eb4d;width:100%}.tool-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.tool-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 1024px){.visualizer-grid{grid-template-columns:1fr;gap:1.5rem}.calc-results-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.tools-tabs{grid-template-columns:1fr;gap:.75rem}.tool-panel{padding:1.5rem;border-radius:16px}.tool-input-row{grid-template-columns:1fr}.option-cards{grid-template-columns:repeat(3,1fr)}.calc-results-grid{grid-template-columns:1fr 1fr 1fr;gap:.75rem}.result-product-card{flex-direction:column;text-align:center}.color-palette{grid-template-columns:repeat(6,1fr)}}@media (max-width: 480px){.tools-hero{padding:3rem 0}.tools-hero-title{font-size:1.75rem}.tools-hero-subtitle{font-size:.9375rem}.tool-panel{padding:1.25rem}.tool-section-title{font-size:1.25rem}.option-cards{grid-template-columns:repeat(2,1fr);gap:.625rem}.calc-results-grid{grid-template-columns:1fr}.calc-result-value{font-size:1.5rem}.color-palette{grid-template-columns:repeat(5,1fr)}.tile-pattern-options{grid-template-columns:repeat(2,1fr)}}:root{--primary-blue: #0E2A47;--primary-blue-dark: #071829;--primary-blue-light: #1a3d5f;--accent-blue: #2563eb;--accent-blue-light: #3b82f6;--grey-50: #f9fafb;--grey-100: #f3f4f6;--grey-200: #e5e7eb;--grey-300: #d1d5db;--grey-400: #9ca3af;--grey-500: #6b7280;--grey-600: #4b5563;--grey-700: #374151;--grey-800: #1f2937;--grey-900: #111827;--white: #ffffff;--black: #000000;--gradient-primary: linear-gradient(135deg, #0E2A47 0%, #1a3d5f 100%);--gradient-overlay: linear-gradient(135deg, rgba(14, 42, 71, .95) 0%, rgba(26, 61, 95, .85) 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Poppins", "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--container-max: 1280px;--container-padding: 2rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*{box-sizing:border-box}html{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0;background:#fff}body{width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;position:relative;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-primary);font-size:16px;line-height:1.6;color:var(--grey-800);background:#fff;display:block}#root{width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;background:#fff}.App{width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;background:#fff;position:relative}main{width:100%;max-width:100%;overflow-x:hidden;background:#fff;margin:0;padding:0}section{width:100%;max-width:100%;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--primary-blue);margin-bottom:var(--spacing-md)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600}h4{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600}p{margin-bottom:var(--spacing-md);color:var(--grey-600);font-size:1.0625rem;line-height:1.7}a{text-decoration:none;color:inherit;transition:all var(--transition-base)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);box-sizing:border-box}@media (max-width: 768px){.container{padding:0 1rem;max-width:100%}}@media (max-width: 480px){.container{padding:0 .75rem;max-width:100%}}.section{padding:var(--spacing-3xl) 0}.section-dark{background-color:var(--primary-blue);color:var(--white)}.section-light{background-color:var(--grey-50)}.section-white{background-color:var(--white)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:1rem 2rem;font-family:var(--font-heading);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.btn-primary{background:var(--accent-blue);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--accent-blue-light);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-secondary{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-secondary:hover{background:var(--white);color:var(--primary-blue);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-outline:hover{background:var(--primary-blue);color:var(--white);transform:translateY(-2px)}.card{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);height:100%;display:flex;flex-direction:column}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.card-image{width:100%;height:250px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.card-title{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:var(--spacing-sm)}.card-description{color:var(--grey-600);margin-bottom:var(--spacing-md);flex-grow:1}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-in-right{animation:slideInRight .8s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{animation:scaleIn .6s cubic-bezier(.16,1,.3,1) forwards}.animate-bounce-in{animation:bounceIn .8s cubic-bezier(.16,1,.3,1) forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.text-center{text-align:center}.text-white{color:var(--white)!important}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translate(-30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.scroll-reveal-left.revealed{opacity:1;transform:translate(0)}.scroll-reveal-right{opacity:0;transform:translate(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.scroll-reveal-right.revealed{opacity:1;transform:translate(0)}@media (max-width: 1200px){:root{--container-padding: 1.5rem}}@media (max-width: 968px){:root{--spacing-3xl: 4rem;--spacing-2xl: 3rem}.section{padding:var(--spacing-2xl) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){:root{--container-padding: 1.25rem;--spacing-3xl: 3rem;--spacing-2xl: 2.5rem}.section{padding:var(--spacing-2xl) 0}.btn{padding:.875rem 1.5rem;font-size:.9375rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:var(--spacing-lg)}}@media (max-width: 480px){:root{--container-padding: 1rem;--spacing-3xl: 2.5rem;--spacing-2xl: 2rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}p{font-size:.9375rem}.btn{width:100%;padding:1rem 1.5rem}.card{padding:1.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}