:root{--color-primary: #375589;--color-primary-dark: #2c4470;--color-primary-light: #4466a0;--color-primary-hover: #2e4a7a;--color-accent: #ecd26f;--color-accent-dark: #d4b94e;--color-accent-light: #f0da82;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e8e8e8;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-warm: #797068;--color-warm-dark: #54483c;--color-navy: #001128;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-dark: #1a1a1a;--bg-announcement: #375589;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #262626;--text-secondary: #525252;--text-muted: #797068;--text-light: #ffffff;--text-dark: #001128;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.15;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--container-max-width: 1400px;--container-padding: 1.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .14);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-tooltip: 500;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;line-height:1.5}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{background:none;border:none;cursor:pointer}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.container-full{width:100%;margin:0 auto}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}p{margin-bottom:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;border:2px solid transparent;text-decoration:none;gap:8px}.btn-primary,.btn--primary{background-color:var(--color-primary);color:var(--text-light);border:2px solid var(--color-primary)}.btn-primary:hover,.btn--primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.btn-secondary{background-color:var(--color-secondary);color:var(--color-black)}.btn-secondary:hover{background-color:var(--color-secondary-dark)}.btn-outline,.btn--outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover,.btn--outline:hover{background-color:var(--color-primary);color:var(--text-light)}.btn-lg,.btn--lg{padding:14px 28px;font-size:var(--font-size-base)}.link{color:var(--color-primary);transition:color var(--transition-fast)}.link:hover{color:var(--color-primary-dark)}.img-fluid{max-width:100%;height:auto}.img-cover{object-fit:cover;width:100%;height:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.flex-column{flex-direction:column}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--text-light);padding:var(--spacing-sm) var(--spacing-md);z-index:var(--z-tooltip);transition:top var(--transition-fast)}.skip-link:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.announcement-bar{background-color:var(--color-primary);color:var(--text-light);padding:9px 0;font-size:12px;font-weight:600;text-align:center}.announcement-bar__inner{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.announcement-bar__text{text-transform:uppercase;letter-spacing:.8px}.mobile-menu{position:fixed;top:0;left:-100%;width:85%;max-width:360px;height:100%;background:#fff;z-index:var(--z-modal);overflow-y:auto;transition:left var(--transition-normal);box-shadow:4px 0 20px #00000026}.mobile-menu.open,.mobile-menu.active{left:0}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-gray-200)}.mobile-menu__close{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-primary);display:flex;align-items:center}.mobile-menu__nav{padding:16px 0}.mobile-menu__list{list-style:none;margin:0;padding:0}.mobile-menu__item{border-bottom:1px solid var(--color-gray-100)}.mobile-menu__link{display:block;padding:14px 20px;font-size:15px;font-weight:500;color:var(--text-primary);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-menu__link:hover{background-color:var(--bg-secondary);color:var(--color-primary)}.mobile-menu__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-modal) - 1)}.mobile-menu__overlay.open,.mobile-menu__overlay.active{display:block}.header{background-color:#fff;position:sticky;top:0;z-index:var(--z-sticky);border-bottom:1px solid var(--color-gray-200);box-shadow:0 1px 4px #0000000f}.header__top,.header__inner{display:flex;align-items:center;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);min-height:70px;gap:32px}.header__logo-link,.header__logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.header__logo-image{height:48px;width:auto;display:block}.header__nav{flex:1;display:flex;align-items:stretch}.nav__list{display:flex;align-items:stretch;list-style:none;margin:0;padding:0}.nav__item{position:relative;display:flex;align-items:stretch}.nav__link{display:flex;align-items:center;gap:4px;padding:0 16px;font-size:14px;font-weight:500;color:var(--text-primary);text-decoration:none;white-space:nowrap;transition:color var(--transition-fast),background-color var(--transition-fast);min-height:70px;border-bottom:3px solid transparent}.nav__link svg{width:13px;height:13px;opacity:.5;transition:transform var(--transition-fast)}.nav__item:hover .nav__link svg{transform:rotate(180deg)}.nav__link:hover,.nav__link--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.nav__dropdown{position:absolute;top:100%;left:0;min-width:230px;background-color:#fff;box-shadow:0 8px 24px #0000001f;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);z-index:var(--z-dropdown);border-top:3px solid var(--color-primary)}.nav__item:hover .nav__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav__dropdown-list{list-style:none;margin:0;padding:8px 0}.nav__dropdown-item a{display:block;padding:10px 20px;font-size:14px;color:var(--text-primary);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),padding-left var(--transition-fast)}.nav__dropdown-item a:hover{background-color:var(--bg-secondary);color:var(--color-primary);padding-left:26px}.header__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.header__phone{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);white-space:nowrap}.header__phone:hover{background-color:var(--color-primary-dark)}.header__phone-icon{display:flex;align-items:center;color:#fff;flex-shrink:0}.header__phone-icon svg{width:16px;height:16px}.header__phone-content{display:flex;flex-direction:column;line-height:1.2}.header__phone-label{font-size:10px;color:#fffc;text-transform:uppercase;letter-spacing:.4px}.header__phone-number{font-size:14px;font-weight:700;color:#fff;letter-spacing:-.2px}.header__menu-toggle{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;background:none;border:none}.header__menu-toggle span{display:block;width:22px;height:2px;background-color:var(--text-primary);border-radius:2px;transition:all var(--transition-fast)}.header__menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header__menu-toggle.active span:nth-child(2){opacity:0}.header__menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 1100px){.header__nav{display:none}.header__menu-toggle{display:flex}}@media (max-width: 768px){.header__phone-content{display:none}.header__phone{padding:9px 10px;border-radius:var(--radius-full)}.header__logo-image{height:38px}.header__top{min-height:58px;gap:16px}}@media (max-width: 480px){.header__logo-image{height:32px}}.footer{background-color:#1a1a1a;color:var(--text-light);padding:72px 0 0}.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}.footer__brand{display:flex;flex-direction:column;gap:18px}.footer__logo{display:flex;align-items:center}.footer__logo-text{font-size:26px;font-weight:700;color:#fff;letter-spacing:-.5px;line-height:1}.footer__logo-text em{font-style:normal;color:var(--color-accent)}.footer__logo-image{height:50px;width:auto;max-width:200px;display:block}.footer__description{font-size:14px;color:#ffffffa6;line-height:1.7;max-width:270px}.footer__social{display:flex;gap:10px;margin-top:4px}.footer__social-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background-color:#ffffff14;border-radius:50%;color:var(--text-light);transition:background-color var(--transition-fast)}.footer__social-link:hover{background-color:var(--color-primary)}.footer__social-link svg{width:17px;height:17px}.footer__column{display:flex;flex-direction:column}.footer__title{font-size:14px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.8px;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--color-primary);display:inline-block;width:fit-content}.footer__list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.footer__link{font-size:14px;color:#ffffffa6;text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-accent)}.footer__contact{display:flex;flex-direction:column;gap:14px}.footer__contact-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#ffffffa6;line-height:1.5}.footer__contact-item svg{flex-shrink:0;width:16px;height:16px;margin-top:3px;color:var(--color-accent)}.footer__contact-item a{color:#ffffffa6;text-decoration:none;transition:color var(--transition-fast)}.footer__contact-item a:hover{color:var(--color-accent)}.footer__bottom{display:flex;align-items:center;justify-content:center;padding:22px var(--container-padding);background-color:#00000040}.footer__copyright,.footer__bottom p{font-size:13px;color:#ffffff73;text-align:center;margin:0}.footer__copyright a,.footer__bottom p a{color:var(--color-accent);text-decoration:none;font-weight:600}.footer__copyright a:hover,.footer__bottom p a:hover{text-decoration:underline}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}.footer__col{display:flex;flex-direction:column}.footer__col--brand{gap:14px}.footer__heading{font-size:14px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.8px;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--color-primary);display:inline-block;width:fit-content}.footer__links{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.footer__tagline{font-size:14px;color:#ffffffa6;line-height:1.7;margin:0}.footer__phone{font-size:15px;font-weight:600;margin:0}.footer__phone a{color:var(--color-accent);text-decoration:none}.footer__phone a:hover{text-decoration:underline}@media (max-width: 768px){.footer__grid{grid-template-columns:1fr;gap:28px}}@media (max-width: 1024px){.footer__inner{grid-template-columns:1fr 1fr;gap:32px}.footer__brand{grid-column:span 2;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}}@media (max-width: 768px){.footer{padding-top:52px}.footer__inner{grid-template-columns:1fr;gap:28px}.footer__brand{grid-column:span 1}}@media (min-width: 1920px){:root{--container-max-width: 1600px}.hero{max-height:900px}.hero__title{font-size:4.5rem}.category-grid{grid-template-columns:repeat(6,1fr)}.products-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1440px){:root{--container-max-width: 1200px}.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){:root{--container-padding: 1.25rem}.hero{height:60vh;min-height:450px}.hero__title{font-size:2.5rem}.hero__description{max-width:400px}.category-grid,.brands-grid{grid-template-columns:repeat(3,1fr)}.features-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.about-section__inner{grid-template-columns:1fr;gap:var(--spacing-8)}.about-section__image{order:-1}}@media (max-width: 768px){:root{--container-padding: 1rem;--spacing-16: 3rem;--spacing-12: 2rem}.hero{height:55vh;min-height:400px}.hero__subtitle{font-size:.75rem}.hero__title{font-size:2rem}.hero__description{font-size:var(--font-size-base)}.hero__cta{flex-direction:column;width:100%}.hero__cta .btn{width:100%}.phone-banner{display:none}.category-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.category-card__image{height:130px;padding:var(--spacing-4)}.brands-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.feature-card{padding:var(--spacing-6)}.products-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.product-card__image{height:280px}.about-section__cta{flex-direction:column}.about-section__cta .btn{width:100%}.section__title{font-size:var(--font-size-2xl)}.section__subtitle{font-size:var(--font-size-base)}}@media (max-width: 480px){:root{--container-padding: .875rem;--spacing-16: 2.5rem}.hero{height:50vh;min-height:350px}.hero__content{padding:var(--spacing-8) var(--container-padding)}.hero__title{font-size:1.75rem}.category-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.category-card__image{height:100px;padding:var(--spacing-3)}.category-card__title{font-size:.65rem}.category-card__link{padding:var(--spacing-2);font-size:.7rem}.brands-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.brand-card{padding:var(--spacing-4)}.brand-card__image{max-width:80px;max-height:40px}.feature-card__icon{width:56px;height:56px}.product-card__image{height:220px}.product-card__content,.product-card__specs{padding:var(--spacing-3)}.product-card__action{padding:var(--spacing-3);padding-top:0}.footer__inner{gap:var(--spacing-6)}}@media (max-width: 375px){.hero{height:45vh;min-height:300px}.hero__title{font-size:1.5rem}.header__logo-text{font-size:var(--font-size-base)}.announcement-bar__text{font-size:.65rem}}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-primary);z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-normal);overflow-y:auto}.mobile-menu.active{transform:translate(0)}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.mobile-menu__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background-color:var(--color-gray-100);transition:background-color var(--transition-fast);border:none;cursor:pointer}.mobile-menu__close:hover{background-color:var(--color-gray-200)}.mobile-menu__close svg{width:24px;height:24px}.mobile-menu__nav{padding:var(--spacing-6)}.mobile-menu__list{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.mobile-menu__link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-decoration:none;color:var(--text-dark);transition:background-color var(--transition-fast)}.mobile-menu__link:hover{background-color:var(--color-gray-100)}.mobile-menu__link svg{width:20px;height:20px}body.menu-open{overflow:hidden}@media (hover: none) and (pointer: coarse){.category-card:hover,.product-card:hover,.brand-card:hover,.feature-card:hover{transform:none}.category-card__image,.product-card__image img{transition:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.category-card__image,.product-card__image img{image-rendering:-webkit-optimize-contrast}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{.header,.footer,.phone-banner,.mobile-menu{display:none!important}.hero{height:auto!important;min-height:auto!important}body{font-size:12pt}}