:root{--red: #a82428;--red-dark: #8c1d21;--red-light: #FDECEA;--black: #111111;--dark-grey: #444444;--mid-grey: #888888;--light-grey: #F4F4F4;--border: #E0E0E0;--white: #FFFFFF;--font: 'Inter', sans-serif;--radius: 8px;--radius-lg: 14px;--shadow-sm: 0 2px 8px rgba(0,0,0,0.07);--shadow-md: 0 6px 24px rgba(0,0,0,0.10);--transition: 0.25s ease;--max-w: 1200px;--section-py: 90px}html{font-size: 20px}*, *::before, *::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth}body{font-family: var(--font);color: var(--black);background: var(--white);line-height: 1.7;-webkit-font-smoothing: antialiased}img{max-width: 100%;display: block}a{color: inherit;text-decoration: none}ul{list-style: none}button{cursor: pointer;border: none;background: none;font-family: var(--font)}.container{max-width: var(--max-w);margin: 0 auto;padding: 0 24px}.section{padding: var(--section-py) 0}.section--grey{background: var(--light-grey)}.tag{display: inline-block;font-size: 14px;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--red);background: var(--red-light);padding: 4px 12px;border-radius: 100px;margin-bottom: 16px}.section-label{text-align: center}.section-title{font-size: 40px;font-weight: 700;line-height: 1.2;color: var(--black);margin-bottom: 16px}.section-sub{font-size: 19px;color: var(--dark-grey);max-width: 580px;margin: 0 auto 56px}.section-label .section-sub{text-align: center}.btn{display: inline-flex;align-items: center;gap: 8px;font-size: 17px;font-weight: 600;padding: 15px 32px;border-radius: var(--radius);transition: all var(--transition);white-space: nowrap}.btn-primary{background: var(--red);color: var(--white)}.btn-primary:hover{background: var(--red-dark);transform: translateY(-1px);box-shadow: 0 4px 16px rgba(168,36,40,0.30)}.btn-secondary{background: transparent;color: var(--black);border: 2px solid var(--border)}.btn-secondary:hover{border-color: var(--red);color: var(--red)}.btn-outline-white{background: transparent;color: var(--white);border: 2px solid rgba(255,255,255,0.5)}.btn-outline-white:hover{border-color: var(--white);background: rgba(255,255,255,0.1)}.header{position: fixed;top: 0;left: 0;right: 0;z-index: 1000;background: var(--white);border-bottom: 1px solid var(--border);transition: box-shadow var(--transition)}.header.scrolled{box-shadow: var(--shadow-md)}.header__inner{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;height: 70px}.header__logo{display: flex;align-items: center;gap: 10px;font-size: 26px;font-weight: 800;color: var(--red);flex-shrink: 0;letter-spacing: -0.5px}.header__logo span{color: var(--black);font-weight: 400;font-size: 11px;vertical-align: super}.header__logo-img{display: block;height: 44px;width: auto;position: relative;top: -6px}.header__logo-text{display: none}@media (max-width: 768px){.header__logo-img{display: none}.header__logo-text{display: inline}}.header__nav{display: flex;align-items: center;gap: 4px;justify-content: center}.header__nav a{font-size: 16px;font-weight: 500;color: var(--black);padding: 6px 12px;border-radius: 6px;transition: all var(--transition)}.header__nav a:hover, .header__nav a.active{color: var(--red);background: var(--red-light)}.header__right{display: flex;align-items: center;gap: 16px;justify-content: flex-end}.header__contact{font-size: 15px;color: var(--mid-grey);display: flex;align-items: center;gap: 6px}.header__contact svg{color: var(--red)}.hamburger{display: none;flex-direction: column;gap: 5px;width: 28px;padding: 2px}.hamburger span{display: block;height: 2px;background: var(--black);border-radius: 2px;transition: all var(--transition)}.hamburger.open span:nth-child(1){transform: translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity: 0}.hamburger.open span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame{display: none !important}body{top: 0 !important}#gt-container{display: none}.lang-switcher{position: relative}.lang-btn{display: flex;align-items: center;gap: 5px;background: none;border: 1px solid var(--border);border-radius: 6px;padding: 5px 8px;cursor: pointer;color: var(--black);font-size: 13px;font-weight: 600;font-family: var(--font);transition: border-color var(--transition), background var(--transition);white-space: nowrap}.lang-btn:hover{border-color: var(--mid-grey);background: var(--light-grey)}.lang-chevron{transition: transform var(--transition)}.lang-switcher.open .lang-chevron{transform: rotate(180deg)}.lang-dropdown{display: none;position: absolute;top: calc(100% + 6px);right: 0;background: var(--white);border: 1px solid var(--border);border-radius: 8px;box-shadow: var(--shadow-md);min-width: 160px;z-index: 2000;padding: 4px 0;overflow: hidden}.lang-switcher.open .lang-dropdown{display: block}.lang-option{display: block;width: 100%;text-align: left;padding: 8px 14px;background: none;border: none;cursor: pointer;font-size: 13px;font-family: var(--font);color: var(--dark-grey);transition: background var(--transition), color var(--transition)}.lang-option:hover{background: var(--light-grey);color: var(--black)}.lang-option--active{color: var(--red);font-weight: 600}.mobile-nav{display: none;flex-direction: column;background: var(--white);border-top: 1px solid var(--border);padding: 16px 24px 24px}.mobile-nav.open{display: flex}.mobile-nav a{font-size: 17px;font-weight: 500;color: var(--dark-grey);padding: 10px 0;border-bottom: 1px solid var(--border);transition: color var(--transition)}.mobile-nav a:last-of-type{border-bottom: none}.mobile-nav a:hover{color: var(--red)}.mobile-nav .btn{margin-top: 16px;justify-content: center}.nav-item{position: relative;display: inline-flex;align-items: center}.nav-item > a{display: flex;align-items: center;gap: 5px}.nav-chevron{flex-shrink: 0;transition: transform var(--transition)}.nav-item:hover > a .nav-chevron, .nav-item:focus-within > a .nav-chevron{transform: rotate(180deg)}.mega-menu{display: none;position: absolute;top: calc(100% + 1px);left: 50%;transform: translateX(-50%);background: var(--white);border: 1px solid var(--border);border-top: 3px solid var(--red);box-shadow: 0 8px 32px rgba(0,0,0,0.12);padding: 24px 28px;grid-template-columns: repeat(5, auto);gap: 0 32px;white-space: nowrap;z-index: 1100}.nav-item:hover .mega-menu, .nav-item:focus-within .mega-menu{display: grid}.nav-dropdown{display: none;position: absolute;top: calc(100% + 1px);left: 50%;transform: translateX(-50%);background: var(--white);border: 1px solid var(--border);border-top: 3px solid var(--red);box-shadow: 0 8px 32px rgba(0,0,0,0.12);padding: 12px 0;min-width: 200px;white-space: nowrap;z-index: 1100;flex-direction: column}.nav-dropdown a{display: block;font-size: 14px;font-weight: 400;color: var(--black);padding: 8px 20px;text-decoration: none;background: none;transition: color var(--transition)}.nav-dropdown a:hover{color: var(--red);background: var(--red-light)}.nav-item:hover .nav-dropdown, .nav-item:focus-within .nav-dropdown, .nav-item.has-drop.open .nav-dropdown{display: flex}.mega-col h4{font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--mid-grey);margin: 0 0 8px;padding-bottom: 8px;border-bottom: 1px solid var(--border)}.mega-col a{display: block;font-size: 14px;font-weight: 400;color: var(--black);padding: 5px 0;text-decoration: none;background: none;transition: color var(--transition)}.mega-col a:hover{color: var(--red);background: none}.nav-search{display: flex;align-items: center;background: var(--light-grey);border: 1px solid var(--border);border-radius: 20px;padding: 0 10px 0 14px;height: 34px;gap: 4px;margin-left: 8px;position: relative}.nav-search__input{border: none;background: none;font-family: var(--font);font-size: 13px;color: var(--black);width: 130px;outline: none}.nav-search__input::placeholder{color: var(--mid-grey)}.nav-search__btn{display: flex;align-items: center;color: var(--mid-grey);transition: color var(--transition)}.nav-search__btn:hover{color: var(--red)}.nav-search__results{position: absolute;top: calc(100% + 6px);left: 0;width: 340px;background: var(--white);border: 1px solid var(--border);border-radius: 10px;box-shadow: 0 12px 32px rgba(0,0,0,0.13);list-style: none;margin: 0;padding: 6px 0;z-index: 9999}.nav-search__results li + li{border-top: 1px solid var(--border)}.nav-search__results li a{display: flex;align-items: center;gap: 10px;padding: 10px 14px;text-decoration: none;transition: background var(--transition)}.nav-search__results li a:hover{background: var(--light-grey)}.nsr-icon{flex-shrink: 0;width: 30px;height: 30px;border-radius: 6px;background: var(--red-light);display: flex;align-items: center;justify-content: center}.nsr-icon svg{width: 14px;height: 14px}.nsr-body{display: flex;flex-direction: column;min-width: 0;flex: 1}.nsr-name{font-size: 13px;color: var(--black);font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.nsr-meta{display: flex;align-items: center;gap: 5px;margin-top: 2px;flex-wrap: wrap}.nsr-brand{font-size: 11px;color: var(--red);font-weight: 500}.nsr-cat{font-size: 11px;color: var(--mid-grey)}.nsr-sku{font-size: 10px;color: var(--mid-grey);background: var(--light-grey);border-radius: 3px;padding: 1px 5px;font-family: monospace;letter-spacing: 0.02em}.nsr-dot{font-size: 10px;color: var(--border)}.nsr-arrow{flex-shrink: 0;color: var(--border)}.nsr-empty{padding: 12px 14px;font-size: 13px;color: var(--mid-grey);pointer-events: none}.mob-group{border-bottom: 1px solid var(--border)}.mob-group-trigger{display: flex;align-items: center;justify-content: space-between;width: 100%;background: none;border: none;padding: 10px 0;cursor: pointer;font-size: 17px;font-weight: 500;color: var(--dark-grey);font-family: inherit;transition: color var(--transition)}.mob-group-trigger:hover{color: var(--red)}.mob-chevron{flex-shrink: 0;transition: transform var(--transition)}.mob-group.open .mob-chevron{transform: rotate(180deg)}.mob-group-links{display: none;padding: 4px 0 14px}.mob-group.open .mob-group-links{display: block}.mob-group-links h5{font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;color: var(--mid-grey);margin: 12px 0 2px;padding-bottom: 4px;border-bottom: 1px solid var(--border)}.mob-group-links h5:first-child{margin-top: 2px}.mob-group-links a{display: block;font-size: 15px;color: var(--dark-grey);padding: 6px 0 6px 12px;border-bottom: none !important;text-decoration: none;transition: color var(--transition)}.mob-group-links a:hover{color: var(--red)}.hero{padding: 150px 0 90px;background: var(--light-grey);position: relative;overflow: hidden}.hero::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--white);clip-path: polygon(0 0, 56% 0, 44% 100%, 0 100%);z-index: 0}.hero .container{position: relative;z-index: 1}.hero__inner{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center}.hero__content{max-width: 560px}.hero__eyebrow{display: inline-flex;align-items: center;gap: 8px;font-size: 15px;font-weight: 600;color: var(--red);text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: 20px}.hero__eyebrow::before{content: '';display: block;width: 24px;height: 2px;background: var(--red)}.hero h1{font-size: clamp(36px, 4.5vw, 54px);font-weight: 800;line-height: 1.1;color: var(--black);margin-bottom: 24px;letter-spacing: -1px}.hero h1 em{color: var(--red);font-style: normal}.hero__sub{font-size: 20px;color: var(--dark-grey);line-height: 1.7;margin-bottom: 36px}.hero__ctas{display: flex;gap: 16px;flex-wrap: wrap}.hero__stats{display: flex;gap: 32px;margin-top: 48px;padding-top: 40px;border-top: 1px solid var(--border)}.hero__stat-num{font-size: 36px;font-weight: 800;color: var(--black);line-height: 1}.hero__stat-num span{color: var(--red)}.hero__stat-label{font-size: 15px;color: var(--mid-grey);margin-top: 4px}.hero__visual{display: flex;flex-direction: column;gap: 16px}.hero__card{background: var(--white);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 20px 24px;box-shadow: var(--shadow-sm);display: flex;align-items: center;gap: 16px;transition: transform var(--transition), box-shadow var(--transition)}.hero__card:hover{transform: translateX(6px);box-shadow: var(--shadow-md)}.hero__card-icon{width: 44px;height: 44px;border-radius: 10px;background: var(--red-light);display: flex;align-items: center;justify-content: center;flex-shrink: 0}.hero__card-icon svg{color: var(--red)}.hero__card-title{font-size: 18px;font-weight: 600;color: var(--black)}.hero__card-sub{font-size: 16px;color: var(--mid-grey);margin-top: 2px}#why{position: relative;overflow: hidden}#why::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--white);clip-path: polygon(0 0, 44% 0, 32% 100%, 0 100%);z-index: 0}#why .container{position: relative;z-index: 1}.features-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;margin-top: 0}.feature-item{display: flex;flex-direction: column;background: var(--white);border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;transition: box-shadow var(--transition), transform var(--transition)}.feature-item:hover{box-shadow: var(--shadow-md);transform: translateY(-3px)}.feature-item__top{height: 130px;background: var(--light-grey);display: flex;align-items: center;justify-content: center}.feature-item__body{padding: 20px 22px 24px}.feature-icon{width: 52px;height: 52px;border-radius: 12px;background: var(--red-light);display: flex;align-items: center;justify-content: center}.feature-icon svg{color: var(--red);width: 24px;height: 24px}.feature-title{font-size: 20px;font-weight: 700;color: var(--black);margin-bottom: 6px}.feature-desc{font-size: 16px;color: var(--dark-grey);line-height: 1.6}#products{position: relative;overflow: hidden}#products::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--light-grey);clip-path: polygon(0 0, 32% 0, 20% 100%, 0 100%);z-index: 0}#products .container{position: relative;z-index: 1}.products-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px}.product-card{background: var(--white);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 28px;transition: all var(--transition);position: relative;overflow: hidden}.product-card::before{content: '';position: absolute;top: 0;left: 0;width: 4px;height: 100%;background: var(--red);transform: scaleY(0);transform-origin: top;transition: transform var(--transition)}.product-card:hover{box-shadow: var(--shadow-md);transform: translateY(-3px)}.product-card:hover::before{transform: scaleY(1)}.product-card__icon{width: 52px;height: 52px;border-radius: 12px;background: var(--red-light);display: flex;align-items: center;justify-content: center;margin-bottom: 18px}.product-card__icon svg{color: var(--red);width: 26px;height: 26px}.product-card h3{font-size: 22px;font-weight: 700;color: var(--black);margin-bottom: 8px}.product-card p{font-size: 16px;color: var(--dark-grey);line-height: 1.6;margin-bottom: 16px}.product-card__tags{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 20px}.product-card__tag{font-size: 13px;font-weight: 500;color: var(--dark-grey);background: var(--light-grey);padding: 3px 10px;border-radius: 100px;border: 1px solid var(--border)}.product-card__link{display: inline-flex;align-items: center;gap: 6px;font-size: 16px;font-weight: 600;color: var(--red);transition: gap var(--transition)}.product-card__link:hover{gap: 10px}#applications{position: relative;overflow: hidden}#applications::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--white);clip-path: polygon(0 0, 20% 0, 8% 100%, 0 100%);z-index: 0}#applications .container{position: relative;z-index: 1}.apps-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px}.app-card{background: var(--white);border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--border);transition: all var(--transition)}.app-card:hover{box-shadow: var(--shadow-md);transform: translateY(-3px)}.app-card__img{height: 160px;background: var(--light-grey);display: flex;align-items: center;justify-content: center;position: relative}.app-card__img-placeholder{width: 64px;height: 64px;background: var(--border);border-radius: 50%;display: flex;align-items: center;justify-content: center}.app-card__img-placeholder svg{color: var(--mid-grey);width: 28px;height: 28px}.app-card__label{position: absolute;top: 12px;left: 12px;font-size: 13px;font-weight: 600;color: var(--white);background: var(--red);padding: 3px 10px;border-radius: 100px}.app-card__body{padding: 20px}.app-card h3{font-size: 20px;font-weight: 700;color: var(--black);margin-bottom: 6px}.app-card p{font-size: 16px;color: var(--dark-grey);line-height: 1.6}#testimonials{position: relative;overflow: hidden}#testimonials::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--light-grey);clip-path: polygon(0 0, 8% 0, 0% 100%, 0 100%);z-index: 0}#testimonials .container{position: relative;z-index: 1}.testimonials-header{display: flex;align-items: center;gap: 16px;margin-bottom: 40px;flex-wrap: wrap}.rating-badge{display: flex;align-items: center;gap: 8px;background: var(--white);border: 1px solid var(--border);border-radius: var(--radius);padding: 8px 16px;box-shadow: var(--shadow-sm)}.rating-badge__stars{color: #F59E0B;font-size: 19px;letter-spacing: 2px}.rating-badge__num{font-size: 19px;font-weight: 700;color: var(--black)}.rating-badge__label{font-size: 14px;color: var(--mid-grey)}.testimonials-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px}.testimonial-card{background: var(--white);border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 28px;box-shadow: var(--shadow-sm);transition: box-shadow var(--transition);display: flex;flex-direction: column;gap: 16px}.testimonial-card:hover{box-shadow: var(--shadow-md)}.testimonial-card__stars{color: #F59E0B;font-size: 17px;letter-spacing: 2px}.testimonial-card__quote{font-size: 17px;color: var(--dark-grey);line-height: 1.7;font-style: italic;flex: 1}.testimonial-card__quote::before{content: '\201C';color: var(--red);font-size: 24px;font-style: normal}.testimonial-card__author{display: flex;align-items: center;gap: 12px}.testimonial-card__avatar{width: 44px;height: 44px;border-radius: 50%;background: var(--light-grey);display: flex;align-items: center;justify-content: center;font-size: 17px;font-weight: 700;color: var(--red);flex-shrink: 0}.testimonial-card__name{font-size: 16px;font-weight: 600;color: var(--black)}.testimonial-card__company{font-size: 14px;color: var(--mid-grey)}.faq-list{max-width: 760px;margin: 0 auto}.faq-item{border-bottom: 1px solid var(--border)}.faq-item:first-child{border-top: 1px solid var(--border)}.faq-question{display: flex;align-items: center;justify-content: space-between;padding: 22px 0;cursor: pointer;text-align: left;font-size: 19px;font-weight: 600;color: var(--black);transition: color var(--transition);gap: 16px}.faq-question:hover{color: var(--red)}.faq-icon{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.faq-icon svg{width: 14px;height: 14px;color: var(--dark-grey);transition: transform var(--transition), color var(--transition)}.faq-item.open .faq-icon svg{color: var(--red);transform: rotate(180deg)}.faq-answer{font-size: 17px;color: var(--dark-grey);line-height: 1.7;overflow: hidden;max-height: 0;transition: max-height 0.35s ease, padding 0.35s ease;padding: 0}.faq-item.open .faq-answer{max-height: 400px;padding-bottom: 20px}.cta-banner{background: var(--black);padding: 80px 0;text-align: center;position: relative;overflow: hidden}.cta-banner::before{content: '';position: absolute;inset: 0;background: radial-gradient(ellipse at 60% 50%, rgba(168,36,40,0.25) 0%, transparent 65%);pointer-events: none}.cta-banner .container{position: relative;z-index: 1}.cta-banner h2{font-size: 35px;font-weight: 800;color: var(--white);margin-bottom: 16px;letter-spacing: -0.5px;white-space: nowrap}.cta-banner p{font-size: 20px;color: rgba(255,255,255,0.65);margin-bottom: 36px;max-width: 520px;margin-left: auto;margin-right: auto}.cta-banner__btns{display: flex;gap: 16px;justify-content: center;flex-wrap: wrap}.footer{background: var(--light-grey);border-top: 1px solid var(--border);padding: 64px 0 0}.footer__grid{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 48px}.footer__brand .footer__logo{font-size: 24px;font-weight: 800;color: var(--red);letter-spacing: -0.5px;margin-bottom: 14px}.footer__brand .footer__logo span{color: var(--black);font-weight: 400;font-size: 10px;vertical-align: super}.footer__brand .footer__logo-img{height: 40px;width: auto;display: block;margin-bottom: 14px;mix-blend-mode: multiply}.footer__tagline{font-size: 16px;color: var(--dark-grey);line-height: 1.6;margin-bottom: 20px}.footer__office-name{font-size: 15px;font-weight: 700;color: var(--black);margin-bottom: 10px}.footer__contact-item{display: flex;align-items: flex-start;gap: 8px;font-size: 15px;color: var(--dark-grey);margin-bottom: 8px}.footer__contact-item svg{color: var(--red);flex-shrink: 0;margin-top: 2px}.footer__social{display: flex;gap: 10px;margin-top: 20px}.footer__social a{width: 36px;height: 36px;border-radius: 8px;background: var(--white);border: 1px solid var(--border);display: flex;align-items: center;justify-content: center;color: var(--dark-grey);transition: all var(--transition)}.footer__social a:hover{background: var(--red);border-color: var(--red);color: var(--white)}.footer__col h4{font-size: 15px;font-weight: 700;color: var(--black);text-transform: uppercase;letter-spacing: 0.06em;margin-bottom: 16px}.footer__col a{display: block;font-size: 16px;color: var(--dark-grey);padding: 5px 0;transition: color var(--transition)}.footer__col a:hover{color: var(--red)}.footer__bottom{margin-top: 48px;border-top: 1px solid var(--border);padding: 20px 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 12px}.footer__copy{font-size: 15px;color: var(--mid-grey)}.footer__legal{display: flex;gap: 20px}.footer__legal a{font-size: 15px;color: var(--mid-grey);transition: color var(--transition)}.footer__legal a:hover{color: var(--red)}@media (max-width: 1024px){.features-grid{grid-template-columns: repeat(2, 1fr)}.products-grid{grid-template-columns: repeat(2, 1fr)}.testimonials-grid{grid-template-columns: repeat(2, 1fr)}.footer__grid{grid-template-columns: 1fr 1fr;gap: 32px}}@media (max-width: 768px){:root{--section-py: 60px}.header__nav, .header__contact{display: none}.hamburger{display: flex}.hero{padding: 120px 0 60px}.hero::before, #why::before, #products::before, #applications::before, #testimonials::before{display: none}.hero__inner{grid-template-columns: 1fr;gap: 40px}.hero h1{font-size: clamp(30px, 6vw, 42px)}.hero__visual{display: none}.hero__stats{gap: 24px}.features-grid{grid-template-columns: 1fr 1fr;gap: 12px}.products-grid{grid-template-columns: 1fr}.apps-grid{grid-template-columns: 1fr}.testimonials-grid{grid-template-columns: 1fr}.footer__grid{grid-template-columns: 1fr;gap: 28px}.footer__bottom{flex-direction: column;text-align: center}}@media (max-width: 480px){.features-grid{grid-template-columns: 1fr}.hero__ctas{flex-direction: column}.hero__stats{flex-direction: column;gap: 16px}.cta-banner__btns{flex-direction: column;align-items: center}}.reveal{opacity: 0;transform: translateY(24px);transition: opacity 0.55s ease, transform 0.55s ease}.reveal.visible{opacity: 1;transform: translateY(0)}.cart-btn{position: relative;display: flex;align-items: center;gap: 6px;font-size: 15px;font-weight: 600;color: var(--dark-grey);padding: 6px 12px;border-radius: 6px;transition: all var(--transition);cursor: pointer;background: none;border: none;font-family: var(--font)}.cart-btn:hover{color: var(--red);background: var(--red-light)}@media (max-width: 768px){.cart-btn__label{display: none}}.cart-badge{position: absolute;top: 1px;right: 1px;background: var(--red);color: #fff;font-size: 10px;font-weight: 700;border-radius: 50%;min-width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;padding: 0 3px;opacity: 0;transform: scale(0);transition: opacity 0.2s ease, transform 0.2s ease;pointer-events: none}.cart-badge.visible{opacity: 1;transform: scale(1)}.cart-overlay{position: fixed;inset: 0;background: rgba(0,0,0,0.45);z-index: 1999;opacity: 0;visibility: hidden;transition: opacity 0.25s ease, visibility 0.25s ease}.cart-overlay.open{opacity: 1;visibility: visible}.cart-drawer{position: fixed;top: 0;right: 0;bottom: 0;width: 480px;max-width: 95vw;background: var(--white);box-shadow: -4px 0 40px rgba(0,0,0,0.12);z-index: 2000;display: flex;flex-direction: column;transform: translateX(100%);transition: transform 0.3s cubic-bezier(0.4,0,0.2,1)}.cart-drawer.open{transform: translateX(0)}.cart-drawer__head{display: flex;align-items: center;justify-content: space-between;padding: 20px 24px;border-bottom: 1px solid var(--border);flex-shrink: 0}.cart-drawer__title{font-size: 22px;font-weight: 700;color: var(--black)}.cart-drawer__count{font-size: 15px;color: var(--mid-grey);margin-left: 6px}.cart-close-btn{width: 32px;height: 32px;border-radius: 6px;display: flex;align-items: center;justify-content: center;color: var(--dark-grey);cursor: pointer;transition: all var(--transition);background: none;border: none}.cart-close-btn:hover{background: var(--light-grey);color: var(--black)}.cart-items{flex: 1;overflow-y: auto;padding: 0 24px}.cart-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;height: 240px;text-align: center}.cart-empty svg{color: var(--border)}.cart-empty p{font-size: 18px;color: var(--mid-grey)}.cart-item{display: grid;grid-template-columns: 1fr auto;align-items: start;gap: 12px;padding: 16px 0;border-bottom: 1px solid var(--border)}.cart-item:last-child{border-bottom: none}.cart-item__name{font-size: 17px;font-weight: 700;color: var(--black);margin-bottom: 4px}.cart-item__meta{font-size: 16px;color: var(--black);margin-bottom: 10px}.cart-qty{display: flex;align-items: center;gap: 8px}.cart-qty__btn{width: 32px;height: 32px;border-radius: 4px;border: 1px solid var(--border);display: flex;align-items: center;justify-content: center;font-size: 19px;color: var(--dark-grey);cursor: pointer;transition: all var(--transition);background: none;font-family: var(--font);line-height: 1}.cart-qty__btn:hover{border-color: var(--red);color: var(--red)}.cart-qty__val{font-size: 17px;font-weight: 600;min-width: 24px;text-align: center}.cart-item__right{text-align: right}.cart-item__price{font-size: 18px;font-weight: 700;color: var(--black)}.cart-item__remove{font-size: 14px;color: var(--mid-grey);text-decoration: underline;cursor: pointer;margin-top: 4px;display: block;background: none;border: none;font-family: var(--font);padding: 0}.cart-item__remove:hover{color: var(--red)}.cart-footer{flex-shrink: 0;border-top: 1px solid var(--border);padding: 20px 24px}.cart-totals{margin-bottom: 16px}.cart-nudge{font-size: 15px;font-weight: 600;color: var(--red);background: var(--red-light);border-radius: var(--radius);padding: 11px 14px;margin-bottom: 14px;line-height: 1.45}.cart-nudge--ok{color: #1a7a3c;background: #e8f6ec}.cart-line{display: flex;justify-content: space-between;align-items: center;font-size: 16px;color: var(--dark-grey);padding: 5px 0}.cart-line--total{font-size: 20px;font-weight: 700;color: var(--black);padding-top: 12px;margin-top: 8px;border-top: 1px solid var(--border)}.cart-freight{border-top: 1px solid var(--border);padding-top: 14px;margin-bottom: 16px}.cart-freight__label{display: block;font-size: 15px;font-weight: 700;color: var(--black);margin-bottom: 8px}.cart-freight__label span{font-weight: 400;color: var(--mid-grey)}.cart-freight__row{display: flex;gap: 8px}.cart-freight__carrier, .cart-freight__acct{font-family: var(--font);font-size: 16px;color: var(--black);border: 1px solid var(--border);border-radius: var(--radius);padding: 11px 12px;background: var(--white)}.cart-freight__carrier{flex: 0 0 112px}.cart-freight__acct{flex: 1 1 auto;min-width: 0}.cart-freight__carrier:focus, .cart-freight__acct:focus{outline: none;border-color: var(--red)}.cart-freight__hint{font-size: 16px;color: var(--black);margin: 6px 0 0;line-height: 1.4}.cart-checkout-btn{width: 100%;padding: 16px;border-radius: var(--radius);background: var(--red);color: #fff;font-size: 17px;font-weight: 700;display: flex;align-items: center;justify-content: center;gap: 8px;cursor: pointer;border: none;font-family: var(--font);transition: all var(--transition)}.cart-checkout-btn:hover{background: var(--red-dark)}.cart-checkout-btn:disabled{opacity: 0.45;cursor: not-allowed}.cart-checkout-btn:disabled:hover{background: var(--red)}.cart-footer__note{font-size: 13px;color: var(--mid-grey);text-align: center;margin-top: 12px}.product-table-section{padding: 72px 0}.product-table-section .container{max-width: 100%;padding: 0 60px}.region-bar{display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;gap: 12px;margin-bottom: 20px}.region-toggle{display: flex;gap: 4px;background: var(--white);border: 1px solid var(--border);border-radius: 8px;padding: 4px}.region-btn{font-size: 12px;font-weight: 600;color: var(--dark-grey);padding: 6px 14px;border-radius: 6px;cursor: pointer;transition: all var(--transition);background: none;border: none;font-family: var(--font);display: flex;flex-direction: column;align-items: center;gap: 2px}.region-btn__note{font-size: 10px;font-weight: 400;opacity: 0.65;line-height: 1;white-space: nowrap}.region-btn.active{background: var(--black);color: #fff}.region-btn.active .region-btn__note{opacity: 0.8}.prod-table-wrap{overflow-x: auto;border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm)}.prod-table{width: 100%;border-collapse: collapse;font-size: 14px}.prod-table thead th{background: #a82428;color: #fff;font-size: 12px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.07em;padding: 7px 10px;text-align: left;white-space: nowrap;border-right: 1px solid rgba(255,255,255,0.35)}.prod-table thead th:last-child{border-right: none}.prod-table thead tr:nth-child(2) th{background: #a82428;color: #fff;border-top: 1px solid rgba(255,255,255,0.35)}.prod-table tbody tr:nth-child(even) td{background: #fafafa}.prod-table tbody tr:hover td{background: var(--red-light);transition: background 0.15s}.prod-table tbody tr:hover .pt-name{color: var(--black)}.prod-table td{padding: 6px 8px;vertical-align: top;border: 1px solid var(--border);font-size: 16px;font-weight: 500}.prod-table tbody tr + tr td{border-top: 8px solid var(--light-grey)}.pt-desc{text-align: justify;width: 30%;font-weight: 500;line-height: 1.7;padding: 12px 14px}.pt-series{font-size: 16px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: var(--black);margin-bottom: 2px;white-space: nowrap}.pt-name{font-size: 16px;font-weight: 500;color: var(--red);transition: color var(--transition)}.pt-color{display: flex;align-items: center;gap: 4px;font-size: 12px;color: var(--black);margin-top: 3px}.pt-dot{display: none}.pt-dot--clear{background: #daeeff}.pt-dot--black{background: #222;border-color: #555}.pt-dot--red{background: #a82428;border-color: #a01820}.pt-dot--blue{background: #3b82f6;border-color: #2563eb}.pt-dot--white{background: #fff;border-color: #aaa}.pt-bonds{display: grid;grid-template-columns: repeat(3, 1fr);gap: 3px;min-width: 150px}.pt-bond{background: var(--light-grey);border-radius: 4px;padding: 4px 5px;text-align: center}.pt-bond__lbl{font-size: 9px;text-transform: uppercase;color: var(--black);letter-spacing: 0.04em}.pt-bond__val{font-size: 12px;font-weight: 500;color: var(--black);line-height: 1.3}.pt-hi{padding: 0;margin: 0}.pt-order .pt-hi{margin-bottom: 8px}.pt-hi li{font-size: 16px;color: var(--black);line-height: 1.7;padding-left: 18px;position: relative}.pt-hi li::before{content: '✓';position: absolute;left: 0;color: var(--red);font-weight: 500}.pt-order{white-space: nowrap;min-width: 340px !important}.pt-select{width: 100%;padding: 5px 24px 5px 8px;border: 1px solid var(--border);border-radius: 4px;font-family: var(--font);font-size: 14px;color: var(--black);background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 8px center;appearance: none;cursor: pointer;margin-bottom: 4px;field-sizing: content}.pt-select:focus{outline: none;border-color: var(--red)}.pt-atc{width: 100%;padding: 6px 8px;border-radius: 4px;background: #808080;color: #fff;font-size: 14px;font-weight: 600;font-family: var(--font);display: flex;align-items: center;justify-content: center;gap: 5px;cursor: pointer;border: 2px solid #808080;transition: all var(--transition)}.pt-atc:hover{background: #555;border-color: #555;color: #fff}.pt-atc.added{background: #16a34a;border-color: #16a34a}.pt-quote{width: 100%;padding: 6px 8px;border-radius: 4px;background: #808080;color: #fff;font-size: 14px;font-weight: 600;font-family: var(--font);display: flex;align-items: center;justify-content: center;gap: 5px;cursor: pointer;border: 2px solid #808080;transition: all var(--transition)}.pt-quote:hover{background: #555;border-color: #555;color: #fff}.tds-related{margin: 8px 0 30px}.tds-related__title{font-size: 15px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;color: var(--dark-grey);margin-bottom: 14px}.tds-related__grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 16px}.tds-related__card{display: flex;flex-direction: column;text-decoration: none;color: var(--black);border: 1px solid var(--border);border-radius: 6px;overflow: hidden;transition: border-color 0.2s, box-shadow 0.2s}.tds-related__card:hover{border-color: var(--red);box-shadow: 0 4px 14px rgba(0,0,0,0.08)}.tds-related__img{background: var(--light-grey);height: 140px;display: flex;align-items: center;justify-content: center}.tds-related__img img{max-height: 110px;max-width: 90%;mix-blend-mode: multiply}.tds-related__body{padding: 10px 12px 14px}.tds-related__name{font-size: 14px;font-weight: 700;margin-bottom: 4px;line-height: 1.3}.tds-related__desc{font-size: 13px;color: var(--dark-grey);line-height: 1.4}@media print{.tds-related{display: none !important}}.prod-table thead th.pt-docs{text-align: center;vertical-align: middle}th.pt-docs svg{display: block;margin: 0 auto}td.pt-docs{width: 1%;min-width: 80px;white-space: nowrap;text-align: center;vertical-align: top !important}.doc-inner{display: inline-flex;flex-direction: column;align-items: center;gap: 6px}.doc-btn{display: inline-flex;align-items: center;gap: 4px;text-decoration: none;text-align: left;white-space: nowrap;font-size: 16px;font-weight: 400;font-family: var(--font);transition: color var(--transition);cursor: pointer;background: none;border: none;padding: 0}.doc-btn-icon{flex-shrink: 0;width: 12px;height: 14px}.doc-btn--tds{color: var(--black)}.doc-btn--tds:hover{color: var(--black);text-decoration: underline}.doc-btn--msds{color: var(--black)}.doc-btn--msds:hover{color: var(--black);text-decoration: underline}.doc-btn--disabled{opacity: 0.30;pointer-events: none}.doc-badges{display: flex;flex-wrap: wrap;gap: 4px;margin-top: 6px}.doc-badge{position: relative;display: inline-block;font-size: 11px;font-weight: 600;line-height: 1;padding: 3px 5px;border-radius: 3px;white-space: nowrap;cursor: default;transition: filter 0.15s}.doc-badge:hover{filter: brightness(0.88)}.doc-badge::after{content: attr(data-tooltip);position: absolute;bottom: calc(100% + 5px);left: 50%;transform: translateX(-50%);background: #111;color: #fff;font-size: 11px;font-weight: 400;padding: 4px 8px;border-radius: 4px;white-space: nowrap;pointer-events: none;opacity: 0;transition: opacity 0.15s;z-index: 100}.doc-badge:hover::after{opacity: 1}.doc-badge--rohs{background: #e8f5e9;color: #2a7a2a}.doc-badge--iso{background: #e8f0fe;color: #1a56db}.doc-badge--nasa{background: #fff3e0;color: #b45309}.doc-badge--mil{background: #ecf0e8;color: #3d5016}.msds-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto}.msds-overlay.open{display:flex}.msds-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden;margin:auto 0;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column}.msds-modal__head{background:var(--black);color:#fff;padding:20px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.msds-modal__title{font-size:18px;font-weight:700;color:#fff}.msds-modal__sub{font-family:monospace;font-size:15px;color:#bbb;margin-top:3px}.msds-modal__close{background:none;border:none;cursor:pointer;font-size:22px;line-height:1;color:#aaa;padding:0;flex-shrink:0;margin-top:-2px}.msds-modal__close:hover{color:#fff}.msds-modal__body{padding:24px;flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.msds-modal__field{display:flex;flex-direction:column;gap:6px}.msds-modal__label{font-size:15px;font-weight:600;color:var(--black)}.msds-modal__input{width:100%;padding:11px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:16px;font-family:var(--font);color:var(--black);background:#fff;box-sizing:border-box;transition:border-color var(--transition)}.msds-modal__input:focus{outline:none;border-color:var(--dark-grey)}.msds-modal__err{font-size:15px;color:var(--red);display:none}.msds-modal__foot{padding:0 24px 24px;display:flex;gap:10px;flex-shrink:0}.msds-modal__fallback{margin:0;padding:12px;background:var(--light-grey);border-radius:8px;font-size:16px;display:none}.cta-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto}.cta-overlay.open{display:flex}.cta-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden;margin:auto 0;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column}