:root {
    --gold: #c8922e;
    --dark-gold: #a86b24;
    --light-gold: #e9c76c;
    --black: #0b0b0b;
    --charcoal: #171717;
    --steel: #5d6268;
    --light: #f6f7f5;
    --steel-soft: #eef1f2;
    --white: #fff;
    --line: rgba(255,255,255,.14);
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, "Open Sans", system-ui, sans-serif; color: #202124; background: radial-gradient(circle at 12% 4%, rgba(200,146,46,.08), transparent 28%), linear-gradient(180deg, #fff, #f8f8f6); }
h1, h2, h3, h4, .navbar-brand { font-family: Montserrat, Sora, Inter, sans-serif; letter-spacing: 0; }
h2 { line-height: 1.12; }
p { line-height: 1.72; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
.skip-link { position: absolute; left: -999px; top: 8px; z-index: 2000; background: var(--gold); color: #111; padding: 8px 12px; }
.skip-link:focus { left: 8px; }
.site-header { background: rgba(8,8,8,.97); transition: background .25s ease, box-shadow .25s ease; color: var(--white); box-shadow: 0 14px 44px rgba(0,0,0,.24); }
.site-header.is-scrolled { background: rgba(8,8,8,.98); box-shadow: 0 18px 46px rgba(0,0,0,.32); }
.topbar { font-size: .84rem; border-bottom: 1px solid rgba(233,199,108,.16); padding: 6px 0; background: #080808; }
.topbar a { color: var(--light-gold); transition: color .2s ease, transform .2s ease; }
.topbar a:hover { color: #fff; }
.topbar-contact a { display: inline-flex; align-items: center; gap: 6px; }
.social-links { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.social-links a { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(233,199,108,.52); border-radius: 50%; background: rgba(255,255,255,.03); box-shadow: inset 0 0 0 1px rgba(255,255,255,.03); }
.social-links a:hover { transform: translateY(-2px); background: var(--gold); color: #111; border-color: var(--gold); }
.topbar-cta { display: inline-flex !important; align-items: center; gap: 8px; width: auto !important; height: auto !important; min-height: 30px; padding: 6px 13px; border-radius: 4px !important; border: 1px solid rgba(233,199,108,.72) !important; background: rgba(200,146,46,.09) !important; color: var(--light-gold) !important; font-weight: 800; letter-spacing: 0; box-shadow: none !important; white-space: nowrap; }
.topbar-cta i { font-size: .98rem; }
.topbar-cta:hover { transform: translateY(-2px); background: var(--gold) !important; color: #111 !important; border-color: var(--gold) !important; }
.navbar { padding: 12px 0; }
.navbar-brand { display: flex; align-items: center; flex: 0 0 auto; color: var(--white); font-weight: 700; line-height: 1.1; padding: 0; }
.site-header .navbar-brand img { display: block; width: 315px; max-width: 100%; height: 80px; object-fit: contain; filter: drop-shadow(0 12px 22px rgba(0,0,0,.38)); transition: transform .24s ease, filter .24s ease; }
.navbar-brand:hover img { transform: translateY(-1px); filter: drop-shadow(0 14px 26px rgba(200,146,46,.22)); }
.navbar-brand span { display: none; }
.nav-link { position: relative; color: rgba(255,255,255,.88); font-size: .84rem; font-weight: 700; padding-left: .42rem !important; padding-right: .42rem !important; }
.nav-link::before { content: ""; position: absolute; left: .5rem; right: .5rem; bottom: 2px; height: 2px; background: var(--light-gold); transform: scaleX(0); transform-origin: left; transition: transform .22s ease; }
.nav-link.dropdown-toggle::after { margin-left: .34rem; vertical-align: .13em; border-top-color: var(--light-gold); filter: drop-shadow(0 0 5px rgba(233,199,108,.35)); }
.nav-link:hover, .nav-link:focus { color: var(--light-gold); }
.nav-link:hover::before, .nav-link:focus::before { transform: scaleX(1); }
.dropdown-menu { background: #111; border: 1px solid rgba(200,146,46,.22); border-radius: 4px; box-shadow: 0 20px 70px rgba(0,0,0,.28); }
.mega-menu { min-width: 280px; padding: 14px; }
.mega-menu-wide { min-width: min(780px, calc(100vw - 32px)); padding: 18px; }
.mega-grid { display: grid; grid-template-columns: 1fr 1fr 260px; gap: 18px; align-items: stretch; }
.mega-heading { display: block; color: var(--light-gold); font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; padding: 4px 10px 8px; }
.mega-feature { border: 1px solid rgba(200,146,46,.25); border-radius: 6px; background: linear-gradient(145deg, rgba(200,146,46,.14), rgba(255,255,255,.04)); padding: 16px; color: #f5f0e6; }
.mega-feature span { display: block; color: var(--light-gold); font-weight: 800; margin-bottom: 8px; }
.mega-feature p { font-size: .9rem; color: rgba(255,255,255,.72); margin-bottom: 14px; }
.mega-text-link { display: inline-block; color: var(--light-gold); font-weight: 800; margin-top: 12px; }
.dropdown-item { color: #eee; border-radius: 4px; padding: 8px 10px; }
.dropdown-item:hover { background: rgba(200,146,46,.16); color: var(--light-gold); }
.btn { position: relative; overflow: hidden; border-radius: 4px; font-weight: 700; padding: 12px 18px; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease; }
.btn::before { content: ""; position: absolute; inset: 0 auto 0 -70%; width: 55%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); transform: skewX(-18deg); transition: left .55s ease; }
.btn:hover { transform: translateY(-2px); }
.btn:hover::before { left: 120%; }
.btn-gold { background: var(--gold); border: 1px solid var(--gold); color: #111; box-shadow: 0 12px 24px rgba(168,107,36,.18); }
.btn-gold:hover { background: var(--light-gold); border-color: var(--light-gold); color: #111; box-shadow: 0 16px 30px rgba(168,107,36,.22); }
.navbar .btn-gold, .mobile-links .btn-gold { display: inline-flex; align-items: center; justify-content: center; min-width: 118px; min-height: 54px; border-radius: 4px; padding: 8px 12px; border: 1px solid rgba(233,199,108,.72); background: rgba(200,146,46,.08); color: var(--light-gold); box-shadow: none; letter-spacing: 0; line-height: 1.35; text-align: center; }
.navbar .quote-nav { flex-direction: column; gap: 1px; min-width: 106px; min-height: 56px; padding: 7px 11px; }
.navbar .quote-nav span { display: block; white-space: nowrap; }
.navbar .btn-gold::after, .mobile-links .btn-gold::after { content: "\F285"; font-family: "bootstrap-icons"; margin-left: 8px; font-size: .78rem; vertical-align: -.02em; }
.navbar .quote-nav::after { content: none; }
.navbar .btn-gold:hover, .mobile-links .btn-gold:hover { transform: translateY(-2px); background: var(--gold); border-color: var(--gold); color: #111; box-shadow: 0 14px 28px rgba(200,146,46,.22); }
.btn-outline-gold { border: 1px solid var(--gold); color: var(--gold); }
.btn-outline-gold:hover { background: var(--gold); color: #111; }
.hero { position: relative; overflow: hidden; min-height: 0; height: clamp(660px, 82vh, 790px); display: flex; align-items: center; color: var(--white); background: #0b0b0b; padding: 178px 0 58px; }
.hero::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.58) 46%, rgba(0,0,0,.2)); }
.hero .container { position: relative; z-index: 2; }
.hero-slide { position: absolute; inset: 0; z-index: 0; opacity: 0; transform: scale(1.04); transition: opacity 900ms ease, transform 5000ms ease; background-position: center; background-size: cover; }
.hero-slide.is-active { opacity: 1; transform: scale(1); }
.hero-slide-1 { background-image: url("../images/banners/home-banner-1.png"); background-position: center; }
.hero-slide-2 { background-image: url("../images/banners/home-banner-2.png"); background-position: center; }
.hero-slide-3 { background-image: url("../images/banners/home-banner-3.png"); background-position: center; }
.hero-slide-4 { background-image: url("../images/banners/home-banner-4.png"); background-position: center; }
.hero-dots { display: flex; gap: 8px; margin-top: 24px; }
.hero-dots span { width: 32px; height: 3px; border-radius: 999px; background: rgba(255,255,255,.32); transition: background .25s ease, width .25s ease; }
.hero-dots span.is-active { width: 48px; background: var(--light-gold); }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; width: fit-content; max-width: 100%; padding: 6px 12px; border: 1px solid rgba(168,107,36,.26); border-radius: 999px; background: rgba(200,146,46,.12); color: #8a570f; font-weight: 900; text-transform: uppercase; font-size: .78rem; letter-spacing: .08em; line-height: 1.25; text-shadow: 0 1px 0 rgba(255,255,255,.55); }
.eyebrow::before { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg, var(--light-gold), var(--dark-gold)); box-shadow: 0 0 0 4px rgba(200,146,46,.14); }
.hero .eyebrow, .page-hero .eyebrow, .section-dark .eyebrow, .site-footer .eyebrow { border-color: rgba(233,199,108,.38); background: rgba(233,199,108,.12); color: #ffe08a; text-shadow: 0 1px 10px rgba(0,0,0,.55); }
.hero h1 { font-size: clamp(2.15rem, 3.9vw, 4.15rem); line-height: 1.04; max-width: 760px; margin: 10px 0 16px; text-wrap: balance; }
.hero p { max-width: 740px; color: rgba(255,255,255,.82); font-size: clamp(1rem, 1.4vw, 1.2rem); }
.trust-strip { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; margin-top: 34px; max-width: 980px; border: 1px solid rgba(233,199,108,.24); background: var(--line); }
.trust-strip div { background: rgba(11,11,11,.72); padding: 16px 18px; min-height: 82px; }
.trust-strip strong { display: block; color: var(--light-gold); font-size: 1.25rem; }
.section { position: relative; padding: 92px 0; scroll-margin-top: 128px; }
.section::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(255,255,255,.55), transparent 22%, transparent 76%, rgba(0,0,0,.025)); opacity: .62; }
.section > .container { position: relative; z-index: 1; }
.section > .container { transition: opacity .65s ease, transform .65s ease; }
.js .section > .container { opacity: 0; transform: translateY(22px); }
.js .section.is-visible > .container { opacity: 1; transform: translateY(0); }
.section-dark { background: var(--charcoal); color: var(--white); }
.section-soft { background: linear-gradient(180deg, #f8f8f5, #eef1ef); }
.section-steel { background: linear-gradient(180deg, #f7f8f6, #e9ecec); }
.section-title { max-width: 920px; margin: 0 auto 44px; text-align: center; }
.section-title .eyebrow { margin-bottom: 4px; padding: 7px 13px; border-color: rgba(168,107,36,.28); background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(200,146,46,.12)); box-shadow: 0 10px 24px rgba(168,107,36,.08); }
.section-title .eyebrow::before { content: "\F3E7"; font-family: "bootstrap-icons"; width: 22px; height: 22px; display: inline-grid; place-items: center; border-radius: 50%; background: #111; color: var(--light-gold); font-size: .78rem; box-shadow: none; }
.section-dark .section-title .eyebrow { background: rgba(233,199,108,.1); border-color: rgba(233,199,108,.34); color: #ffe08a; box-shadow: none; }
.section-title h2 { position: relative; font-size: clamp(2.05rem, 3vw, 3.25rem); font-weight: 900; margin: 10px 0 24px; color: inherit; text-wrap: balance; }
.section-title h2::after { content: ""; display: block; width: 156px; height: 10px; margin: 18px auto 0; background: linear-gradient(90deg, transparent 0 8%, var(--light-gold) 8% 42%, transparent 42% 58%, var(--dark-gold) 58% 92%, transparent 92% 100%); border-top: 1px solid rgba(200,146,46,.22); border-bottom: 1px solid rgba(200,146,46,.22); clip-path: polygon(0 45%, 43% 45%, 50% 0, 57% 45%, 100% 45%, 100% 55%, 57% 55%, 50% 100%, 43% 55%, 0 55%); filter: drop-shadow(0 8px 14px rgba(200,146,46,.2)); }
.section-title p { color: #60646a; }
.section-dark .section-title p, .section-dark p { color: rgba(255,255,255,.72); }
.home-intro-section { padding-bottom: 78px; background: radial-gradient(circle at 50% 12%, rgba(200,146,46,.12), transparent 30%), linear-gradient(180deg, #fff, #f8f4ec); }
.home-intro-section .intro-grid { grid-template-columns: 1fr; max-width: 1160px; gap: 34px; }
.home-intro-section .intro-grid > div:first-child { max-width: 980px; margin: 0 auto; text-align: center; }
.home-intro-section .intro-grid > div:first-child h2 { position: relative; font-size: clamp(2.05rem, 3vw, 3.2rem); font-weight: 900; margin-bottom: 28px; text-wrap: balance; }
.home-intro-section .intro-grid > div:first-child h2::after { content: ""; display: block; width: 156px; height: 10px; margin: 20px auto 0; background: linear-gradient(90deg, transparent 0 8%, var(--light-gold) 8% 42%, transparent 42% 58%, var(--dark-gold) 58% 92%, transparent 92% 100%); border-top: 1px solid rgba(200,146,46,.22); border-bottom: 1px solid rgba(200,146,46,.22); clip-path: polygon(0 45%, 43% 45%, 50% 0, 57% 45%, 100% 45%, 100% 55%, 57% 55%, 50% 100%, 43% 55%, 0 55%); filter: drop-shadow(0 8px 14px rgba(200,146,46,.2)); }
.home-intro-section .intro-grid > div:first-child p { max-width: 900px; margin-left: auto; margin-right: auto; }
.home-intro-section .industrial-panel { position: relative; overflow: hidden; max-width: 920px; margin: 8px auto 0; text-align: center; border-left: 0; border-top: 4px solid var(--gold); border-radius: 10px; background: linear-gradient(135deg, #101010, #1d1a14); box-shadow: 0 28px 72px rgba(23,23,23,.16); }
.home-intro-section .industrial-panel::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 8% 0, rgba(233,199,108,.22), transparent 34%), linear-gradient(90deg, rgba(200,146,46,.12), transparent); pointer-events: none; }
.home-intro-section .industrial-panel h3, .home-intro-section .industrial-panel p { position: relative; z-index: 1; }
.home-intro-section .industrial-panel h3 { color: var(--light-gold); margin-bottom: 12px; }
.about-company-layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr); gap: 44px; align-items: center; }
.about-company-copy { position: relative; padding: 8px 0; }
.about-company-copy h2 { position: relative; max-width: 760px; margin: 10px 0 22px; font-size: clamp(2.2rem, 3.2vw, 3.65rem); font-weight: 950; line-height: 1.06; text-wrap: balance; color: #171717; }
.about-company-copy h2::after { content: ""; display: block; width: 156px; height: 10px; margin: 18px 0 0; background: linear-gradient(90deg, var(--light-gold), var(--dark-gold), transparent); border-top: 1px solid rgba(200,146,46,.2); border-bottom: 1px solid rgba(200,146,46,.2); clip-path: polygon(0 45%, 43% 45%, 50% 0, 57% 45%, 100% 45%, 100% 55%, 57% 55%, 50% 100%, 43% 55%, 0 55%); filter: drop-shadow(0 8px 14px rgba(200,146,46,.18)); }
.about-company-copy > strong { display: inline-flex; max-width: 100%; margin-bottom: 18px; padding: 9px 13px; border: 1px solid rgba(200,146,46,.25); border-radius: 999px; background: rgba(200,146,46,.08); color: var(--dark-gold); font-weight: 900; line-height: 1.35; }
.about-company-copy p { max-width: 760px; color: #4d5157; font-size: 1rem; }
.about-company-media { position: relative; margin: 0; overflow: hidden; border: 1px solid rgba(200,146,46,.5); border-radius: 14px; background: #111; box-shadow: 0 28px 78px rgba(23,23,23,.18); }
.about-company-media::before { content: ""; position: absolute; inset: 12px; z-index: 1; border: 1px solid rgba(233,199,108,.55); border-radius: 10px; pointer-events: none; }
.about-company-media img { display: block; width: 100%; min-height: 390px; object-fit: cover; object-position: center; transition: transform .45s ease, filter .35s ease; }
.about-company-media:hover img { transform: scale(1.035); filter: contrast(1.05) saturate(1.04); }
.about-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; margin-top: 34px; }
.about-feature-grid article { position: relative; overflow: hidden; padding: 26px 24px; border: 1px solid #e1d6bf; border-radius: 10px; background: linear-gradient(180deg, #fff, #fbf7ee); box-shadow: 0 20px 50px rgba(23,23,23,.08); transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.about-feature-grid article::after { content: ""; position: absolute; right: -44px; bottom: -48px; width: 112px; height: 112px; border-radius: 50%; background: rgba(200,146,46,.1); transition: transform .24s ease; }
.about-feature-grid article:hover { transform: translateY(-7px); border-color: rgba(200,146,46,.62); box-shadow: 0 30px 72px rgba(23,23,23,.15); }
.about-feature-grid article:hover::after { transform: scale(1.35); }
.about-feature-grid i { width: 46px; height: 46px; display: grid; place-items: center; margin-bottom: 16px; border-radius: 8px; background: #111; color: var(--light-gold); font-size: 1.25rem; }
.about-feature-grid h3 { position: relative; z-index: 1; color: var(--dark-gold); font-size: 1.15rem; font-weight: 900; }
.about-feature-grid p { position: relative; z-index: 1; margin-bottom: 0; color: #5d6268; font-size: .95rem; }
.about-video-band { display: grid; grid-template-columns: minmax(260px, .42fr) minmax(0, .58fr); gap: 28px; align-items: center; margin-top: 38px; padding: 30px; border: 1px solid rgba(200,146,46,.28); border-radius: 12px; background: linear-gradient(135deg, #101010, #211b10); color: #fff; box-shadow: 0 26px 72px rgba(23,23,23,.16); }
.about-video-band h2 { color: #fff; font-size: clamp(1.6rem, 2.2vw, 2.45rem); font-weight: 900; }
.about-video-band p { color: rgba(255,255,255,.72); }
.video-frame { position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 10px; border: 1px solid rgba(233,199,108,.36); background: #000; box-shadow: 0 18px 45px rgba(0,0,0,.28); }
.video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.intro-grid { display: grid; grid-template-columns: 1fr .8fr; gap: 42px; align-items: center; }
.metric-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 14px; }
.intro-grid .metric-grid { grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: 22px; }
.metric { position: relative; overflow: hidden; border: 1px solid #e4dfd2; padding: 24px 16px; background: linear-gradient(145deg, #fff, #f7f4ec); min-height: 138px; box-shadow: 0 18px 44px rgba(23,23,23,.07); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease; }
.metric::after { content: ""; position: absolute; right: -38px; bottom: -42px; width: 96px; height: 96px; border-radius: 50%; background: rgba(200,146,46,.12); transition: transform .26s ease; }
.metric:hover { transform: translateY(-7px); border-color: rgba(200,146,46,.55); background: #111; box-shadow: 0 28px 70px rgba(23,23,23,.18); }
.metric:hover::after { transform: scale(1.55); }
.metric strong { display: block; color: var(--dark-gold); font-size: clamp(1.5rem, 2vw, 2.2rem); }
.metric span { position: relative; z-index: 1; }
.metric:hover strong, .metric:hover span { color: var(--light-gold); }
.card-premium { position: relative; overflow: hidden; border: 1px solid #e3dfd5; border-radius: 8px; background: linear-gradient(180deg, #fff, #fbfaf6); height: 100%; padding: 24px; box-shadow: 0 18px 44px rgba(23,23,23,.06); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease; }
.card-premium h2, .card-premium h3 { line-height: 1.2; color: var(--dark-gold); font-weight: 850; }
.card-premium p { color: #5d6268; }
.card-premium::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, var(--gold), transparent); opacity: 0; transition: opacity .24s ease; }
.card-premium:hover { transform: translateY(-8px); box-shadow: 0 30px 74px rgba(0,0,0,.16); border-color: rgba(200,146,46,.62); }
.card-premium:hover::before { opacity: 1; }
.card-premium:not(.form-card):not(.client-logo-card):not(.management-card):hover { background: #0f0f0f; color: #fff; }
.card-premium:not(.form-card):not(.client-logo-card):not(.management-card):hover h2, .card-premium:not(.form-card):not(.client-logo-card):not(.management-card):hover h3 { color: var(--light-gold); }
.card-premium:not(.form-card):not(.client-logo-card):not(.management-card):hover p { color: rgba(255,255,255,.72); }
.card-premium:not(.form-card):not(.client-logo-card):not(.management-card):hover a { color: var(--light-gold); }
.icon-badge { width: 46px; height: 46px; display: inline-grid; place-items: center; background: #151515; color: var(--light-gold); border-radius: 4px; margin-bottom: 18px; transition: transform .24s ease, background .24s ease; }
.card-premium:hover .icon-badge { transform: rotate(-4deg) scale(1.06); background: var(--dark-gold); color: #fff; }
.product-thumb { position: relative; height: 170px; display: grid; place-items: center; margin: -4px -4px 18px; border-radius: 6px; background: radial-gradient(circle at 30% 15%, #fff, #f7f3ea 72%); border: 1px solid rgba(199,145,47,.35); overflow: hidden; box-shadow: inset 0 0 0 1px rgba(255,255,255,.72), 0 14px 30px rgba(20,20,20,.08); transition: border-color .24s ease, box-shadow .24s ease; }
.product-thumb img { width: 100%; height: 100%; object-fit: contain; padding: 10px; transition: transform .34s ease, filter .34s ease; }
.card-premium:hover .product-thumb { border-color: rgba(241,204,108,.78); box-shadow: inset 0 0 0 1px rgba(255,255,255,.75), 0 18px 42px rgba(0,0,0,.18); }
.card-premium:hover .product-thumb img { transform: scale(1.06); }
.service-card { padding-top: 18px; border-color: #dcccae; }
.service-thumb { position: relative; height: 172px; margin: -2px -8px 20px; border-radius: 7px; overflow: hidden; background: radial-gradient(circle at 28% 12%, #fff, #f6f1e7 68%); border: 1px solid rgba(200,146,46,.22); box-shadow: inset 0 0 0 1px rgba(255,255,255,.65), 0 14px 32px rgba(23,23,23,.08); transition: border-color .24s ease, box-shadow .24s ease; }
.service-thumb img { width: 100%; height: 100%; object-fit: cover; filter: contrast(1.04) saturate(.98); transition: transform .38s ease, filter .38s ease; }
.service-thumb::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.28)); }
.service-thumb span { position: absolute; right: 14px; bottom: 14px; z-index: 1; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, var(--light-gold), var(--dark-gold)); color: #111; box-shadow: 0 12px 24px rgba(0,0,0,.28); transition: transform .28s ease; }
.service-card:hover .service-thumb { border-color: rgba(233,199,108,.58); box-shadow: 0 20px 48px rgba(0,0,0,.2); }
.service-card:hover .service-thumb img { transform: scale(1.08); filter: contrast(1.1) saturate(1.05); }
.service-card:hover .service-thumb span { transform: translateY(-4px) rotate(-8deg); }
.covering { background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.03)); border: 1px solid var(--line); padding: 22px; border-radius: 6px; height: 100%; }
.covering h3 { color: var(--light-gold); }
.covering-light { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(145deg, #fff, #fbf8f0); border: 1px solid #e4dfd2; border-top: 3px solid var(--gold); color: #242424; box-shadow: 0 18px 42px rgba(23,23,23,.06); transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease; }
.covering-light::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, transparent, var(--light-gold), var(--dark-gold), transparent); opacity: .9; }
.covering-light::after { content: ""; position: absolute; right: -42px; bottom: -48px; width: 132px; height: 132px; border-radius: 50%; background: radial-gradient(circle, rgba(200,146,46,.18), transparent 68%); z-index: -1; transition: transform .25s ease, opacity .25s ease; }
.covering-light h2, .covering-light h3 { color: var(--dark-gold); }
.covering-light p { color: #5d6268; }
.covering-light:hover { background: #101010; border-color: rgba(200,146,46,.58); color: #fff; transform: translateY(-7px); box-shadow: 0 28px 70px rgba(23,23,23,.18); }
.covering-light:hover::after { transform: scale(1.18); opacity: .75; }
.covering-light:hover h2, .covering-light:hover h3 { color: var(--light-gold); }
.covering-light:hover p { color: rgba(255,255,255,.72); }
.covering-box { min-height: 178px; padding-top: 24px; }
.covering-mark { width: 42px; height: 42px; display: inline-grid; place-items: center; margin-bottom: 16px; border-radius: 50%; color: #111; background: linear-gradient(135deg, var(--light-gold), var(--dark-gold)); box-shadow: 0 12px 26px rgba(200,146,46,.26); }
.covering-light:hover .covering-mark { transform: rotate(-8deg) scale(1.05); }
.industrial-panel { border-left: 4px solid var(--gold); background: #101010; padding: 34px; color: #fff; }
.industrial-panel-light { border-left: 4px solid var(--gold); background: #fff; padding: 34px; color: #202124; box-shadow: 0 18px 45px rgba(0,0,0,.08); }
.image-panel { position: relative; min-height: 430px; border-radius: 8px; overflow: hidden; background: #111; border: 1px solid rgba(212,161,47,.42); box-shadow: 0 24px 60px rgba(23,23,23,.16), inset 0 0 0 1px rgba(255,255,255,.12); }
.image-panel::before { content: ""; position: absolute; inset: 8px; border: 1px solid rgba(241,204,108,.32); border-radius: 6px; pointer-events: none; z-index: 2; }
.image-panel img { width: 100%; height: 100%; min-height: 430px; object-fit: cover; display: block; filter: contrast(1.03) saturate(1.03); transition: transform .45s ease, filter .45s ease; }
.image-panel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(200,146,46,.08), rgba(0,0,0,.18)); pointer-events: none; z-index: 1; }
.image-panel:hover img { transform: scale(1.025); filter: contrast(1.08) saturate(1.06); }
.factory-gallery { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin-top: 32px; }
.factory-shot { position: relative; overflow: hidden; min-height: 190px; border-radius: 6px; border: 1px solid #ddd4bf; background: #111; box-shadow: 0 18px 42px rgba(23,23,23,.1); }
.factory-shot img { width: 100%; height: 100%; min-height: 190px; object-fit: cover; transition: transform .45s ease, filter .45s ease; }
.factory-shot::after { content: attr(data-label); position: absolute; left: 14px; bottom: 14px; max-width: calc(100% - 28px); padding: 7px 10px; border-radius: 4px; background: rgba(11,11,11,.74); color: var(--light-gold); font-size: .78rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.factory-shot:hover img { transform: scale(1.06); filter: contrast(1.08) saturate(1.06); }
.team-card { position: relative; overflow: hidden; background: #fff; border: 1px solid #e4e4e4; border-radius: 6px; padding: 26px; min-height: 230px; box-shadow: 0 18px 45px rgba(0,0,0,.07); }
.team-card::after { content: ""; position: absolute; inset: auto -30px -50px auto; width: 150px; height: 150px; background: radial-gradient(circle, rgba(200,146,46,.16), transparent 68%); }
.team-card i { color: var(--dark-gold); font-size: 2rem; }
.team-card small { color: var(--steel); text-transform: uppercase; font-weight: 800; letter-spacing: .08em; }
.management-overview { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 520px); gap: 28px; align-items: stretch; margin: -8px 0 34px; padding: 34px; border: 1px solid rgba(200,146,46,.28); border-radius: 10px; background: linear-gradient(135deg, #101010 0%, #1d1a14 54%, #f7f2e7 54%, #fff 100%); box-shadow: 0 30px 80px rgba(23,23,23,.14); }
.management-overview::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 10%, rgba(233,199,108,.18), transparent 30%), radial-gradient(circle at 88% 70%, rgba(200,146,46,.16), transparent 34%); pointer-events: none; }
.management-overview > div { position: relative; z-index: 1; }
.management-overview span { color: var(--light-gold); font-weight: 900; letter-spacing: .08em; text-transform: uppercase; font-size: .78rem; }
.management-overview h3 { max-width: 720px; margin: 8px 0 12px; color: #fff; font-size: clamp(1.55rem, 2.2vw, 2.45rem); }
.management-overview p { max-width: 720px; margin: 0; color: rgba(255,255,255,.72); line-height: 1.75; }
.management-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 20px; padding: 12px 16px; border: 1px solid rgba(233,199,108,.34); border-radius: 999px; color: var(--light-gold); font-weight: 800; background: rgba(255,255,255,.04); transition: transform .22s ease, background .22s ease, color .22s ease; }
.management-link:hover { transform: translateY(-2px); background: rgba(200,146,46,.18); color: #fff; }
.management-link i { transition: transform .22s ease; }
.management-link:hover i { transform: translateX(4px); }
.management-proof { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; padding: 0; border-radius: 8px; color: #111; }
.management-proof-item { position: relative; overflow: hidden; min-height: 156px; padding: 18px 16px; border-radius: 8px; border: 1px solid rgba(200,146,46,.25); background: rgba(255,255,255,.86); box-shadow: 0 18px 45px rgba(23,23,23,.1); transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease; }
.management-proof-item::before { content: ""; position: absolute; inset: 0 auto 0 -70%; width: 55%; background: linear-gradient(90deg, transparent, rgba(233,199,108,.32), transparent); transform: skewX(-18deg); transition: left .58s ease; }
.management-proof-item:hover { transform: translateY(-6px); border-color: rgba(200,146,46,.62); box-shadow: 0 26px 62px rgba(23,23,23,.16); }
.management-proof-item:hover::before { left: 120%; }
.management-proof-item i { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 18px; border-radius: 50%; color: #15120b; background: linear-gradient(135deg, var(--light-gold), var(--dark-gold)); box-shadow: 0 12px 26px rgba(168,107,36,.24); }
.management-proof-item strong { display: block; color: #171717; font-size: clamp(1.75rem, 2.2vw, 2.35rem); line-height: .9; letter-spacing: 0; }
.management-proof-item strong span { display: inline-block; margin-left: 5px; color: var(--dark-gold); font-size: .82rem; letter-spacing: .08em; vertical-align: middle; }
.management-proof-item small { display: block; margin-top: 10px; color: #5d6268; line-height: 1.35; font-weight: 700; }
.management-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.management-meta span { border: 1px solid #e4dfd2; border-radius: 999px; padding: 6px 10px; font-size: .8rem; color: var(--steel); background: #faf8f2; transition: background .22s ease, color .22s ease, border-color .22s ease; }
.management-card:hover .management-meta span { border-color: rgba(200,146,46,.45); background: #fff7e4; color: #5b3a13; }
.leadership-board { display: grid; gap: 22px; }
.leadership-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }
.leadership-feature-card { position: relative; overflow: hidden; display: grid; grid-template-columns: 220px 1fr; gap: 0; min-height: 310px; border: 1px solid rgba(200,146,46,.28); border-radius: 10px; background: linear-gradient(135deg, #101010, #1f1c16); color: #fff; box-shadow: 0 28px 72px rgba(23,23,23,.16); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.leadership-feature-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 12%, rgba(233,199,108,.22), transparent 34%); pointer-events: none; }
.leadership-feature-card:hover { transform: translateY(-8px); border-color: rgba(233,199,108,.55); box-shadow: 0 34px 86px rgba(23,23,23,.22); }
.leadership-feature-card figure { position: relative; z-index: 1; margin: 0; min-height: 100%; overflow: hidden; background: #0f0f0f; }
.leadership-feature-card figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 50%, rgba(0,0,0,.34)); }
.leadership-feature-card img { width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .45s ease, filter .35s ease; }
.leadership-feature-card:hover img { transform: scale(1.06); filter: saturate(1.05) contrast(1.06); }
.leadership-feature-card > div { position: relative; z-index: 1; padding: 28px; align-self: center; }
.leadership-feature-card > div > span { display: inline-block; color: var(--light-gold); font-size: .78rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.leadership-feature-card h3 { margin: 8px 0 12px; font-size: clamp(1.65rem, 2vw, 2.35rem); }
.leadership-feature-card p { color: rgba(255,255,255,.74); line-height: 1.72; }
.leadership-feature-card .management-meta span { border-color: rgba(233,199,108,.28); background: rgba(255,255,255,.06); color: rgba(255,255,255,.82); }
.director-board { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 18px; align-items: stretch; }
.director-card { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; text-align: center; min-height: 460px; height: 100%; padding: 24px 18px 20px; border: 1px solid #ddd4bf; border-radius: 10px; background: linear-gradient(180deg, #fff, #fbfaf6); box-shadow: 0 20px 52px rgba(23,23,23,.08); transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease, background .26s ease; }
.director-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 92px; background: linear-gradient(135deg, rgba(17,17,17,.96), rgba(70,54,24,.86)); pointer-events: none; }
.director-card::after { content: ""; position: absolute; right: -36px; top: 52px; width: 92px; height: 92px; border-radius: 50%; background: rgba(233,199,108,.16); pointer-events: none; }
.director-card:hover { transform: translateY(-8px); border-color: rgba(200,146,46,.64); background: linear-gradient(180deg, #fff, #fff8e7); box-shadow: 0 30px 76px rgba(23,23,23,.16); }
.director-card img, .director-avatar { position: relative; z-index: 1; width: 104px; height: 104px; object-fit: cover; object-position: center top; border-radius: 50%; background: #f5f2ea; border: 4px solid #fff; box-shadow: 0 16px 34px rgba(0,0,0,.2); transition: transform .36s ease, border-color .26s ease; }
.director-avatar { display: grid; place-items: center; background: radial-gradient(circle at 26% 18%, var(--light-gold), var(--dark-gold) 54%, #111 100%); color: #111; font-family: Montserrat, Inter, sans-serif; font-size: 2rem; font-weight: 900; letter-spacing: .02em; }
.director-card:hover img, .director-card:hover .director-avatar { transform: translateY(-3px) scale(1.04); border-color: var(--light-gold); }
.director-card > div { position: relative; z-index: 1; padding: 22px 0 0; }
.director-card small { display: inline-flex; padding: 6px 12px; border-radius: 999px; background: #fff; border: 1px solid #e4dfd2; color: #171717; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; font-size: .72rem; }
.director-card h3 { margin: 12px 0 10px; font-size: 1.18rem; color: #171717; }
.director-card p { color: #5d6268; font-size: .92rem; line-height: 1.62; }
.director-card .management-meta { justify-content: center; }
.director-card:hover h3, .director-card:hover small { color: #171717; }
.director-card:hover p { color: #5d6268; }
.management-card { display: flex; flex-direction: column; height: 100%; min-height: 590px; padding: 0; border-radius: 12px; border-color: #ddd4bf; background: linear-gradient(180deg, #fff, #fbf8f0); box-shadow: 0 24px 62px rgba(23,23,23,.09); }
.management-photo { position: relative; height: 315px; min-height: 315px; overflow: hidden; background: radial-gradient(circle at 50% 12%, rgba(233,199,108,.18), transparent 32%), linear-gradient(135deg, #fff, #f7f0e2); display: grid; place-items: center; border-bottom: 1px solid rgba(200,146,46,.18); }
.management-photo::after { content: ""; position: absolute; inset: auto 0 0; height: 22%; background: linear-gradient(180deg, transparent, rgba(200,146,46,.1)); pointer-events: none; }
.management-portrait { width: 100%; height: 100%; object-fit: contain; object-position: center center; padding: 10px 8px 0; transition: transform .4s ease, filter .4s ease; }
.management-avatar { width: 100%; height: 100%; display: grid; place-items: center; background: radial-gradient(circle at 45% 18%, rgba(255,255,255,.18), transparent 28%), linear-gradient(145deg, #151515, #2a2418 48%, #9f6a24); color: rgba(255,255,255,.9); font-size: clamp(4.2rem, 6vw, 6.5rem); }
.management-avatar i { width: 118px; height: 118px; display: grid; place-items: center; border: 1px solid rgba(233,199,108,.42); border-radius: 50%; background: rgba(255,255,255,.08); color: var(--light-gold); box-shadow: 0 20px 44px rgba(0,0,0,.24); }
.management-card:hover .management-portrait, .management-card:hover .management-avatar { transform: scale(1.06); filter: contrast(1.05) saturate(1.04); }
.management-nameplate { position: relative; z-index: 1; margin: 0; padding: 18px 22px 12px; border-bottom: 1px solid rgba(200,146,46,.16); background: rgba(255,255,255,.97); color: #171717; box-shadow: none; }
.management-nameplate strong { display: block; font-size: clamp(1.18rem, 1.5vw, 1.38rem); line-height: 1.18; font-weight: 950; color: #111; }
.management-nameplate span { display: block; margin-top: 7px; color: #171717; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; font-size: .75rem; }
.management-body { display: flex; flex-direction: column; flex: 1; min-height: 250px; padding: 18px 22px 22px; margin-top: 0; }
.management-experience { display: inline-flex; align-self: flex-start; margin: 0 0 14px; padding: 7px 11px; border-radius: 999px; border: 1px solid rgba(200,146,46,.24); background: rgba(200,146,46,.08); color: var(--dark-gold); font-weight: 950; letter-spacing: .02em; }
.management-body p { flex: 1; margin-bottom: 18px; }
.management-card .management-meta { position: relative; margin-top: 6px; padding-top: 25px; }
.management-card .management-meta::before { content: "Expertise"; position: absolute; left: 0; top: 0; color: #171717; font-size: .72rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.industry-card { position: relative; display: flex; flex-direction: column; height: 100%; min-height: 330px; padding: 18px; overflow: hidden; border: 1px solid #e1e1df; border-radius: 7px; background: #fff; color: #202124; box-shadow: 0 18px 45px rgba(23,23,23,.05); transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease; }
.industry-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(200,146,46,.12), transparent 48%); opacity: 0; transition: opacity .26s ease; }
.industry-card::after { content: ""; position: absolute; right: -58px; bottom: -58px; width: 132px; height: 132px; border-radius: 50%; background: rgba(200,146,46,.1); transition: transform .26s ease; }
.industry-card:hover { transform: translateY(-8px); border-color: rgba(200,146,46,.56); box-shadow: 0 28px 70px rgba(23,23,23,.14); }
.industry-card:hover { background: #101010; color: #fff; }
.industry-card:hover::before { opacity: 1; }
.industry-card:hover::after { transform: scale(1.45); }
.industry-thumb { position: relative; z-index: 1; display: block; height: 142px; margin: 0 0 18px; overflow: hidden; border-radius: 6px; border: 1px solid rgba(200,146,46,.28); background: #111; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.industry-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; filter: contrast(1.04) saturate(1.04); transition: transform .45s ease, filter .45s ease; }
.industry-card:hover .industry-thumb img { transform: scale(1.07); filter: contrast(1.1) saturate(1.08); }
.industry-icon { position: relative; z-index: 1; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 6px; background: #151515; color: var(--light-gold); font-size: 1.4rem; margin: -42px 0 16px 14px; border: 1px solid rgba(233,199,108,.34); transition: transform .26s ease, background .26s ease; }
.industry-card:hover .industry-icon { transform: rotate(-5deg) scale(1.08); background: var(--dark-gold); color: #fff; }
.industry-card h3, .industry-card p, .industry-card strong { position: relative; z-index: 1; transition: color .24s ease; }
.industry-card h3 { font-size: 1.1rem; margin-bottom: 10px; }
.industry-card p { color: #5d6268; font-size: .94rem; margin-bottom: 18px; }
.industry-card strong { color: var(--dark-gold); font-size: .9rem; }
.industry-card:hover p { color: rgba(255,255,255,.72); }
.industry-card:hover strong { color: var(--light-gold); }
.industry-card strong i { transition: transform .22s ease; }
.industry-card:hover strong i { transform: translateX(4px); }
.client-logo-card { display: grid; grid-template-rows: 154px auto; place-items: center; min-height: 236px; padding: 20px 18px 18px; opacity: 1; background: linear-gradient(180deg, #fff, #fbfaf6); border: 1px solid rgba(196,151,61,.24); box-shadow: 0 16px 40px rgba(23,23,23,.07); transition: background .24s ease, filter .24s ease, opacity .24s ease, transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.client-logo-card:hover { background: #0d0d0d; transform: translateY(-8px); border-color: rgba(241,204,108,.48); box-shadow: 0 30px 74px rgba(0,0,0,.24); }
.client-logo-card img { width: 100%; height: 142px; max-width: 270px; object-fit: contain; padding: 16px; background: #fff; border: 1px solid rgba(213,205,185,.7); border-radius: 6px; filter: none; image-rendering: auto; transition: transform .24s ease, filter .24s ease, border-color .24s ease; }
.client-logo-card:hover img { transform: scale(1.04); filter: brightness(1.03) contrast(1.08) saturate(1.05); border-color: rgba(241,204,108,.55); }
.client-logo-card span { display: block; align-self: start; margin-top: 14px; font-size: .86rem; line-height: 1.35; color: var(--steel); text-align: center; font-weight: 700; transition: color .24s ease; }
.client-logo-card:hover span { color: var(--light-gold); }
.home-client-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; max-width: 1120px; margin: 0 auto; }
.home-client-actions { margin-top: 30px; text-align: center; }
.home-client-actions .btn { min-width: 190px; }
.about-proof { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.about-proof div { padding: 18px; border: 1px solid #e4dfd2; border-radius: 8px; background: #fff; box-shadow: 0 16px 36px rgba(23,23,23,.06); }
.about-proof strong { display: block; color: var(--dark-gold); font-size: 1.5rem; }
.about-proof span { color: #5d6268; font-size: .9rem; }
.covering-selector { display: grid; grid-template-columns: .9fr 1.1fr; gap: 28px; align-items: center; padding: 32px; border: 1px solid #e4dfd2; border-radius: 10px; background: #fff; box-shadow: 0 22px 55px rgba(23,23,23,.08); }
.selector-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.selector-list span { display: flex; align-items: center; gap: 10px; padding: 14px; border-radius: 8px; background: #faf8f2; border: 1px solid #e4dfd2; color: #343434; font-weight: 700; }
.selector-list i { color: var(--dark-gold); }
.covering-comparison { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.client-intro-band { display: grid; grid-template-columns: 1fr 420px; gap: 28px; align-items: center; padding: 30px; border-radius: 10px; background: linear-gradient(135deg, #111, #27231b); color: #fff; box-shadow: 0 28px 76px rgba(23,23,23,.16); }
.client-intro-band p { color: rgba(255,255,255,.74); }
.client-intro-band figure { margin: 0; overflow: hidden; border-radius: 8px; border: 1px solid rgba(233,199,108,.24); }
.client-intro-band img { width: 100%; height: 260px; object-fit: cover; transition: transform .45s ease; }
.client-intro-band:hover img { transform: scale(1.05); }
.detail-visual-band { display: grid; grid-template-columns: 420px 1fr; gap: 28px; align-items: center; margin: 0 0 38px; padding: 24px; border: 1px solid #dcccae; border-radius: 10px; background: linear-gradient(135deg, #fff, #f7f2e7); box-shadow: 0 24px 60px rgba(23,23,23,.1); }
.detail-visual-band figure { margin: 0; overflow: hidden; border-radius: 8px; background: radial-gradient(circle at 28% 14%, #fff, #f7f3ea 68%); border: 1px solid rgba(200,146,46,.18); }
.detail-visual-band img { width: 100%; height: 270px; object-fit: contain; padding: 12px; transition: transform .4s ease; }
.detail-visual-band:hover img { transform: scale(1.05); }
.detail-gallery { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.detail-gallery figure { margin: 0; overflow: hidden; border-radius: 8px; border: 1px solid #dcccae; background: radial-gradient(circle at 28% 12%, #fff, #f6f1e7 68%); box-shadow: 0 18px 44px rgba(23,23,23,.08); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.detail-gallery img { width: 100%; height: 220px; object-fit: cover; transition: transform .35s ease; }
.detail-gallery figure:hover { transform: translateY(-6px); border-color: rgba(200,146,46,.58); box-shadow: 0 28px 68px rgba(23,23,23,.15); }
.detail-gallery figure:hover img { transform: scale(1.05); }
.detail-gallery figcaption { padding: 12px 14px; color: #5d6268; font-weight: 700; }
.service-mini-card { padding: 12px; }
.service-mini-card img { width: 100%; height: 118px; object-fit: cover; border-radius: 6px; border: 1px solid rgba(200,146,46,.2); background: #f7f2e7; margin-bottom: 12px; transition: transform .32s ease, filter .32s ease; }
.service-mini-card span { display: block; font-weight: 800; color: #202124; transition: color .24s ease; }
.service-mini-card:hover img { transform: scale(1.035); filter: contrast(1.08) saturate(1.04); }
.service-mini-card:hover span { color: var(--light-gold); }
.industry-detail-hero, .covering-detail-band, .contact-command { display: grid; grid-template-columns: 1fr 390px; gap: 28px; align-items: center; margin-bottom: 36px; padding: 28px; border: 1px solid #e4dfd2; border-radius: 10px; background: linear-gradient(135deg, #fff, #faf7ee); box-shadow: 0 22px 55px rgba(23,23,23,.08); }
.industry-detail-hero figure, .covering-detail-band figure { margin: 0; overflow: hidden; border-radius: 8px; background: #111; }
.industry-detail-hero img, .covering-detail-band img { width: 100%; height: 245px; object-fit: cover; transition: transform .4s ease; }
.industry-detail-hero:hover img, .covering-detail-band:hover img { transform: scale(1.05); }
.contact-command { grid-template-columns: 1fr auto; background: linear-gradient(135deg, #111, #27231b); color: #fff; border-color: rgba(200,146,46,.28); }
.contact-command p { color: rgba(255,255,255,.74); margin: 0; }
.contact-command-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.quote-process { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; margin-bottom: 32px; }
.quote-process div { position: relative; overflow: hidden; padding: 20px; border: 1px solid #dcccae; border-radius: 10px; background: linear-gradient(180deg, #fff, #fbf8f1); box-shadow: 0 18px 42px rgba(23,23,23,.07); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
.quote-process div:hover { transform: translateY(-6px); border-color: rgba(200,146,46,.62); box-shadow: 0 28px 68px rgba(23,23,23,.14); }
.quote-process b { display: block; color: var(--dark-gold); font-size: 1.4rem; line-height: 1; margin-bottom: 8px; }
.quote-process span { color: #343434; font-weight: 800; }
.sticky-cta { position: sticky; top: 130px; }
.accordion-button:not(.collapsed) { color: #15120b; background: #f4ead3; box-shadow: none; }
.faq-panel { display: grid; grid-template-columns: .78fr 1.22fr; gap: 28px; align-items: start; border: 1px solid #e4dfd2; border-radius: 8px; padding: 28px; background: linear-gradient(135deg, #fff, #f7f2e7); box-shadow: 0 22px 55px rgba(23,23,23,.08); }
.faq-intro { position: sticky; top: 130px; padding: 24px; border-radius: 6px; background: #111; color: #fff; }
.faq-intro p { color: rgba(255,255,255,.72); }
.faq-accordion .accordion-item { border: 1px solid #e4dfd2; border-radius: 6px; margin-bottom: 12px; overflow: hidden; background: #fff; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.faq-accordion .accordion-item:hover { transform: translateX(4px); border-color: rgba(200,146,46,.52); box-shadow: 0 14px 32px rgba(23,23,23,.08); }
.faq-accordion .accordion-button { font-weight: 800; padding: 18px 20px; }
.faq-accordion .accordion-body { color: #5d6268; line-height: 1.75; }
.contact-grid, .quote-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 34px; align-items: start; }
.contact-panel, .quote-panel { position: sticky; top: 130px; overflow: hidden; border-radius: 12px; padding: 30px; color: #fff; background: linear-gradient(145deg, rgba(11,11,11,.96), rgba(45,40,30,.94)); border: 1px solid rgba(200,146,46,.36); box-shadow: 0 28px 74px rgba(23,23,23,.2); }
.contact-panel::before, .quote-panel::before { content: ""; position: absolute; right: -80px; top: -80px; width: 190px; height: 190px; border-radius: 50%; background: rgba(200,146,46,.18); }
.contact-panel h2, .quote-panel h2 { position: relative; margin: 8px 0 18px; }
.contact-list, .quote-checklist, .quote-contact { position: relative; display: grid; gap: 12px; margin: 18px 0; }
.contact-list a, .contact-list span, .quote-checklist span, .quote-contact a { display: flex; gap: 10px; align-items: flex-start; color: rgba(255,255,255,.78); }
.contact-list i, .quote-checklist i, .quote-contact i { color: var(--light-gold); }
.contact-social { position: relative; display: flex; gap: 10px; margin: 18px 0 24px; }
.contact-social a, .footer-social a { flex: 0 0 38px; width: 38px; height: 38px; display: inline-grid; place-items: center; border-radius: 50%; border: 1px solid rgba(233,199,108,.58); color: var(--light-gold); background: rgba(255,255,255,.035); box-shadow: none; font-size: .98rem; transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease; }
.contact-social a:hover, .footer-social a:hover { transform: translateY(-4px); background: var(--gold); border-color: var(--gold); color: #101010; }
.map-frame { position: relative; overflow: hidden; min-height: 250px; border-radius: 6px; border: 1px solid rgba(233,199,108,.24); background: #222; }
.map-frame iframe { width: 100%; height: 270px; border: 0; display: block; filter: grayscale(.14) contrast(1.03); }
.form-card { padding: 34px; border-radius: 12px; border-color: #dcccae; background: linear-gradient(180deg, #fff, #fffdf8); box-shadow: 0 28px 72px rgba(23,23,23,.12); }
.quote-form { padding: 0; overflow: hidden; }
.quote-form-head { padding: 30px 34px; background: linear-gradient(135deg, #111, #2a2418); color: #fff; border-bottom: 1px solid rgba(200,146,46,.34); }
.quote-form-head h2 { color: #fff; margin: 8px 0 10px; }
.quote-form-head p { color: rgba(255,255,255,.74); margin: 0; }
.quote-form-body { padding: 30px 34px 34px; }
.form-section { padding: 22px; border: 1px solid #e3d8c5; border-radius: 10px; background: #fff; margin-bottom: 18px; }
.form-section-title { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; color: #171717; font-weight: 900; }
.form-section-title i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #111; background: linear-gradient(135deg, var(--light-gold), var(--gold)); }
.form-card .h4 { font-size: 1.72rem; margin-bottom: 8px; color: #171717; }
.form-intro { color: #60646a; margin: 0 0 20px; max-width: 760px; }
.form-card .form-label { margin-bottom: 7px; color: #343434; font-weight: 800; font-size: .88rem; }
.form-control, .form-select { border-radius: 6px; padding: 12px 14px; border-color: #dcd7ca; background-color: #fff; }
.form-card .form-control { min-height: 50px; }
.form-card textarea.form-control { min-height: 132px; }
.form-control:focus, .form-select:focus { border-color: var(--gold); box-shadow: 0 0 0 .2rem rgba(200,146,46,.18); }
.footer { background: radial-gradient(circle at 12% 20%, rgba(200,146,46,.14), transparent 28%), #050505; color: rgba(255,255,255,.72); padding-top: 46px; }
.footer-cta { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 34px; border: 1px solid rgba(200,146,46,.42); border-radius: 8px; background: linear-gradient(135deg, rgba(200,146,46,.2), rgba(255,255,255,.035)); box-shadow: 0 28px 70px rgba(0,0,0,.22); }
.footer-cta h2 { color: #fff; }
.footer h3 { margin-bottom: 14px; font-size: clamp(1.08rem, 1.55vw, 1.32rem); line-height: 1.2; color: var(--light-gold); text-shadow: 0 8px 22px rgba(200,146,46,.2); }
.footer-main { align-items: flex-start; }
.footer-products-col { padding-left: 34px; }
.footer-logo { width: 138px; filter: drop-shadow(0 14px 28px rgba(200,146,46,.26)); }
.footer a { display: block; color: rgba(255,255,255,.72); margin: 7px 0; font-size: .92rem; line-height: 1.35; }
.footer a:hover { color: var(--light-gold); }
.footer-contact { display: grid; gap: 10px; font-size: .94rem; line-height: 1.55; }
.footer-contact span, .footer-contact a { display: flex; gap: 9px; align-items: flex-start; margin: 0; }
.footer-contact a { font-size: .95rem; }
.footer-contact i { color: var(--light-gold); }
.footer-social { display: flex; gap: 10px; margin-top: 18px; align-items: center; flex-wrap: wrap; }
.footer .footer-social a { display: inline-grid; place-items: center; margin: 0; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(233,199,108,.58); color: var(--light-gold); background: rgba(255,255,255,.035); }
.footer .footer-social a:hover { color: #101010; background: var(--gold); border-color: var(--gold); }
.footer-bottom { border-top: 1px solid var(--line); padding: 18px 0; display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; font-size: .9rem; }
.footer-bottom a { display: inline-block; margin: 0 0 0 14px; }
.designer-link { display: inline !important; margin: 0 !important; color: var(--light-gold) !important; font-weight: 800; }
.designer-link:hover { color: #fff !important; }
.floating-whatsapp { position: fixed; right: 18px; bottom: 18px; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: #1faa59; color: #fff; z-index: 1100; font-size: 1.45rem; box-shadow: 0 16px 30px rgba(0,0,0,.25); }
.page-hero { position: relative; overflow: hidden; min-height: 430px; display: flex; align-items: center; padding: 172px 0 82px; background: linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.44)), url("../images/banners/home-banner-3.png") center/cover; color: #fff; }
.page-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 6px; background: linear-gradient(90deg, transparent, var(--light-gold), var(--dark-gold), transparent); }
.page-hero .container { max-width: 1160px; }
.page-hero h1 { font-size: clamp(2.2rem, 4.5vw, 4.4rem); }
.page-hero p { max-width: 760px; color: rgba(255,255,255,.82); font-size: clamp(1rem, 1.2vw, 1.14rem); }
.page-hero-products { background-image: linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.28)), url("../images/banners/home-banner-1.png"); }
.page-hero-services { background-image: linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.35)), url("../images/banners/home-banner-4.png"); }
.detail-hero { background-image: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.46), rgba(0,0,0,.18)), var(--detail-hero-image); background-position: center; background-size: cover; }
.detail-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 16% 38%, rgba(211,154,45,.34), transparent 28%), linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.34)); pointer-events: none; }
.detail-hero .container { position: relative; z-index: 1; }
.detail-visual-band { position: relative; }
.product-layout-1 + .section .detail-visual-band { grid-template-columns: 1fr 390px; }
.product-layout-1 + .section .detail-visual-band figure { order: 2; }
.product-layout-2 + .section .detail-visual-band { background: linear-gradient(135deg, #111, #2d2415); color: #fff; border-color: rgba(211,154,45,.55); }
.product-layout-2 + .section .detail-visual-band p { color: rgba(255,255,255,.82); }
.service-layout-1 + .section .split-feature { grid-template-columns: 1fr 42%; }
.service-layout-1 + .section .split-feature .feature-media { order: -1; }
.service-layout-2 + .section .split-feature { padding: 24px; border: 1px solid rgba(211,154,45,.32); border-radius: 10px; background: linear-gradient(135deg, #fff, #f7f2e7); }
.page-hero-industries { background-image: linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.32)), url("../images/banners/home-banner-3.png"); }
.page-hero-infrastructure { background-image: linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.28)), url("../images/banners/home-banner-1.png"); }
.page-hero-quality { background-image: linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.36)), url("../images/banners/home-banner-4.png"); }
.page-hero-clients { background-image: linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.34)), url("../images/banners/home-banner-3.png"); }
.page-hero-contact { background-image: linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.36)), url("../images/banners/home-banner-4.png"); }
.page-hero-quote { background-image: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.32)), url("../images/banners/home-banner-3.png"); }
.legal-layout { display: grid; grid-template-columns: 280px 1fr; gap: 28px; align-items: start; }
.legal-nav { position: sticky; top: 130px; padding: 22px; border-radius: 10px; background: #111; color: #fff; border: 1px solid rgba(200,146,46,.28); }
.legal-nav a { display: block; padding: 8px 0; color: rgba(255,255,255,.74); }
.legal-nav a:hover { color: var(--light-gold); }
.legal-content { display: grid; gap: 18px; }
.legal-content article { padding: 28px; border: 1px solid #e4dfd2; border-radius: 10px; background: #fff; box-shadow: 0 18px 44px rgba(23,23,23,.06); }
.legal-content h2 { color: var(--dark-gold); font-size: 1.45rem; margin-bottom: 12px; }
.quote-band { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; padding: 30px; border-radius: 8px; background: #111; color: #fff; border: 1px solid rgba(200,146,46,.32); box-shadow: 0 24px 60px rgba(23,23,23,.16); }
.quote-band p { margin: 0; color: rgba(255,255,255,.72); }
.split-feature { display: grid; grid-template-columns: .9fr 1.1fr; gap: 36px; align-items: stretch; }
.feature-media { position: relative; overflow: hidden; min-height: 470px; border-radius: 8px; background: #111; box-shadow: 0 26px 70px rgba(23,23,23,.16); }
.feature-media img { width: 100%; height: 100%; object-fit: cover; min-height: 470px; transition: transform .6s ease, filter .6s ease; }
.feature-media:hover img { transform: scale(1.05); filter: contrast(1.08) saturate(1.05); }
.feature-media::after { content: attr(data-label); position: absolute; left: 18px; bottom: 18px; padding: 9px 12px; border-radius: 999px; color: var(--light-gold); background: rgba(0,0,0,.7); border: 1px solid rgba(233,199,108,.28); font-weight: 800; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.feature-copy { padding: 34px; border: 1px solid #e4dfd2; border-radius: 8px; background: linear-gradient(135deg, #fff, #faf7ee); }
.answer-list { display: grid; gap: 12px; margin-top: 22px; }
.answer-list li { list-style: none; display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: start; padding: 14px; border: 1px solid #e4dfd2; border-radius: 6px; background: #fff; }
.answer-list i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #111; color: var(--light-gold); }
.product-finder { display: grid; grid-template-columns: 320px 1fr; gap: 24px; align-items: start; }
.finder-panel { position: sticky; top: 130px; padding: 26px; border-radius: 8px; background: #111; color: #fff; border: 1px solid rgba(200,146,46,.28); }
.finder-panel p { color: rgba(255,255,255,.72); }
.product-card-modern { padding: 0; }
.product-card-modern .product-thumb { height: 176px; margin: 0; border: 0; border-radius: 6px 6px 0 0; }
.product-card-body { padding: 22px; }
.service-timeline { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; counter-reset: serviceStep; }
.timeline-card { position: relative; padding: 28px 22px; border-radius: 8px; background: #fff; border: 1px solid #e4dfd2; box-shadow: 0 18px 42px rgba(23,23,23,.06); counter-increment: serviceStep; }
.timeline-card::before { content: counter(serviceStep, decimal-leading-zero); display: block; color: var(--dark-gold); font-weight: 900; font-size: 2rem; line-height: 1; margin-bottom: 14px; }
.industry-matrix { display: grid; grid-template-columns: repeat(7, minmax(160px,1fr)); gap: 12px; overflow-x: auto; padding-bottom: 8px; }
.industry-matrix a { min-height: 250px; }
.quality-steps { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.quality-step { padding: 28px; border-radius: 8px; border: 1px solid #dcccae; background: linear-gradient(180deg, #fff, #fbfaf6); box-shadow: 0 20px 50px rgba(23,23,23,.08); transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease, color .24s ease; }
.quality-step:hover { transform: translateY(-7px); border-color: rgba(200,146,46,.58); background: #101010; color: #fff; box-shadow: 0 30px 76px rgba(23,23,23,.18); }
.quality-step:hover p { color: rgba(255,255,255,.72); }
.quality-step b { display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; color: #111; background: linear-gradient(135deg, var(--light-gold), var(--gold)); margin-bottom: 18px; }
.client-wall { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.resource-layout { display: grid; grid-template-columns: 280px 1fr; gap: 28px; align-items: start; }
.resource-nav { position: sticky; top: 130px; display: grid; gap: 8px; padding: 18px; border-radius: 8px; background: #111; border: 1px solid rgba(200,146,46,.28); }
.resource-nav .btn { width: 100%; text-align: left; }
.spec-table th { width: 34%; }
.mobile-links { display: grid; gap: 8px; }
.mobile-links a:not(.btn) { padding: 10px 0; border-bottom: 1px solid #eee; }
.offcanvas { max-width: min(92vw, 420px); }
.mobile-action-row { display: grid; gap: 10px; margin-bottom: 12px; }
.mobile-quick-cta { display: flex !important; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 11px 14px !important; border: 1px solid rgba(200,146,46,.45) !important; border-radius: 6px; background: #111; color: var(--light-gold) !important; font-weight: 850; text-align: center; }
.mobile-quick-cta i { font-size: 1.08rem; }
.mobile-quick-cta:hover { background: var(--gold); color: #111 !important; border-color: var(--gold) !important; }
.mobile-menu-toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; border: 1px solid #ece6d8; border-radius: 6px; background: #faf8f2; color: #171717; padding: 12px 14px; font-weight: 800; }
.mobile-menu-toggle i { transition: transform .2s ease; }
.mobile-menu-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
.mobile-submenu { border: 1px solid #eee4d2; border-top: 0; border-radius: 0 0 6px 6px; margin-top: -8px; padding: 8px 14px 12px; background: #fff; max-height: 330px; overflow: auto; }
.mobile-submenu a { display: block; padding: 8px 0; color: #343434; font-size: .95rem; border-bottom: 1px solid #f1f1f1 !important; }
.mobile-submenu a:last-child { border-bottom: 0 !important; }
.mobile-all-link { color: var(--dark-gold) !important; font-weight: 800; }
@media (max-width: 1199px) {
    .site-header { background: rgba(11,11,11,.97); }
    .navbar-toggler { background: #fff; }
    .navbar .container { gap: 12px; }
    .navbar .btn-gold { min-height: 50px; }
    .trust-strip, .metric-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .intro-grid, .management-overview { grid-template-columns: 1fr; }
    .about-company-layout, .about-video-band { grid-template-columns: 1fr; }
    .about-company-media img { min-height: 320px; }
    .about-feature-grid { grid-template-columns: 1fr; }
    .management-overview { background: linear-gradient(135deg, #101010, #1d1a14); }
    .leadership-feature-grid { grid-template-columns: 1fr; }
    .director-board { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .covering-selector, .client-intro-band, .industry-detail-hero, .covering-detail-band, .contact-command { grid-template-columns: 1fr; }
    .detail-visual-band { grid-template-columns: 1fr; }
    .covering-comparison { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .factory-gallery { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .faq-panel, .contact-grid, .quote-grid { grid-template-columns: 1fr; }
    .split-feature, .product-finder, .resource-layout, .legal-layout { grid-template-columns: 1fr; }
    .finder-panel, .resource-nav { position: static; }
    .service-timeline, .quality-steps, .quote-process { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .client-wall { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .home-client-grid { gap: 14px; }
    .faq-intro, .contact-panel, .quote-panel, .legal-nav { position: static; }
}
@media (min-width: 1200px) {
    .navbar .dropdown:hover > .dropdown-menu { display: block; margin-top: 0; }
    .navbar-nav { gap: 0; }
}
@media (max-width: 767px) {
    body { overflow-x: hidden; }
    .btn { white-space: normal; }
    .row { --bs-gutter-x: 1rem; }
    .hero { height: auto; min-height: 690px; padding: 138px 0 42px; align-items: flex-start; }
    .hero h1 { font-size: clamp(2rem, 9vw, 3rem); }
    .hero p { font-size: 1rem; }
    .section { padding: 58px 0; }
    .section-title { margin-bottom: 30px; }
    .section-title h2 { font-size: clamp(1.7rem, 8vw, 2.35rem); }
    .page-hero { min-height: 360px; padding: 138px 0 58px; }
    .home-intro-section { padding-bottom: 56px; }
    .about-company-layout { gap: 26px; }
    .about-company-copy h2 { font-size: clamp(1.9rem, 9vw, 2.65rem); }
    .about-company-copy h2::after { margin-left: auto; margin-right: auto; }
    .about-company-copy { text-align: center; }
    .about-company-copy > strong { border-radius: 8px; }
    .about-company-media img { min-height: 230px; }
    .about-feature-grid { margin-top: 24px; }
    .about-video-band { padding: 22px; margin-top: 28px; }
    .trust-strip, .metric-grid, .factory-gallery { grid-template-columns: 1fr; }
    .trust-strip div { min-height: auto; }
    .image-panel, .image-panel img, .factory-shot, .factory-shot img { min-height: 240px; }
    .footer-cta { align-items: flex-start; flex-direction: column; padding: 24px; }
    .footer-products-col { padding-left: calc(var(--bs-gutter-x) * .5); }
    .site-header .navbar-brand img { width: min(238px, calc(100vw - 108px)); height: 60px; }
    .management-overview { padding: 22px; }
    .management-proof { grid-template-columns: 1fr; }
    .management-proof-item { min-height: 132px; }
    .leadership-feature-card { grid-template-columns: 1fr; }
    .leadership-feature-card figure { min-height: 320px; }
    .director-board { grid-template-columns: 1fr; }
    .director-card { min-height: auto; padding: 24px 18px; }
    .director-card img { width: 96px; height: 96px; min-height: 0; }
    .about-proof, .selector-list, .covering-comparison, .quote-process { grid-template-columns: 1fr; }
    .detail-gallery { grid-template-columns: 1fr; }
    .covering-selector, .client-intro-band, .industry-detail-hero, .covering-detail-band, .contact-command { padding: 22px; }
    .management-photo { height: 310px; min-height: 310px; }
    .management-body { min-height: auto; }
    .management-nameplate { padding: 16px 18px 10px; }
    .faq-panel { padding: 16px; }
    .form-card { padding: 22px; }
    .quote-form { padding: 0; }
    .quote-form-head, .quote-form-body { padding: 24px; }
    .form-section { padding: 18px; }
    .footer-bottom { align-items: flex-start; flex-direction: column; }
    .footer-bottom a { margin: 0 12px 0 0; }
    .quote-band { grid-template-columns: 1fr; padding: 24px; }
    .quote-band .btn { width: 100%; }
    .service-timeline, .quality-steps { grid-template-columns: 1fr; }
    .client-wall { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .home-client-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
    .client-logo-card { grid-template-rows: 124px auto; min-height: 198px; padding: 16px 12px; }
    .client-logo-card img { height: 112px; padding: 12px; }
    .product-thumb, .service-thumb { height: 156px; }
}

@media (max-width: 430px) {
    .client-wall { grid-template-columns: 1fr; }
    .home-client-grid { grid-template-columns: 1fr; }
    .client-logo-card { grid-template-rows: 138px auto; min-height: 212px; }
    .client-logo-card img { height: 126px; max-width: 290px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
    .js .section > .container { opacity: 1; transform: none; }
}