/* main.css */
:root {
    --dark-green: #1F3A26;
    --deep-green: #1F3A26;
    --emerald: #1F3A26;
    --cream: #F8F6F0;
    --gold: #7E9D35;
    --leaf-green: #A5C15A;
    --muted-white: rgba(255, 255, 255, 0.78);
    --border-green: #B7CF74;
    --border-gold: #B7CF74;
    --green-950: var(--deep-green);
    --green-900: var(--dark-green);
    --green-800: var(--emerald);
    --green-700: #A5C15A;
    --green-500: #7E9D35;
    --cream-2: var(--cream);
    --gold-2: var(--gold);
    --icon-green: var(--leaf-green);
    --white: #ffffff;
    --ink: #1F3A26;
    --muted: #435347;
    --line: #B7CF74;
    --soft-line: #B7CF74;
    --shadow: 0 15px 40px rgba(70, 90, 20, 0.08);
    --max-width: 1180px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--ink);
    background: var(--cream-2);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.55;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
}

.container {
    width: min(100% - 60px, var(--max-width));
    margin: 0 auto;
}

.skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 1000;
    padding: 10px 14px;
    color: var(--ink);
    background: var(--green-900);
    transform: translateY(-150%);
}

.skip-link:focus {
    transform: translateY(0);
}

.site-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 100;
    color: var(--ink);
    background: linear-gradient(135deg, #A0BB58 0%, #8FAE46 45%, #769337 100%);
    backdrop-filter: blur(2px);
    transition: background 200ms ease, box-shadow 200ms ease;
}

.site-header.is-scrolled,
.site-header.is-menu-open {
    background: rgba(247, 245, 239, 0.96);
    box-shadow: 0 14px 34px rgba(70, 90, 20, 0.08);
    backdrop-filter: blur(18px);
}

.header-main {
    display: flex;
    align-items: center;
    min-height: 82px;
    gap: 34px;
    justify-content: space-between;
}

.brand {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.brand-logo {
    width: 178px;
    height: auto;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.25));
}

.desktop-nav {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    margin-left: auto;
}

.nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.nav-list > .nav-item > a,
.nav-link,
.nav-trigger {
    display: inline-flex;
    align-items: center;
    min-height: 82px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
}

.nav-trigger > span,
.nav-arrow {
    color: var(--gold);
}

.nav-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 82px;
    padding: 4px;
    margin-left: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
}

.desktop-nav a:hover,
.nav-item:hover .nav-trigger,
.nav-item:hover .nav-link,
.nav-arrow:hover {
    color: var(--gold-2);
}

.nav-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}

.has-solutions-dropdown,
.has-mega-dropdown {
    position: static;
}

.simple-dropdown,
.solenis-dropdown {
    display: none !important;
    position: absolute;
    top: 100%;
    z-index: 9999;
    margin: 0;
    list-style: none;
    color: #062e22;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.18);
}

.nav-item:hover > .simple-dropdown,
.nav-item:focus-within > .simple-dropdown,
.nav-item:hover > .solenis-dropdown,
.nav-item:focus-within > .solenis-dropdown,
.has-dropdown.is-open > .simple-dropdown,
.has-dropdown.is-open > .solenis-dropdown {
    display: block !important;
}

.solenis-dropdown {
    left: 50%;
    display: none !important;
    width: min(1180px, calc(100vw - 48px));
    height: 520px;
    overflow: hidden;
    transform: translateX(-50%);
}

.mega-menu.solutions-mega,
.mega-menu.standard-mega,
.solenis-dropdown.solutions-dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    width: min(1180px, calc(100vw - 80px));
    max-width: 1180px;
    height: 520px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
    transform: translateX(-50%);
    z-index: 9999;
}

.solutions-mega-inner,
.standard-mega-inner {
    display: grid;
    grid-template-columns: 280px 320px 300px 260px;
    height: 520px;
    padding-right: 0;
    padding-left: 0;
}

.nav-item.is-open > .mega-menu,
.has-dropdown.is-open > .solutions-dropdown {
    display: block !important;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.has-dropdown.is-open > .standard-mega {
    display: block !important;
}

.mega-menu a,
.mega-menu a:hover,
.mega-menu a:focus,
.mega-menu a:active,
.megamenu a,
.megamenu a:hover,
.megamenu a:focus,
.megamenu a:active {
    text-decoration: none !important;
}

.megamenu-column ul li {
    border-bottom: 0 !important;
}

.solutions-panel-one {
    padding: 14px;
    background: #fff;
    border-right: 1px solid #d1d5db;
}

.solutions-main-link {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 68px;
    padding: 14px 18px;
    color: #062e22;
    border-radius: 4px;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.28;
}

.mega-item,
.mega-sub-item,
.mega-product-item,
.solutions-product-list a {
    color: #062e22;
    background: transparent;
    border-left: 4px solid transparent;
    border-radius: 6px;
    box-sizing: border-box;
}

.mega-item.is-active,
.mega-sub-item.is-active,
.solutions-main-link.is-active,
.solutions-sub-list a.is-active {
    color: #062e22;
    background: #f3efe5;
    border-left-color: #c79a3b;
    font-weight: 700;
}

.mega-item:hover,
.mega-sub-item:hover,
.mega-product-item:hover,
.solutions-main-link:hover,
.solutions-sub-list a:hover,
.solutions-product-list a:hover {
    color: #062e22;
    background: #f8f5ee;
    transition: 0.25s ease;
}

.mega-item .arrow,
.mega-sub-item .arrow,
.mega-product-item .arrow,
.mega-item b,
.mega-sub-item b,
.mega-product-item b,
.solutions-main-link b,
.solutions-sub-list a b {
    color: #c79a3b;
}

.solutions-main-link b {
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
}

.solutions-sub-list,
.solutions-product-list {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    gap: 0;
    min-width: 0;
    padding: 24px 26px;
}

.solutions-sub-list {
    border-right: 1px solid #e5e7eb;
}

.solutions-sub-list a,
.solutions-product-list a {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 0 12px;
    color: #062e22;
    font-size: 16px;
    font-weight: 600;
}

.solutions-sub-list .important-link {
    font-weight: 800;
    text-decoration: none;
    text-underline-offset: 5px;
}

.mega-promo,
.solutions-promo-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: calc(100% - 48px);
    min-width: 0;
    overflow: hidden;
    margin: 24px;
    padding: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 72% 15%, rgba(155, 188, 74, 0.2), transparent 34%),
        linear-gradient(145deg, #062e22, #021f18);
    border-radius: 8px;
}

.mega-promo * {
    position: relative;
    z-index: 2;
}

.promo-leaf {
    display: block;
    width: 76px;
    height: 76px;
    margin-bottom: 28px;
    color: #9bbc4a;
}

.promo-leaf svg {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.5;
}

.solutions-promo-card h3 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 27px;
    line-height: 1.15;
}

.solutions-promo-card h3 span {
    color: #b88a32;
}

.solutions-promo-card p {
    margin: 0 0 24px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 14px;
    line-height: 1.65;
}

.solutions-promo-card > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    width: 100%;
    min-width: 0;
    min-height: 52px;
    padding: 0 18px;
    color: #fff;
    border: 1px solid #b88a32;
    border-radius: 999px;
    font-weight: 800;
}

.solutions-promo-card > a:hover {
    color: #062e22;
    background: #b88a32;
}

.simple-dropdown {
    left: 0;
    min-width: 270px;
    padding: 12px;
}

.simple-dropdown li {
    list-style: none;
}

.simple-dropdown a {
    display: block;
    padding: 12px 14px;
    color: #062e22;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.simple-dropdown a:hover {
    color: #062e22;
    background: #f5f0e4;
}

@media (max-width: 1260px) {
    .mega-menu.solutions-mega,
    .mega-menu.standard-mega,
    .solenis-dropdown.solutions-dropdown {
        left: 20px;
        width: calc(100vw - 40px);
        transform: none;
    }

    .solutions-mega-inner,
    .standard-mega-inner {
        grid-template-columns: minmax(220px, 280px) minmax(240px, 320px) minmax(220px, 300px) minmax(210px, 260px);
    }
}

.eyebrow,
.section-kicker {
    display: inline-block;
    color: var(--gold);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.header-actions {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 0;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 900;
    transition: transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease;
}

.header-cta {
    min-height: 48px;
    padding: 0 22px;
    border-radius: 26px;
}

.btn::after {
    margin-left: 10px;
    content: "->";
}

.btn:hover {
    transform: translateY(-1px);
}

.btn-gold {
    color: var(--ink);
    background: linear-gradient(135deg, #9b7532, var(--gold));
}

.btn-glass {
    color: var(--ink);
    border: 1px solid rgba(255, 255, 255, 0.48);
    background: rgba(255, 255, 255, 0.06);
}

.btn-outline-green {
    color: var(--green-800);
    border: 1px solid var(--green-700);
    background: transparent;
}

.mobile-menu-toggle {
    display: none;
    width: 44px;
    height: 44px;
    padding: 0;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
}

.mobile-menu-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 4px auto;
    background: var(--white);
}

.mobile-drawer {
    display: none;
}

.hero-fullscreen {
    position: relative;
    display: grid;
    min-height: 760px;
    overflow: hidden;
    color: var(--ink);
    background-image: url("/assets/images/hero/hero-bg.png");
    background-position: center center;
    background-size: cover;
}

.hero-bg {
    display: none;
}

.hero-fullscreen::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: "";
    background:
        linear-gradient(90deg,
            rgba(2, 31, 24, 0.92) 0%,
            rgba(2, 31, 24, 0.78) 28%,
            rgba(2, 31, 24, 0.42) 58%,
            rgba(2, 31, 24, 0.30) 100%),
        radial-gradient(circle at 48% 42%,
            rgba(184, 138, 50, 0.18),
            transparent 34%),
        radial-gradient(circle at 8% 50%,
            rgba(2, 31, 24, 0.82),
            transparent 45%);
}

.hero-fullscreen::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: "";
    pointer-events: none;
    background:
        radial-gradient(circle at center,
            transparent 35%,
            rgba(2, 31, 24, 0.55) 100%);
}

.hero-layout {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.75fr);
    align-items: center;
    gap: 48px;
    min-height: 760px;
    padding-top: 82px;
}

.hero-content {
    position: relative;
    z-index: 3;
    max-width: 520px;
}

.hero h1 {
    margin: 14px 0 16px;
    color: var(--ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 4.2vw, 62px);
    font-weight: 600;
    line-height: 0.98;
    letter-spacing: 0;
    text-shadow:
        0 4px 18px rgba(0, 0, 0, 0.55),
        0 1px 0 rgba(255, 255, 255, 0.08);
}

.hero h1 span {
    color: #9bbc4a;
    text-shadow:
        0 4px 18px rgba(0, 0, 0, 0.55),
        0 0 18px rgba(155, 188, 74, 0.18);
}

.section-intro h2 span,
.sustainability-layout h2 span {
    color: var(--leaf-green);
}

.hero p {
    max-width: 500px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 14px;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.55);
}

.hero .eyebrow {
    color: #b88a32;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

.hero .btn-gold {
    color: #ffffff;
    background: #b88a32;
    box-shadow:
        0 14px 28px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.hero .btn-glass {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.42);
    background: rgba(2, 31, 24, 0.45);
    box-shadow:
        0 12px 24px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 22px;
}

.hero-visual {
    position: relative;
    min-height: 320px;
}

.hero-globe {
    display: none;
}

.hero-leaf {
    display: none;
}

.hero-orbit {
    display: none;
}

.hero-orbit-two {
    display: none;
}

.cert-strip-image {
    width: 100%;
    height: 340px;
    background: url("/assets/images/everklin-certification-strip-reference.png") center center / 100% 100% no-repeat;
}

.everklin-trust {
    background:
        radial-gradient(circle at 50% 25%, rgba(155, 188, 74, .12), transparent 38%),
        linear-gradient(180deg, #062e22 0%, #021f18 100%);
    padding: 42px 0 48px;
    color: #fff;
}

.trust-wrap {
    width: 92%;
    max-width: 1500px;
    margin: auto;
}

.trust-grid {
    display: grid;
    align-items: center;
}

.everklin-trust .cert-grid {
    grid-template-columns: repeat(4, 1fr);
}

.everklin-trust .stat-grid {
    grid-template-columns: repeat(5, 1fr);
}

.trust-divider {
    height: 1px;
    margin: 34px 0;
    background: rgba(255, 255, 255, .14);
}

.trust-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    min-height: 82px;
    padding: 0 34px;
    border-right: 1px solid rgba(255, 255, 255, .15);
}

.trust-box:last-child {
    border-right: 0;
}

.everklin-trust .trust-icon {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    flex: 0 0 58px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
}

.everklin-trust .trust-icon.green {
    color: #9bbc4a;
}

.everklin-trust .trust-icon.gold {
    color: #b88a32;
}

.everklin-trust .trust-icon.iso {
    border: 2px solid #9bbc4a;
    border-radius: 50%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 900;
}

.trust-box h3,
.trust-box h2 {
    margin: 0 0 8px;
    color: #ffffff;
    font-weight: 800;
    line-height: 1;
    text-shadow: 0 3px 12px rgba(0, 0, 0, .35);
}

.trust-box h3 {
    font-size: 26px;
}

.trust-box h2 {
    font-size: 36px;
}

.trust-box p {
    margin: 0;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.trust-strip {
    background:
        radial-gradient(circle at 50% 30%, rgba(155, 188, 74, .13), transparent 45%),
        linear-gradient(180deg, #063426 0%, #05291f 100%);
    color: #fff;
    padding: 0 8%;
}

.trust-row {
    display: grid;
    align-items: center;
}

.trust-certifications {
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.trust-stats {
    grid-template-columns: repeat(5, 1fr);
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 22px;
    min-height: 112px;
    padding: 20px 38px;
    border-left: 1px solid rgba(255, 255, 255, .10);
}

.trust-item:last-child {
    border-right: 1px solid rgba(255, 255, 255, .10);
}

.trust-icon {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
}

.trust-icon.green {
    color: #9bbc4a;
}

.trust-icon.gold {
    color: #b88a32;
}

.trust-iso {
    border: 1.6px solid currentColor;
    border-radius: 50%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 900;
}

.trust-item h4 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: .2px;
    text-transform: uppercase;
}

.trust-stats h4 {
    font-size: 34px;
    text-transform: none;
}

.trust-item p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    font-weight: 700;
}

.trust-certifications p {
    text-transform: uppercase;
}

.cert-strip,
.stats-strip,
.compliance-strip {
    color: var(--ink);
    background:
        radial-gradient(circle at 50% 0%, rgba(155, 188, 74, 0.08), transparent 42%),
        #062e22;
    box-shadow: inset 0 1px 0 rgba(155, 188, 74, 0.22), inset 0 -1px 0 rgba(155, 188, 74, 0.22);
}

.cert-strip {
    border-top: 1px solid rgba(155, 188, 74, 0.22);
}

.strip-grid {
    display: grid;
}

.cert-grid,
.compliance-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.stats-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-top: 1px solid rgba(155, 188, 74, 0.22);
}

.strip-item,
.stat-item {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    min-height: 82px;
    padding: 16px 28px;
    border-left: 1px solid rgba(155, 188, 74, 0.22);
}

.strip-item:last-child,
.stat-item:last-child {
    border-right: 1px solid rgba(155, 188, 74, 0.22);
}

.line-icon {
    display: grid;
    grid-row: span 2;
    width: 46px;
    height: 46px;
    place-items: center;
    margin-right: 16px;
    color: #9bbc4a;
    font-size: 18px;
    font-weight: 900;
}

.line-svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: none;
}

.cert-grid .strip-item:nth-child(3) .line-icon,
.compliance-grid .strip-item:nth-child(3) .line-icon,
.strip-item:nth-child(even) .line-icon,
.stat-item:nth-child(even) .line-icon {
    color: #b88a32;
}

.strip-item strong,
.stat-item strong {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.08;
    text-shadow: none;
    text-transform: uppercase;
}

.strip-item small,
.stat-item small {
    color: rgba(255, 255, 255, 0.78);
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
}

.stat-item strong {
    font-size: 29px;
    line-height: 1;
    text-transform: none;
}

.stat-item small {
    text-transform: none;
}

.section-light {
    background: var(--cream-2);
}

.botanical-bg {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 24%, rgba(184, 138, 50, 0.08) 0 1px, transparent 1.4px),
        radial-gradient(circle at 76% 62%, rgba(184, 138, 50, 0.08) 0 1px, transparent 1.4px),
        #f5f0e4;
    background-size: 46px 46px, 58px 58px, 100% 100%;
}

.botanical-bg::before,
.botanical-bg::after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: min(22vw, 300px);
    content: "";
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='260' height='360' viewBox='0 0 260 360' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='rgba(6,46,34,0.10)' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M70 358C72 285 78 221 104 164C128 111 162 73 218 26'/%3E%3Cpath d='M82 292C48 266 27 229 20 184C56 198 80 235 82 292Z'/%3E%3Cpath d='M99 238C137 220 166 189 184 145C142 149 110 183 99 238Z'/%3E%3Cpath d='M116 184C84 157 66 121 61 79C96 92 119 126 116 184Z'/%3E%3Cpath d='M139 136C176 121 205 93 227 52C187 52 154 84 139 136Z'/%3E%3Cpath d='M57 328C38 319 22 304 10 284'/%3E%3Cpath d='M61 321C45 293 41 268 48 246'/%3E%3Cpath d='M133 206C159 194 179 177 192 154'/%3E%3Cpath d='M128 211C150 216 172 211 194 196'/%3E%3Cpath d='M88 136C73 111 70 87 80 65'/%3E%3Cpath d='M92 143C71 136 53 122 38 101'/%3E%3Cpath d='M178 94C205 83 226 67 240 46'/%3E%3Cpath d='M172 101C198 105 220 99 238 82'/%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 128% auto;
    pointer-events: none;
}

.botanical-bg::before {
    left: -54px;
}

.botanical-bg::after {
    right: -54px;
    transform: scaleX(-1);
}

.solution-layout {
    position: relative;
    z-index: 1;
}

.solutions-showcase {
    padding: 38px 0;
}

.solution-layout {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 34px;
    align-items: center;
}

.section-intro h2,
.section-row-heading h2,
.sustainability-layout h2,
.manufacturing-layout h2,
.knowledge-layout h2 {
    margin: 10px 0 16px;
    color: var(--green-950);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(26px, 2.6vw, 34px);
    font-weight: 600;
    line-height: 1.06;
    letter-spacing: 0;
}

.section-intro p {
    color: var(--muted);
    font-size: 13px;
}

.section-intro > a:not(.btn),
.section-row-heading a,
.knowledge-layout .section-intro a {
    color: var(--green-700);
    font-weight: 900;
}

.solution-card-row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.solution-mini-card {
    display: grid;
    justify-items: center;
    min-height: 222px;
    padding: 24px 16px 18px;
    text-align: center;
    background: #ffffff;
    border: 1px solid rgba(184, 138, 50, 0.2);
    border-radius: 10px;
    box-shadow: 0 18px 35px rgba(6, 46, 34, 0.08);
}

.solution-line-icon {
    display: grid;
    width: 62px;
    height: 62px;
    place-items: center;
    color: #0b6b4b;
    background: transparent;
    border: 1px solid #d7b66a;
    border-radius: 50%;
    font-size: 24px;
}

.solution-mini-card:nth-child(even) .solution-line-icon {
    color: #9bbc4a;
}

.solution-line-icon .line-svg {
    width: 45px;
    height: 45px;
    stroke-width: 1.65;
}

.solution-mini-card h3 {
    margin: 18px 0 10px;
    color: var(--green-950);
    font-size: 15px;
    line-height: 1.25;
}

.solution-mini-card p {
    margin: 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.62;
}

.solution-mini-card > span:not(.solution-line-icon) {
    align-self: end;
    margin-top: 18px;
    color: #b88a32;
    font-size: 13px;
    font-weight: 900;
}

.solution-mini-card > span:not(.solution-line-icon)::after {
    margin-left: 6px;
    content: "->";
}

.section-dark {
    color: var(--ink);
    background:
        radial-gradient(circle at 70% 16%, rgba(155, 188, 74, 0.14), transparent 30%),
        radial-gradient(circle at 18% 88%, rgba(184, 138, 50, 0.11), transparent 23%),
        linear-gradient(180deg, #021f18, #062e22 48%, #021f18);
}

.industries-showcase {
    padding: 38px 0 40px;
}

.section-row-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
}

.section-dark h2 {
    color: var(--ink);
}

.slider-controls {
    display: flex;
    gap: 10px;
}

.slider-controls button {
    width: 38px;
    height: 38px;
    color: var(--green-950);
    background: var(--white);
    border: 0;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 900;
    cursor: pointer;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.slider-controls button:hover {
    color: var(--ink);
    background: var(--gold-500);
    transform: translateY(-2px);
}

.industry-slider {
    overflow: hidden;
    width: 100%;
}

.industry-card-row {
    display: flex;
    gap: 14px;
    will-change: transform;
    transition: transform 0.42s ease;
}

.image-card {
    position: relative;
    display: grid;
    align-content: end;
    justify-items: center;
    flex: 0 0 calc((100% - 70px) / 6);
    min-height: 152px;
    padding: 20px;
    overflow: hidden;
    color: var(--ink);
    background:
        linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)),
        var(--green-900);
    background-position: center;
    background-size: cover;
    border: 1px solid rgba(184, 138, 50, 0.42);
    border-radius: 8px;
    transition: background-size 0.35s ease, border-color 0.25s ease, transform 0.25s ease;
}

.industries-showcase .image-card:hover {
    background-size: 112%;
    border-color: rgba(184, 138, 50, 0.72);
    transform: translateY(-3px);
}

.image-card::after {
    position: absolute;
    inset: 0;
    content: "";
    background:
        linear-gradient(180deg, rgba(2, 31, 24, 0.02) 18%, rgba(2, 31, 24, 0.92) 100%),
        linear-gradient(180deg, transparent 32%, rgba(2, 31, 24, 0.84));
}

.image-card span {
    position: absolute;
    right: 14px;
    bottom: 14px;
    left: 14px;
    z-index: 1;
    font-weight: 900;
    font-size: 15px;
    line-height: 1.22;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.62);
    text-align: center;
}

.card-railways {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/railways.jpg");
}

.card-housekeeping {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/hospitality.jpg");
}

.card-airports {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/airports.jpg");
}

.card-hospitality {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/hospitality.jpg");
}

.card-healthcare {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/healthcare.jpg");
}

.card-manufacturing {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/manufacturing.jpg");
}

.card-food {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/food-processing.jpg");
}

.card-education {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/healthcare.jpg");
}

.card-dairy {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/food-processing.jpg");
}

.card-pharma {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/healthcare.jpg");
}

.card-paper {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/manufacturing.jpg");
}

.card-power {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/airports.jpg");
}

.card-wtp {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/manufacturing.jpg");
}

.card-ro-uf {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/industries/food-processing.jpg");
}

.card-facility {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/manufacturing/manufacturing.jpg");
}

.card-lab {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/manufacturing/laboratory.jpg");
}

.card-quality {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/manufacturing/quality.jpg");
}

.card-capacity {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.9)), url("/assets/images/manufacturing/production.jpg");
}

.sustainability-feature {
    position: relative;
    overflow: hidden;
    color: var(--ink);
    background: var(--green-950);
}

.sustainability-bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 76% 44%, rgba(155, 188, 74, 0.11), transparent 30%),
        linear-gradient(90deg, rgba(2, 31, 24, 0.12) 0%, rgba(2, 31, 24, 0.66) 34%, rgba(2, 31, 24, 0.94) 100%),
        url("/assets/images/sustainability/leaf-bg.jpg") center/cover no-repeat;
}

.sustainability-bg::before {
    content: none;
}

.sustainability-layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    align-items: center;
    min-height: 282px;
    gap: 44px;
    padding: 38px 0;
    padding-left: min(27vw, 380px);
}

.sustainability-layout h2 {
    color: var(--ink);
}

.sustainability-layout p {
    max-width: 500px;
    color: rgba(255, 255, 255, 0.82);
}

.esg-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    max-width: 560px;
    margin-top: 20px;
}

.esg-icon {
    display: block;
    width: 36px;
    height: 36px;
    margin-bottom: 5px;
    color: var(--leaf-green);
}

.esg-stats div:nth-child(even) .esg-icon {
    color: var(--gold);
}

.esg-stats strong {
    display: block;
    color: var(--ink);
    font-size: 25px;
}

.esg-stats small {
    color: rgba(255, 255, 255, 0.74);
    font-size: 11px;
    font-weight: 800;
}

.video-callout {
    display: grid;
    justify-items: start;
    gap: 10px;
    color: var(--ink);
}

.play-button {
    display: grid;
    width: 78px;
    height: 78px;
    place-items: center;
    color: var(--ink);
    border: 1px dashed var(--gold);
    border-radius: 50%;
}

.play-button::before {
    width: 0;
    height: 0;
    margin-left: 4px;
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid var(--white);
}

.video-callout small {
    color: var(--gold-2);
    font-weight: 900;
}

.manufacturing-section {
    padding: 38px 0;
}

.manufacturing-layout {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 34px;
    align-items: center;
}

.manufacturing-section .section-intro h2 {
    font-size: 31px;
    line-height: 1.08;
}

.manufacturing-section .section-intro p {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.65;
}

.manufacturing-section .btn {
    min-height: 36px;
    padding: 0 17px;
    font-size: 11px;
}

.manufacturing-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    align-items: end;
}

.image-card.tall {
    min-height: 230px;
}

.manufacturing-grid .image-card span {
    padding: 0 18px 18px;
    font-size: 16px;
    line-height: 1.18;
}

.compliance-strip .strip-item {
    min-height: 92px;
    padding: 14px 28px;
    border-left: 1px solid rgba(155, 188, 74, 0.22);
}

.compliance-strip .line-icon {
    width: 46px;
    height: 46px;
    margin-right: 16px;
}

.compliance-strip .strip-item strong {
    font-size: 17px;
}

.compliance-strip .strip-item small {
    font-size: 11px;
}

.knowledge-center {
    padding: 44px 0 42px;
}

.botanical-corner {
    background:
        radial-gradient(circle at 8% 92%, rgba(109, 162, 63, 0.15), transparent 16%),
        var(--cream-2);
}

.knowledge-layout {
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr);
    gap: 34px;
    align-items: start;
}

.knowledge-layout .section-intro h2 {
    font-size: 30px;
    line-height: 1.12;
}

.knowledge-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.article-card {
    overflow: hidden;
    background: var(--white);
    border: 1px solid rgba(184, 138, 50, 0.14);
    border-radius: 8px;
    box-shadow: 0 12px 26px rgba(45, 34, 18, 0.1);
}

.article-visual {
    display: grid;
    width: 100%;
    height: 125px;
    place-items: center;
    color: rgba(255, 255, 255, 0.86);
    font-size: 42px;
}

.article-green {
    background: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.55)), url("/assets/images/resources/blog1.jpg") center/cover;
}

.article-water {
    background: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.55)), url("/assets/images/resources/blog2.jpg") center/cover;
}

.article-plant {
    background: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.55)), url("/assets/images/resources/blog3.jpg") center/cover;
}

.article-hygiene {
    background: linear-gradient(180deg, rgba(2, 31, 24, 0.05), rgba(2, 31, 24, 0.55)), url("/assets/images/resources/blog4.jpg") center/cover;
}

.article-card span,
.article-card h3,
.article-card small {
    display: block;
    margin-right: 12px;
    margin-left: 12px;
}

.article-card span {
    margin-top: 13px;
    color: var(--green-700);
    font-size: 8.8px;
    font-weight: 900;
    text-transform: uppercase;
}

.article-card h3 {
    min-height: 48px;
    margin-top: 8px;
    color: var(--green-950);
    font-size: 13px;
    line-height: 1.32;
}

.article-card small {
    margin-bottom: 16px;
    color: var(--muted);
    font-size: 10px;
}

.site-footer {
    color: rgba(255, 255, 255, 0.72);
    background:
        radial-gradient(circle at 12% 0%, rgba(155, 188, 74, 0.14), transparent 30%),
        linear-gradient(180deg, #062e22, #021f18);
}

.footer-main {
    display: grid;
    grid-template-columns: 1.55fr repeat(4, 0.86fr) 1.08fr;
    gap: 14px;
    padding: 14px 0 10px;
}

.brand-footer .brand-logo {
    width: 106px;
}

.footer-story p {
    max-width: 245px;
    margin: 6px 0 0;
    font-size: 9.5px;
    line-height: 1.28;
}

.social-links {
    display: flex;
    gap: 6px;
    margin-top: 7px;
}

.social-links a {
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    font-size: 8.5px;
    font-weight: 900;
}

.footer-col h2 {
    margin: 0 0 6px;
    color: var(--gold-2);
    font-size: 9.5px;
    text-transform: uppercase;
}

.footer-col a,
.footer-col span {
    display: block;
    margin-bottom: 3px;
    font-size: 9.2px;
    line-height: 1.18;
}

.footer-col a:hover {
    color: var(--gold-2);
}

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 7px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 9.4px;
}

.footer-bottom div {
    display: flex;
    gap: 18px;
}

/* ===============================
   EVERKLIN FINAL VISUAL OVERRIDE
================================ */

:root{
  --ek-dark:#062E22;
  --ek-deep:#021F18;
  --ek-cream:#F5F0E4;
  --ek-gold:#B88A32;
  --ek-green:#9BBC4A;
  --ek-white:#FFFFFF;
}

/* HERO */
.hero{
  min-height:760px;
  position:relative;
  overflow:hidden;
  background:url("../images/hero/hero-bg.png") center center/cover no-repeat;
}

.hero-bg{
  display:none !important;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(185, 204, 120, 0.88) 0%,
      rgba(169, 192, 102, 0.76) 28%,
      rgba(151, 175, 82, 0.42) 58%,
      rgba(151, 175, 82, 0.24) 100%),
    radial-gradient(circle at 50% 45%,
      rgba(184,138,50,.18),
      transparent 38%);
  z-index:1;
}

.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at center, transparent 35%, rgba(88, 160, 61, 0.34) 100%);
  z-index:2;
}

.hero-layout{
  position:relative;
  z-index:3;
  min-height:760px;
  display:grid;
  grid-template-columns:520px 1fr;
  align-items:center;
}

.hero-content h1{
  color:#fff;
  text-shadow:0 6px 24px rgba(0,0,0,.55);
}

.hero-content h1 span{
  color:var(--ek-green);
  text-shadow:0 0 20px rgba(155,188,74,.22);
}

.eyebrow{
  color:var(--ek-gold);
  text-shadow:0 3px 12px rgba(0,0,0,.45);
}

/* TRUST STRIP */
.everklin-trust{
  background:
    radial-gradient(circle at 50% 20%, rgba(155,188,74,.12), transparent 42%),
    linear-gradient(180deg,#063426 0%,#05291F 100%);
  padding:38px 0 42px;
  color:#fff;
}

.trust-wrap{
  width:min(100% - 70px,1500px);
  margin:auto;
}

.cert-grid{
  grid-template-columns:repeat(4,1fr);
}

.stat-grid{
  grid-template-columns:repeat(5,1fr);
}

.trust-divider{
  height:1px;
  background:rgba(255,255,255,.12);
  margin:28px 0;
}

.trust-box{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-height:76px;
  padding:0 28px;
  border-right:1px solid rgba(255,255,255,.10);
  box-shadow:none !important;
}

.trust-box:last-child{
  border-right:none;
}

.trust-icon{
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--ek-green);
  font-size:0 !important;
}

.trust-icon svg{
  width:48px;
  height:48px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.trust-icon.gold{
  color:var(--ek-gold);
}

.trust-box h3,
.trust-box h2{
  margin:0 0 7px;
  color:#fff;
  font-weight:800;
  line-height:1;
  text-shadow:0 4px 16px rgba(0,0,0,.38);
}

.trust-box h3{font-size:24px;}
.trust-box h2{font-size:36px;}

.trust-box p{
  margin:0;
  color:rgba(255,255,255,.80);
  font-size:14px;
  font-weight:700;
  letter-spacing:.02em;
}

/* SOLUTIONS */
.solutions-showcase{
  background:var(--ek-cream);
  position:relative;
  overflow:hidden;
}

.botanical-bg::before,
.botanical-bg::after{
  content:"";
  position:absolute;
  width:360px;
  height:520px;
  background:
    radial-gradient(circle at 30% 20%, rgba(6,46,34,.10) 1px, transparent 2px),
    radial-gradient(circle at 70% 80%, rgba(184,138,50,.08) 1px, transparent 2px);
  background-size:26px 26px;
  opacity:.55;
  pointer-events:none;
}

.botanical-bg::before{
  left:-120px;
  top:40px;
}

.botanical-bg::after{
  right:-130px;
  bottom:20px;
}

.solution-mini-card{
  background:#fff;
  border:1px solid rgba(184,138,50,.20);
  border-radius:10px;
  box-shadow:0 18px 35px rgba(6,46,34,.08);
  transition:.3s ease;
}

.solution-mini-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 45px rgba(6,46,34,.14);
}

.solution-line-icon{
  width:62px;
  height:62px;
  border:1px solid #D7B66A;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0B6B4B;
}

.solution-line-icon svg,
.solution-line-icon .line-svg{
  width:34px;
  height:34px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* FOOTER COMPACT */
.site-footer{
  padding:42px 0 18px !important;
  background:linear-gradient(180deg,#062E22,#021F18);
}

.footer-main{
  gap:28px !important;
}

.footer-brand p,
.footer-story p{
  max-width:330px;
  margin-bottom:14px;
}

.footer-bottom{
  padding-top:18px !important;
  margin-top:22px !important;
}

/* =========================
   HERO COLOR DIRECTION
   ========================= */

.hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #A0BB58 0%, #8FAE46 45%, #769337 100%);
}

/* Background Image */
.hero-bg {
    display: block !important;
    position: absolute;
    inset: 0;

    background-image: url("../images/hero/hero-bg.png");

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    filter:
        saturate(115%)
        contrast(105%)
        brightness(0.82);

    transform: scale(1.03);
}

/* Main Dark Green Overlay */
.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.28), transparent 30%),
        radial-gradient(circle at 78% 26%, rgba(255, 255, 255, 0.18), transparent 26%),
        linear-gradient(135deg, rgba(185, 204, 120, 0.88) 0%, rgba(169, 192, 102, 0.78) 45%, rgba(151, 175, 82, 0.74) 100%);
}

/* Green Atmospheric Glow */
.hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;

    background:
        radial-gradient(
            circle at 25% 45%,
            rgba(11,107,75,0.28),
            transparent 40%
        ),
        radial-gradient(
            circle at 80% 30%,
            rgba(155,188,74,0.15),
            transparent 35%
        ),
        radial-gradient(
            circle at 70% 80%,
            rgba(11,107,75,0.18),
            transparent 40%
        );

    mix-blend-mode: screen;
}

/* Hero Content */
.hero-content {
    position: relative;
    z-index: 10;
}

.hero-layout {
    position: relative;
    z-index: 10;
}

/* White Heading */
.hero h1 {
    color: #ffffff;
    text-shadow:
        0 2px 8px rgba(0,0,0,0.25),
        0 8px 20px rgba(0,0,0,0.18);
}

/* Green Highlight Word */
.hero h1 span {
    color: #9BBC4A;
}

/* Paragraph */
.hero p {
    color: rgba(255,255,255,0.92);
}

/* Gold Eyebrow */
.hero .eyebrow {
    color: #B88A32;
}

/* Left Foreground Leaf Shadow */
.hero-left-leaf {
    position: absolute;
    left: -120px;
    bottom: -40px;
    width: 420px;
    opacity: 0.22;
    z-index: 3;
    filter:
        blur(2px)
        brightness(0.8);
}

/* Right Foreground Leaf */
.hero-right-leaf {
    position: absolute;
    right: -60px;
    bottom: -20px;
    width: 360px;
    z-index: 4;
    opacity: 0.92;
}

/* Globe Area Glow */
.hero-globe {
    filter:
        drop-shadow(0 20px 40px rgba(0,0,0,0.35))
        drop-shadow(0 0 40px rgba(155,188,74,0.15));

}

/* ===============================
   EVERKLIN DEEP FOREST SURFACES
   Matches the darker green tone shown in the latest reference crop.
================================ */

:root {
    --ek-forest-top: #003729;
    --ek-forest-mid: #002f24;
    --ek-forest-deep: #001f18;
    --ek-forest-edge: #001911;
    --ek-forest-glow: rgba(11, 107, 75, 0.28);
    --ek-forest-leaf-glow: rgba(155, 188, 74, 0.12);
}

.everklin-trust,
.cert-strip,
.stats-strip,
.compliance-strip,
.section-dark,
.site-footer,
.mega-promo,
.solutions-promo-card {
    background:
        radial-gradient(circle at 38% 35%, var(--ek-forest-glow), transparent 34%),
        radial-gradient(circle at 82% 12%, var(--ek-forest-leaf-glow), transparent 34%),
        linear-gradient(180deg, var(--ek-forest-top) 0%, var(--ek-forest-mid) 48%, var(--ek-forest-deep) 100%) !important;
}

.everklin-trust,
.cert-strip,
.stats-strip,
.compliance-strip {
    box-shadow:
        inset 0 1px 0 rgba(155, 188, 74, 0.2),
        inset 0 -1px 0 rgba(155, 188, 74, 0.18);
}

.site-footer {
    box-shadow: inset 0 1px 0 rgba(155, 188, 74, 0.16);
}

.mega-promo,
.solutions-promo-card {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 20px 42px rgba(0, 0, 0, 0.24);
}

.site-header.is-scrolled,
.site-header.is-menu-open {
    background: rgba(0, 31, 24, 0.94);
}

/* ===============================
   EVERKLIN INNER PAGE STRUCTURE
================================ */

.inner-page {
    background: var(--cream);
}

.inner-hero {
    position: relative;
    overflow: hidden;
    min-height: 430px;
    color: var(--ink);
    background:
        linear-gradient(90deg, rgba(0, 25, 18, 0.92), rgba(0, 47, 36, 0.76)),
        radial-gradient(circle at 78% 22%, rgba(155, 188, 74, 0.16), transparent 34%),
        linear-gradient(180deg, #003729 0%, #001f18 100%);
}

.inner-hero::after {
    position: absolute;
    right: -110px;
    bottom: -130px;
    width: 380px;
    height: 380px;
    content: "";
    border: 1px solid rgba(155, 188, 74, 0.16);
    border-radius: 50%;
    box-shadow: inset 0 0 80px rgba(155, 188, 74, 0.08);
}

.inner-hero-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 430px;
    padding-top: 98px;
    padding-bottom: 70px;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    font-weight: 700;
}

.breadcrumb a:hover {
    color: var(--gold);
}

.breadcrumb strong {
    color: var(--ink);
}

.inner-kicker {
    display: inline-flex;
    margin-bottom: 13px;
    color: var(--gold);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.inner-hero h1 {
    max-width: 820px;
    margin: 0;
    color: var(--ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(42px, 6vw, 72px);
    line-height: 0.98;
    text-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
}

.inner-hero p {
    max-width: 680px;
    margin: 22px 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 18px;
    line-height: 1.72;
}

.inner-content-section {
    padding: 82px 0;
    background:
        radial-gradient(circle at 8% 22%, rgba(155, 188, 74, 0.08), transparent 28%),
        var(--cream);
}

.placeholder-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.placeholder-card {
    min-height: 210px;
    padding: 28px;
    background: var(--white);
    border: 1px solid rgba(184, 138, 50, 0.18);
    border-radius: 12px;
    box-shadow: 0 18px 38px rgba(6, 46, 34, 0.08);
}

.placeholder-card span {
    color: var(--gold);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.placeholder-card h2 {
    margin: 12px 0 12px;
    color: var(--dark-green);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 26px;
    line-height: 1.12;
}

.placeholder-card p {
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.7;
}

.inner-cta-section {
    padding: 0 0 86px;
    background: var(--cream);
}

.inner-cta-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 42px;
    color: var(--ink);
    background:
        radial-gradient(circle at 78% 20%, rgba(155, 188, 74, 0.14), transparent 30%),
        linear-gradient(135deg, #003729, #001f18);
    border: 1px solid rgba(155, 188, 74, 0.22);
    border-radius: 16px;
    box-shadow: 0 22px 52px rgba(2, 31, 24, 0.22);
}

.inner-cta-card h2 {
    margin: 0 0 10px;
    color: var(--ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
}

.inner-cta-card p {
    max-width: 650px;
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
}

/* ===============================
   SOLUTIONS LANDING PAGE
================================ */

.solutions-page {
    background: var(--cream);
}

.solutions-hero {
    position: relative;
    overflow: hidden;
    min-height: 560px;
    color: var(--ink);
    background:
        linear-gradient(90deg, rgba(2, 31, 24, 0.94) 0%, rgba(2, 31, 24, 0.78) 38%, rgba(2, 31, 24, 0.32) 68%, rgba(2, 31, 24, 0.66) 100%),
        radial-gradient(circle at 62% 44%, rgba(155, 188, 74, 0.16), transparent 34%),
        url("/assets/images/hero/hero-bg.png") center center / cover no-repeat;
}

.solutions-hero::before {
    position: absolute;
    inset: 0;
    content: "";
    background:
        radial-gradient(circle at 20% 48%, rgba(11, 107, 75, 0.36), transparent 36%),
        radial-gradient(circle at 86% 20%, rgba(184, 138, 50, 0.16), transparent 24%);
    pointer-events: none;
}

.solutions-hero::after {
    position: absolute;
    right: 9%;
    bottom: 14%;
    width: 230px;
    height: 170px;
    content: "";
    opacity: 0.28;
    background:
        radial-gradient(circle at 12% 50%, rgba(255, 255, 255, 0.65) 0 3px, transparent 4px),
        radial-gradient(circle at 42% 22%, rgba(255, 255, 255, 0.55) 0 4px, transparent 5px),
        radial-gradient(circle at 72% 60%, rgba(255, 255, 255, 0.62) 0 5px, transparent 6px),
        linear-gradient(28deg, transparent 0 26%, rgba(255, 255, 255, 0.42) 27% 28%, transparent 29% 100%),
        linear-gradient(152deg, transparent 0 31%, rgba(255, 255, 255, 0.38) 32% 33%, transparent 34% 100%);
    filter: blur(0.2px);
}

.solutions-hero-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 560px;
    padding-top: 124px;
    padding-bottom: 58px;
}

.solutions-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    font-weight: 800;
}

.solutions-breadcrumb a:hover {
    color: var(--gold);
}

.solutions-breadcrumb strong {
    color: var(--ink);
}

.solutions-kicker {
    display: inline-flex;
    margin-bottom: 14px;
    color: var(--gold);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.solutions-hero h1 {
    max-width: 780px;
    margin: 0;
    color: var(--ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(46px, 5vw, 72px);
    line-height: 1.02;
    text-shadow: 0 7px 28px rgba(0, 0, 0, 0.45);
}

.solutions-hero h1 span {
    color: var(--leaf-green);
}

.solutions-hero p {
    max-width: 610px;
    margin: 26px 0 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: 18px;
    line-height: 1.72;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.35);
}

.solutions-hero .btn-gold {
    background: var(--leaf-green);
    border-color: var(--leaf-green);
}

.solutions-hero .btn-glass {
    border-color: rgba(184, 138, 50, 0.82);
}

.solutions-main-section,
.solutions-industries-preview {
    position: relative;
    overflow: hidden;
    padding: 62px 0 70px;
    background:
        radial-gradient(circle at 7% 18%, rgba(155, 188, 74, 0.08), transparent 26%),
        radial-gradient(circle at 92% 88%, rgba(184, 138, 50, 0.08), transparent 24%),
        var(--cream);
}

.solutions-section-heading {
    max-width: 820px;
    margin: 0 auto 36px;
    text-align: center;
}

.solutions-section-heading h2 {
    margin: 0;
    color: var(--dark-green);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 3.4vw, 48px);
    line-height: 1.08;
}

.solutions-section-heading h2 span {
    color: var(--leaf-green);
}

.solutions-section-heading.dark {
    max-width: 780px;
    margin: 0 auto 34px;
    text-align: center;
}

.solutions-section-heading.dark h2 {
    color: var(--ink);
}

.solutions-large-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.solutions-large-card {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    min-height: 650px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(184, 138, 50, 0.18);
    border-radius: 14px;
    box-shadow: 0 18px 42px rgba(6, 46, 34, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.solutions-large-card:hover {
    border-color: rgba(184, 138, 50, 0.38);
    box-shadow: 0 30px 70px rgba(6, 46, 34, 0.16);
    transform: translateY(-8px);
}

.solutions-card-image {
    display: block;
    height: 180px;
    flex: 0 0 180px;
    background-position: center;
    background-size: cover;
}

.solutions-card-ii {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.04), rgba(2, 31, 24, 0.42)), url("/assets/images/industries/hospitality.jpg");
}

.solutions-card-fb {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.04), rgba(2, 31, 24, 0.42)), url("/assets/images/industries/food-processing.jpg");
}

.solutions-card-sugar {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.04), rgba(2, 31, 24, 0.42)), url("/assets/images/manufacturing/manufacturing.jpg");
}

.solutions-card-water {
    background-image: linear-gradient(180deg, rgba(2, 31, 24, 0.04), rgba(2, 31, 24, 0.42)), url("/assets/images/resources/blog3.jpg");
}

.solutions-card-solar {
    background-image:
        linear-gradient(135deg, rgba(2, 31, 24, 0.08), rgba(2, 31, 24, 0.38)),
        repeating-linear-gradient(105deg, rgba(127, 184, 216, 0.42) 0 16px, rgba(255, 255, 255, 0.22) 16px 18px, rgba(11, 59, 44, 0.36) 18px 34px),
        radial-gradient(circle at 76% 18%, rgba(216, 163, 77, 0.9), transparent 14%),
        linear-gradient(145deg, #0b3b2c, #7fb8d8);
}

.solutions-card-body {
    display: flex;
    position: relative;
    flex: 1;
    flex-direction: column;
    padding: 56px 20px 24px;
    text-align: center;
}

.solutions-card-icon {
    position: absolute;
    top: -41px;
    left: 50%;
    display: grid;
    width: 82px;
    height: 82px;
    place-items: center;
    color: #0b6b4b;
    background: var(--white);
    border: 2px solid #d7b66a;
    border-radius: 50%;
    box-shadow: 0 16px 30px rgba(6, 46, 34, 0.14);
    transform: translateX(-50%);
}

.solutions-card-icon .line-svg {
    width: 42px;
    height: 42px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.solutions-large-card:nth-child(even) .solutions-card-icon {
    color: var(--gold);
}

.solutions-large-card h3 {
    min-height: 58px;
    margin: 0 0 12px;
    color: var(--dark-green);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    line-height: 1.14;
}

.solutions-large-card p {
    min-height: 74px;
    margin: 0 0 16px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.6;
}

.solutions-large-card ul {
    display: grid;
    gap: 8px;
    min-height: 205px;
    padding: 0;
    margin: 0 0 22px;
    list-style: none;
}

.solutions-large-card li {
    position: relative;
    padding-left: 18px;
    color: #31413b;
    font-size: 13px;
    line-height: 1.32;
    text-align: left;
}

.solutions-large-card li::before {
    position: absolute;
    top: 0.62em;
    left: 0;
    width: 6px;
    height: 6px;
    content: "";
    background: var(--leaf-green);
    border-radius: 50%;
}

.solutions-card-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: auto;
    color: #0b6b4b;
    font-size: 13px;
    font-weight: 900;
}

.solutions-card-link span {
    color: var(--gold);
}

.solutions-why-section {
    position: relative;
    overflow: hidden;
    padding: 54px 0 58px;
    color: var(--ink);
    background:
        linear-gradient(90deg, rgba(2, 31, 24, 0.94), rgba(2, 31, 24, 0.76)),
        url("/assets/images/sustainability/leaf-bg.jpg") center center / cover no-repeat;
}

.solutions-why-section::before {
    position: absolute;
    inset: 0;
    content: "";
    background:
        radial-gradient(circle at 18% 28%, rgba(155, 188, 74, 0.14), transparent 28%),
        radial-gradient(circle at 84% 78%, rgba(184, 138, 50, 0.12), transparent 24%);
    pointer-events: none;
}

.solutions-why-section > .container {
    position: relative;
    z-index: 1;
}

.why-solution-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.why-solution-grid article {
    padding: 18px 34px;
    text-align: center;
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0;
    backdrop-filter: none;
}

.why-solution-grid article:last-child {
    border-right: 0;
}

.why-solution-grid span {
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    margin: 0 auto 16px;
    color: var(--leaf-green);
    border: 0;
    border-radius: 0;
}

.why-solution-grid span .line-svg {
    width: 30px;
    height: 30px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.7;
}

.why-solution-grid h3 {
    margin: 0 0 10px;
    color: var(--ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
}

.why-solution-grid p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.65;
}

.solutions-industry-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 12px;
}

.solutions-industry-grid .image-card {
    min-height: 126px;
    flex: none;
    border-color: rgba(6, 46, 34, 0.12);
    box-shadow: 0 14px 30px rgba(6, 46, 34, 0.08);
}

.solutions-industry-grid .image-card span {
    font-size: 12px;
}

.solutions-center-action {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

.solutions-consult-cta {
    padding: 0;
    background: var(--cream);
}

.solutions-consult-card {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(260px, 0.62fr);
    gap: 40px;
    align-items: center;
    overflow: hidden;
    padding: 38px 52px;
    color: var(--ink);
    background:
        radial-gradient(circle at 32% 28%, rgba(11, 107, 75, 0.32), transparent 32%),
        linear-gradient(135deg, #003729, #001f18);
    border: 1px solid rgba(155, 188, 74, 0.22);
    border-radius: 0;
    box-shadow: 0 28px 68px rgba(2, 31, 24, 0.22);
}

.solutions-consult-card h2 {
    max-width: 660px;
    margin: 0;
    color: var(--ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(32px, 3.5vw, 48px);
    line-height: 1.02;
}

.solutions-consult-card p {
    max-width: 560px;
    margin: 18px 0 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
}

.solutions-consult-image {
    min-height: 230px;
    background:
        linear-gradient(180deg, rgba(2, 31, 24, 0.06), rgba(2, 31, 24, 0.46)),
        url("/assets/images/resources/blog4.jpg") center center / cover no-repeat;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 16px;
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.26);
}

/* HEADER + FOOTER POLISH */
.nav-link,
.nav-link:hover,
.nav-link:focus,
.nav-link.active,
.menu-item.active > a,
.desktop-nav a {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.nav-link.active,
.menu-item.active > a {
    color: #b88a32 !important;
}

.header-cta,
.get-in-touch-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 210px;
    height: 56px;
    padding: 0 28px;
    border-radius: 999px;
    line-height: 1;
    white-space: nowrap;
}

.site-footer {
    padding-top: 64px !important;
}

.footer-main,
.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr repeat(5, 1fr);
    gap: 56px;
    align-items: start;
}

.footer-brand,
.footer-story {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -18px;
}

.footer-logo,
.brand-footer .brand-logo {
    width: 190px;
    margin-bottom: 20px;
}

.footer-brand p,
.footer-story p {
    max-width: 360px;
    margin: 0 0 24px;
}

.footer-socials,
.social-links {
    display: flex;
    gap: 12px;
}

.footer-socials a,
.social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    text-decoration: none !important;
    border: 1px solid rgba(184, 138, 50, 0.7);
    border-radius: 50%;
}

.footer-column,
.footer-col {
    padding-top: 0;
}

.footer-column .footer-column-title,
.footer-col h2 {
    margin: 0 0 18px;
    color: #b88a32;
}

.footer-column a,
.footer-col a {
    display: block;
    margin-bottom: 8px;
    text-decoration: none !important;
}

.footer-bottom {
    margin-top: 52px !important;
    padding-top: 28px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

@media (max-width: 1024px) {
    .header-cta,
    .get-in-touch-btn {
        min-width: 180px;
    }

    .footer-main,
    .footer-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 36px;
    }

    .footer-brand,
    .footer-story {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    .header-cta,
    .get-in-touch-btn {
        display: none;
    }

    .site-footer {
        padding-top: 44px !important;
    }

    .footer-main,
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .footer-logo,
    .brand-footer .brand-logo {
        width: 165px;
    }

    .footer-bottom {
        display: grid;
        gap: 16px;
        margin-top: 34px !important;
    }
}

/* Premium homepage and footer refresh. Header and navigation selectors are intentionally untouched. */
:root {
    --everklin-cream: #F8F6F0;
    --everklin-sage: #EEF2E3;
    --everklin-olive: #7E9D34;
    --everklin-light-olive: #A3BC63;
    --everklin-brown: #8C6B45;
    --everklin-ink: #1F2933;
}

.home-redesign {
    color: var(--everklin-ink);
    background: var(--everklin-cream);
    font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif;
}

.home-redesign .container {
    width: min(100% - 64px, 1240px);
}

.home-redesign h1,
.home-redesign h2,
.home-redesign h3,
.site-footer h2,
.site-footer .footer-column-title {
    letter-spacing: 0;
}

.home-redesign .section-kicker {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--everklin-olive);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 1.8px;
}

.premium-hero {
    position: relative;
    min-height: 760px;
    overflow: hidden;
    background: linear-gradient(118deg, #F8F6F0 0%, #F8F6F0 52%, #EEF2E3 100%);
}

.premium-hero::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 30%;
    content: "";
    background: url("/assets/images/hero/sustainable-chemistry-sphere.png") left bottom / contain no-repeat;
    opacity: 0.055;
    pointer-events: none;
}

.premium-hero-layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(480px, 1.08fr);
    align-items: center;
    gap: 44px;
    min-height: 760px;
    padding-top: 110px;
    padding-bottom: 72px;
}

.premium-hero-copy {
    max-width: 650px;
}

.premium-hero-copy h1 {
    max-width: 720px;
    margin: 0 0 28px;
    color: var(--everklin-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 64px;
    font-weight: 500;
    line-height: 1.04;
}

.premium-hero-copy h1 span {
    color: var(--everklin-olive);
}

.premium-hero-copy p {
    max-width: 590px;
    margin: 0;
    color: #52606b;
    font-size: 20px;
    line-height: 1.65;
}

.premium-hero-copy .button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 38px;
}

.home-redesign .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 28px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 750;
    transition: transform 220ms ease, background-color 220ms ease, color 220ms ease, box-shadow 220ms ease;
}

.home-redesign .btn:hover {
    transform: translateY(-2px);
}

.btn-primary-premium {
    color: #fff;
    background: var(--everklin-olive);
    box-shadow: 0 14px 34px rgba(126, 157, 52, 0.24);
}

.btn-primary-premium:hover {
    color: #fff;
    background: #6f8e28;
    box-shadow: 0 18px 40px rgba(126, 157, 52, 0.32);
}

.btn-secondary-premium {
    color: var(--everklin-ink);
    border-color: rgba(31, 41, 51, 0.28) !important;
    background: rgba(255, 255, 255, 0.52);
}

.btn-secondary-premium:hover {
    color: #fff;
    border-color: var(--everklin-brown) !important;
    background: var(--everklin-brown);
}

.premium-hero-art {
    position: relative;
    display: grid;
    place-items: center;
    aspect-ratio: 1;
}

.premium-hero-art::after {
    position: absolute;
    right: 12%;
    bottom: 6%;
    left: 12%;
    height: 12%;
    content: "";
    border-radius: 50%;
    background: rgba(68, 83, 48, 0.14);
    filter: blur(24px);
}

.premium-hero-art img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
    animation: premiumSphereFloat 7s ease-in-out infinite;
}

@keyframes premiumSphereFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

.credential-band {
    padding: 34px 0;
    border-top: 1px solid rgba(31, 41, 51, 0.08);
    border-bottom: 1px solid rgba(31, 41, 51, 0.08);
    background: #fff;
}

.credential-grid,
.performance-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.credential-grid > div {
    min-width: 0;
    padding: 0 24px;
    border-right: 1px solid rgba(31, 41, 51, 0.12);
    text-align: center;
}

.credential-grid > div:last-child,
.performance-grid > div:last-child {
    border-right: 0;
}

.credential-grid strong,
.credential-grid span {
    display: block;
}

.credential-grid strong {
    color: var(--everklin-ink);
    font-size: 18px;
    font-weight: 800;
}

.credential-grid span {
    margin-top: 4px;
    color: var(--everklin-brown);
    font-size: 12px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.performance-band {
    padding: 46px 0;
    color: #fff;
    background: #263a2b;
}

.performance-grid > div {
    padding: 2px 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.16);
    text-align: center;
}

.performance-grid strong,
.performance-grid span {
    display: block;
}

.performance-grid strong {
    color: var(--everklin-light-olive);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.1;
}

.performance-grid span {
    margin-top: 7px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 14px;
}

.premium-solutions,
.premium-industries,
.premium-sustainability,
.premium-manufacturing,
.premium-certifications,
.premium-knowledge {
    position: relative;
    padding: 130px 0;
}

.premium-solutions {
    overflow: hidden;
    background: var(--everklin-sage);
}

.premium-solutions::after {
    position: absolute;
    right: -110px;
    bottom: -160px;
    width: 430px;
    height: 430px;
    content: "";
    background: url("/assets/images/hero/sustainable-chemistry-sphere.png") center / contain no-repeat;
    opacity: 0.07;
    transform: rotate(-18deg);
    pointer-events: none;
}

.premium-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 58px;
}

.premium-heading-center {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.premium-heading h2,
.sustainability-copy h2 {
    margin: 0;
    color: var(--everklin-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.14;
}

.premium-heading p,
.sustainability-copy > p {
    max-width: 690px;
    margin: 22px auto 0;
    color: #5f6c74;
    font-size: 17px;
    line-height: 1.75;
}

.premium-heading-split {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 40px;
}

.premium-heading-split > div {
    max-width: 790px;
}

.text-link,
.card-link {
    color: var(--everklin-olive);
    font-size: 14px;
    font-weight: 800;
}

.text-link {
    padding-bottom: 6px;
    border-bottom: 1px solid currentColor;
    white-space: nowrap;
}

.premium-solution-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.premium-solution-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 350px;
    flex-direction: column;
    padding: 32px 26px 28px;
    overflow: hidden;
    border: 1px solid rgba(126, 157, 52, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 44px rgba(31, 41, 51, 0.07);
    transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
}

.premium-solution-card::after {
    position: absolute;
    right: -35px;
    bottom: -55px;
    width: 140px;
    height: 140px;
    content: "";
    border: 1px solid rgba(126, 157, 52, 0.13);
    border-radius: 50%;
}

.premium-solution-card:hover {
    border-color: rgba(126, 157, 52, 0.5);
    box-shadow: 0 26px 58px rgba(31, 41, 51, 0.13);
    transform: translateY(-8px);
}

.premium-solution-card .solution-line-icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    margin-bottom: 30px;
    color: var(--everklin-olive);
    border: 1px solid rgba(126, 157, 52, 0.24);
    border-radius: 50%;
}

.premium-solution-card .line-svg {
    width: 24px;
    height: 24px;
}

.premium-solution-card h3 {
    margin: 0 0 15px;
    color: var(--everklin-ink);
    font-size: 20px;
    font-weight: 750;
    line-height: 1.35;
}

.premium-solution-card p {
    margin: 0 0 28px;
    color: #65717a;
    font-size: 14px;
    line-height: 1.7;
}

.premium-solution-card .card-link {
    margin-top: auto;
}

.premium-industries {
    color: #fff;
    background: #263a2b;
}

.premium-industries .section-kicker {
    color: var(--everklin-light-olive);
}

.premium-industries .premium-heading h2 {
    color: #fff;
}

.premium-industries .text-link {
    color: #d9e7bc;
}

.premium-industry-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.premium-industry-card {
    position: relative;
    min-height: 310px;
    overflow: hidden;
    border-radius: 8px;
    background-position: center;
    background-size: cover;
    box-shadow: 0 20px 48px rgba(5, 20, 12, 0.22);
    isolation: isolate;
}

.premium-industry-card::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    background: linear-gradient(180deg, rgba(9, 26, 17, 0.04) 30%, rgba(9, 26, 17, 0.86) 100%);
    transition: background-color 260ms ease;
}

.premium-industry-card::after {
    position: absolute;
    inset: 0;
    z-index: -2;
    content: "";
    background: inherit;
    background-position: center;
    background-size: cover;
    transition: transform 500ms ease;
}

.premium-industry-card:hover::after {
    transform: scale(1.045);
}

.premium-industry-card:hover::before {
    background-color: rgba(126, 157, 52, 0.14);
}

.premium-industry-card span {
    position: absolute;
    right: 28px;
    bottom: 26px;
    left: 28px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    line-height: 1.15;
}

.industry-railways { background-image: url("/assets/images/industries/railways.jpg"); }
.industry-airports { background-image: url("/assets/images/industries/airports.jpg"); }
.industry-healthcare { background-image: url("/assets/images/industries/healthcare.jpg"); }
.industry-food { background-image: url("/assets/images/industries/food-processing.jpg"); }
.industry-water { background-image: url("/assets/images/manufacturing/quality.jpg"); }
.industry-solar { background-image: url("/assets/images/hero/sustainable-chemistry-sphere.png"); }

.premium-sustainability {
    overflow: hidden;
    background: linear-gradient(110deg, #F8F6F0 0%, #EEF2E3 100%);
}

.sustainability-premium-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: 80px;
}

.sustainability-earth {
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 34px 90px rgba(74, 100, 51, 0.14);
}

.sustainability-earth img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: multiply;
}

.sustainability-copy h2 {
    max-width: 680px;
}

.sustainability-copy > p {
    margin-right: 0;
    margin-left: 0;
}

.sustainability-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 42px 0 36px;
    border-top: 1px solid rgba(31, 41, 51, 0.13);
    border-left: 1px solid rgba(31, 41, 51, 0.13);
}

.sustainability-metrics > div {
    min-height: 128px;
    padding: 24px;
    border-right: 1px solid rgba(31, 41, 51, 0.13);
    border-bottom: 1px solid rgba(31, 41, 51, 0.13);
}

.sustainability-metrics strong,
.sustainability-metrics span {
    display: block;
}

.sustainability-metrics strong {
    color: var(--everklin-olive);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 36px;
    font-weight: 500;
}

.sustainability-metrics span {
    margin-top: 7px;
    color: #5d6871;
    font-size: 14px;
}

.premium-manufacturing {
    background: #fff;
}

.manufacturing-premium-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 22px;
}

.manufacturing-lab-visual {
    position: relative;
    min-height: 620px;
    overflow: hidden;
    border-radius: 8px;
    background: url("/assets/images/company/rd-laboratory.jpg") center / cover no-repeat;
    box-shadow: 0 24px 60px rgba(31, 41, 51, 0.12);
}

.manufacturing-lab-visual::before {
    position: absolute;
    inset: 45% 0 0;
    content: "";
    background: linear-gradient(180deg, transparent, rgba(16, 32, 22, 0.83));
}

.manufacturing-lab-visual span {
    position: absolute;
    right: 36px;
    bottom: 32px;
    left: 36px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 32px;
}

.manufacturing-capability-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.manufacturing-capability-grid a {
    min-height: 300px;
    padding: 30px 26px;
    border: 1px solid #e3e8da;
    border-radius: 8px;
    background: var(--everklin-cream);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.manufacturing-capability-grid a:hover {
    border-color: rgba(126, 157, 52, 0.48);
    box-shadow: 0 20px 46px rgba(31, 41, 51, 0.09);
    transform: translateY(-5px);
}

.manufacturing-capability-grid strong {
    display: block;
    margin-bottom: 46px;
    color: var(--everklin-brown);
    font-size: 13px;
}

.manufacturing-capability-grid h3 {
    margin: 0 0 14px;
    font-size: 20px;
    line-height: 1.35;
}

.manufacturing-capability-grid p {
    margin: 0;
    color: #63707a;
    font-size: 14px;
    line-height: 1.65;
}

.premium-certifications {
    padding-top: 105px;
    padding-bottom: 105px;
    border-top: 1px solid #e1e5db;
    border-bottom: 1px solid #e1e5db;
    background: var(--everklin-sage);
}

.premium-certifications .premium-heading {
    margin-bottom: 42px;
}

.certification-wordmarks {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-top: 1px solid rgba(31, 41, 51, 0.16);
    border-bottom: 1px solid rgba(31, 41, 51, 0.16);
}

.certification-wordmarks > div {
    min-width: 0;
    padding: 32px 20px;
    border-right: 1px solid rgba(31, 41, 51, 0.16);
    text-align: center;
    filter: grayscale(1);
    transition: filter 200ms ease, background-color 200ms ease;
}

.certification-wordmarks > div:last-child {
    border-right: 0;
}

.certification-wordmarks > div:hover {
    background: rgba(255, 255, 255, 0.44);
    filter: grayscale(0);
}

.certification-wordmarks strong,
.certification-wordmarks span {
    display: block;
}

.certification-wordmarks strong {
    color: var(--everklin-ink);
    font-size: 20px;
    line-height: 1.3;
}

.certification-wordmarks span {
    margin-top: 7px;
    color: #6b756f;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.premium-knowledge {
    margin-bottom: 0 !important;
    padding-bottom: 130px;
    background: var(--everklin-cream);
}

.premium-article-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.premium-article-card {
    min-width: 0;
    padding-bottom: 26px;
    border-bottom: 1px solid rgba(31, 41, 51, 0.18);
}

.premium-article-card img {
    width: 100%;
    aspect-ratio: 16 / 10;
    margin-bottom: 24px;
    border-radius: 6px;
    object-fit: cover;
    transition: filter 250ms ease, transform 250ms ease;
}

.premium-article-card:hover img {
    filter: saturate(1.08);
    transform: translateY(-4px);
}

.premium-article-card > span {
    color: var(--everklin-olive);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.premium-article-card h3 {
    min-height: 58px;
    margin: 13px 0 17px;
    color: var(--everklin-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 500;
    line-height: 1.3;
}

.premium-article-card small {
    color: #778089;
    font-size: 13px;
}

footer {
    position: relative !important;
    bottom: auto !important;
    width: 100%;
    height: auto !important;
    min-height: 420px;
    max-height: none !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #A0BB58 0%, #8FAE46 45%, #769337 100%) !important;
    color: #ffffff;
    padding: 80px 60px 35px !important;
    z-index: 1;
}

.site-footer {
    font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif;
}

.site-footer::before {
    position: absolute;
    inset: 0;
    content: "";
    background: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.25), transparent 28%), linear-gradient(90deg, rgba(185, 204, 120, 0.14), rgba(216, 230, 167, 0.22));
    pointer-events: none;
}

.footer-leaf-art {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 390px;
    height: 540px;
    background: url("/assets/images/hero/sustainable-chemistry-sphere.png") right bottom / contain no-repeat;
    opacity: 0.11;
    pointer-events: none;
}

.footer-cta,
.footer-grid,
.footer-bottom {
    position: relative;
    z-index: 2;
}

.footer-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 82px;
    align-items: center;
    gap: 34px;
    margin-bottom: 72px;
    padding-bottom: 58px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.footer-cta > div:first-child > span {
    display: block;
    margin-bottom: 10px;
    color: #BFD689;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.footer-cta h2 {
    max-width: 680px;
    margin: 0;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 42px;
    font-weight: 500;
    line-height: 1.15;
}

.footer-cta-button {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 0 24px;
    color: #123e2c;
    border-radius: 4px;
    background: #F8F6F0;
    font-size: 15px;
    font-weight: 800;
    transition: transform 220ms ease, background-color 220ms ease;
}

.footer-cta-button:hover {
    color: #123e2c;
    background: #EEF2E3;
    transform: translateY(-2px);
}

.footer-flask {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    color: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 50%;
}

.footer-flask .line-svg {
    width: 34px;
    height: 34px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr 1.2fr;
    gap: 42px;
    align-items: start;
}

.footer-column,
.footer-company {
    display: block;
    min-width: 0;
    margin-top: 0;
    padding-top: 0;
}

.footer-column .footer-column-title {
    margin: 0 0 18px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.footer-column p,
.footer-column a,
.footer-column li {
    color: rgba(255,255,255,0.92);
    font-size: 15px;
    line-height: 1.8;
}

.footer-column p {
    margin: 0 0 14px;
}

.footer-column a {
    display: block;
    margin: 0 0 5px;
    text-decoration: none;
}

.footer-column a:hover {
    color: #A5D6A7;
}

.footer-brand {
    display: inline-block !important;
    margin: 0 0 18px !important;
}

.footer-logo {
    width: auto !important;
    max-width: 210px;
    height: auto;
    margin: 0 !important;
}

.footer-company > p:first-of-type {
    color: #fff;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.55;
}

.footer-socials {
    display: flex;
    gap: 9px;
    margin-top: 22px;
}

.footer-socials a {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;
    font-size: 14px;
    font-weight: 750;
    line-height: 1;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 55px !important;
    padding-top: 25px !important;
    border-top: 1px solid rgba(255,255,255,0.20);
    color: rgba(255,255,255,0.92);
    font-size: 14px;
}

.footer-bottom p {
    margin: 0;
    color: rgba(255,255,255,0.92);
    font-size: 14px;
}

.footer-bottom > div {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.footer-bottom a {
    color: rgba(255,255,255,0.92);
    font-size: 14px;
}

.footer-bottom a:hover {
    color: #FFFFFF;
}

@media (max-width: 1100px) {
    .premium-hero-layout {
        grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr);
    }

    .premium-hero-copy h1 {
        font-size: 54px;
    }

    .premium-solution-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .premium-solution-card {
        min-height: 315px;
    }

    .manufacturing-premium-grid {
        grid-template-columns: 1fr;
    }

    .manufacturing-lab-visual {
        min-height: 520px;
    }
}

@media (max-width: 900px) {
    .home-redesign .container {
        width: min(100% - 48px, 1240px);
    }

    .premium-hero,
    .premium-hero-layout {
        min-height: auto;
    }

    .premium-hero-layout {
        grid-template-columns: 1fr;
        gap: 12px;
        padding-top: 150px;
        padding-bottom: 76px;
    }

    .premium-hero-copy {
        max-width: 720px;
    }

    .premium-hero-art {
        width: min(100%, 630px);
        margin: 0 auto;
    }

    .credential-grid,
    .performance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 0;
    }

    .credential-grid > div:nth-child(2n),
    .performance-grid > div:nth-child(2n) {
        border-right: 0;
    }

    .credential-grid > div:last-child,
    .performance-grid > div:last-child {
        grid-column: 1 / -1;
    }

    .premium-solutions,
    .premium-industries,
    .premium-sustainability,
    .premium-manufacturing,
    .premium-certifications,
    .premium-knowledge {
        padding: 96px 0;
    }

    .premium-industry-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sustainability-premium-layout {
        grid-template-columns: 1fr;
        gap: 54px;
    }

    .sustainability-earth {
        width: min(100%, 620px);
        margin: 0 auto;
    }

    .certification-wordmarks {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .certification-wordmarks > div:nth-child(2n) {
        border-right: 0;
    }

    .certification-wordmarks > div:last-child {
        grid-column: 1 / -1;
        border-top: 1px solid rgba(31, 41, 51, 0.16);
    }

    .premium-article-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    footer {
        padding: 60px 28px 30px !important;
    }

    .footer-cta {
        grid-template-columns: 1fr auto;
    }

    .footer-flask {
        display: none;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }
}

@media (max-width: 680px) {
    .home-redesign .container {
        width: min(100% - 36px, 1240px);
    }

    .premium-hero-layout {
        padding-top: 128px;
    }

    .premium-hero-copy h1 {
        font-size: 43px;
        line-height: 1.08;
    }

    .premium-hero-copy p {
        font-size: 17px;
    }

    .home-redesign .btn {
        width: 100%;
    }

    .premium-hero-art {
        margin-top: 24px;
    }

    .premium-heading h2,
    .sustainability-copy h2 {
        font-size: 37px;
    }

    .premium-heading-split {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px;
    }

    .premium-solution-grid,
    .premium-industry-grid,
    .manufacturing-capability-grid,
    .premium-article-grid {
        grid-template-columns: 1fr;
    }

    .premium-solution-card {
        min-height: 290px;
    }

    .premium-industry-card {
        min-height: 285px;
    }

    .sustainability-metrics {
        grid-template-columns: 1fr;
    }

    .manufacturing-lab-visual {
        min-height: 420px;
    }

    .manufacturing-capability-grid a {
        min-height: 245px;
    }

    .premium-article-card h3 {
        min-height: 0;
    }

    .footer-cta {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .footer-cta h2 {
        font-size: 34px;
    }
}

@media (max-width: 600px) {
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .footer-bottom {
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .premium-hero-art img {
        animation: none;
    }

    .premium-solution-card,
    .premium-industry-card::after,
    .manufacturing-capability-grid a,
    .premium-article-card img,
    .footer-cta-button {
        transition: none;
    }
}


/* responsive.css */
@media (max-width: 980px) {
    .container {
        width: min(100% - 44px, var(--max-width));
    }

    .header-main {
        min-height: 82px;
        gap: 18px;
    }

    .desktop-nav {
        display: none;
    }

    .header-cta {
        display: none;
    }

    .mobile-menu-toggle {
        display: block;
    }

    .mobile-drawer {
        position: fixed;
        inset: 82px 0 0;
        z-index: 90;
        display: block;
        overflow: auto;
        padding: 20px 22px 40px;
        color: #062e22;
        background: #ffffff;
        transform: translateX(100%);
        transition: transform 220ms ease;
    }

    .mobile-drawer.is-open {
        transform: translateX(0);
    }

    .mobile-nav {
        display: grid;
        gap: 8px;
    }

    .mobile-nav a,
    .mobile-nav summary {
        display: block;
        padding: 13px 14px;
        color: #062e22;
        background: #ffffff;
        border: 1px solid #e5e7eb;
        border-left: 4px solid transparent;
        border-radius: 6px;
        cursor: pointer;
        font-weight: 800;
        list-style: none;
        text-decoration: none !important;
    }

    .mobile-nav details details {
        margin-left: 12px;
    }

    .mobile-nav details[open] > summary,
    .mobile-nav a:hover {
        color: #062e22;
        background: #f8f5ee;
        border-left-color: #c79a3b;
        transition: 0.25s ease;
    }

    .mobile-nav details[open] > summary {
        background: #f3efe5;
        font-weight: 700;
    }
}

@media (max-width: 992px) {
    .everklin-trust .cert-grid,
    .everklin-trust .stat-grid,
    .cert-grid,
    .stat-grid,
    .trust-certifications,
    .trust-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .trust-box {
        justify-content: flex-start;
        padding: 0;
        border-right: 0;
    }

    .trust-item {
        min-height: 96px;
        padding: 18px;
    }
}

@media (max-width: 1040px) {
    .hero-layout,
    .solution-layout,
    .sustainability-layout,
    .manufacturing-layout,
    .knowledge-layout {
        grid-template-columns: 1fr;
    }

    .hero-layout {
        padding-top: 104px;
        padding-bottom: 54px;
    }

    .hero-visual {
        min-height: 300px;
    }

    .hero-globe {
        right: auto;
        left: 0;
        width: min(70vw, 320px);
    }

    .hero-leaf {
        right: 8%;
        width: min(58vw, 300px);
    }

    .solution-card-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .manufacturing-grid,
    .knowledge-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .industries-showcase .image-card {
        flex-basis: calc((100% - 28px) / 3);
    }

    .cert-grid,
    .stats-grid,
    .compliance-grid,
    .esg-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .footer-main {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .footer-story {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .container {
        width: min(100% - 28px, var(--max-width));
    }

    .brand-logo {
        width: 170px;
    }

    .hero h1 {
        font-size: 48px;
    }

    .hero p {
        font-size: 16px;
    }

    .button-row {
        align-items: stretch;
        flex-direction: column;
    }

    .button-row .btn {
        width: 100%;
    }

    .strip-item,
    .stat-item {
        min-height: 86px;
        padding: 16px;
    }

    .solutions-showcase,
    .industries-showcase,
    .manufacturing-section,
    .knowledge-center {
        padding: 56px 0;
    }

    .section-row-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .solution-card-row,
    .manufacturing-grid,
    .knowledge-grid,
    .cert-grid,
    .stats-grid,
    .compliance-grid,
    .esg-stats {
        grid-template-columns: 1fr;
    }

    .industries-showcase .image-card {
        flex-basis: 100%;
    }

    .solution-mini-card {
        min-height: 230px;
    }

    .sustainability-layout {
        padding: 58px 0;
    }

    .footer-main {
        grid-template-columns: 1fr;
    }

    .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .footer-bottom div {
        flex-wrap: wrap;
        gap: 14px;
    }
}

@media (max-width: 576px) {
    .everklin-trust .cert-grid,
    .everklin-trust .stat-grid,
    .cert-grid,
    .stat-grid,
    .trust-certifications,
    .trust-stats {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 440px) {
    .hero h1 {
        font-size: 39px;
    }

    .section-intro h2,
    .section-row-heading h2,
    .sustainability-layout h2,
    .manufacturing-layout h2,
    .knowledge-layout h2 {
        font-size: 32px;
    }

    .hero-visual {
        min-height: 230px;
    }
}

@media (max-width: 980px) {
    .mobile-drawer {
        display: none;
        transform: none;
    }

    .mobile-drawer.is-open {
        position: fixed;
        top: 92px;
        right: 12px;
        left: 12px;
        z-index: 10000;
        display: block;
        max-height: calc(100svh - 110px);
        overflow-y: auto;
        color: #ffffff;
        background: #062e22;
        border: 1px solid rgba(155, 188, 74, 0.18);
        border-radius: 16px;
        box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
    }

    .mobile-drawer.is-open .mobile-nav a,
    .mobile-drawer.is-open .mobile-nav summary {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.12);
        border-left-color: transparent;
    }

    .mobile-drawer.is-open .mobile-nav details[open] > summary,
    .mobile-drawer.is-open .mobile-nav a:hover {
        color: #ffffff;
        background: rgba(248, 245, 238, 0.12);
        border-left-color: #c79a3b;
    }
}

@media (max-width: 768px) {
    .site-header {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 9999;
        height: 92px;
        background: #062e22;
        box-shadow: none;
        backdrop-filter: none;
    }

    .site-header.is-scrolled,
    .site-header.is-menu-open {
        background: #062e22;
        box-shadow: none;
        backdrop-filter: none;
    }

    .header-main {
        width: 100%;
        height: 92px;
        min-height: 92px;
        padding: 0 20px;
    }

    .brand-logo,
    .site-logo img {
        width: 190px;
        max-height: 64px;
        object-fit: contain;
    }

    .mobile-menu-toggle {
        width: 52px;
        height: 52px;
    }

    .hero {
        min-height: 720px;
        height: auto;
    }

    .hero-layout {
        min-height: 720px;
        padding-top: 125px;
        padding-bottom: 50px;
        align-items: flex-start;
        grid-template-columns: 1fr;
    }

    .hero-visual {
        display: none;
    }

    .hero-content {
        max-width: 100%;
    }

    .hero h1 {
        max-width: 100%;
        font-size: clamp(44px, 11vw, 62px);
        line-height: 0.96;
    }

    .hero p {
        max-width: 100%;
        font-size: 16px;
        line-height: 1.55;
    }

    .button-row {
        width: 100%;
        flex-direction: column;
        gap: 14px;
    }

    .button-row .btn {
        justify-content: center;
        width: 100%;
        min-height: 54px;
        font-size: 15px;
    }

    .hero-bg {
        background-position: 64% center;
    }
}

@media (max-width: 420px) {
    .site-header {
        height: 82px;
    }

    .header-main {
        height: 82px;
        min-height: 82px;
        padding: 0 16px;
    }

    .brand-logo,
    .site-logo img {
        width: 155px;
        max-height: 54px;
    }

    .mobile-menu-toggle {
        width: 46px;
        height: 46px;
    }

    .mobile-drawer.is-open {
        top: 82px;
    }

    .hero {
        min-height: 680px;
    }

    .hero-layout {
        min-height: 680px;
        padding-top: 112px;
        padding-bottom: 40px;
    }

    .hero h1 {
        font-size: 42px;
        line-height: 0.95;
    }

    .hero p {
        font-size: 15px;
    }

    .hero-bg {
        background-position: 66% center;
    }
}

@media (max-width: 360px) {
    .hero h1 {
        font-size: 38px;
    }
}

@media (max-width: 980px) {
    .mobile-drawer {
        position: fixed;
        top: 82px;
        right: 12px;
        left: 12px;
        z-index: 99999;
        display: none;
        max-height: calc(100svh - 100px);
        padding: 14px;
        overflow-y: auto;
        color: #ffffff;
        background: #062e22;
        border: 1px solid rgba(155, 188, 74, 0.22);
        border-radius: 18px;
        transform: none;
        -webkit-overflow-scrolling: touch;
    }

    .mobile-drawer.is-open {
        display: block;
    }

    .mobile-nav {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .mobile-nav details {
        width: 100%;
    }

    .mobile-nav summary,
    .mobile-nav a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 52px;
        padding: 13px 16px;
        color: #ffffff;
        background: rgba(255, 255, 255, 0.055);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 12px;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.25;
        text-decoration: none !important;
        cursor: pointer;
        list-style: none;
    }

    .mobile-nav summary::-webkit-details-marker {
        display: none;
    }

    .mobile-nav summary::marker {
        content: "";
    }

    .mobile-nav details[open] > summary {
        color: #ffffff;
        background: rgba(184, 138, 50, 0.16);
        border-color: #b88a32;
    }

    .mobile-nav details:not([open]) > .mobile-submenu {
        display: none;
    }

    .mobile-nav details[open] > .mobile-submenu {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 8px;
        margin-left: 12px;
        padding-left: 10px;
        border-left: 1px solid rgba(184, 138, 50, 0.35);
    }

    .mobile-level-2 summary,
    .mobile-level-2.mobile-link,
    .mobile-level-2 a {
        min-height: 46px;
        padding: 11px 14px;
        background: rgba(255, 255, 255, 0.04);
        font-size: 15px;
    }

    .mobile-level-3 summary,
    .mobile-level-3.mobile-link,
    .mobile-level-3 a {
        min-height: 42px;
        padding: 10px 13px;
        background: rgba(255, 255, 255, 0.035);
        font-size: 14px;
    }

    .mobile-level-4 summary,
    .mobile-level-4.mobile-link,
    .mobile-level-4 a {
        min-height: 38px;
        padding: 9px 12px;
        color: rgba(255, 255, 255, 0.82);
        background: rgba(255, 255, 255, 0.025);
        font-size: 13px;
    }

    .mobile-arrow {
        color: #b88a32;
        font-size: 18px;
        transition: transform 0.2s ease;
    }

    .mobile-nav details[open] > summary .mobile-arrow {
        transform: rotate(180deg);
    }

    .site-header,
    .site-header.is-scrolled,
    .site-header.is-menu-open,
    .mobile-drawer {
        background:
            radial-gradient(circle at 34% 30%, rgba(11, 107, 75, 0.28), transparent 36%),
            radial-gradient(circle at 84% 12%, rgba(155, 188, 74, 0.1), transparent 34%),
            linear-gradient(180deg, #003729 0%, #002f24 48%, #001f18 100%);
    }

    .mobile-drawer {
        border-color: rgba(155, 188, 74, 0.2);
        box-shadow: 0 28px 70px rgba(0, 0, 0, 0.36);
    }
}

@media (max-width: 1040px) {
    .placeholder-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inner-cta-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .solutions-large-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .solutions-large-card ul,
    .solutions-large-card p,
    .solutions-large-card h3 {
        min-height: 0;
    }

    .why-solution-grid,
    .solutions-industry-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .why-solution-grid article:nth-child(2n) {
        border-right: 0;
    }

    .solutions-consult-card {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .inner-hero,
    .inner-hero-content {
        min-height: 380px;
    }

    .inner-hero-content {
        padding-top: 118px;
        padding-bottom: 54px;
    }

    .inner-hero h1 {
        font-size: 42px;
    }

    .inner-hero p {
        font-size: 16px;
    }

    .inner-content-section {
        padding: 58px 0;
    }

    .placeholder-grid {
        grid-template-columns: 1fr;
    }

    .inner-cta-section {
        padding-bottom: 58px;
    }

    .inner-cta-card {
        padding: 30px 24px;
    }

    .inner-cta-card h2 {
        font-size: 28px;
    }

    .solutions-hero,
    .solutions-hero-content {
        min-height: 600px;
    }

    .solutions-hero-content {
        padding-top: 118px;
        padding-bottom: 54px;
    }

    .solutions-hero h1 {
        font-size: 46px;
    }

    .solutions-hero p {
        font-size: 16px;
    }

    .solutions-main-section,
    .solutions-industries-preview {
        padding: 64px 0;
    }

    .solutions-large-grid,
    .why-solution-grid,
    .solutions-industry-grid {
        grid-template-columns: 1fr;
    }

    .solutions-section-heading {
        margin-bottom: 30px;
    }

    .solutions-section-heading h2 {
        font-size: 36px;
    }

    .solutions-card-image {
        height: 210px;
        flex-basis: 210px;
    }

    .solutions-large-card ul {
        min-height: 0;
    }

    .solutions-why-section {
        padding: 64px 0;
    }

    .solutions-consult-cta {
        padding-bottom: 64px;
    }

    .solutions-consult-card {
        gap: 26px;
        padding: 30px 24px;
    }

    .solutions-consult-image {
        min-height: 240px;
    }
}

@media (max-width: 420px) {
    .inner-hero,
    .inner-hero-content {
        min-height: 350px;
    }

    .inner-hero-content {
        padding-top: 104px;
        padding-bottom: 44px;
    }

    .inner-hero h1 {
        font-size: 36px;
    }

    .breadcrumb {
        margin-bottom: 20px;
        font-size: 12px;
    }

    .solutions-hero,
    .solutions-hero-content {
        min-height: 570px;
    }

    .solutions-hero-content {
        padding-top: 104px;
        padding-bottom: 44px;
    }

    .solutions-hero h1 {
        font-size: 38px;
    }

    .solutions-breadcrumb {
        margin-bottom: 20px;
        font-size: 12px;
    }

    .solutions-card-body {
        padding-right: 18px;
        padding-left: 18px;
    }

    .solutions-card-icon {
        left: 50%;
    }

    .solutions-consult-card h2 {
        font-size: 32px;
    }
}

/* FINAL GLOBAL HEADER + FOOTER POLISH */
.nav-link,
.nav-link:hover,
.nav-link:focus,
.nav-link.active,
.menu-item.active > a,
.desktop-nav a {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.nav-link.active,
.menu-item.active > a {
    color: #b88a32 !important;
}

.header-cta,
.get-in-touch-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 210px;
    height: 56px;
    padding: 0 28px;
    border-radius: 999px;
    line-height: 1;
    white-space: nowrap;
}

.site-footer {
    padding-top: 64px !important;
}

.footer-main,
.footer-grid {
    display: grid;
    grid-template-columns: 1.5fr repeat(5, 1fr);
    gap: 56px;
    align-items: start;
}

.footer-brand,
.footer-story {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -18px;
}

.footer-logo,
.brand-footer .brand-logo {
    width: 190px;
    margin-bottom: 20px;
}

.footer-brand p,
.footer-story p {
    max-width: 360px;
    margin: 0 0 24px;
}

.footer-socials,
.social-links {
    display: flex;
    gap: 12px;
}

.footer-socials a,
.social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    text-decoration: none !important;
    border: 1px solid rgba(184, 138, 50, 0.7);
    border-radius: 50%;
}

.footer-column,
.footer-col {
    padding-top: 0;
}

.footer-column .footer-column-title,
.footer-col h2 {
    margin: 0 0 18px;
    color: #b88a32;
}

.footer-column a,
.footer-col a {
    display: block;
    margin-bottom: 8px;
    text-decoration: none !important;
}

.footer-bottom {
    margin-top: 52px !important;
    padding-top: 28px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

@media (max-width: 1024px) {
    .header-cta,
    .get-in-touch-btn {
        min-width: 180px;
    }

    .footer-main,
    .footer-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 36px;
    }

    .footer-brand,
    .footer-story {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    .header-cta,
    .get-in-touch-btn {
        display: none;
    }

    .site-footer {
        padding-top: 44px !important;
    }

    .footer-main,
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .footer-logo,
    .brand-footer .brand-logo {
        width: 165px;
    }

    .footer-bottom {
        display: grid;
        gap: 16px;
        margin-top: 34px !important;
    }
}

/* GLOBAL SIDE SPACING */
:root {
    --page-max: 1800px;
    --page-pad: 40px;
}

.container,
.header-container,
.footer-container,
.section-container,
.page-container {
    width: min(100% - calc(var(--page-pad) * 2), var(--page-max));
    margin-inline: auto;
}

/* HEADER SPACING */
.header-container,
.header-main {
    gap: 32px;
}

.site-logo img,
.header-logo img,
.brand-logo {
    width: 220px;
    height: auto;
}

.desktop-nav,
.nav-list {
    gap: 38px;
}

.get-in-touch-btn,
.header-cta {
    width: 175px;
    min-width: 175px;
    height: 52px;
    white-space: nowrap;
}

/* HERO CONTENT SAME SIDE ALIGN */
.hero-content,
.inner-hero-content {
    width: min(100% - calc(var(--page-pad) * 2), var(--page-max));
    margin-inline: auto;
}

/* SECTION SPACING SAME EVERYWHERE */
section {
    scroll-margin-top: 100px;
}

.section-padding {
    padding-block: 90px;
}

@media (max-width: 1200px) {
    :root {
        --page-pad: 28px;
    }

    .site-logo img,
    .header-logo img,
    .brand-logo {
        width: 190px;
    }

    .desktop-nav,
    .nav-list {
        gap: 26px;
    }

    .get-in-touch-btn,
    .header-cta {
        width: 160px;
        min-width: 160px;
        height: 48px;
    }
}

@media (max-width: 768px) {
    :root {
        --page-pad: 18px;
    }

    .site-logo img,
    .header-logo img,
    .brand-logo {
        width: 170px;
    }

    .section-padding {
        padding-block: 56px;
    }
}

@media (max-width: 420px) {
    :root {
        --page-pad: 14px;
    }

    .site-logo img,
    .header-logo img,
    .brand-logo {
        width: 155px;
    }
}


/* theme-motion.css */
/* locked-homepage.css is loaded explicitly by the shared header. */

:root {
    --theme-cream: #F7F5EF;
    --theme-sage: #EEF2E3;
    --theme-olive: #7E9D34;
    --theme-olive-dark: #4F6F2B;
    --theme-brown: #8C6B45;
    --theme-brown-dark: #6F5436;
    --theme-ink: #1F2933;
}

html {
    scroll-padding-top: 120px;
}

section {
    scroll-margin-top: 120px;
}

/* Shared header color system. Navigation markup and behavior remain unchanged. */
.site-header {
    position: sticky !important;
    inset: auto !important;
    top: 0 !important;
    z-index: 9999 !important;
    color: var(--theme-ink) !important;
    border-bottom: 1px solid rgba(126, 157, 52, 0.18) !important;
    background: linear-gradient(135deg, #F5F1E8 0%, #EAE3D3 100%) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px);
    transition: background 280ms ease, box-shadow 280ms ease, border-color 280ms ease;
}

.site-header.is-scrolled,
.site-header.is-menu-open {
    background: linear-gradient(135deg, rgba(245, 241, 232, 0.97), rgba(234, 227, 211, 0.97)) !important;
    box-shadow: 0 10px 30px rgba(31, 41, 51, 0.08) !important;
}

.site-header .brand-logo {
    filter: none;
    width: auto;
    max-width: 205px;
    max-height: 64px;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.site-header .nav-list > .nav-item > a,
.site-header .nav-link,
.site-header .nav-trigger,
.site-header .desktop-nav a {
    color: #0D3B2E !important;
    text-shadow: none !important;
}

.site-header .desktop-nav a:hover,
.site-header .nav-item:hover > .nav-link,
.site-header .nav-item:hover > .nav-trigger,
.site-header .nav-link:focus,
.site-header .nav-link.active,
.site-header .menu-item.active > a {
    color: #B88A2F !important;
}

.site-header .nav-arrow,
.site-header .nav-trigger > span {
    color: var(--theme-olive) !important;
    text-shadow: none !important;
}

.site-header .solutions-promo-card h3,
.site-header .solutions-promo-card h3 span,
.site-header .solutions-promo-card > a,
.site-header .promo-leaf {
    color: var(--theme-olive) !important;
}

.site-header .header-cta,
.site-header .get-in-touch-btn {
    color: #ffffff !important;
    border-color: var(--theme-olive) !important;
    border-radius: 999px !important;
    background: var(--theme-olive) !important;
    box-shadow: none !important;
}

.site-header .header-cta:hover,
.site-header .get-in-touch-btn:hover {
    color: #ffffff !important;
    border-color: var(--theme-olive-dark) !important;
    background: var(--theme-olive-dark) !important;
}

.site-header .search-toggle,
.site-header .search-button,
.site-header [aria-label="Search"] {
    color: var(--theme-ink) !important;
    border: 1px solid rgba(126, 157, 52, 0.35) !important;
    background: transparent !important;
}

.site-header .mobile-menu-toggle {
    border-color: rgba(126, 157, 52, 0.35) !important;
}

.site-header .mobile-menu-toggle span {
    background: var(--theme-ink) !important;
}

.site-header .mobile-drawer {
    color: var(--theme-ink) !important;
    border-top-color: rgba(126, 157, 52, 0.18) !important;
    background: rgba(247, 245, 239, 0.98) !important;
}

.site-header .mobile-drawer a,
.site-header .mobile-drawer summary {
    color: var(--theme-ink) !important;
}

.site-header .mobile-drawer a:hover,
.site-header .mobile-drawer summary:hover,
.site-header .mobile-arrow {
    color: var(--theme-olive) !important;
}

/* Homepage-only motion hero. */
.moving-hero {
    position: relative;
    min-height: 90vh;
    overflow: hidden;
    color: var(--theme-ink);
    background: var(--theme-cream);
    isolation: isolate;
}

.moving-hero-slides,
.moving-hero-slide,
.moving-hero-slide img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.moving-hero-slides {
    z-index: 0;
}

.moving-hero-slide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1100ms ease, visibility 1100ms ease;
}

.moving-hero-slide img {
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: transform 6500ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.moving-hero-slide.is-active {
    opacity: 1;
    visibility: visible;
}

.moving-hero-slide.is-active img {
    transform: scale(1.055);
}

.moving-hero::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: "";
    background: linear-gradient(90deg, rgba(247, 245, 239, 0.94) 0%, rgba(247, 245, 239, 0.88) 34%, rgba(247, 245, 239, 0.48) 58%, rgba(13, 59, 46, 0.07) 86%);
    pointer-events: none;
}

.moving-hero::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: "";
    background: linear-gradient(115deg, transparent 20%, rgba(238, 242, 227, 0.34) 46%, transparent 72%);
    background-size: 220% 100%;
    animation: movingHeroLight 12s ease-in-out infinite;
    pointer-events: none;
}

.moving-hero-inner {
    position: relative;
    z-index: 5;
    display: flex;
    min-height: 90vh;
    align-items: center;
    padding-top: 72px;
    padding-bottom: 170px;
}

.moving-hero-copy {
    width: min(100%, 700px);
}

.moving-hero .section-kicker {
    margin-bottom: 20px;
    color: var(--theme-olive);
}

.moving-hero h1 {
    margin: 0;
    color: var(--theme-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 64px;
    font-weight: 500;
    line-height: 1.04;
    letter-spacing: 0;
}

.moving-hero h1 span {
    color: var(--theme-olive);
}

.moving-hero-copy p {
    max-width: 590px;
    margin: 28px 0 0;
    color: #52606B;
    font-size: 19px;
    line-height: 1.65;
}

.moving-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 36px;
}

.moving-hero-button {
    min-height: 54px;
    margin-top: 0;
    padding: 0 30px !important;
    color: #ffffff !important;
    border-color: var(--theme-olive) !important;
    border-radius: 999px !important;
    background: var(--theme-olive) !important;
    box-shadow: 0 16px 36px rgba(126, 157, 52, 0.24);
}

.moving-hero-button-secondary {
    color: #0D3B2E !important;
    border-color: rgba(13, 59, 46, 0.42) !important;
    background: rgba(247, 245, 239, 0.82) !important;
    box-shadow: none;
    backdrop-filter: blur(8px);
}

.moving-hero-button-secondary:hover {
    color: #ffffff !important;
    border-color: #0D3B2E !important;
    background: #0D3B2E !important;
}

.moving-hero-button:hover {
    color: #ffffff !important;
    border-color: var(--theme-olive-dark) !important;
    background: var(--theme-olive-dark) !important;
}

.moving-hero-indicators {
    position: absolute;
    right: 0;
    bottom: 34px;
    left: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-top: 1px solid rgba(31, 41, 51, 0.16);
    border-bottom: 1px solid rgba(31, 41, 51, 0.16);
    background: rgba(247, 245, 239, 0.72);
    backdrop-filter: blur(12px);
}

.moving-hero-indicator {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 82px;
    grid-template-columns: 24px 25px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 14px 16px;
    color: rgba(31, 41, 51, 0.7);
    border: 0;
    border-right: 1px solid rgba(31, 41, 51, 0.12);
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: color 220ms ease, background-color 220ms ease;
}

.moving-hero-indicator:last-child {
    border-right: 0;
}

.moving-hero-indicator:hover,
.moving-hero-indicator.is-active {
    color: var(--theme-olive);
    background: rgba(255, 255, 255, 0.48);
}

.moving-hero-indicator::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    content: "";
    background: var(--theme-olive);
    transform: scaleX(0);
    transform-origin: left;
}

.moving-hero-indicator.is-active::after {
    animation: movingHeroProgress 5s linear forwards;
}

.indicator-icon {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
}

.indicator-icon .line-svg {
    width: 21px;
    height: 21px;
}

.indicator-number {
    font-size: 12px;
    font-weight: 800;
}

.indicator-label {
    min-width: 0;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.25;
}

.moving-hero-glow {
    position: absolute;
    z-index: 3;
    top: 8%;
    right: 10%;
    width: 34%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.32);
    filter: blur(70px);
    animation: movingHeroGlow 8s ease-in-out infinite;
    pointer-events: none;
}

.moving-hero-wave {
    position: absolute;
    z-index: 3;
    right: -25%;
    bottom: -19%;
    width: 150%;
    height: 42%;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(126, 157, 52, 0.13) 0%, rgba(238, 242, 227, 0.2) 48%, transparent 70%);
    animation: movingHeroWave 10s ease-in-out infinite;
    pointer-events: none;
}

.moving-hero-molecules span {
    position: absolute;
    z-index: 3;
    width: 11px;
    height: 11px;
    border: 1px solid rgba(126, 157, 52, 0.3);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.55);
    animation: movingHeroFloat 8s ease-in-out infinite;
    pointer-events: none;
}

.moving-hero-molecules span::after {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 64px;
    height: 1px;
    content: "";
    background: rgba(126, 157, 52, 0.18);
    transform: rotate(-28deg);
    transform-origin: left;
}

.moving-hero-molecules span:nth-child(1) { top: 22%; right: 12%; }
.moving-hero-molecules span:nth-child(2) { top: 43%; right: 35%; animation-delay: -2s; }
.moving-hero-molecules span:nth-child(3) { top: 65%; right: 18%; animation-delay: -5s; }

.moving-hero-leaves span {
    position: absolute;
    z-index: 3;
    width: 24px;
    height: 38px;
    border-radius: 100% 0 100% 0;
    background: rgba(126, 157, 52, 0.16);
    animation: movingHeroLeaf 12s ease-in-out infinite;
    pointer-events: none;
}

.moving-hero-leaves span:nth-child(1) { top: 18%; right: 26%; transform: rotate(22deg); }
.moving-hero-leaves span:nth-child(2) { top: 54%; right: 8%; transform: rotate(76deg); animation-delay: -4s; }
.moving-hero-leaves span:nth-child(3) { top: 72%; right: 31%; transform: rotate(128deg); animation-delay: -8s; }

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@keyframes movingHeroLight {
    0%, 100% { background-position: 100% 0; }
    50% { background-position: 0 0; }
}

@keyframes movingHeroProgress {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

@keyframes movingHeroGlow {
    0%, 100% { opacity: 0.55; transform: translate3d(0, 0, 0) scale(0.96); }
    50% { opacity: 0.9; transform: translate3d(-3%, 2%, 0) scale(1.08); }
}

@keyframes movingHeroWave {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-2deg); }
    50% { transform: translate3d(-3%, -5%, 0) rotate(2deg); }
}

@keyframes movingHeroFloat {
    0%, 100% { transform: translate3d(0, 0, 0); opacity: 0.45; }
    50% { transform: translate3d(-12px, -18px, 0); opacity: 0.9; }
}

@keyframes movingHeroLeaf {
    0%, 100% { margin-top: 0; opacity: 0.3; }
    50% { margin-top: -24px; opacity: 0.72; }
}

/* Shared footer color system. Existing footer content and link structure remain unchanged. */
footer.site-footer {
    position: relative !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    color: #ffffff !important;
    padding: 80px 60px 35px !important;
    background: linear-gradient(135deg, #5F7D3A 0%, #7E9D34 45%, #3F5A28 100%) !important;
}

footer.site-footer::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    opacity: 0.08;
    background-image:
        radial-gradient(circle at 8px 8px, #ffffff 0 2px, transparent 2.5px),
        linear-gradient(30deg, transparent 47%, #ffffff 48% 49%, transparent 50%);
    background-size: 72px 72px, 72px 72px;
    pointer-events: none;
}

footer.site-footer .footer-leaf-art {
    opacity: 0.08 !important;
}

footer.site-footer .footer-cta,
footer.site-footer .footer-grid,
footer.site-footer .footer-bottom {
    position: relative;
    z-index: 2;
}

footer.site-footer .footer-grid {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr !important;
    gap: 44px !important;
    align-items: start !important;
}

footer.site-footer .footer-column,
footer.site-footer .footer-company {
    display: block !important;
    min-width: 0;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

footer.site-footer .footer-meta-columns {
    display: grid;
    gap: 34px;
}

footer.site-footer .footer-column .footer-column-title {
    color: #F7E7B2 !important;
    font-size: 15px !important;
}

footer.site-footer .footer-column p {
    color: rgba(255, 255, 255, 0.90) !important;
    font-size: 15px !important;
}

footer.site-footer .footer-column a,
footer.site-footer .footer-column li {
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 15px !important;
}

footer.site-footer .footer-column a:hover,
footer.site-footer .footer-bottom a:hover {
    color: #F7E7B2 !important;
}

footer.site-footer .footer-cta-button {
    color: #ffffff !important;
    background: var(--theme-brown) !important;
}

footer.site-footer .footer-cta-button:hover {
    color: #ffffff !important;
    background: var(--theme-brown-dark) !important;
}

footer.site-footer .footer-cta > div:first-child > span {
    color: #F7E7B2 !important;
    font-size: 15px !important;
}

footer.site-footer .footer-bottom,
footer.site-footer .footer-bottom p,
footer.site-footer .footer-bottom a,
footer.site-footer .footer-socials a {
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 15px !important;
}

@media (max-width: 1100px) {
    .moving-hero h1 {
        font-size: 52px;
    }

    .moving-hero-indicator {
        grid-template-columns: 22px 24px minmax(0, 1fr);
        padding-right: 10px;
        padding-left: 10px;
    }

    .indicator-label {
        font-size: 12px;
    }
}

@media (max-width: 900px) {
    .moving-hero {
        min-height: auto;
    }

    .moving-hero::before {
        background: linear-gradient(180deg, rgba(247, 245, 239, 0.94) 0%, rgba(247, 245, 239, 0.88) 55%, rgba(247, 245, 239, 0.72) 100%);
    }

    .moving-hero-inner {
        display: block;
        min-height: auto;
        width: 100%;
        padding: 120px 24px 80px;
    }

    .moving-hero-copy {
        margin: 0 auto;
        text-align: center;
    }

    .moving-hero-copy p {
        margin-right: auto;
        margin-left: auto;
    }

    .moving-hero-indicators {
        position: relative;
        right: auto;
        bottom: auto;
        left: auto;
        display: flex;
        gap: 0;
        width: calc(100% + 48px);
        margin: 68px -24px 0;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
    }

    .moving-hero-indicator {
        min-width: 190px;
        flex: 0 0 190px;
    }

    .moving-hero-molecules span:nth-child(2),
    .moving-hero-leaves span:nth-child(3) {
        display: none;
    }

    footer.site-footer {
        padding: 60px 28px 30px !important;
    }

    footer.site-footer .footer-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 32px !important;
    }
}

@media (max-width: 600px) {
    .moving-hero h1 {
        font-size: 42px;
        line-height: 1.08;
    }

    .moving-hero-copy p {
        font-size: 17px;
    }

    .moving-hero-button {
        width: auto !important;
    }

    footer.site-footer .footer-grid {
        grid-template-columns: 1fr !important;
    }

    footer.site-footer .footer-bottom {
        flex-direction: column !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .moving-hero-slide,
    .moving-hero-slide img,
    .moving-hero::after,
    .moving-hero-glow,
    .moving-hero-wave,
    .moving-hero-molecules span,
    .moving-hero-leaves span,
    .moving-hero-indicator::after {
        animation: none !important;
        transition: none !important;
    }
}

/* Premium homepage catalog sections. */
.catalog-section {
    position: relative;
    overflow: hidden;
    padding: 96px 0;
}

.catalog-intro {
    min-width: 0;
}

.catalog-intro .section-kicker {
    display: block;
    margin-bottom: 15px;
    color: var(--theme-olive);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.catalog-intro h2 {
    margin: 0;
    color: #0D3B2E;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 43px;
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: 0;
}

.catalog-intro > p {
    max-width: 520px;
    margin: 22px 0 0;
    color: #52606B;
    font-size: 16px;
    line-height: 1.7;
}

.catalog-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin-top: 28px;
    padding: 0 24px;
    color: #ffffff !important;
    border: 1px solid var(--theme-olive);
    border-radius: 999px;
    background: var(--theme-olive);
    font-size: 14px;
    font-weight: 750;
    transition: transform 220ms ease, background-color 220ms ease, border-color 220ms ease;
}

.catalog-button:hover {
    color: #ffffff !important;
    border-color: var(--theme-olive-dark);
    background: var(--theme-olive-dark);
    transform: translateY(-2px);
}

.catalog-solutions {
    background:
        linear-gradient(135deg, rgba(238, 242, 227, 0.52), transparent 45%),
        #F7F5EF;
}

.catalog-solutions-layout {
    display: grid;
    grid-template-columns: minmax(245px, 0.78fr) minmax(0, 3.25fr);
    align-items: stretch;
    gap: 48px;
}

.catalog-solution-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.catalog-solution-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 286px;
    flex-direction: column;
    padding: 24px 18px 20px;
    color: var(--theme-ink) !important;
    border: 1px solid rgba(126, 157, 52, 0.18);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 14px 36px rgba(31, 41, 51, 0.06);
    transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease;
}

.catalog-solution-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, var(--theme-olive), var(--theme-brown));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 260ms ease;
}

.catalog-solution-card:hover {
    color: var(--theme-ink) !important;
    border-color: rgba(126, 157, 52, 0.44);
    box-shadow: 0 20px 48px rgba(31, 41, 51, 0.11);
    transform: translateY(-7px);
}

.catalog-solution-card:hover::before {
    transform: scaleX(1);
}

.catalog-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: var(--theme-olive);
    border: 1px solid rgba(126, 157, 52, 0.22);
    border-radius: 50%;
    background: var(--theme-sage);
}

.catalog-icon .line-svg {
    width: 21px;
    height: 21px;
}

.catalog-solution-card h3 {
    margin: 24px 0 0;
    color: #0D3B2E;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: 0;
}

.catalog-solution-card p {
    margin: 14px 0 22px;
    color: #66736F;
    font-size: 13px;
    line-height: 1.55;
}

.catalog-link {
    margin-top: auto;
    color: var(--theme-brown);
    font-size: 13px;
    font-weight: 750;
}

.catalog-industries {
    color: #ffffff;
    background:
        linear-gradient(115deg, rgba(126, 157, 52, 0.13), transparent 44%),
        #0D3B2E;
}

.catalog-industries::before {
    position: absolute;
    inset: 0;
    content: "";
    opacity: 0.08;
    background-image:
        radial-gradient(circle at 8px 8px, #A3BC63 0 2px, transparent 2.5px),
        linear-gradient(30deg, transparent 47%, #A3BC63 48% 49%, transparent 50%);
    background-size: 76px 76px;
    pointer-events: none;
}

.catalog-industries-header,
.catalog-slider {
    position: relative;
    z-index: 1;
}

.catalog-industries-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 44px;
    margin-bottom: 38px;
}

.catalog-intro-light {
    max-width: 760px;
}

.catalog-intro-light .section-kicker {
    color: #D6E5A9;
}

.catalog-intro-light h2,
.catalog-intro-light > p {
    color: #ffffff;
}

.catalog-intro-light > p {
    max-width: 730px;
    color: rgba(255, 255, 255, 0.76);
}

.catalog-header-actions {
    flex: 0 0 auto;
    text-align: right;
}

.catalog-button-light {
    margin-top: 0;
    color: #0D3B2E !important;
    border-color: #F7E7B2;
    background: #F7E7B2;
}

.catalog-button-light:hover {
    color: #ffffff !important;
    border-color: var(--theme-brown);
    background: var(--theme-brown);
}

.catalog-slider-controls {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 18px;
}

.catalog-slider-controls button {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    cursor: pointer;
    font-size: 19px;
    transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease;
}

.catalog-slider-controls button:hover {
    color: #0D3B2E;
    border-color: #F7E7B2;
    background: #F7E7B2;
}

.catalog-slider {
    overflow: hidden;
}

.catalog-industry-track {
    display: flex;
    gap: 15px;
    will-change: transform;
}

.catalog-industry-card {
    position: relative;
    display: flex;
    min-width: calc((100% - 75px) / 6);
    height: 350px;
    flex: 0 0 calc((100% - 75px) / 6);
    flex-direction: column;
    overflow: hidden;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    background: #173F32;
    transition: transform 260ms ease, border-color 260ms ease, box-shadow 260ms ease;
}

.catalog-industry-card:hover {
    color: #ffffff !important;
    border-color: rgba(247, 231, 178, 0.54);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
    transform: translateY(-6px);
}

.catalog-industry-card img {
    width: 100%;
    height: 174px;
    flex: 0 0 174px;
    object-fit: cover;
    transition: transform 650ms ease;
}

.catalog-industry-card:hover img {
    transform: scale(1.05);
}

.catalog-industry-card > div {
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
    padding: 18px 15px;
}

.catalog-industry-card h3 {
    margin: 0;
    color: #F7E7B2;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: 0;
}

.catalog-industry-card p {
    margin: 11px 0 0;
    color: rgba(255, 255, 255, 0.74);
    font-size: 12px;
    line-height: 1.55;
}

.catalog-sustainability {
    background:
        radial-gradient(circle at 18% 50%, rgba(163, 188, 99, 0.24), transparent 28%),
        #EEF2E3;
}

.catalog-sustainability-layout {
    display: grid;
    grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 78px;
}

.catalog-earth {
    position: relative;
    min-height: 430px;
}

.catalog-earth::before {
    position: absolute;
    inset: 10% 13%;
    content: "";
    border: 1px solid rgba(126, 157, 52, 0.22);
    border-radius: 50%;
    animation: catalogOrbit 14s linear infinite;
}

.catalog-earth img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 25px 42px rgba(13, 59, 46, 0.16));
    animation: catalogEarthFloat 7s ease-in-out infinite;
}

.catalog-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 36px;
    border-top: 1px solid rgba(13, 59, 46, 0.15);
    border-left: 1px solid rgba(13, 59, 46, 0.15);
}

.catalog-metrics > div {
    display: grid;
    min-height: 104px;
    grid-template-columns: 78px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-right: 1px solid rgba(13, 59, 46, 0.15);
    border-bottom: 1px solid rgba(13, 59, 46, 0.15);
}

.catalog-metrics strong {
    color: var(--theme-olive-dark);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 33px;
    font-weight: 500;
}

.catalog-metrics span {
    color: #45564F;
    font-size: 13px;
    line-height: 1.45;
}

.catalog-video-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 28px;
    padding: 18px 0 0;
}

.catalog-video-cta > span {
    color: #0D3B2E;
    font-size: 17px;
    font-weight: 750;
}

.catalog-video-cta a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--theme-brown) !important;
    font-size: 14px;
    font-weight: 750;
}

.catalog-video-cta a::before {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    content: ">";
    color: #ffffff;
    border-radius: 50%;
    background: var(--theme-olive);
    font-size: 13px;
}

.catalog-manufacturing {
    background: #F7F5EF;
}

.catalog-manufacturing-layout {
    display: grid;
    grid-template-columns: minmax(285px, 0.82fr) minmax(0, 2.4fr);
    align-items: center;
    gap: 58px;
}

.catalog-manufacturing-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.catalog-manufacturing-card {
    position: relative;
    min-width: 0;
    height: 360px;
    overflow: hidden;
    color: #ffffff !important;
    border-radius: 6px;
    background: #0D3B2E;
    box-shadow: 0 15px 34px rgba(31, 41, 51, 0.09);
}

.catalog-manufacturing-card::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(180deg, transparent 24%, rgba(6, 34, 25, 0.88) 82%, rgba(6, 34, 25, 0.98));
    pointer-events: none;
}

.catalog-manufacturing-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 650ms ease;
}

.catalog-manufacturing-card:hover img {
    transform: scale(1.06);
}

.catalog-manufacturing-card > div {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px 17px;
}

.catalog-manufacturing-card h3 {
    margin: 0;
    color: #F7E7B2;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0;
}

.catalog-manufacturing-card p {
    margin: 10px 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 12px;
    line-height: 1.5;
}

.catalog-knowledge {
    margin-bottom: 0;
    background:
        linear-gradient(125deg, rgba(163, 188, 99, 0.13), transparent 36%),
        #ffffff;
}

.catalog-knowledge-layout {
    display: grid;
    grid-template-columns: minmax(250px, 0.72fr) minmax(0, 2.85fr);
    align-items: stretch;
    gap: 48px;
}

.catalog-knowledge .catalog-intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.catalog-slider-controls-dark {
    justify-content: flex-start;
    margin-top: auto;
    padding-top: 30px;
}

.catalog-slider-controls-dark button {
    color: #0D3B2E;
    border-color: rgba(13, 59, 46, 0.22);
    background: #F7F5EF;
}

.catalog-slider-controls-dark button:hover {
    color: #ffffff;
    border-color: var(--theme-olive);
    background: var(--theme-olive);
}

.catalog-knowledge-slider {
    min-width: 0;
    overflow: hidden;
}

.catalog-knowledge-track {
    display: flex;
    height: 100%;
    gap: 15px;
    will-change: transform;
}

.catalog-knowledge-card {
    display: flex;
    min-width: calc((100% - 45px) / 4);
    flex: 0 0 calc((100% - 45px) / 4);
    flex-direction: column;
    overflow: hidden;
    color: var(--theme-ink) !important;
    border: 1px solid rgba(13, 59, 46, 0.11);
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(31, 41, 51, 0.07);
    transition: transform 260ms ease, box-shadow 260ms ease, border-color 260ms ease;
}

.catalog-knowledge-card:hover {
    color: var(--theme-ink) !important;
    border-color: rgba(126, 157, 52, 0.42);
    box-shadow: 0 20px 44px rgba(31, 41, 51, 0.12);
    transform: translateY(-6px);
}

.catalog-knowledge-card > img {
    width: 100%;
    height: 148px;
    object-fit: cover;
    transition: transform 600ms ease;
}

.catalog-knowledge-card:hover > img {
    transform: scale(1.045);
}

.catalog-knowledge-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 17px 15px 16px;
}

.catalog-knowledge-body > span {
    color: var(--theme-olive-dark);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.catalog-knowledge-body h3 {
    margin: 12px 0 0;
    color: #0D3B2E;
    font-size: 15px;
    line-height: 1.35;
    letter-spacing: 0;
}

.catalog-knowledge-body p {
    margin: 11px 0 18px;
    color: #66736F;
    font-size: 12px;
    line-height: 1.55;
}

.catalog-knowledge-body small {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    color: #7A857F;
    font-size: 10px;
}

.catalog-knowledge-body small b {
    color: var(--theme-brown);
    font-weight: 700;
}

/* Compact shared footer. */
footer.site-footer {
    min-height: auto !important;
    padding: 58px 60px 26px !important;
    background: linear-gradient(135deg, #0D3B2E 0%, #215642 56%, #365E2D 100%) !important;
}

footer.site-footer .footer-grid {
    grid-template-columns: 1.55fr 1fr 1fr 1fr 1fr !important;
    gap: 44px !important;
}

footer.site-footer .footer-column .footer-column-title {
    margin: 0 0 16px !important;
    color: #F7E7B2 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

footer.site-footer .footer-column a,
footer.site-footer .footer-column address {
    display: block;
    margin: 0;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 15px !important;
    font-style: normal;
    line-height: 1.75 !important;
}

footer.site-footer .footer-contact-block > a:not(.footer-brand) {
    width: fit-content;
}

footer.site-footer .footer-contact-block address {
    margin-top: 14px;
}

footer.site-footer .footer-brand {
    display: block !important;
    width: fit-content;
    margin: 0 0 16px !important;
    padding: 7px 10px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.96);
}

footer.site-footer .footer-logo {
    display: block;
    width: auto !important;
    max-width: 190px !important;
    max-height: 82px;
    object-fit: contain;
    mix-blend-mode: multiply;
}

footer.site-footer .footer-bottom {
    align-items: center;
    margin-top: 38px !important;
    padding-top: 21px !important;
    font-size: 14px !important;
}

footer.site-footer .footer-bottom p,
footer.site-footer .footer-bottom a {
    font-size: 14px !important;
}

footer.site-footer .footer-bottom > div {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

@keyframes catalogEarthFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

@keyframes catalogOrbit {
    to { transform: rotate(360deg); }
}

@supports (animation-timeline: view()) {
    .catalog-section .catalog-intro,
    .catalog-section .catalog-solution-card,
    .catalog-section .catalog-industry-card,
    .catalog-section .catalog-manufacturing-card,
    .catalog-section .catalog-knowledge-card {
        animation: catalogReveal 700ms both;
        animation-range: entry 8% cover 28%;
        animation-timeline: view();
    }
}

@keyframes catalogReveal {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1180px) {
    .catalog-solutions-layout,
    .catalog-manufacturing-layout,
    .catalog-knowledge-layout {
        grid-template-columns: 1fr;
    }

    .catalog-solution-grid {
        grid-template-columns: repeat(5, minmax(170px, 1fr));
        overflow-x: auto;
        padding-bottom: 12px;
    }

    .catalog-intro > p {
        max-width: 700px;
    }

    .catalog-industry-card {
        min-width: calc((100% - 45px) / 4);
        flex-basis: calc((100% - 45px) / 4);
    }

    .catalog-manufacturing-layout {
        gap: 38px;
    }

    .catalog-knowledge-layout {
        gap: 36px;
    }

    .catalog-knowledge .catalog-intro {
        display: block;
    }

    .catalog-slider-controls-dark {
        padding-top: 0;
    }
}

@media (max-width: 900px) {
    .catalog-section {
        padding: 76px 0;
    }

    .catalog-intro h2 {
        font-size: 37px;
    }

    .catalog-industries-header {
        display: block;
    }

    .catalog-header-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 28px;
        text-align: left;
    }

    .catalog-slider-controls {
        margin-top: 0;
    }

    .catalog-industry-card {
        min-width: calc((100% - 30px) / 3);
        flex-basis: calc((100% - 30px) / 3);
    }

    .catalog-sustainability-layout {
        grid-template-columns: 0.8fr 1.2fr;
        gap: 36px;
    }

    .catalog-earth {
        min-height: 340px;
    }

    .catalog-manufacturing-grid {
        grid-template-columns: 1fr 1fr;
    }

    .catalog-manufacturing-card {
        height: 315px;
    }

    .catalog-knowledge-card {
        min-width: calc((100% - 30px) / 3);
        flex-basis: calc((100% - 30px) / 3);
    }

    footer.site-footer {
        padding: 54px 28px 28px !important;
    }

    footer.site-footer .footer-grid {
        grid-template-columns: 1.4fr 1fr 1fr !important;
        gap: 34px !important;
    }
}

@media (max-width: 680px) {
    .moving-hero-actions {
        justify-content: center;
    }

    .catalog-section {
        padding: 64px 0;
    }

    .catalog-intro h2 {
        font-size: 34px;
    }

    .catalog-solution-grid {
        grid-template-columns: repeat(5, minmax(245px, 78vw));
    }

    .catalog-solution-card {
        min-height: 260px;
    }

    .catalog-header-actions {
        align-items: flex-end;
        gap: 18px;
    }

    .catalog-industry-card {
        min-width: calc((100% - 15px) / 2);
        flex-basis: calc((100% - 15px) / 2);
    }

    .catalog-sustainability-layout {
        grid-template-columns: 1fr;
    }

    .catalog-earth {
        min-height: 300px;
    }

    .catalog-metrics {
        grid-template-columns: 1fr;
    }

    .catalog-metrics > div {
        min-height: 84px;
    }

    .catalog-video-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .catalog-manufacturing-grid {
        grid-template-columns: 1fr;
    }

    .catalog-manufacturing-card {
        height: 300px;
    }

    .catalog-knowledge-card {
        min-width: 84%;
        flex-basis: 84%;
    }

    footer.site-footer .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 460px) {
    .moving-hero h1 {
        font-size: 37px;
    }

    .moving-hero-button {
        width: 100% !important;
    }

    .catalog-header-actions {
        display: block;
    }

    .catalog-header-actions .catalog-slider-controls {
        justify-content: flex-start;
        margin-top: 18px;
    }

    .catalog-industry-card {
        min-width: 86%;
        flex-basis: 86%;
    }

    .catalog-knowledge-card {
        min-width: 88%;
        flex-basis: 88%;
    }

    footer.site-footer .footer-grid {
        grid-template-columns: 1fr !important;
    }

    footer.site-footer .footer-bottom {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .catalog-earth::before,
    .catalog-earth img,
    .catalog-section .catalog-intro,
    .catalog-section .catalog-solution-card,
    .catalog-section .catalog-industry-card,
    .catalog-section .catalog-manufacturing-card,
    .catalog-section .catalog-knowledge-card {
        animation: none !important;
    }
}


/* locked-homepage.css */
:root {
    --theme-cream: #F5F2EA;
    --theme-sage: #DCE4C5;
    --theme-olive: #8AA63A;
    --theme-olive-dark: #6F862D;
    --theme-brown: #6F862D;
    --theme-brown-dark: #6F862D;
    --theme-ink: #232B35;
}

html {
    scroll-padding-top: 150px;
}

section {
    scroll-margin-top: 150px;
}

/* Locked shared header. */
.site-header {
    color: #0B3D2E !important;
    border-bottom: 1px solid rgba(138, 166, 58, 0.2) !important;
    background: linear-gradient(135deg, #F5F2EA 0%, #EAE5DA 100%) !important;
}

.site-header.is-scrolled,
.site-header.is-menu-open {
    background: linear-gradient(135deg, rgba(245, 242, 234, 0.97), rgba(234, 229, 218, 0.97)) !important;
}

.site-header .brand-logo {
    width: 190px;
    max-width: 190px;
    max-height: 68px;
    object-fit: contain;
    filter: none !important;
    mix-blend-mode: multiply;
}

.site-header .desktop-nav {
    transform: translateX(-18px);
}

.site-header .nav-list > .nav-item > a,
.site-header .nav-link,
.site-header .nav-trigger,
.site-header .desktop-nav a {
    color: #0B3D2E !important;
}

.site-header .desktop-nav a:hover,
.site-header .nav-item:hover > .nav-link,
.site-header .nav-item:hover > .nav-trigger,
.site-header .nav-link:focus,
.site-header .nav-link.active,
.site-header .menu-item.active > a {
    color: #8AA63A !important;
}

.site-header .header-cta,
.site-header .get-in-touch-btn {
    color: #ffffff !important;
    border-color: #8AA63A !important;
    background: #8AA63A !important;
}

.site-header .header-cta:hover,
.site-header .get-in-touch-btn:hover {
    border-color: #6F862D !important;
    background: #6F862D !important;
}

.site-header .mega-promo,
.site-header .solutions-promo-card {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    background: #8AA63A !important;
}

.site-header .mega-promo *,
.site-header .solutions-promo-card *,
.site-header .solutions-promo-card h3,
.site-header .solutions-promo-card h3 span,
.site-header .solutions-promo-card p,
.site-header .solutions-promo-card > a,
.site-header .promo-leaf {
    color: #ffffff !important;
}

.site-header .solutions-promo-card > a:hover {
    color: #F5F2EA !important;
}

.mega-fact-viewport {
    height: 82px;
    overflow: hidden;
}

.mega-fact-track {
    animation: megaFacts 15s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}

.mega-fact-track p {
    display: flex;
    height: 82px;
    align-items: center;
    margin: 0 !important;
}

@keyframes megaFacts {
    0%, 27% { transform: translateY(0); }
    33%, 60% { transform: translateY(-82px); }
    66%, 94% { transform: translateY(-164px); }
    100% { transform: translateY(0); }
}

/* Locked hero: same scale and imagery, refined controls. */
.moving-hero {
    min-height: 90vh;
    color: #232B35;
    background: #F5F2EA;
}

.moving-hero::before {
    background: linear-gradient(90deg, rgba(245, 242, 234, 0.94) 0%, rgba(245, 242, 234, 0.86) 34%, rgba(234, 229, 218, 0.48) 58%, rgba(245, 242, 234, 0.08) 86%);
}

.moving-hero::after {
    background: linear-gradient(115deg, transparent 20%, rgba(220, 228, 197, 0.34) 46%, transparent 72%);
    background-size: 220% 100%;
}

.moving-hero-inner {
    min-height: 90vh;
    padding-top: 70px;
    padding-bottom: 130px;
}

.moving-hero .section-kicker,
.moving-hero h1 span {
    color: #8AA63A;
}

.moving-hero h1 {
    color: #232B35;
}

.moving-hero-keyword {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    margin-top: 26px !important;
    padding: 9px 18px;
    color: #232B35 !important;
    border-left: 3px solid #8AA63A;
    background: rgba(245, 242, 234, 0.68);
    font-size: 18px !important;
    font-weight: 750;
    backdrop-filter: blur(8px);
}

.moving-hero-keyword.is-changing {
    animation: keywordReveal 520ms ease both;
}

@keyframes keywordReveal {
    from { opacity: 0; transform: translateY(7px); }
    to { opacity: 1; transform: translateY(0); }
}

.moving-hero-button {
    border-color: #8AA63A !important;
    background: #8AA63A !important;
    box-shadow: 0 16px 34px rgba(138, 166, 58, 0.24);
}

.moving-hero-button:hover {
    border-color: #6F862D !important;
    background: #6F862D !important;
}

.moving-hero-button-secondary {
    color: #232B35 !important;
    border-color: rgba(111, 134, 45, 0.52) !important;
    background: rgba(245, 242, 234, 0.88) !important;
}

.moving-hero-button-secondary:hover {
    color: #ffffff !important;
    border-color: #6F862D !important;
    background: #6F862D !important;
}

.moving-hero-controls {
    position: absolute;
    bottom: 36px;
    left: 0;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 10px 12px;
    border: 1px solid rgba(138, 166, 58, 0.26);
    border-radius: 999px;
    background: rgba(245, 242, 234, 0.82);
    backdrop-filter: blur(12px);
}

.moving-hero-indicators {
    position: static;
    display: flex;
    width: auto;
    flex: 0 0 auto;
    grid-template-columns: none;
    gap: 9px;
    margin: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    backdrop-filter: none;
}

.moving-hero-indicator {
    display: block;
    min-width: 10px;
    min-height: 10px;
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    padding: 0;
    border: 1px solid #8AA63A;
    border-radius: 50%;
    background: transparent;
}

.moving-hero-indicator:hover,
.moving-hero-indicator.is-active {
    background: #8AA63A;
    transform: scale(1.18);
}

.moving-hero-indicator::after {
    display: none;
}

.hero-arrow {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    color: #8AA63A;
    border: 1px solid #8AA63A;
    border-radius: 50%;
    background: #F5F2EA;
    cursor: pointer;
    font-size: 17px;
    transition: color 200ms ease, background-color 200ms ease;
}

.hero-arrow:hover {
    color: #ffffff;
    background: #8AA63A;
}

/* Compact moving statistics strip. */
.statistics-strip {
    height: 64px;
    overflow: hidden;
    border-top: 1px solid rgba(138, 166, 58, 0.18);
    border-bottom: 1px solid rgba(138, 166, 58, 0.18);
    background: #F5F2EA;
}

.statistics-track {
    display: flex;
    width: max-content;
    height: 100%;
    animation: statisticsTicker 28s linear infinite;
}

.statistics-strip:hover .statistics-track {
    animation-play-state: paused;
}

.statistics-group {
    display: grid;
    width: 100vw;
    min-width: 100vw;
    grid-template-columns: repeat(4, 1fr);
}

.statistics-group > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 22px;
    border-right: 1px solid rgba(138, 166, 58, 0.16);
    white-space: nowrap;
}

.statistics-group strong {
    color: #6F862D;
    font-size: 18px;
    font-weight: 850;
}

.statistics-group span {
    color: #232B35;
    font-size: 12px;
    font-weight: 650;
}

@keyframes statisticsTicker {
    to { transform: translateX(-50%); }
}

/* Shared compact section system. */
.catalog-section {
    display: flex;
    min-height: 510px;
    align-items: center;
    padding: 58px 0;
}

.catalog-motion-layout {
    display: grid;
    grid-template-columns: minmax(250px, 0.72fr) minmax(0, 2.75fr);
    align-items: center;
    gap: 42px;
}

.catalog-intro h2 {
    color: #232B35;
    font-size: 36px;
}

.catalog-intro > p {
    margin-top: 18px;
    color: rgba(35, 43, 53, 0.76);
    font-size: 15px;
}

.catalog-intro .section-kicker,
.catalog-link,
.catalog-icon {
    color: #8AA63A;
}

.catalog-button {
    min-height: 46px;
    margin-top: 24px;
    border-color: #8AA63A;
    background: #8AA63A;
}

.catalog-button:hover {
    border-color: #6F862D;
    background: #6F862D;
}

.catalog-slider-controls,
.catalog-slider-controls-dark {
    display: flex;
    justify-content: flex-start;
    gap: 9px;
    margin-top: 16px;
    padding-top: 0;
}

.catalog-slider-controls button,
.catalog-slider-controls-dark button {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: #8AA63A;
    border: 1px solid #8AA63A;
    border-radius: 50%;
    background: #F5F2EA;
    cursor: pointer;
    font-size: 18px;
    transition: color 200ms ease, background-color 200ms ease, transform 200ms ease;
}

.catalog-slider-controls button:hover,
.catalog-slider-controls-dark button:hover {
    color: #ffffff;
    border-color: #8AA63A;
    background: #8AA63A;
    transform: translateY(-2px);
}

.catalog-motion-slider,
.certification-slider {
    min-width: 0;
    overflow: hidden;
}

.catalog-solution-track,
.catalog-industry-track,
.catalog-sustainability-track,
.catalog-manufacturing-track,
.catalog-knowledge-track,
.certification-track {
    display: flex;
    gap: 14px;
    will-change: transform;
}

.catalog-solutions {
    background: linear-gradient(135deg, rgba(220, 228, 197, 0.34), transparent 52%), #F5F2EA;
}

.catalog-solution-card {
    min-width: calc((100% - 42px) / 4);
    min-height: 294px;
    flex: 0 0 calc((100% - 42px) / 4);
    padding: 22px 17px 19px;
    border-color: rgba(138, 166, 58, 0.2);
    background: rgba(255, 255, 255, 0.72);
}

.catalog-solution-card::before {
    background: #8AA63A;
}

.catalog-solution-card h3 {
    color: #232B35;
}

.catalog-icon {
    border-color: rgba(138, 166, 58, 0.24);
    background: #DCE4C5;
}

/* Light olive industries. */
.catalog-industries {
    color: #232B35;
    background:
        linear-gradient(135deg, rgba(245, 242, 234, 0.7), rgba(220, 228, 197, 0.78)),
        #EAE5DA;
}

.catalog-industries::before {
    opacity: 0.14;
    background-image:
        radial-gradient(ellipse at 18% 30%, rgba(138, 166, 58, 0.34) 0 8%, transparent 9%),
        radial-gradient(ellipse at 78% 66%, rgba(111, 134, 45, 0.22) 0 7%, transparent 8%);
    background-size: 180px 130px, 220px 160px;
}

.catalog-industries .catalog-intro,
.catalog-industries .catalog-motion-slider {
    position: relative;
    z-index: 1;
}

.catalog-industry-card {
    min-width: calc((100% - 42px) / 4);
    height: 320px;
    flex: 0 0 calc((100% - 42px) / 4);
    color: #232B35 !important;
    border-color: rgba(138, 166, 58, 0.22);
    background: rgba(245, 242, 234, 0.9);
    box-shadow: 0 14px 34px rgba(35, 43, 53, 0.08);
}

.catalog-industry-card:hover {
    color: #232B35 !important;
    border-color: #8AA63A;
    box-shadow: 0 18px 40px rgba(111, 134, 45, 0.16);
}

.catalog-industry-card img {
    height: 162px;
    flex-basis: 162px;
}

.catalog-industry-card > div {
    padding: 16px 14px;
}

.catalog-industry-card h3 {
    color: #6F862D;
}

.catalog-industry-card p {
    color: rgba(35, 43, 53, 0.72);
}

/* Cream-over-leaf sustainability slider; no globe. */
.catalog-sustainability {
    background:
        linear-gradient(rgba(245, 242, 234, 0.9), rgba(234, 229, 218, 0.9)),
        url("/assets/images/sustainability/leaf-bg.jpg") center / cover no-repeat;
}

.sustainability-slider {
    border: 1px solid rgba(138, 166, 58, 0.24);
    border-radius: 6px;
    background: rgba(245, 242, 234, 0.74);
    box-shadow: 0 18px 42px rgba(35, 43, 53, 0.08);
    backdrop-filter: blur(10px);
}

.catalog-sustainability-slide {
    min-width: 100%;
    min-height: 310px;
    flex: 0 0 100%;
    padding: 30px;
}

.catalog-sustainability-slide > span {
    color: #8AA63A;
    font-size: 12px;
    font-weight: 850;
}

.catalog-sustainability-slide h3 {
    max-width: 650px;
    margin: 12px 0 0;
    color: #232B35;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: 0;
}

.catalog-sustainability-slide > p {
    max-width: 650px;
    margin: 13px 0 0;
    color: rgba(35, 43, 53, 0.72);
    font-size: 14px;
    line-height: 1.6;
}

.catalog-metrics {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 25px;
    border-color: rgba(138, 166, 58, 0.22);
}

.catalog-metrics > div {
    display: flex;
    min-height: 80px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    padding: 12px;
    border-color: rgba(138, 166, 58, 0.22);
}

.catalog-metrics strong {
    color: #6F862D;
    font-size: 27px;
}

.catalog-metrics small {
    color: rgba(35, 43, 53, 0.7);
    font-size: 11px;
}

/* Manufacturing slider. */
.catalog-manufacturing {
    background: #F5F2EA;
}

.catalog-manufacturing-track {
    height: 318px;
}

.catalog-manufacturing-card {
    min-width: calc((100% - 28px) / 3);
    height: 318px;
    flex: 0 0 calc((100% - 28px) / 3);
    background: #6F862D;
}

.catalog-manufacturing-card::after {
    background: linear-gradient(180deg, transparent 26%, rgba(111, 134, 45, 0.72) 74%, rgba(35, 43, 53, 0.94));
}

/* Very compact certification row. */
.premium-certifications {
    height: 118px;
    min-height: 118px;
    max-height: 120px;
    padding: 8px 0;
    overflow: hidden;
    color: #232B35;
    background: #F5F2EA;
}

.certification-compact-layout {
    display: grid;
    height: 102px;
    grid-template-columns: 225px minmax(0, 1fr);
    align-items: center;
    gap: 20px;
}

.certification-intro .section-kicker {
    color: #6F862D;
    font-size: 10px;
    font-weight: 850;
}

.certification-intro h2 {
    margin: 5px 0 0;
    color: #232B35;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0;
}

.certification-intro p {
    margin: 5px 0 0;
    color: rgba(35, 43, 53, 0.68);
    font-size: 10px;
}

.certification-motion {
    display: grid;
    min-width: 0;
    grid-template-rows: 66px 32px;
}

.premium-certifications .catalog-slider-controls {
    gap: 7px;
    margin-top: 3px;
}

.premium-certifications .catalog-slider-controls button {
    width: 29px;
    height: 29px;
    min-height: 29px;
    font-size: 14px;
}

.certification-track {
    gap: 0;
}

.certification-track > div {
    display: grid;
    min-width: 20%;
    min-height: 66px;
    flex: 0 0 20%;
    grid-template-columns: 32px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    justify-content: start;
    column-gap: 8px;
    padding: 7px 10px;
    border-right: 1px solid rgba(111, 134, 45, 0.22);
    transition: color 200ms ease, text-shadow 200ms ease, background-color 200ms ease;
}

.certification-track > div:hover {
    color: #6F862D;
    background: rgba(245, 242, 234, 0.56);
    text-shadow: 0 0 16px rgba(138, 166, 58, 0.42);
}

.certification-track strong {
    color: #232B35;
    font-size: 11px;
    line-height: 1.15;
    text-align: left;
}

.certification-track span {
    margin-top: 1px;
    color: rgba(35, 43, 53, 0.64);
    font-size: 8px;
    line-height: 1.1;
    text-align: left;
}

.certification-track .certification-mark {
    display: grid;
    width: 28px;
    height: 28px;
    grid-row: 1 / 3;
    place-items: center;
    color: #6F862D;
}

.certification-mark .line-svg {
    width: 24px;
    height: 24px;
}

/* Knowledge master layout. */
.catalog-knowledge {
    margin-bottom: 0;
    background: linear-gradient(125deg, rgba(220, 228, 197, 0.32), transparent 42%), #EAE5DA;
}

.catalog-knowledge-track {
    height: 330px;
}

.catalog-knowledge-card {
    min-width: calc((100% - 28px) / 3);
    flex: 0 0 calc((100% - 28px) / 3);
    border-color: rgba(138, 166, 58, 0.18);
    background: #F5F2EA;
}

.catalog-knowledge-body h3 {
    color: #232B35;
}

.catalog-knowledge-body > span {
    color: #6F862D;
}

/* Locked large olive footer. */
footer.site-footer {
    min-height: 500px !important;
    padding: 78px 60px 34px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #8AA63A 0%, #8AA63A 46%, #6F862D 100%) !important;
}

footer.site-footer::before {
    opacity: 0.08;
    background-image:
        radial-gradient(ellipse at 18% 30%, #F5F2EA 0 7%, transparent 8%),
        radial-gradient(ellipse at 82% 62%, #F5F2EA 0 6%, transparent 7%);
    background-size: 210px 150px, 250px 180px;
}

footer.site-footer .footer-grid {
    grid-template-columns: 0.9fr 0.9fr 0.9fr 0.9fr 1.65fr !important;
    gap: 40px !important;
}

footer.site-footer .footer-column .footer-column-title {
    color: #F5F2EA !important;
}

footer.site-footer .footer-column a,
footer.site-footer .footer-column address {
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 15px !important;
}

footer.site-footer .footer-column a:hover {
    color: #F5F2EA !important;
}

footer.site-footer .footer-contact-panel {
    padding-left: 34px !important;
    border-left: 1px solid rgba(245, 242, 234, 0.26);
}

footer.site-footer .footer-brand {
    width: min(100%, 250px);
    margin: 0 0 24px !important;
    padding: 10px 13px;
    background: #F5F2EA;
}

footer.site-footer .footer-logo {
    width: 100% !important;
    max-width: 225px !important;
    max-height: 105px;
    filter: none !important;
    mix-blend-mode: multiply;
}

.footer-contact-item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    margin-top: 15px;
}

.footer-contact-icon {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    color: #6F862D;
    border-radius: 50%;
    background: #F5F2EA;
    font-size: 13px;
}

.footer-contact-item strong {
    display: block;
    margin-bottom: 2px;
    color: #F5F2EA;
    font-size: 12px;
    text-transform: uppercase;
}

footer.site-footer .footer-contact-item a,
footer.site-footer .footer-contact-item address {
    line-height: 1.55 !important;
}

footer.site-footer .footer-bottom {
    margin-top: 48px !important;
    border-top-color: rgba(245, 242, 234, 0.26) !important;
}

footer.site-footer .footer-bottom,
footer.site-footer .footer-bottom p,
footer.site-footer .footer-bottom a {
    color: rgba(255, 255, 255, 0.88) !important;
}

@media (max-width: 1180px) {
    .site-header .desktop-nav {
        transform: none;
    }

    .catalog-motion-layout {
        grid-template-columns: minmax(225px, 0.68fr) minmax(0, 2fr);
        gap: 30px;
    }

    .catalog-solution-card,
    .catalog-industry-card {
        min-width: calc((100% - 28px) / 3);
        flex-basis: calc((100% - 28px) / 3);
    }

    footer.site-footer .footer-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    footer.site-footer .footer-contact-panel {
        grid-column: span 2;
    }
}

@media (max-width: 900px) {
    html {
        scroll-padding-top: 135px;
    }

    section {
        scroll-margin-top: 135px;
    }

    .site-header .brand-logo {
        width: 170px;
        max-width: 170px;
    }

    .moving-hero::before {
        background: linear-gradient(180deg, rgba(245, 242, 234, 0.94), rgba(234, 229, 218, 0.78));
    }

    .moving-hero-inner {
        padding-bottom: 105px;
    }

    .moving-hero-controls {
        right: 24px;
        bottom: 28px;
        left: 24px;
        justify-content: center;
    }

    .statistics-group {
        width: 170vw;
        min-width: 170vw;
    }

    .catalog-section {
        min-height: auto;
        padding: 56px 0;
    }

    .catalog-motion-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .catalog-intro > p {
        max-width: 680px;
    }

    .catalog-solution-card,
    .catalog-industry-card,
    .catalog-manufacturing-card,
    .catalog-knowledge-card {
        min-width: calc((100% - 14px) / 2);
        flex-basis: calc((100% - 14px) / 2);
    }

    .certification-compact-layout {
        grid-template-columns: 170px minmax(0, 1fr);
    }

    .certification-track > div {
        min-width: 33.333%;
        flex-basis: 33.333%;
    }

    footer.site-footer {
        padding: 64px 28px 30px !important;
    }

    footer.site-footer .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    footer.site-footer .footer-contact-panel {
        grid-column: span 2;
    }
}

@media (max-width: 600px) {
    .moving-hero-keyword {
        justify-content: center;
        margin-right: auto;
        margin-left: auto;
        font-size: 16px !important;
        text-align: center;
    }

    .statistics-group {
        width: 280vw;
        min-width: 280vw;
    }

    .catalog-intro h2 {
        font-size: 32px;
    }

    .catalog-solution-card,
    .catalog-industry-card,
    .catalog-manufacturing-card,
    .catalog-knowledge-card {
        min-width: 86%;
        flex-basis: 86%;
    }

    .catalog-sustainability-slide {
        min-height: 390px;
        padding: 24px 20px;
    }

    .catalog-sustainability-slide h3 {
        font-size: 24px;
    }

    .catalog-metrics {
        grid-template-columns: 1fr 1fr;
    }

    .catalog-metrics > div {
        min-height: 78px;
    }

    .premium-certifications {
        height: 118px;
        min-height: 118px;
        max-height: 120px;
        padding: 8px 0;
        overflow: hidden;
    }

    .certification-compact-layout {
        height: 102px;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .certification-intro {
        display: none;
    }

    .premium-certifications .catalog-slider-controls {
        justify-content: center;
    }

    .certification-track > div {
        min-width: 68%;
        flex-basis: 68%;
    }

    footer.site-footer .footer-grid {
        grid-template-columns: 1fr !important;
    }

    footer.site-footer .footer-contact-panel {
        grid-column: auto;
        padding-top: 24px !important;
        padding-left: 0 !important;
        border-top: 1px solid rgba(245, 242, 234, 0.26);
        border-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mega-fact-track,
    .statistics-track,
    .moving-hero-keyword {
        animation: none !important;
    }
}


/* master-pages.css */
:root {
    --ek-olive: #7E9D35;
    --ek-olive-dark: #6E8A2E;
    --ek-cream: #F8F6F0;
    --ek-beige: #D9E6A6;
    --ek-leaf: #B7CF74;
    --ek-ink: #1F3A26;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
img { max-width: 100%; }
a, button, input, textarea { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid rgba(127, 157, 53, 0.42); outline-offset: 3px; }

.page-kicker { color: var(--ek-olive-dark); font-size: 12px; font-weight: 850; letter-spacing: 0.08em; }
.industry-detail-page h1, .sustainability-page h1, .industries-index-page h1 { color: var(--ek-ink); font-size: clamp(42px, 5.4vw, 72px); line-height: 0.98; letter-spacing: 0; }
.industry-detail-page h2, .sustainability-page h2, .industries-index-page h2 { color: var(--ek-ink); font-size: clamp(30px, 3vw, 44px); line-height: 1.06; letter-spacing: 0; }
.industry-detail-page p, .sustainability-page p, .industries-index-page p { color: rgba(91, 102, 88, 0.76); font-size: clamp(15px, 1.25vw, 17px); line-height: 1.72; }

.page-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.page-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 11px 22px; color: #fff !important; border: 1px solid var(--ek-olive); border-radius: 999px; background: var(--ek-olive); font-size: 14px; font-weight: 800; text-decoration: none; transition: transform 200ms ease, background-color 200ms ease, border-color 200ms ease; }
.page-button:hover { color: #fff !important; border-color: var(--ek-olive-dark); background: var(--ek-olive-dark); transform: translateY(-2px); }
.page-button-secondary { color: var(--ek-ink) !important; border-color: rgba(183, 207, 116, 0.5); background: transparent; }
.page-button-secondary:hover { color: #fff !important; }
.page-button-light { color: var(--ek-olive-dark) !important; border-color: var(--ek-cream); background: var(--ek-cream); }

/* Industry detail pages */
.industry-hero { min-height: 620px; display: flex; align-items: center; background: linear-gradient(135deg, #A0BB58 0%, #8FAE46 45%, #769337 100%); }
.industry-hero-grid { display: grid; min-height: 620px; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); align-items: stretch; gap: 54px; }
.industry-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: 70px 0; }
.industry-hero-copy .breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 38px; color: rgba(91, 102, 88, 0.6); font-size: 12px; }
.industry-hero-copy .breadcrumb a { color: var(--ek-olive-dark); }
.industry-hero-copy h1 { margin: 17px 0 0; }
.industry-hero-copy > p { max-width: 620px; margin-top: 24px; }
.industry-hero-media { min-width: 0; min-height: 460px; margin: 40px 0; overflow: hidden; border-radius: 6px; }
.industry-hero-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 8s ease; }
.industry-hero:hover .industry-hero-media img { transform: scale(1.045); }

.detail-band { padding: 64px 0; scroll-margin-top: 100px; }
.detail-overview, .detail-categories, .detail-why { background: var(--ek-cream); }
.detail-challenges, .detail-applications { background: var(--ek-beige); }
.detail-solutions { background: var(--ek-leaf); }
.detail-split { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); align-items: start; gap: 70px; }
.detail-split h2, .detail-heading h2, .detail-slider-intro h2 { margin: 12px 0 0; }
.detail-lead { margin: 0; font-size: clamp(18px, 1.65vw, 22px) !important; }
.detail-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 28px; background: rgba(216, 230, 167, 0.22); }
.detail-facts span { display: flex; min-height: 78px; flex-direction: column; justify-content: center; padding: 14px; background: var(--ek-cream); font-size: 12px; }
.detail-facts strong { color: var(--ek-olive-dark); font-size: 20px; }
.detail-heading { max-width: 740px; margin-bottom: 32px; }

.challenge-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.challenge-grid article { min-height: 228px; padding: 24px; border-top: 3px solid var(--ek-olive); background: rgba(245, 242, 234, 0.72); }
.challenge-grid article > span { color: var(--ek-olive-dark); font-size: 12px; font-weight: 850; }
.challenge-grid h3 { margin: 28px 0 0; color: var(--ek-ink); font-size: 20px; line-height: 1.2; }
.challenge-grid p { margin-top: 12px; font-size: 14px; }

.detail-slider-layout { display: grid; grid-template-columns: minmax(230px, 0.72fr) minmax(0, 2.6fr); align-items: center; gap: 42px; }
.detail-slider-intro > p { margin-top: 17px; }
.detail-arrow-controls { display: flex; gap: 9px; margin-top: 14px; }
.detail-arrow-controls button { width: 42px; height: 42px; min-height: 42px; color: var(--ek-olive); border: 1px solid var(--ek-olive); border-radius: 50%; background: var(--ek-cream); cursor: pointer; font-size: 18px; }
.detail-arrow-controls button:hover { color: #fff; background: var(--ek-olive); }
.detail-slider { min-width: 0; overflow: hidden; touch-action: pan-y; }
.detail-solution-track { display: flex; gap: 14px; will-change: transform; }
.detail-solution-card { min-width: calc((100% - 28px) / 3); min-height: 290px; flex: 0 0 calc((100% - 28px) / 3); padding: 24px; border: 1px solid rgba(216, 230, 167, 0.22); border-radius: 6px; background: var(--ek-cream); }
.detail-solution-card small { display: block; margin-top: 24px; color: var(--ek-olive-dark); font-weight: 800; }
.detail-icon { display: grid; width: 46px; height: 46px; place-items: center; color: var(--ek-olive-dark); border-radius: 50%; background: var(--ek-leaf); }
.detail-icon .line-svg { width: 24px; height: 24px; }
.detail-solution-card h3 { margin: 10px 0 0; color: var(--ek-ink); font-size: 20px; }
.detail-solution-card p { margin-top: 10px; font-size: 14px; }
.detail-solution-card a { display: inline-flex; margin-top: 18px; color: var(--ek-olive-dark); font-size: 13px; font-weight: 800; }

.category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.category-grid a { display: grid; min-height: 72px; grid-template-columns: 34px 1fr 20px; align-items: center; gap: 12px; padding: 14px 18px; color: var(--ek-ink); border-bottom: 1px solid rgba(216, 230, 167, 0.28); background: var(--ek-beige); }
.category-grid a > span { color: var(--ek-olive-dark); }
.category-grid .line-svg { width: 24px; height: 24px; }
.category-grid b { color: var(--ek-olive); }
.application-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.application-list span { display: flex; min-height: 60px; align-items: center; padding: 12px 18px; border-left: 3px solid var(--ek-olive); background: rgba(245, 242, 234, 0.72); font-weight: 750; }

.why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.why-grid > div { display: flex; min-height: 190px; flex-direction: column; padding: 24px; border: 1px solid rgba(216, 230, 167, 0.2); background: var(--ek-beige); }
.why-grid .line-svg { width: 30px; height: 30px; color: var(--ek-olive-dark); }
.why-grid strong { margin-top: 24px; color: var(--ek-ink); font-size: 17px; }
.why-grid span { margin-top: 8px; color: rgba(91, 102, 88, 0.68); font-size: 13px; line-height: 1.5; }

.detail-request { color: #fff; background: linear-gradient(135deg, #A0BB58 0%, #8FAE46 45%, #769337 100%); }
.detail-request .page-kicker, .detail-request h2, .detail-request p, .detail-request .contact-inline { color: #fff; }
.request-grid { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); align-items: center; gap: 68px; }
.request-grid h2 { margin: 12px 0 0; }
.request-grid p { margin-top: 18px; }
.contact-inline { display: inline-flex; margin-top: 18px; font-size: 18px; font-weight: 800; }
.request-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 24px; border: 1px solid rgba(245, 242, 234, 0.34); border-radius: 6px; background: rgba(245, 242, 234, 0.12); }
.request-form label { display: flex; min-width: 0; flex-direction: column; gap: 7px; }
.request-form label > span { color: inherit; font-size: 12px; font-weight: 750; }
.request-form input, .request-form textarea { width: 100%; min-height: 46px; padding: 10px 12px; color: var(--ek-ink); border: 1px solid rgba(216, 230, 167, 0.28); border-radius: 4px; background: var(--ek-cream); font: inherit; }
.request-form textarea { min-height: 90px; resize: vertical; }
.form-wide { grid-column: 1 / -1; }

/* Industries index */
.industries-index-hero { padding: 105px 0 90px; background: linear-gradient(135deg, #F8F6F0 0%, #B7CF74 100%); }
.industries-index-hero h1 { margin: 18px 0 0; }
.industries-index-hero p { max-width: 700px; margin-top: 22px; }
.industries-index-grid-section { padding: 68px 0; background: var(--ek-beige); }
.industries-index-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.industries-index-card { display: flex; min-width: 0; min-height: 410px; flex-direction: column; overflow: hidden; color: var(--ek-ink); border: 1px solid rgba(216, 230, 167, 0.18); border-radius: 6px; background: var(--ek-cream); box-shadow: 0 14px 32px rgba(35, 43, 53, 0.07); }
.industries-index-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform 500ms ease; }
.industries-index-card:hover img { transform: scale(1.04); }
.industries-index-card > div { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.industries-index-card > div > span { color: var(--ek-olive-dark); font-size: 10px; font-weight: 850; }
.industries-index-card h2 { margin: 8px 0 0; font-size: 24px; }
.industries-index-card p { margin-top: 10px; font-size: 14px; }
.industries-index-card b { margin-top: auto; padding-top: 14px; color: var(--ek-olive-dark); font-size: 13px; }

/* Sustainability page */
.sustainability-hero { min-height: 720px; display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 78% 45%, rgba(216, 230, 167, 0.75), transparent 34%), linear-gradient(135deg, #F8F6F0, #D9E6A6); }
.sustainability-hero-grid { display: grid; min-height: 720px; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); align-items: center; gap: 24px; }
.sustainability-hero-copy { position: relative; z-index: 2; padding: 72px 0; }
.sustainability-hero-copy h1 { margin: 18px 0 0; }
.sustainability-hero-copy h1 span { color: var(--ek-olive); }
.sustainability-hero-copy > p { max-width: 680px; margin-top: 26px; }
.sustainability-earth { display: flex; min-width: 0; align-items: center; justify-content: center; margin: 0; }
.sustainability-earth img { width: min(100%, 650px); filter: drop-shadow(0 34px 42px rgba(216, 230, 167, 0.18)); animation: earthFloat 6s ease-in-out infinite; }
@keyframes earthFloat { 50% { transform: translateY(-10px); } }

.sustainability-band { padding: 68px 0; scroll-margin-top: 100px; }
.sustainability-overview, .sustainability-manufacturing, .compliance-greenpro, .sustainability-why { background: #F8F6F0; }
.sustainability-green-chemistry, .sustainability-water, .sustainability-esg, .compliance-band, .sustainability-timeline { background: #D9E6A6; }
.sustainability-media-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; gap: 56px; }
.sustainability-media-grid.reverse > figure { order: 2; }
.sustainability-media-grid figure, .green-chemistry-layout figure { min-width: 0; margin: 0; overflow: hidden; border-radius: 6px; }
.sustainability-media-grid figure img, .green-chemistry-layout figure img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform 700ms ease; }
.sustainability-media-grid figure:hover img, .green-chemistry-layout figure:hover img { transform: scale(1.04); }
.sustainability-media-grid h2 { margin: 12px 0 0; }
.sustainability-media-grid p { margin-top: 18px; }
.sustainability-section-heading { max-width: 780px; margin-bottom: 34px; }
.sustainability-section-heading h2 { margin: 12px 0 0; }
.sustainability-section-heading p { margin-top: 16px; }

.check-grid, .plain-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; margin: 24px 0 0; padding: 0; list-style: none; }
.check-grid li, .plain-list li { position: relative; padding: 10px 10px 10px 30px; color: var(--ek-ink); border-bottom: 1px solid rgba(216, 230, 167, 0.18); font-size: 14px; font-weight: 700; }
.check-grid li::before, .plain-list li::before { content: ""; position: absolute; top: 15px; left: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--ek-olive); }
.green-chemistry-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); gap: 32px; }
.sustainability-feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sustainability-feature-grid article { display: flex; min-height: 132px; flex-direction: column; justify-content: space-between; padding: 18px; border: 1px solid rgba(216, 230, 167, 0.2); background: var(--ek-cream); }
.sustainability-feature-grid .line-svg { width: 28px; height: 28px; color: var(--ek-olive-dark); }
.sustainability-feature-grid h3 { margin: 18px 0 0; color: var(--ek-ink); font-size: 16px; }
.metric-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
.metric-row span { display: flex; min-height: 84px; flex-direction: column; justify-content: center; padding: 14px; border-left: 3px solid var(--ek-olive); background: var(--ek-leaf); font-size: 12px; }
.metric-row strong { color: var(--ek-olive-dark); font-size: 28px; }

.esg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.esg-grid article { min-height: 330px; padding: 26px; border-top: 4px solid var(--ek-olive); background: var(--ek-cream); }
.esg-grid article > span { color: var(--ek-olive); font-family: Georgia, serif; font-size: 64px; line-height: 1; }
.esg-grid h3 { margin: 18px 0 0; color: var(--ek-ink); font-size: 24px; }
.esg-grid ul { margin: 20px 0 0; padding-left: 18px; color: rgba(35, 43, 53, 0.72); line-height: 1.9; }
.compliance-grid { display: grid; grid-template-columns: minmax(240px, 0.7fr) minmax(0, 1.3fr); align-items: center; gap: 60px; }
.compliance-grid.reverse .compliance-mark { order: 2; }
.compliance-grid h2 { margin: 12px 0 0; }
.compliance-grid p { margin-top: 16px; }
.compliance-mark { display: flex; min-height: 300px; flex-direction: column; align-items: center; justify-content: center; color: var(--ek-olive-dark); border: 1px solid rgba(216, 230, 167, 0.2); background: var(--ek-leaf); }
.compliance-mark .line-svg { width: 90px; height: 90px; }
.compliance-mark strong { margin-top: 20px; color: var(--ek-ink); font-size: 30px; }
.compliance-mark span { margin-top: 5px; color: rgba(35, 43, 53, 0.64); font-size: 13px; }

.sustainability-impact { color: #fff; background: linear-gradient(rgba(216, 230, 167, 0.92), rgba(157, 180, 74, 0.9)), url('/assets/images/sustainability/leaf-bg.jpg') center / cover no-repeat; }
.sustainability-impact .page-kicker, .sustainability-impact h2, .sustainability-impact p { color: #fff; }
.impact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(245, 242, 234, 0.3); }
.impact-grid article { display: flex; min-height: 150px; flex-direction: column; justify-content: center; padding: 24px; background: rgba(245, 242, 234, 0.1); backdrop-filter: blur(8px); }
.impact-grid strong { color: #fff; font-size: clamp(34px, 4vw, 54px); }
.impact-grid span { margin-top: 7px; color: rgba(255, 255, 255, 0.9); font-size: 13px; }
.timeline-track { display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 24px; border-top: 2px solid var(--ek-olive); }
.timeline-track article { position: relative; min-height: 130px; padding: 24px 14px 10px 0; }
.timeline-track article::before { content: ""; position: absolute; top: -8px; left: 0; width: 14px; height: 14px; border-radius: 50%; background: var(--ek-olive); }
.timeline-track strong { color: var(--ek-olive-dark); font-size: 22px; }
.timeline-track span { display: block; margin-top: 8px; color: var(--ek-ink); font-size: 12px; line-height: 1.45; }
.sustainability-why-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; background: rgba(216, 230, 167, 0.22); }
.sustainability-why-grid > div { display: flex; min-height: 116px; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 12px; background: var(--ek-beige); text-align: center; }
.sustainability-why-grid .line-svg { width: 28px; height: 28px; color: var(--ek-olive-dark); }
.sustainability-why-grid span { color: var(--ek-ink); font-size: 12px; font-weight: 750; }
.sustainability-request { color: #fff; background: linear-gradient(135deg, #A0BB58 0%, #8FAE46 45%, #769337 100%); }
.sustainability-request .page-kicker, .sustainability-request h2, .sustainability-request p, .sustainability-request .contact-inline { color: #fff; }

/* Shared footer and mega-menu refinements */
footer.site-footer .footer-brand { padding: 0 !important; background: transparent !important; }
footer.site-footer .footer-logo { mix-blend-mode: multiply; }
footer.site-footer .footer-column { min-width: 0; }
footer.site-footer .footer-column a { line-height: 1.5 !important; }
.site-header .mega-fact-viewport p { color: #fff !important; font-size: 13px; line-height: 1.5; }

@media (max-width: 1199px) {
    .industry-hero-grid { grid-template-columns: 0.9fr 1.1fr; gap: 34px; }
    .detail-slider-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 30px; }
    .detail-solution-card { min-width: calc((100% - 14px) / 2); flex-basis: calc((100% - 14px) / 2); }
    .industries-index-grid { grid-template-columns: 1fr 1fr; }
    .sustainability-why-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 991px) {
    .site-header .header-main { min-height: 70px; }
    .site-header .brand-logo { width: 158px; max-width: 158px; height: auto; }
    .industry-hero, .industry-hero-grid { min-height: 540px; }
    .industry-hero-grid, .sustainability-hero-grid { grid-template-columns: 1fr 1fr; }
    .industry-hero-copy { padding: 52px 0; }
    .industry-hero-media { min-height: 380px; margin: 28px 0; }
    .detail-band, .sustainability-band { padding: 44px 0; }
    .detail-split, .sustainability-media-grid, .green-chemistry-layout, .compliance-grid, .request-grid { gap: 34px; }
    .challenge-grid, .why-grid { grid-template-columns: 1fr 1fr; }
    .category-grid { grid-template-columns: 1fr 1fr; }
    .detail-slider-layout { grid-template-columns: 1fr; }
    .detail-slider-intro { max-width: 720px; }
    .esg-grid { grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
    .esg-grid article { min-height: 300px; padding: 20px; }
    .timeline-track { grid-template-columns: repeat(3, 1fr); row-gap: 20px; }
    .timeline-track article:nth-child(4) { border-top: 2px solid var(--ek-olive); }
    .impact-grid { grid-template-columns: 1fr 1fr; }
    footer.site-footer .footer-grid { gap: 28px !important; }
}

@media (max-width: 767px) {
    .site-header .header-main { min-height: 64px; }
    .site-header .brand-logo { width: 148px; max-width: 148px; }
    .industry-detail-page h1, .sustainability-page h1, .industries-index-page h1 { font-size: clamp(36px, 10vw, 42px); }
    .industry-detail-page h2, .sustainability-page h2, .industries-index-page h2 { font-size: clamp(27px, 7vw, 32px); }
    .industry-hero { min-height: auto; }
    .industry-hero-grid, .sustainability-hero-grid { min-height: auto; grid-template-columns: 1fr; gap: 0; }
    .industry-hero-copy, .sustainability-hero-copy { padding: 42px 0 28px; text-align: left; }
    .industry-hero-copy .breadcrumb { margin-bottom: 24px; }
    .industry-hero-media { min-height: 0; margin: 0 0 32px; aspect-ratio: 16 / 10; }
    .sustainability-hero { min-height: auto; }
    .sustainability-earth { padding: 0 0 28px; }
    .sustainability-earth img { width: min(88vw, 460px); }
    .detail-band, .sustainability-band { padding: 32px 0; }
    .detail-split, .sustainability-media-grid, .green-chemistry-layout, .compliance-grid, .request-grid { grid-template-columns: 1fr; gap: 26px; }
    .sustainability-media-grid.reverse > figure, .compliance-grid.reverse .compliance-mark { order: 0; }
    .detail-facts { grid-template-columns: 1fr; }
    .detail-facts span { min-height: 58px; }
    .challenge-grid, .why-grid, .category-grid, .application-list, .industries-index-grid, .esg-grid { grid-template-columns: 1fr 1fr; }
    .challenge-grid article { min-height: 205px; }
    .detail-solution-card { min-width: calc((100% - 14px) / 2); flex-basis: calc((100% - 14px) / 2); }
    .request-form { padding: 18px; }
    .industries-index-hero { padding: 70px 0 54px; }
    .industries-index-grid-section { padding: 32px 0; }
    .industries-index-card { min-height: 390px; }
    .check-grid, .plain-list { grid-template-columns: 1fr; }
    .sustainability-feature-grid { grid-template-columns: 1fr 1fr; }
    .compliance-mark { min-height: 220px; }
    .compliance-mark .line-svg { width: 68px; height: 68px; }
    .timeline-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; border-top: 0; }
    .timeline-track article, .timeline-track article:nth-child(4) { min-width: 180px; flex: 0 0 180px; border-top: 2px solid var(--ek-olive); scroll-snap-align: start; }
    .sustainability-why-grid { grid-template-columns: repeat(3, 1fr); }
    footer.site-footer { padding: 48px 24px 26px !important; }
}

@media (max-width: 575px) {
    .page-actions { flex-direction: column; align-items: stretch; }
    .page-button { width: 100%; min-height: 46px; }
    .detail-band, .sustainability-band { padding: 28px 0; }
    .challenge-grid, .why-grid, .category-grid, .application-list, .industries-index-grid, .esg-grid { grid-template-columns: 1fr; }
    .challenge-grid article { min-height: auto; }
    .detail-solution-card { min-width: 86%; min-height: 272px; flex-basis: 86%; }
    .request-form { grid-template-columns: 1fr; }
    .request-form label, .request-form .form-wide, .request-form .page-button { grid-column: 1; }
    .sustainability-feature-grid { grid-template-columns: 1fr; }
    .sustainability-feature-grid article { min-height: 108px; }
    .metric-row, .impact-grid { grid-template-columns: 1fr; }
    .impact-grid article { min-height: 112px; }
    .sustainability-why-grid { grid-template-columns: 1fr 1fr; }
    .industries-index-card { min-height: auto; }
    footer.site-footer .footer-column a { font-size: 14px !important; line-height: 1.42 !important; }
    footer.site-footer .footer-grid { gap: 24px !important; }
}

@media (max-width: 374px) {
    .site-header .brand-logo { width: 132px; max-width: 132px; }
    .industry-detail-page h1, .sustainability-page h1, .industries-index-page h1 { font-size: 34px; }
    .industry-detail-page h2, .sustainability-page h2, .industries-index-page h2 { font-size: 26px; }
    .detail-solution-card { min-width: 92%; flex-basis: 92%; }
    .sustainability-why-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .sustainability-earth img, .industry-hero-media img, .sustainability-media-grid img { animation: none !important; transition: none !important; }
}

/* Shared data-driven industry pages */
.industry-page {
    color: var(--ek-ink);
    background: #FCFBF7;
}

.industry-page section {
    scroll-margin-top: 164px;
}

.industry-page-hero {
    overflow: hidden;
    background:
        radial-gradient(circle at 86% 12%, rgba(255, 255, 255, 0.78), transparent 28%),
        linear-gradient(135deg, #F8F4EA 0%, #EEF5E8 54%, #F7F8F1 100%);
}

.industry-page-hero-grid {
    display: grid;
    min-height: 610px;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    align-items: stretch;
    gap: 54px;
}

.industry-page-hero-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 72px 0;
}

.industry-page-hero-copy .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 38px;
    color: #5E6A61;
    font-size: 12px;
}

.industry-page-hero-copy .breadcrumb a {
    color: #5A7427;
}

.industry-page-hero-copy h1 {
    max-width: 760px;
    margin: 16px 0 0;
    color: #23452A;
    font-size: clamp(42px, 5vw, 70px);
    line-height: 1.02;
}

.industry-page-hero-copy > p {
    max-width: 660px;
    margin: 24px 0 0;
    color: #435347;
    font-size: clamp(17px, 1.35vw, 20px);
    line-height: 1.7;
}

.industry-page-hero-media {
    min-width: 0;
    min-height: 470px;
    margin: 42px 0;
    overflow: hidden;
    border: 1px solid rgba(126, 157, 53, 0.18);
    border-radius: 8px;
    background: #EEF5E8;
    box-shadow: 0 24px 54px rgba(70, 90, 20, 0.1);
}

.industry-page-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 900ms ease;
}

.industry-page-hero:hover .industry-page-hero-media img {
    transform: scale(1.035);
}

.industry-local-nav {
    position: sticky;
    top: 94px;
    z-index: 30;
    border-top: 1px solid rgba(126, 157, 53, 0.16);
    border-bottom: 1px solid rgba(126, 157, 53, 0.2);
    background: rgba(252, 251, 247, 0.94);
    backdrop-filter: blur(18px);
}

.industry-local-nav .container {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    scrollbar-width: thin;
    scrollbar-color: rgba(126, 157, 53, 0.45) transparent;
}

.industry-local-nav a {
    display: inline-flex;
    min-height: 44px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    color: #23452A;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.industry-local-nav a:hover,
.industry-local-nav a.is-active {
    color: #fff;
    border-color: #7E9D35;
    background: #7E9D35;
}

.industry-section {
    padding: 72px 0;
}

.industry-section:nth-of-type(even) {
    background: #FAF8F3;
}

.industry-section-heading {
    max-width: 820px;
    margin-bottom: 34px;
}

.industry-section-heading h2,
.industry-category-layout h2,
.industry-application-layout h2,
.industry-request-panel h2,
.industry-overview-grid h2 {
    margin: 12px 0 0;
    color: #23452A;
    font-size: clamp(30px, 3.2vw, 46px);
    line-height: 1.08;
}

.industry-section-heading > p,
.industry-category-layout > div > p {
    max-width: 680px;
    margin-top: 16px;
}

.industry-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 62px;
}

.industry-overview-media {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 8px;
}

.industry-overview-media img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.industry-lead {
    margin-top: 20px;
    color: #435347;
    font-size: clamp(17px, 1.5vw, 21px) !important;
}

.industry-overview-points {
    display: grid;
    gap: 0;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.industry-overview-points li {
    position: relative;
    min-height: 48px;
    padding: 14px 12px 14px 32px;
    color: #23452A;
    border-bottom: 1px solid #D8E5C8;
    font-weight: 750;
}

.industry-overview-points li::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7E9D35;
}

.industry-challenge-grid,
.industry-solution-grid,
.industry-benefit-grid,
.industry-related-grid {
    display: grid;
    gap: 18px;
}

.industry-challenge-grid,
.industry-benefit-grid,
.industry-related-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.industry-challenge-grid article,
.industry-benefit-grid article {
    min-width: 0;
    min-height: 244px;
    padding: 25px;
    border: 1px solid #D8E5C8;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 15px 40px rgba(70, 90, 20, 0.06);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.industry-challenge-grid article:hover,
.industry-benefit-grid article:hover,
.industry-solution-grid > a:hover,
.industry-related-grid > a:hover {
    border-color: #7E9D35;
    box-shadow: 0 18px 42px rgba(70, 90, 20, 0.11);
    transform: translateY(-4px);
}

.industry-card-icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    color: #6F862D;
    border-radius: 50%;
    background: #EEF5E8;
}

.industry-card-icon .line-svg {
    width: 25px;
    height: 25px;
}

.industry-challenge-grid small {
    display: block;
    margin-top: 26px;
    color: #7E9D35;
    font-weight: 850;
}

.industry-challenge-grid h3,
.industry-benefit-grid h3,
.industry-solution-grid h3 {
    margin: 9px 0 0;
    color: #23452A;
    font-size: 20px;
    line-height: 1.22;
}

.industry-challenge-grid p,
.industry-benefit-grid p,
.industry-solution-grid p {
    margin-top: 12px;
    color: #5E6A61;
    font-size: 14px;
    line-height: 1.62;
}

.industry-solution-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.industry-solution-grid > a {
    display: flex;
    min-width: 0;
    min-height: 290px;
    flex-direction: column;
    padding: 26px;
    color: #23452A;
    border: 1px solid #D8E5C8;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 15px 40px rgba(70, 90, 20, 0.06);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.industry-card-link {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 22px;
    color: #6F862D;
    font-size: 13px;
    font-weight: 850;
}

.industry-card-link .line-svg {
    width: 17px;
    height: 17px;
}

.industry-categories-section {
    background: #EEF5E8 !important;
}

.industry-category-layout,
.industry-application-layout {
    display: grid;
    grid-template-columns: minmax(220px, 0.72fr) minmax(0, 1.58fr);
    align-items: start;
    gap: 58px;
}

.industry-category-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.industry-category-list a {
    display: grid;
    min-height: 76px;
    grid-template-columns: 34px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    color: #23452A;
    border: 1px solid rgba(126, 157, 53, 0.18);
    border-radius: 6px;
    background: #fff;
}

.industry-category-list a:hover {
    border-color: #7E9D35;
}

.industry-category-list .line-svg {
    width: 23px;
    height: 23px;
    color: #6F862D;
}

.industry-application-layout ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.industry-application-layout li {
    display: flex;
    min-height: 64px;
    align-items: center;
    padding: 14px 18px;
    color: #23452A;
    border-left: 3px solid #7E9D35;
    background: #FAF8F3;
    font-weight: 750;
}

.industry-benefit-grid article {
    min-height: 205px;
}

.industry-benefit-grid article > .line-svg {
    width: 31px;
    height: 31px;
    color: #6F862D;
}

.industry-benefit-grid h3 {
    margin-top: 26px;
}

.industry-related-section {
    background: #FAF8F3 !important;
}

.industry-related-grid > a {
    min-width: 0;
    overflow: hidden;
    color: #23452A;
    border: 1px solid #D8E5C8;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 15px 40px rgba(70, 90, 20, 0.06);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.industry-related-grid img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.industry-related-grid a > span {
    display: flex;
    min-height: 70px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
}

.industry-related-grid .line-svg {
    width: 20px;
    height: 20px;
    color: #6F862D;
}

.industry-downloads-section {
    background: #fff !important;
    padding-top: 56px;
    padding-bottom: 42px;
}

.industry-support-section {
    background: #FAF8F3 !important;
    padding-top: 42px;
    padding-bottom: 64px;
}

.industry-download-heading {
    margin-bottom: 22px;
}

.industry-download-heading h2 {
    font-size: clamp(28px, 2.7vw, 38px);
}

.industry-download-panel {
    min-width: 0;
    max-width: 1120px;
}

.industry-request-panel {
    max-width: 960px;
    margin: 0 auto;
    padding: 38px clamp(28px, 5vw, 58px);
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(135deg, #8AA63A 0%, #6F862D 100%);
    text-align: center;
    box-shadow: 0 18px 44px rgba(70, 90, 20, 0.12);
}

.industry-request-panel .page-kicker,
.industry-request-panel h2,
.industry-request-panel p {
    color: #fff;
}

.industry-request-panel p {
    margin-top: 16px;
}

.industry-request-panel p {
    max-width: 680px;
    margin-right: auto;
    margin-left: auto;
}

.industry-request-panel .page-actions {
    justify-content: center;
}

.industry-request-panel .page-button {
    color: #23452A;
    background: #fff;
}

.industry-request-panel .page-button-secondary {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.62);
    background: transparent;
}

.industry-document-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 0;
}

.industry-document-list a {
    display: grid;
    min-height: 62px;
    grid-template-columns: 28px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 10px;
    padding: 10px 13px;
    color: #23452A;
    border: 1px solid #D8E5C8;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(70, 90, 20, 0.05);
}

.industry-document-list a:hover {
    border-color: #7E9D35;
}

.industry-document-list .line-svg {
    width: 22px;
    height: 22px;
    color: #6F862D;
}

.industry-document-list span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.industry-document-list small {
    margin-top: 3px;
    color: #5E6A61;
}

.industry-page a:focus-visible {
    outline: 3px solid rgba(126, 157, 53, 0.46);
    outline-offset: 3px;
}

@media (max-width: 1100px) {
    .industry-page-hero-grid {
        gap: 34px;
    }
    .industry-challenge-grid,
    .industry-benefit-grid,
    .industry-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .industry-solution-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .industry-document-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .industry-local-nav {
        top: 70px;
    }
    .industry-section {
        padding: 52px 0;
    }
    .industry-overview-grid,
    .industry-category-layout,
    .industry-application-layout {
        gap: 34px;
    }
}

@media (max-width: 767px) {
    .industry-page section {
        scroll-margin-top: 132px;
    }
    .industry-page-hero-grid {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 0;
    }
    .industry-page-hero-copy {
        padding: 44px 0 28px;
    }
    .industry-page-hero-copy .breadcrumb {
        margin-bottom: 24px;
    }
    .industry-page-hero-copy h1 {
        font-size: clamp(36px, 10vw, 46px);
    }
    .industry-page-hero-media {
        min-height: 0;
        margin: 0 0 34px;
        aspect-ratio: 16 / 10;
    }
    .industry-section {
        padding: 42px 0;
    }
    .industry-overview-grid,
    .industry-category-layout,
    .industry-application-layout {
        grid-template-columns: 1fr;
    }
    .industry-category-list,
    .industry-application-layout ul {
        grid-template-columns: 1fr 1fr;
    }
    .industry-request-panel {
        padding: 27px;
    }
}

@media (max-width: 575px) {
    .industry-challenge-grid,
    .industry-solution-grid,
    .industry-benefit-grid,
    .industry-related-grid,
    .industry-document-list,
    .industry-category-list,
    .industry-application-layout ul {
        grid-template-columns: 1fr;
    }
    .industry-challenge-grid article,
    .industry-benefit-grid article,
    .industry-solution-grid > a {
        min-height: auto;
    }
    .industry-request-panel {
        padding: 23px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .industry-page *,
    .industry-page *::before,
    .industry-page *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}

/* Everklin V9 (2026-08-08): enterprise industry clusters on hub pages. */
.iic-cluster { margin-top: 46px; }
.iic-cluster:first-of-type { margin-top: 26px; }
.iic-cluster__head { max-width: 720px; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid #dde7c8; }
.iic-cluster__head h3 { margin: 0 0 8px; color: #1f3a26; font-size: clamp(1.25rem, 2vw, 1.7rem); }
.iic-cluster__head p { margin: 0; color: #5e6a60; font-size: .93rem; line-height: 1.62; }
@media (max-width: 720px) { .iic-cluster { margin-top: 34px; } }


/* navigation-fix.css */
/* Interaction-only overrides for shared navigation and footer links. */
.site-header {
    z-index: 9999 !important;
    overflow: visible !important;
}

.site-header .header-main,
.site-header .desktop-nav,
.site-header .nav-list,
.site-header .nav-item,
.site-header .nav-link,
.site-header .nav-arrow {
    pointer-events: auto;
}

.site-header .nav-arrow {
    position: relative;
    z-index: 2;
    color: #7E9D35 !important;
    font-size: 0;
}

.site-header .nav-arrow::before {
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    content: "";
    transform: translateY(-2px) rotate(45deg);
    transition: transform 180ms ease;
}

.site-header .has-dropdown.is-open > .nav-arrow::before {
    transform: translateY(2px) rotate(225deg);
}

.site-header .has-dropdown.is-hover-open > .simple-dropdown,
.site-header .has-dropdown.is-hover-open > .solenis-dropdown,
.site-header .has-dropdown.is-hover-open > .mega-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.site-header .simple-dropdown,
.site-header .solenis-dropdown,
.site-header .mega-menu,
.site-header .megamenu {
    z-index: 10000 !important;
    pointer-events: auto !important;
}

@media (min-width: 992px) {
    .site-header .desktop-nav {
        margin-left: -18px;
        transform: none !important;
    }

    .site-header .mega-menu.solutions-mega,
    .site-header .mega-menu.standard-mega,
    .site-header .solenis-dropdown {
        position: fixed !important;
        top: 82px !important;
        left: 50% !important;
        width: min(1180px, calc(100vw - 32px)) !important;
        height: min(520px, calc(100vh - 82px)) !important;
        max-height: calc(100vh - 82px);
        transform: translateX(-50%) !important;
    }

    .site-header .solutions-mega-inner,
    .site-header .standard-mega-inner {
        height: 100% !important;
        min-height: 0;
    }

    .site-header .solutions-panel-one,
    .site-header .solutions-sub-list,
    .site-header .solutions-product-list,
    .site-header .mega-promo {
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .site-header .solutions-mega-inner,
    .site-header .standard-mega-inner {
        grid-template-columns: 22% 27% 27% 24% !important;
    }

    .site-header .solutions-main-link,
    .site-header .mega-sub-item,
    .site-header .mega-product-item {
        padding-right: 13px;
        padding-left: 13px;
        font-size: 12px;
    }
}

.site-header .mega-menu *,
.site-header .megamenu *,
.site-header .solenis-dropdown * {
    pointer-events: auto;
}

.site-header .has-dropdown::after {
    position: absolute;
    top: calc(100% - 8px);
    right: 0;
    left: 0;
    height: 16px;
    content: "";
}

footer.site-footer,
footer.site-footer .footer-grid,
footer.site-footer .footer-column {
    position: relative;
}

footer.site-footer .footer-grid,
footer.site-footer .footer-bottom {
    z-index: 3;
}

footer.site-footer a,
footer.site-footer .footer-column a,
footer.site-footer .footer-bottom a {
    position: relative;
    z-index: 4;
    cursor: pointer;
    pointer-events: auto !important;
}

body.mobile-menu-open {
    overflow: hidden;
    touch-action: none;
}

@media (max-width: 991px) {
    .desktop-nav,
    .desktop-menu {
        display: none !important;
    }

    .site-header .has-dropdown.is-hover-open > .simple-dropdown,
    .site-header .has-dropdown.is-hover-open > .solenis-dropdown,
    .site-header .has-dropdown.is-hover-open > .mega-menu {
        display: none !important;
    }

    .site-header .header-main {
        min-height: 70px;
        justify-content: space-between;
    }

    .site-header .header-cta {
        display: none !important;
    }

    .site-header .mobile-menu-toggle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        flex: 0 0 44px;
        cursor: pointer;
        pointer-events: auto;
    }

.site-header .mobile-menu-toggle span {
        background: #7E9D35 !important;
        transition: transform 180ms ease, opacity 180ms ease;
    }

    .site-header .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .site-header .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) {
        opacity: 0;
    }

    .site-header .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    .site-header .mobile-drawer {
        position: fixed !important;
        top: 70px !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 10000 !important;
        display: block !important;
        width: 100%;
        max-height: none !important;
        padding: 18px 22px 40px;
        overflow-x: hidden;
        overflow-y: auto;
        color: #ffffff;
        background: #062e22;
        border: 0;
        border-radius: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(100%) !important;
        transition: transform 220ms ease, opacity 180ms ease, visibility 180ms ease;
        -webkit-overflow-scrolling: touch;
    }

    .site-header .mobile-drawer.is-open,
    .site-header .mobile-drawer.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0) !important;
    }

    .mobile-nav {
        display: flex !important;
        width: 100%;
        flex-direction: column;
        gap: 8px;
    }

    .mobile-nav details,
    .mobile-nav a,
    .mobile-nav summary,
    .mobile-nav .mobile-submenu {
        max-width: 100%;
    }

    .mobile-nav a,
    .mobile-nav summary {
        cursor: pointer;
        pointer-events: auto;
    }

    .mobile-nav summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mobile-nav .mobile-arrow {
        display: inline-block;
        width: 8px;
        height: 8px;
        flex: 0 0 8px;
        color: transparent !important;
        border-right: 2px solid #7E9D35;
        border-bottom: 2px solid #7E9D35;
        font-size: 0;
        transform: translateY(-2px) rotate(45deg);
        transition: transform 180ms ease;
    }

    .mobile-nav details[open] > summary .mobile-arrow {
        transform: translateY(2px) rotate(225deg);
    }
}

/* Premium menu content refinements. Layout, width and interaction model stay unchanged. */
.site-header .mega-link-label {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.site-header .mega-link-icon {
    display: inline-flex;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    align-items: center;
    justify-content: center;
    color: #7E9D35 !important;
}

.site-header .mega-link-icon .line-svg {
    width: 19px;
    height: 19px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.site-header .mega-link-text {
    min-width: 0;
}

.site-header .mega-product-item {
    gap: 10px;
}

.site-header .mega-product-item::before {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border: 1px solid rgba(157, 180, 74, 0.92);
    border-radius: 50%;
    background: rgba(157, 180, 74, 0.14);
    content: "";
}

.site-header .mega-cta-panel,
.site-header .mega-promo.solutions-promo-card {
    justify-content: space-between !important;
    gap: 14px;
    padding: 24px !important;
    color: #ffffff !important;
    border: 1px solid rgba(247, 245, 239, 0.28) !important;
    background:
        radial-gradient(circle at 76% 13%, rgba(247, 231, 178, 0.22), transparent 32%),
        linear-gradient(145deg, #7E9D34 0%, #6E8A2E 52%, #345826 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.site-header .mega-cta-icon {
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    color: #F7E7B2 !important;
}

.site-header .mega-cta-icon .line-svg {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.45;
}

.site-header .mega-cta-eyebrow {
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.site-header .mega-cta-panel .mega-cta-title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1.16 !important;
}

.site-header .mega-cta-panel p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 13px !important;
    line-height: 1.56 !important;
}

.site-header .mega-cta-highlights {
    display: grid;
    width: 100%;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-header .mega-cta-highlights li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.25;
}

.site-header .mega-cta-highlights span {
    display: inline-grid;
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    place-items: center;
    color: #365E2D !important;
    border-radius: 50%;
    background: #F7E7B2;
    font-size: 11px;
}

.site-header .mega-cta-actions {
    display: grid;
    width: 100%;
    gap: 9px;
}

.site-header .mega-cta-button,
.site-header .solutions-promo-card .mega-cta-button {
    display: inline-flex !important;
    min-height: 42px !important;
    align-items: center;
    justify-content: center;
    padding: 0 14px !important;
    color: #ffffff !important;
    border: 1px solid rgba(247, 231, 178, 0.62) !important;
    border-radius: 999px !important;
    background: transparent !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}

.site-header .mega-cta-button.is-primary {
    color: #365E2D !important;
    background: #F7E7B2 !important;
}

.site-header .mega-cta-button:hover {
    color: #365E2D !important;
    background: #ffffff !important;
    transform: translateY(-1px);
}

/* Mobile drawer overlap guard: keeps the menu below the header and text clear. */
@media (max-width: 991px) {
    :root {
        --everklin-mobile-header-height: 82px;
    }

    .site-header {
        z-index: 100000 !important;
        overflow: visible !important;
    }

    .site-header .header-main {
        min-height: var(--everklin-mobile-header-height) !important;
    }

    .site-header .brand,
    .site-header .header-actions,
    .site-header .mobile-menu-toggle {
        position: relative;
        z-index: 100002 !important;
    }

    .site-header .mobile-drawer,
    .mobile-drawer {
        position: fixed !important;
        top: calc(var(--everklin-mobile-header-height) + env(safe-area-inset-top, 0px)) !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        z-index: 100001 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: calc(100vh - var(--everklin-mobile-header-height) - env(safe-area-inset-top, 0px)) !important;
        height: calc(100dvh - var(--everklin-mobile-header-height) - env(safe-area-inset-top, 0px)) !important;
        min-height: calc(100vh - var(--everklin-mobile-header-height) - env(safe-area-inset-top, 0px)) !important;
        min-height: calc(100dvh - var(--everklin-mobile-header-height) - env(safe-area-inset-top, 0px)) !important;
        max-height: calc(100dvh - var(--everklin-mobile-header-height) - env(safe-area-inset-top, 0px)) !important;
        padding: 16px 18px max(34px, env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .mobile-nav,
    .mobile-nav details,
    .mobile-nav summary,
    .mobile-nav a,
    .mobile-nav .mobile-submenu {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .mobile-nav summary,
    .mobile-nav a {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 12px !important;
        align-items: center !important;
        min-height: 48px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    .mobile-nav summary > span:first-child,
    .mobile-nav a > span:first-child {
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
    }

    .mobile-nav .mobile-arrow {
        justify-self: end !important;
        margin-left: 8px !important;
    }

    .mobile-nav details[open] > .mobile-submenu {
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 10px !important;
        overflow: visible !important;
    }

    .mobile-level-3 summary,
    .mobile-level-3.mobile-link,
    .mobile-level-3 a,
    .mobile-level-4 summary,
    .mobile-level-4.mobile-link,
    .mobile-level-4 a {
        font-size: 13px !important;
        line-height: 1.28 !important;
    }
}

/* Final shared footer: original transparent logo, no card, readable olive layout. */
footer.site-footer {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 80px 60px 35px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #A0BB58 0%, #8FAE46 45%, #769337 100%) !important;
}

footer.site-footer::before {
    position: absolute;
    inset: 0;
    content: "";
    opacity: 0.08 !important;
    background-image:
        radial-gradient(ellipse at 18% 24%, rgba(255, 255, 255, 0.55) 0 6%, transparent 7%),
        radial-gradient(ellipse at 80% 70%, rgba(255, 255, 255, 0.38) 0 5%, transparent 6%),
        linear-gradient(125deg, rgba(255, 255, 255, 0.16), transparent 55%);
    background-size: 220px 155px, 260px 190px, 100% 100%;
    pointer-events: none;
}

footer.site-footer .footer-leaf-art {
    opacity: 0.06 !important;
}

footer.site-footer .footer-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1fr) minmax(0, 0.96fr) minmax(220px, 1.28fr) !important;
    gap: 44px !important;
    align-items: start !important;
}

footer.site-footer .footer-column {
    min-width: 0;
}

footer.site-footer .footer-column .footer-column-title {
    margin: 0 0 18px !important;
    color: #F7E7B2 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
}

footer.site-footer .footer-column a,
footer.site-footer .footer-column p,
footer.site-footer .footer-column li,
footer.site-footer .footer-column address {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 15px !important;
    font-style: normal !important;
    line-height: 1.72 !important;
}

footer.site-footer .footer-column a {
    display: block;
    width: fit-content;
    margin: 0 0 4px !important;
    transition: color 180ms ease, transform 180ms ease;
}

footer.site-footer .footer-column a:hover,
footer.site-footer .footer-bottom a:hover {
    color: #F7E7B2 !important;
    transform: translateX(2px);
}

footer.site-footer .footer-contact-panel {
    padding-left: 34px !important;
    border-left: 1px solid rgba(247, 231, 178, 0.26) !important;
}

footer.site-footer .footer-brand {
    display: block !important;
    width: fit-content !important;
    max-width: 220px !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

footer.site-footer .footer-brand:hover {
    transform: none !important;
}

footer.site-footer .footer-logo {
    display: block !important;
    width: min(220px, 100%) !important;
    max-width: 220px !important;
    max-height: none !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    object-fit: contain !important;
}

footer.site-footer .footer-contact-heading {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

footer.site-footer .footer-contact-item {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-top: 18px !important;
}

footer.site-footer .footer-contact-icon {
    display: grid !important;
    width: 28px !important;
    height: 28px !important;
    place-items: center !important;
    color: #6E8A2E !important;
    border-radius: 50% !important;
    background: #F7E7B2 !important;
    font-size: 13px !important;
}

footer.site-footer .footer-contact-item strong {
    display: block !important;
    margin-bottom: 3px !important;
    color: #F7E7B2 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.55px !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
}

footer.site-footer .footer-contact-item a,
footer.site-footer .footer-contact-item address {
    width: auto !important;
    margin: 0 !important;
    line-height: 1.58 !important;
}

footer.site-footer .footer-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin-top: 56px !important;
    padding-top: 25px !important;
    border-top: 1px solid rgba(247, 231, 178, 0.24) !important;
}

footer.site-footer .footer-bottom,
footer.site-footer .footer-bottom p,
footer.site-footer .footer-bottom a {
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: 14px !important;
}

footer.site-footer .footer-bottom p {
    margin: 0 !important;
}

footer.site-footer .footer-bottom > div {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
}

@media (max-width: 1100px) {
    footer.site-footer .footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    footer.site-footer .footer-contact-panel {
        grid-column: span 2;
        padding-left: 0 !important;
        border-left: 0 !important;
    }
}

@media (max-width: 900px) {
    footer.site-footer {
        padding: 60px 28px 30px !important;
    }

    footer.site-footer .footer-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 32px !important;
    }

    footer.site-footer .footer-contact-panel {
        grid-column: span 2;
    }
}

@media (max-width: 600px) {
    footer.site-footer .footer-grid {
        grid-template-columns: 1fr !important;
    }

    footer.site-footer .footer-contact-panel {
        grid-column: auto;
    }

    footer.site-footer .footer-bottom {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}


/* brand-olive.css */
:root {
    --dark-green: #1F3A26;
    --deep-green: #1F3A26;
    --emerald: #1F3A26;
    --cream: #F8F6F0;
    --gold: #7E9D35;
    --leaf-green: #A5C15A;
    --muted-white: rgba(255, 255, 255, 0.88);
    --border-green: #B7CF74;
    --border-gold: #B7CF74;
    --green-950: #1F3A26;
    --green-900: #1F3A26;
    --green-800: #1F3A26;
    --green-700: #6E8A2E;
    --green-500: #7E9D35;
    --cream-2: #F8F6F0;
    --gold-2: #7E9D35;
    --icon-green: #7E9D35;
    --white: #FFFFFF;
    --ink: #243328;
    --muted: #435347;
    --line: #B7CF74;
    --soft-line: #B7CF74;
    --shadow: 0 15px 40px rgba(70, 90, 20, 0.08);
    --ek-olive: #7E9D35;
    --ek-olive-dark: #6E8A2E;
    --ek-cream: #F8F6F0;
    --ek-beige: #D9E6A6;
    --ek-leaf: #B7CF74;
    --ek-ink: #1F3A26;
    --theme-cream: #F8F6F0;
    --theme-sage: #D9E6A6;
    --theme-olive: #7E9D35;
    --theme-olive-dark: #6E8A2E;
    --theme-brown: #6E8A2E;
    --theme-brown-dark: #1F3A26;
    --theme-ink: #1F3A26;
    --everklin-cream: #F8F6F0;
    --everklin-sage: #D9E6A6;
    --everklin-olive: #7E9D35;
    --everklin-light-olive: #B7CF74;
    --everklin-brown: #6E8A2E;
    --everklin-ink: #1F3A26;
}

html {
    scroll-padding-top: 120px;
}

body {
    color: #243328 !important;
    background: #F8F6F0 !important;
}

section {
    scroll-margin-top: 120px;
}

a {
    color: #1F3A26;
}

a:hover,
a:focus-visible {
    color: #7E9D35;
}

h1,
h2,
h3,
h4,
h5,
h6,
.inner-page h1,
.inner-page h2,
.premium-heading h2,
.hub-title,
.section-title,
.industries-index-page h1,
.industries-index-page h2,
.industry-detail-page h1,
.industry-detail-page h2,
.sustainability-page h1,
.sustainability-page h2 {
    color: #1F3A26 !important;
}

p,
li,
small,
.inner-page p,
.hub-copy,
.section-copy,
.page-intro,
.premium-heading p,
.industry-detail-page p,
.sustainability-page p,
.industries-index-page p {
    color: #5E6A61 !important;
}

::selection {
    color: #FFFFFF;
    background: #7E9D35;
}

.line-svg,
svg.line-svg {
    color: #7E9D35 !important;
    stroke: currentColor !important;
}

.icon,
.feature-icon,
.detail-icon,
.mega-link-icon,
.promo-leaf,
.footer-contact-icon,
.cert-icon,
.hub-icon,
.solution-icon,
.industry-icon,
.page-icon {
    color: #7E9D35 !important;
}

/* Header and navigation */
.site-header,
.site-header.is-scrolled,
.site-header.is-menu-open {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    color: #243328 !important;
    border-bottom: 1px solid #DDE7C8 !important;
    background: linear-gradient(135deg, #F7F5EF 0%, #EEF2E3 100%) !important;
    box-shadow: 0 12px 34px rgba(36, 51, 40, 0.08) !important;
    backdrop-filter: blur(18px);
}

.site-header .brand-logo,
.site-header .footer-logo {
    filter: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.site-header .nav-list > .nav-item > a,
.site-header .nav-link,
.site-header .nav-trigger,
.site-header .desktop-nav a,
.site-header .nav-arrow,
.mobile-menu-toggle {
    color: #243328 !important;
    text-shadow: none !important;
}

.site-header .desktop-nav a:hover,
.site-header .nav-item:hover > .nav-link,
.site-header .nav-item:hover > .nav-trigger,
.site-header .nav-link:focus,
.site-header .nav-link.active,
.site-header .menu-item.active > a,
.site-header .nav-arrow:hover,
.site-header .nav-item:hover .nav-arrow {
    color: #7E9D35 !important;
}

.site-header .header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.site-header .header-search {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    color: #1F3A26 !important;
    border: 1px solid rgba(157, 180, 74, 0.35);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 12px 28px rgba(30, 30, 30, 0.06);
    transition: color 180ms ease, border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.site-header .header-search:hover,
.site-header .header-search:focus-visible {
    color: #7E9D35 !important;
    border-color: rgba(157, 180, 74, 0.55);
    background: #FFFFFF;
    transform: translateY(-1px);
}

.site-header .header-search .line-svg {
    width: 19px;
    height: 19px;
}

.nav-arrow::before,
.nav-arrow::after,
.mobile-menu-toggle span {
    background: #7E9D35 !important;
    border-color: #7E9D35 !important;
}

.mega-menu,
.dropdown-menu,
.submenu,
.simple-mega,
.solutions-mega,
.solenis-dropdown,
.solutions-dropdown,
.mobile-drawer {
    z-index: 10000 !important;
    pointer-events: auto !important;
    color: #243328 !important;
    border: 1px solid #DDE7C8 !important;
    background: #FFFFFF !important;
    box-shadow: 0 28px 70px rgba(36, 51, 40, 0.12) !important;
}

.site-header .nav-item,
.site-header .nav-link,
.site-header .nav-trigger,
.site-header .nav-arrow,
.site-header .desktop-nav,
.site-header .desktop-nav a,
.site-header button,
.mobile-drawer,
.mobile-drawer * {
    pointer-events: auto !important;
}

.mega-item,
.mega-sub-item,
.mega-product-item,
.simple-mega a,
.dropdown-menu a,
.mobile-link,
.mobile-menu-level summary {
    color: #1F3A26 !important;
    border-color: #DDE7C8 !important;
    background: transparent !important;
}

.mega-item:hover,
.mega-item.is-active,
.mega-sub-item:hover,
.mega-sub-item.is-active,
.mega-product-item:hover,
.simple-mega a:hover,
.dropdown-menu a:hover,
.mobile-link:hover,
.mobile-menu-level summary:hover,
.mobile-menu-level[open] > summary {
    color: #1F3A26 !important;
    border-color: #7E9D35 !important;
    background: #D9E6A6 !important;
}

.mega-item b,
.mega-sub-item b,
.mega-product-item b,
.mobile-arrow {
    color: #7E9D35 !important;
}

.mega-promo,
.solutions-promo-card,
.mega-cta-panel {
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    background:
        radial-gradient(circle at 80% 12%, rgba(238, 245, 223, 0.18), transparent 34%),
        linear-gradient(135deg, #7E9D35 0%, #6E8A2E 100%) !important;
    box-shadow: 0 22px 54px rgba(90, 116, 39, 0.22) !important;
}

.mega-promo *,
.solutions-promo-card *,
.mega-cta-panel *,
.mega-promo .mega-cta-title,
.mega-promo p,
.solutions-promo-card .mega-cta-title,
.solutions-promo-card p {
    color: #FFFFFF !important;
}

.mega-cta-highlights li span,
.promo-leaf {
    color: #D9E6A6 !important;
}

.mega-promo a,
.solutions-promo-card a,
.mega-cta-panel a {
    color: #1F3A26 !important;
    border-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

.mega-promo a:hover,
.solutions-promo-card a:hover,
.mega-cta-panel a:hover {
    color: #1F3A26 !important;
    background: #D9E6A6 !important;
}

/* Buttons and controls */
.btn,
.btn-gold,
.header-cta,
.get-in-touch-btn,
.page-button,
.hub-button,
.hero-button,
.premium-button,
.footer-cta-button,
button[type="submit"],
input[type="submit"],
.inner-cta-card .btn,
.request-form button,
.hub-form button {
    color: #FFFFFF !important;
    border-color: #7E9D35 !important;
    background: #7E9D35 !important;
    box-shadow: 0 14px 34px rgba(127, 157, 53, 0.18) !important;
}

.btn:hover,
.btn-gold:hover,
.header-cta:hover,
.get-in-touch-btn:hover,
.page-button:hover,
.hub-button:hover,
.hero-button:hover,
.premium-button:hover,
.footer-cta-button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.inner-cta-card .btn:hover,
.request-form button:hover,
.hub-form button:hover {
    color: #FFFFFF !important;
    border-color: #6E8A2E !important;
    background: #6E8A2E !important;
}

.btn-secondary,
.page-button-secondary,
.hub-button.is-secondary,
.hero-button.secondary,
.premium-button.is-secondary,
.detail-arrow-controls button,
.cert-arrow,
.slider-arrow,
.carousel-arrow {
    color: #1F3A26 !important;
    border: 1px solid #7E9D35 !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
}

.btn-secondary:hover,
.page-button-secondary:hover,
.hub-button.is-secondary:hover,
.hero-button.secondary:hover,
.premium-button.is-secondary:hover,
.detail-arrow-controls button:hover,
.cert-arrow:hover,
.slider-arrow:hover,
.carousel-arrow:hover {
    color: #1F3A26 !important;
    border-color: #7E9D35 !important;
    background: #D9E6A6 !important;
}

/* Sections and hero areas */
.moving-hero,
.premium-hero,
.inner-hero,
.industry-hero,
.industries-index-hero,
.sustainability-hero,
.main-hub-hero,
.hub-section.is-cream,
.section-hero {
    color: #243328 !important;
    background:
        linear-gradient(118deg, rgba(255, 255, 255, 0.96) 0%, rgba(250, 248, 243, 0.9) 54%, rgba(238, 245, 223, 0.84) 100%) !important;
}

.moving-hero::before,
.premium-hero::before,
.inner-hero::before,
.industry-hero::before,
.sustainability-hero::before,
.main-hub-hero::before {
    background: rgba(250, 248, 243, 0.65) !important;
}

.section-light,
.detail-challenges,
.detail-applications,
.inner-content-section,
.industries-index-grid-section,
.hub-section,
.premium-section {
    background: #FFFFFF !important;
}

.section-cream,
.detail-overview,
.detail-categories,
.detail-why,
.knowledge-section,
.manufacturing-section,
.resources-section,
.hub-section.is-beige {
    background: #F8F6F0 !important;
}

.section-sage,
.detail-solutions,
.solutions-section,
.industries-section,
.certification-section,
.certifications-section,
.hub-section.is-sage {
    background: #D9E6A6 !important;
}

.inner-kicker,
.page-kicker,
.hub-kicker,
.premium-kicker,
.section-kicker,
.eyebrow,
.breadcrumb a,
.breadcrumb span,
.hub-breadcrumb a,
.hub-breadcrumb span,
.moving-hero .hero-eyebrow,
.premium-stat strong,
.detail-facts strong,
.industries-index-card b,
.detail-solution-card small {
    color: #7E9D35 !important;
}

.moving-hero h1 span,
.premium-heading h2 span,
.hub-title span,
.inner-section-head h2 span,
.sustainability-hero-copy h1 span {
    color: #7E9D35 !important;
}

/* Cards, lists and forms */
.card,
.placeholder-card,
.inner-feature-card,
.premium-solution-card,
.premium-industry-card,
.premium-article-card,
.manufacturing-capability-grid a,
.industries-index-card,
.challenge-grid article,
.detail-solution-card,
.category-grid a,
.why-grid > div,
.solution-product-card,
.hub-card,
.stat-card,
.certification-card,
.cert-item,
.resource-card,
.knowledge-card,
.application-card,
.product-card {
    color: #243328 !important;
    border: 1px solid #D9E6A6 !important;
    background: #FFFFFF !important;
    box-shadow: 0 18px 44px rgba(36, 51, 40, 0.08) !important;
}

.card:hover,
.placeholder-card:hover,
.inner-feature-card:hover,
.premium-solution-card:hover,
.premium-industry-card:hover,
.premium-article-card:hover,
.manufacturing-capability-grid a:hover,
.industries-index-card:hover,
.challenge-grid article:hover,
.detail-solution-card:hover,
.category-grid a:hover,
.why-grid > div:hover,
.solution-product-card:hover,
.hub-card:hover,
.stat-card:hover,
.certification-card:hover,
.cert-item:hover,
.resource-card:hover,
.knowledge-card:hover,
.application-card:hover,
.product-card:hover {
    border-color: #7E9D35 !important;
    box-shadow: 0 26px 58px rgba(36, 51, 40, 0.12) !important;
}

input,
select,
textarea,
.request-form input,
.request-form textarea,
.hub-form input,
.hub-form select,
.hub-form textarea,
.contact-form input,
.contact-form select,
.contact-form textarea {
    color: #243328 !important;
    border: 1px solid #DDE7C8 !important;
    background: #FFFFFF !important;
}

input:focus,
select:focus,
textarea:focus,
.request-form input:focus,
.request-form textarea:focus,
.hub-form input:focus,
.hub-form select:focus,
.hub-form textarea:focus,
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    border-color: #7E9D35 !important;
    outline: 3px solid rgba(127, 157, 53, 0.22) !important;
}

.inner-cta-section,
.detail-request,
.cta-panel,
.footer-cta,
.request-demo,
.request-consultation,
.hub-cta,
.premium-cta,
.contact-cta {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #A0BB58 0%, #8FAE46 45%, #769337 100%) !important;
}

.inner-cta-section *,
.detail-request *,
.cta-panel *,
.footer-cta *,
.request-demo *,
.request-consultation *,
.hub-cta *,
.premium-cta *,
.contact-cta * {
    color: #FFFFFF !important;
}

.inner-cta-section .btn,
.inner-cta-section .page-button,
.inner-cta-section .hub-button,
.detail-request .btn,
.detail-request .page-button,
.detail-request .hub-button,
.cta-panel .btn,
.cta-panel .page-button,
.cta-panel .hub-button,
.footer-cta .btn,
.footer-cta-button,
.request-demo .btn,
.request-demo .page-button,
.request-demo .hub-button,
.request-consultation .btn,
.request-consultation .page-button,
.request-consultation .hub-button,
.hub-cta .btn,
.hub-cta .page-button,
.hub-cta .hub-button,
.premium-cta .btn,
.premium-cta .page-button,
.premium-cta .hub-button,
.contact-cta .btn {
    color: #1F3A26 !important;
    border-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

.inner-cta-section .btn:hover,
.inner-cta-section .page-button:hover,
.inner-cta-section .hub-button:hover,
.detail-request .btn:hover,
.detail-request .page-button:hover,
.detail-request .hub-button:hover,
.cta-panel .btn:hover,
.cta-panel .page-button:hover,
.cta-panel .hub-button:hover,
.footer-cta .btn:hover,
.footer-cta-button:hover,
.request-demo .btn:hover,
.request-demo .page-button:hover,
.request-demo .hub-button:hover,
.request-consultation .btn:hover,
.request-consultation .page-button:hover,
.request-consultation .hub-button:hover,
.hub-cta .btn:hover,
.hub-cta .page-button:hover,
.hub-cta .hub-button:hover,
.premium-cta .btn:hover,
.premium-cta .page-button:hover,
.premium-cta .hub-button:hover,
.contact-cta .btn:hover {
    color: #1F3A26 !important;
    background: #D9E6A6 !important;
}

/* Industry detail enhancements */
.industry-hero .industry-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.industry-hero .industry-trust-row span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid rgba(127, 157, 53, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    color: #1F3A26;
    font-size: 13px;
    font-weight: 800;
}

.industry-hero .industry-trust-row .line-svg {
    width: 18px;
    height: 18px;
    color: #7E9D35;
}

.industry-stat-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
}

.industry-stat-row div {
    min-height: 92px;
    padding: 16px 14px;
    border: 1px solid #DDE7C8;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 12px 30px rgba(36, 51, 40, 0.06);
}

.industry-stat-row strong {
    display: block;
    color: #0F3B2E;
    font-size: 24px;
    line-height: 1.08;
}

.industry-stat-row span {
    display: block;
    margin-top: 6px;
    color: #5E6A61;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.35;
}

.detail-split-media {
    align-items: center;
}

.detail-media-card {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #DDE7C8;
    border-radius: 28px;
    background: #FFFFFF;
    box-shadow: 0 24px 52px rgba(36, 51, 40, 0.08);
}

.detail-media-card img {
    width: 100%;
    min-height: 420px;
    object-fit: cover;
}

.detail-check-list {
    display: grid;
    gap: 12px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.detail-check-list li {
    position: relative;
    padding-left: 28px;
    color: #243328;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
}

.detail-check-list li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    color: #7E9D35;
    font-weight: 900;
}

.industry-carousel {
    --industry-carousel-visible: 4;
    --industry-carousel-gap: 18px;
}

.industry-carousel-shell {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    margin-top: 18px;
}

.industry-carousel-viewport {
    min-width: 0;
    overflow: hidden;
}

.industry-carousel [data-carousel-track] {
    display: flex;
    gap: var(--industry-carousel-gap);
    will-change: transform;
    transform: translate3d(0, 0, 0);
    transition: transform 420ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.industry-carousel [data-carousel-track] > * {
    height: 100%;
}

.industry-carousel .challenge-card-grid > *,
.industry-carousel .feature-product-grid > *,
.industry-carousel .category-grid > *,
.industry-carousel .why-grid > * {
    flex: 0 0 calc((100% - (var(--industry-carousel-gap) * (var(--industry-carousel-visible) - 1))) / var(--industry-carousel-visible));
    min-width: 0;
}

.industry-carousel [data-carousel-track] > *.is-active {
    border-color: #7E9D35 !important;
    box-shadow: 0 20px 42px rgba(36, 51, 40, 0.14) !important;
}

.industry-carousel .challenge-card-grid,
.industry-carousel .feature-product-grid,
.industry-carousel .category-grid,
.industry-carousel .why-grid {
    grid-template-columns: none;
}

.industry-carousel-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
    min-height: 18px;
}

.industry-carousel-dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 1px solid rgba(127, 157, 53, 0.34);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: none;
}

.industry-carousel-dot.is-active {
    width: 28px;
    background: #7E9D35;
    border-color: #7E9D35;
}

.industry-carousel-dot:focus-visible,
.industry-carousel-arrow:focus-visible {
    outline: 3px solid rgba(127, 157, 53, 0.24);
    outline-offset: 3px;
}

.industry-carousel-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #7E9D35;
    background: rgba(255, 255, 255, 0.94);
    color: #1F3A26;
    box-shadow: 0 12px 30px rgba(36, 51, 40, 0.08);
    transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.industry-carousel-arrow:hover {
    transform: translateY(-1px);
    background: #D9E6A6;
    border-color: #7E9D35;
    box-shadow: 0 16px 36px rgba(36, 51, 40, 0.12);
}

.industry-carousel-arrow span {
    font-size: 20px;
    line-height: 1;
}

.challenge-card-grid,
.feature-product-grid,
.application-card-grid,
.download-card-grid,
.success-story-grid,
.process-timeline {
    display: grid;
    gap: 16px;
}

.challenge-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.challenge-card-grid article {
    display: flex;
    min-height: 246px;
    flex-direction: column;
}

.challenge-card-grid .detail-icon,
.feature-product-grid .detail-icon,
.download-card .detail-icon {
    width: 46px;
    height: 46px;
    margin-bottom: 18px;
    border-radius: 50%;
}

.feature-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.feature-product-grid a,
.download-card {
    display: flex;
    min-height: 220px;
    flex-direction: column;
    gap: 12px;
    padding: 22px;
    border: 1px solid #DDE7C8;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 12px 30px rgba(36, 51, 40, 0.06);
    text-decoration: none;
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.feature-product-grid a:hover,
.download-card:hover {
    transform: translateY(-4px);
    border-color: #7E9D35;
    box-shadow: 0 18px 42px rgba(36, 51, 40, 0.1);
}

.feature-product-grid strong,
.download-card strong,
.success-story-card h3,
.testimonial-card strong {
    color: #0F3B2E;
    font-size: 18px;
    line-height: 1.25;
}

.feature-product-grid p,
.download-card p,
.success-story-card p,
.testimonial-card p {
    margin: 0;
    color: #5E6A61;
    font-size: 14px;
    line-height: 1.55;
}

.feature-product-grid b,
.download-card b {
    margin-top: auto;
    color: #7E9D35;
    font-size: 20px;
    line-height: 1;
}

.application-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.application-card-grid span {
    min-height: 104px;
    padding: 18px 20px;
    border-left: 3px solid #7E9D35;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 12px 30px rgba(36, 51, 40, 0.06);
}

.application-card-grid strong {
    display: block;
    color: #0F3B2E;
    font-size: 16px;
    line-height: 1.2;
}

.application-card-grid small,
.success-story-card span,
.testimonial-card small {
    display: block;
    margin-top: 8px;
    color: #5E6A61;
    font-size: 13px;
    line-height: 1.45;
}

.success-story-grid {
    grid-template-columns: minmax(0, 1.3fr) repeat(2, minmax(0, 1fr));
}

.success-story-card,
.testimonial-card {
    min-height: 240px;
    padding: 24px;
    border: 1px solid #DDE7C8;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 30px rgba(36, 51, 40, 0.06);
}

.success-story-card span,
.testimonial-card small {
    color: #7E9D35;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.success-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 22px;
}

.success-metrics div {
    padding: 14px;
    border: 1px solid rgba(221, 231, 200, 0.95);
    border-radius: 16px;
    background: #F8F6F0;
}

.success-metrics strong {
    display: block;
    color: #0F3B2E;
    font-size: 26px;
    line-height: 1;
}

.success-metrics small {
    display: block;
    margin-top: 6px;
    color: #5E6A61;
    font-size: 12px;
}

.testimonial-card {
    display: flex;
    flex-direction: column;
}

.testimonial-avatar {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    margin-bottom: 14px;
    border-radius: 50%;
    background: #D9E6A6;
    color: #0F3B2E;
    font-size: 18px;
    font-weight: 900;
}

.process-timeline {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.process-timeline article {
    position: relative;
    min-height: 132px;
    padding: 18px;
    border: 1px solid #DDE7C8;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 30px rgba(36, 51, 40, 0.06);
}

.process-timeline article::after {
    position: absolute;
    top: 50%;
    right: -10px;
    color: #7E9D35;
    content: "→";
    font-size: 18px;
    font-weight: 900;
    transform: translateY(-50%);
}

.process-timeline article:last-child::after {
    display: none;
}

.process-timeline span {
    display: block;
    color: #7E9D35;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.process-timeline strong {
    display: block;
    margin-top: 8px;
    color: #0F3B2E;
    font-size: 16px;
    line-height: 1.25;
}

.download-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px;
}

/* Certifications */
.certification-strip,
.certifications-strip,
.certification-carousel,
.certifications-carousel,
.certification-section,
.certifications-section {
    color: #243328 !important;
    border-color: #DDE7C8 !important;
    background: #FFFFFF !important;
}

.certification-strip *,
.certifications-strip *,
.certification-carousel *,
.certifications-carousel * {
    color: #243328 !important;
}

.certification-strip svg,
.certifications-strip svg,
.certification-carousel svg,
.certifications-carousel svg {
    color: #7E9D35 !important;
}

/* Footer */
footer,
.site-footer,
footer.site-footer {
    position: relative !important;
    overflow: visible !important;
    color: #FFFFFF !important;
    background: linear-gradient(180deg, #7E9D35 0%, #6E8A2E 100%) !important;
}

footer::before,
.site-footer::before,
.footer-leaf-art {
    opacity: 0.1 !important;
    background-color: transparent !important;
}

footer .footer-logo,
.site-footer .footer-logo,
footer .footer-brand,
.site-footer .footer-brand {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

footer h4,
footer h3,
footer strong,
.site-footer .footer-column-title,
.site-footer h3,
.site-footer strong {
    color: #FFFFFF !important;
}

footer p,
footer a,
footer li,
footer address,
footer span,
.site-footer p,
.site-footer a,
.site-footer li,
.site-footer address,
.site-footer span {
    color: rgba(255, 255, 255, 0.85) !important;
}

footer a:hover,
.site-footer a:hover {
    color: #D9E6A6 !important;
}

footer .footer-bottom,
.site-footer .footer-bottom {
    border-top-color: rgba(255, 255, 255, 0.22) !important;
}

footer .footer-contact-icon,
.site-footer .footer-contact-icon {
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    background: rgba(255, 255, 255, 0.12) !important;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}


/* EVERKLIN STRUCTURE COMPLETION */
.completion-grid,
.related-link-groups,
.resource-card-grid,
.contact-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.related-link-groups {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.section-point-list,
.section-link-list {
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.section-point-list li,
.section-link-list li {
    position: relative;
    padding: 8px 0 8px 20px;
    color: #5E6A61 !important;
    font-size: 14px;
    line-height: 1.55;
    border-bottom: 1px solid #D9E6A6;
}

.section-point-list li::before,
.section-link-list li::before {
    position: absolute;
    top: 15px;
    left: 0;
    width: 7px;
    height: 7px;
    content: "";
    border-radius: 50%;
    background: #7E9D35;
}

.section-link-list a {
    color: #1F3A26 !important;
    font-weight: 750;
}

.section-link-list a:hover {
    color: #7E9D35 !important;
}

.inner-spec-table {
    display: grid;
    gap: 1px;
    overflow: hidden;
    border: 1px solid #DDE7C8;
    border-radius: 8px;
    background: #DDE7C8;
}

.inner-spec-table > div {
    display: grid;
    grid-template-columns: minmax(150px, 0.42fr) minmax(0, 1fr);
    gap: 18px;
    padding: 18px;
    background: #FFFFFF;
}

.inner-spec-table strong {
    color: #1F3A26;
}

.inner-spec-table span {
    color: #5E6A61;
    line-height: 1.65;
}

.resource-search-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    margin-bottom: 16px;
}

.resource-search-form label {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
}

.resource-search-form label span {
    color: #1F3A26;
    font-size: 13px;
    font-weight: 800;
}

.resource-search-form input {
    min-height: 50px;
    border-radius: 999px !important;
    padding: 0 18px !important;
}

.resource-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}

.resource-filter-row button {
    min-height: 38px;
    padding: 0 16px;
    color: #1F3A26;
    border: 1px solid #DDE7C8;
    border-radius: 999px;
    background: #FFFFFF;
    cursor: pointer;
    font-weight: 800;
}

.resource-filter-row button.is-active,
.resource-filter-row button:hover {
    color: #FFFFFF;
    border-color: #7E9D35;
    background: #7E9D35;
}

.resource-card {
    min-height: 240px;
    padding: 24px;
    border-radius: 8px;
}

.resource-card h3 {
    margin: 16px 0 0;
    color: #1F3A26;
}

.resource-card p {
    margin: 10px 0 18px;
}

.contact-info-grid {
    grid-template-columns: 1fr;
    margin-top: 24px;
}

.contact-info-grid a {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 18px;
    color: #1F3A26 !important;
    border: 1px solid #DDE7C8;
    border-radius: 8px;
    background: #FFFFFF;
}

.contact-info-grid span {
    color: #5E6A61;
}

.map-embed {
    margin-top: 34px;
}

.map-embed iframe {
    width: 100%;
    min-height: 390px;
    border: 1px solid #DDE7C8;
    border-radius: 8px;
}

@media (max-width: 991px) {
    .completion-grid,
    .resource-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .related-link-groups {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .completion-grid,
    .resource-card-grid,
    .related-link-groups,
    .resource-search-form,
    .inner-spec-table > div {
        grid-template-columns: 1fr;
    }
}


/* EVERKLIN UNIVERSAL PRODUCT PAGE */
.universal-product-page {
    background: #F8F6F0;
}

.product-hero {
    padding: 42px 0 76px;
    background:
        radial-gradient(circle at 8% 14%, rgba(157, 180, 74, 0.14), transparent 28%),
        linear-gradient(135deg, #FFFFFF 0%, #F8F6F0 52%, #D9E6A6 100%);
}

.product-breadcrumb-wrap {
    margin-bottom: 26px;
}

.product-breadcrumb {
    color: #5E6A61 !important;
}

.product-breadcrumb strong {
    color: #1F3A26 !important;
}

.product-hero-grid {
    display: grid;
    grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.05fr);
    gap: 64px;
    align-items: center;
}

.product-gallery {
    min-width: 0;
}

.product-image-stage {
    display: grid;
    min-height: 520px;
    margin: 0;
    place-items: center;
    overflow: hidden;
    border: 1px solid #DDE7C8;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 34px 80px rgba(36, 51, 40, 0.12);
}

.product-image-stage img {
    width: min(84%, 520px);
    max-height: 450px;
    object-fit: contain;
    transition: transform 700ms ease;
}

.product-image-stage:hover img {
    transform: scale(1.045);
}

.product-image-stage.is-logo-fallback img {
    width: min(78%, 420px);
}

.product-thumbnails,
.packaging-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.product-thumbnails button {
    display: grid;
    width: 72px;
    height: 62px;
    place-items: center;
    border: 1px solid #DDE7C8;
    border-radius: 10px;
    background: #FFFFFF;
    cursor: pointer;
}

.product-thumbnails button.is-active,
.packaging-selector button.is-active {
    border-color: #7E9D35;
    box-shadow: 0 0 0 3px rgba(127, 157, 53, 0.16);
}

.product-thumbnails img {
    max-width: 86%;
    max-height: 48px;
    object-fit: contain;
}

.packaging-selector button {
    min-height: 38px;
    padding: 0 14px;
    color: #1F3A26;
    border: 1px solid #DDE7C8;
    border-radius: 999px;
    background: #FFFFFF;
    cursor: pointer;
    font-weight: 800;
}

.product-category-badge {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 18px;
    padding: 8px 13px;
    color: #1F3A26;
    border: 1px solid rgba(157, 180, 74, 0.34);
    border-radius: 999px;
    background: #D9E6A6;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.product-hero-copy h1 {
    margin: 0;
    color: #0F3B2E;
    font-size: clamp(46px, 6vw, 78px);
    line-height: 0.96;
}

.product-hero-copy h2 {
    margin: 18px 0 0;
    color: #7E9D35;
    font-size: clamp(26px, 3vw, 40px);
    line-height: 1.08;
}

.product-subtitle {
    color: #1F3A26 !important;
    font-size: 20px !important;
    font-weight: 800;
}

.product-description-stack p {
    margin: 12px 0 0;
    color: #5E6A61 !important;
}

.feature-icon-grid,
.product-card-grid,
.application-icon-grid,
.packaging-card-grid,
.download-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.feature-icon-grid {
    margin-top: 24px;
}

.feature-icon-grid span,
.product-info-card,
.application-icon-grid article,
.packaging-card-grid article,
.download-card,
.related-product-card {
    color: #243328 !important;
    border: 1px solid #DDE7C8;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0 18px 44px rgba(36, 51, 40, 0.08);
}

.feature-icon-grid span {
    display: flex;
    min-height: 66px;
    align-items: center;
    gap: 10px;
    padding: 13px;
    font-weight: 800;
}

.feature-icon-grid .line-svg,
.product-info-card .line-svg,
.application-icon-grid .line-svg,
.industry-strip-track .line-svg {
    width: 24px;
    height: 24px;
    color: #7E9D35;
}

.selected-packaging {
    margin-top: 18px;
    color: #5E6A61;
    font-weight: 750;
}

.industry-application-strip {
    padding: 18px 0;
    background: #FFFFFF;
    border-block: 1px solid #DDE7C8;
}

.industry-strip-track {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.industry-strip-track a {
    display: inline-flex;
    min-width: max-content;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    color: #1F3A26 !important;
    border: 1px solid #DDE7C8;
    border-radius: 999px;
    background: #F8F6F0;
    font-size: 13px;
    font-weight: 850;
}

.product-sticky-nav {
    position: sticky;
    top: 86px;
    z-index: 120;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid #DDE7C8;
    backdrop-filter: blur(14px);
}

.product-sticky-nav .container {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-block: 10px;
}

.product-sticky-nav a {
    min-width: max-content;
    padding: 10px 14px;
    color: #1F3A26 !important;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 850;
}

.product-sticky-nav a:hover,
.product-sticky-nav a.is-active {
    color: #FFFFFF !important;
    background: #7E9D35;
}

.product-section {
    padding: 78px 0;
    scroll-margin-top: 140px;
}

.product-section:nth-of-type(even) {
    background: #FFFFFF;
}

.product-split {
    display: grid;
    grid-template-columns: minmax(240px, 0.74fr) minmax(0, 1.26fr);
    gap: 60px;
}

.product-split h2,
.inner-section-head h2 {
    color: #0F3B2E !important;
}

.product-info-card,
.application-icon-grid article,
.packaging-card-grid article,
.download-card {
    min-height: 196px;
    padding: 24px;
}

.product-info-card h3,
.application-icon-grid h3,
.download-card h3 {
    margin: 16px 0 0;
    color: #1F3A26;
}

.product-info-card p,
.application-icon-grid p,
.download-card p,
.safety-list p {
    color: #5E6A61 !important;
}

.responsive-table {
    overflow-x: auto;
    border: 1px solid #DDE7C8;
    border-radius: 14px;
    background: #FFFFFF;
}

.responsive-table table {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
}

.responsive-table th,
.responsive-table td {
    padding: 17px;
    text-align: left;
    border-bottom: 1px solid #D9E6A6;
}

.responsive-table th {
    color: #0F3B2E;
    background: #D9E6A6;
    font-size: 13px;
    text-transform: uppercase;
}

.specification-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid #DDE7C8;
    border-radius: 14px;
    background: #DDE7C8;
}

.specification-grid div {
    display: grid;
    grid-template-columns: minmax(130px, 0.42fr) minmax(0, 1fr);
    gap: 18px;
    padding: 18px;
    background: #FFFFFF;
}

.specification-grid strong {
    color: #1F3A26;
}

.specification-grid span {
    color: #5E6A61;
}

.packaging-card-grid article {
    display: flex;
    min-height: 130px;
    flex-direction: column;
    justify-content: center;
}

.packaging-card-grid strong {
    color: #7E9D35;
    font-size: 30px;
}

.download-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pdf-icon {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    color: #FFFFFF;
    border-radius: 14px;
    background: linear-gradient(135deg, #7E9D35, #6E8A2E);
    font-weight: 900;
}

.related-product-slider {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.related-product-card {
    display: flex;
    min-height: 180px;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px;
}

.related-product-card span {
    color: #7E9D35;
}

.related-product-card strong {
    color: #1F3A26;
    font-size: 18px;
}

.related-product-card b {
    color: #7E9D35;
    font-size: 13px;
}

.product-help-cta {
    padding: 0 0 86px;
    background: #F8F6F0;
}

.product-help-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 48px;
    color: #FFFFFF;
    border-radius: 18px;
    background:
        radial-gradient(circle at 90% 12%, rgba(255, 255, 255, 0.18), transparent 28%),
        linear-gradient(135deg, #7E9D35, #6E8A2E);
}

.product-help-card h2,
.product-help-card p,
.product-help-card .inner-kicker {
    color: #FFFFFF !important;
}

@media (max-width: 991px) {
    .product-hero-grid,
    .product-split {
        grid-template-columns: 1fr;
        gap: 34px;
    }
    .product-image-stage {
        min-height: 420px;
    }
    .product-card-grid,
    .application-icon-grid,
    .packaging-card-grid,
    .related-product-slider {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .product-sticky-nav {
        top: 70px;
    }
}

@media (max-width: 600px) {
    .product-hero {
        padding: 26px 0 48px;
    }
    .product-image-stage {
        min-height: 300px;
    }
    .product-hero-copy h1 {
        font-size: 38px;
    }
    .feature-icon-grid,
    .product-card-grid,
    .application-icon-grid,
    .packaging-card-grid,
    .download-card-grid,
    .related-product-slider,
    .specification-grid,
    .specification-grid div {
        grid-template-columns: 1fr;
    }
    .product-actions .page-button,
    .product-help-card .page-button {
        width: 100%;
    }
    .product-help-card {
        flex-direction: column;
        align-items: stretch;
        padding: 30px 22px;
    }
}


.document-thank-you {
    padding: 18px;
    color: #1F3A26;
    border: 1px solid #7E9D35;
    border-radius: 12px;
    background: #D9E6A6;
}

.document-thank-you strong,
.document-thank-you span {
    display: block;
}

.checkbox-line {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
}

.checkbox-line input {
    width: 18px !important;
    min-height: 18px !important;
}


/* EVERKLIN PRODUCT SAME-PLACE TABS */
.product-tabs {
    position: sticky;
    top: 86px;
    z-index: 120;
    background: rgba(255, 255, 255, 0.97);
    border-block: 1px solid #DDE7C8;
    backdrop-filter: blur(14px);
}

.product-tabs .container {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-block: 12px;
    scrollbar-width: thin;
}

.product-tabs button {
    min-width: max-content;
    padding: 11px 17px;
    color: #1F3A26;
    border: 1px solid #DDE7C8;
    border-radius: 999px;
    background: #FFFFFF;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 850;
    transition: color 220ms ease, background 220ms ease, border-color 220ms ease, transform 220ms ease;
}

.product-tabs button:hover {
    background: #D9E6A6;
    border-color: #7E9D35;
}

.product-tabs button.is-active,
.product-tabs button[aria-selected="true"] {
    color: #FFFFFF;
    background: #7E9D35;
    border-color: #7E9D35;
    box-shadow: 0 12px 28px rgba(157, 180, 74, 0.26);
}

.product-tabs button:focus-visible {
    outline: 3px solid rgba(157, 180, 74, 0.35);
    outline-offset: 3px;
}

.product-tab-content {
    padding: 62px 0 76px;
    background: #F8F6F0;
}

.product-tab-panel {
    padding: 38px;
    border: 1px solid #DDE7C8;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 28px 70px rgba(36, 51, 40, 0.1);
    animation: productTabFade 260ms ease;
}

.product-tab-panel[hidden] {
    display: none !important;
}

@keyframes productTabFade {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.overview-point-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}

.overview-point-grid article,
.document-request-summary span {
    padding: 18px;
    border: 1px solid #DDE7C8;
    border-radius: 14px;
    background: #F8F6F0;
}

.overview-point-grid strong,
.document-request-summary strong {
    display: block;
    margin-bottom: 8px;
    color: #1F3A26;
}

.document-request-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 8px;
}

.download-card {
    border-radius: 16px;
    transition: transform 260ms ease, border-color 260ms ease, box-shadow 260ms ease;
}

.download-card:hover {
    transform: translateY(-6px);
    border-color: #7E9D35;
    box-shadow: 0 28px 70px rgba(36, 51, 40, 0.14);
}

.document-success-page {
    grid-column: 1 / -1;
    padding: 34px;
    border: 1px solid #7E9D35;
    border-radius: 18px;
    background: #D9E6A6;
    box-shadow: 0 20px 56px rgba(36, 51, 40, 0.1);
}

.document-success-page h3 {
    margin: 10px 0 0;
    color: #1F3A26;
    font-size: 28px;
}

.document-success-page p {
    color: #5E6A61 !important;
}

@media (max-width: 991px) {
    .overview-point-grid,
    .document-request-summary {
        grid-template-columns: 1fr;
    }
    .product-tab-panel {
        padding: 28px;
    }
}

@media (max-width: 600px) {
    .product-tabs {
        top: 70px;
    }
    .product-tab-content {
        padding: 38px 0 52px;
    }
    .product-tab-panel {
        padding: 22px;
        border-radius: 14px;
    }
}


.product-downloads .download-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
}

@media (max-width: 991px) {
    .product-downloads .download-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .product-downloads .download-card-grid {
        grid-template-columns: 1fr;
    }
}


/* UNIVERSAL R2-DERIVED PRODUCT PAGE */
.universal-product-page .product-hero {
    background:
        radial-gradient(circle at 10% 15%, rgba(157, 180, 74, 0.12), transparent 26%),
        radial-gradient(circle at 86% 8%, rgba(15, 59, 46, 0.08), transparent 24%),
        linear-gradient(135deg, #FFFFFF 0%, #F8F6F0 58%, #D9E6A6 100%);
}

.universal-product-page .product-hero-grid {
    grid-template-columns: minmax(300px, 0.45fr) minmax(0, 0.55fr);
    gap: 72px;
}

.universal-product-page .product-image-stage {
    min-height: 560px;
    border: 0;
    background: radial-gradient(circle at 50% 70%, rgba(127, 157, 53, 0.18), transparent 46%);
    box-shadow: none;
}

.universal-product-page .product-image-stage img {
    width: min(82%, 430px);
    max-height: 520px;
    filter: drop-shadow(0 34px 32px rgba(36, 51, 40, 0.22));
}

.universal-product-page .product-image-stage:hover img {
    transform: scale(1.065) rotate(-1.2deg);
}

.universal-product-page .product-thumbnails button {
    width: 118px;
    height: auto;
    min-height: 86px;
    padding: 8px;
}

.universal-product-page .product-thumbnails button span {
    display: block;
    margin-top: 6px;
    color: #1F3A26;
    font-size: 11px;
    font-weight: 850;
    line-height: 1.2;
}

.universal-product-page .packaging-selector {
    margin-top: 22px;
}

.universal-product-page .packaging-selector button {
    min-width: 74px;
    min-height: 42px;
    font-size: 14px;
}

.universal-product-page .product-hero-copy h1 {
    max-width: 760px;
}

.universal-product-page .product-hero-copy h2 {
    max-width: 680px;
    color: #0F3B2E;
    font-size: clamp(26px, 3.2vw, 44px);
}

.product-feature-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.universal-product-page .feature-icon-grid span {
    min-height: 82px;
    border-radius: 16px;
}

.product-tabs-centered .container {
    justify-content: center;
}

.product-overview-card.has-overview-image {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 0.58fr);
    gap: 24px;
    align-items: stretch;
}

.overview-side-image {
    width: 100%;
    min-height: 280px;
    object-fit: cover;
    border: 1px solid #DDE7C8;
    border-radius: 18px;
    box-shadow: 0 22px 60px rgba(36, 51, 40, 0.12);
}

.product-packaging-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-packaging-card {
    display: flex;
    min-height: 360px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    padding: 24px;
    border-radius: 18px;
}

.product-packaging-card img {
    width: 100%;
    height: 150px;
    object-fit: contain;
    filter: drop-shadow(0 18px 18px rgba(36, 51, 40, 0.16));
}

.product-packaging-card strong {
    color: #0F3B2E;
    font-size: 26px;
}

.product-packaging-card span {
    color: #5E6A61;
    line-height: 1.7;
}

.product-packaging-card .page-button {
    margin-top: auto;
}

.product-slider-shell {
    overflow: hidden;
    width: 100%;
}

.product-slider-track {
    display: flex !important;
    width: max-content;
    min-width: 100%;
    gap: 18px;
    animation: productAutoSlide 42s linear infinite;
    will-change: transform;
}

.product-slider-shell:hover .product-slider-track {
    animation-play-state: paused;
}

@keyframes productAutoSlide {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.product-extra-section {
    padding: 82px 0;
    background: #FFFFFF;
}

.product-extra-section:nth-of-type(even) {
    background: #F8F6F0;
}

.product-icon-card-grid,
.product-credential-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.product-icon-card-grid a,
.product-icon-card-grid article,
.product-credential-grid span {
    display: flex;
    width: 250px;
    min-height: 168px;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    padding: 22px;
    color: #1F3A26 !important;
    border: 1px solid #DDE7C8;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 18px 48px rgba(36, 51, 40, 0.08);
    font-weight: 850;
}

.product-icon-card-grid p,
.related-product-card-image p {
    margin: 0;
    color: #5E6A61 !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.55;
}

.product-icon-card-grid b,
.related-product-card-image b {
    margin-top: auto;
    color: #7E9D35;
    font-size: 13px;
}

.product-icon-card-grid .line-svg {
    width: 30px;
    height: 30px;
    color: #7E9D35;
}

.product-credential-grid span {
    width: 210px;
    min-height: 102px;
    align-items: center;
    text-align: center;
}

.related-product-card-image {
    width: 284px;
    min-height: 326px;
    gap: 12px;
}

.related-product-card-image img {
    width: 100%;
    height: 142px;
    object-fit: contain;
    border-radius: 16px;
    background: #F8F6F0;
    padding: 10px;
    filter: drop-shadow(0 16px 18px rgba(36, 51, 40, 0.12));
}

.universal-product-page .product-help-cta {
    padding-top: 40px;
}

.universal-product-page .product-help-card {
    align-items: flex-start;
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 14%, rgba(255, 255, 255, 0.18), transparent 28%),
        linear-gradient(135deg, #7E9D35 0%, #6E8A2E 52%, #0F3B2E 100%);
}

@media (max-width: 991px) {
    .universal-product-page .product-hero-grid,
    .product-overview-card.has-overview-image {
        grid-template-columns: 1fr;
    }
    .product-feature-grid,
    .product-packaging-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .product-tabs-centered .container {
        justify-content: flex-start;
    }
    .universal-product-page .product-image-stage {
        min-height: 430px;
    }
}

@media (max-width: 700px) {
    .universal-product-page .product-hero {
        padding-bottom: 44px;
    }
    .universal-product-page .product-hero-grid {
        gap: 34px;
    }
    .product-feature-grid,
    .product-packaging-grid {
        grid-template-columns: 1fr;
    }
    .universal-product-page .product-thumbnails,
    .universal-product-page .packaging-selector {
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .universal-product-page .page-actions .page-button,
    .universal-product-page .product-help-card .page-button {
        width: 100%;
    }
    .product-slider-shell {
        overflow-x: auto;
        padding-bottom: 6px;
        scroll-snap-type: x proximity;
    }
    .product-slider-track {
        animation: none;
    }
    .product-icon-card-grid a,
    .product-icon-card-grid article,
    .product-credential-grid span,
    .related-product-card-image {
        width: min(82vw, 300px);
        scroll-snap-align: start;
    }
}

/* Single-page corporate/resource anchor layouts */
.anchor-page {
    background: #F8F6F0;
    color: #243328;
    overflow: clip;
}

.anchor-hero {
    padding: 92px 0 64px;
    background:
        radial-gradient(circle at 88% 10%, rgba(127, 157, 53, 0.16), transparent 28%),
        linear-gradient(135deg, #FFFFFF 0%, #F8F6F0 54%, #D9E6A6 100%);
}

.anchor-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
    gap: 54px;
    align-items: center;
}

.anchor-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: #7E9D35;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.anchor-hero h1,
.anchor-section h2,
.anchor-final-card h2 {
    color: #0F3B2E;
    letter-spacing: 0;
}

.anchor-hero h1 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(42px, 6vw, 76px);
    line-height: 1.02;
}

.anchor-hero p {
    max-width: 700px;
    margin: 22px 0 0;
    color: #5E6A61;
    font-size: 19px;
    line-height: 1.75;
}

.anchor-hero-media {
    position: relative;
    min-height: 420px;
    border: 1px solid rgba(157, 180, 74, 0.2);
    border-radius: 28px;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(15, 59, 46, 0.12), rgba(127, 157, 53, 0.08)),
        #FFFFFF;
    box-shadow: 0 28px 70px rgba(36, 51, 40, 0.14);
}

.anchor-hero-media::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--anchor-image, linear-gradient(135deg, #D9E6A6, #FFFFFF));
    background-size: cover;
    background-position: center;
    transform: scale(1.04);
    opacity: 0.78;
}

.anchor-hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(15, 59, 46, 0.22), rgba(255, 255, 255, 0.08)),
        radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.62), transparent 26%);
}

.anchor-metrics {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-content: end;
    min-height: 420px;
    padding: 26px;
}

.anchor-metric {
    min-height: 112px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(14px);
}

.anchor-metric strong {
    display: block;
    color: #0F3B2E;
    font-size: 30px;
    line-height: 1;
}

.anchor-metric span {
    display: block;
    margin-top: 8px;
    color: #5E6A61;
    font-size: 14px;
    line-height: 1.45;
}

.anchor-layout {
    display: grid;
    grid-template-columns: minmax(240px, 285px) minmax(0, 1fr);
    gap: 38px;
    padding: 54px 0 76px;
    align-items: start;
}

.anchor-sidebar {
    position: sticky;
    top: 116px;
    z-index: 3;
}

.anchor-nav {
    padding: 16px;
    border: 1px solid #DDE7C8;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 18px 44px rgba(36, 51, 40, 0.08);
    backdrop-filter: blur(14px);
}

.anchor-nav a {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 2px 0;
    padding: 11px 12px;
    border-radius: 14px;
    color: #1F3A26;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.35;
    text-decoration: none;
    transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease;
}

.anchor-nav a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #DDE7C8;
    transition: background 0.22s ease, box-shadow 0.22s ease;
    flex: 0 0 auto;
}

.anchor-nav a:hover,
.anchor-nav a.is-active {
    color: #0F3B2E;
    background: #D9E6A6;
    transform: translateX(2px);
}

.anchor-nav a:hover::before,
.anchor-nav a.is-active::before {
    background: #7E9D35;
    box-shadow: 0 0 0 5px rgba(157, 180, 74, 0.14);
}

.anchor-content {
    display: grid;
    gap: 30px;
}

.anchor-section {
    scroll-margin-top: 132px;
    padding: 40px;
    border: 1px solid rgba(221, 231, 200, 0.86);
    border-radius: 28px;
    background: #FFFFFF;
    box-shadow: 0 18px 48px rgba(36, 51, 40, 0.07);
}

.anchor-section h2 {
    margin: 0;
    font-size: clamp(28px, 3.3vw, 44px);
    line-height: 1.08;
}

.anchor-section p {
    color: #5E6A61;
    font-size: 16px;
    line-height: 1.76;
}

.anchor-section-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
    gap: 32px;
    align-items: center;
}

.anchor-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 26px;
}

.anchor-card {
    min-height: 150px;
    padding: 22px;
    border: 1px solid #D9E6A6;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 12px 30px rgba(36, 51, 40, 0.06);
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

.anchor-card:hover {
    transform: translateY(-4px);
    border-color: #7E9D35;
    box-shadow: 0 18px 42px rgba(36, 51, 40, 0.1);
}

.anchor-card strong {
    display: block;
    color: #0F3B2E;
    font-size: 18px;
    line-height: 1.25;
}

.anchor-card span {
    display: block;
    margin-top: 9px;
    color: #5E6A61;
    font-size: 14px;
    line-height: 1.55;
}

.anchor-image-card {
    min-height: 310px;
    border: 1px solid #DDE7C8;
    border-radius: 24px;
    background:
        radial-gradient(circle at 78% 18%, rgba(157, 180, 74, 0.2), transparent 28%),
        linear-gradient(135deg, #D9E6A6 0%, #FFFFFF 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.52);
}

.anchor-check-list {
    display: grid;
    gap: 12px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.anchor-check-list li {
    position: relative;
    padding-left: 30px;
    color: #243328;
    font-weight: 700;
    line-height: 1.55;
}

.anchor-check-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #7E9D35;
    font-weight: 900;
}

.anchor-final-cta {
    padding: 0 0 82px;
}

.anchor-final-card {
    padding: 42px;
    border-radius: 28px;
    background:
        radial-gradient(circle at 90% 8%, rgba(255, 255, 255, 0.2), transparent 24%),
        linear-gradient(135deg, #7E9D35 0%, #6E8A2E 100%);
    color: #FFFFFF;
    box-shadow: 0 22px 60px rgba(15, 59, 46, 0.18);
}

.anchor-final-card h2,
.anchor-final-card p {
    color: #FFFFFF;
}

.anchor-actions {
    margin-top: 28px;
}

.anchor-final-card .page-button {
    background: #FFFFFF;
    color: #1F3A26;
}

.anchor-final-card .page-button-secondary {
    border-color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.12);
    color: #FFFFFF;
}

.anchor-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 26px;
}

.anchor-form label {
    display: grid;
    gap: 8px;
    color: #0F3B2E;
    font-size: 13px;
    font-weight: 800;
}

.anchor-form input,
.anchor-form select,
.anchor-form textarea {
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid #DDE7C8;
    border-radius: 13px;
    background: #FFFFFF;
    color: #243328;
    font: inherit;
}

.anchor-form textarea {
    min-height: 118px;
    resize: vertical;
}

.anchor-form-wide,
.anchor-checkbox {
    grid-column: 1 / -1;
}

.anchor-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #5E6A61;
    font-size: 14px;
    line-height: 1.5;
}

.anchor-checkbox input {
    width: auto;
    min-height: 0;
    margin-top: 4px;
}

.anchor-directory-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}

.anchor-directory-grid a {
    color: #1F3A26;
    font-weight: 800;
    text-decoration: none;
}

.anchor-directory-grid a:hover {
    color: #7E9D35;
}

.anchor-map-card {
    min-height: 330px;
    display: grid;
    place-items: center;
    margin-top: 26px;
    border: 1px solid #DDE7C8;
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(127, 157, 53, 0.16), rgba(255, 255, 255, 0.86)),
        repeating-linear-gradient(45deg, rgba(221, 231, 200, 0.45) 0 2px, transparent 2px 18px);
    color: #0F3B2E;
    font-weight: 800;
    text-align: center;
}

/* Enterprise solution and industry structure pages */
.solution-hub-page .breadcrumb,
.enterprise-industry-page .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
    color: #5E6A61;
    font-size: 13px;
    font-weight: 700;
}

.solution-hub-page .breadcrumb a,
.enterprise-industry-page .breadcrumb a {
    color: #1F3A26;
    text-decoration: none;
}

.solution-hero-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}

.solution-hero-icons span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid rgba(127, 157, 53, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.7);
    color: #1F3A26;
    font-size: 13px;
    font-weight: 800;
}

.solution-hero-icons .line-svg {
    width: 18px;
    height: 18px;
    color: #7E9D35;
}

.solution-family-section {
    overflow: hidden;
}

.solution-mini-anchor {
    position: relative;
    top: -128px;
    visibility: hidden;
}

.solution-section-header {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.95fr);
    gap: 28px;
    align-items: center;
}

.solution-section-header figure {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #DDE7C8;
    border-radius: 22px;
    background: #D9E6A6;
}

.solution-section-header img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    transition: transform 600ms ease;
}

.solution-section-header figure:hover img {
    transform: scale(1.045);
}

.solution-sub-block {
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid #D9E6A6;
}

.solution-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.solution-product-card {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    min-height: 118px;
    padding: 16px;
    border: 1px solid #D9E6A6;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 12px 28px rgba(36, 51, 40, 0.06);
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

.solution-product-card:hover {
    transform: translateY(-4px);
    border-color: #7E9D35;
    box-shadow: 0 18px 42px rgba(36, 51, 40, 0.1);
}

.solution-product-card img {
    width: 78px;
    height: 78px;
    object-fit: contain;
}

.solution-product-card strong,
.solution-download-row strong,
.solution-inline-cta strong {
    display: block;
    color: #0F3B2E;
    font-size: 16px;
    line-height: 1.25;
}

.solution-product-card span,
.solution-download-row span {
    display: block;
    margin-top: 6px;
    color: #5E6A61;
    font-size: 13px;
    line-height: 1.45;
}

.solution-pill-row,
.solution-download-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.solution-pill-row span,
.solution-download-row a {
    display: flex;
    min-height: 64px;
    flex-direction: column;
    justify-content: center;
    padding: 14px 16px;
    border: 1px solid #DDE7C8;
    border-radius: 16px;
    background: #F8F6F0;
    color: #1F3A26;
    text-decoration: none;
}

.solution-pill-row span {
    font-weight: 800;
}

.solution-download-row a:hover {
    border-color: #7E9D35;
    background: #D9E6A6;
}

.solution-inline-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 32px;
    padding: 20px;
    border-radius: 20px;
    background: linear-gradient(135deg, #D9E6A6, #FFFFFF);
}

.solution-index-grid,
.industries-index-page .industries-index-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.solution-index-card {
    min-height: 430px;
}

.enterprise-industry-page .anchor-card {
    text-decoration: none;
}

.enterprise-industry-page .anchor-card .line-svg {
    width: 28px;
    height: 28px;
    color: #7E9D35;
}

@media (max-width: 1080px) {
    .anchor-hero-grid,
    .anchor-layout,
    .anchor-section-grid {
        grid-template-columns: 1fr;
    }
    .industry-stat-row,
    .challenge-card-grid,
    .feature-product-grid,
    .application-card-grid,
    .download-card-grid,
    .success-story-grid,
    .process-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .solution-index-grid,
    .industries-index-page .industries-index-grid,
    .solution-product-grid,
    .solution-pill-row,
    .solution-download-row,
    .solution-section-header {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .solution-section-header {
        grid-template-columns: 1fr;
    }
    .anchor-sidebar {
        position: sticky;
        top: 92px;
    }
    .anchor-nav {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding: 10px;
        border-radius: 18px;
    }
    .anchor-nav a {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}

@media (max-width: 700px) {
    .anchor-hero {
        padding: 68px 0 42px;
    }
    .anchor-hero h1 {
        font-size: 38px;
    }
    .anchor-hero p {
        font-size: 16px;
    }
    .anchor-hero-media,
    .anchor-metrics {
        min-height: 340px;
    }
    .anchor-metrics,
    .anchor-card-grid,
    .anchor-directory-grid,
    .anchor-form {
        grid-template-columns: 1fr;
    }
    .solution-index-grid,
    .industries-index-page .industries-index-grid,
    .solution-product-grid,
    .solution-pill-row,
    .solution-download-row {
        grid-template-columns: 1fr;
    }
    .solution-product-card {
        grid-template-columns: 68px minmax(0, 1fr);
    }
    .solution-product-card img {
        width: 68px;
        height: 68px;
    }
    .solution-inline-cta {
        align-items: stretch;
        flex-direction: column;
    }
    .anchor-layout {
        gap: 24px;
        padding: 34px 0 52px;
    }
    .anchor-section {
        padding: 26px;
        border-radius: 22px;
    }
    .anchor-final-card {
        padding: 30px 24px;
    }
}

/* Unified premium MNC category catalogue pages */
.mnc-category-page {
    background: #F8F6F0;
    color: #243328;
}

.mnc-category-page .line-svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mnc-category-hero {
    position: relative;
    padding: 86px 0 34px;
    background:
        radial-gradient(circle at 82% 12%, rgba(127, 157, 53, 0.18), transparent 30%),
        linear-gradient(135deg, #FFFFFF 0%, #F8F6F0 52%, #D9E6A6 100%);
    overflow: hidden;
}

.mnc-category-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.08;
    background-image:
        radial-gradient(circle at 10% 20%, #7E9D35 0 2px, transparent 3px),
        radial-gradient(circle at 80% 60%, #6E8A2E 0 2px, transparent 3px);
    background-size: 44px 44px, 58px 58px;
}

.mnc-category-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.88fr);
    gap: 58px;
    align-items: center;
}

.mnc-category-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 22px;
    color: #5E6A61;
    font-size: 13px;
    font-weight: 700;
}

.mnc-category-breadcrumb a {
    color: #1F3A26;
    text-decoration: none;
}

.mnc-category-breadcrumb a:hover {
    color: #7E9D35;
}

.mnc-category-copy h1 {
    max-width: 780px;
    margin: 0;
    color: #0F3B2E;
    font-size: 64px;
    line-height: 1.02;
    letter-spacing: 0;
}

.mnc-category-copy p {
    max-width: 720px;
    color: #5E6A61;
    font-size: 17px;
    line-height: 1.75;
}

.mnc-category-copy .mnc-category-tagline {
    margin: 20px 0 4px;
    color: #1F3A26;
    font-size: 21px;
    font-weight: 800;
}

.mnc-category-actions {
    margin-top: 28px;
}

.mnc-hero-industries {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 720px;
    margin-top: 30px;
}

.mnc-hero-industries span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 13px;
    border: 1px solid #DDE7C8;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: #1F3A26;
    font-size: 13px;
    font-weight: 800;
}

.mnc-hero-industries .line-svg {
    width: 18px;
    height: 18px;
    color: #7E9D35;
}

.mnc-category-visual {
    position: relative;
    min-height: 520px;
}

.mnc-category-visual-image {
    position: absolute;
    inset: 30px 0 42px 42px;
    margin: 0;
    border: 1px solid rgba(127, 157, 53, 0.18);
    border-radius: 30px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 34px 80px rgba(36, 51, 40, 0.15);
}

.mnc-category-visual-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(15, 59, 46, 0.18), rgba(255, 255, 255, 0.06));
}

.mnc-category-visual-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.04);
}

.mnc-floating-products {
    position: absolute;
    left: 0;
    bottom: 8px;
    display: flex;
    gap: 14px;
    z-index: 2;
}

.mnc-floating-products a {
    display: grid;
    place-items: center;
    width: 116px;
    min-height: 150px;
    padding: 12px;
    border: 1px solid rgba(127, 157, 53, 0.22);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 20px 46px rgba(36, 51, 40, 0.16);
    text-decoration: none;
    transition: transform 0.24s ease, border-color 0.24s ease;
}

.mnc-floating-products a:hover {
    transform: translateY(-6px);
    border-color: #7E9D35;
}

.mnc-floating-products img {
    width: 78px;
    height: 98px;
    object-fit: contain;
}

.mnc-floating-products span {
    color: #0F3B2E;
    font-size: 13px;
    font-weight: 900;
}

.mnc-floating-badges {
    position: absolute;
    top: 0;
    right: 18px;
    z-index: 2;
    display: grid;
    gap: 10px;
}

.mnc-floating-badges span {
    padding: 11px 14px;
    border: 1px solid rgba(255, 255, 255, 0.64);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    color: #1F3A26;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 12px 26px rgba(36, 51, 40, 0.12);
}

.mnc-category-stats {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1px;
    margin-top: 52px;
    overflow: hidden;
    border: 1px solid #DDE7C8;
    border-radius: 20px;
    background: #DDE7C8;
    box-shadow: 0 18px 42px rgba(36, 51, 40, 0.08);
}

.mnc-category-stats span {
    display: grid;
    gap: 6px;
    min-height: 92px;
    padding: 19px;
    background: rgba(255, 255, 255, 0.88);
    color: #5E6A61;
    font-size: 13px;
    font-weight: 800;
}

.mnc-category-stats strong {
    color: #0F3B2E;
    font-size: 26px;
    line-height: 1;
}

.mnc-category-quick-nav {
    position: sticky;
    top: 86px;
    z-index: 30;
    border-top: 1px solid #DDE7C8;
    border-bottom: 1px solid #DDE7C8;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(16px);
}

.mnc-category-quick-nav .container {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-top: 12px;
    padding-bottom: 12px;
}

.mnc-category-quick-nav a {
    flex: 0 0 auto;
    padding: 10px 15px;
    border: 1px solid #DDE7C8;
    border-radius: 999px;
    color: #1F3A26;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}

.mnc-category-quick-nav a:hover,
.mnc-category-quick-nav a.is-active {
    border-color: #7E9D35;
    background: #7E9D35;
    color: #FFFFFF;
}

.mnc-category-section {
    scroll-margin-top: 132px;
    padding: 72px 0;
    background: #F8F6F0;
}

.mnc-category-section:nth-of-type(even) {
    background: #FFFFFF;
}

.mnc-section-head {
    display: grid;
    gap: 12px;
    max-width: 840px;
    margin-bottom: 34px;
}

.mnc-section-head h2,
.mnc-rotator-copy h2,
.mnc-consultation-card h2 {
    margin: 0;
    color: #0F3B2E;
    font-size: 42px;
    line-height: 1.08;
    letter-spacing: 0;
}

.mnc-section-head p,
.mnc-rotator-copy p,
.mnc-consultation-card p {
    margin: 0;
    color: #5E6A61;
    font-size: 16px;
    line-height: 1.7;
}

.mnc-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.mnc-product-card {
    min-width: 0;
}

.mnc-product-card a {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 420px;
    overflow: hidden;
    border: 1px solid #D9E6A6;
    border-radius: 16px;
    background: #FFFFFF;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(36, 51, 40, 0.07);
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

.mnc-product-card a:hover {
    transform: translateY(-6px);
    border-color: #7E9D35;
    box-shadow: 0 24px 54px rgba(36, 51, 40, 0.13);
}

.mnc-product-card figure {
    display: grid;
    place-items: center;
    min-height: 230px;
    margin: 0;
    padding: 24px;
    background: linear-gradient(135deg, #FFFFFF, #D9E6A6);
}

.mnc-product-card img {
    width: 100%;
    max-width: 160px;
    height: 188px;
    object-fit: contain;
    filter: drop-shadow(0 18px 20px rgba(36, 51, 40, 0.16));
    transition: transform 0.24s ease;
}

.mnc-product-card a:hover img {
    transform: scale(1.04);
}

.mnc-product-body {
    display: grid;
    gap: 10px;
    padding: 22px;
}

.mnc-product-code {
    width: max-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: #D9E6A6;
    color: #6E8A2E;
    font-size: 12px;
    font-weight: 900;
}

.mnc-product-body h3 {
    margin: 0;
    color: #0F3B2E;
    font-size: 20px;
    line-height: 1.2;
}

.mnc-product-body p {
    margin: 0;
    color: #5E6A61;
    font-size: 14px;
    line-height: 1.55;
}

.mnc-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 2px;
}

.mnc-chip-row span {
    padding: 6px 9px;
    border-radius: 999px;
    background: #F8F6F0;
    color: #1F3A26;
    font-size: 11px;
    font-weight: 800;
}

.mnc-product-body b {
    margin-top: 7px;
    color: #7E9D35;
    font-size: 14px;
}

.mnc-centered-action {
    display: flex;
    justify-content: center;
    margin-top: 34px;
}

.mnc-application-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.mnc-application-card,
.mnc-download-card {
    min-height: 210px;
    padding: 24px;
    border: 1px solid #D9E6A6;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 14px 32px rgba(36, 51, 40, 0.06);
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

.mnc-application-card:hover,
.mnc-download-card:hover {
    transform: translateY(-5px);
    border-color: #7E9D35;
    box-shadow: 0 22px 46px rgba(36, 51, 40, 0.1);
}

.mnc-application-card .line-svg {
    color: #7E9D35;
}

.mnc-application-card h3,
.mnc-download-card h3 {
    margin: 18px 0 9px;
    color: #0F3B2E;
    font-size: 19px;
}

.mnc-application-card p,
.mnc-download-card p {
    margin: 0;
    color: #5E6A61;
    font-size: 14px;
    line-height: 1.6;
}

.mnc-split-rotator {
    display: grid;
    grid-template-columns: minmax(230px, 25%) minmax(0, 75%);
    gap: 34px;
    align-items: start;
}

.mnc-rotator-copy {
    position: sticky;
    top: 150px;
}

.mnc-rotator-copy .page-button {
    margin-top: 24px;
}

.mnc-rotator-controls {
    display: flex;
    gap: 10px;
    margin-top: 22px;
}

.mnc-rotator-controls button {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid #7E9D35;
    border-radius: 999px;
    background: #FFFFFF;
    color: #7E9D35;
    font-size: 18px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.mnc-rotator-controls button:hover {
    background: #7E9D35;
    color: #FFFFFF;
    transform: translateY(-2px);
}

.mnc-rotator-window {
    overflow: hidden;
    padding: 4px;
}

.mnc-rotator-track {
    display: flex;
    gap: 18px;
    will-change: transform;
    transition: transform 0.48s ease;
}

.mnc-rotator-card {
    flex: 0 0 calc((100% - 54px) / 4);
    min-width: 0;
}

.mnc-industry-card,
.mnc-why-card,
.mnc-cert-card {
    min-height: 300px;
    overflow: hidden;
    border: 1px solid #D9E6A6;
    border-radius: 16px;
    background: #FFFFFF;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(36, 51, 40, 0.07);
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease;
}

.mnc-industry-card:hover,
.mnc-why-card:hover,
.mnc-cert-card:hover {
    transform: translateY(-5px);
    border-color: #7E9D35;
    box-shadow: 0 22px 46px rgba(36, 51, 40, 0.11);
}

.mnc-industry-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
}

.mnc-industry-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mnc-industry-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 59, 46, 0.05), rgba(15, 59, 46, 0.78));
}

.mnc-industry-card > *:not(img) {
    position: relative;
    z-index: 1;
}

.mnc-industry-card span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: #7E9D35;
}

.mnc-industry-card strong {
    color: #FFFFFF;
    font-size: 20px;
}

.mnc-industry-card p {
    color: rgba(255, 255, 255, 0.84);
    font-size: 14px;
    line-height: 1.5;
}

.mnc-why-card {
    display: grid;
    align-content: start;
    gap: 12px;
    min-height: 260px;
    padding: 24px;
}

.mnc-why-card .line-svg {
    color: #7E9D35;
}

.mnc-why-card strong,
.mnc-cert-card strong {
    color: #0F3B2E;
    font-size: 19px;
    line-height: 1.2;
}

.mnc-why-card p {
    margin: 0;
    color: #5E6A61;
    font-size: 14px;
    line-height: 1.6;
}

.mnc-workflow {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.mnc-workflow article {
    position: relative;
    min-height: 150px;
    padding: 22px;
    border: 1px solid #DDE7C8;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 12px 30px rgba(36, 51, 40, 0.06);
}

.mnc-workflow article:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -13px;
    width: 12px;
    height: 2px;
    background: #7E9D35;
}

.mnc-workflow span {
    display: block;
    margin-bottom: 20px;
    color: #7E9D35;
    font-size: 13px;
    font-weight: 900;
}

.mnc-workflow strong {
    color: #0F3B2E;
    font-size: 18px;
    line-height: 1.25;
}

.mnc-download-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.mnc-download-card span {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 34px;
    border-radius: 10px;
    background: #7E9D35;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 900;
}

.mnc-download-card .page-button {
    margin-top: 18px;
    width: 100%;
}

.mnc-cert-card {
    display: grid;
    place-items: center;
    gap: 12px;
    min-height: 160px;
    padding: 18px;
    text-align: center;
}

.mnc-cert-mark {
    display: grid;
    place-items: center;
    width: 112px;
    height: 58px;
    border: 1px solid #DDE7C8;
    border-radius: 14px;
    background: #F8F6F0;
    color: #1F3A26;
    font-size: 15px;
    font-weight: 900;
}

.mnc-category-consultation {
    scroll-margin-top: 132px;
    padding: 70px 0;
    background: #FFFFFF;
}

.mnc-consultation-card {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.65fr);
    gap: 34px;
    align-items: center;
    min-height: 230px;
    padding: 34px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.18), transparent 24%),
        linear-gradient(135deg, #7E9D35 0%, #6E8A2E 100%);
    color: #FFFFFF;
    box-shadow: 0 24px 58px rgba(36, 51, 40, 0.18);
}

.mnc-consultation-card h2,
.mnc-consultation-card p {
    color: #FFFFFF;
}

.mnc-consultation-card figure {
    margin: 0;
    overflow: hidden;
    border-radius: 18px;
}

.mnc-consultation-card img {
    width: 100%;
    height: 210px;
    object-fit: cover;
}

.mnc-consultation-card .page-actions {
    margin-top: 24px;
}

.mnc-consultation-card .page-button-light {
    background: #FFFFFF;
    color: #1F3A26;
}

.mnc-consultation-card .page-button-secondary {
    border-color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.14);
    color: #FFFFFF;
}

.mnc-client-strip {
    padding: 48px 0 70px;
    background: #F8F6F0;
}

.mnc-logo-strip {
    overflow: hidden;
    margin-top: 18px;
    border: 1px solid #DDE7C8;
    border-radius: 18px;
    background: #FFFFFF;
}

.mnc-logo-track {
    display: flex;
    width: max-content;
    animation: mncLogoMove 28s linear infinite;
}

.mnc-logo-track span {
    display: grid;
    place-items: center;
    min-width: 190px;
    min-height: 74px;
    padding: 18px 28px;
    border-right: 1px solid #D9E6A6;
    color: #1F3A26;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
}

.mnc-logo-strip:hover .mnc-logo-track {
    animation-play-state: paused;
}

@keyframes mncLogoMove {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (max-width: 1100px) {
    .mnc-category-hero-grid,
    .mnc-split-rotator,
    .mnc-consultation-card {
        grid-template-columns: 1fr;
    }
    .mnc-category-copy h1 {
        font-size: 52px;
    }
    .mnc-category-visual {
        min-height: 440px;
    }
    .mnc-category-visual-image {
        inset: 28px 0 48px 0;
    }
    .mnc-product-grid,
    .mnc-application-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .mnc-download-grid,
    .mnc-workflow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .mnc-workflow article::after {
        display: none;
    }
    .mnc-rotator-copy {
        position: static;
    }
    .mnc-rotator-card {
        flex-basis: calc((100% - 18px) / 2);
    }
}

@media (max-width: 700px) {
    .mnc-category-hero {
        padding: 58px 0 24px;
    }
    .mnc-category-copy h1 {
        font-size: 38px;
    }
    .mnc-category-copy .mnc-category-tagline {
        font-size: 18px;
    }
    .mnc-category-visual {
        min-height: 380px;
    }
    .mnc-floating-products {
        gap: 8px;
    }
    .mnc-floating-products a {
        width: 94px;
        min-height: 124px;
    }
    .mnc-floating-products img {
        width: 62px;
        height: 76px;
    }
    .mnc-floating-badges {
        right: 8px;
    }
    .mnc-category-stats,
    .mnc-product-grid,
    .mnc-application-grid,
    .mnc-download-grid,
    .mnc-workflow {
        grid-template-columns: 1fr;
    }
    .mnc-category-section {
        padding: 48px 0;
    }
    .mnc-section-head h2,
    .mnc-rotator-copy h2,
    .mnc-consultation-card h2 {
        font-size: 32px;
    }
    .mnc-rotator-card {
        flex-basis: 100%;
    }
    .mnc-consultation-card {
        padding: 26px;
    }
    .mnc-consultation-card .page-button {
        width: 100%;
    }
}

/* Sustainability page compact enterprise refinement */
.sustainability-anchor-page {
    --sustain-top-offset: 88px;
    background:
        radial-gradient(circle at 92% 9%, rgba(157, 180, 74, 0.09), transparent 25%),
        radial-gradient(circle at 8% 38%, rgba(238, 245, 223, 0.78), transparent 30%),
        #FAFBF8;
}

.sustainability-anchor-page .container {
    width: min(100% - 64px, 1360px);
}

.sustainability-anchor-page .anchor-hero {
    padding: 66px 0 30px;
    background:
        radial-gradient(circle at 86% 18%, rgba(157, 180, 74, 0.14), transparent 29%),
        radial-gradient(circle at 18% 82%, rgba(238, 245, 223, 0.9), transparent 30%),
        linear-gradient(135deg, #FFFFFF 0%, #FAFBF8 58%, #F7F9F3 100%);
}

.sustainability-anchor-page .anchor-hero-grid {
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.92fr);
    gap: 42px;
}

.sustainability-anchor-page .anchor-hero-copy {
    padding-left: clamp(0px, 2vw, 28px);
}

.sustainability-anchor-page .anchor-hero h1 {
    font-size: clamp(46px, 4.7vw, 64px);
    line-height: 1;
}

.sustainability-anchor-page .anchor-hero p {
    max-width: 620px;
    margin-top: 16px;
    font-size: 18px;
    line-height: 1.75;
}

.sustainability-anchor-page .anchor-actions {
    margin-top: 22px;
}

.sustainability-anchor-page .anchor-hero-media {
    margin: 0;
    min-height: 360px;
    border-radius: 24px;
    box-shadow: 0 22px 54px rgba(36, 51, 40, 0.12);
}

.sustainability-anchor-page .anchor-hero-media::before {
    display: none;
}

.sustainability-anchor-page .anchor-hero-media::after {
    z-index: 2;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.62) 0%, rgba(255, 255, 255, 0.16) 38%, transparent 72%);
}

.sustainability-anchor-page .anchor-hero-media img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
}

.sustainability-anchor-page .anchor-hero-copy .anchor-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    min-height: 0;
    max-width: 760px;
    margin-top: 22px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(221, 230, 198, 0.88);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 14px 34px rgba(36, 51, 40, 0.07);
    backdrop-filter: blur(16px);
}

.sustainability-anchor-page .anchor-hero-copy .anchor-metrics div,
.sustainability-anchor-page .anchor-section > .anchor-metrics div {
    min-height: 98px;
    padding: 18px 16px;
    border-right: 1px solid rgba(221, 230, 198, 0.78);
}

.sustainability-anchor-page .anchor-hero-copy .anchor-metrics div:last-child,
.sustainability-anchor-page .anchor-section > .anchor-metrics div:last-child {
    border-right: 0;
}

.sustainability-anchor-page .anchor-metrics strong {
    display: block;
    color: #0F3B2E;
    font-size: clamp(24px, 2.2vw, 32px);
    line-height: 1;
}

.sustainability-anchor-page .anchor-metrics span {
    display: block;
    margin-top: 8px;
    color: #5E6A61;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
}

.sustainability-sticky-nav {
    position: sticky;
    top: var(--sustain-top-offset);
    z-index: 90;
    padding: 10px 0;
    border-bottom: 1px solid rgba(221, 230, 198, 0.7);
    background: rgba(250, 251, 248, 0.82);
    backdrop-filter: blur(18px);
}

.sustainability-nav-scroll {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 48px;
    padding: 0 24px;
    overflow-x: auto;
    border: 1px solid #DDE6C6;
    border-radius: 999px;
    background: #FFFFFF;
    box-shadow: 0 12px 30px rgba(36, 51, 40, 0.06);
    scrollbar-width: none;
}

.sustainability-nav-scroll::-webkit-scrollbar {
    display: none;
}

.sustainability-nav-scroll a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    color: #1F3A26;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: background 250ms ease, color 250ms ease, transform 250ms ease;
}

.sustainability-nav-scroll a:hover {
    background: #D9E6A6;
}

.sustainability-nav-scroll a.is-active {
    background: #7E9D35;
    color: #FFFFFF;
    box-shadow: 0 8px 20px rgba(127, 157, 53, 0.22);
}

.sustainability-nav-scroll a:focus-visible {
    outline: 3px solid rgba(157, 180, 74, 0.26);
    outline-offset: 2px;
}

.sustainability-anchor-page .anchor-layout {
    display: block;
    padding: 30px 0 54px;
}

.sustainability-anchor-page .anchor-content {
    display: grid;
    gap: 20px;
}

.sustainability-anchor-page .anchor-section {
    scroll-margin-top: 158px;
    padding: 20px;
    border-color: rgba(221, 230, 198, 0.92);
    border-radius: 22px;
    background:
        radial-gradient(circle at 96% 4%, rgba(157, 180, 74, 0.07), transparent 24%),
        #FFFFFF;
    box-shadow: 0 12px 34px rgba(36, 51, 40, 0.055);
    animation: sustainFadeUp 520ms ease both;
}

.sustainability-anchor-page .anchor-section:nth-child(even) {
    background:
        radial-gradient(circle at 6% 8%, rgba(127, 157, 53, 0.08), transparent 26%),
        #F7F9F3;
}

.sustainability-anchor-page .anchor-section:nth-child(2) { animation-delay: 80ms; }
.sustainability-anchor-page .anchor-section:nth-child(3) { animation-delay: 120ms; }
.sustainability-anchor-page .anchor-section:nth-child(4) { animation-delay: 160ms; }
.sustainability-anchor-page .anchor-section:nth-child(5) { animation-delay: 200ms; }
.sustainability-anchor-page .anchor-section:nth-child(6) { animation-delay: 240ms; }
.sustainability-anchor-page .anchor-section:nth-child(7) { animation-delay: 280ms; }

@keyframes sustainFadeUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.sustainability-anchor-page .anchor-section-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.7fr);
    gap: 20px;
    align-items: center;
}

.sustainability-anchor-page .anchor-section h2 {
    font-size: clamp(30px, 2.8vw, 42px);
    line-height: 1.04;
    margin-bottom: 16px;
}

.sustainability-anchor-page .anchor-section p {
    max-width: 620px;
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.62;
}

.sustainability-anchor-page .inner-kicker {
    margin-bottom: 12px;
}

.sustainability-anchor-page .anchor-image-card {
    margin: 0;
    height: 180px;
    min-height: 0;
    overflow: hidden;
    border-radius: 18px;
    background: #D9E6A6;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.company-anchor-page .anchor-layout,
.resources-anchor-page .anchor-layout {
    display: block;
    padding: 30px 0 54px;
}

.company-anchor-page .anchor-sidebar,
.resources-anchor-page .anchor-sidebar {
    position: sticky;
    top: var(--sustain-top-offset);
    z-index: 90;
    margin-bottom: 20px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(221, 230, 198, 0.7);
    background: rgba(250, 251, 248, 0.84);
    backdrop-filter: blur(18px);
}

.company-anchor-page .anchor-nav,
.resources-anchor-page .anchor-nav {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 48px;
    padding: 0 24px;
    overflow-x: auto;
    border: 1px solid #DDE6C6;
    border-radius: 999px;
    background: #FFFFFF;
    box-shadow: 0 12px 30px rgba(36, 51, 40, 0.06);
    scrollbar-width: none;
}

.company-anchor-page .anchor-nav::-webkit-scrollbar,
.resources-anchor-page .anchor-nav::-webkit-scrollbar {
    display: none;
}

.company-anchor-page .anchor-nav a,
.resources-anchor-page .anchor-nav a {
    display: inline-flex;
    width: auto;
    min-height: 34px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 14px;
    border-radius: 999px;
    color: #1F3A26;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: background 250ms ease, color 250ms ease, transform 250ms ease, box-shadow 250ms ease;
}

.company-anchor-page .anchor-nav a::before,
.resources-anchor-page .anchor-nav a::before {
    display: none;
}

.company-anchor-page .anchor-nav a:hover,
.resources-anchor-page .anchor-nav a:hover {
    background: #D9E6A6;
    transform: none;
}

.company-anchor-page .anchor-nav a.is-active,
.resources-anchor-page .anchor-nav a.is-active {
    background: #7E9D35;
    color: #FFFFFF;
    box-shadow: 0 8px 20px rgba(127, 157, 53, 0.22);
    transform: none;
}

.company-anchor-page .anchor-content,
.resources-anchor-page .anchor-content {
    display: grid;
    gap: 20px;
}

.company-anchor-page .anchor-section,
.resources-anchor-page .anchor-section {
    scroll-margin-top: 158px;
    padding: 20px;
    border-color: rgba(221, 230, 198, 0.92);
    border-radius: 22px;
    background:
        radial-gradient(circle at 96% 4%, rgba(157, 180, 74, 0.07), transparent 24%),
        #FFFFFF;
    box-shadow: 0 12px 34px rgba(36, 51, 40, 0.055);
    animation: sustainFadeUp 520ms ease both;
}

.company-anchor-page .anchor-section:nth-child(even),
.resources-anchor-page .anchor-section:nth-child(even) {
    background:
        radial-gradient(circle at 6% 8%, rgba(127, 157, 53, 0.08), transparent 26%),
        #F7F9F3;
}

.company-anchor-page .anchor-section-grid,
.resources-anchor-page .anchor-section-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.7fr);
    gap: 20px;
    align-items: center;
}

.company-anchor-page .anchor-section h2,
.resources-anchor-page .anchor-section h2 {
    margin-bottom: 16px;
    font-size: clamp(30px, 2.8vw, 42px);
    line-height: 1.04;
}

.company-anchor-page .anchor-section p,
.resources-anchor-page .anchor-section p {
    max-width: 620px;
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.62;
}

.company-anchor-page .inner-kicker,
.resources-anchor-page .inner-kicker {
    margin-bottom: 12px;
}

.company-anchor-page .anchor-image-card,
.resources-anchor-page .anchor-image-card {
    margin: 0;
    height: 180px;
    min-height: 0;
    overflow: hidden;
    border-radius: 18px;
    background: #D9E6A6;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.downloads-anchor-page .container {
    max-width: 1360px;
}

.downloads-anchor-page .anchor-hero {
    padding: 54px 0 38px;
}

.downloads-anchor-page .anchor-hero h1 {
    margin-bottom: 0;
    font-size: clamp(40px, 5vw, 64px);
}

.downloads-anchor-page .anchor-hero p {
    margin-top: 16px;
}

.downloads-anchor-page .anchor-hero-media {
    min-height: 330px;
}

.downloads-anchor-page .anchor-hero-copy .anchor-metrics {
    margin-top: 22px;
}

.download-featured-section {
    padding: 34px 0 18px;
    background: #FAFBF8;
}

.download-section-head {
    max-width: 780px;
    margin-bottom: 18px;
}

.download-section-head h2 {
    margin: 0 0 12px;
    color: #0F3B2E;
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.05;
}

.download-section-head p {
    margin: 0;
    color: #5E6A61;
    font-size: 18px;
    line-height: 1.55;
}

.featured-download-grid,
.download-grid {
    display: grid;
    gap: 20px;
}

.featured-download-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.download-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.featured-download-card,
.enterprise-download-card {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #EAEAEA;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.featured-download-card:hover,
.enterprise-download-card:hover {
    border-color: #7E9D35;
    box-shadow: 0 18px 42px rgba(36, 51, 40, 0.1);
    transform: translateY(-4px);
}

.download-thumb {
    position: relative;
    height: 128px;
    overflow: hidden;
    background: #D9E6A6;
}

.download-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms ease;
}

.featured-download-card:hover .download-thumb img,
.enterprise-download-card:hover .download-thumb img {
    transform: scale(1.035);
}

.download-thumb span {
    position: absolute;
    left: 14px;
    top: 14px;
    display: inline-flex;
    min-width: 48px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #7E9D35;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.download-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 22px;
}

.download-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.download-card-top b,
.download-type {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.download-type {
    background: #D9E6A6;
    color: #1F3A26;
}

.download-card-top b {
    border: 1px solid rgba(157, 180, 74, 0.28);
    background: #FFFFFF;
    color: #6E8A2E;
}

.download-card-body h3 {
    margin: 0 0 10px;
    color: #0F3B2E;
    font-size: 21px;
    line-height: 1.15;
}

.download-card-body p {
    margin: 0;
    color: #5E6A61;
    font-size: 15px;
    line-height: 1.55;
}

.download-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0 18px;
    color: #5E6A61;
    font-size: 13px;
    font-weight: 750;
}

.download-meta span {
    padding: 7px 10px;
    border: 1px solid #DDE7C8;
    border-radius: 999px;
    background: #FAFBF8;
}

.download-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: auto;
}

.download-actions a,
.download-actions button {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid #7E9D35;
    border-radius: 999px;
    font: inherit;
    font-size: 14px;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
    transition: transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease;
}

.download-actions a {
    background: #7E9D35;
    color: #FFFFFF;
}

.download-actions button {
    background: #FFFFFF;
    color: #1F3A26;
}

.download-actions a:hover,
.download-actions button:hover {
    transform: scale(1.02);
}

.download-actions a:hover {
    background: #6E8A2E;
}

.download-actions a.download-related-action {
    border-color: #DDE7C8;
    background: #FAFBF8;
    color: #1F3A26;
}

.download-actions a.download-related-action:hover {
    background: #D9E6A6;
}

.download-actions button:hover {
    background: #D9E6A6;
}

.download-control-panel {
    position: sticky;
    top: calc(var(--sustain-top-offset) + 68px);
    z-index: 80;
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid #DDE7C8;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 16px 42px rgba(36, 51, 40, 0.08);
    backdrop-filter: blur(18px);
}

.download-search {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 16px;
    border: 1px solid #DDE7C8;
    border-radius: 999px;
    background: #FAFBF8;
}

.download-search .line-svg {
    width: 21px;
    height: 21px;
    color: #7E9D35;
}

.download-search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #243328;
    font: inherit;
    font-size: 16px;
}

.download-search input::placeholder {
    color: #7C887E;
}

.download-filter-row {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
}

.download-filter-row::-webkit-scrollbar {
    display: none;
}

.download-filter-row button {
    min-height: 44px;
    flex: 0 0 auto;
    padding: 0 18px;
    border: 1px solid #7E9D35;
    border-radius: 999px;
    background: #FFFFFF;
    color: #1F3A26;
    font: inherit;
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
    white-space: nowrap;
    transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.download-filter-row button:hover {
    background: #D9E6A6;
}

.download-filter-row button.is-active {
    background: #7E9D35;
    color: #FFFFFF;
}

.download-stat-section {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.download-stat-section article {
    min-height: 118px;
    padding: 22px;
    border: 1px solid #DDE7C8;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.045);
}

.download-stat-section strong {
    display: block;
    color: #0F3B2E;
    font-size: 36px;
    line-height: 1;
}

.download-stat-section span {
    display: block;
    margin-top: 10px;
    color: #5E6A61;
    font-size: 15px;
    font-weight: 800;
}

.downloads-anchor-page .download-library-section {
    padding: 24px;
}

.download-empty {
    margin: 22px 0 0;
    padding: 18px;
    border: 1px dashed #7E9D35;
    border-radius: 16px;
    background: #D9E6A6;
    color: #1F3A26;
    font-weight: 850;
    text-align: center;
}

.enterprise-download-card.is-filter-hidden,
.featured-download-card.is-filter-hidden {
    display: none;
}

.download-cert-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.download-cert-grid article {
    display: grid;
    min-height: 132px;
    align-content: center;
    justify-items: center;
    gap: 8px;
    padding: 18px;
    border: 1px solid #DDE7C8;
    border-radius: 16px;
    background: #FFFFFF;
    text-align: center;
    box-shadow: 0 10px 26px rgba(36, 51, 40, 0.045);
}

.download-cert-grid .line-svg {
    width: 36px;
    height: 36px;
    color: #7E9D35;
}

.download-cert-grid strong {
    color: #0F3B2E;
    font-size: 16px;
    line-height: 1.2;
}

.download-cert-grid span {
    color: #5E6A61;
    font-size: 13px;
    line-height: 1.35;
}

.download-support-cta {
    padding-bottom: 58px;
}

.downloads-anchor-page .anchor-final-card {
    border: 1px solid #DDE7C8;
    background:
        radial-gradient(circle at 92% 12%, rgba(127, 157, 53, 0.16), transparent 28%),
        linear-gradient(135deg, #FFFFFF 0%, #FAFBF8 42%, #D9E6A6 100%);
    color: #243328;
    box-shadow: 0 16px 42px rgba(36, 51, 40, 0.08);
}

.downloads-anchor-page .anchor-final-card h2 {
    color: #0F3B2E;
}

.downloads-anchor-page .anchor-final-card p {
    color: #5E6A61;
}

.downloads-anchor-page .anchor-final-card .inner-kicker {
    color: #7E9D35;
}

.downloads-anchor-page .anchor-final-card .page-button {
    background: #7E9D35;
    color: #FFFFFF;
}

.downloads-anchor-page .anchor-final-card .page-button:hover {
    background: #6E8A2E;
}

.downloads-anchor-page .anchor-final-card .page-button-secondary {
    border-color: #7E9D35;
    background: #FFFFFF;
    color: #1F3A26;
}

.downloads-anchor-page .anchor-final-card .page-button-secondary:hover {
    background: #D9E6A6;
}

.download-preview-modal[hidden] {
    display: none;
}

html.download-modal-open,
html.download-modal-open body {
    overflow: hidden;
}

.download-preview-modal {
    position: fixed;
    inset: 0;
    z-index: 20000;
    display: grid;
    place-items: center;
    padding: 24px;
}

.download-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 59, 46, 0.42);
    backdrop-filter: blur(10px);
}

.download-modal-panel {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1fr);
    gap: 26px;
    width: min(980px, 100%);
    max-height: min(760px, calc(100vh - 48px));
    overflow: auto;
    padding: 24px;
    border: 1px solid #DDE7C8;
    border-radius: 24px;
    background: #FFFFFF;
    box-shadow: 0 32px 90px rgba(15, 59, 46, 0.24);
}

.download-modal-close {
    position: absolute;
    right: 18px;
    top: 18px;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #DDE7C8;
    border-radius: 999px;
    background: #FFFFFF;
    color: #1F3A26;
    font-weight: 850;
    cursor: pointer;
}

.download-modal-preview {
    display: grid;
    min-height: 420px;
    align-content: center;
    justify-items: center;
    gap: 14px;
    border: 1px solid #DDE7C8;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(238, 245, 223, 0.78)),
        repeating-linear-gradient(0deg, rgba(127, 157, 53, 0.08) 0 1px, transparent 1px 28px);
    color: #1F3A26;
    text-align: center;
}

.download-modal-preview span {
    display: grid;
    width: 84px;
    height: 104px;
    place-items: center;
    border-radius: 14px;
    background: #7E9D35;
    color: #FFFFFF;
    font-weight: 950;
}

.download-pdf-frame {
    width: min(100%, 300px);
    height: 190px;
    margin-top: 8px;
    border: 1px solid #DDE7C8;
    border-radius: 16px;
    background: #FFFFFF;
}

.download-modal-copy {
    padding: 26px 8px 6px 0;
}

.download-modal-copy h2 {
    margin: 0 0 12px;
    color: #0F3B2E;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.05;
}

.download-modal-copy p {
    margin: 0;
    color: #5E6A61;
    font-size: 17px;
    line-height: 1.6;
}

.download-modal-details {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0 24px;
}

.download-modal-details span,
.download-related-list span {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid #DDE7C8;
    border-radius: 999px;
    background: #FAFBF8;
    color: #1F3A26;
    font-size: 13px;
    font-weight: 850;
}

.download-modal-copy h3 {
    margin: 0 0 12px;
    color: #0F3B2E;
    font-size: 18px;
}

.download-related-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.download-actions a:focus-visible,
.download-actions button:focus-visible,
.download-filter-row button:focus-visible,
.download-modal-close:focus-visible,
.download-modal-panel .page-button:focus-visible,
.download-search input:focus-visible {
    outline: 3px solid rgba(157, 180, 74, 0.3);
    outline-offset: 3px;
}

@media (max-width: 1180px) {
    .featured-download-grid,
    .download-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .download-cert-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .downloads-anchor-page .anchor-hero {
        padding: 42px 0 30px;
    }

    .featured-download-grid,
    .download-grid,
    .download-stat-section {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .download-control-panel {
        top: 124px;
    }

    .download-modal-panel {
        grid-template-columns: 1fr;
    }

    .download-modal-preview {
        min-height: 260px;
    }
}

@media (max-width: 640px) {
    .download-featured-section {
        padding: 26px 0 12px;
    }

    .featured-download-grid,
    .download-grid,
    .download-stat-section,
    .download-cert-grid {
        grid-template-columns: 1fr;
    }

    .download-card-body,
    .downloads-anchor-page .download-library-section,
    .download-control-panel {
        padding: 18px;
    }

    .download-actions,
    .download-support-cta .anchor-actions {
        grid-template-columns: 1fr;
    }

    .download-support-cta .page-button {
        width: 100%;
    }

    .download-preview-modal {
        padding: 12px;
    }

    .download-modal-panel {
        max-height: calc(100vh - 24px);
        padding: 18px;
        border-radius: 20px;
    }

    .download-modal-copy {
        padding: 0;
    }
}

.sustainability-anchor-page .anchor-image-card img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    transition: transform 650ms ease, filter 250ms ease;
}

.sustainability-anchor-page .anchor-image-card:hover img {
    transform: scale(1.035);
}

.sustainability-anchor-page .anchor-check-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 16px;
    margin-top: 14px;
}

.sustainability-anchor-page .anchor-check-list li {
    padding-left: 24px;
    font-size: 14px;
}

.sustainability-anchor-page .anchor-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.sustainability-anchor-page .anchor-card {
    display: grid;
    align-content: start;
    min-height: 88px;
    padding: 15px;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(36, 51, 40, 0.045);
    transition: transform 250ms ease, border-color 250ms ease, box-shadow 250ms ease, background 250ms ease;
}

.sustainability-anchor-page .anchor-card:hover {
    transform: translateY(-4px);
    border-color: #7E9D35;
    background: #FCFDF9;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.05);
}

.sustainability-anchor-page .anchor-card span {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    min-height: 28px;
    align-items: center;
    padding: 0 10px;
    margin: 0 0 8px;
    border-radius: 999px;
    background: #D9E6A6;
    color: #6E8A2E;
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    transition: transform 250ms ease;
}

.sustainability-anchor-page .anchor-card:hover span {
    transform: rotate(3deg);
}

.sustainability-anchor-page .anchor-card h3 {
    margin: 0;
    color: #0F3B2E;
    font-size: 15px;
    line-height: 1.2;
}

.sustainability-anchor-page .anchor-card p {
    display: -webkit-box;
    margin: 7px 0 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.42;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sustainability-process-diagram,
.sustainability-pillar-grid,
.sustainability-cert-wall,
.sustainability-impact-grid {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}

.sustainability-process-diagram {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.manufacturing-flow {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.sustainability-process-diagram article,
.sustainability-pillar-grid article,
.sustainability-cert-wall article,
.sustainability-impact-grid article {
    position: relative;
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(221, 231, 200, 0.95);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 250ms ease, border-color 250ms ease, box-shadow 250ms ease;
}

.sustainability-process-diagram article:hover,
.sustainability-pillar-grid article:hover,
.sustainability-cert-wall article:hover,
.sustainability-impact-grid article:hover {
    transform: translateY(-4px);
    border-color: #7E9D35;
    box-shadow: 0 15px 34px rgba(36, 51, 40, 0.09);
}

.sustainability-process-diagram article:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: -11px;
    z-index: 2;
    width: 16px;
    height: 16px;
    color: #7E9D35;
    content: "→";
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    transform: translateY(-50%);
}

.sustainability-process-diagram .line-svg,
.sustainability-pillar-grid .line-svg,
.sustainability-cert-wall .line-svg {
    width: 32px;
    height: 32px;
    margin-bottom: 12px;
    color: #7E9D35;
    transition: transform 250ms ease;
}

.sustainability-process-diagram article:hover .line-svg,
.sustainability-pillar-grid article:hover .line-svg,
.sustainability-cert-wall article:hover .line-svg {
    transform: rotate(3deg);
}

.sustainability-process-diagram strong,
.sustainability-cert-wall strong,
.sustainability-impact-grid strong {
    display: block;
    color: #0F3B2E;
    font-size: 15px;
    line-height: 1.18;
}

.sustainability-process-diagram span,
.sustainability-cert-wall span,
.sustainability-impact-grid span {
    display: block;
    margin-top: 6px;
    color: #5E6A61;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.35;
}

.sustainability-pillar-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sustainability-pillar-grid article {
    min-height: 154px;
}

.sustainability-pillar-grid h3 {
    margin: 0;
    color: #0F3B2E;
    font-size: 17px;
    line-height: 1.2;
}

.sustainability-pillar-grid p {
    display: -webkit-box;
    margin-top: 9px;
    overflow: hidden;
    font-size: 13px !important;
    line-height: 1.5 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sustainability-cert-wall {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding: 18px;
    border: 1px solid #DDE7C8;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0 16px 38px rgba(36, 51, 40, 0.07);
}

.sustainability-cert-wall article {
    min-height: 138px;
    text-align: center;
    filter: grayscale(1);
}

.sustainability-cert-wall article:hover {
    filter: grayscale(0);
}

.sustainability-cert-wall .line-svg {
    margin-right: auto;
    margin-left: auto;
}

.sustainability-impact-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.sustainability-impact-grid article {
    min-height: 112px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.sustainability-impact-grid strong {
    font-size: 18px;
}

.sustainability-anchor-page #green-chemistry {
    display: grid;
    grid-template-columns: minmax(300px, 0.86fr) minmax(0, 1.14fr);
    gap: 22px;
    align-items: center;
}

.sustainability-anchor-page #green-chemistry .anchor-section-grid {
    display: contents;
}

.sustainability-anchor-page #green-chemistry .anchor-section-grid > div {
    grid-column: 1;
}

.sustainability-anchor-page #green-chemistry .anchor-image-card {
    grid-column: 1;
    height: 112px;
    min-height: 0;
    border-radius: 999px;
}

.sustainability-anchor-page #green-chemistry .anchor-image-card img {
    min-height: 0;
}

.sustainability-anchor-page #green-chemistry .anchor-card-grid {
    grid-column: 2;
    grid-row: 1 / span 2;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0;
}

.sustainability-anchor-page #green-chemistry .anchor-check-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.sustainability-anchor-page #green-chemistry .anchor-check-list li {
    min-height: 30px;
    padding: 6px 10px 6px 24px;
    border: 1px solid #DDE7C8;
    border-radius: 999px;
    background: #FFFFFF;
    font-size: 12px;
    line-height: 1.2;
}

.sustainability-anchor-page .anchor-section > .anchor-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    min-height: 0;
    margin-top: 14px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(221, 230, 198, 0.88);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 28px rgba(36, 51, 40, 0.05);
    backdrop-filter: blur(14px);
}

.sustainability-anchor-page .sustainability-impact-grid + .anchor-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sustainability-anchor-page .anchor-section > .anchor-metrics div {
    min-height: 82px;
    padding: 14px 16px;
}

.sustainability-anchor-page .anchor-final-cta {
    padding: 0 0 54px;
}

.sustainability-anchor-page .anchor-final-card {
    padding: 34px 38px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 20%, rgba(255, 255, 255, 0.28), transparent 24%),
        linear-gradient(135deg, #7E9D35 0%, #6E8A2E 100%);
}

.sustainability-anchor-page .anchor-final-card p {
    max-width: 680px;
}

.sustainability-anchor-page .page-button {
    min-height: 46px;
    transition: transform 250ms ease, background 250ms ease, border-color 250ms ease, color 250ms ease;
}

.sustainability-anchor-page .page-button:hover {
    transform: scale(1.02);
}

.sustainability-anchor-page + .site-footer {
    padding-top: 58px;
    padding-bottom: 28px;
}

@media (max-width: 1080px) {
    .sustainability-anchor-page {
        --sustain-top-offset: 78px;
    }
    .sustainability-anchor-page .anchor-hero-grid,
    .sustainability-anchor-page .anchor-section-grid,
    .sustainability-anchor-page #green-chemistry {
        grid-template-columns: 1fr;
    }
    .sustainability-anchor-page #green-chemistry {
        display: block;
    }
    .sustainability-anchor-page #green-chemistry .anchor-section-grid {
        display: grid;
    }
    .sustainability-anchor-page #green-chemistry .anchor-section-grid > div,
    .sustainability-anchor-page #green-chemistry .anchor-image-card,
    .sustainability-anchor-page #green-chemistry .anchor-card-grid {
        grid-column: auto;
        grid-row: auto;
    }
    .sustainability-anchor-page .anchor-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sustainability-process-diagram,
    .manufacturing-flow,
    .sustainability-cert-wall,
    .sustainability-impact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sustainability-pillar-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sustainability-process-diagram article:not(:last-child)::after {
        display: none;
    }
}

@media (max-width: 760px) {
    .sustainability-anchor-page .container {
        width: min(100% - 36px, 1360px);
    }
    .sustainability-anchor-page .anchor-hero {
        padding: 52px 0 26px;
    }
    .sustainability-anchor-page .anchor-hero h1 {
        font-size: 40px;
    }
    .sustainability-anchor-page .anchor-hero p {
        font-size: 16px;
    }
    .sustainability-anchor-page .anchor-hero-media,
    .sustainability-anchor-page .anchor-hero-media img {
        min-height: 300px;
    }
    .sustainability-anchor-page .anchor-hero-copy .anchor-metrics,
    .sustainability-anchor-page .anchor-section > .anchor-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sustainability-anchor-page .anchor-hero-copy .anchor-metrics div:nth-child(2),
    .sustainability-anchor-page .anchor-section > .anchor-metrics div:nth-child(2) {
        border-right: 0;
    }
    .sustainability-sticky-nav {
        top: 70px;
        padding: 8px 0;
    }
    .company-anchor-page .anchor-sidebar,
    .resources-anchor-page .anchor-sidebar {
        top: 70px;
        padding: 8px 0;
    }
    .sustainability-nav-scroll {
        width: min(100% - 28px, 1360px);
        height: 48px;
        padding: 0 12px;
    }
    .company-anchor-page .anchor-nav,
    .resources-anchor-page .anchor-nav {
        height: 48px;
        padding: 0 12px;
    }
    .sustainability-anchor-page .anchor-layout {
        padding: 24px 0 40px;
    }
    .company-anchor-page .anchor-layout,
    .resources-anchor-page .anchor-layout {
        padding: 24px 0 40px;
    }
    .sustainability-anchor-page .anchor-section {
        scroll-margin-top: 136px;
        padding: 20px;
        border-radius: 18px;
    }
    .company-anchor-page .anchor-section,
    .resources-anchor-page .anchor-section {
        scroll-margin-top: 136px;
        padding: 20px;
        border-radius: 18px;
    }
    .company-anchor-page .anchor-section-grid,
    .resources-anchor-page .anchor-section-grid {
        grid-template-columns: 1fr;
    }
    .sustainability-anchor-page .anchor-card-grid,
    .sustainability-anchor-page .anchor-check-list,
    .sustainability-anchor-page #green-chemistry .anchor-card-grid,
    .company-anchor-page .anchor-card-grid,
    .company-anchor-page .anchor-check-list,
    .resources-anchor-page .anchor-card-grid,
    .resources-anchor-page .anchor-check-list,
    .sustainability-process-diagram,
    .manufacturing-flow,
    .sustainability-pillar-grid,
    .sustainability-cert-wall,
    .sustainability-impact-grid {
        grid-template-columns: 1fr;
    }
    .sustainability-anchor-page .anchor-final-card {
        padding: 26px 22px;
    }
    .company-anchor-page .anchor-final-card,
    .resources-anchor-page .anchor-final-card {
        padding: 26px 22px;
    }
    .sustainability-anchor-page .anchor-final-card .page-button {
        width: 100%;
    }
    .company-anchor-page .anchor-final-card .page-button,
    .resources-anchor-page .anchor-final-card .page-button {
        width: 100%;
    }
}

/* Enterprise top-level hub pages: Solutions, Industries, Resources, Company, Contact */
.enterprise-hub-page {
    --enterprise-top-offset: 88px;
    background:
        radial-gradient(circle at 92% 10%, rgba(127, 157, 53, 0.08), transparent 25%),
        radial-gradient(circle at 8% 42%, rgba(238, 245, 223, 0.72), transparent 30%),
        #FAFBF8;
    color: #243328;
}

.enterprise-hub-page .container {
    width: min(100% - 64px, 1360px);
}

.enterprise-hub-page .anchor-hero {
    padding: 66px 0 30px;
    background:
        radial-gradient(circle at 84% 14%, rgba(157, 180, 74, 0.14), transparent 30%),
        linear-gradient(135deg, #FFFFFF 0%, #FAFBF8 58%, #F7F9F3 100%);
}

.enterprise-hub-page .anchor-hero-grid {
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.92fr);
    gap: 42px;
}

.enterprise-hub-page .anchor-hero-copy {
    padding-left: clamp(0px, 2vw, 28px);
}

.enterprise-hub-page .anchor-hero h1 {
    max-width: 780px;
    font-size: clamp(44px, 4.7vw, 64px);
    line-height: 1;
}

.enterprise-hub-page .anchor-hero p {
    max-width: 680px;
    margin-top: 16px;
    font-size: 18px;
    line-height: 1.75;
}

.enterprise-hub-page .anchor-actions {
    margin-top: 22px;
}

.enterprise-hub-page .anchor-hero-media {
    margin: 0;
    min-height: 360px;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 22px 54px rgba(36, 51, 40, 0.12);
}

.enterprise-hub-page .anchor-hero-media::before {
    display: none;
}

.enterprise-hub-page .anchor-hero-media::after {
    z-index: 2;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.14) 40%, transparent 74%);
}

.enterprise-hub-page .anchor-hero-media img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
}

.enterprise-hub-page .anchor-hero-copy .anchor-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    min-height: 0;
    max-width: 780px;
    margin-top: 22px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(221, 230, 198, 0.88);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 14px 34px rgba(36, 51, 40, 0.07);
    backdrop-filter: blur(16px);
}

.enterprise-hub-page .anchor-hero-copy .anchor-metrics div {
    min-height: 96px;
    padding: 18px 16px;
    border-right: 1px solid rgba(221, 230, 198, 0.78);
}

.enterprise-hub-page .anchor-hero-copy .anchor-metrics div:last-child {
    border-right: 0;
}

.enterprise-hub-page .anchor-metrics strong {
    display: block;
    color: #0F3B2E;
    font-size: clamp(23px, 2.1vw, 31px);
    line-height: 1;
}

.enterprise-hub-page .anchor-metrics span {
    display: block;
    margin-top: 8px;
    color: #5E6A61;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
}

.enterprise-sticky-nav {
    position: sticky;
    top: var(--enterprise-top-offset);
    z-index: 90;
    padding: 10px 0;
    border-bottom: 1px solid rgba(221, 230, 198, 0.7);
    background: rgba(250, 251, 248, 0.84);
    backdrop-filter: blur(18px);
}

.enterprise-nav-scroll {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 48px;
    padding: 0 24px;
    overflow-x: auto;
    border: 1px solid #DDE6C6;
    border-radius: 999px;
    background: #FFFFFF;
    box-shadow: 0 12px 30px rgba(36, 51, 40, 0.06);
    scrollbar-width: none;
}

.enterprise-nav-scroll::-webkit-scrollbar {
    display: none;
}

.enterprise-nav-scroll a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 999px;
    color: #1F3A26;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: background 250ms ease, color 250ms ease, transform 250ms ease;
}

.enterprise-nav-scroll a:hover {
    background: #D9E6A6;
}

.enterprise-nav-scroll a.is-active {
    background: #7E9D35;
    color: #FFFFFF;
    box-shadow: 0 8px 20px rgba(127, 157, 53, 0.22);
}

.enterprise-hub-page .anchor-layout {
    display: block;
    padding: 30px 0 54px;
}

.enterprise-hub-page .anchor-content {
    display: grid;
    gap: 20px;
}

.enterprise-hub-page .anchor-section {
    scroll-margin-top: 158px;
    padding: 22px;
    border-color: rgba(221, 230, 198, 0.92);
    border-radius: 22px;
    background:
        radial-gradient(circle at 96% 4%, rgba(157, 180, 74, 0.07), transparent 24%),
        #FFFFFF;
    box-shadow: 0 12px 34px rgba(36, 51, 40, 0.055);
}

.enterprise-hub-page .anchor-section:nth-child(even) {
    background:
        radial-gradient(circle at 6% 8%, rgba(127, 157, 53, 0.08), transparent 26%),
        #F7F9F3;
}

.enterprise-section-head {
    max-width: 760px;
    margin-bottom: 18px;
}

.enterprise-section-head h2,
.enterprise-hub-page .anchor-section h2 {
    margin: 0 0 12px;
    color: #0F3B2E;
    font-size: clamp(30px, 2.8vw, 42px);
    line-height: 1.04;
}

.enterprise-section-head p,
.enterprise-hub-page .anchor-section p {
    max-width: 680px;
    color: #5E6A61;
    font-size: 16px;
    line-height: 1.62;
}

.enterprise-hub-page .anchor-section-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.7fr);
    gap: 20px;
    align-items: center;
}

.enterprise-hub-page .anchor-image-card {
    height: 190px;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 18px;
}

.enterprise-hub-page .anchor-image-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 650ms ease;
}

.enterprise-hub-page .anchor-image-card:hover img {
    transform: scale(1.035);
}

.enterprise-card-grid,
.enterprise-pill-grid,
.enterprise-doc-grid,
.enterprise-process,
.enterprise-cert-wall {
    display: grid;
    gap: 14px;
}

.enterprise-directory-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
    max-width: none;
}

.enterprise-directory-item {
    position: relative;
    display: flex;
    min-height: 156px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 22px;
    overflow: hidden;
    color: #203328;
    border: 1px solid #DDE7C8;
    border-radius: 18px;
    background:
        radial-gradient(circle at 96% 8%, rgba(157, 180, 74, 0.12), transparent 32%),
        #FFFFFF;
    box-shadow: 0 12px 28px rgba(36, 51, 40, 0.055);
    text-decoration: none;
    transition: background 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease, box-shadow 220ms ease;
}

.enterprise-directory-item + .enterprise-directory-item {
    margin-top: 0;
}

.enterprise-directory-item:hover,
.enterprise-directory-item.is-active {
    color: #203328;
    border-color: #7E9D35;
    background:
        radial-gradient(circle at 96% 8%, rgba(127, 157, 53, 0.18), transparent 34%),
        #D9E6A6;
    box-shadow: 0 18px 42px rgba(36, 51, 40, 0.1);
    transform: translateY(-3px);
}

.enterprise-directory-icon {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(127, 157, 53, 0.22);
    border-radius: 14px;
    background: #F8FBF0;
    color: #7E9D35;
}

.enterprise-directory-icon .line-svg {
    width: 28px;
    height: 28px;
}

.enterprise-directory-item strong {
    color: inherit;
    max-width: 92%;
    font-size: clamp(21px, 1.55vw, 28px);
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.16;
}

.enterprise-directory-item b {
    position: absolute;
    right: 22px;
    bottom: 20px;
    color: #7E9D35;
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
}

.industrial-care-filter-page {
    background: #F8F6F0;
}

.industrial-care-filter-page .container {
    width: min(100% - 64px, 1360px);
}

.industrial-care-filter-page .anchor-hero {
    padding: 58px 0 42px;
}

.industrial-care-filter-page .anchor-hero-grid {
    gap: 34px;
}

.industrial-care-filter-page .anchor-hero h1 {
    margin-bottom: 14px;
}

.industrial-care-filter-page .anchor-hero p {
    margin-bottom: 20px;
}

.industrial-care-filter-page .solution-hero-icons {
    margin-top: 18px;
}

.industrial-care-products {
    padding: 62px 0 58px;
}

.industrial-care-section-head {
    max-width: 780px;
    margin-bottom: 22px;
}

.industrial-care-section-head h2 {
    margin: 8px 0 12px;
    color: #0F3B2E;
    font-size: clamp(32px, 3vw, 46px);
    line-height: 1.05;
}

.industrial-care-section-head p {
    margin: 0;
    color: #5E6A61;
    font-size: 16px;
    line-height: 1.65;
}

.industrial-category-tabs {
    display: flex;
    gap: 10px;
    max-width: 100%;
    margin-bottom: 22px;
    padding: 6px 2px 10px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.industrial-category-tab {
    display: inline-flex;
    min-height: 46px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border: 1px solid #7E9D35;
    border-radius: 999px;
    background: #FFFFFF;
    color: #1F3A26;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    transition: background 200ms ease, color 200ms ease, border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
    white-space: nowrap;
}

.industrial-category-tab:hover {
    background: #D9E6A6;
}

.industrial-category-tab.is-active,
.industrial-category-tab[aria-selected="true"] {
    border-color: #7E9D35;
    background: #7E9D35;
    color: #FFFFFF;
    box-shadow: 0 12px 24px rgba(127, 157, 53, 0.22);
}

.industrial-category-tab:focus-visible {
    outline: 3px solid rgba(157, 180, 74, 0.35);
    outline-offset: 3px;
}

.industrial-category-panels {
    min-height: 420px;
}

.industrial-category-panel {
    padding: 24px;
    border: 1px solid #DDE7C8;
    border-radius: 22px;
    background: #FFFFFF;
    box-shadow: 0 16px 40px rgba(36, 51, 40, 0.07);
    opacity: 1;
    transform: translateY(0);
    transition: opacity 200ms ease, transform 200ms ease;
}

.industrial-category-panel[hidden],
.industrial-category-panel.is-hidden {
    display: none;
}

.industrial-category-panel.is-entering {
    opacity: 0;
    transform: translateY(8px);
}

.industrial-panel-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.48fr);
    gap: 24px;
    align-items: start;
    margin-bottom: 22px;
}

.industrial-panel-intro h3 {
    margin: 0 0 8px;
    color: #0F3B2E;
    font-size: clamp(24px, 2.2vw, 34px);
    line-height: 1.08;
}

.industrial-panel-intro p {
    max-width: 720px;
    margin: 0;
    color: #5E6A61;
    font-size: 15px;
    line-height: 1.62;
}

.industrial-panel-intro .anchor-check-list {
    margin: 0;
    padding: 18px;
    border: 1px solid #D9E6A6;
    border-radius: 18px;
    background: #F8F6F0;
}

.industrial-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.industrial-product-card {
    display: flex;
    min-height: 370px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #D9E6A6;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 12px 28px rgba(36, 51, 40, 0.055);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.industrial-product-card:hover {
    transform: translateY(-4px);
    border-color: #7E9D35;
    box-shadow: 0 18px 38px rgba(36, 51, 40, 0.1);
}

.industrial-product-image {
    display: flex;
    height: 176px;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: linear-gradient(180deg, #F8F6F0 0%, #D9E6A6 100%);
}

.industrial-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 220ms ease;
}

.industrial-product-card:hover .industrial-product-image img {
    transform: scale(1.035);
}

.industrial-product-copy {
    padding: 18px 18px 8px;
}

.industrial-product-copy h4 {
    margin: 0 0 8px;
    font-size: 19px;
    line-height: 1.2;
}

.industrial-product-copy h4 a {
    color: #0F3B2E;
    text-decoration: none;
}

.industrial-product-copy h4 a:hover {
    color: #7E9D35;
}

.industrial-product-copy p {
    display: -webkit-box;
    min-height: 44px;
    margin: 0;
    overflow: hidden;
    color: #5E6A61;
    font-size: 14px;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.industrial-product-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: auto;
    padding: 0 18px 18px;
}

.industrial-product-actions a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    border: 1px solid #7E9D35;
    border-radius: 999px;
    color: #1F3A26;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    transition: background 200ms ease, color 200ms ease;
}

.industrial-product-actions a:first-child {
    background: #7E9D35;
    color: #FFFFFF;
}

.industrial-product-actions a:hover {
    background: #6E8A2E;
    color: #FFFFFF;
}

.industrial-panel-support {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr 1fr;
    gap: 18px;
    margin-top: 20px;
}

.industrial-panel-support article {
    min-width: 0;
    padding: 18px;
    border: 1px solid #D9E6A6;
    border-radius: 18px;
    background: #F8F6F0;
}

.industrial-panel-support p {
    margin: 8px 0 0;
    color: #5E6A61;
    font-size: 14px;
    line-height: 1.55;
}

.industrial-download-links {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 10px;
}

.industrial-download-links a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 7px 12px;
    border: 1px solid #DDE7C8;
    border-radius: 999px;
    background: #FFFFFF;
    color: #1F3A26;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.industrial-download-links a:hover {
    border-color: #7E9D35;
    background: #D9E6A6;
    color: #6E8A2E;
}

.industrial-care-filter-page .anchor-final-cta {
    padding: 0 0 62px;
}

@media (max-width: 1180px) {
    .industrial-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .industrial-panel-support {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 900px) {
    .industrial-care-filter-page .container {
        width: min(100% - 44px, 1360px);
    }
    .industrial-care-filter-page .anchor-hero {
        padding: 48px 0 34px;
    }
    .industrial-care-products {
        padding: 48px 0 46px;
    }
    .industrial-panel-intro,
    .industrial-panel-support {
        grid-template-columns: 1fr;
    }
    .industrial-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .industrial-care-filter-page .container {
        width: min(100% - 32px, 1360px);
    }
    .industrial-care-filter-page .anchor-hero {
        padding: 36px 0 28px;
    }
    .industrial-care-products {
        padding: 36px 0 38px;
    }
    .industrial-category-tab {
        min-height: 44px;
        padding: 9px 15px;
        font-size: 13px;
    }
    .industrial-category-panel {
        padding: 18px;
        border-radius: 18px;
    }
    .industrial-product-grid {
        grid-template-columns: 1fr;
    }
    .industrial-product-card {
        min-height: 340px;
    }
    .industrial-product-image {
        height: 164px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .industrial-category-tab,
    .industrial-category-panel,
    .industrial-product-card,
    .industrial-product-image img {
        transition: none;
    }
}

.solution-hub-page .anchor-layout,
.industry-detail-page .anchor-layout {
    grid-template-columns: minmax(300px, 390px) minmax(0, 1fr);
    gap: 34px;
}

.solution-hub-page .anchor-nav,
.industry-detail-page .anchor-nav {
    display: grid;
    gap: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.solution-hub-page .anchor-nav a,
.industry-detail-page .anchor-nav a {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 20px;
    min-height: 82px;
    align-items: center;
    gap: 18px;
    margin: 0;
    padding: 16px 16px 16px 28px;
    border-left: 9px solid #DDE7C8;
    border-radius: 0 12px 12px 0;
    background: #FFFFFF;
    color: #203328;
    font-size: clamp(20px, 1.65vw, 29px);
    font-weight: 850;
    line-height: 1.18;
    white-space: normal;
}

.solution-hub-page .anchor-nav a::before,
.industry-detail-page .anchor-nav a::before {
    width: 30px;
    height: 30px;
    border: 2px solid #7E9D35;
    border-radius: 9px;
    background:
        linear-gradient(#7E9D35, #7E9D35) center / 14px 2px no-repeat,
        linear-gradient(#7E9D35, #7E9D35) center / 2px 14px no-repeat;
    box-shadow: none;
}

.solution-hub-page .anchor-nav a::after,
.industry-detail-page .anchor-nav a::after {
    content: "\203A";
    justify-self: end;
    color: #7E9D35;
    font-size: 31px;
    font-weight: 900;
    line-height: 1;
}

.solution-hub-page .anchor-nav a:hover,
.solution-hub-page .anchor-nav a.is-active,
.industry-detail-page .anchor-nav a:hover,
.industry-detail-page .anchor-nav a.is-active {
    border-left-color: #7E9D35;
    background: #D9E6A6;
    color: #7E9D35;
    box-shadow: 0 14px 30px rgba(36, 51, 40, 0.08);
    transform: translateX(2px);
}

.solution-hub-page .anchor-nav a:hover::before,
.solution-hub-page .anchor-nav a.is-active::before,
.industry-detail-page .anchor-nav a:hover::before,
.industry-detail-page .anchor-nav a.is-active::before {
    border-color: #7E9D35;
    background:
        linear-gradient(#7E9D35, #7E9D35) center / 14px 2px no-repeat,
        linear-gradient(#7E9D35, #7E9D35) center / 2px 14px no-repeat;
    box-shadow: none;
}

.enterprise-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.enterprise-card-grid-five {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.enterprise-industry-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.enterprise-two-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.enterprise-image-card {
    display: flex;
    min-height: 330px;
    flex-direction: column;
    overflow: hidden;
    color: #243328;
    border: 1px solid #DDE7C8;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    text-decoration: none;
    transition: transform 250ms ease, border-color 250ms ease, box-shadow 250ms ease;
}

.enterprise-image-card:hover {
    transform: translateY(-4px);
    border-color: #7E9D35;
    box-shadow: 0 15px 34px rgba(36, 51, 40, 0.09);
}

.enterprise-image-card img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.enterprise-image-card span,
.enterprise-image-card h3,
.enterprise-image-card p,
.enterprise-image-card b {
    margin-right: 18px;
    margin-left: 18px;
}

.enterprise-image-card span {
    margin-top: 16px;
    color: #7E9D35;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.enterprise-image-card h3 {
    margin-top: 8px;
    margin-bottom: 0;
    color: #0F3B2E;
    font-size: 19px;
    line-height: 1.2;
}

.enterprise-image-card p {
    margin-top: 10px;
    color: #5E6A61;
    font-size: 14px;
    line-height: 1.52;
}

.enterprise-image-card b {
    margin-top: auto;
    margin-bottom: 18px;
    color: #6E8A2E;
    font-size: 13px;
}

.enterprise-process {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 16px;
}

.enterprise-process article,
.enterprise-doc-grid article,
.enterprise-cert-wall article,
.enterprise-pill-grid span {
    position: relative;
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(221, 231, 200, 0.95);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 250ms ease, border-color 250ms ease, box-shadow 250ms ease;
}

.enterprise-process article:hover,
.enterprise-doc-grid article:hover,
.enterprise-cert-wall article:hover,
.enterprise-pill-grid span:hover {
    transform: translateY(-4px);
    border-color: #7E9D35;
    box-shadow: 0 15px 34px rgba(36, 51, 40, 0.09);
}

.enterprise-process article:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: -11px;
    z-index: 2;
    color: #7E9D35;
    content: "→";
    font-size: 18px;
    font-weight: 900;
    transform: translateY(-50%);
}

.enterprise-process .line-svg,
.enterprise-cert-wall .line-svg,
.enterprise-pill-grid .line-svg {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    color: #7E9D35;
}

.enterprise-process strong,
.enterprise-cert-wall strong,
.enterprise-doc-grid h3 {
    display: block;
    margin: 0;
    color: #0F3B2E;
    font-size: 16px;
    line-height: 1.2;
}

.enterprise-process span,
.enterprise-doc-grid p {
    display: block;
    margin-top: 7px;
    color: #5E6A61;
    font-size: 13px;
    line-height: 1.4;
}

.enterprise-pill-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.enterprise-pill-grid span {
    display: flex;
    min-height: 76px;
    align-items: center;
    gap: 10px;
    color: #0F3B2E;
    font-weight: 850;
}

.enterprise-doc-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.enterprise-doc-grid article {
    min-height: 138px;
    color: #7E9D35;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.enterprise-cert-wall {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding: 18px;
    border: 1px solid #DDE7C8;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0 16px 38px rgba(36, 51, 40, 0.07);
}

.enterprise-cert-wall article {
    min-height: 132px;
    text-align: center;
}

.enterprise-cert-wall .line-svg {
    margin-right: auto;
    margin-left: auto;
}

.enterprise-hub-page .anchor-final-cta {
    padding: 0 0 54px;
}

.enterprise-hub-page .anchor-final-card {
    padding: 34px 38px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 20%, rgba(255, 255, 255, 0.28), transparent 24%),
        linear-gradient(135deg, #7E9D35 0%, #6E8A2E 100%);
}

.enterprise-contact-page .anchor-form {
    margin-top: 0;
}

.enterprise-contact-page .anchor-section-grid:has(.anchor-form) {
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
}

@media (max-width: 1180px) and (min-width: 901px) {
    .industry-carousel {
        --industry-carousel-visible: 3;
        --industry-carousel-gap: 20px;
    }
}

@media (max-width: 900px) and (min-width: 761px) {
    .industry-carousel {
        --industry-carousel-visible: 2;
        --industry-carousel-gap: 18px;
    }
}

@media (max-width: 1180px) {

    .enterprise-card-grid-five,
    .enterprise-industry-grid,
    .enterprise-card-grid,
    .enterprise-pill-grid,
    .enterprise-cert-wall {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .industry-stat-row,
    .challenge-card-grid,
    .feature-product-grid,
    .application-card-grid,
    .download-card-grid,
    .success-story-grid,
    .process-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .enterprise-process {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .enterprise-process article:not(:last-child)::after {
        display: none;
    }
}

@media (max-width: 760px) {
    .industry-carousel {
        --industry-carousel-visible: 1;
        --industry-carousel-gap: 14px;
    }

    .enterprise-hub-page {
        --enterprise-top-offset: 70px;
    }
    .enterprise-hub-page .container {
        width: min(100% - 36px, 1360px);
    }
    .enterprise-hub-page .anchor-hero {
        padding: 52px 0 26px;
    }
    .enterprise-hub-page .anchor-hero-grid,
    .enterprise-hub-page .anchor-section-grid,
    .enterprise-contact-page .anchor-section-grid:has(.anchor-form) {
        grid-template-columns: 1fr;
    }
    .solution-hub-page .anchor-layout,
    .industry-detail-page .anchor-layout {
        grid-template-columns: 1fr;
    }
    .solution-hub-page .anchor-sidebar,
    .industry-detail-page .anchor-sidebar {
        position: static;
    }
    .solution-hub-page .anchor-nav a,
    .industry-detail-page .anchor-nav a {
        grid-template-columns: 34px minmax(0, 1fr) 18px;
        min-height: 74px;
        gap: 14px;
        padding: 14px 14px 14px 20px;
        border-left-width: 8px;
        font-size: 22px;
    }
    .solution-hub-page .anchor-nav a::before,
    .industry-detail-page .anchor-nav a::before {
        width: 27px;
        height: 27px;
        border-radius: 8px;
    }
    .enterprise-hub-page .anchor-hero h1 {
        font-size: 40px;
    }
    .enterprise-hub-page .anchor-hero p {
        font-size: 16px;
    }
    .enterprise-hub-page .anchor-hero-media,
    .enterprise-hub-page .anchor-hero-media img {
        min-height: 300px;
    }
    .industry-hero .industry-trust-row span {
        width: 100%;
        justify-content: flex-start;
    }
    .industry-stat-row,
    .challenge-card-grid,
    .feature-product-grid,
    .application-card-grid,
    .download-card-grid,
    .success-story-grid,
    .process-timeline {
        grid-template-columns: 1fr;
    }
    .detail-media-card img {
        min-height: 260px;
    }
    .process-timeline article::after {
        display: none;
    }
    .enterprise-hub-page .anchor-hero-copy .anchor-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .enterprise-hub-page .anchor-hero-copy .anchor-metrics div:nth-child(2) {
        border-right: 0;
    }
    .enterprise-sticky-nav {
        top: 70px;
        padding: 8px 0;
    }
    .enterprise-nav-scroll {
        width: min(100% - 28px, 1360px);
        height: 48px;
        padding: 0 12px;
    }
    .enterprise-hub-page .anchor-layout {
        padding: 24px 0 40px;
    }
    .enterprise-hub-page .anchor-section {
        scroll-margin-top: 136px;
        padding: 20px;
        border-radius: 18px;
    }
    .enterprise-card-grid-five,
    .enterprise-industry-grid,
    .enterprise-card-grid,
    .enterprise-two-card-grid,
    .enterprise-pill-grid,
    .enterprise-doc-grid,
    .enterprise-process,
    .enterprise-cert-wall {
        grid-template-columns: 1fr;
    }
    .industry-hero .industry-trust-row {
        margin-top: 22px;
    }
    .detail-media-card img {
        min-height: 320px;
    }
    .success-story-grid {
        grid-template-columns: 1fr;
    }
    .process-timeline article:not(:last-child)::after {
        display: none;
    }
    .enterprise-image-card {
        min-height: 300px;
    }
    .enterprise-directory-list {
        max-width: none;
    }
    .enterprise-directory-item {
        min-height: 128px;
        gap: 14px;
        padding: 18px;
    }
    .enterprise-directory-icon {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }
    .enterprise-directory-icon .line-svg {
        width: 25px;
        height: 25px;
    }
    .enterprise-directory-item strong {
        font-size: 22px;
    }
    .enterprise-directory-item b {
        right: 18px;
        bottom: 16px;
        font-size: 24px;
    }
    .enterprise-hub-page .anchor-final-card {
        padding: 26px 22px;
    }
    .enterprise-hub-page .anchor-final-card .page-button {
        width: 100%;
    }
}

/* Everklin change-request 2026-08-08: supporting caption under About Everklin experience metric */
.anchor-metrics-note {
    margin-top: 0.75rem;
    font-size: 0.85rem;
    opacity: 0.75;
    max-width: 42ch;
}

/* ==========================================================================
   Everklin change-request V8 (2026-08-08)
   Product sticky tab system: wider desktop track, no label wrap, smooth
   horizontal scroll on small screens, correct anchor offset under the header.
   ========================================================================== */
.product-tabs .container {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

/* Use the under-utilised horizontal space beside the CTA on large screens. */
@media (min-width: 1200px) {
    .product-tabs .container {
        width: min(calc(100% - 56px), 1600px);
        gap: 14px;
        padding-block: 14px;
    }
    .product-tabs-centered .container {
        justify-content: space-between;
    }
    .product-tabs button {
        flex: 1 1 0;
        padding: 12px 20px;
        font-size: 13.5px;
    }
}

/* Desktop labels must never wrap. */
.product-tabs button {
    white-space: nowrap;
    scroll-snap-align: start;
}

/* Small screens: readable labels with smooth horizontal scrolling. */
@media (max-width: 900px) {
    .product-tabs .container {
        scroll-snap-type: x proximity;
        justify-content: flex-start;
        padding-inline: 20px;
    }
    .product-tabs button {
        flex: 0 0 auto;
        font-size: 12.5px;
        padding: 10px 15px;
    }
}

/* Clicking a tab must land the section below the sticky header + tab bar. */
.product-tab-panel,
.product-page [id^="product-panel-"] {
    scroll-margin-top: 168px;
}

/* Related products remain a touch-first decision strip on phone widths. */
@media (max-width: 767px) {
    .product-related .product-slider-shell {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 2px 20px 12px;
        margin-inline: -20px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
    }
    .product-related .related-product-slider.product-slider-track {
        display: flex;
        width: max-content;
        grid-template-columns: none;
        gap: 14px;
    }
    .product-related .related-product-card,
    .product-related .related-product-card-image {
        flex: 0 0 min(82vw, 310px);
        width: min(82vw, 310px);
        min-height: 250px;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
}



/* ==========================================================================
   Everklin STEP 1 (2026-08-08) — mega-menu row, chevron and stability rules.
   ========================================================================== */

/* Top-level trigger: label + chevron are ONE row, one hover/focus/click target. */
.desktop-nav .nav-item > .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.desktop-nav .nav-link__chevron {
    display: inline-block;
    font-size: .68em;
    line-height: 1;
    transition: transform 200ms ease;
}
.desktop-nav .has-mega-dropdown.is-open > .nav-link .nav-link__chevron,
.desktop-nav .has-mega-dropdown.is-hover-open > .nav-link .nav-link__chevron {
    transform: rotate(180deg);
}
/* Contact (leaf) never gets a chevron. */
.desktop-nav .nav-item.is-leaf .nav-link__chevron { display: none; }

/* Panel is absolutely positioned under a fixed-height header, so opening it
   cannot shift page content, change header height or move the logo/CTA. */
.desktop-nav .has-mega-dropdown { position: relative; }
.desktop-nav .has-mega-dropdown > .mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    contain: layout paint;
}
/* Hover corridor: an invisible bridge so the pointer can travel from the
   top-level label down into the panel without the menu closing. */
.desktop-nav .has-mega-dropdown > .mega-menu::before {
    content: "";
    position: absolute;
    top: -16px; left: 0; right: 0; height: 16px;
    background: transparent;
}

/* Mega rows: chevron only exists on rows with children, and it is inert to the
   pointer so it can never become its own hover target. */
.mega-row-chevron { pointer-events: none; margin-left: auto; opacity: .55; }
.mega-item.is-leaf .mega-row-chevron,
.mega-sub-item.is-leaf .mega-row-chevron { display: none; }
.mega-item, .mega-sub-item, .mega-product-item { position: relative; }
.mega-item .mega-link-icon svg,
.mega-sub-item .mega-link-icon svg { pointer-events: none; }

/* One clear selected state per column. */
.mega-item.is-active, .mega-sub-item.is-active {
    background: #f2f7e4;
    color: #1f3a26;
}
.mega-item.is-active .mega-row-chevron,
.mega-sub-item.is-active .mega-row-chevron { opacity: 1; color: #7e9d35; }

/* Single landing-page action per branch + restrained utility bar
   (replaces the old "Everklin Advantage" fourth column). */
.mega-utility-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 4px;
    padding: 14px 26px;
    border-top: 1px solid #dde7c8;
    background: #f8faf2;
}
.mega-view-all {
    color: #5f7a28 !important;
    font-size: .82rem;
    font-weight: 850;
    text-decoration: none;
}
.mega-view-all:hover { text-decoration: underline; }
.mega-utility-bar__help { color: #6d7a68; font-size: .8rem; }
.mega-utility-bar__help a { color: #5f7a28; font-weight: 800; text-decoration: none; }
.mega-utility-bar__help a:hover { text-decoration: underline; }

/* Column-3 "View all …" row. */
.mega-product-item.is-view-all {
    margin-top: 6px;
    border-top: 1px solid #dde7c8;
    padding-top: 10px;
    color: #5f7a28 !important;
    font-weight: 850;
}

/* Visible keyboard focus throughout the navigation. */
.desktop-nav .mega-menu a:focus-visible,
.desktop-nav .nav-link:focus-visible {
    outline: 3px solid rgba(157, 180, 74, 0.45);
    outline-offset: 2px;
}

/* Everklin STEP 2 (2026-08-08): specification rows without an approved value
   present a controlled document request instead of a placeholder value. */
.specification-grid__request a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #5f7a28 !important;
    font-size: .82rem;
    font-weight: 800;
    text-decoration: none;
    border-bottom: 1px solid rgba(126, 157, 53, .35);
}
.specification-grid__request a:hover { border-bottom-color: #5f7a28; }
.specification-grid__request a:focus-visible { outline: 3px solid rgba(157,180,74,.45); outline-offset: 2px; }

/* Shared business operating brief */
.business-operating-profile{padding:clamp(48px,6vw,84px) 0;background:#f5f3e8;color:#243126}
.business-operating-profile__head{max-width:780px;margin-bottom:30px}
.business-operating-profile__head>p{margin:0 0 8px;color:#718c2d;font-size:.76rem;font-weight:800;text-transform:uppercase}
.business-operating-profile__head h2{margin:0;font-size:clamp(1.65rem,3vw,2.75rem);line-height:1.08}
.business-operating-profile__layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:clamp(24px,4vw,58px);padding:28px 0;border-block:1px solid #ccd4b8}
.business-operating-profile h3{margin:0 0 16px;font-size:1rem}
.business-operating-profile ul{display:grid;gap:10px;margin:0;padding-left:20px}
.business-operating-profile dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:#ccd4b8}
.business-operating-profile dl div{padding:16px;background:#fff}
.business-operating-profile dt{font-weight:800;color:#718c2d}
.business-operating-profile dd{margin:6px 0 0;color:#556157;line-height:1.5}
.business-operating-profile__example{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px}
.business-operating-profile__example p{max-width:760px;margin:0;color:#556157}
@media(max-width:720px){.business-operating-profile__layout,.business-operating-profile dl{grid-template-columns:1fr}.business-operating-profile__example{align-items:flex-start;flex-direction:column}}


/* resource-system.css */
.resource-system {
    --resource-olive: #7E9D35;
    --resource-olive-dark: #5F7F2C;
    --resource-forest: #1F3A26;
    --resource-sage: #EEF5DF;
    --resource-cream: #FAF8F3;
    --resource-border: #DDE7C8;
    --resource-text: #435347;
}

.resource-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 18px;
}

.download-library-group {
    max-width: 780px;
    margin: 62px 0 24px;
    padding-top: 36px;
    border-top: 1px solid var(--resource-border, #DDE7C8);
}

.download-library-group:first-child {
    margin-top: 12px;
}

.download-library-group h2 {
    margin: 8px 0 10px;
    color: var(--resource-forest, #1F3A26);
    font-size: clamp(1.6rem, 3vw, 2.45rem);
    line-height: 1.12;
}

.download-library-group p {
    margin: 0;
    color: var(--resource-text, #435347);
    line-height: 1.6;
}

.download-card-grid.resource-grid,
.resource-grid--product-downloads {
    align-items: stretch;
}

.resource-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    min-height: 100%;
    padding: 22px;
    border: 1px solid var(--resource-border, #DDE7C8);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 14px 36px rgba(70, 90, 20, 0.08);
    color: var(--resource-text, #435347);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.resource-card:hover,
.resource-card:focus-within {
    transform: translateY(-3px);
    border-color: var(--resource-olive, #7E9D35);
    box-shadow: 0 18px 42px rgba(70, 90, 20, 0.13);
}

.resource-card--compact {
    padding: 16px;
    border-radius: 16px;
}

.resource-card--product {
    grid-template-columns: 1fr;
}

.resource-card__icon {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 16px;
    background: var(--resource-sage, #EEF5DF);
    color: var(--resource-olive, #7E9D35);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.resource-card__icon .line-svg {
    width: 24px;
    height: 24px;
    margin-bottom: 2px;
}

.resource-card__content {
    min-width: 0;
}

.resource-card__top {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

.resource-card__title {
    margin: 0 0 8px;
    color: var(--resource-forest, #1F3A26);
    font-size: clamp(1rem, 1.2vw, 1.15rem);
    line-height: 1.25;
}

.resource-card__description {
    margin: 0 0 14px;
    color: var(--resource-text, #435347);
    font-size: 0.94rem;
    line-height: 1.58;
}

.resource-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.resource-card__meta span,
.resource-state {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--resource-sage, #EEF5DF);
    color: var(--resource-forest, #1F3A26);
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1;
}

.resource-state--request-only {
    background: rgba(126, 157, 53, 0.13);
    color: var(--resource-olive-dark, #5F7F2C);
}

.resource-state--pending-review {
    background: rgba(143, 174, 70, 0.18);
    color: var(--resource-forest, #1F3A26);
}

.resource-card__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}

.resource-action {
    min-height: 44px;
}

.resource-action--pending {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid var(--resource-border, #DDE7C8);
    border-radius: 999px;
    background: var(--resource-cream, #FAF8F3);
    color: var(--resource-forest, #1F3A26);
    font-size: 0.9rem;
    font-weight: 800;
}

.resource-list {
    display: grid;
    gap: 12px;
}

.resource-list .resource-card {
    grid-template-columns: auto 1fr;
}

.resource-empty-state {
    padding: 22px;
    border: 1px dashed var(--resource-border, #DDE7C8);
    border-radius: 18px;
    background: var(--resource-cream, #FAF8F3);
    color: var(--resource-text, #435347);
}

.resource-empty-state strong {
    display: block;
    margin-bottom: 8px;
    color: var(--resource-forest, #1F3A26);
    font-size: 1.05rem;
}

.resource-empty-state p {
    margin: 0 0 14px;
}

.resource-library-section {
    scroll-margin-top: 130px;
}

.resource-section-head {
    margin-bottom: 18px;
}

.resource-anchor-nav__link {
    min-height: 44px;
}

@media (max-width: 700px) {
    .resource-grid {
        grid-template-columns: 1fr;
    }

    .resource-card {
        padding: 18px;
        gap: 14px;
    }

    .resource-card__icon {
        width: 46px;
        height: 46px;
        border-radius: 14px;
    }
}


/* global-search.css */
/* ==========================================================================
   Everklin Global Smart Search — STEP 1 (2026-08-08)

   Inline header Search Mode + header-attached autocomplete panel.
   Deliberately NOT a centered modal and NOT a full-page takeover: the search
   field lives inside the existing header row and the results open directly
   beneath the fixed header, so the current page stays visible behind them.
   ========================================================================== */

.sr-only {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0);
    white-space: nowrap; border: 0;
}

/* ---------- Search Mode inside the header row ---------- */

/* The search field is absolutely positioned inside the existing header row, so
   activating Search Mode cannot change header height or move the logo/CTA. */
.site-header .header-main { position: relative; }

/* Nav collapses to make room. Logo, header height and CTA stay put. */
body.ek-searchmode .desktop-nav { opacity: 0; visibility: hidden; pointer-events: none; }
/* Keep the header readable while searching (it is a light panel underneath). */
body.ek-searchmode .site-header { background: rgba(247, 245, 239, 0.98); }

.header-searchbar {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 10px;
    width: min(620px, calc(100% - 420px));
    padding: 9px 14px;
    border: 1px solid #d8e6a7;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(31, 58, 38, 0.06);
}
.header-searchbar[hidden] { display: none; }

.header-searchbar__icon { display: inline-flex; color: #7e9d35; }
.header-searchbar__icon svg { width: 18px; height: 18px; }

.header-searchbar__input {
    flex: 1;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #1f3a26;
    font: inherit;
    font-size: .95rem;
    outline: none;
}
.header-searchbar__input::placeholder { color: #8b978a; }
.header-searchbar__input::-webkit-search-cancel-button { display: none; }

.header-searchbar__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px; height: 28px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #6d7a68;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
}
.header-searchbar__close:hover { background: #eef4dc; color: #1f3a26; }
.header-searchbar__close:focus-visible { outline: 3px solid rgba(157,180,74,.45); outline-offset: 2px; }

/* ---------- Autocomplete panel, anchored under the header ---------- */
.ek-searchpanel {
    position: fixed;
    top: 0;                 /* set at runtime to the header's bottom edge */
    left: 50%;
    transform: translateX(-50%);
    z-index: 11500;
    width: min(820px, calc(100% - 40px));
    max-height: 66vh;
    overflow-y: auto;
    padding: 8px 8px 10px;
    background: #fffdf8;
    border: 1px solid #dde7c8;
    border-top: 0;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 22px 50px rgba(15, 59, 46, 0.16);
}
.ek-searchpanel[hidden] { display: none; }

.ek-sgroup {
    margin: 10px 10px 4px;
    color: #7d8a78;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

/* Compact, scannable rows — closer to a search engine than a card grid. */
.ek-srow {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2px 12px;
    padding: 8px 12px;
    border-radius: 6px;
    color: #1f3a26 !important;
    text-decoration: none;
}
.ek-srow:hover,
.ek-srow.is-active,
.ek-srow:focus-visible { background: #eef4dc; outline: none; }

.ek-srow__main { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.ek-srow__main strong { font-size: .93rem; font-weight: 700; }
.ek-srow__main em { color: #7e9d35; font-style: normal; font-weight: 850; font-size: .8rem; }
.ek-srow__path {
    grid-column: 1 / 2;
    color: #7d8a78;
    font-size: .74rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ek-srow__state {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
    align-self: center;
    color: #8a6a3a;
    font-size: .64rem;
    font-weight: 850;
    text-transform: uppercase;
}

.ek-schips { display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 10px 8px; }
.ek-schip {
    padding: 7px 13px;
    border: 1px solid #dde7c8;
    border-radius: 999px;
    background: #fff;
    color: #4f6a24 !important;
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
}
.ek-schip:hover { background: #eef4dc; border-color: #7e9d35; }
.ek-schip--cta { background: #7e9d35; border-color: #7e9d35; color: #fff !important; }

.ek-snomatch { margin: 12px 12px 6px; color: #5e6a60; font-size: .9rem; }
.ek-snomatch strong { color: #1f3a26; }

.ek-sall {
    display: block;
    margin-top: 6px;
    padding: 11px 12px;
    border-top: 1px solid #e6ecd8;
    color: #5f7a28 !important;
    font-size: .8rem;
    font-weight: 850;
    text-align: right;
    text-decoration: none;
}
.ek-sall:hover { background: #f8faf2; }

/* ---------- Mobile: full-width header search, results directly below ---------- */
@media (max-width: 991px) {
    .header-searchbar {
        left: 16px;
        right: 16px;
        width: auto;
        transform: translateY(-50%);
    }
    .header-searchbar__input { font-size: 16px; } /* prevents iOS zoom */
    .header-searchbar__close { width: 44px; height: 44px; }
    .ek-searchpanel {
        left: 0;
        right: 0;
        width: 100%;
        max-width: none;
        transform: none;
        max-height: calc(100vh - 70px);
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }
    .ek-srow { padding: 12px; min-height: 52px; }
    .ek-schip { min-height: 44px; display: inline-flex; align-items: center; }
}

/* ---------- /search/ full results page (secondary experience) ---------- */
.ek-search-page { background: #fff; }
.ek-search-page__head { padding: 130px 0 26px; background: #f8faf2; border-bottom: 1px solid #e6ecd8; }
.ek-search-page__head h1 { margin: 12px 0 22px; color: #1f3a26; font-size: clamp(2rem, 4vw, 3.2rem); }

.ek-search-page__form { display: flex; gap: 10px; max-width: 720px; }
.ek-search-page__input {
    flex: 1;
    min-width: 0;
    min-height: 50px;
    padding: 12px 16px;
    border: 1px solid #d8e6a7;
    border-radius: 8px;
    background: #fff;
    color: #1f3a26;
    font: inherit;
    outline: none;
}
.ek-search-page__input:focus { border-color: #7e9d35; box-shadow: 0 0 0 4px rgba(126, 157, 53, 0.18); }

.ek-search-page__filters { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.ek-search-page__filter {
    padding: 9px 16px;
    border: 1px solid #dde7c8;
    border-radius: 999px;
    background: #fff;
    color: #1f3a26;
    font: inherit;
    font-size: .8rem;
    font-weight: 800;
    cursor: pointer;
}
.ek-search-page__filter:hover { background: #eef4dc; }
.ek-search-page__filter.is-active { background: #7e9d35; border-color: #7e9d35; color: #fff; }
.ek-search-page__filter:focus-visible { outline: 3px solid rgba(157,180,74,.45); outline-offset: 2px; }

.ek-search-page__count { margin: 18px 0 0; color: #5e6a60; font-size: .88rem; }
.ek-search-page__body { padding: 34px 0 90px; }
.ek-search-page__results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

.ek-result { padding: 20px 22px; border: 1px solid #dde7c8; border-radius: 8px; background: #fff; }
.ek-result__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.ek-result__badge {
    padding: 4px 9px;
    border-radius: 3px;
    background: #dde7c8;
    color: #4f6a24;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.ek-result__state { color: #8a6a3a; font-size: .68rem; font-weight: 850; text-transform: uppercase; }
.ek-result h3 { margin: 0 0 8px; font-size: 1.04rem; }
.ek-result h3 a { color: #1f3a26; text-decoration: none; }
.ek-result h3 a:hover { color: #5f7a28; }
.ek-result h3 em { color: #7e9d35; font-style: normal; }
.ek-result p { margin: 0 0 8px; color: #5e6a60; font-size: .89rem; line-height: 1.6; }
.ek-result__path { display: block; color: #7d8a78; font-size: .74rem; }
.ek-result--empty { grid-column: 1 / -1; }

@media (max-width: 820px) {
    .ek-search-page__results { grid-template-columns: 1fr; }
    .ek-search-page__head { padding-top: 108px; }
    .ek-search-page__form { flex-direction: column; }
    .ek-search-page__input { font-size: 16px; }
    .ek-search-page__filter { min-height: 44px; }
}


/* request-workflow.css */
.request-workflow,
.request-workflow * {
    box-sizing: border-box;
}

.request-form {
    width: 100%;
    max-width: 820px;
    margin: 0;
    padding: 28px;
    border: 1px solid rgba(143, 174, 70, 0.22);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 45px rgba(70, 90, 20, 0.1);
}

.request-form__header {
    margin-bottom: 18px;
}

.request-form__header h2 {
    margin: 8px 0 8px;
    color: #1f3a26;
}

.request-form__header p,
.request-form__privacy,
.request-field__help {
    color: #435347;
}

.request-form__context {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0 22px;
    padding: 16px;
    border: 1px solid #d8e6a7;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(216, 230, 167, 0.7), rgba(255, 255, 255, 0.9));
}

.request-form__context span {
    display: grid;
    gap: 4px;
    color: #435347;
    font-size: 14px;
    min-width: 0;
}

.request-form__context strong {
    color: #1f3a26;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.request-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.request-field {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.request-field--wide {
    grid-column: 1 / -1;
}

/* Everklin change-request 2026-08-08: progressive-disclosure RFQ details */
.request-form__progressive {
    padding: 14px 16px;
    border: 1px solid #d8e0cb;
    border-radius: 6px;
    background: #f8faf2;
}

.request-form__progressive > summary {
    cursor: pointer;
    color: #1f3a26;
    font-size: 14px;
    font-weight: 700;
    list-style: none;
}

.request-form__progressive > summary::-webkit-details-marker {
    display: none;
}

.request-form__progressive > summary:before {
    content: "+ ";
    color: #718b31;
}

.request-form__progressive[open] > summary:before {
    content: "\2212 ";
}

.request-form__progressive > summary span {
    font-weight: 500;
    opacity: 0.7;
}

.request-form__progressive-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 14px;
}

@media (max-width: 640px) {
    .request-form__progressive-grid {
        grid-template-columns: 1fr;
    }
}

.request-field__label {
    color: #1f3a26;
    font-size: 14px;
    font-weight: 700;
}

.request-field__input,
.request-field textarea {
    width: 100%;
    min-height: 46px;
    border: 1px solid #d8e6a7;
    border-radius: 12px;
    background: #ffffff;
    color: #243328;
    font: inherit;
    padding: 12px 14px;
    outline: none;
    transition: border-color 180ms ease, box-shadow 180ms ease;
}

.request-field textarea {
    resize: vertical;
    min-height: 128px;
}

.request-field__input:focus,
.request-field textarea:focus,
.request-checkbox input:focus-visible,
.request-form__errors a:focus-visible,
.request-response:focus {
    border-color: #7e9d35;
    box-shadow: 0 0 0 4px rgba(126, 157, 53, 0.18);
}

.request-field__error,
.request-form__errors {
    color: #7a1f1f;
}

.request-field__error {
    font-size: 13px;
    font-weight: 700;
}

.request-field--error .request-field__input,
.request-field--error textarea {
    border-color: #b65a4a;
}

.request-form__errors,
.request-response {
    margin: 16px 0;
    padding: 16px 18px;
    border-radius: 14px;
}

.request-form__errors {
    border: 1px solid rgba(182, 90, 74, 0.28);
    background: rgba(255, 244, 240, 0.94);
}

.request-form__errors ul {
    margin: 8px 0 0;
    padding-left: 20px;
}

.request-form__errors a {
    color: #7a1f1f;
    font-weight: 700;
}

.request-response--success {
    border: 1px solid rgba(126, 157, 53, 0.28);
    background: rgba(238, 245, 223, 0.96);
    color: #1f3a26;
}

.request-response--error {
    border: 1px solid rgba(182, 90, 74, 0.28);
    background: rgba(255, 244, 240, 0.96);
    color: #7a1f1f;
}

.request-response strong,
.request-response span {
    display: block;
}

.request-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: 44px;
    color: #435347;
}

.request-checkbox input {
    width: 20px;
    height: 20px;
    margin-top: 2px;
    accent-color: #7e9d35;
}

.request-form__privacy {
    margin: 16px 0 0;
    font-size: 14px;
    line-height: 1.6;
}

.request-form__privacy a {
    color: #1f3a26;
    font-weight: 700;
}

.request-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.request-field--guard {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.request-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(31, 58, 38, 0.46);
}

.request-modal.is-open {
    display: flex;
}

.request-modal__dialog {
    width: min(860px, 100%);
    max-height: min(780px, calc(100vh - 48px));
    overflow: auto;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 30px 80px rgba(15, 59, 46, 0.22);
}

.request-modal__close {
    min-width: 44px;
    min-height: 44px;
}

@media (max-width: 760px) {
    .request-form {
        padding: 22px;
        border-radius: 16px;
    }

    .request-form__grid,
    .request-form__context {
        grid-template-columns: 1fr;
    }

    .request-form__actions {
        flex-direction: column;
    }

    .request-form__actions .page-button {
        width: 100%;
        justify-content: center;
    }
}

/* ==========================================================================
   Everklin change-request V8 (2026-08-08)
   Cascading enquiry selector: Solution > Programme > Application > Product
   plus a separate Industry / Plant Type field.
   ========================================================================== */
.request-cascade {
    grid-column: 1 / -1;
    margin: 4px 0 0;
    padding: 20px 20px 22px;
    border: 1px solid #d8e0cb;
    border-radius: 6px;
    background: #f8faf2;
}

.request-cascade__legend {
    padding: 0 6px;
    color: #1f3a26;
    font-size: 14px;
    font-weight: 700;
}

.request-cascade__legend span {
    font-weight: 500;
    opacity: 0.7;
}

.request-cascade__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 14px;
}

.request-cascade__grid--single {
    grid-template-columns: minmax(0, 1fr);
    max-width: calc(50% - 8px);
}

.request-cascade__field .request-field__label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.request-cascade__step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #dde7c8;
    color: #4f6a24;
    font-size: 11px;
    font-weight: 800;
}

.request-cascade__select {
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #7e9d35 50%), linear-gradient(135deg, #7e9d35 50%, transparent 50%);
    background-position: calc(100% - 18px) calc(50% + 2px), calc(100% - 13px) calc(50% + 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    padding-right: 38px;
}

.request-cascade__select:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    background-color: #f1f3ea;
}

@media (max-width: 640px) {
    .request-cascade__grid,
    .request-cascade__grid--single {
        grid-template-columns: 1fr;
        max-width: none;
    }
    /* Large touch targets on mobile. */
    .request-cascade__select {
        min-height: 48px;
    }
}


/* public-commercial.css */
.product-commercial{display:grid;gap:12px;margin-top:20px;padding:18px;border:1px solid #d4dfbf;border-radius:16px;background:#f8faF2;color:#263a2d}.product-commercial>div:first-child{display:grid;gap:3px}.product-commercial>div:first-child span{color:#5d7a29;font-size:10px;font-weight:850;letter-spacing:.1em}.product-commercial>div:first-child strong{font-size:18px}.product-commercial p{margin:0;color:#5a685d;font-size:14px;line-height:1.5}.product-commercial__actions{display:flex!important;flex-wrap:wrap;gap:9px}.product-commercial__actions a{display:inline-flex;min-height:40px;align-items:center;padding:0 14px;border:1px solid #527524;border-radius:9px;background:#527524;color:#fff!important;font-size:13px;font-weight:800;text-decoration:none}.product-commercial__actions a+ a{background:#fff;color:#46671f!important}.product-commercial ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.product-commercial li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #e1e9d4}.product-commercial li small{color:#6a776c;text-transform:capitalize}@media(max-width:520px){.product-commercial__actions a{width:100%;justify-content:center}.product-commercial li{grid-template-columns:1fr auto}.product-commercial li small{grid-column:1/-1}}


/* brand-refinements.css */
/* Final visual refinements: no structural or behavioral layout changes. */
:root {
    --ek-refine-cream: #F8F4EA;
    --ek-refine-sage: #EEF5E8;
    --ek-refine-sage-border: #D8E5C8;
    --ek-refine-forest: #2E4D2F;
    --ek-refine-olive: #6F9232;
    --ek-refine-icon: #4F7131;
    --ek-refine-charcoal: #3F3F3F;
}

/* Homepage hero: preserve all photography and slider behavior. */
.home-redesign .moving-hero {
    background: var(--ek-refine-cream) !important;
}

.home-redesign .moving-hero::before {
    background: linear-gradient(
        90deg,
        rgba(248, 244, 234, 0.95) 0%,
        rgba(238, 245, 232, 0.75) 35%,
        rgba(245, 248, 241, 0.35) 60%,
        rgba(245, 248, 241, 0) 100%
    ) !important;
}

.home-redesign .moving-hero::after {
    background: linear-gradient(115deg, transparent 24%, rgba(238, 245, 232, 0.2) 48%, transparent 72%) !important;
    background-size: 220% 100% !important;
}

.home-redesign .moving-hero h1 {
    font-weight: 600;
    line-height: 1.07;
    letter-spacing: 0;
}

.home-redesign .moving-hero .section-kicker {
    font-weight: 800;
    line-height: 1.4;
}

.home-redesign .moving-hero-actions {
    gap: 16px;
    margin-top: 38px;
}

.home-redesign .moving-hero-button {
    padding-right: 34px !important;
    padding-left: 34px !important;
    box-shadow: 0 14px 32px rgba(79, 111, 43, 0.2) !important;
    transition: color 220ms ease, background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease !important;
}

.home-redesign .moving-hero-button:hover {
    box-shadow: 0 18px 38px rgba(79, 111, 43, 0.25) !important;
    transform: translateY(-2px);
}

.home-redesign .moving-hero-button-secondary {
    box-shadow: 0 10px 28px rgba(46, 77, 47, 0.1) !important;
}

/* Unified Everklin outline icon language. Parent components retain their hierarchy. */
svg.line-svg,
.line-svg {
    color: inherit !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    filter: none !important;
}

:where(.detail-icon, .feature-icon, .cert-icon, .hub-icon, .solution-icon, .industry-icon, .page-icon, .catalog-icon) {
    color: var(--ek-refine-icon) !important;
    border-color: var(--ek-refine-sage-border) !important;
    background-color: var(--ek-refine-sage) !important;
    transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease, transform 200ms ease !important;
}

:where(.card, article, a):hover > :where(.detail-icon, .feature-icon, .cert-icon, .hub-icon, .solution-icon, .industry-icon, .page-icon, .catalog-icon),
:where(.card, article, a):focus-visible > :where(.detail-icon, .feature-icon, .cert-icon, .hub-icon, .solution-icon, .industry-icon, .page-icon, .catalog-icon) {
    color: var(--ek-refine-olive) !important;
    background-color: #E5EFDA !important;
    border-color: #C9DBB4 !important;
    transform: translateY(-2px);
}

.site-header .mega-link-icon {
    color: var(--ek-refine-olive) !important;
}

.site-header .has-dropdown.is-hover-open > .nav-arrow::before {
    transform: translateY(2px) rotate(225deg);
}

.hero-arrow .line-svg,
.catalog-slider-controls .line-svg,
.detail-arrow-controls .line-svg,
.industry-carousel-arrow .line-svg,
.cert-arrow .line-svg,
.slider-arrow .line-svg,
.carousel-arrow .line-svg {
    width: 18px;
    height: 18px;
}

/* Premium light footer. Existing grid, spacing, content and logo remain unchanged. */
footer.site-footer,
.site-footer {
    color: var(--ek-refine-charcoal) !important;
    background: linear-gradient(180deg, #FCFBF7 0%, var(--ek-refine-cream) 100%) !important;
}

footer.site-footer::before,
.site-footer::before {
    opacity: 1 !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(216, 229, 200, 0.34), transparent 26%),
        radial-gradient(circle at 88% 78%, rgba(238, 245, 232, 0.52), transparent 28%) !important;
}

footer.site-footer .footer-leaf-art {
    opacity: 0.045 !important;
}

footer.site-footer .footer-column .footer-column-title,
footer.site-footer .footer-column h3,
footer.site-footer .footer-column strong {
    color: var(--ek-refine-forest) !important;
}

footer.site-footer .footer-column a,
footer.site-footer .footer-column p,
footer.site-footer .footer-column li,
footer.site-footer .footer-column address,
footer.site-footer .footer-column span {
    color: var(--ek-refine-charcoal) !important;
}

footer.site-footer .footer-column a:hover,
footer.site-footer .footer-bottom a:hover {
    color: var(--ek-refine-olive) !important;
}

footer.site-footer .footer-contact-panel {
    border-left-color: var(--ek-refine-sage-border) !important;
}

footer.site-footer .footer-column .footer-contact-icon {
    color: #7AA541 !important;
    border: 1px solid var(--ek-refine-sage-border) !important;
    background: var(--ek-refine-sage) !important;
}

footer.site-footer .footer-contact-icon .line-svg {
    width: 15px;
    height: 15px;
}

footer.site-footer .footer-bottom {
    border-top-color: var(--ek-refine-sage-border) !important;
}

footer.site-footer .footer-bottom,
footer.site-footer .footer-bottom p,
footer.site-footer .footer-bottom a {
    color: #555555 !important;
}

footer.site-footer a:focus-visible {
    outline: 3px solid rgba(111, 146, 50, 0.4);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .home-redesign .moving-hero-button,
    :where(.detail-icon, .feature-icon, .cert-icon, .hub-icon, .solution-icon, .industry-icon, .page-icon, .catalog-icon) {
        transform: none !important;
    }
}

/* Master UI/UX refinement: final visual polish only. */
:root {
    --ek-ui-radius-sm: 10px;
    --ek-ui-radius-md: 14px;
    --ek-ui-radius-lg: 18px;
    --ek-ui-radius-xl: 22px;
    --ek-ui-section-y: clamp(54px, 5.4vw, 82px);
    --ek-ui-section-y-compact: clamp(38px, 4vw, 60px);
    --ek-ui-card-pad: clamp(18px, 1.8vw, 24px);
    --ek-ui-gap: clamp(14px, 1.6vw, 22px);
    --ek-ui-shadow-card: 0 14px 36px rgba(36, 51, 40, 0.07);
    --ek-ui-shadow-hover: 0 20px 46px rgba(36, 51, 40, 0.12);
    --ek-ui-border: #DDE7C8;
    --ek-ui-sage: #EEF5DF;
    --ek-ui-cream: #F8F6F0;
    --ek-ui-olive: #7E9D35;
    --ek-ui-olive-dark: #6E8A2E;
    --ek-ui-forest: #1F3A26;
    --ek-ui-text: #435347;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

:where(.inner-section-head, .industry-section-heading, .solution-section-head, .mnc-section-head, .download-section-head, .resource-section-head) {
    max-width: 820px !important;
    margin-bottom: clamp(20px, 2.4vw, 30px) !important;
    text-align: left !important;
}

:where(.inner-section-head, .industry-section-heading, .solution-section-head, .mnc-section-head, .download-section-head, .resource-section-head) :where(h1, h2) {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    font-size: clamp(28px, 3.1vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
}

:where(.inner-section-head, .industry-section-heading, .solution-section-head, .mnc-section-head, .download-section-head, .resource-section-head) p {
    max-width: 700px !important;
    margin-top: 12px !important;
    font-size: clamp(15px, 1.15vw, 17px) !important;
    line-height: 1.62 !important;
}

:where(.page-kicker, .inner-kicker, .anchor-eyebrow, .section-kicker, .product-category-badge) {
    letter-spacing: 0.12em !important;
}

:where(.page-actions, .anchor-actions, .product-actions, .request-form__actions, .mnc-category-actions, .download-actions, .mega-cta-actions) {
    gap: 12px !important;
}

:where(.btn, .btn-gold, .header-cta, .get-in-touch-btn, .page-button, .hub-button, .hero-button, .premium-button, .footer-cta-button, .resource-action, button[type="submit"], input[type="submit"]) {
    display: inline-flex !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 20px !important;
    border-radius: 999px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    transition: transform 200ms ease, background-color 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease !important;
}

:where(.btn, .btn-gold, .header-cta, .get-in-touch-btn, .page-button, .hub-button, .hero-button, .premium-button, .footer-cta-button, .resource-action, button[type="submit"], input[type="submit"]):hover {
    transform: translateY(-2px);
}

:where(.btn-secondary, .page-button-secondary, .hub-button.is-secondary, .hero-button.secondary, .premium-button.is-secondary, .resource-action--pending) {
    border-color: var(--ek-ui-olive) !important;
}

:where(.product-card-grid, .application-icon-grid, .packaging-card-grid, .download-card-grid, .overview-point-grid, .industry-challenge-grid, .industry-solution-grid, .industry-benefit-grid, .industry-related-grid, .industry-document-list, .solution-category-grid, .solution-product-grid, .solution-industry-grid, .solution-overview-points, .solution-why-grid, .mnc-product-grid, .mnc-application-grid, .mnc-download-grid, .mnc-category-feature-grid, .mnc-offering-grid, .mnc-related-category-grid, .anchor-card-grid, .resource-grid, .featured-download-grid, .download-grid, .download-cert-grid, .download-stat-section) {
    gap: var(--ek-ui-gap) !important;
    align-items: stretch !important;
}

:where(.product-info-card, .application-icon-grid article, .packaging-card-grid article, .product-packaging-card, .download-card, .related-product-card, .product-icon-card-grid a, .product-icon-card-grid article, .product-credential-grid span, .industry-challenge-grid article, .industry-benefit-grid article, .industry-solution-grid > a, .industry-related-grid > a, .industry-category-list a, .industry-document-list a, .solution-category-card, .solution-product-card, .solution-industry-card, .solution-overview-points article, .solution-why-grid article, .mnc-product-card a, .mnc-application-card, .mnc-download-card, .mnc-industry-card, .mnc-why-card, .mnc-cert-card, .mnc-category-feature-card, .mnc-offering-card, .mnc-related-category-card, .mnc-workflow article, .anchor-card, .resource-card, .featured-download-card, .enterprise-download-card, .download-cert-grid article, .download-stat-section article, .request-form, .resource-empty-state, .placeholder-card, .completion-card) {
    border-color: var(--ek-ui-border) !important;
    border-radius: var(--ek-ui-radius-lg) !important;
    box-shadow: var(--ek-ui-shadow-card) !important;
}

:where(.product-info-card, .application-icon-grid article, .packaging-card-grid article, .product-packaging-card, .download-card, .related-product-card, .product-icon-card-grid a, .product-icon-card-grid article, .industry-challenge-grid article, .industry-benefit-grid article, .industry-solution-grid > a, .industry-related-grid > a, .solution-category-card, .solution-product-card, .solution-industry-card, .solution-overview-points article, .solution-why-grid article, .mnc-product-card a, .mnc-application-card, .mnc-download-card, .mnc-industry-card, .mnc-why-card, .mnc-cert-card, .mnc-category-feature-card, .mnc-offering-card, .mnc-related-category-card, .anchor-card, .resource-card, .featured-download-card, .enterprise-download-card):hover {
    border-color: var(--ek-ui-olive) !important;
    box-shadow: var(--ek-ui-shadow-hover) !important;
    transform: translateY(-3px) !important;
}

:where(.product-info-card, .application-icon-grid article, .packaging-card-grid article, .download-card, .industry-challenge-grid article, .industry-benefit-grid article, .industry-solution-grid > a, .solution-overview-points article, .solution-why-grid article, .mnc-category-feature-card, .mnc-offering-card, .anchor-card, .resource-card) {
    padding: var(--ek-ui-card-pad) !important;
}

:where(.industry-card-icon, .resource-card__icon, .download-cert-grid .line-svg, .solution-overview-points .line-svg, .solution-why-grid .line-svg, .solution-industry-card > div > .line-svg, .pdf-icon, .mnc-download-card span, .mnc-industry-card span) {
    border-radius: var(--ek-ui-radius-md) !important;
}

:where(.industry-page-hero-media, .industry-overview-media, .solution-hero-media, .anchor-hero-media, .mnc-category-visual-image, .mnc-consultation-card figure, .anchor-image-card, .overview-side-image) {
    border-radius: var(--ek-ui-radius-xl) !important;
}

:where(.industry-page-hero-media img, .industry-overview-media img, .solution-hero-media img, .mnc-category-visual-image img, .mnc-consultation-card img, .anchor-image-card img, .download-thumb img, .solution-category-card img, .solution-industry-card img, .mnc-related-category-card img, .industry-related-grid img) {
    display: block;
    width: 100%;
    object-fit: cover;
}

.mega-menu.solutions-mega,
.mega-menu.standard-mega,
.solenis-dropdown.solutions-dropdown {
    width: min(1180px, calc(100vw - 48px)) !important;
    height: min(520px, calc(100vh - 128px)) !important;
    border-radius: var(--ek-ui-radius-lg) !important;
}

.solutions-mega-inner,
.standard-mega-inner {
    grid-template-columns: 276px 300px minmax(260px, 1fr) 260px !important;
    height: 100% !important;
}

.solutions-panel-one,
.solutions-sub-list,
.solutions-product-list {
    padding: 18px !important;
}

.mega-item,
.mega-sub-item,
.mega-product-item,
.solutions-main-link,
.solutions-sub-list a,
.solutions-product-list a {
    min-height: 46px !important;
    padding: 10px 13px !important;
    border-radius: var(--ek-ui-radius-sm) !important;
    font-size: clamp(14px, 1vw, 16px) !important;
    line-height: 1.25 !important;
}

.solutions-main-link {
    min-height: 60px !important;
}

.mega-promo,
.solutions-promo-card,
.mega-cta-panel {
    width: calc(100% - 36px) !important;
    margin: 18px !important;
    padding: 22px !important;
    border-radius: var(--ek-ui-radius-lg) !important;
}

.promo-leaf,
.mega-cta-icon {
    width: 54px !important;
    height: 54px !important;
    margin-bottom: 16px !important;
}

.mega-cta-highlights {
    gap: 8px !important;
    margin-top: 14px !important;
}

.site-header .nav-list {
    gap: clamp(14px, 1.8vw, 24px) !important;
}

.site-header .nav-list > .nav-item > a,
.site-header .nav-link {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.shared-solution-page {
    --solution-section-space: clamp(50px, 5vw, 70px);
    --solution-section-space-compact: clamp(38px, 4vw, 56px);
    --solution-card-padding: clamp(18px, 1.6vw, 22px);
    --solution-grid-gap: var(--ek-ui-gap);
    --solution-card-radius: var(--ek-ui-radius-lg);
}

.solution-system-hero {
    padding: clamp(40px, 5vw, 58px) 0 clamp(34px, 4vw, 46px) !important;
}

.solution-hero-media,
.solution-system-hero .anchor-metrics {
    min-height: clamp(320px, 38vw, 410px) !important;
}

.solution-system-hero .anchor-metric {
    min-height: 82px !important;
}

.solution-section,
.industry-section,
.mnc-category-section,
.product-section,
.product-extra-section,
.inner-content-section,
.download-featured-section {
    padding-top: var(--ek-ui-section-y) !important;
    padding-bottom: var(--ek-ui-section-y) !important;
}

.product-help-cta,
.mnc-category-consultation,
.solution-final-cta,
.industry-downloads-section,
.industry-support-section,
.anchor-final-cta,
.download-support-cta {
    padding-top: var(--ek-ui-section-y-compact) !important;
    padding-bottom: var(--ek-ui-section-y-compact) !important;
}

.product-tab-content {
    padding-top: clamp(38px, 4.5vw, 56px) !important;
    padding-bottom: clamp(46px, 5vw, 64px) !important;
}

.product-tab-panel {
    padding: clamp(24px, 3vw, 34px) !important;
    border-radius: var(--ek-ui-radius-xl) !important;
    box-shadow: 0 22px 56px rgba(36, 51, 40, 0.09) !important;
}

.product-tabs .container,
.product-sticky-nav .container {
    gap: 8px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.product-tabs button,
.product-sticky-nav a {
    min-height: 40px !important;
    padding: 9px 15px !important;
    border-radius: 999px !important;
}

.universal-product-page .product-hero-grid {
    gap: clamp(34px, 4vw, 54px) !important;
}

.universal-product-page .product-image-stage {
    min-height: clamp(340px, 38vw, 500px) !important;
}

.universal-product-page .product-image-stage img {
    max-height: min(460px, 72vh) !important;
}

.product-feature-grid {
    gap: 12px !important;
}

.universal-product-page .feature-icon-grid span {
    min-height: 72px !important;
    padding: 12px !important;
}

.product-packaging-card {
    min-height: 300px !important;
}

.product-packaging-card img {
    height: 128px !important;
}

.related-product-card-image {
    min-height: 292px !important;
}

.related-product-card-image img {
    height: 126px !important;
}

.product-icon-card-grid a,
.product-icon-card-grid article {
    min-height: 148px !important;
}

.product-credential-grid span {
    min-height: 86px !important;
}

.product-help-card,
.mnc-consultation-card,
.anchor-final-card,
.industry-request-panel,
.solution-final-cta .anchor-final-card {
    max-width: 1040px;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: clamp(26px, 3.2vw, 38px) !important;
    border-radius: var(--ek-ui-radius-xl) !important;
}

.product-help-card .page-actions,
.mnc-consultation-card .page-actions,
.industry-request-panel .page-actions,
.anchor-final-card .anchor-actions,
.solution-final-cta .anchor-actions {
    margin-top: 20px !important;
}

.mnc-category-hero {
    padding-top: clamp(52px, 6vw, 74px) !important;
    padding-bottom: clamp(26px, 3vw, 36px) !important;
}

.mnc-category-hero-grid {
    gap: clamp(34px, 4vw, 52px) !important;
}

.mnc-category-copy h1 {
    font-size: clamp(40px, 5vw, 60px) !important;
}

.mnc-category-visual {
    min-height: clamp(380px, 42vw, 480px) !important;
}

.mnc-product-card a {
    min-height: 380px !important;
}

.mnc-application-card,
.mnc-download-card,
.mnc-category-feature-card,
.mnc-offering-card {
    min-height: 180px !important;
}

.mnc-industry-card {
    min-height: 270px !important;
}

.mnc-why-card {
    min-height: 220px !important;
}

.mnc-cert-card {
    min-height: 136px !important;
}

.mnc-workflow article {
    min-height: 130px !important;
}

.industry-page-hero-grid {
    min-height: clamp(480px, 52vw, 560px) !important;
    gap: clamp(34px, 4vw, 48px) !important;
}

.industry-page-hero-copy {
    padding-top: clamp(50px, 6vw, 66px) !important;
    padding-bottom: clamp(44px, 5vw, 60px) !important;
}

.industry-page-hero-copy .breadcrumb {
    margin-bottom: clamp(20px, 3vw, 30px) !important;
}

.industry-page-hero-media {
    min-height: clamp(340px, 38vw, 430px) !important;
    margin-top: clamp(30px, 4vw, 38px) !important;
    margin-bottom: clamp(30px, 4vw, 38px) !important;
}

.industry-challenge-grid article,
.industry-benefit-grid article {
    min-height: 206px !important;
}

.industry-solution-grid > a {
    min-height: 244px !important;
}

.industry-category-layout,
.industry-application-layout,
.industry-overview-grid {
    gap: clamp(28px, 4vw, 48px) !important;
}

.industry-download-panel {
    max-width: 1180px !important;
}

.industry-document-list .resource-card {
    min-height: 0 !important;
}

.company-anchor-page .anchor-layout,
.resources-anchor-page .anchor-layout,
.sustainability-anchor-page .anchor-layout,
.anchor-layout {
    padding-top: clamp(28px, 3.5vw, 46px) !important;
    padding-bottom: clamp(42px, 5vw, 64px) !important;
}

.company-anchor-page .anchor-content,
.resources-anchor-page .anchor-content,
.sustainability-anchor-page .anchor-content,
.anchor-content {
    gap: clamp(16px, 2vw, 24px) !important;
}

.company-anchor-page .anchor-section,
.resources-anchor-page .anchor-section,
.sustainability-anchor-page .anchor-section,
.anchor-section {
    padding: clamp(20px, 2.4vw, 32px) !important;
    border-radius: var(--ek-ui-radius-xl) !important;
}

.anchor-hero {
    padding-top: clamp(48px, 5.6vw, 66px) !important;
    padding-bottom: clamp(28px, 3.8vw, 42px) !important;
}

.anchor-hero h1 {
    font-size: clamp(40px, 5.4vw, 68px) !important;
}

.anchor-hero p {
    font-size: clamp(16px, 1.4vw, 18px) !important;
    line-height: 1.68 !important;
}

.anchor-hero-media,
.anchor-metrics {
    min-height: clamp(300px, 36vw, 390px) !important;
}

.anchor-metric {
    min-height: 92px !important;
    padding: 16px !important;
}

.anchor-card {
    min-height: 128px !important;
}

.resource-card {
    min-height: 0 !important;
}

.resource-card__description {
    line-height: 1.55 !important;
}

.download-card-body,
.resource-card__content {
    display: flex !important;
    min-width: 0;
    flex-direction: column;
}

.resource-card__actions,
.download-actions {
    margin-top: auto !important;
}

.download-thumb {
    height: 116px !important;
}

.download-card-body {
    padding: 20px !important;
}

.download-control-panel {
    padding: 14px !important;
}

.request-form {
    padding: clamp(22px, 2.6vw, 30px) !important;
    border-radius: var(--ek-ui-radius-xl) !important;
}

.request-form__grid {
    gap: 14px !important;
}

.request-field {
    gap: 6px !important;
}

.request-field__input,
.request-field textarea,
.contact-form input,
.contact-form select,
.contact-form textarea,
.anchor-form input,
.anchor-form select,
.anchor-form textarea {
    min-height: 44px !important;
    border-color: var(--ek-ui-border) !important;
    border-radius: var(--ek-ui-radius-md) !important;
    box-shadow: none !important;
}

.request-field textarea,
.contact-form textarea,
.anchor-form textarea {
    min-height: 112px !important;
}

footer.site-footer,
.site-footer {
    padding-top: clamp(50px, 6vw, 72px) !important;
    padding-bottom: clamp(28px, 3vw, 36px) !important;
}

footer.site-footer .footer-grid {
    gap: clamp(26px, 3vw, 42px) !important;
    align-items: start !important;
}

footer.site-footer .footer-column .footer-column-title,
footer.site-footer .footer-column h3 {
    margin-bottom: 14px !important;
}

footer.site-footer .footer-column p,
footer.site-footer .footer-column a,
footer.site-footer .footer-column li,
footer.site-footer .footer-column address {
    font-size: 15px !important;
    line-height: 1.68 !important;
}

@media (max-width: 1180px) {
    .solutions-mega-inner,
    .standard-mega-inner {
        grid-template-columns: 250px 270px minmax(240px, 1fr) 240px !important;
    }

    .mnc-product-grid,
    .solution-product-grid,
    .download-grid,
    .featured-download-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1024px) {
    .mega-menu.solutions-mega,
    .mega-menu.standard-mega,
    .solenis-dropdown.solutions-dropdown {
        width: min(100vw - 28px, 980px) !important;
    }

    .solutions-mega-inner,
    .standard-mega-inner {
        grid-template-columns: 230px 250px minmax(220px, 1fr) !important;
    }

    .mega-promo,
    .solutions-promo-card,
    .mega-cta-panel {
        display: none !important;
    }
}

@media (max-width: 900px) {
    .solution-section,
    .industry-section,
    .mnc-category-section,
    .product-section,
    .product-extra-section,
    .inner-content-section,
    .download-featured-section {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .product-help-card,
    .mnc-consultation-card {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .industry-page-hero-grid,
    .mnc-category-hero-grid,
    .universal-product-page .product-hero-grid {
        grid-template-columns: 1fr !important;
    }

    .mnc-product-grid,
    .solution-product-grid,
    .solution-category-grid,
    .solution-industry-grid,
    .industry-challenge-grid,
    .industry-benefit-grid,
    .industry-related-grid,
    .download-grid,
    .featured-download-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    :root {
        --ek-ui-card-pad: 18px;
        --ek-ui-gap: 14px;
    }

    :where(.page-actions, .anchor-actions, .product-actions, .request-form__actions, .mnc-category-actions) {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    :where(.page-actions, .anchor-actions, .product-actions, .request-form__actions, .mnc-category-actions) :where(.page-button, .hub-button, .hero-button, .premium-button, .btn) {
        width: 100% !important;
    }

    .mnc-product-grid,
    .solution-product-grid,
    .solution-category-grid,
    .solution-industry-grid,
    .solution-overview-points,
    .solution-why-grid,
    .industry-challenge-grid,
    .industry-solution-grid,
    .industry-benefit-grid,
    .industry-related-grid,
    .industry-document-list,
    .industry-category-list,
    .mnc-application-grid,
    .mnc-download-grid,
    .mnc-workflow,
    .download-grid,
    .featured-download-grid,
    .download-cert-grid,
    .download-stat-section {
        grid-template-columns: 1fr !important;
    }

    .product-tab-panel,
    .company-anchor-page .anchor-section,
    .resources-anchor-page .anchor-section,
    .sustainability-anchor-page .anchor-section,
    .anchor-section {
        padding: 20px !important;
        border-radius: var(--ek-ui-radius-lg) !important;
    }

    .product-tabs .container,
    .product-sticky-nav .container,
    .industry-local-nav .container,
    .solution-quick-nav .container {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }

    .industry-page-hero-copy {
        padding-top: 38px !important;
        padding-bottom: 24px !important;
    }

    .industry-page-hero-media,
    .solution-hero-media,
    .anchor-hero-media,
    .mnc-category-visual {
        min-height: 280px !important;
    }

    .universal-product-page .product-image-stage {
        min-height: 310px !important;
    }
}

@media (max-width: 380px) {
    :where(.btn, .btn-gold, .header-cta, .get-in-touch-btn, .page-button, .hub-button, .hero-button, .premium-button, .footer-cta-button, .resource-action, button[type="submit"], input[type="submit"]) {
        padding-right: 14px !important;
        padding-left: 14px !important;
        font-size: 14px !important;
    }

    .anchor-hero h1,
    .industry-page-hero-copy h1,
    .mnc-category-copy h1,
    .solution-system-hero h1,
    .universal-product-page .product-hero-copy h1 {
        font-size: clamp(32px, 11vw, 38px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    :where(.btn, .btn-gold, .header-cta, .get-in-touch-btn, .page-button, .hub-button, .hero-button, .premium-button, .footer-cta-button, .resource-action, .product-info-card, .application-icon-grid article, .packaging-card-grid article, .product-packaging-card, .download-card, .related-product-card, .product-icon-card-grid a, .product-icon-card-grid article, .industry-challenge-grid article, .industry-benefit-grid article, .industry-solution-grid > a, .industry-related-grid > a, .solution-category-card, .solution-product-card, .solution-industry-card, .mnc-product-card a, .mnc-application-card, .mnc-download-card, .mnc-industry-card, .mnc-why-card, .mnc-cert-card, .anchor-card, .resource-card, .featured-download-card, .enterprise-download-card) {
        transform: none !important;
        transition-duration: 0.01ms !important;
    }
}


/* digital-transformation.css */
/*
 * Everklin Digital Transformation Layer
 * Purpose: unify the existing PHP website without changing routes, data,
 * backend workflows, header structure, mega-menu logic or product tabs.
 */
:root {
    --edt-ink: #102018;
    --edt-heading: #1d3824;
    --edt-text: #425147;
    --edt-muted: #657168;
    --edt-olive-950: #1f331f;
    --edt-olive-900: #2d4728;
    --edt-olive-800: #3d5a2b;
    --edt-olive-700: #5f7f30;
    --edt-olive-600: #6f8b2f;
    --edt-olive-500: #7e9d35;
    --edt-olive-400: #91ad4c;
    --edt-olive-300: #abc763;
    --edt-olive-200: #d8e6a7;
    --edt-olive-100: #eef5df;
    --edt-cream: #faf8f3;
    --edt-white: #ffffff;
    --edt-line: rgba(111, 139, 47, .2);
    --edt-line-strong: rgba(111, 139, 47, .38);
    --edt-water: #256f9f;
    --edt-steam: #c26b32;
    --edt-radius-sm: 12px;
    --edt-radius-md: 16px;
    --edt-radius-lg: 24px;
    --edt-radius-xl: 34px;
    --edt-shadow-sm: 0 10px 28px rgba(29, 56, 36, .07);
    --edt-shadow-md: 0 20px 58px rgba(29, 56, 36, .12);
    --edt-shadow-lg: 0 36px 100px rgba(29, 56, 36, .16);
    --edt-container: 1360px;
    --edt-section: clamp(60px, 7vw, 112px);
    --edt-section-compact: clamp(42px, 5vw, 76px);
    --edt-ease: cubic-bezier(.2, .75, .25, 1);
    --edt-fast: 180ms;
    --edt-med: 320ms;
}

html {
    scroll-padding-top: 118px;
}

body.everklin-transformed {
    color: var(--edt-ink);
    background:
        radial-gradient(circle at 12% 4%, rgba(216, 230, 167, .32), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, var(--edt-cream) 48%, #ffffff 100%);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.everklin-transformed,
body.everklin-transformed input,
body.everklin-transformed select,
body.everklin-transformed textarea,
body.everklin-transformed button {
    font-family: Inter, Manrope, "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.everklin-transformed :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid rgba(126, 157, 53, .45);
    outline-offset: 3px;
}

body.everklin-transformed .container {
    width: min(100% - clamp(30px, 5vw, 72px), var(--edt-container));
}

body.everklin-transformed .skip-link {
    border-radius: 999px;
    background: var(--edt-olive-900);
    color: #fff;
    box-shadow: var(--edt-shadow-sm);
}

body.everklin-transformed .site-header {
    position: sticky !important;
    top: 0;
    z-index: 9999 !important;
    border-bottom: 1px solid rgba(111, 139, 47, .16);
    background: rgba(255, 255, 255, .9) !important;
    box-shadow: none !important;
    backdrop-filter: blur(20px);
}

body.everklin-transformed .site-header.is-scrolled,
body.everklin-transformed .site-header.is-menu-open {
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 16px 44px rgba(29, 56, 36, .08) !important;
}

body.everklin-transformed .site-header .header-main {
    min-height: 78px;
}

body.everklin-transformed .site-header .nav-list > .nav-item > a,
body.everklin-transformed .site-header .nav-link,
body.everklin-transformed .site-header .nav-trigger,
body.everklin-transformed .site-header .nav-arrow {
    min-height: 78px;
    color: var(--edt-heading) !important;
    text-shadow: none !important;
}

body.everklin-transformed .site-header .nav-item:hover > .nav-link,
body.everklin-transformed .site-header .nav-list > .nav-item > a:hover,
body.everklin-transformed .site-header .nav-arrow:hover,
body.everklin-transformed .site-header .nav-item:focus-within > .nav-link {
    color: var(--edt-olive-600) !important;
}

body.everklin-transformed .header-search,
body.everklin-transformed .header-cta {
    min-height: 44px;
}

body.everklin-transformed .header-cta {
    min-width: max-content;
    border-radius: 999px !important;
    background: var(--edt-olive-500) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(126, 157, 53, .18);
}

body.everklin-transformed .header-cta:hover {
    background: var(--edt-olive-700) !important;
}

body.everklin-transformed .site-header .mega-menu,
body.everklin-transformed .site-header .solenis-dropdown {
    border: 1px solid rgba(111, 139, 47, .16) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(90deg, #ffffff 0%, #ffffff 72%, #f3f8e8 100%) !important;
    box-shadow: 0 38px 120px rgba(29, 56, 36, .16) !important;
}

body.everklin-transformed .site-header .mega-item:hover,
body.everklin-transformed .site-header .mega-sub-item:hover,
body.everklin-transformed .site-header .mega-product-item:hover,
body.everklin-transformed .site-header .mega-item.is-active,
body.everklin-transformed .site-header .mega-sub-item.is-active {
    background: var(--edt-olive-100) !important;
    color: var(--edt-heading) !important;
}

body.everklin-transformed .site-header .mega-link-icon,
body.everklin-transformed .site-header .mega-product-item::before {
    color: var(--edt-olive-600) !important;
}

body.everklin-transformed .site-header .mega-cta-panel,
body.everklin-transformed .site-header .mega-promo.solutions-promo-card {
    background:
        radial-gradient(circle at 82% 12%, rgba(255, 255, 255, .16), transparent 30%),
        linear-gradient(145deg, var(--edt-olive-700), var(--edt-olive-950)) !important;
}

body.everklin-transformed :where(
    .home-redesign,
    .anchor-page,
    .shared-solution-page,
    .mnc-category-page,
    .product-page,
    .industry-page,
    .resource-page,
    .enterprise-contact-page,
    .ek-prototype
) :where(h1, h2, h3, h4) {
    color: var(--edt-heading);
    letter-spacing: 0;
}

body.everklin-transformed :where(
    .home-redesign,
    .anchor-page,
    .shared-solution-page,
    .mnc-category-page,
    .product-page,
    .industry-page,
    .resource-page,
    .enterprise-contact-page,
    .ek-prototype
) :where(p, li) {
    color: var(--edt-text);
}

body.everklin-transformed :where(.inner-kicker, .page-kicker, .section-kicker, .anchor-eyebrow, .ek-eyebrow) {
    color: var(--edt-olive-600) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

body.everklin-transformed :where(
    .anchor-hero,
    .solution-system-hero,
    .mnc-category-hero,
    .industry-page-hero,
    .product-hero,
    .industries-index-hero,
    .sustainability-hero,
    .ek-hero
) {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 18%, rgba(171, 199, 99, .28), transparent 30%),
        radial-gradient(circle at 12% 86%, rgba(37, 111, 159, .1), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #fbfcf6 46%, #e9f1d4 100%) !important;
}

body.everklin-transformed :where(
    .anchor-hero,
    .solution-system-hero,
    .mnc-category-hero,
    .industry-page-hero,
    .product-hero,
    .industries-index-hero,
    .sustainability-hero,
    .ek-hero
)::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(29, 56, 36, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 56, 36, .045) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(circle at 76% 45%, #000 0 30%, transparent 70%);
}

body.everklin-transformed :where(
    .anchor-hero-grid,
    .solution-overview-grid,
    .mnc-category-hero-grid,
    .industry-page-hero-grid,
    .product-hero-grid,
    .ek-hero__grid
) {
    position: relative;
    z-index: 1;
}

body.everklin-transformed :where(
    .anchor-hero h1,
    .solution-system-hero h1,
    .mnc-category-hero h1,
    .industry-page-hero h1,
    .product-hero h1,
    .industries-index-hero h1,
    .sustainability-hero h1,
    .ek-hero-title
) {
    font-size: clamp(46px, 6.6vw, 96px) !important;
    line-height: .92 !important;
    letter-spacing: 0 !important;
}

body.everklin-transformed :where(
    .anchor-hero p,
    .solution-system-hero p,
    .mnc-category-hero p,
    .industry-page-hero p,
    .product-hero .product-subtitle,
    .ek-lead
) {
    font-size: clamp(16px, 1.35vw, 20px);
    line-height: 1.65;
}

body.everklin-transformed :where(
    .anchor-hero-media,
    .solution-hero-media,
    .mnc-category-visual-image,
    .industry-page-hero-media,
    .product-image-stage,
    .ek-hero__media,
    .ek-image-panel
) {
    overflow: hidden;
    border: 1px solid rgba(111, 139, 47, .18) !important;
    border-radius: var(--edt-radius-xl) !important;
    background: #fff !important;
    box-shadow: var(--edt-shadow-lg) !important;
}

body.everklin-transformed :where(
    .anchor-hero-media img,
    .solution-category-card img,
    .solution-industry-card img,
    .mnc-category-visual-image img,
    .mnc-product-card img,
    .industry-page-hero-media img,
    .product-image-stage img,
    .ek-hero__media img
) {
    filter: saturate(1.04) contrast(1.03);
}

body.everklin-transformed :where(
    .anchor-section,
    .solution-section,
    .mnc-category-section,
    .product-section,
    .product-extra-section,
    .industry-section,
    .resource-library-section,
    .ek-section
) {
    padding-block: var(--edt-section-compact);
    scroll-margin-top: 118px;
}

body.everklin-transformed :where(.solution-section-head, .mnc-section-head, .industry-section-heading, .inner-section-head, .enterprise-section-head) {
    max-width: 820px;
    margin-bottom: clamp(24px, 3vw, 42px);
}

body.everklin-transformed :where(.solution-section-head h2, .mnc-section-head h2, .industry-section-heading h2, .inner-section-head h2, .anchor-section h2, .ek-h2) {
    font-size: clamp(30px, 3.7vw, 58px) !important;
    line-height: 1.04 !important;
}

body.everklin-transformed :where(
    .page-button,
    .catalog-button,
    .btn,
    .moving-hero-button,
    .resource-action,
    .request-submit,
    .ek-button
) {
    min-height: 48px;
    border-radius: 999px !important;
    font-weight: 850 !important;
    transition: transform var(--edt-fast) var(--edt-ease), background var(--edt-fast) ease, border-color var(--edt-fast) ease, box-shadow var(--edt-fast) ease;
}

body.everklin-transformed :where(
    .page-button,
    .catalog-button,
    .btn,
    .moving-hero-button,
    .resource-action,
    .request-submit,
    .ek-button
):hover,
body.everklin-transformed :where(
    .page-button,
    .catalog-button,
    .btn,
    .moving-hero-button,
    .resource-action,
    .request-submit,
    .ek-button
):focus-visible {
    transform: translateY(-2px);
    box-shadow: var(--edt-shadow-sm);
}

body.everklin-transformed :where(.page-button, .catalog-button, .request-submit, .resource-action, .ek-button) {
    background: var(--edt-olive-500) !important;
    border-color: var(--edt-olive-500) !important;
    color: #fff !important;
}

body.everklin-transformed :where(.page-button:hover, .catalog-button:hover, .request-submit:hover, .resource-action:hover, .ek-button:hover) {
    background: var(--edt-olive-700) !important;
    border-color: var(--edt-olive-700) !important;
}

body.everklin-transformed :where(.page-button-secondary, .page-button-light, .moving-hero-button-secondary, .ek-button--secondary) {
    background: rgba(255, 255, 255, .86) !important;
    border-color: rgba(111, 139, 47, .34) !important;
    color: var(--edt-heading) !important;
}

body.everklin-transformed :where(
    .anchor-card,
    .solution-category-card,
    .solution-product-card,
    .solution-industry-card,
    .solution-why-grid article,
    .mnc-category-feature-card,
    .mnc-product-card,
    .mnc-offering-card,
    .mnc-application-card,
    .mnc-related-category-card,
    .product-info-card,
    .application-icon-grid article,
    .product-overview-card,
    .product-packaging-card,
    .related-product-card,
    .product-icon-card-grid article,
    .product-icon-card-grid a,
    .industry-challenge-grid article,
    .industry-solution-grid a,
    .industry-category-list a,
    .industry-benefit-grid article,
    .industry-related-grid a,
    .resource-card,
    .enterprise-download-card,
    .enterprise-directory-item,
    .ek-card,
    .ek-panel,
    .ek-resource-card
) {
    border: 1px solid var(--edt-line) !important;
    border-radius: var(--edt-radius-lg) !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: var(--edt-shadow-sm) !important;
    transition: transform var(--edt-fast) var(--edt-ease), border-color var(--edt-fast) ease, box-shadow var(--edt-fast) ease;
}

body.everklin-transformed :where(
    .anchor-card,
    .solution-category-card,
    .solution-product-card,
    .solution-industry-card,
    .mnc-category-feature-card,
    .mnc-product-card,
    .mnc-offering-card,
    .mnc-application-card,
    .mnc-related-category-card,
    .product-info-card,
    .application-icon-grid article,
    .product-packaging-card,
    .related-product-card,
    .industry-challenge-grid article,
    .industry-solution-grid a,
    .industry-category-list a,
    .industry-benefit-grid article,
    .industry-related-grid a,
    .resource-card,
    .enterprise-download-card,
    .enterprise-directory-item,
    .ek-card,
    .ek-resource-card
):hover {
    border-color: rgba(111, 139, 47, .58) !important;
    box-shadow: var(--edt-shadow-md) !important;
    transform: translateY(-4px);
}

body.everklin-transformed :where(.line-svg) {
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.everklin-transformed :where(
    .industry-card-icon,
    .enterprise-directory-icon,
    .mnc-category-feature-card > .line-svg,
    .mnc-application-card > .line-svg,
    .product-info-card > .line-svg,
    .application-icon-grid .line-svg,
    .ek-icon
) {
    display: inline-grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 18px;
    background: var(--edt-olive-100);
    color: var(--edt-olive-600);
}

body.everklin-transformed :where(
    .solution-quick-nav,
    .mnc-category-quick-nav,
    .industry-local-nav,
    .enterprise-sticky-nav,
    .product-sticky-nav
) {
    position: sticky;
    top: 78px;
    z-index: 50;
    border-block: 1px solid rgba(111, 139, 47, .16);
    background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(18px);
}

body.everklin-transformed :where(
    .solution-quick-nav a,
    .mnc-category-quick-nav a,
    .industry-local-nav a,
    .enterprise-sticky-nav a,
    .product-sticky-nav button
) {
    min-height: 44px;
    border-radius: 999px;
    color: var(--edt-heading);
    font-weight: 820;
}

body.everklin-transformed :where(
    .solution-quick-nav a:hover,
    .mnc-category-quick-nav a:hover,
    .industry-local-nav a:hover,
    .enterprise-sticky-nav a:hover,
    .product-sticky-nav button:hover,
    .product-sticky-nav button.is-active
) {
    background: var(--edt-olive-100) !important;
    color: var(--edt-olive-700) !important;
}

body.everklin-transformed .product-sticky-nav button.is-active {
    background: var(--edt-olive-500) !important;
    color: #fff !important;
}

body.everklin-transformed .product-tab-content {
    background:
        radial-gradient(circle at 88% 8%, rgba(171, 199, 99, .12), transparent 26%),
        #fff;
}

body.everklin-transformed :where(.responsive-table table, .dilution-table table) {
    overflow: hidden;
    border: 1px solid var(--edt-line);
    border-radius: var(--edt-radius-md);
    box-shadow: var(--edt-shadow-sm);
}

body.everklin-transformed :where(.responsive-table th, .dilution-table th) {
    background: var(--edt-olive-100) !important;
    color: var(--edt-heading) !important;
}

body.everklin-transformed :where(input, select, textarea) {
    border-color: rgba(111, 139, 47, .28) !important;
}

body.everklin-transformed :where(input:focus, select:focus, textarea:focus) {
    border-color: var(--edt-olive-500) !important;
    box-shadow: 0 0 0 4px rgba(126, 157, 53, .14) !important;
    outline: 0;
}

body.everklin-transformed :where(.anchor-final-cta, .solution-final-cta, .product-help-cta, .industry-support-section) {
    background:
        radial-gradient(circle at 12% 16%, rgba(255, 255, 255, .14), transparent 28%),
        linear-gradient(135deg, var(--edt-olive-700), var(--edt-olive-950)) !important;
}

body.everklin-transformed :where(.anchor-final-card, .product-help-card, .industry-request-panel, .ek-cta) {
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: var(--edt-radius-xl) !important;
    background:
        radial-gradient(circle at 88% 14%, rgba(255, 255, 255, .14), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.035)) !important;
    box-shadow: 0 28px 78px rgba(16, 32, 24, .18) !important;
}

body.everklin-transformed :where(.anchor-final-card h2, .anchor-final-card p, .product-help-card h2, .product-help-card p, .industry-request-panel h2, .industry-request-panel p, .ek-cta .ek-h2, .ek-cta .ek-lead) {
    color: #fff !important;
}

body.everklin-transformed .site-footer {
    background:
        radial-gradient(circle at 12% 14%, rgba(255, 255, 255, .1), transparent 28%),
        linear-gradient(135deg, var(--edt-olive-700), var(--edt-olive-950)) !important;
    color: #fff !important;
}

body.everklin-transformed .site-footer::before {
    opacity: .08 !important;
}

body.everklin-transformed .site-footer :where(h2, h3, h4, p, a, li, address, strong) {
    color: rgba(255, 255, 255, .9) !important;
}

body.everklin-transformed .site-footer .footer-column .footer-column-title {
    color: #fff !important;
}

body.everklin-transformed .site-footer a:hover {
    color: var(--edt-olive-100) !important;
}

body.everklin-transformed [data-edt-reveal] {
    opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
    body.everklin-transformed [data-edt-reveal] {
        opacity: 0;
        transform: translateY(18px);
        transition: opacity 520ms var(--edt-ease), transform 520ms var(--edt-ease);
    }

    body.everklin-transformed [data-edt-reveal].is-visible {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1180px) {
    body.everklin-transformed :where(
        .anchor-hero h1,
        .solution-system-hero h1,
        .mnc-category-hero h1,
        .industry-page-hero h1,
        .product-hero h1,
        .industries-index-hero h1,
        .sustainability-hero h1,
        .ek-hero-title
    ) {
        font-size: clamp(42px, 7vw, 76px) !important;
    }
}

@media (max-width: 991px) {
    body.everklin-transformed {
        overflow-x: hidden;
    }

    body.everklin-transformed :where(
        .anchor-hero,
        .solution-system-hero,
        .solution-hub-hero,
        .mnc-category-hero,
        .industry-page-hero,
        .product-hero,
        .resource-hero,
        .contact-hero
    ) {
        overflow: hidden;
    }

    body.everklin-transformed :where(img, svg, video, canvas) {
        max-width: 100%;
    }

    body.everklin-transformed .site-header .header-main {
        min-height: 70px;
    }

    body.everklin-transformed .site-header .mobile-drawer:not(.is-open):not(.active) {
        display: none !important;
        visibility: hidden !important;
        transform: none !important;
    }

    body.everklin-transformed .site-header .mobile-drawer.is-open,
    body.everklin-transformed .site-header .mobile-drawer.active {
        display: block !important;
    }

    body.everklin-transformed :where(
        .anchor-hero-grid,
        .mnc-category-hero-grid,
        .industry-page-hero-grid,
        .product-hero-grid,
        .solution-overview-grid
    ) {
        grid-template-columns: 1fr !important;
        min-width: 0;
    }

    body.everklin-transformed :where(
        .anchor-content,
        .anchor-section-grid,
        .industry-page-hero-copy,
        .industry-page-hero-media,
        .product-hero-copy,
        .product-hero-media,
        .resource-page,
        .contact-page
    ) {
        min-width: 0;
    }
}

@media (max-width: 640px) {
    html {
        scroll-padding-top: 86px;
    }

    body.everklin-transformed .container {
        width: min(100% - 28px, var(--edt-container));
    }

    body.everklin-transformed :where(
        .anchor-hero h1,
        .solution-system-hero h1,
        .mnc-category-hero h1,
        .industry-page-hero h1,
        .product-hero h1,
        .industries-index-hero h1,
        .sustainability-hero h1,
        .ek-hero-title
    ) {
        font-size: clamp(38px, 13vw, 54px) !important;
    }

    body.everklin-transformed :where(.page-actions, .anchor-actions, .product-actions) {
        flex-direction: column;
    }

    body.everklin-transformed :where(.page-button, .catalog-button, .request-submit, .resource-action, .ek-button) {
        width: 100%;
    }

    body.everklin-transformed :where(.solution-quick-nav, .mnc-category-quick-nav, .industry-local-nav, .enterprise-sticky-nav, .product-sticky-nav) {
        top: 70px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.everklin-transformed *,
    body.everklin-transformed *::before,
    body.everklin-transformed *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }
}


/* footer-premium-fix.css */
/* Final shared footer layer: keeps text and the original brand mark fully legible. */
footer.site-footer,
.site-footer {
    position: relative !important;
    isolation: isolate;
    overflow: visible !important;
    min-height: 0 !important;
    padding: 76px 60px 30px !important;
    background: linear-gradient(128deg, #6f862d 0%, #88a63b 52%, #789438 100%) !important;
    color: #fff !important;
    opacity: 1 !important;
}

footer.site-footer::before,
.site-footer::before {
    z-index: -1 !important;
    opacity: .1 !important;
    background: repeating-linear-gradient(135deg, rgba(255,255,255,.32) 0 1px, transparent 1px 34px) !important;
}

footer.site-footer .footer-grid {
    position: relative;
    display: grid !important;
    grid-template-columns: 1.05fr 1.35fr 1fr 1fr 1.15fr !important;
    gap: 38px !important;
    align-items: start !important;
}

footer.site-footer .footer-column { min-width: 0; opacity: 1 !important; }

footer.site-footer .footer-column .footer-column-title,
footer.site-footer .footer-column h3,
footer.site-footer .footer-column strong {
    color: #fff !important;
    font-size: .82rem !important;
    font-weight: 850 !important;
    letter-spacing: .085em !important;
    line-height: 1.35 !important;
    opacity: 1 !important;
}

footer.site-footer .footer-column .footer-column-title { margin: 0 0 17px !important; }
footer.site-footer .footer-column a,
footer.site-footer .footer-column p,
footer.site-footer .footer-column li,
footer.site-footer .footer-column address,
footer.site-footer .footer-column span {
    color: rgba(255,255,255,.94) !important;
    font-size: .89rem !important;
    font-weight: 520 !important;
    line-height: 1.62 !important;
    opacity: 1 !important;
}

footer.site-footer .footer-column a:hover,
footer.site-footer .footer-bottom a:hover { color: #f5f9df !important; }
footer.site-footer .footer-brand { display: inline-flex !important; margin: 0 0 23px !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; }
footer.site-footer .footer-logo { width: min(100%, 205px) !important; max-width: 205px !important; height: auto !important; opacity: 1 !important; filter: brightness(0) invert(1) !important; mix-blend-mode: normal !important; }
footer.site-footer .footer-contact-heading { margin-top: 8px !important; }
footer.site-footer .footer-contact-item { gap: 12px !important; margin: 0 0 15px !important; }
footer.site-footer .footer-contact-icon,
footer.site-footer .footer-contact-icon .line-svg { color: #fff !important; stroke: currentColor !important; }
footer.site-footer .footer-contact-item strong { display: block; margin-bottom: 2px !important; font-size: .7rem !important; }

footer.site-footer .footer-bottom {
    position: relative;
    display: flex !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin-top: 48px !important;
    padding-top: 22px !important;
    border-top: 1px solid rgba(255,255,255,.32) !important;
}

footer.site-footer .footer-bottom,
footer.site-footer .footer-bottom p,
footer.site-footer .footer-bottom a {
    color: rgba(255,255,255,.92) !important;
    font-size: .81rem !important;
    line-height: 1.55 !important;
    opacity: 1 !important;
}

@media (max-width: 1050px) {
    footer.site-footer .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 34px !important; }
    footer.site-footer .footer-contact-panel { grid-column: span 2; }
}

@media (max-width: 620px) {
    footer.site-footer { padding: 56px 24px 26px !important; }
    footer.site-footer .footer-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
    footer.site-footer .footer-contact-panel { grid-column: auto; }
    footer.site-footer .footer-bottom { flex-direction: column !important; gap: 12px !important; margin-top: 36px !important; }
}


/* corporate-editorial-pages.css */
/* Shared editorial treatment for the corporate information pages. */
body:has(.corp-home) .site-header,
body:has(.sustainability-anchor-page) .site-header,
body:has(.resources-anchor-page) .site-header,
body:has(.company-anchor-page) .site-header,
body:has(.enterprise-hub-page) .site-header {
    background: rgba(250, 250, 245, .9) !important;
    border-bottom-color: rgba(121, 148, 59, .18) !important;
    backdrop-filter: blur(18px);
}

body:has(.corp-home) .site-header.is-scrolled,
body:has(.sustainability-anchor-page) .site-header.is-scrolled,
body:has(.resources-anchor-page) .site-header.is-scrolled,
body:has(.company-anchor-page) .site-header.is-scrolled,
body:has(.enterprise-hub-page) .site-header.is-scrolled {
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 12px 30px rgba(38, 55, 31, .09) !important;
}

.sustainability-anchor-page,
.resources-anchor-page,
.company-anchor-page,
.enterprise-hub-page {
    background:
        radial-gradient(circle at 96% 5%, rgba(176, 200, 105, .18), transparent 22%),
        linear-gradient(180deg, #fbfcf7 0%, #f4f7e9 42%, #fff 100%) !important;
}

.sustainability-anchor-page .anchor-hero,
.resources-anchor-page .anchor-hero,
.company-anchor-page .anchor-hero,
.enterprise-hub-page .anchor-hero {
    position: relative;
    overflow: hidden;
    padding-top: clamp(82px, 10vw, 134px) !important;
    padding-bottom: clamp(46px, 6vw, 86px) !important;
    background: linear-gradient(106deg, #f9faf2 0%, #f9faf2 48%, #edf3da 100%) !important;
}

.sustainability-anchor-page .anchor-hero::after,
.resources-anchor-page .anchor-hero::after,
.company-anchor-page .anchor-hero::after,
.enterprise-hub-page .anchor-hero::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 8px;
    content: "";
    background: linear-gradient(90deg, #a8c464, #809c39 54%, #d7e7ad);
}

.sustainability-anchor-page .anchor-hero-grid,
.resources-anchor-page .anchor-hero-grid,
.company-anchor-page .anchor-hero-grid,
.enterprise-hub-page .anchor-hero-grid {
    align-items: stretch;
    gap: clamp(28px, 4vw, 68px) !important;
}

.sustainability-anchor-page .anchor-hero-copy,
.resources-anchor-page .anchor-hero-copy,
.company-anchor-page .anchor-hero-copy,
.enterprise-hub-page .anchor-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sustainability-anchor-page .anchor-hero h1,
.resources-anchor-page .anchor-hero h1,
.company-anchor-page .anchor-hero h1,
.enterprise-hub-page .anchor-hero h1 {
    max-width: 830px;
    color: #26382a !important;
    font-size: clamp(3rem, 5.35vw, 6.15rem) !important;
    letter-spacing: 0 !important;
    line-height: .96 !important;
}

.sustainability-anchor-page .anchor-hero p,
.resources-anchor-page .anchor-hero p,
.company-anchor-page .anchor-hero p,
.enterprise-hub-page .anchor-hero p {
    max-width: 680px;
    color: #526354 !important;
    font-size: clamp(1rem, 1.35vw, 1.16rem) !important;
}

.sustainability-anchor-page .anchor-hero-media,
.resources-anchor-page .anchor-hero-media,
.company-anchor-page .anchor-hero-media,
.enterprise-hub-page .anchor-hero-media {
    min-height: 390px !important;
    border-radius: 0 !important;
    box-shadow: 0 24px 56px rgba(54, 76, 31, .15) !important;
}

.sustainability-anchor-page .anchor-hero-media img,
.resources-anchor-page .anchor-hero-media img,
.company-anchor-page .anchor-hero-media img,
.enterprise-hub-page .anchor-hero-media img {
    min-height: 390px !important;
    transition: transform .7s ease;
}

.sustainability-anchor-page .anchor-hero-media:hover img,
.resources-anchor-page .anchor-hero-media:hover img,
.company-anchor-page .anchor-hero-media:hover img,
.enterprise-hub-page .anchor-hero-media:hover img { transform: scale(1.035); }

.sustainability-anchor-page .anchor-metrics,
.resources-anchor-page .anchor-metrics,
.company-anchor-page .anchor-metrics,
.enterprise-hub-page .anchor-metrics {
    border-radius: 0 !important;
    border-color: #dbe8bd !important;
    background: rgba(255,255,255,.78) !important;
    box-shadow: 0 14px 32px rgba(54,76,31,.07) !important;
}

.sustainability-anchor-page .anchor-section,
.resources-anchor-page .anchor-section,
.company-anchor-page .anchor-section,
.enterprise-hub-page .anchor-section {
    border-radius: 4px !important;
    border-color: #dfebc7 !important;
    box-shadow: 0 14px 36px rgba(54, 76, 31, .055) !important;
}

.sustainability-anchor-page .anchor-card,
.resources-anchor-page .anchor-card,
.company-anchor-page .anchor-card,
.enterprise-hub-page .anchor-card,
.enterprise-hub-page .enterprise-directory-item {
    border-radius: 3px !important;
    border-color: #dbe8bf !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: none !important;
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.sustainability-anchor-page .anchor-card:hover,
.resources-anchor-page .anchor-card:hover,
.company-anchor-page .anchor-card:hover,
.enterprise-hub-page .anchor-card:hover,
.enterprise-hub-page .enterprise-directory-item:hover {
    transform: translateY(-4px);
    border-color: #8ca944 !important;
    box-shadow: 0 16px 32px rgba(63, 86, 35, .1) !important;
}

.sustainability-anchor-page .anchor-final-card,
.resources-anchor-page .anchor-final-card,
.company-anchor-page .anchor-final-card,
.enterprise-hub-page .anchor-final-card {
    border-radius: 4px !important;
    background: linear-gradient(118deg, #789637 0%, #91ae48 58%, #a8c45b 100%) !important;
    box-shadow: 0 22px 46px rgba(62, 86, 31, .16) !important;
}

.sustainability-anchor-page .anchor-final-card h2,
.resources-anchor-page .anchor-final-card h2,
.company-anchor-page .anchor-final-card h2,
.enterprise-hub-page .anchor-final-card h2,
.sustainability-anchor-page .anchor-final-card p,
.resources-anchor-page .anchor-final-card p,
.company-anchor-page .anchor-final-card p,
.enterprise-hub-page .anchor-final-card p { color: #fff !important; }

footer.site-footer { background: linear-gradient(120deg, #597126 0%, #789536 52%, #91aa48 100%) !important; }

@media (max-width: 780px) {
    .sustainability-anchor-page .anchor-hero,
    .resources-anchor-page .anchor-hero,
    .company-anchor-page .anchor-hero,
    .enterprise-hub-page .anchor-hero { padding-top: 84px !important; }
    .sustainability-anchor-page .anchor-hero-media,
    .resources-anchor-page .anchor-hero-media,
    .company-anchor-page .anchor-hero-media,
    .enterprise-hub-page .anchor-hero-media,
    .sustainability-anchor-page .anchor-hero-media img,
    .resources-anchor-page .anchor-hero-media img,
    .company-anchor-page .anchor-hero-media img,
    .enterprise-hub-page .anchor-hero-media img { min-height: 250px !important; }
}


/* industry-solution-hero-overlays.css */
/* Shared editorial hero treatment for Industry detail and hub pages. */
:where(.industry-detail-page, .enterprise-industries-page, .enterprise-solutions-page) .industry-page-hero,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #EEF5DF;
}

/* Remove the remaining hub card frame: the image is now the hero itself. */
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero {
    padding: 0 !important;
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero {
    padding: 0 !important;
}

.industry-detail-page .industry-page-hero-grid,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-grid {
    position: relative;
    z-index: 1;
    display: block;
    min-height: clamp(620px, 48vw, 760px);
}

.industry-detail-page .industry-page-hero-grid,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-grid {
    width: 100% !important;
    max-width: none;
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero-grid,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-grid {
    width: 100% !important;
    max-width: none;
    gap: 0 !important;
}

.industry-detail-page .industry-page-hero-copy,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy {
    position: relative;
    z-index: 2;
    width: min(100%, 760px);
    min-height: clamp(620px, 48vw, 760px);
    padding: clamp(84px, 8vw, 132px) 32px clamp(54px, 6vw, 90px) max(56px, calc((100vw - 1360px) / 2));
}

.industry-detail-page .industry-page-hero-media,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-media {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: auto;
    min-width: 0;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    border: 0;
    border-radius: 0 !important;
    background: #DDE7C8;
    box-shadow: none;
    pointer-events: none;
}

.industry-detail-page .industry-page-hero-media::before,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-media::before {
    display: none;
}

.industry-detail-page .industry-page-hero-media::after,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-media::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(90deg, #FAF8F3 0%, rgba(250, 248, 243, 0.96) 34%, rgba(250, 248, 243, 0.66) 50%, rgba(250, 248, 243, 0.14) 68%, rgba(250, 248, 243, 0) 82%),
        linear-gradient(180deg, rgba(250, 248, 243, 0.28), rgba(250, 248, 243, 0.1));
}

.industry-detail-page .industry-page-hero-media img,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-media img {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0 !important;
    object-fit: cover;
    object-position: center;
    transform: none;
}

/* Beat older hub-specific media rules without affecting other anchor pages. */
body .enterprise-hub-page.enterprise-industries-page .anchor-hero-media,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-media {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: auto;
    min-height: 0 !important;
    margin: 0;
    border: 0;
    border-radius: 0 !important;
    box-shadow: none;
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero-media img,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-media img {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0 !important;
    object-fit: cover;
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero-media::after,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-media::after {
    z-index: 1;
    background:
        linear-gradient(90deg, #FAF8F3 0%, rgba(250, 248, 243, 0.96) 34%, rgba(250, 248, 243, 0.66) 50%, rgba(250, 248, 243, 0.14) 68%, rgba(250, 248, 243, 0) 82%),
        linear-gradient(180deg, rgba(250, 248, 243, 0.28), rgba(250, 248, 243, 0.1));
}

.industry-detail-page .industry-page-hero:hover .industry-page-hero-media img {
    transform: scale(1.025);
}

.industry-detail-page .industry-page-hero-copy .breadcrumb {
    margin-bottom: 32px;
}

.industry-detail-page .industry-page-hero-copy h1,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero h1 {
    max-width: 720px;
    color: #173A28 !important;
    text-wrap: balance;
}

.industry-detail-page .industry-page-hero-copy > p,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero p {
    max-width: 620px;
    color: #465D4D !important;
}

.industry-detail-page .industry-page-hero-copy .page-button-secondary,
:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero .page-button-secondary {
    border-color: rgba(35, 69, 42, 0.34);
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(10px);
}

:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy .anchor-metrics {
    max-width: 700px;
    margin-top: 28px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero-copy .anchor-metrics,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-copy .anchor-metrics {
    margin-top: 28px;
    overflow: visible;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy .anchor-metrics div {
    min-height: 0;
    padding: 4px 18px;
    border-right-color: rgba(35, 69, 42, 0.2);
    background: transparent;
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero-copy .anchor-metrics div,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-copy .anchor-metrics div {
    min-height: 0;
    padding: 4px 18px;
    border-right-color: rgba(35, 69, 42, 0.2);
    background: transparent;
}

:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy .anchor-metrics strong {
    font-size: clamp(20px, 2vw, 29px);
}

:where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy .anchor-metrics span {
    color: #526859;
}

@media (max-width: 767px) {
    .industry-detail-page .industry-page-hero-grid,
    :where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-grid {
        min-height: 560px;
    }

    .industry-detail-page .industry-page-hero-copy,
    :where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy {
        min-height: 560px;
        padding: 76px 24px 44px;
    }

    .industry-detail-page .industry-page-hero-media::after,
    :where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-media::after {
        background:
            linear-gradient(180deg, rgba(250, 248, 243, 0.98) 0%, rgba(250, 248, 243, 0.9) 50%, rgba(250, 248, 243, 0.42) 100%),
            linear-gradient(90deg, rgba(250, 248, 243, 0.28), transparent);
    }

    body .enterprise-hub-page.enterprise-industries-page .anchor-hero-media::after,
    body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-media::after {
        background:
            linear-gradient(180deg, rgba(250, 248, 243, 0.98) 0%, rgba(250, 248, 243, 0.9) 50%, rgba(250, 248, 243, 0.42) 100%),
            linear-gradient(90deg, rgba(250, 248, 243, 0.28), transparent);
    }

    .industry-detail-page .industry-page-hero-copy .breadcrumb {
        margin-bottom: 22px;
    }

    :where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy .anchor-metrics {
        margin-top: 18px;
    }

    :where(.enterprise-industries-page, .enterprise-solutions-page) .anchor-hero-copy .anchor-metrics div {
        padding: 8px 12px;
    }
}


/* industry-flagship.css */
/* Shared flagship treatment for the Industries hub and all 18 industry detail routes. */
:root {
    --industry-ink: #173A28;
    --industry-copy: #506354;
    --industry-olive: #8AA63A;
    --industry-olive-dark: #6F862D;
    --industry-mist: #EEF5DF;
    --industry-cream: #FAF8F3;
    --industry-border: #DDE7C8;
}

.enterprise-hub-page .hub-image-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.enterprise-hub-page .hub-image-card {
    display: flex;
    min-width: 0;
    min-height: 352px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--industry-border);
    border-radius: 8px;
    background: #fff;
    color: var(--industry-ink);
    box-shadow: 0 14px 34px rgba(31, 61, 32, .07);
    text-decoration: none;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.enterprise-hub-page .hub-image-card:hover,
.enterprise-hub-page .hub-image-card:focus-visible {
    border-color: var(--industry-olive);
    box-shadow: 0 20px 42px rgba(31, 61, 32, .14);
    transform: translateY(-5px);
}

.enterprise-hub-page .hub-image-card:focus-visible,
.industry-detail-page a:focus-visible {
    outline: 3px solid rgba(138, 166, 58, .58);
    outline-offset: 3px;
}

.enterprise-hub-page .hub-image-card__media {
    display: block;
    aspect-ratio: 16 / 9;
    margin: 0;
    overflow: hidden;
    background: var(--industry-mist);
}

.enterprise-hub-page .hub-image-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.enterprise-hub-page .hub-image-card:hover .hub-image-card__media img,
.enterprise-hub-page .hub-image-card:focus-visible .hub-image-card__media img {
    transform: scale(1.045);
}

.enterprise-hub-page .hub-image-card__content {
    display: flex;
    min-height: 176px;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 20px 20px;
}

.enterprise-hub-page .hub-image-card__content small,
.industry-detail-page .industry-solution-card-copy small {
    color: var(--industry-olive-dark);
    font-size: .71rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.enterprise-hub-page .hub-image-card__content strong {
    margin-top: 8px;
    color: var(--industry-ink);
    font-size: clamp(1.18rem, 1.65vw, 1.48rem);
    line-height: 1.15;
}

.enterprise-hub-page .hub-image-card__content em {
    display: block;
    margin-top: 8px;
    color: var(--industry-copy);
    font-size: .9rem;
    font-style: normal;
    line-height: 1.48;
}

.enterprise-hub-page .hub-image-card__content b {
    margin-top: auto;
    padding-top: 14px;
    color: var(--industry-olive-dark);
    font-size: .84rem;
}

/* The two high-level landing pages need a concise, catalogue-scale introduction. */
body .enterprise-hub-page.enterprise-industries-page .anchor-hero-grid,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-grid {
    min-height: clamp(480px, 38vw, 590px);
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero-copy,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-copy {
    width: min(100%, 700px);
    min-height: clamp(480px, 38vw, 590px);
    padding: clamp(64px, 6.2vw, 90px) 32px clamp(50px, 5vw, 64px) max(56px, calc((100vw - 1360px) / 2));
}

body .enterprise-hub-page.enterprise-industries-page .anchor-hero h1,
body .enterprise-hub-page.enterprise-solutions-page .anchor-hero h1 { font-size: clamp(3rem, 5.4vw, 5.9rem); }

body .enterprise-hub-page.enterprise-industries-page .anchor-metrics,
body .enterprise-hub-page.enterprise-solutions-page .anchor-metrics { display: none; }

/* Turn every shared Industry route into a real-image, editorial flagship page. */
.industry-detail-page { background: var(--industry-cream); }

.industry-detail-page .industry-page-hero-copy { max-width: 760px; }

.industry-detail-page .industry-local-nav {
    border-bottom: 1px solid var(--industry-border);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 22px rgba(31, 61, 32, .05);
}

.industry-detail-page .industry-section { padding: clamp(64px, 8vw, 116px) 0; }
.industry-detail-page .industry-section:nth-of-type(even) { background: #fff; }

.industry-detail-page .industry-section-heading { max-width: 760px; margin-bottom: 34px; }
.industry-detail-page .industry-section-heading h2,
.industry-detail-page .industry-overview-grid h2,
.industry-detail-page .industry-category-layout h2 { color: var(--industry-ink); font-size: clamp(2rem, 3.6vw, 4rem); line-height: 1.02; text-wrap: balance; }

.industry-detail-page .industry-overview-grid {
    gap: clamp(32px, 6vw, 84px);
    align-items: center;
}

.industry-detail-page .industry-overview-media {
    min-height: 410px;
    margin: 0;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 24px 56px rgba(31, 61, 32, .13);
}

.industry-detail-page .industry-overview-media img { width: 100%; height: 100%; object-fit: cover; }

.industry-detail-page .industry-challenge-grid { gap: 16px; }
.industry-detail-page .industry-challenge-grid article {
    min-height: 250px;
    border: 1px solid var(--industry-border);
    border-radius: 8px;
    background: linear-gradient(145deg, #fff, #f8faef);
    box-shadow: none;
}

.industry-detail-page .industry-solution-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.industry-detail-page .industry-solution-grid > a {
    display: flex;
    min-width: 0;
    min-height: 370px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--industry-border);
    border-radius: 8px;
    background: #fff;
    color: var(--industry-ink);
    box-shadow: 0 14px 34px rgba(31, 61, 32, .07);
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.industry-detail-page .industry-solution-grid > a:hover,
.industry-detail-page .industry-solution-grid > a:focus-visible { border-color: var(--industry-olive); box-shadow: 0 22px 44px rgba(31, 61, 32, .14); transform: translateY(-5px); }
.industry-detail-page .industry-solution-grid figure { display:block; aspect-ratio:16 / 9; margin:0; overflow:hidden; background:var(--industry-mist); }
.industry-detail-page .industry-solution-grid figure img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.industry-detail-page .industry-solution-grid > a:hover figure img { transform:scale(1.05); }
.industry-detail-page .industry-solution-card-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:18px 20px 20px; }
.industry-detail-page .industry-solution-card-copy h3 { margin:8px 0 0; color:var(--industry-ink); font-size:1.35rem; line-height:1.15; }
.industry-detail-page .industry-solution-card-copy p { margin:9px 0 0; color:var(--industry-copy); font-size:.9rem; line-height:1.5; }
.industry-detail-page .industry-solution-card-copy b { margin-top:auto; padding-top:14px; color:var(--industry-olive-dark); font-size:.84rem; }

.industry-detail-page .industry-categories-section { background: var(--industry-mist) !important; }
.industry-detail-page .industry-category-list a { min-height:70px; border-color:var(--industry-border); background:rgba(255,255,255,.78); }
.industry-detail-page .industry-category-number { display:inline-flex; width:38px; height:38px; align-items:center; justify-content:center; border:1px solid var(--industry-border); border-radius:50%; background:#fff; color:var(--industry-olive-dark); font-size:.72rem; font-weight:800; letter-spacing:.08em; }

.industry-detail-page .industry-benefits-section { background: linear-gradient(135deg, #f3f8e6, #ffffff) !important; }
.industry-detail-page .industry-benefit-grid { gap:16px; }
.industry-detail-page .industry-benefit-grid article { border:1px solid var(--industry-border); border-radius:8px; background:rgba(255,255,255,.88); box-shadow:none; }
.industry-detail-page .industry-related-grid a { border-radius:8px; }
.industry-detail-page .industry-downloads-section { background:#fff !important; }
.industry-detail-page .industry-download-panel { border-radius:8px; }
.industry-detail-page .industry-request-panel { max-width:1000px; margin:0 auto; border-radius:8px; }

@media (max-width: 900px) {
    .enterprise-hub-page .hub-image-grid,
    .industry-detail-page .industry-solution-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    body .enterprise-hub-page.enterprise-industries-page .anchor-hero-grid,
    body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-grid,
    body .enterprise-hub-page.enterprise-industries-page .anchor-hero-copy,
    body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-copy { min-height:470px; }
    body .enterprise-hub-page.enterprise-industries-page .anchor-hero-copy,
    body .enterprise-hub-page.enterprise-solutions-page .anchor-hero-copy { padding:66px 24px 42px; }
    .enterprise-hub-page .hub-image-grid,
    .industry-detail-page .industry-solution-grid { grid-template-columns:1fr; }
    .enterprise-hub-page .hub-image-card { min-height:0; }
    .enterprise-hub-page .hub-image-card__content { min-height:155px; }
    .industry-detail-page .industry-section { padding:62px 0; }
    .industry-detail-page .industry-overview-media { min-height:260px; }
}

/* Industry pages intentionally reuse the approved Industrial & Institutional flagship grammar. */
.iic-industry-flagship .iic-hero { min-height: min(820px, calc(100svh - 78px)); }
.iic-industry-flagship .iic-industry-intro h2 { max-width: 980px; }
.iic-industry-flagship .iic-environment-line { display:grid; grid-template-columns:38px 1fr 35px; gap:12px; align-items:center; min-height:70px; color:#fff; border-bottom:1px solid rgba(255,255,255,.35); font-size:19px; font-weight:750; }
.iic-industry-flagship .iic-environment-line span,
.iic-industry-flagship .iic-environment-line b { color:#eff7d0; font-size:12px; }
.iic-industry-flagship .iic-environment-line b { font-size:19px; }
.iic-industry-flagship .iic-industry-resource-list .resource-list { display:grid; gap:12px; }
.iic-industry-flagship .iic-industry-resource-list .resource-card { border-radius:12px; }
.iic-industry-flagship .iic-working-environment { padding:clamp(72px, 8vw, 120px) 0; background:#f8f9ef; }
.iic-industry-flagship .iic-working-environment__grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.iic-industry-flagship .iic-working-environment__card { display:flex; min-width:0; min-height:420px; flex-direction:column; overflow:hidden; border:1px solid #d7e3c2; border-radius:8px; background:#fff; color:#173a28; box-shadow:0 14px 34px rgba(23,58,40,.08); text-decoration:none; transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.iic-industry-flagship .iic-working-environment__card:hover,
.iic-industry-flagship .iic-working-environment__card:focus-visible { border-color:#8aa63a; box-shadow:0 20px 42px rgba(23,58,40,.14); transform:translateY(-4px); }
.iic-industry-flagship .iic-working-environment__card:focus-visible { outline:3px solid rgba(138,166,58,.55); outline-offset:3px; }
.iic-industry-flagship .iic-working-environment__card figure { aspect-ratio:16 / 9; margin:0; overflow:hidden; background:#eef5df; }
.iic-industry-flagship .iic-working-environment__card img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.iic-industry-flagship .iic-working-environment__card:hover img { transform:scale(1.04); }
.iic-industry-flagship .iic-working-environment__card div { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:18px 20px 20px; }
.iic-industry-flagship .iic-working-environment__card span { color:#718c30; font-size:12px; font-weight:850; letter-spacing:.12em; }
.iic-industry-flagship .iic-working-environment__card h3 { margin:9px 0 0; color:#173a28; font-size:1.3rem; line-height:1.2; }
.iic-industry-flagship .iic-working-environment__card p { margin:8px 0 0; color:#506354; font-size:.92rem; line-height:1.5; }
.iic-industry-flagship .iic-working-environment__card b { margin-top:auto; padding-top:15px; color:#718c30; font-size:.84rem; }
.iic-industry-flagship .iic-working-environment__card i { font-size:1rem; font-style:normal; }

/* Hub field guide: an image-led decision layer before the portfolio directory. */
.iic-hub-flagship .iic-field-guide { padding:clamp(72px, 9vw, 136px) 0; background:#173a28; color:#fff; }
.iic-hub-flagship .iic-field-guide__head { max-width:800px; margin-bottom:38px; }
.iic-hub-flagship .iic-field-guide__head .iic-kicker { color:#d5eb83; }
.iic-hub-flagship .iic-field-guide__head h2 { margin:8px 0 14px; color:#fff; font-size:clamp(2.2rem, 4vw, 4.5rem); line-height:1.02; }
.iic-hub-flagship .iic-field-guide__head p:last-child { max-width:650px; color:#dce8de; font-size:1.05rem; line-height:1.65; }
.iic-hub-flagship .iic-field-guide__tabs { display:flex; gap:8px; margin-bottom:18px; overflow-x:auto; padding-bottom:4px; scrollbar-width:thin; }
.iic-hub-flagship .iic-field-guide__tabs button { flex:0 0 auto; min-height:46px; border:1px solid rgba(220,232,222,.38); border-radius:0; background:transparent; color:#dce8de; cursor:pointer; font:inherit; font-size:.78rem; font-weight:800; letter-spacing:.06em; padding:0 17px; text-transform:uppercase; transition:background .2s ease, color .2s ease, border-color .2s ease; }
.iic-hub-flagship .iic-field-guide__tabs button:hover,
.iic-hub-flagship .iic-field-guide__tabs button[aria-selected="true"] { border-color:#d5eb83; background:#d5eb83; color:#173a28; }
.iic-hub-flagship .iic-field-guide__tabs button:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.iic-hub-flagship .iic-field-guide__panel { display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(300px, .85fr); min-height:440px; overflow:hidden; background:#f8f9ef; color:#173a28; }
.iic-hub-flagship .iic-field-guide__panel[hidden] { display:none; }
.iic-hub-flagship .iic-field-guide__panel figure { min-height:100%; margin:0; background:#e7edd8; }
.iic-hub-flagship .iic-field-guide__panel img { width:100%; height:100%; min-height:440px; object-fit:cover; }
.iic-hub-flagship .iic-field-guide__copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(30px, 5vw, 64px); }
.iic-hub-flagship .iic-field-guide__number { margin:0 0 18px; color:#718c30; font-size:.8rem; font-weight:900; letter-spacing:.14em; }
.iic-hub-flagship .iic-field-guide__copy h3 { margin:0; color:#173a28; font-size:clamp(1.7rem, 2.8vw, 3rem); line-height:1.08; }
.iic-hub-flagship .iic-field-guide__copy > p:not(.iic-field-guide__number):not(.iic-field-guide__path) { margin:15px 0 0; color:#506354; font-size:1rem; line-height:1.65; }
.iic-hub-flagship .iic-field-guide__path { margin:24px 0 0; border-left:3px solid #9ab44b; color:#405f2c; font-size:.8rem; font-weight:850; letter-spacing:.06em; line-height:1.55; padding-left:13px; text-transform:uppercase; }
.iic-hub-flagship .iic-field-guide__copy .iic-text-link { margin-top:28px; }
@media (max-width: 760px) {
    .iic-hub-flagship .iic-field-guide { padding:64px 0; }
    .iic-hub-flagship .iic-field-guide__head { margin-bottom:28px; }
    .iic-hub-flagship .iic-field-guide__tabs { margin-right:-16px; padding-right:16px; }
    .iic-hub-flagship .iic-field-guide__panel { grid-template-columns:1fr; min-height:0; }
    .iic-hub-flagship .iic-field-guide__panel img { min-height:230px; max-height:310px; }
    .iic-hub-flagship .iic-field-guide__copy { min-height:330px; padding:32px 24px 36px; }
}
@media (max-width: 600px) {
    .iic-industry-flagship .iic-hero { min-height:630px; }
    .iic-industry-flagship .iic-environment-line { min-height:62px; font-size:16px; }
    .iic-industry-flagship .iic-working-environment { padding:64px 0; }
    .iic-industry-flagship .iic-working-environment__grid { grid-template-columns:1fr; }
    .iic-industry-flagship .iic-working-environment__card { min-height:0; }
}

/* Industries hub: operating-environment discovery precedes the 17 real destinations. */
.industries-hub{--ih-forest:#173a28;--ih-olive:#8aa63a;--ih-olive-dark:#6f862d;--ih-cream:#faf8f3;--ih-mist:#eef5df;--ih-copy:#506354;--ih-border:#d7e3c2;background:#fff;color:var(--ih-forest);overflow:hidden}.industries-hub *,.industries-hub *:before,.industries-hub *:after{box-sizing:border-box}.industries-hub__shell{width:min(calc(100% - 96px),1440px);margin:auto}.industries-hub h1,.industries-hub h2,.industries-hub h3,.industries-hub p{letter-spacing:0}.industries-hub__kicker{margin:0 0 17px;color:var(--ih-olive-dark)!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.13em!important}.industries-hub__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.industries-hub__button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:14px;padding:0 22px;border:1px solid transparent;border-radius:3px;font-size:.79rem;font-weight:800;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.industries-hub__button:hover,.industries-hub__button:focus-visible{transform:translateY(-2px)}.industries-hub__button--olive{border-color:var(--ih-olive);background:var(--ih-olive);color:#fff!important}.industries-hub__button--olive:hover{border-color:var(--ih-olive-dark);background:var(--ih-olive-dark)}.industries-hub__button--outline{border-color:rgba(255,255,255,.65);background:transparent;color:#fff!important}.industries-hub__button--outline:hover{background:#fff;color:var(--ih-forest)!important}.industries-hub__text-link{display:inline-flex;align-items:center;gap:10px;color:var(--ih-forest)!important;font-size:.82rem;font-weight:800}.industries-hub__text-link span{color:var(--ih-olive);font-size:1.15rem}.industries-hub__hero{position:relative;isolation:isolate;min-height:720px;background:var(--ih-forest);color:#fff}.industries-hub__hero:before{position:absolute;z-index:-2;inset:0;background:var(--industries-hero-image) center/cover no-repeat;content:""}.industries-hub__hero:after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(18,52,36,.98),rgba(23,58,40,.92) 43%,rgba(23,58,40,.42) 74%,rgba(23,58,40,.14));content:""}.industries-hub__hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:80px;align-items:end;min-height:720px;padding-top:158px;padding-bottom:84px}.industries-hub__hero-inner>div{max-width:770px}.industries-hub__crumb{display:flex;align-items:center;gap:9px;margin-bottom:34px;color:rgba(255,255,255,.75);font-size:.76rem}.industries-hub__crumb a{color:#fff!important}.industries-hub__hero .industries-hub__kicker{color:#d5eb83!important}.industries-hub__hero h1,.industries-hub__intro h2,.industries-hub__section-head h2,.industries-hub__selection h2,.industries-hub__connection h2,.industries-hub__review h2{margin:0;color:inherit!important;font-size:clamp(2.8rem,5.8vw,6.5rem)!important;font-weight:760!important;line-height:.95}.industries-hub__hero-inner>div>p:not(.industries-hub__kicker){max-width:600px;margin:28px 0 0;color:rgba(255,255,255,.88)!important;font-size:1.06rem!important;line-height:1.7}.industries-hub__hero-note{max-width:245px;margin:0 0 7px;color:#d5eb83!important;font-size:.78rem!important;line-height:1.6}.industries-hub__intro{padding:108px 0 100px;background:var(--ih-cream)}.industries-hub__intro-grid{display:grid;grid-template-columns:210px minmax(0,1.1fr) minmax(260px,.72fr);gap:50px;align-items:start}.industries-hub__intro .industries-hub__kicker{margin-top:15px}.industries-hub__intro h2{color:var(--ih-forest)!important;font-size:clamp(2.35rem,4.4vw,5rem)!important}.industries-hub__intro p:last-child{margin:16px 0 0;color:var(--ih-copy)!important;font-size:1rem!important;line-height:1.72}.industries-hub__reality,.industries-hub__portfolio,.industries-hub__connection{padding:120px 0}.industries-hub__section-head{max-width:850px;margin-bottom:56px}.industries-hub__section-head h2{color:var(--ih-forest)!important;font-size:clamp(2.45rem,4.7vw,5.3rem)!important}.industries-hub__section-head>p:last-child{max-width:590px;margin:22px 0 0;color:var(--ih-copy)!important;font-size:1rem!important;line-height:1.68}.industries-hub__reality{background:#fff}.industries-hub__reality-switcher{display:grid;grid-template-columns:290px minmax(0,1fr);border-top:1px solid var(--ih-border);border-left:1px solid var(--ih-border)}.industries-hub__reality-tabs{display:flex;flex-direction:column;border-right:1px solid var(--ih-border)}.industries-hub__reality-tabs button{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;min-height:90px;padding:20px 22px;border:0;border-bottom:1px solid var(--ih-border);background:transparent;color:#596658;text-align:left;font:inherit;font-size:.83rem;font-weight:750;cursor:pointer;transition:background .2s ease,color .2s ease}.industries-hub__reality-tabs button span{color:var(--ih-olive-dark);font-size:.7rem;font-weight:800}.industries-hub__reality-tabs button[aria-selected=true]{background:var(--ih-mist);color:var(--ih-forest)}.industries-hub__reality-tabs button:focus-visible{position:relative;z-index:1;outline:2px solid var(--ih-olive);outline-offset:-3px}.industries-hub__reality-panel{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);min-height:510px;background:#fff}.industries-hub__reality-panel[hidden]{display:none}.industries-hub__reality-panel figure{min-height:510px;margin:0;overflow:hidden;background:var(--ih-forest)}.industries-hub__reality-panel figure img{width:100%;height:100%;object-fit:cover}.industries-hub__reality-panel>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px}.industries-hub__reality-panel h3{margin:0;color:var(--ih-forest)!important;font-size:clamp(1.85rem,3.1vw,3.3rem)!important;font-weight:740!important;line-height:1}.industries-hub__reality-panel>div>p:not(.industries-hub__kicker){margin:20px 0 0;color:var(--ih-copy)!important;font-size:.95rem!important;line-height:1.68}.industries-hub__path{display:flex;flex-wrap:wrap;gap:0;margin:32px 0 28px;padding:0;list-style:none}.industries-hub__path li{display:flex;align-items:center;color:var(--ih-forest);font-size:.72rem;font-weight:800}.industries-hub__path li+li:before{margin:0 9px;color:var(--ih-olive);font-size:1rem;content:"\2192"}.industries-hub__reality-panel .industries-hub__text-link{margin-top:auto}.industries-hub__portfolio{background:var(--ih-cream)}.industries-hub__section-head--row{display:flex;max-width:none;align-items:end;justify-content:space-between;gap:50px}.industries-hub__section-head--row>div{max-width:780px}.industries-hub__section-head--row>p{max-width:350px;margin:0}.industries-hub__cluster{padding-top:62px;margin-top:62px;border-top:1px solid var(--ih-border)}.industries-hub__cluster>header{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(260px,.72fr);gap:30px;align-items:start;margin-bottom:30px}.industries-hub__cluster .industries-hub__kicker{margin-top:8px}.industries-hub__cluster h3{margin:0;color:var(--ih-forest)!important;font-size:clamp(1.8rem,3vw,3.2rem)!important;line-height:1.04}.industries-hub__cluster>header>p:last-child{margin:5px 0 0;color:var(--ih-copy)!important;font-size:.9rem!important;line-height:1.6}.industries-hub__cluster-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.industries-hub__industry-supporting{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.industries-hub__industry-card{position:relative;display:block;min-height:255px;overflow:hidden;border-radius:5px;background:var(--ih-forest);color:#fff!important}.industries-hub__industry-card--featured{min-height:520px}.industries-hub__industry-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.industries-hub__industry-card>span{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,53,36,.93),rgba(25,62,41,.12) 72%);transition:background .25s ease}.industries-hub__industry-card:hover img{transform:scale(1.045)}.industries-hub__industry-card:hover>span{background:linear-gradient(0deg,rgba(23,58,40,.96),rgba(32,78,45,.25) 72%)}.industries-hub__industry-card>div{position:absolute;z-index:1;right:23px;bottom:21px;left:23px}.industries-hub__industry-card small{display:block;margin-bottom:12px;color:#d5eb83;font-size:.66rem;font-weight:800;letter-spacing:.1em}.industries-hub__industry-card strong{display:block;color:#fff;font-size:clamp(1.2rem,1.8vw,1.85rem);font-weight:750;line-height:1.03}.industries-hub__industry-card em{display:block;margin-top:11px;color:rgba(255,255,255,.88);font-size:.77rem;font-style:normal;line-height:1.55}.industries-hub__industry-card b{display:block;margin-top:14px;color:#fff;font-size:.74rem;font-weight:800}.industries-hub__industry-card i{margin-left:5px;color:#d5eb83;font-size:1rem;font-style:normal}.industries-hub__industry-card:not(.industries-hub__industry-card--featured) em,.industries-hub__industry-card:not(.industries-hub__industry-card--featured) b{display:none}.industries-hub__cluster[data-count="2"] .industries-hub__cluster-layout{grid-template-columns:1fr 1fr}.industries-hub__cluster[data-count="2"] .industries-hub__industry-card{min-height:360px}.industries-hub__cluster[data-count="2"] .industries-hub__industry-card em,.industries-hub__cluster[data-count="2"] .industries-hub__industry-card b{display:block}.industries-hub__selection{padding:120px 0;background:var(--ih-forest);color:#fff}.industries-hub__selection-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(540px,1.15fr);gap:9vw;align-items:center}.industries-hub__selection .industries-hub__kicker,.industries-hub__review .industries-hub__kicker{color:#d5eb83!important}.industries-hub__selection h2{color:#fff!important;font-size:clamp(2.5rem,4.6vw,5rem)!important}.industries-hub__selection header>p:last-child{max-width:520px;margin:25px 0 0;color:rgba(255,255,255,.8)!important;font-size:.97rem!important;line-height:1.7}.industries-hub__selection ol{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;border-top:1px solid rgba(213,235,131,.45);border-left:1px solid rgba(213,235,131,.45)}.industries-hub__selection li{position:relative;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;min-height:104px;padding:20px 22px;border-right:1px solid rgba(213,235,131,.45);border-bottom:1px solid rgba(213,235,131,.45)}.industries-hub__selection li:not(:last-child):after{position:absolute;right:18px;bottom:-11px;z-index:1;display:grid;width:21px;height:21px;place-items:center;border:1px solid rgba(213,235,131,.7);border-radius:50%;background:var(--ih-forest);color:#d5eb83;font-size:.75rem;content:"\2192"}.industries-hub__selection li span{color:#d5eb83;font-size:.7rem;font-weight:800}.industries-hub__selection li strong{color:#fff;font-size:.88rem;line-height:1.35}.industries-hub__connection{background:#fff}.industries-hub__connection-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);gap:9vw;align-items:center}.industries-hub__connection h2{color:var(--ih-forest)!important;font-size:clamp(2.35rem,4.25vw,4.75rem)!important}.industries-hub__connection header>p:last-of-type{max-width:500px;margin:25px 0 26px;color:var(--ih-copy)!important;font-size:.98rem!important;line-height:1.7}.industries-hub__connection-path{display:grid;gap:0;border-top:1px solid var(--ih-border);border-left:1px solid var(--ih-border)}.industries-hub__connection-path span,.industries-hub__connection-path b{min-height:78px;border-right:1px solid var(--ih-border);border-bottom:1px solid var(--ih-border)}.industries-hub__connection-path span{display:flex;align-items:center;padding:16px 24px;color:var(--ih-forest);font-size:.86rem;font-weight:780}.industries-hub__connection-path b{display:grid;place-items:center;background:var(--ih-mist);color:var(--ih-olive-dark);font-size:1.15rem}.industries-hub__connection-path{grid-template-columns:1fr 54px}.industries-hub__connection-path b:last-child{display:none}.industries-hub__review{padding:114px 0;background:var(--ih-olive-dark);color:#fff;text-align:center}.industries-hub__review-inner{max-width:820px}.industries-hub__review h2{color:#fff!important;font-size:clamp(2.55rem,5vw,5.5rem)!important}.industries-hub__review p:not(.industries-hub__kicker){max-width:610px;margin:25px auto 0;color:rgba(255,255,255,.87)!important;font-size:1rem!important;line-height:1.7}.industries-hub__review .industries-hub__actions{justify-content:center}.industries-hub__review .industries-hub__button--olive{border-color:#d5eb83;background:#d5eb83;color:var(--ih-forest)!important}.industries-hub__review .industries-hub__button--olive:hover{border-color:#fff;background:#fff}@media(max-width:1100px){.industries-hub__shell{width:min(calc(100% - 56px),1440px)}.industries-hub__hero-inner{grid-template-columns:1fr 190px;gap:36px}.industries-hub__intro-grid{grid-template-columns:1fr 1fr;gap:30px}.industries-hub__intro .industries-hub__kicker{grid-column:1/-1;margin:0}.industries-hub__reality-switcher{grid-template-columns:245px minmax(0,1fr)}.industries-hub__reality-panel{grid-template-columns:1fr}.industries-hub__reality-panel figure{min-height:320px}.industries-hub__reality-panel>div{min-height:320px}.industries-hub__cluster>header{grid-template-columns:1fr 1fr}.industries-hub__cluster>header .industries-hub__kicker{grid-column:1/-1;margin:0}.industries-hub__selection-grid,.industries-hub__connection-grid{grid-template-columns:1fr;gap:54px}.industries-hub__selection ol{max-width:760px}.industries-hub__connection-path{max-width:800px}}@media(max-width:720px){.industries-hub__shell{width:calc(100% - 40px)}.industries-hub__hero{min-height:660px}.industries-hub__hero:after{background:linear-gradient(180deg,rgba(18,52,36,.84),rgba(18,52,36,.95) 72%)}.industries-hub__hero-inner{display:block;min-height:660px;padding-top:122px;padding-bottom:45px}.industries-hub__crumb{margin-bottom:27px}.industries-hub__hero h1{font-size:clamp(2.75rem,13vw,4.35rem)!important}.industries-hub__hero-inner>div>p:not(.industries-hub__kicker){font-size:.97rem!important}.industries-hub__actions{display:grid;max-width:330px}.industries-hub__button{width:100%}.industries-hub__hero-note{position:absolute;right:20px;bottom:25px;left:20px;max-width:260px}.industries-hub__intro,.industries-hub__reality,.industries-hub__portfolio,.industries-hub__connection{padding:78px 0}.industries-hub__intro-grid{grid-template-columns:1fr;gap:22px}.industries-hub__intro .industries-hub__kicker{grid-column:auto}.industries-hub__intro h2,.industries-hub__section-head h2,.industries-hub__selection h2,.industries-hub__connection h2,.industries-hub__review h2{font-size:clamp(2.25rem,11vw,3.55rem)!important}.industries-hub__section-head{margin-bottom:38px}.industries-hub__section-head--row{display:block}.industries-hub__section-head--row>p{margin-top:20px}.industries-hub__reality-switcher{display:block;border-left:0}.industries-hub__reality-tabs{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;border-left:1px solid var(--ih-border);border-right:1px solid var(--ih-border);scrollbar-width:thin}.industries-hub__reality-tabs button{flex:0 0 235px;min-height:75px;border-right:1px solid var(--ih-border);scroll-snap-align:start}.industries-hub__reality-panel{display:block;border:1px solid var(--ih-border);border-top:0}.industries-hub__reality-panel figure{min-height:260px}.industries-hub__reality-panel>div{min-height:0;padding:31px 24px}.industries-hub__reality-panel h3{font-size:2rem!important}.industries-hub__path{margin:26px 0 25px}.industries-hub__path li{font-size:.68rem}.industries-hub__path li+li:before{margin:0 6px}.industries-hub__cluster{padding-top:45px;margin-top:45px}.industries-hub__cluster>header{grid-template-columns:1fr;gap:14px;margin-bottom:23px}.industries-hub__cluster-layout,.industries-hub__cluster[data-count="2"] .industries-hub__cluster-layout{grid-template-columns:1fr}.industries-hub__industry-supporting{grid-template-columns:1fr;gap:11px}.industries-hub__industry-card,.industries-hub__industry-card--featured,.industries-hub__cluster[data-count="2"] .industries-hub__industry-card{min-height:285px}.industries-hub__industry-card--featured{min-height:390px}.industries-hub__industry-card>div{right:21px;bottom:20px;left:21px}.industries-hub__industry-card:not(.industries-hub__industry-card--featured) em,.industries-hub__industry-card:not(.industries-hub__industry-card--featured) b{display:block}.industries-hub__selection{padding:80px 0}.industries-hub__selection ol{grid-template-columns:1fr}.industries-hub__selection li{min-height:81px}.industries-hub__selection li:not(:last-child):after{right:20px;bottom:-11px}.industries-hub__connection-grid{gap:42px}.industries-hub__connection-path span,.industries-hub__connection-path b{min-height:70px}.industries-hub__connection-path span{padding:13px 17px;font-size:.78rem}.industries-hub__review{padding:80px 0}.industries-hub__review .industries-hub__actions{max-width:330px;margin-right:auto;margin-left:auto}}@media(prefers-reduced-motion:reduce){.industries-hub *{scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* corporate-shell.css */
/* Final shared corporate shell. It intentionally overrides legacy header/footer layers only. */
:root {
    --corporate-forest: #23452a;
    --corporate-ink: #243328;
    --corporate-olive: #8aa63a;
    --corporate-olive-dark: #6f862d;
    --corporate-cream: #faf8f3;
    --corporate-border: #dde7c8;
    --corporate-header-height: 86px;
}

.site-header {
    position: fixed !important;
    z-index: 9999 !important;
    min-height: var(--corporate-header-height);
    color: var(--corporate-ink) !important;
    background: rgba(255, 255, 255, 0.97) !important;
    border-bottom: 1px solid rgba(221, 231, 200, 0.92);
    box-shadow: 0 8px 30px rgba(35, 69, 42, 0.04);
    backdrop-filter: blur(16px);
    transition: box-shadow 220ms ease, background 220ms ease, border-color 220ms ease;
}

.site-header.is-scrolled,
.site-header.is-menu-open {
    background: rgba(255, 255, 255, 0.985) !important;
    border-bottom-color: rgba(138, 166, 58, 0.32);
    box-shadow: 0 12px 34px rgba(35, 69, 42, 0.1);
}

.site-header .header-main {
    min-height: var(--corporate-header-height);
    gap: 28px;
}

.site-header .brand {
    flex: 0 0 auto;
    padding-right: 4px;
}

.site-header .brand-logo {
    display: block;
    width: 186px;
    height: auto;
    filter: none;
}

.site-header .desktop-nav {
    margin-left: 0 !important;
}

.site-header .nav-list {
    gap: 25px;
}

.site-header .nav-list > .nav-item > a,
.site-header .nav-link,
.site-header .nav-trigger {
    min-height: var(--corporate-header-height);
    color: var(--corporate-ink) !important;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0;
    text-shadow: none;
    transition: color 180ms ease;
}

.site-header .nav-item::before {
    display: none;
}

.site-header .desktop-nav a:hover,
.site-header .nav-item:hover .nav-trigger,
.site-header .nav-item:hover .nav-link,
.site-header .nav-item:focus-within .nav-link,
.site-header .nav-arrow:hover {
    color: var(--corporate-olive-dark) !important;
}

.site-header .nav-arrow {
    width: 16px;
    height: var(--corporate-header-height);
    color: var(--corporate-olive) !important;
    text-shadow: none;
}

.site-header .header-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
}

.site-header .header-search {
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: var(--corporate-forest) !important;
    border: 1px solid var(--corporate-border);
    border-radius: 50%;
    background: #fff;
    transition: color 180ms ease, border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.site-header .header-search .line-svg {
    width: 19px;
    height: 19px;
    stroke: currentColor;
}

.site-header .header-search:hover,
.site-header .header-search:focus-visible {
    color: #fff !important;
    border-color: var(--corporate-olive);
    background: var(--corporate-olive);
    transform: translateY(-1px);
}

.site-header .header-cta {
    min-height: 44px;
    padding: 0 20px !important;
    color: #fff !important;
    border: 1px solid var(--corporate-olive) !important;
    border-radius: 5px !important;
    background: var(--corporate-olive) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0;
    transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.site-header .header-cta:hover,
.site-header .header-cta:focus-visible {
    color: #fff !important;
    border-color: var(--corporate-olive-dark) !important;
    background: var(--corporate-olive-dark) !important;
    box-shadow: 0 9px 18px rgba(111, 134, 45, 0.22) !important;
    transform: translateY(-1px);
}

.site-header a:focus-visible,
.site-header button:focus-visible,
.site-footer a:focus-visible {
    outline: 3px solid rgba(138, 166, 58, 0.56);
    outline-offset: 3px;
}

@media (min-width: 992px) {
    .site-header .mega-menu.solutions-mega,
    .site-header .mega-menu.standard-mega,
    .site-header .solenis-dropdown {
        top: var(--corporate-header-height) !important;
        height: min(530px, calc(100vh - var(--corporate-header-height))) !important;
        max-height: calc(100vh - var(--corporate-header-height));
        border: 1px solid rgba(221, 231, 200, 0.94);
        border-radius: 0 0 10px 10px;
        box-shadow: 0 26px 60px rgba(35, 69, 42, 0.16);
    }
}

/* Footer: a dark, confident corporate close with an olive data-line motif. */
footer.site-footer,
.site-footer {
    position: relative;
    isolation: isolate;
    overflow: hidden !important;
    padding: 0 0 27px !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 86% 0%, rgba(159, 184, 76, 0.36), transparent 28%),
        linear-gradient(118deg, #23452a 0%, #355a29 48%, #63802e 100%) !important;
}

footer.site-footer::before,
.site-footer::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    opacity: 0.2 !important;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.14) 1px, transparent 1px);
    background-size: 48px 48px;
}

footer.site-footer .footer-leaf-art {
    right: -70px;
    bottom: -108px;
    width: 400px;
    height: 400px;
    opacity: 0.11 !important;
    filter: brightness(0) invert(1);
}

footer.site-footer .footer-introduction {
    position: relative;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 40px;
    padding: 52px 0 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

footer.site-footer .footer-introduction__brand {
    display: grid;
    max-width: 590px;
    gap: 15px;
}

footer.site-footer .footer-introduction__logo {
    display: inline-flex;
    width: max-content;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

footer.site-footer .footer-introduction .footer-logo {
    display: block;
    width: 206px;
    max-width: 100%;
    height: auto;
    filter: brightness(0) invert(1) !important;
    mix-blend-mode: normal !important;
}

footer.site-footer .footer-introduction p {
    margin: 0;
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: 15px;
    line-height: 1.6;
}

footer.site-footer .footer-introduction__action {
    display: grid;
    justify-items: start;
    gap: 11px;
    min-width: 246px;
}

footer.site-footer .footer-introduction__action > span {
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

footer.site-footer .footer-introduction__action a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 43px;
    padding: 0 17px;
    color: var(--corporate-forest) !important;
    border: 1px solid #fff;
    border-radius: 4px;
    background: #fff;
    font-size: 13px;
    font-weight: 800;
    transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

footer.site-footer .footer-introduction__action a:hover {
    color: #fff !important;
    background: transparent;
    transform: translateY(-1px);
}

footer.site-footer .footer-grid {
    position: relative;
    display: grid !important;
    grid-template-columns: 1.02fr 1.28fr 1fr 0.96fr 1.18fr !important;
    gap: 34px !important;
    padding-top: 42px;
}

footer.site-footer .footer-column {
    min-width: 0;
}

footer.site-footer .footer-column .footer-column-title,
footer.site-footer .footer-column h3,
footer.site-footer .footer-column strong {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em;
    line-height: 1.35 !important;
    text-transform: uppercase;
}

footer.site-footer .footer-column .footer-column-title {
    margin: 0 0 17px !important;
}

footer.site-footer .footer-column a,
footer.site-footer .footer-column p,
footer.site-footer .footer-column li,
footer.site-footer .footer-column address,
footer.site-footer .footer-column span {
    color: rgba(255, 255, 255, 0.83) !important;
    font-size: 13px !important;
    font-weight: 550 !important;
    line-height: 1.55 !important;
}

footer.site-footer .footer-column > a {
    display: block;
    width: max-content;
    max-width: 100%;
    margin: 0 0 7px;
    transition: color 180ms ease, transform 180ms ease;
}

footer.site-footer .footer-column > a:hover,
footer.site-footer .footer-bottom a:hover {
    color: #fff !important;
    transform: translateX(3px);
}

footer.site-footer .footer-contact-panel {
    padding-left: 25px;
    border-left: 1px solid rgba(255, 255, 255, 0.24);
}

footer.site-footer .footer-contact-heading {
    margin-top: 0 !important;
}

footer.site-footer .footer-contact-item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px !important;
    align-items: start;
    margin: 0 0 16px !important;
}

footer.site-footer .footer-contact-icon {
    display: inline-grid;
    width: 27px;
    height: 27px;
    place-items: center;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.09);
    transition: transform 180ms ease, background 180ms ease;
}

footer.site-footer .footer-contact-item:hover .footer-contact-icon {
    background: rgba(255, 255, 255, 0.19);
    transform: scale(1.06);
}

footer.site-footer .footer-contact-icon .line-svg {
    width: 14px;
    height: 14px;
    stroke: currentColor !important;
}

footer.site-footer .footer-contact-item strong {
    display: block;
    margin-bottom: 3px;
    font-size: 10px !important;
}

footer.site-footer .footer-contact-item address {
    font-style: normal;
}

footer.site-footer .footer-bottom {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 42px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
}

footer.site-footer .footer-bottom,
footer.site-footer .footer-bottom p,
footer.site-footer .footer-bottom a {
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

footer.site-footer .footer-bottom > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px 20px;
}

@media (max-width: 1199px) {
    .site-header .nav-list { gap: 15px; }
    .site-header .nav-list > .nav-item > a,
    .site-header .nav-link,
    .site-header .nav-trigger { font-size: 12px; }
    .site-header .header-main { gap: 18px; }
    .site-header .brand-logo { width: 166px; }
    .site-header .header-cta { padding: 0 14px !important; }
}

@media (max-width: 1050px) {
    footer.site-footer .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 36px 32px !important;
    }

    footer.site-footer .footer-contact-panel {
        grid-column: span 2;
        padding: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.24);
        border-left: 0;
        padding-top: 28px;
    }
}

@media (max-width: 991px) {
    .site-header { min-height: 72px; }
    .site-header .header-main { min-height: 72px; }
    .site-header .brand-logo { width: 158px; }
    .site-header .header-search { width: 40px; height: 40px; }
    .site-header .mobile-menu-toggle {
        width: 42px;
        height: 42px;
        border: 1px solid var(--corporate-border) !important;
        border-radius: 4px;
        background: #fff !important;
    }
    .site-header .mobile-menu-toggle span { background: var(--corporate-forest) !important; }
    .site-header .mobile-drawer {
        top: 72px !important;
        padding: 22px 22px 40px;
        color: var(--corporate-ink) !important;
        background: var(--corporate-cream) !important;
        box-shadow: -16px 0 35px rgba(35, 69, 42, 0.14);
    }
    .site-header .mobile-nav { gap: 9px; }
    .site-header .mobile-nav > a,
    .site-header .mobile-nav summary {
        color: var(--corporate-ink) !important;
        border-color: var(--corporate-border) !important;
        background: #fff !important;
    }
    .site-header .mobile-nav .mobile-submenu { background: #fff !important; }
}

@media (max-width: 620px) {
    .site-header .header-main { gap: 10px; }
    .site-header .brand-logo { width: 139px; }
    .site-header .header-search { width: 38px; height: 38px; }
    .site-header .mobile-menu-toggle { width: 38px; height: 38px; }

    footer.site-footer { padding-bottom: 24px !important; }
    footer.site-footer .footer-introduction {
        display: grid;
        gap: 25px;
        padding: 43px 0 28px;
    }
    footer.site-footer .footer-introduction .footer-logo { width: 190px; }
    footer.site-footer .footer-introduction p { font-size: 14px; }
    footer.site-footer .footer-grid { grid-template-columns: 1fr !important; gap: 29px !important; padding-top: 31px; }
    footer.site-footer .footer-contact-panel { grid-column: auto; }
    footer.site-footer .footer-bottom { align-items: flex-start; flex-direction: column; gap: 12px; margin-top: 34px !important; }
    footer.site-footer .footer-bottom > div { justify-content: flex-start; gap: 7px 16px; }
}

/* ==========================================================================
   HEADER RESTORE (2026-08-08) — owner decision.

   1. The global "Request Consultation" CTA was removed from the header markup.
      .header-main is display:flex + justify-content:space-between, so the freed
      space is reclaimed automatically: brand left, navigation centre, search
      right. No empty CTA slot and no reserved width remains. The legacy
      .header-cta rules elsewhere are now unused dead selectors and are left in
      place only because other components share those :where() groupings.

   2. Guard against the Step-1 regression that collapsed the navigation: the
      top-level row must never inherit the compact .nav-arrow box metrics
      (width:18px / font-size:0) that are intended for the chevron button only.
      ========================================================================== */
.site-header .header-actions { gap: 10px; }

/* Nav labels must always size to their own text. */
.site-header .nav-list > .nav-item > .nav-link {
    width: auto;
    min-width: max-content;
    font-size: inherit;
    white-space: nowrap;
}

/* The chevron button keeps its own compact metrics, separate from the label. */
.site-header .nav-list > .nav-item > .nav-arrow {
    flex: 0 0 auto;
}

/* Search Mode must never be active on page load. */
body:not(.ek-searchmode) .header-searchbar { display: none; }

/* Mid-width tier (2026-08-08): between the compact <=1199 rules and full size,
   1280px is the tightest desktop case now that the CTA is gone. A small gap/size
   reduction keeps all six labels on one row with comfortable headroom, without
   changing any menu label text. */
@media (min-width: 1200px) and (max-width: 1365px) {
    .site-header .nav-list { gap: 18px; }
    .site-header .header-main { gap: 22px; }
    .site-header .nav-list > .nav-item > .nav-link { font-size: 14px; }
    .site-header .brand-logo { width: 172px; }
}


/* compact-site-layout.css */
/* Compact desktop scale for the shared site systems. Water Treatment routes opt out in header.php. */
@media (min-width: 901px) {
    .site-compact-layout .corp-hero__inner {
        min-height: min(760px, calc(100svh - 86px));
        align-items: start;
        padding-top: 118px;
        padding-bottom: 64px;
    }

    .site-compact-layout .corp-purpose,
    .site-compact-layout .corp-businesses,
    .site-compact-layout .corp-impact,
    .site-compact-layout .corp-updates {
        padding-block: 82px;
    }

    .site-compact-layout .corp-innovation {
        min-height: 610px;
    }

    .site-compact-layout .corp-innovation__inner {
        min-height: 610px;
        padding-block: 78px;
    }

    .site-compact-layout .corp-commitment,
    .site-compact-layout .corp-final {
        padding-block: 82px;
    }

    .site-compact-layout .corp-commitment__grid article {
        min-height: 220px;
    }

    .site-compact-layout .corp-business-grid {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }

    .site-compact-layout .iic-hero {
        min-height: min(680px, calc(100svh - 86px));
        align-items: start;
    }

    .site-compact-layout .iic-flagship .iic-hero__content {
        padding-block: 92px 58px;
    }

    .site-compact-layout .iic-product-hero__grid {
        min-height: min(680px, calc(100svh - 86px));
        align-items: start;
    }

    .site-compact-layout .iic-product-hero__copy {
        padding-block: 82px 36px;
    }

    .site-compact-layout .iic-packshot {
        min-height: 420px;
    }

    .site-compact-layout .iic-packshot img {
        max-height: 420px;
    }

    .site-compact-layout .iic-intro,
    .site-compact-layout .iic-category-map,
    .site-compact-layout .iic-product-gallery,
    .site-compact-layout .iic-selection,
    .site-compact-layout .iic-environments,
    .site-compact-layout .iic-product-review,
    .site-compact-layout .iic-application-planes,
    .site-compact-layout .iic-product-docs,
    .site-compact-layout .iic-close {
        padding-block: clamp(58px, 6.5vw, 86px);
    }

    .site-compact-layout .iic-category-card {
        min-height: 320px;
    }

    .site-compact-layout .iic-product-card {
        min-height: 360px;
    }

    .site-compact-layout .iic-product-card figure {
        min-height: 205px;
    }

    .site-compact-layout .iic-product-card img {
        height: 175px;
    }

    .site-compact-layout .iic-application-planes article {
        min-height: 220px;
    }

    .site-compact-layout .iic-application-planes h3 {
        margin-top: 42px;
    }

    .site-compact-layout .flagship-journey .anchor-hero {
        min-height: min(670px, calc(100svh - 86px));
        padding: 104px 0 62px !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero-grid,
    .site-compact-layout .flagship-journey .anchor-hero-copy {
        min-height: 470px !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero-copy {
        justify-content: flex-start;
    }

    .site-compact-layout .flagship-journey .anchor-hero h1 {
        max-width: 720px;
        font-size: clamp(3.5rem, 6.2vw, 6.9rem) !important;
        line-height: .88 !important;
    }

    .site-compact-layout .flagship-journey .anchor-section {
        min-height: auto;
        padding: clamp(58px, 6.5vw, 86px) max(32px, calc((100vw - 1360px) / 2)) !important;
    }

    .site-compact-layout .flagship-journey .download-library-section {
        padding-top: 64px !important;
    }

    .site-compact-layout .sustainability-nova .sn-hero,
    .site-compact-layout .sustainability-nova .sn-hero__inner {
        min-height: min(670px, calc(100svh - 86px));
    }

    .site-compact-layout .sustainability-nova .sn-hero__inner {
        justify-content: flex-start;
        padding: 116px 0 62px;
    }

    .site-compact-layout .sustainability-nova .sn-intro,
    .site-compact-layout .sustainability-nova .sn-orbit-section,
    .site-compact-layout .sustainability-nova .sn-recognition,
    .site-compact-layout .sustainability-nova .sn-final {
        padding-block: clamp(62px, 7vw, 92px);
    }

    .site-compact-layout .sustainability-nova .sn-statement {
        min-height: 520px;
    }

    .site-compact-layout .sustainability-nova .sn-recognition__list span {
        min-height: 92px;
    }

    .site-compact-layout .sp-hero {
        min-height: min(640px, calc(100svh - 86px));
        align-items: start;
        padding: 104px 0 52px;
    }

    .site-compact-layout .sp-hero__grid {
        align-items: start;
    }

    .site-compact-layout .sp-hero__copy {
        padding: 24px 28px;
    }

    .site-compact-layout .sp-hero__media,
    .site-compact-layout .sp-hero__media img {
        min-height: 380px;
    }

    .site-compact-layout .sp-risk,
    .site-compact-layout .sp-process,
    .site-compact-layout .sp-programmes,
    .site-compact-layout .sp-resources,
    .site-compact-layout .sp-detail,
    .site-compact-layout .sp-faq {
        padding-block: 66px !important;
    }

    .site-compact-layout .sp-gauge,
    .site-compact-layout .sp-family-card,
    .site-compact-layout .sp-programme-card,
    .site-compact-layout .sp-resource-card {
        min-height: 0;
    }

    .site-compact-layout .shared-solution-page .solution-system-hero {
        padding-block: 32px;
    }

    .site-compact-layout .shared-solution-page .solution-hero-media,
    .site-compact-layout .shared-solution-page .anchor-metrics {
        min-height: 360px;
    }

    .site-compact-layout .shared-solution-page .solution-section {
        padding-block: 48px;
    }

    .site-compact-layout .mnc-category-page > section:not(.product-tab-content) {
        padding-block: 56px !important;
    }

    .site-compact-layout .universal-product-page .product-hero {
        padding-block: 46px 42px !important;
    }

    .site-compact-layout .universal-product-page .product-hero-grid {
        min-height: 520px;
        align-items: start;
    }

    .site-compact-layout .universal-product-page .product-image-stage {
        min-height: 360px;
    }

    .site-compact-layout .universal-product-page .product-tab-panel {
        padding-block: 54px;
    }

    .site-compact-layout .universal-product-page .product-extra-section,
    .site-compact-layout .universal-product-page .product-section,
    .site-compact-layout .universal-product-page .product-help-cta {
        padding-block: 56px;
    }
}

@media (max-width: 900px) {
    .site-compact-layout .iic-hero,
    .site-compact-layout .sustainability-nova .sn-hero,
    .site-compact-layout .sustainability-nova .sn-hero__inner,
    .site-compact-layout .flagship-journey .anchor-hero {
        min-height: 590px;
    }

    .site-compact-layout .iic-flagship .iic-hero__content {
        padding-top: 76px;
        padding-bottom: 48px;
    }

    .site-compact-layout .flagship-journey .anchor-hero {
        padding-top: 94px !important;
        padding-bottom: 52px !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero-copy {
        min-height: 430px !important;
    }

    .site-compact-layout .sustainability-nova .sn-hero__inner {
        padding-top: 100px;
        padding-bottom: 48px;
    }
}

@media (max-width: 620px) {
    .site-compact-layout .iic-hero,
    .site-compact-layout .sustainability-nova .sn-hero,
    .site-compact-layout .sustainability-nova .sn-hero__inner,
    .site-compact-layout .flagship-journey .anchor-hero {
        min-height: 560px;
    }

    .site-compact-layout .iic-flagship .iic-hero__content {
        padding-top: 84px;
        padding-bottom: 42px;
    }

    .site-compact-layout .flagship-journey .anchor-hero {
        padding-top: 92px !important;
        padding-bottom: 44px !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero h1 {
        font-size: clamp(3rem, 14vw, 4.5rem) !important;
    }

    .site-compact-layout .sustainability-nova .sn-hero__inner {
        padding-top: 96px;
        padding-bottom: 42px;
    }

    .site-compact-layout .sp-hero {
        min-height: 590px;
        padding-top: 94px;
    }
}


/* iic-reference-pages.css */
/* IIC visual language for Resources, Company and Contact. Scoped to avoid changing product, solution and Water Treatment systems. */
.iic-reference-page {
    --iic-ref-ink: #1e3927;
    --iic-ref-olive: #7e9d35;
    --iic-ref-olive-deep: #637e2e;
    --iic-ref-mist: #f1f6e5;
    --iic-ref-cream: #fbfcf7;
    --iic-ref-line: rgba(74, 111, 49, .2);
    --iic-ref-white: #ffffff;
    background: var(--iic-ref-cream);
    color: var(--iic-ref-ink);
}

.iic-reference-page .anchor-hero {
    min-height: min(760px, calc(100svh - 78px)) !important;
    padding: 0 !important;
    display: grid;
    align-items: center;
    isolation: isolate;
    background-position: center !important;
}

.iic-reference-page .anchor-hero::after {
    z-index: 0 !important;
    background:
        linear-gradient(90deg, #fafcf4 0%, rgba(250, 252, 244, .985) 25%, rgba(250, 252, 244, .88) 44%, rgba(250, 252, 244, .48) 61%, rgba(250, 252, 244, .05) 82%, rgba(250, 252, 244, .02) 100%) !important;
}

.iic-reference-page .anchor-hero::before {
    position: absolute !important;
    content: "" !important;
    pointer-events: none;
    display: block !important;
    z-index: 0 !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    clip-path: none !important;
    background-image:
        linear-gradient(rgba(96, 135, 56, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(96, 135, 56, .035) 1px, transparent 1px) !important;
    background-size: 54px 54px !important;
    mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .5) 54%, transparent 78%);
}

.iic-reference-page .anchor-hero-grid {
    position: relative;
    z-index: 1;
    display: block !important;
    min-height: 0 !important;
}

.iic-reference-page .anchor-hero-copy {
    display: flex;
    width: min(49vw, 780px) !important;
    min-height: 0 !important;
    max-width: min(49vw, 780px) !important;
    margin-left: clamp(34px, 5.5vw, 112px) !important;
    padding-block: 112px 86px !important;
    justify-content: center;
}

.iic-reference-page .anchor-hero h1 {
    max-width: 100% !important;
    margin: 18px 0 26px !important;
    color: var(--iic-ref-ink) !important;
    font-size: clamp(3.9rem, 6.8vw, 7.2rem) !important;
    font-weight: 800 !important;
    letter-spacing: -.06em !important;
    line-height: .87 !important;
    text-wrap: balance;
}

.iic-reference-page .anchor-hero h1 em,
.iic-reference-page .inner-kicker {
    color: var(--iic-ref-olive) !important;
}

.iic-reference-page .anchor-hero p {
    max-width: 630px !important;
    color: #405947 !important;
    font-size: clamp(1rem, 1.45vw, 1.25rem) !important;
    line-height: 1.58 !important;
}

.iic-reference-page .page-button {
    min-height: 52px;
    border: 1px solid var(--iic-ref-olive) !important;
    border-radius: 999px !important;
    background: var(--iic-ref-olive) !important;
    box-shadow: none !important;
    color: #fff !important;
    font-weight: 800 !important;
}

.iic-reference-page .page-button-secondary {
    border-color: rgba(74, 111, 49, .38) !important;
    background: rgba(255, 255, 255, .72) !important;
    color: var(--iic-ref-ink) !important;
}

.iic-reference-page .page-button:hover,
.iic-reference-page .page-button:focus-visible {
    border-color: var(--iic-ref-olive-deep) !important;
    background: var(--iic-ref-olive-deep) !important;
    color: #fff !important;
    transform: translateY(-3px);
}

.iic-reference-page .page-button-secondary:hover,
.iic-reference-page .page-button-secondary:focus-visible {
    background: #fff !important;
    color: var(--iic-ref-ink) !important;
}

.iic-reference-page .enterprise-sticky-nav,
.iic-reference-page .anchor-sidebar {
    border-bottom: 1px solid var(--iic-ref-line) !important;
    background: rgba(251, 252, 247, .94) !important;
    backdrop-filter: blur(15px);
}

.iic-reference-page .enterprise-nav-scroll,
.iic-reference-page .anchor-nav {
    border: 0 !important;
}

.iic-reference-page .enterprise-nav-scroll a,
.iic-reference-page .anchor-nav a {
    min-height: 46px;
    border-radius: 0 !important;
    color: #536558 !important;
    font-size: .8rem !important;
    font-weight: 800 !important;
}

.iic-reference-page .enterprise-nav-scroll a.is-active,
.iic-reference-page .anchor-nav a.is-active {
    background: transparent !important;
    box-shadow: inset 0 -3px 0 var(--iic-ref-olive) !important;
    color: var(--iic-ref-ink) !important;
}

.iic-reference-page .anchor-layout {
    width: min(100%, 1440px) !important;
    max-width: none !important;
}

.iic-reference-page .anchor-content {
    display: block !important;
}

.iic-reference-page .anchor-section {
    min-height: 0 !important;
    margin: 0 !important;
    padding: clamp(62px, 7vw, 104px) max(32px, calc((100vw - 1440px) / 2)) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.iic-reference-page .anchor-section:nth-child(even) {
    background: var(--iic-ref-mist) !important;
}

.iic-reference-page .anchor-section::before {
    display: block;
    width: 62px;
    height: 4px;
    margin-bottom: 22px;
    background: linear-gradient(90deg, var(--iic-ref-olive), #c7db8f) !important;
}

.iic-reference-page .anchor-section-grid {
    grid-template-columns: minmax(0, .84fr) minmax(390px, 1.16fr) !important;
    gap: clamp(36px, 6vw, 104px) !important;
    align-items: center !important;
}

.iic-reference-page .anchor-section h2,
.iic-reference-page .enterprise-section-head h2 {
    max-width: 760px;
    margin-bottom: 20px !important;
    color: var(--iic-ref-ink) !important;
    font-size: clamp(2.6rem, 4.8vw, 5.5rem) !important;
    letter-spacing: -.055em !important;
    line-height: .92 !important;
    text-wrap: balance;
}

.iic-reference-page .anchor-section p,
.iic-reference-page .enterprise-section-head p {
    color: #5a6c5f !important;
    font-size: 1rem !important;
    line-height: 1.62 !important;
}

.iic-reference-page .anchor-image-card {
    height: clamp(280px, 30vw, 440px) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 45px rgba(38, 68, 41, .1) !important;
}

.iic-reference-page .anchor-card-grid,
.iic-reference-page .enterprise-process {
    gap: 16px !important;
    margin-top: 32px !important;
    border: 0 !important;
}

.iic-reference-page .anchor-card,
.iic-reference-page .enterprise-process article {
    min-height: 190px !important;
    padding: 24px !important;
    border: 1px solid var(--iic-ref-line) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 14px 34px rgba(45, 72, 39, .06) !important;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}

.iic-reference-page .anchor-card:hover,
.iic-reference-page .enterprise-process article:hover {
    border-color: var(--iic-ref-olive) !important;
    box-shadow: 0 22px 44px rgba(45, 72, 39, .14) !important;
    transform: translateY(-5px);
}

.iic-reference-page .anchor-card h3,
.iic-reference-page .enterprise-process strong {
    color: var(--iic-ref-ink) !important;
}

.iic-reference-page .anchor-card span,
.iic-reference-page .enterprise-process svg,
.iic-reference-page .enterprise-process article > svg {
    color: var(--iic-ref-olive) !important;
}

.iic-reference-page .enterprise-directory-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    max-width: none !important;
    border: 0 !important;
}

.iic-reference-page .enterprise-directory-item {
    position: relative;
    display: grid !important;
    min-height: 330px !important;
    align-content: end !important;
    overflow: hidden;
    padding: 28px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #45683a !important;
    box-shadow: 0 18px 45px rgba(38, 68, 41, .1) !important;
    isolation: isolate;
    transition: transform .35s ease, box-shadow .35s ease !important;
}

.iic-reference-page .enterprise-directory-item::before {
    position: absolute;
    z-index: -2;
    inset: 0;
    content: "";
    background: center / cover no-repeat;
    transform: scale(1.01);
    transition: transform .55s ease;
}

.iic-reference-page .enterprise-directory-item::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    background: linear-gradient(180deg, rgba(21, 52, 29, .02), rgba(21, 52, 29, .86) 92%);
}

.iic-reference-page .enterprise-directory-item:hover {
    border: 0 !important;
    box-shadow: 0 28px 60px rgba(38, 68, 41, .2) !important;
    transform: translateY(-7px);
}

.iic-reference-page .enterprise-directory-item:hover::before { transform: scale(1.08); }

.iic-reference-page .enterprise-directory-item strong {
    max-width: 86%;
    color: #fff !important;
    font-size: clamp(1.55rem, 2.5vw, 2.65rem) !important;
    letter-spacing: -.045em !important;
    line-height: .95 !important;
}

.iic-reference-page .enterprise-directory-icon {
    position: absolute;
    top: 22px;
    left: 22px;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #e7f3bf !important;
}

.iic-reference-page .enterprise-directory-icon svg { width: 28px; height: 28px; }
.iic-reference-page .enterprise-directory-item b { color: #e7f3bf !important; font-size: 30px !important; }

.iic-reference-page .enterprise-directory-item:nth-child(3n + 1)::before { background-image: url('/assets/images/company/advanced-manufacturing.jpg'); }
.iic-reference-page .enterprise-directory-item:nth-child(3n + 2)::before { background-image: url('/assets/images/company/rd-laboratory.jpg'); }
.iic-reference-page .enterprise-directory-item:nth-child(3n)::before { background-image: url('/assets/images/company/quality-assurance.jpg'); }
.iic-reference-page.flagship-resources .enterprise-directory-item:nth-child(1)::before { background-image: url('/assets/images/resources/blog2.jpg'); }
.iic-reference-page.flagship-resources .enterprise-directory-item:nth-child(2)::before { background-image: url('/assets/images/resources/blog3.jpg'); }
/* Contact uses concise icon utilities instead of image-led directory cards. */
.iic-reference-page.flagship-contact #contact-directory .enterprise-directory-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.iic-reference-page.flagship-contact #contact-directory .enterprise-directory-item {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    min-height: 132px !important;
    align-items: center !important;
    padding: 22px !important;
    border: 1px solid rgba(128, 162, 54, .22) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 12px 28px rgba(31, 61, 35, .07) !important;
    isolation: auto;
}

.iic-reference-page.flagship-contact #contact-directory .enterprise-directory-item strong {
    max-width: none;
    color: #173b29 !important;
    font-size: clamp(1.1rem, 1.55vw, 1.45rem) !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
}

.iic-reference-page.flagship-contact #contact-directory .enterprise-directory-icon {
    position: static;
    display: grid;
    width: 48px !important;
    height: 48px !important;
    place-items: center;
    padding: 0 !important;
    border: 1px solid rgba(128, 162, 54, .26) !important;
    border-radius: 50% !important;
    background: #f2f7df !important;
    color: var(--iic-ref-olive) !important;
}

.iic-reference-page.flagship-contact #contact-directory .enterprise-directory-item::before,
.iic-reference-page.flagship-contact #contact-directory .enterprise-directory-item::after { display: none; }
.iic-reference-page.flagship-contact #contact-directory .enterprise-directory-item b { color: var(--iic-ref-olive) !important; }
.iic-reference-page.flagship-contact #contact-directory .enterprise-directory-item:hover { border-color: var(--iic-ref-olive) !important; transform: translateY(-4px); }

.iic-reference-page .resource-control-panel,
.iic-reference-page .download-control-panel {
    margin: 42px auto 0 !important;
    border-radius: 16px !important;
    border-color: var(--iic-ref-line) !important;
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 14px 34px rgba(45, 72, 39, .06) !important;
}

.iic-reference-page .download-library-section {
    padding-top: clamp(58px, 7vw, 104px) !important;
}

.iic-reference-page .resource-card,
.iic-reference-page .download-stat-section article {
    border-color: var(--iic-ref-line) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 28px rgba(45, 72, 39, .05) !important;
}

.iic-reference-page .anchor-final-cta {
    padding: clamp(60px, 7vw, 96px) 0 !important;
    background: #fff !important;
}

.iic-reference-page .anchor-final-card {
    min-height: 0 !important;
    padding: clamp(42px, 5vw, 72px) !important;
    border-radius: 20px !important;
    background: linear-gradient(125deg, #6f8b33 0%, #86a347 52%, #adc76a 100%) !important;
    box-shadow: 0 22px 52px rgba(45, 72, 39, .16) !important;
}

.iic-reference-page .anchor-final-card h2 {
    max-width: 760px !important;
    font-size: clamp(2.6rem, 4.8vw, 5.3rem) !important;
    letter-spacing: -.055em !important;
    line-height: .92 !important;
}

.iic-reference-page .anchor-final-card .inner-kicker,
.iic-reference-page .anchor-final-card p { color: rgba(255, 255, 255, .86) !important; }

@media (max-width: 980px) {
    .iic-reference-page .anchor-hero-copy { width: min(61vw, 650px) !important; max-width: min(61vw, 650px) !important; }
    .iic-reference-page .anchor-section-grid { grid-template-columns: 1fr !important; }
    .iic-reference-page .enterprise-directory-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .iic-reference-page.flagship-contact #contact-directory .enterprise-directory-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 640px) {
    .iic-reference-page .anchor-hero { min-height: 590px !important; align-items: start; background-position: 62% center !important; }
    .iic-reference-page .anchor-hero::after { background: linear-gradient(180deg, rgba(250, 252, 244, .99) 0%, rgba(250, 252, 244, .95) 58%, rgba(250, 252, 244, .83) 82%, rgba(250, 252, 244, .62) 100%) !important; }
    .iic-reference-page .anchor-hero::before { mask-image: linear-gradient(#000 0%, rgba(0, 0, 0, .3) 76%, transparent 100%); }
    .iic-reference-page .anchor-hero-copy { width: calc(100% - 32px) !important; max-width: none !important; margin-left: 16px !important; padding-block: 64px 52px !important; }
    .iic-reference-page .anchor-hero h1 { font-size: clamp(3rem, 14vw, 4.7rem) !important; }
    .iic-reference-page .anchor-section { padding: 58px 16px !important; }
    .iic-reference-page .anchor-section h2,
    .iic-reference-page .enterprise-section-head h2 { font-size: clamp(2.45rem, 12vw, 4.1rem) !important; }
    .iic-reference-page .enterprise-directory-list,
    .iic-reference-page .anchor-card-grid,
    .iic-reference-page .enterprise-process { grid-template-columns: 1fr !important; }
    .iic-reference-page .enterprise-directory-item { min-height: 280px !important; }
    .iic-reference-page.flagship-contact #contact-directory .enterprise-directory-list { grid-template-columns: 1fr !important; }
    .iic-reference-page.flagship-contact #contact-directory .enterprise-directory-item { min-height: 116px !important; }
    .iic-reference-page .anchor-image-card { height: 280px !important; }
    .iic-reference-page .anchor-final-card { margin-inline: 16px; padding: 38px 24px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .iic-reference-page .enterprise-directory-item,
    .iic-reference-page .enterprise-directory-item::before,
    .iic-reference-page .anchor-card,
    .iic-reference-page .enterprise-process article,
    .iic-reference-page .page-button { transition: none !important; }
}


/* hero-consistency.css */
/* One shared hero type scale: the homepage is the visual reference. */
:root {
    --everklin-hero-width: min(calc(100% - 96px), 1460px);
    --everklin-hero-title-size: clamp(3.1rem, 6.4vw, 7.2rem);
    --everklin-hero-copy-size: 1.08rem;
    --everklin-hero-top: 118px;
    --everklin-hero-bottom: 64px;
}

@media (min-width: 901px) {
    .site-compact-layout .iic-flagship .iic-hero__content,
    .site-compact-layout .iic-flagship .iic-product-hero__grid,
    .site-compact-layout .universal-product-page .product-hero-grid,
    .site-compact-layout .flagship-journey .anchor-hero-grid {
        width: var(--everklin-hero-width) !important;
        margin-inline: auto !important;
    }

    .site-compact-layout .iic-flagship .iic-hero__content {
        padding-top: 65px !important;
    }

    .site-compact-layout .iic-product-hero__copy {
        padding-top: 65px !important;
    }

    .site-compact-layout .universal-product-page .product-hero-copy {
        padding-top: 65px !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero-copy {
        padding-top: 62px !important;
    }

    /* Water-system heroes retain their process visual, but share the homepage text rail. */
    .wsp-hero {
        align-items: start !important;
        padding: 0 !important;
    }

    .wsp-hero .wsp-hero__inner {
        width: var(--everklin-hero-width) !important;
        max-width: none !important;
        margin-inline: auto !important;
        padding-top: 26px !important;
    }

    .site-compact-layout .wsp-hero .wsp-hero__copy,
    .wsp-hero .wsp-hero__copy {
        max-width: 750px !important;
        padding-top: 59px !important;
        padding-bottom: 0 !important;
    }

    .wsp-hero .wsp-breadcrumb {
        margin-bottom: 18px !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero {
        padding-top: 0 !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero-copy {
        width: min(750px, 100%) !important;
        max-width: min(750px, 100%) !important;
        margin-left: 0 !important;
        padding-top: 89px !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero h1 {
        font-size: var(--everklin-hero-title-size) !important;
        line-height: .9 !important;
    }

    .site-compact-layout .sustainability-nova .sn-hero__inner {
        width: var(--everklin-hero-width) !important;
        min-height: min(760px, calc(100svh - 86px)) !important;
        justify-content: flex-start !important;
        margin-inline: auto !important;
        padding: var(--everklin-hero-top) 0 var(--everklin-hero-bottom) !important;
    }

    .site-compact-layout .sustainability-nova .sn-hero__copy { padding-block: 0 !important; }

    .site-compact-layout :is(.iic-hero__content, .iic-product-hero__grid, .mnc-category-hero-grid, .product-hero-grid, .anchor-hero-grid, .sn-hero__inner, .sp-hero__grid, .wsp-hero__inner, .industry-page-hero-grid, .inner-hero-content),
    .route-water-treatment :is(.iic-hero__content, .iic-product-hero__grid, .mnc-category-hero-grid, .product-hero-grid, .anchor-hero-grid, .sn-hero__inner, .sp-hero__grid, .wsp-hero__inner, .industry-page-hero-grid, .inner-hero-content),
    :is(.iic-hero__content, .iic-product-hero__grid, .mnc-category-hero-grid, .product-hero-grid, .anchor-hero-grid, .sn-hero__inner, .sp-hero__grid, .wsp-hero__inner, .industry-page-hero-grid, .inner-hero-content) {
        width: var(--everklin-hero-width);
        margin-inline: auto;
    }

    .site-compact-layout .iic-flagship .iic-hero__content,
    .site-compact-layout .iic-product-hero__copy,
    .site-compact-layout .mnc-category-copy,
    .site-compact-layout .product-hero-copy,
    .site-compact-layout .anchor-hero-copy,
    .site-compact-layout .sn-hero__inner,
    .site-compact-layout .sn-hero__copy,
    .site-compact-layout .sp-hero__copy,
    .site-compact-layout .wsp-hero__copy,
    .site-compact-layout .industry-page-hero-copy,
    .site-compact-layout .inner-hero-content,
    .route-water-treatment .wsp-hero__copy,
    .route-water-treatment .inner-hero-content {
        padding-top: var(--everklin-hero-top) !important;
        padding-bottom: var(--everklin-hero-bottom) !important;
    }

    .site-compact-layout :is(.iic-hero h1, .iic-product-hero h1, .mnc-category-hero h1, .product-hero h1, .anchor-hero h1, .sn-hero h1, .sp-hero h1, .wsp-hero h1, .industry-page-hero h1, .inner-hero h1, .ek-hero-title),
    .route-water-treatment :is(.iic-hero h1, .iic-product-hero h1, .mnc-category-hero h1, .product-hero h1, .anchor-hero h1, .sn-hero h1, .sp-hero h1, .wsp-hero h1, .industry-page-hero h1, .inner-hero h1, .ek-hero-title),
    :is(.iic-hero h1, .iic-product-hero h1, .mnc-category-hero h1, .product-hero h1, .anchor-hero h1, .sn-hero h1, .sp-hero h1, .wsp-hero h1, .industry-page-hero h1, .inner-hero h1, .ek-hero-title) {
        max-width: 750px;
        margin-top: 12px !important;
        color: #173b29 !important;
        font-size: var(--everklin-hero-title-size) !important;
        font-weight: 770 !important;
        letter-spacing: 0 !important;
        line-height: .9 !important;
        text-wrap: balance;
    }

    .site-compact-layout :is(.iic-lead, .mnc-category-copy > p, .product-hero-copy h2, .anchor-hero-copy > p, .sn-hero__copy > p, .sp-hero__copy > p, .wsp-hero__copy > p, .industry-page-hero-copy > p, .inner-hero-content > p),
    .route-water-treatment :is(.wsp-hero__copy > p, .inner-hero-content > p),
    :is(.iic-lead, .mnc-category-copy > p, .product-hero-copy h2, .anchor-hero-copy > p, .sn-hero__copy > p, .sp-hero__copy > p, .wsp-hero__copy > p, .industry-page-hero-copy > p, .inner-hero-content > p) {
        max-width: 560px;
        margin-top: 30px !important;
        font-size: var(--everklin-hero-copy-size) !important;
        line-height: 1.7 !important;
    }

    .site-compact-layout .iic-flagship .iic-hero__content {
        width: var(--everklin-hero-width) !important;
        max-width: none !important;
        margin-inline: auto !important;
        padding-top: 65px !important;
    }

    .site-compact-layout .iic-flagship .iic-hero h1 {
        margin-inline: 0 !important;
    }

    .site-compact-layout .iic-product-hero__copy,
    .site-compact-layout .universal-product-page .product-hero-copy {
        padding-top: 65px !important;
    }

    .site-compact-layout .flagship-journey .anchor-hero-copy {
        padding-top: 76px !important;
    }
}

@media (max-width: 900px) {
    :root {
        --everklin-hero-width: calc(100% - 40px);
        --everklin-hero-title-size: clamp(3.3rem, 15vw, 5.5rem);
        --everklin-hero-top: 96px;
        --everklin-hero-bottom: 52px;
    }

    :is(.iic-hero__content, .iic-product-hero__grid, .mnc-category-hero-grid, .product-hero-grid, .anchor-hero-grid, .sn-hero__inner, .sp-hero__grid, .wsp-hero__inner, .industry-page-hero-grid, .inner-hero-content) {
        width: var(--everklin-hero-width);
        margin-inline: auto;
    }

    :is(.iic-hero h1, .iic-product-hero h1, .mnc-category-hero h1, .product-hero h1, .anchor-hero h1, .sn-hero h1, .sp-hero h1, .wsp-hero h1, .industry-page-hero h1, .inner-hero h1, .ek-hero-title) {
        max-width: 100%;
        font-size: var(--everklin-hero-title-size) !important;
        line-height: .9 !important;
        letter-spacing: 0 !important;
        text-wrap: balance;
    }
}


/* download-request-page.css */
.download-request-page {
    background: linear-gradient(180deg, #f8fbef 0%, #ffffff 42%, #f8faf4 100%);
}

.download-request-hero {
    padding: 118px 0 58px;
    background:
        radial-gradient(circle at 82% 18%, rgba(162, 190, 86, .28), transparent 24rem),
        linear-gradient(118deg, #fbfdf6 0%, #edf5dc 100%);
    border-bottom: 1px solid rgba(128, 162, 54, .2);
}

.download-request-hero > .container,
.download-request-content > .container {
    width: min(calc(100% - 96px), 1460px);
}

.download-request-hero h1 {
    max-width: 760px;
    margin: 12px 0 0;
    color: #173b29;
    font-size: clamp(3.1rem, 6.4vw, 7.2rem);
    font-weight: 770;
    letter-spacing: 0;
    line-height: .9;
    text-wrap: balance;
}

.download-request-hero > .container > p:last-child {
    max-width: 640px;
    margin: 28px 0 0;
    color: #526252;
    font-size: 1.08rem;
    line-height: 1.7;
}

.download-request-content { padding: 64px 0 92px; }

.download-request-card {
    max-width: 1020px;
    margin: 0 auto;
    padding: clamp(26px, 4vw, 52px);
    border: 1px solid rgba(129, 160, 54, .25);
    border-radius: 18px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 20px 54px rgba(28, 62, 36, .1);
}

.download-request-card .request-workflow { max-width: none; }
.download-request-card .request-form__header { margin-bottom: 22px; }

.download-request-empty {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 28px;
    max-width: 900px;
    margin: 0 auto;
    padding: clamp(32px, 5vw, 64px);
    border: 1px solid rgba(129, 160, 54, .24);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 20px 54px rgba(28, 62, 36, .08);
}

.download-request-empty .resource-card__icon {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
}

.download-request-empty h2 {
    margin: 8px 0 12px;
    color: #173b29;
    font-size: clamp(2rem, 3.2vw, 3.3rem);
    line-height: 1;
}

.download-request-empty p:not(.inner-kicker) { max-width: 620px; color: #5b6b5e; line-height: 1.7; }

@media (max-width: 700px) {
    .download-request-hero { padding: 96px 0 48px; }
    .download-request-hero > .container,
    .download-request-content > .container { width: calc(100% - 40px); }
    .download-request-hero h1 { font-size: clamp(3.3rem, 15vw, 5.5rem); }
    .download-request-content { padding: 38px 0 64px; }
    .download-request-empty { grid-template-columns: 1fr; gap: 20px; }
}


/* corp-style-unification.css */
/* ============================================================
   CORP-STYLED THEME UNIFICATION
   Applies homepage's (corp-home) visual language — sans-serif display
   headings, homepage kicker treatment, homepage heading weight/tracking —
   to every page carrying the `.corp-styled` class. Water Treatment pages
   do not receive this class and keep their existing look unchanged.
   Added 2026-08-05.
   ============================================================ */

.corp-styled h1,
.corp-styled h2,
.corp-styled h3,
.corp-styled .inner-hero h1,
.corp-styled .anchor-hero h1 {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 770 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

.corp-styled .inner-kicker,
.corp-styled .sn-kicker,
.corp-styled .iic-kicker {
    color: var(--ek-forest) !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
    letter-spacing: .14em !important;
}

.corp-styled .anchor-hero h1,
.corp-styled .inner-hero h1 {
    font-size: clamp(3.1rem, 6.4vw, 7.2rem) !important;
    line-height: .92 !important;
}

.corp-styled .anchor-section h2,
.corp-styled .anchor-hero-copy h2 {
    font-size: clamp(2.4rem, 4.6vw, 5.3rem) !important;
    line-height: .96 !important;
}

.corp-styled .page-button {
    border-radius: 3px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

.corp-styled .page-button:not(.page-button-secondary) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

.corp-styled .page-button:not(.page-button-secondary):hover {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

.corp-styled em {
    color: var(--ek-olive-deep) !important;
    font-style: normal !important;
}

/* ============================================================
   HOMEPAGE HERO REFINEMENT — Added 2026-08-05.
   Goal: better text legibility + a more branded, less "generic
   stock photo" feel, without needing new photography.
   ============================================================ */

/* A warm cream wash keeps the carousel copy readable without a dark overlay. */
.corp-home .corp-hero__wash {
    background:
        linear-gradient(90deg, rgba(248,247,242,.98) 0%, rgba(248,247,242,.94) 38%, rgba(238,241,222,.63) 64%, rgba(238,241,222,.08) 92%) !important;
}

/* Color-grade every hero photo toward the brand olive/charcoal palette
   instead of showing raw, unprocessed stock photography. */
.corp-home .corp-hero__slide img {
    filter: none !important;
}

/* Hero copy sits on the light cream wash. */
.corp-home .corp-hero h1,
.corp-home .corp-hero__content > p:not(.corp-kicker) {
    color: var(--ek-ink) !important;
}

.corp-home .corp-hero h1 em {
    color: var(--ek-olive-light) !important;
}

.corp-home .corp-hero .corp-kicker {
    color: var(--ek-olive-light) !important;
}

.corp-home .corp-hero__deck {
    border-top-color: var(--ek-border) !important;
}

.corp-home .corp-hero__deck button {
    color: var(--ek-body) !important;
    border-bottom-color: var(--ek-border-soft) !important;
}

.corp-home .corp-hero__deck button:hover,
.corp-home .corp-hero__deck button.is-active {
    color: var(--ek-ink) !important;
}

.corp-home .corp-hero .corp-btn--white {
    color: var(--ek-ink) !important;
    border-color: var(--ek-border) !important;
    background: rgba(255,255,255,.74) !important;
}

/* Homepage campaign overlay: keep the image visible while giving the
   left-aligned message a consistent, Everklin olive reading surface. */
.corp-home .corp-hero__wash {
    background:
        linear-gradient(90deg,
            rgba(248, 247, 242, .98) 0%,
            rgba(248, 247, 242, .94) 38%,
            rgba(238, 241, 222, .63) 64%,
            rgba(238, 241, 222, .08) 92%) !important;
}

.corp-home .corp-hero[data-corp-theme="food"] .corp-hero__wash,
.corp-home .corp-hero[data-corp-theme="solar"] .corp-hero__wash,
.corp-home .corp-hero[data-corp-theme="care"] .corp-hero__wash,
.corp-home .corp-hero[data-corp-theme="sugar"] .corp-hero__wash {
    background:
        linear-gradient(90deg, rgba(248, 247, 242, .98) 0%, rgba(248, 247, 242, .94) 38%, rgba(238, 241, 222, .63) 64%, rgba(238, 241, 222, .08) 92%) !important;
}

.corp-home .corp-hero__slide img {
    filter: none !important;
}

.corp-home .corp-hero h1,
.corp-home .corp-hero__content > p:not(.corp-kicker),
.corp-home .corp-hero__deck button,
.corp-home .corp-hero__deck button:hover,
.corp-home .corp-hero__deck button.is-active {
    color: var(--ek-ink) !important;
}

.corp-home .corp-hero h1 em,
.corp-home .corp-hero .corp-kicker {
    color: var(--ek-olive-light) !important;
}

.corp-home .corp-hero__deck {
    border-color: var(--ek-border) !important;
    background: rgba(248, 247, 242, .7) !important;
}


/* water-theme-alignment.css */
/* Late, scoped water-system alignment. Technical diagrams retain their data
   treatment while Water uses the same Olive + Cream brand family as all pages. */
.wsp-hero{background-image:linear-gradient(90deg,rgba(247,245,239,.98) 0%,rgba(247,245,239,.92) 42%,rgba(247,245,239,.30) 77%),var(--wsp-image)!important}
.wsp-hero:before{background:radial-gradient(circle at 16% 28%,rgba(138,166,58,.18),transparent 30%)!important}
.wsp-hero__copy{color:var(--ek-ink)!important}.wsp-breadcrumb{color:var(--ek-muted)!important}.wsp-breadcrumb a{color:var(--ek-forest)!important}
.wsp-hero .wsp-eyebrow{color:var(--ek-forest)!important}.wsp-hero h1{color:var(--ek-ink)!important}.wsp-hero p{color:var(--ek-text)!important}
.wsp-hero .page-button-secondary{border-color:var(--ek-border)!important;color:var(--ek-forest)!important;background:rgba(255,255,255,.68)!important}
@media(max-width:600px){.wsp-hero{background-image:linear-gradient(90deg,rgba(247,245,239,.96),rgba(247,245,239,.46)),var(--wsp-image)!important}}


/* product-packshot-fix.css */
/*
 * Shared product-detail packshot treatment.
 * The 25 L final assets are mapped centrally; this file controls only their
 * presentation so every product hero keeps the same visual scale.
 */
:root {
    --product-packshot-max-height: min(72svh, 650px);
    --product-packshot-max-width: min(100%, 600px);
    --product-hero-media-width: 46%;
    --product-hero-media-height: min(80svh, 790px);
    --product-packshot-mobile-width: min(86vw, 430px);
}

/* Shared flagship renderer: center the complete pack and let the page's olive
 * hero treatment show through the transparent outer canvas. */
.iic-product .iic-packshot {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: min(78svh, 700px) !important;
    margin: 0 !important;
    padding: clamp(12px, 2vw, 28px) 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

.iic-product .iic-packshot img {
    display: block !important;
    width: min(100%, 540px) !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: min(74svh, 660px) !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    filter: drop-shadow(0 30px 26px rgba(35, 64, 31, .2)) !important;
}

/* Five-litre packs use a different source silhouette, but retain the same
 * centered visual prominence instead of appearing as a small thumbnail. */
.iic-product .iic-packshot img[src*="5l" i],
.iic-product .iic-packshot img[alt*="5 Litre" i],
.iic-product .iic-packshot img[alt*="5 Liter" i] {
    width: min(100%, 510px) !important;
    max-height: min(70svh, 620px) !important;
}

@media (min-width: 1121px) {
    body.everklin-transformed .product-page .product-hero-grid,
    .product-page .product-hero-grid {
        grid-template-columns: minmax(0, 1.16fr) minmax(440px, .98fr) !important;
        grid-template-areas: "copy gallery";
        gap: clamp(32px, 4.2vw, 72px) !important;
        align-items: center !important;
        min-height: clamp(590px, calc(100svh - 118px), 790px);
    }
}

body.everklin-transformed .product-page .product-hero-copy,
.product-page .product-hero-copy {
    grid-area: copy;
    align-self: center;
}

body.everklin-transformed .product-page .product-gallery,
.product-page .product-gallery {
    grid-area: gallery;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: var(--product-hero-media-height);
}

/* Remove the inherited poster/card treatment and every decorative stage layer. */
body.everklin-transformed .product-page .product-image-stage,
.product-page .product-image-stage {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    height: var(--product-hero-media-height);
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.everklin-transformed .product-page .product-image-stage::before,
body.everklin-transformed .product-page .product-image-stage::after,
.product-page .product-image-stage::before,
.product-page .product-image-stage::after {
    content: none !important;
    display: none !important;
}

body.everklin-transformed .product-page .product-image-stage img,
.product-page .product-image-stage img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: var(--product-packshot-max-width) !important;
    max-height: var(--product-packshot-max-height) !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    filter: drop-shadow(0 26px 24px rgba(15, 59, 46, .16)) !important;
}

body.everklin-transformed .product-page .product-image-stage:hover img,
.product-page .product-image-stage:hover img {
    transform: scale(1.015) !important;
}

/* A shared editorial stage lets opaque source canvases read as part of the
 * hero, while transparent cans, bags and bottles retain their original art. */
body.everklin-transformed .product-page .product-hero,
.product-page .product-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 100%, rgba(164, 190, 92, .16), transparent 32rem),
        radial-gradient(circle at 94% 8%, rgba(214, 229, 167, .42), transparent 27rem),
        #ffffff !important;
}

body.everklin-transformed .product-page .product-hero::before,
.product-page .product-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .11;
    background-image:
        linear-gradient(rgba(49, 80, 43, .09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(49, 80, 43, .09) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(90deg, transparent 0%, black 48%, black 100%);
}

body.everklin-transformed .product-page .product-hero-grid,
.product-page .product-hero-grid {
    position: relative;
    z-index: 1;
    padding-block: clamp(34px, 5vw, 72px) !important;
}

body.everklin-transformed .product-page .product-gallery,
.product-page .product-gallery {
    position: relative;
    padding: clamp(12px, 1.8vw, 24px) !important;
    border: 0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.everklin-transformed .product-page .product-gallery::before,
.product-page .product-gallery::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 16% 11%, rgba(230, 241, 193, .8), transparent 28%),
        linear-gradient(145deg, rgba(255, 255, 255, .02), rgba(194, 215, 130, .18));
}

body.everklin-transformed .product-page .product-image-stage,
.product-page .product-image-stage {
    position: relative;
    z-index: 1;
    overflow: hidden !important;
    border-radius: 16px !important;
    background: transparent !important;
}

body.everklin-transformed .product-page .product-image-stage img,
.product-page .product-image-stage img {
    position: relative;
    z-index: 1;
}

/* The single generated hero asset makes legacy hero controls redundant.
 * Pack quantity remains visible once on the approved can label. */
body.everklin-transformed .product-page .product-thumbnails,
.product-page .product-thumbnails,
body.everklin-transformed .product-page .product-gallery > .packaging-selector,
.product-page .product-gallery > .packaging-selector {
    display: none !important;
}

@media (max-width: 1120px) {
    body.everklin-transformed .product-page .product-hero,
    .product-page .product-hero {
        background:
            radial-gradient(circle at 84% 9%, rgba(190, 211, 117, .3), transparent 20rem),
            #ffffff !important;
    }

    body.everklin-transformed .product-page .product-hero-grid,
    .product-page .product-hero-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas: "copy" "gallery";
        gap: 28px !important;
        align-items: start !important;
    }

    body.everklin-transformed .product-page .product-gallery,
    .product-page .product-gallery {
        min-height: min(64svh, 600px);
        max-width: min(100%, 620px);
        margin-inline: auto;
    }

    body.everklin-transformed .product-page .product-image-stage,
    .product-page .product-image-stage {
        height: min(64svh, 600px);
    }

    body.everklin-transformed .product-page .product-image-stage img,
    .product-page .product-image-stage img {
        max-width: min(70vw, 440px) !important;
        max-height: min(60svh, 560px) !important;
    }
}

@media (max-width: 600px) {
    :root {
        --product-packshot-mobile-width: min(86vw, 430px);
    }

    body.everklin-transformed .product-page .product-hero-grid,
    .product-page .product-hero-grid {
        gap: 24px !important;
    }

    body.everklin-transformed .product-page .product-gallery,
    .product-page .product-gallery {
        min-height: min(66svh, 520px);
    }

    body.everklin-transformed .product-page .product-image-stage,
    .product-page .product-image-stage {
        height: min(66svh, 520px);
    }

    body.everklin-transformed .product-page .product-image-stage img,
    .product-page .product-image-stage img {
        max-width: var(--product-packshot-mobile-width) !important;
        max-height: min(62svh, 500px) !important;
    }

    .iic-product .iic-packshot {
        min-height: min(68svh, 540px) !important;
        padding-block: 14px !important;
    }

    .iic-product .iic-packshot img,
    .iic-product .iic-packshot img[src*="5l" i],
    .iic-product .iic-packshot img[alt*="5 Litre" i],
    .iic-product .iic-packshot img[alt*="5 Liter" i] {
        width: min(94vw, 430px) !important;
        max-height: min(64svh, 510px) !important;
    }
}


/* contrast-guard.css */
/* Semantic contrast fallback. Page-family colours are resolved by the final
   surface layer; these data attributes retain their literal meaning. */
:where([data-theme="light"], [data-surface="light"]) {
    color: var(--ek-body);
}

:where([data-theme="light"], [data-surface="light"]) :where(h1, h2, h3, h4, h5, h6, strong, dt) {
    color: var(--ek-ink);
}

:where([data-theme="dark"], [data-surface="dark"]) {
    color: rgba(255, 255, 255, .86);
}

:where([data-theme="dark"], [data-surface="dark"]) :where(h1, h2, h3, h4, h5, h6, strong, dt) {
    color: #fff;
}

:where([data-theme="dark"], [data-surface="dark"]) :where(p, li, dd, small) {
    color: rgba(255, 255, 255, .84);
}


/* global-background-palette.css */
/*
 * Everklin authoritative colour system.
 *
 * This late-loaded layer provides the one Olive + Cream visual language for
 * every page family. It intentionally avoids broad section and descendant
 * selectors so local layouts, approved photography, data views and dark bands
 * retain their semantic structure.
 */
:root {
    /* Locked master palette. */
    --ek-olive: #92A944;
    --ek-olive-deep: #92A944;
    --ek-forest: #17212B;
    --ek-cream: #F3F1EB;
    --ek-soft-cream: #F8F7F2;
    --ek-olive-cream: #D9E2B8;
    --ek-white: #FFFFFF;
    --ek-ink: #17212B;
    --ek-text: #4F584B;
    --ek-muted: #6B7366;
    --ek-border: #B7C48A;

    /* Functional dark-surface tokens. */
    --ek-dark-copy: #4F584B;
    --ek-olive-light: #B8C97A;
    --ek-focus-ring: rgba(138, 166, 58, 0.3);

    /* Compatibility aliases consumed by existing component styles. */
    --ek-ivory: var(--ek-cream);
    --ek-sage: var(--ek-olive-cream);
    --ek-slate: var(--ek-muted);
    --everklin-bg-white: var(--ek-white);
    --everklin-bg-cream: var(--ek-cream);
    --everklin-bg-light-green-1: var(--ek-olive-cream);
    --everklin-bg-light-green-2: var(--ek-olive-cream);
    --everklin-bg-olive: var(--ek-olive);
    --everklin-bg-forest: #1E382A;
    --ink: var(--ek-ink);
    --forest: var(--ek-forest);
    --olive: var(--ek-olive);
    --cream: var(--ek-cream);
    --line: var(--ek-border);
    --ch-olive: var(--ek-olive);
    --ch-olive-deep: var(--ek-olive-deep);
    --ch-forest: var(--ek-forest);
    --ch-cream: var(--ek-cream);
    --ch-ink: var(--ek-ink);
    --ch-muted: var(--ek-text);
    --ch-line: var(--ek-border);

    /* Legacy shared aliases retained for existing templates. They resolve to
       the locked system instead of reintroducing a second palette. */
    --ek-dark: var(--ek-forest);
    --ek-deep: var(--ek-forest);
    --ek-gold: var(--ek-olive);
    --ek-green: var(--ek-olive);
    --ek-olive-dark: var(--ek-olive-deep);
    --ek-beige: var(--ek-olive-cream);
    --dark-green: var(--ek-forest);
    --deep-green: var(--ek-forest);
    --emerald: var(--ek-forest);
    --gold: var(--ek-olive);
    --gold-2: var(--ek-olive);
    --leaf-green: var(--ek-olive-light);
    --icon-green: var(--ek-olive);
    --border-green: var(--ek-border);
    --border-gold: var(--ek-border);
    --green-950: var(--ek-forest);
    --green-900: var(--ek-forest);
    --green-800: var(--ek-forest);
    --green-700: var(--ek-olive-deep);
    --green-500: var(--ek-olive);
    --theme-cream: var(--ek-cream);
    --theme-sage: var(--ek-olive-cream);
    --theme-olive: var(--ek-olive);
    --theme-olive-dark: var(--ek-olive-deep);
    --theme-brown: var(--ek-olive);
    --theme-brown-dark: var(--ek-forest);
    --theme-ink: var(--ek-ink);
    --everklin-cream: var(--ek-cream);
    --everklin-sage: var(--ek-olive-cream);
    --everklin-olive: var(--ek-olive);
    --everklin-light-olive: var(--ek-olive-light);
    --everklin-brown: var(--ek-olive-deep);
    --everklin-ink: var(--ek-ink);
    --ekd-olive-900: var(--ek-forest);
    --ekd-olive-800: var(--ek-forest);
    --ekd-olive-700: var(--ek-olive-deep);
    --ekd-olive-600: var(--ek-olive-deep);
    --ekd-olive-500: var(--ek-olive);
    --ekd-olive-400: var(--ek-olive-light);
    --ekd-olive-300: var(--ek-olive-light);
    --ekd-olive-200: var(--ek-olive-cream);
    --ekd-olive-100: var(--ek-olive-cream);
    --ekd-cream-100: var(--ek-soft-cream);
    --ekd-white: var(--ek-white);
    --ekd-ink: var(--ek-ink);
    --ekd-heading: var(--ek-ink);
    --ekd-text: var(--ek-text);
    --ekd-muted: var(--ek-muted);
    --ekd-line: var(--ek-border);
    --ekd-water: var(--ek-olive);
    --ekd-steam: var(--ek-olive-deep);
}

html {
    background: var(--ek-cream);
}

body,
.everklin-transformed {
    background: var(--ek-cream);
    color: var(--ek-text);
}

.everklin-transformed main {
    background: transparent;
}

::selection {
    background: var(--ek-olive);
    color: var(--ek-ink);
}

/* Existing family variables now inherit one shared Everklin brand accent. */
.wsp-page,
.wtfl-page,
.wip-page {
    --wsp-olive: var(--ek-olive);
    --wtfl-olive: var(--ek-olive);
    --wip-olive: var(--ek-olive);
    --wsp-ink: var(--ek-ink);
    --wsp-cream: var(--ek-cream);
}

.brewery-page,
.ft-page,
.fpp-page {
    --brew-olive: var(--ek-olive);
    --ft-olive: var(--ek-olive);
    --fpp-olive: var(--ek-olive);
}

.iic-solution,
.iic-flagship,
.mnc-category-page {
    --iic-olive: var(--ek-olive);
    --iic-accent: var(--ek-olive);
    --iic-ink: var(--ek-ink);
    --iic-muted: var(--ek-text);
    --iic-line: var(--ek-border);
}

/* Route systems continue to own their layouts but inherit the same semantic
   palette across shared controls without touching technical information. */
.shared-solution-page {
    background: var(--ek-cream) !important;
    color: var(--ek-text);
}

.sp-page {
    --sp-forest: var(--ek-forest);
    --sp-ink: var(--ek-ink);
    --sp-muted: var(--ek-text);
    --sp-olive: var(--ek-olive);
    --sp-olive-dark: var(--ek-forest);
    --sp-light: var(--ek-olive-light);
    --sp-cream: var(--ek-cream);
    --sp-water: var(--ek-olive);
    --sp-heat: var(--ek-olive-deep);
    background: var(--ek-cream) !important;
}

.sp-page .sp-hero::after {
    background: radial-gradient(circle at 72% 18%, rgba(163, 188, 87, .24), transparent 30%),
        radial-gradient(circle at 68% 68%, rgba(138, 166, 58, .2), transparent 24%) !important;
}

.sp-page :where(a, button, summary):focus-visible {
    outline-color: var(--ek-olive) !important;
}

.wsp-page {
    --wsp-olive: var(--ek-olive);
    --wsp-deep: var(--ek-forest);
    --wsp-ink: var(--ek-ink);
    --wsp-cream: var(--ek-cream);
    --wsp-line: var(--ek-border);
}

.wsp-gauge--amber > span,
.wsp-gauge--water > span {
    border-left-color: var(--ek-olive) !important;
    border-top-color: var(--ek-olive-light) !important;
}

.wip-page {
    --wip-ink: var(--ek-ink);
    --wip-body: var(--ek-text);
    --wip-olive: var(--ek-olive);
    --wip-olive-dark: var(--ek-olive-deep);
    --wip-mist: var(--ek-olive-cream);
    --wip-line: var(--ek-border);
    background: var(--ek-cream) !important;
}

.wtfl-page {
    --wtfl-white: var(--ek-white);
    --wtfl-cream: var(--ek-cream);
    --wtfl-pale: var(--ek-olive-cream);
    --wtfl-soft: var(--ek-olive-cream);
    --wtfl-olive: var(--ek-olive);
    --wtfl-ink: var(--ek-ink);
    --wtfl-muted: var(--ek-text);
    background: var(--ek-cream) !important;
}

.resources-flagship,
.resource-system {
    --rf-ink: var(--ek-ink);
    --rf-olive: var(--ek-olive);
    --rf-deep: var(--ek-forest);
    --rf-sage: var(--ek-olive-cream);
    --rf-line: var(--ek-border);
    --resource-olive: var(--ek-olive);
    --resource-olive-dark: var(--ek-olive-deep);
    --resource-forest: var(--ek-forest);
    --resource-sage: var(--ek-olive-cream);
    --resource-cream: var(--ek-cream);
    --resource-border: var(--ek-border);
    --resource-text: var(--ek-text);
}

.sustainability-flagship,
.sustainability-nova {
    --sf-ink: var(--ek-ink);
    --sf-olive: var(--ek-olive);
    --sf-deep-olive: var(--ek-forest);
    --sf-sage: var(--ek-olive-cream);
    --sf-cream: var(--ek-cream);
    --sf-line: var(--ek-border);
    --sn-ink: var(--ek-ink);
    --sn-olive: var(--ek-olive);
    --sn-olive-dark: var(--ek-forest);
    --sn-sage: var(--ek-olive-cream);
    --sn-cream: var(--ek-cream);
    --sn-line: var(--ek-border);
}

.company-information-flagship,
.contact-information-flagship {
    --ci-ink: var(--ek-ink);
    --ci-olive: var(--ek-olive);
    --ci-deep: var(--ek-forest);
    --ci-line: var(--ek-border);
}

.contact-ultra {
    --contact-ink: var(--ek-ink);
    --contact-copy: var(--ek-text);
    --contact-olive: var(--ek-olive);
    --contact-olive-dark: var(--ek-forest);
    --contact-pale: var(--ek-olive-cream);
    --contact-cream: var(--ek-cream);
    --contact-line: var(--ek-border);
    background: var(--ek-cream) !important;
}

.industry-detail-page,
.enterprise-hub-page {
    --industry-ink: var(--ek-ink);
    --industry-copy: var(--ek-text);
    --industry-olive: var(--ek-olive);
    --industry-olive-dark: var(--ek-olive-deep);
    --industry-mist: var(--ek-olive-cream);
    --industry-cream: var(--ek-cream);
    --industry-border: var(--ek-border);
}

.iic-reference-page {
    --iic-ref-ink: var(--ek-ink);
    --iic-ref-olive: var(--ek-olive);
    --iic-ref-olive-deep: var(--ek-olive-deep);
    --iic-ref-mist: var(--ek-olive-cream);
    --iic-ref-cream: var(--ek-cream);
    --iic-ref-line: var(--ek-border);
    --iic-ref-white: var(--ek-white);
}

.iic-flagship,
.iic-solution,
.mnc-category-page {
    --iic-ink: var(--ek-ink);
    --iic-olive: var(--ek-olive);
    --iic-soft: var(--ek-olive-cream);
    --iic-cream: var(--ek-cream);
    --iic-line: var(--ek-border);
    --iic-mist: var(--ek-olive-cream);
}

.industrial-institutional-flagship {
    --ii-ink: var(--ek-ink);
    --ii-olive: var(--ek-olive);
    --ii-olive-deep: var(--ek-olive-deep);
    --ii-cream: var(--ek-cream);
    --ii-line: var(--ek-border);
}

.room-care-flagship,
.room-hub {
    --room-forest: var(--ek-forest);
    --room-olive: var(--ek-olive);
    --room-olive-soft: var(--ek-olive-cream);
    --room-cream: var(--ek-cream);
    --room-warm: var(--ek-soft-cream);
    --room-line: var(--ek-border);
    --room-ink: var(--ek-ink);
    --room-muted: var(--ek-text);
    --room-copper: var(--ek-olive-deep);
}

.approval-sample {
    --sample-ink: var(--ek-ink);
    --sample-copy: var(--ek-text);
    --sample-accent: var(--ek-olive);
    --sample-accent-deep: var(--ek-olive-deep);
    --sample-line: var(--ek-border);
    --sample-cream: var(--ek-cream);
    --sample-pale: var(--ek-olive-cream);
    --sample-white: var(--ek-white);
}

.th-home {
    --th-ink: var(--ek-ink);
    --th-forest: var(--ek-forest);
    --th-olive: var(--ek-olive);
    --th-olive-light: var(--ek-olive-light);
    --th-cream: var(--ek-cream);
    --th-stone: var(--ek-olive-cream);
    --th-line: var(--ek-border);
}

/* Flagship process templates power Water, Food and Solar. Their process
   diagrams stay functional, while the surrounding interface is one neutral
   Everklin system. */
.fpp-page {
    --fpp-ink: var(--ek-ink);
    --fpp-muted: var(--ek-text);
    --fpp-olive: var(--ek-olive);
    --fpp-pale: var(--ek-olive-cream);
    --fpp-pale-soft: var(--ek-soft-cream);
    --fpp-cream: var(--ek-cream);
    --fpp-line: var(--ek-border);
    background: var(--ek-white);
    color: var(--ek-ink);
}

.fpp-page :where(.fpp-hero__media img, .fpp-page--food-beverage .fpp-hero__media img, .fpp-page--solar .fpp-hero__media img) {
    filter: none !important;
}

.fpp-page .page-button {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

.fpp-page .page-button:is(:hover, :focus-visible) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

.fpp-page .page-button-secondary {
    background: var(--ek-white) !important;
    border-color: var(--ek-olive-deep) !important;
    color: var(--ek-forest) !important;
}

.fpp-page :where(.fpp-tabs, .fpp-tabs button, .fpp-panel, .fpp-system-navigation, .fpp-diagram--image) {
    border-color: var(--ek-border);
}

.fpp-page :where(.fpp-tabs button, .fpp-panel, .fpp-system-navigation, .fpp-diagram--image) {
    background-color: var(--ek-white);
}

.fpp-page .fpp-tabs button:is(:hover, :focus-visible, .is-active) {
    background: var(--ek-olive-cream) !important;
    border-bottom-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

.fpp-page .fpp-tabs button span,
.fpp-page :where(.fpp-stage__marker, .fpp-system-card__order, .fpp-system-card__label) {
    color: var(--ek-forest) !important;
}

.fpp-page .fpp-cta__inner {
    background: var(--ek-olive-cream) !important;
    border-color: var(--ek-border) !important;
}

.fpp-page .fpp-cta .fpp-eyebrow {
    color: var(--ek-olive-light) !important;
}

/* Product hubs keep their existing content and tabs, with the same neutral
   card and active-state palette used across the rest of the website. */
.fph-category-tabs,
.fph-detail-shell,
.fph-selector,
.fph-table-wrap {
    border-color: var(--ek-border) !important;
}

.fph-category-tabs,
.fph-detail-shell,
.fph-selector,
.fph-table-wrap,
.fph-product-card,
.fph-product-summary__top figure,
.fph-documents a {
    background: var(--ek-white) !important;
}

.fph-category-tabs button:is(:hover, :focus-visible, .is-active, [aria-selected="true"]),
.fph-product-card:is(:hover, :focus-visible, .is-active),
.fph-documents a:is(:hover, :focus-visible) {
    background: var(--ek-olive-cream) !important;
}

.fph-category-tabs button[aria-selected="true"] {
    box-shadow: inset 0 -3px 0 var(--ek-olive) !important;
}

/* Shared form system. Scope stays inside content forms so header and search
   controls preserve their component-specific size and interaction patterns. */
main form :where(
    input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    select,
    textarea
) {
    background: var(--ek-white) !important;
    border-color: var(--ek-border) !important;
    color: var(--ek-ink) !important;
}

main form :where(label, legend) {
    color: var(--ek-ink) !important;
}

main form :where(input, select, textarea):focus-visible {
    border-color: var(--ek-olive) !important;
    box-shadow: 0 0 0 3px var(--ek-focus-ring) !important;
    outline: 0;
}

main form :where(input, textarea)::placeholder {
    color: var(--ek-muted) !important;
    opacity: 1;
}

main form :where(input[type="checkbox"], input[type="radio"]) {
    accent-color: var(--ek-olive);
}

/* Neutral, high-readability specification and comparison data. */
main table {
    border-color: var(--ek-border);
    color: var(--ek-text);
}

main :where(th, thead td) {
    background: var(--ek-olive-cream);
    color: var(--ek-ink);
    border-color: var(--ek-border);
}

main :where(td, tbody th) {
    background: var(--ek-white);
    border-color: var(--ek-border);
}

main tbody tr:nth-child(even) td {
    background: var(--ek-soft-cream);
}

/* Global CTA language: Forest keeps compact white-label actions AA-readable;
   Everklin Olive is the high-contrast hover and supporting action accent. */
:where(
    .corp-btn--olive,
    .footer-support__primary,
    .solutions-button--olive,
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .brewery-button--primary,
    .wsp-hero .page-button--primary,
    .fpp-page .page-button--primary
) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

:where(
    .corp-btn--olive,
    .footer-support__primary,
    .solutions-button--olive,
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .brewery-button--primary,
    .wsp-hero .page-button--primary,
    .fpp-page .page-button--primary
):is(:hover, :focus-visible) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

:where(.corp-btn--outline, .page-button--outline, .page-button--secondary) {
    border-color: var(--ek-olive-deep) !important;
    color: var(--ek-forest) !important;
}

:where(.corp-btn--outline, .page-button--outline, .page-button--secondary):is(:hover, :focus-visible) {
    background: var(--ek-olive-cream) !important;
    border-color: var(--ek-olive-deep) !important;
    color: var(--ek-forest) !important;
}

/* Component-specific CTA rules match the global action language even where a
   legacy page family supplied a more specific local button declaration. */
:is(
    .resources-flagship,
    .sustainability-flagship,
    .company-information-flagship,
    .contact-information-flagship,
    .universal-product-page,
    .product-page
) .page-button:not(.page-button-secondary):not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
.contact-button--primary,
.iic-button:not(.iic-button--outline),
.sn-button:not(.sn-button--quiet):not(.sn-button--light):not(.sn-button--line),
.th-button--primary {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

:is(
    .resources-flagship,
    .sustainability-flagship,
    .company-information-flagship,
    .contact-information-flagship,
    .universal-product-page,
    .product-page
) .page-button:not(.page-button-secondary):not(.page-button--secondary):not(.page-button--outline):not(.page-button--light):is(:hover, :focus-visible),
.contact-button--primary:is(:hover, :focus-visible),
.iic-button:not(.iic-button--outline):is(:hover, :focus-visible),
.sn-button:not(.sn-button--quiet):not(.sn-button--light):not(.sn-button--line):is(:hover, :focus-visible),
.th-button--primary:is(:hover, :focus-visible) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

/* A dark image/CTA surface needs a light-background action or an olive action
   with dark copy; Forest-on-Forest is intentionally never used. */
:is(.sp-hero, .th-hero, .th-final-cta, .sn-final) :is(.sp-button:not(.sp-button--ghost):not(.sp-button--light), .sp-text-link, .th-button--primary, .sn-button:not(.sn-button--light):not(.sn-button--line)) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

:is(.sp-hero, .th-hero, .th-final-cta, .sn-final) :is(.sp-button:not(.sp-button--ghost):not(.sp-button--light), .sp-text-link, .th-button--primary, .sn-button:not(.sn-button--light):not(.sn-button--line)):is(:hover, :focus-visible) {
    background: var(--ek-olive-light) !important;
    border-color: var(--ek-olive-light) !important;
    color: var(--ek-forest) !important;
}

:is(.iic-solution .iic-close, .iic-room-close) .iic-button:not(.iic-button--outline) {
    background: var(--ek-white) !important;
    border-color: var(--ek-white) !important;
    color: var(--ek-forest) !important;
}

:is(.iic-solution .iic-close, .iic-room-close) .iic-button:not(.iic-button--outline):is(:hover, :focus-visible) {
    background: var(--ek-olive-cream) !important;
    border-color: var(--ek-olive-cream) !important;
    color: var(--ek-forest) !important;
}

/* I&I's existing rich process surfaces use the same Forest treatment as other
   dark brand sections; cards and imagery remain unchanged. */
.iic-flagship :is(.iic-environments, .iic-product-review) {
    background: var(--ek-olive-cream) !important;
    color: var(--ek-ink) !important;
}

.iic-flagship :is(.iic-environments, .iic-product-review) :where(h1, h2, h3, h4, strong) {
    color: var(--ek-ink) !important;
}

.iic-flagship :is(.iic-environments, .iic-product-review) :where(p, li, small) {
    color: var(--ek-text) !important;
}

.iic-flagship :is(.iic-environments, .iic-product-review) .iic-kicker,
.iic-flagship :is(.iic-environments, .iic-product-review) :where(.iic-environments__list span, .iic-environments__list b) {
    color: var(--ek-olive-light) !important;
}

/* The oldest shared utilities used a gold/brown naming scheme. They remain
   present for backwards compatibility but now render with the one olive-led
   system wherever those components are still used. */
:where(
    .hero .eyebrow,
    .solutions-promo-card h3 span,
    .trust-icon.gold,
    .everklin-trust .trust-icon.gold,
    .compliance-grid .strip-item:nth-child(3) .line-icon,
    .strip-item:nth-child(even) .line-icon,
    .stat-item:nth-child(even) .line-icon,
    .solution-mini-card > span:not(.solution-line-icon),
    .solutions-sub-list a.is-active,
    .mega-product-item b,
    .solutions-main-link b,
    .solutions-sub-list a b
) {
    color: var(--ek-olive) !important;
}

:where(.hero .btn-gold, .solutions-promo-card > a) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

:where(.hero .btn-gold, .solutions-promo-card > a):is(:hover, :focus-visible) {
    background: var(--ek-olive) !important;
    border-color: var(--ek-olive) !important;
    color: var(--ek-ink) !important;
}

.site-header .nav-link.active,
.site-header .menu-item.active > a {
    color: var(--ek-forest) !important;
}

/* Neutral page rhythm. The selectors name existing bands only; no universal
   section background is used because image-led and dark sections are semantic. */
:where(
    .company-page,
    .resources-page,
    .contact-page,
    .sustainability-page,
    .solutions-flagship,
    .industry-flagship,
    .corp-purpose,
    .corp-impact,
    .iic-solution .iic-category-map,
    .wsp-architecture,
    .th-intro,
    .th-sustainability,
    .th-knowledge,
    .flagship-journey .anchor-section,
    .iic-room-portfolio,
    .iic-room-facility
) {
    background-color: var(--ek-cream);
}

:where(
    .iic-programme-intro,
    .iic-method,
    .iic-area-selector,
    .iic-solution .iic-environments,
    .corp-businesses,
    .corp-innovation,
    .corp-trust,
    .th-industries,
    .th-trust,
    .wsp-explorer,
    .wsp-control,
    .brewery-close,
    .flagship-journey .anchor-section:nth-child(even),
    .sustainability-page .section-soft,
    .resource-library,
    .download-request-page,
    .iic-room-tasks
) {
    background-color: var(--ek-olive-cream);
}

/* Homepage business identity comes from photography and content. Each card
   shares the single Everklin olive rule rather than a rainbow category theme. */
.corp-business {
    box-shadow: inset 3px 0 0 var(--ek-olive);
}

.corp-business::after,
.solutions-hero::after,
.solutions-family-card__veil,
.corp-impact__tiles a::after,
.sn-theme__visual::after {
    background: linear-gradient(180deg, rgba(238, 241, 222, 0.04) 0%, rgba(238, 241, 222, 0.88) 100%) !important;
}

.corp-business__metrics {
    background: rgba(238, 241, 222, 0.94) !important;
}

/* Homepage commitment keeps its own dark corporate surface. Content controls height. */
.everklin-transformed .corp-home > .corp-commitment {
    background: var(--everklin-bg-forest) !important;
    background-image: none !important;
    color: #fff !important;
    height: auto !important;
    min-height: 0 !important;
}

.everklin-transformed .corp-home > .corp-commitment :where(h1, h2, h3, h4, strong) {
    color: #fff !important;
}

.everklin-transformed .corp-home > .corp-commitment :where(p, li) {
    color: rgba(255, 255, 255, .86) !important;
}

.everklin-transformed .corp-home > .corp-commitment :where(.corp-kicker, .corp-commitment__grid > article > span) {
    color: var(--ek-olive-light) !important;
}

.everklin-transformed .corp-home > .corp-commitment .corp-commitment__grid {
    border-color: rgba(255, 255, 255, .42) !important;
}

.everklin-transformed .corp-home > .corp-commitment .corp-commitment__grid > article {
    border-color: rgba(255, 255, 255, .42) !important;
    background: transparent !important;
}

/* Named credibility, process and closing bands share the light olive surface. */
:where(
    .site-footer,
    .footer-cta,
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review
) {
    background-color: var(--ek-olive-cream) !important;
    color: var(--ek-ink) !important;
}

:where(
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review
) :where(h1, h2, h3, h4, h5, h6, strong, dt) {
    color: var(--ek-white) !important;
}

:where(
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review
) :where(p, li, small, dd) {
    color: var(--ek-dark-copy) !important;
}

:where(
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review
) :where(.corp-kicker, .section-kicker, .inner-kicker, .sn-kicker, .iic-kicker, .eyebrow, .kicker) {
    color: var(--ek-olive-light) !important;
}

@media (max-width: 720px) {
    .corp-commitment {
        min-height: 0 !important;
    }
}


/* global-header-footer.css */
/* Everklin global navigation and footer, 2026 premium shell. */
:root {
    --ek-shell-white: var(--ek-white);
    --ek-shell-cream: var(--ek-ivory);
    --ek-shell-green: var(--ek-sage);
    --ek-shell-green-soft: var(--ek-sage);
    --ek-shell-olive: var(--ek-olive);
    --ek-shell-ink: var(--ek-ink);
    --ek-shell-muted: var(--ek-slate);
    --ek-shell-line: var(--ek-border);
    --ek-shell-cta-ink: var(--ek-ink);
}

body.mobile-menu-open { overflow: hidden !important; }

.site-header,
.site-header.is-scrolled,
.site-header.is-menu-open {
    position: sticky !important;
    top: 0;
    z-index: 9999 !important;
    min-height: 82px !important;
    color: var(--ek-shell-ink) !important;
    border-bottom: 1px solid var(--ek-shell-line) !important;
    background: var(--ek-shell-white) !important;
    box-shadow: none !important;
}

.site-header .header-main {
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr) auto;
    gap: 28px !important;
    align-items: center;
    min-height: 81px !important;
}

.site-header .brand { display: inline-flex; width: max-content; }
.site-header .brand-logo { display: block; width: 174px !important; height: auto; }
.site-header .desktop-nav { display: flex !important; min-width: 0; justify-content: center; margin: 0 !important; }
.site-header .nav-list { display: flex !important; align-items: center; gap: 22px !important; margin: 0; padding: 0; list-style: none; }
.site-header .nav-item { position: static !important; display: flex; align-items: center; gap: 5px; }

.site-header .nav-link,
.site-header .nav-list > .nav-item > a {
    position: relative;
    width: auto !important;
    min-width: max-content;
    padding: 30px 0 28px !important;
    color: var(--ek-shell-ink) !important;
    font-size: 13px !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
    line-height: 1;
    text-decoration: none;
}

.site-header .nav-link::after {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    height: 2px;
    background: var(--ek-shell-olive);
    content: "";
    opacity: 0;
    transform: scaleX(.4);
    transition: opacity 160ms ease, transform 160ms ease;
}

.site-header .nav-item:hover > .nav-link::after,
.site-header .nav-item:focus-within > .nav-link::after,
.site-header .nav-item.is-open > .nav-link::after,
.site-header .nav-item.is-hover-open > .nav-link::after {
    opacity: 1;
    transform: scaleX(1);
}
.site-header .nav-item.is-current-section > .nav-link { color: var(--ek-forest) !important; }
.site-header .nav-item.is-current-section > .nav-link::after { opacity: 1; transform: scaleX(1); }

.site-header .nav-list > .nav-item > .nav-arrow {
    display: grid;
    width: 20px !important;
    height: 32px !important;
    min-height: 32px !important;
    place-items: center;
    padding: 0 !important;
    color: var(--ek-shell-olive) !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer;
}

.site-header .nav-arrow::before {
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    background: transparent !important;
    content: "";
    transform: translateY(-2px) rotate(45deg);
    transition: transform 160ms ease;
}

.site-header .has-dropdown:is(.is-open, .is-hover-open) > .nav-arrow::before {
    transform: translateY(2px) rotate(225deg);
}

.site-header .header-actions { display: flex; align-items: center; gap: 10px !important; }
.site-header .header-search {
    display: grid;
    width: 42px !important;
    height: 42px !important;
    place-items: center;
    color: var(--ek-shell-ink) !important;
    border: 1px solid var(--ek-shell-line) !important;
    border-radius: 4px !important;
    background: var(--ek-shell-white) !important;
}
.site-header .header-search .line-svg { width: 19px; height: 19px; stroke: currentColor; fill: none; }
.site-header .header-contact {
    padding: 12px 4px !important;
    color: var(--ek-shell-ink) !important;
    font-size: 13px !important;
    font-weight: 720 !important;
    white-space: nowrap;
}
.site-header .header-technical-cta {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    padding: 0 16px !important;
    color: var(--ek-shell-cta-ink) !important;
    border: 1px solid var(--ek-olive) !important;
    border-radius: 4px !important;
    background: var(--ek-olive) !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    white-space: nowrap;
}

.site-header .header-search:hover,
.site-header .header-search:focus-visible { background: var(--ek-shell-green-soft) !important; }
.site-header .header-technical-cta:hover,
.site-header .header-technical-cta:focus-visible { color: var(--ek-shell-ink) !important; border-color: var(--ek-shell-olive) !important; background: var(--ek-shell-olive) !important; }

.site-header .mega-menu.ek-mega {
    position: fixed !important;
    top: 82px !important;
    right: auto !important;
    left: 50% !important;
    display: none !important;
    width: min(1180px, calc(100vw - 40px)) !important;
    height: auto !important;
    max-height: calc(100vh - 104px) !important;
    overflow: auto;
    color: var(--ek-shell-ink) !important;
    border: 1px solid var(--ek-shell-line) !important;
    border-radius: 0 0 6px 6px !important;
    background: var(--ek-shell-white) !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    box-shadow: 0 24px 60px rgba(36, 51, 40, .16) !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, -6px) !important;
    transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.site-header .has-dropdown:is(.is-open, .is-hover-open) > .ek-mega {
    display: block !important;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0) !important;
}

.site-header .ek-mega__solutions {
    display: grid;
    grid-template-columns: minmax(310px, 1.08fr) minmax(280px, .92fr) minmax(260px, .76fr);
    min-height: 352px;
}

.site-header .ek-mega__zone { padding: 22px; background: var(--ek-shell-white) !important; }
.site-header .ek-mega__zone + .ek-mega__zone { border-left: 1px solid var(--ek-shell-line); }
.site-header .ek-mega__eyebrow {
    margin: 0 0 11px !important;
    color: var(--ek-forest) !important;
    font-size: 11px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    line-height: 1.3;
    text-transform: uppercase;
}
.site-header .ek-business-list,
.site-header .ek-programme-list { display: grid; gap: 4px; }
.site-header .ek-business-link {
    position: relative;
    display: grid;
    gap: 2px;
    min-height: 54px;
    padding: 8px 38px 8px 12px;
    color: var(--ek-shell-ink) !important;
    border-left: 2px solid transparent;
    background: var(--ek-shell-white) !important;
}
.site-header .ek-business-link strong { color: inherit !important; font-size: 13px !important; line-height: 1.3; }
.site-header .ek-business-link > span { color: var(--ek-shell-muted) !important; font-size: 11px !important; line-height: 1.35; }
.site-header .ek-business-link > b { position: absolute; top: 17px; right: 12px; color: var(--ek-shell-olive); transition: transform 160ms ease; }
.site-header .ek-business-link:is(:hover, :focus-visible, .is-preview) { border-left-color: var(--ek-shell-olive); background: var(--ek-shell-green-soft) !important; }
.site-header .ek-business-link.is-current { color: var(--ek-forest) !important; border-left-color: var(--ek-shell-olive); }
.site-header .ek-business-link:is(:hover, :focus-visible) > b { transform: translateX(4px); }
.site-header .ek-programme-list a,
.site-header .ek-mega__group a {
    display: flex;
    min-height: 36px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 6px 9px;
    color: var(--ek-shell-ink) !important;
    border-bottom: 1px solid var(--ek-shell-line);
    background: var(--ek-shell-white) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.35;
}
.site-header .ek-programme-list a span,
.site-header .ek-mega__group a span { color: var(--ek-shell-olive) !important; transition: transform 160ms ease; }
.site-header .ek-programme-list a:hover,
.site-header .ek-mega__group a:hover { background: var(--ek-shell-green-soft) !important; }
.site-header .ek-programme-list a:hover span,
.site-header .ek-mega__group a:hover span { transform: translateX(4px); }
.site-header .ek-programme-prompt { max-width: 230px; margin: 10px 8px !important; color: var(--ek-shell-muted) !important; font-size: 12px !important; line-height: 1.55; }
.site-header .ek-mega__context {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 26px;
    color: var(--ek-shell-ink) !important;
    background: var(--ek-shell-green) !important;
}
.site-header .ek-mega__context h2 { margin: 0; color: var(--ek-shell-ink) !important; font-size: 26px !important; line-height: 1.08; }
.site-header .ek-mega__context > p:not(.ek-mega__eyebrow) { margin: 15px 0 24px; color: var(--ek-shell-muted) !important; font-size: 13px !important; line-height: 1.55; }
.site-header .ek-mega__primary,
.site-header .ek-mega__secondary { display: inline-flex; align-items: center; gap: 10px; font-size: 12px !important; font-weight: 760 !important; }
.site-header .ek-mega__primary { min-height: 42px; padding: 0 15px; color: var(--ek-shell-cta-ink) !important; border-radius: 4px; background: var(--ek-olive) !important; }
.site-header .ek-mega__secondary { margin-top: 16px; color: var(--ek-shell-ink) !important; }
.site-header .ek-mega__context a span { transition: transform 160ms ease; }
.site-header .ek-mega__context a:hover span { transform: translateX(4px); }

.site-header .ek-mega__groups {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0;
    padding: 22px;
    background: var(--ek-shell-white) !important;
}
.site-header .ek-mega__group { min-width: 0; padding: 0 16px 8px; border-left: 1px solid var(--ek-shell-line); }
.site-header .ek-mega__group:first-child { border-left: 0; }
.site-header .ek-mega__all { grid-column: 1 / -1; margin-top: 12px; padding: 14px 16px 0; border-top: 1px solid var(--ek-shell-line); }
.site-header .ek-mega__all a { display: inline-flex; align-items: center; gap: 10px; color: var(--ek-shell-ink) !important; font-size: 12px !important; font-weight: 780 !important; }
.site-header .mega-menu.ek-mega.ek-mega--industries { width: min(1040px, calc(100vw - 40px)) !important; }
.site-header .mega-menu.ek-mega.ek-mega--sustainability { width: min(410px, calc(100vw - 40px)) !important; }
.site-header .mega-menu.ek-mega.ek-mega--resources { width: min(760px, calc(100vw - 40px)) !important; }
.site-header .mega-menu.ek-mega.ek-mega--company { width: min(940px, calc(100vw - 40px)) !important; }
.site-header .mega-menu.ek-mega.ek-mega--industries .ek-mega__groups { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.site-header .mega-menu.ek-mega.ek-mega--industries .ek-mega__group:nth-child(1) { grid-column: 1; grid-row: 1 / 3; }
.site-header .mega-menu.ek-mega.ek-mega--industries .ek-mega__group:nth-child(2) { grid-column: 2; grid-row: 1; }
.site-header .mega-menu.ek-mega.ek-mega--industries .ek-mega__group:nth-child(3) { grid-column: 3; grid-row: 1; }
.site-header .mega-menu.ek-mega.ek-mega--industries .ek-mega__group:nth-child(4) { grid-column: 2; grid-row: 2; }
.site-header .mega-menu.ek-mega.ek-mega--industries .ek-mega__group:nth-child(5) { grid-column: 3; grid-row: 2; }
.site-header .mega-menu.ek-mega.ek-mega--industries .ek-mega__all { grid-row: 3; }
.site-header .mega-menu.ek-mega.ek-mega--sustainability .ek-mega__groups { grid-template-columns: 1fr; }
.site-header .mega-menu.ek-mega.ek-mega--resources .ek-mega__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.site-header .mega-menu.ek-mega.ek-mega--company .ek-mega__groups {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.site-header :where(a, button, summary):focus-visible,
.site-footer :where(a, button):focus-visible { outline: 2px solid var(--ek-shell-olive) !important; outline-offset: 3px; }
.site-header .mobile-menu-toggle,
.site-header .mobile-drawer { display: none !important; }

footer.site-footer,
.site-footer {
    position: relative !important;
    overflow: visible !important;
    padding: 0 !important;
    color: var(--ek-shell-ink) !important;
    background: var(--ek-soft-cream) !important;
}
footer.site-footer::before,
footer.site-footer::after,
.site-footer::before,
.site-footer::after,
footer.site-footer .footer-leaf-art { display: none !important; content: none !important; }

footer.site-footer .footer-support {
    padding: 48px 0 !important;
    color: var(--ek-shell-ink) !important;
    background: var(--ek-olive-cream) !important;
}
footer.site-footer .footer-support__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 48px; align-items: center; }
footer.site-footer .footer-support__eyebrow { margin: 0 0 10px !important; color: var(--ek-olive-light) !important; font-size: 11px !important; font-weight: 820 !important; letter-spacing: 0 !important; text-transform: uppercase; }
footer.site-footer .footer-support h2 { margin: 0; color: var(--ek-shell-white) !important; font-size: clamp(30px, 3vw, 46px) !important; font-weight: 720 !important; line-height: 1.06; }
footer.site-footer .footer-support p:not(.footer-support__eyebrow) { margin: 13px 0 0; color: var(--ek-dark-copy) !important; font-size: 14px !important; line-height: 1.55; }
footer.site-footer .footer-support__actions { display: flex; align-items: center; gap: 12px; }
footer.site-footer .footer-support__actions a { display: inline-flex; min-height: 46px; align-items: center; gap: 10px; padding: 0 17px; border: 1px solid var(--ek-shell-olive); border-radius: 4px; font-size: 12px !important; font-weight: 780 !important; white-space: nowrap; }
footer.site-footer .footer-support__actions > .footer-support__primary { color: var(--ek-ink) !important; border-color: var(--ek-olive) !important; background: var(--ek-olive) !important; }
footer.site-footer .footer-support__actions > .footer-support__secondary { color: var(--ek-shell-white) !important; border-color: rgba(255, 255, 255, .72) !important; background: transparent !important; }
footer.site-footer .footer-support__actions > .footer-support__primary:is(:hover, :focus-visible) { color: var(--ek-forest) !important; border-color: var(--ek-olive-light) !important; background: var(--ek-olive-light) !important; }
footer.site-footer .footer-support__actions > .footer-support__secondary:is(:hover, :focus-visible) { color: var(--ek-forest) !important; border-color: var(--ek-shell-white) !important; background: var(--ek-shell-white) !important; }
footer.site-footer .footer-support__actions span { transition: transform 160ms ease; }
footer.site-footer .footer-support__actions a:hover span { transform: translateX(4px); }

footer.site-footer .footer-main { display: block !important; grid-template-columns: none !important; padding: 58px 0 50px; background: var(--ek-soft-cream) !important; }
footer.site-footer .footer-grid {
    display: grid !important;
    grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(150px, .72fr)) !important;
    gap: 54px !important;
    width: min(calc(100% - 64px), 1280px) !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
}
footer.site-footer .footer-brand-column { min-width: 0; }
footer.site-footer .footer-brand { display: inline-flex !important; margin: 0 0 21px !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; }
footer.site-footer .footer-logo { display: block; width: 196px !important; max-width: 100% !important; height: auto !important; filter: none !important; mix-blend-mode: normal !important; }
footer.site-footer .footer-brand-statement { max-width: 380px; margin: 0 0 24px; color: var(--ek-dark-copy) !important; font-size: 13px !important; line-height: 1.62; }
footer.site-footer .footer-contact-list { display: grid; gap: 9px; margin: 0; font-style: normal; }
footer.site-footer .footer-main .footer-contact-list a,
footer.site-footer .footer-main .footer-contact-list p { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 10px; margin: 0; color: var(--ek-dark-copy) !important; font-size: 12px !important; line-height: 1.5; }
footer.site-footer .footer-contact-list span { color: var(--ek-olive-light) !important; font-size: 10px !important; font-weight: 800 !important; text-transform: uppercase; }
footer.site-footer .footer-main .footer-grid .footer-column { display: flex !important; min-width: 0; flex-direction: column !important; align-items: flex-start !important; }
footer.site-footer .footer-column h2 { margin: 0 0 17px !important; color: var(--ek-shell-white) !important; font-size: 12px !important; font-weight: 820 !important; letter-spacing: 0 !important; line-height: 1.3; text-transform: uppercase; }
footer.site-footer .footer-main .footer-grid .footer-column > a { display: inline-flex !important; width: auto !important; max-width: 100%; margin: 0 0 10px !important; color: var(--ek-dark-copy) !important; font-size: 12px !important; font-weight: 620 !important; line-height: 1.4 !important; }
footer.site-footer .footer-column > a:hover { color: var(--ek-olive-light) !important; transform: none !important; }
footer.site-footer .footer-column .footer-view-all { margin-top: 5px; color: var(--ek-shell-white) !important; font-weight: 780 !important; }
footer.site-footer .footer-column .footer-view-all span { margin-left: 8px; color: var(--ek-olive-light) !important; transition: transform 160ms ease; }
footer.site-footer .footer-column .footer-view-all:hover span { transform: translateX(4px); }
footer.site-footer .footer-legal { border-top: 1px solid var(--ek-border); background: var(--ek-olive-cream) !important; }
footer.site-footer .footer-bottom { display: flex !important; align-items: center; justify-content: space-between !important; gap: 24px !important; width: min(calc(100% - 64px), 1280px) !important; max-width: 1280px !important; margin: 0 auto !important; padding: 20px 0 !important; border: 0 !important; background: transparent !important; background-image: none !important; }
footer.site-footer .footer-bottom p,
footer.site-footer .footer-bottom a { margin: 0; color: var(--ek-dark-copy) !important; font-size: 11px !important; line-height: 1.5 !important; }
footer.site-footer .footer-bottom nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 22px; }
footer.site-footer .footer-bottom a:hover { color: var(--ek-olive-light) !important; transform: none !important; }

@media (max-width: 1279px) and (min-width: 1180px) {
    .site-header .header-main { grid-template-columns: 160px minmax(0, 1fr) auto; gap: 18px !important; }
    .site-header .brand-logo { width: 150px !important; }
    .site-header .nav-list { gap: 14px !important; }
    .site-header .nav-link { font-size: 12px !important; }
    .site-header .header-technical-cta { padding: 0 12px !important; font-size: 11px !important; }
}

@media (max-width: 1179px) {
    .site-header,
    .site-header.is-scrolled,
    .site-header.is-menu-open { height: 72px !important; min-height: 72px !important; max-height: 72px !important; }
    .site-header .header-main { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; height: 71px !important; min-height: 71px !important; max-height: 71px !important; gap: 12px !important; }
    .site-header .brand-logo { width: 156px !important; }
    .site-header .desktop-nav,
    .site-header .header-contact,
    .site-header .header-technical-cta { display: none !important; }
    .site-header .header-actions { gap: 8px !important; }
    .site-header .header-search,
    .site-header .mobile-menu-toggle { display: grid !important; width: 42px !important; height: 42px !important; place-items: center; border: 1px solid var(--ek-shell-line) !important; border-radius: 4px !important; background: var(--ek-shell-white) !important; }
    .site-header .mobile-menu-toggle { position: relative; padding: 0 !important; cursor: pointer; }
    .site-header .mobile-menu-toggle span { position: absolute; width: 17px; height: 0; color: var(--ek-shell-ink); border-top: 2px solid currentColor; background: transparent !important; transition: transform 180ms ease, opacity 180ms ease; }
    .site-header .mobile-menu-toggle span:nth-child(1) { transform: translateY(-5px); }
    .site-header .mobile-menu-toggle span:nth-child(3) { transform: translateY(5px); }
    .site-header .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: rotate(45deg); }
    .site-header .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
    .site-header .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: rotate(-45deg); }
    .site-header .mobile-drawer {
        position: fixed !important;
        top: 72px !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 10000 !important;
        display: block !important;
        padding: 18px max(20px, calc((100vw - 1120px) / 2)) 36px !important;
        overflow-y: auto;
        color: var(--ek-shell-ink) !important;
        border: 0 !important;
        background: var(--ek-shell-cream) !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(100%) !important;
        transition: opacity 180ms ease, transform 220ms ease, visibility 180ms ease;
    }
    .site-header .mobile-drawer:is(.is-open, .active) { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0) !important; }
    .site-header .mobile-nav { display: grid !important; gap: 8px; width: min(100%, 760px); margin: 0 auto; }
    .site-header .mobile-nav > details,
    .site-header .mobile-contact-link { border: 1px solid var(--ek-shell-line); border-radius: 4px; background: var(--ek-shell-white) !important; }
    .site-header .mobile-nav summary,
    .site-header .mobile-contact-link { display: flex; min-height: 54px; align-items: center; justify-content: space-between; padding: 0 16px; color: var(--ek-shell-ink) !important; font-size: 14px !important; font-weight: 740 !important; cursor: pointer; list-style: none; }
    .site-header .mobile-nav summary::-webkit-details-marker { display: none; }
    .site-header .mobile-nav > details.is-current-section > summary { color: var(--ek-forest) !important; }
    .site-header .mobile-arrow { width: 7px; height: 7px; border-right: 1.5px solid var(--ek-shell-olive); border-bottom: 1.5px solid var(--ek-shell-olive); transform: translateY(-2px) rotate(45deg); transition: transform 160ms ease; }
    .site-header details[open] > summary .mobile-arrow { transform: translateY(2px) rotate(225deg); }
    .site-header .mobile-submenu { display: grid; gap: 2px; padding: 6px 12px 14px; border-top: 1px solid var(--ek-shell-line); background: var(--ek-shell-white) !important; }
    .site-header .mobile-link { display: flex; min-height: 44px; align-items: center; padding: 8px 12px; color: var(--ek-shell-muted) !important; border-radius: 3px; background: var(--ek-shell-white) !important; font-size: 13px !important; font-weight: 620 !important; line-height: 1.35; }
    .site-header .mobile-link:hover { color: var(--ek-shell-ink) !important; background: var(--ek-shell-green-soft) !important; }
    .site-header .mobile-view-link,
    .site-header .mobile-family-link { color: var(--ek-shell-ink) !important; font-weight: 780 !important; }
    .site-header .mobile-business { border-bottom: 1px solid var(--ek-shell-line); }
    .site-header .mobile-business > summary { min-height: 48px; padding: 0 12px; font-size: 13px !important; }
    .site-header .mobile-submenu--nested { margin: 0 4px 8px; padding: 5px 8px 10px; background: var(--ek-shell-green-soft) !important; }
    .site-header .mobile-submenu--nested .mobile-link { background: var(--ek-shell-green-soft) !important; }
    .site-header .mobile-group-label { margin: 16px 12px 6px !important; color: var(--ek-forest) !important; font-size: 10px !important; font-weight: 820 !important; text-transform: uppercase; }
    .site-header .mobile-technical-cta { display: flex; min-height: 50px; align-items: center; justify-content: space-between; margin-top: 8px; padding: 0 18px; color: var(--ek-shell-cta-ink) !important; border-radius: 4px; background: var(--ek-olive) !important; font-size: 13px !important; font-weight: 780 !important; }
    .site-header .mobile-nav > .mobile-technical-cta { color: var(--ek-shell-cta-ink) !important; border-color: var(--ek-olive) !important; background: var(--ek-olive) !important; }
    .site-header .mobile-drawer:not(.is-open):not(.active) {
        display: none !important;
        transform: none !important;
    }
}

@media (max-width: 960px) {
    footer.site-footer .footer-support__inner { grid-template-columns: 1fr; gap: 26px; }
    footer.site-footer .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 42px 48px !important; }
}

@media (max-width: 620px) {
    .site-header .brand-logo { width: 140px !important; }
    .site-header .header-search,
    .site-header .mobile-menu-toggle { width: 39px !important; height: 39px !important; }
    footer.site-footer .footer-support { padding: 38px 0 !important; }
    footer.site-footer .footer-support h2 { font-size: 32px !important; }
    footer.site-footer .footer-support__actions { display: grid; align-items: stretch; }
    footer.site-footer .footer-support__actions a { justify-content: space-between; }
    footer.site-footer .footer-main { padding: 44px 0 38px; }
    footer.site-footer .footer-grid,
    footer.site-footer .footer-bottom { width: calc(100% - 40px) !important; }
    footer.site-footer .footer-grid { grid-template-columns: 1fr !important; gap: 34px !important; }
    footer.site-footer .footer-bottom { align-items: flex-start; flex-direction: column; gap: 12px !important; }
    footer.site-footer .footer-bottom nav { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
    .site-header *,
    .site-footer * { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}


/* olive-cream-system.css */
/*
 * Everklin's final shared visual system.
 *
 * This file deliberately loads after the legacy palette layers. It replaces
 * their former dark companion surfaces with a single light olive and cream
 * language while preserving the existing page architecture and photography.
 */
:root {
    --ek-olive-main: #92A944;
    --ek-olive-mid: #A7BD5A;
    --ek-olive-soft: #B8C97A;
    --ek-olive-cream: #D9E2B8;
    --ek-olive-cream-light: #E6EBD0;
    --ek-olive-cream-soft: #EEF1DE;
    --ek-warm-cream: #F3F1EB;
    --ek-soft-cream: #F8F7F2;
    --ek-white: #FFFFFF;
    --ek-ink: #17212B;
    --ek-body: #4F584B;
    --ek-muted: #6B7366;
    --ek-border: #B7C48A;
    --ek-border-soft: #D7DEC0;

    /* Compatibility tokens used by established templates. */
    --ek-olive: var(--ek-olive-main);
    --ek-olive-deep: var(--ek-olive-main);
    --ek-olive-light: var(--ek-olive-soft);
    --ek-cream: var(--ek-warm-cream);
    --ek-text: var(--ek-body);
    --ek-slate: var(--ek-muted);
    --ek-ivory: var(--ek-soft-cream);
    --ek-sage: var(--ek-olive-cream-light);
    --ek-forest: var(--ek-ink);
    --ek-dark: var(--ek-ink);
    --ek-deep: var(--ek-ink);
    --ek-dark-copy: var(--ek-body);
    /* Reserved for the homepage's dedicated dark commitment surface. */
    --everklin-bg-forest: #1E382A;
    --forest: var(--ek-ink);
    --ch-forest: var(--ek-ink);
    --dark-green: var(--ek-ink);
    --deep-green: var(--ek-ink);
    --emerald: var(--ek-ink);
    --green-950: var(--ek-ink);
    --green-900: var(--ek-ink);
    --green-800: var(--ek-ink);
    --green-700: var(--ek-olive-main);
    --theme-olive-dark: var(--ek-olive-main);
    --theme-brown-dark: var(--ek-ink);
    --ekd-olive-900: var(--ek-ink);
    --ekd-olive-800: var(--ek-ink);
    --ekd-olive-700: var(--ek-olive-main);
    --ekd-olive-600: var(--ek-olive-main);
    --ekd-olive-500: var(--ek-olive-main);
    --ekd-olive-400: var(--ek-olive-soft);
    --ekd-olive-300: var(--ek-olive-soft);
    --ekd-olive-200: var(--ek-olive-cream);
    --ekd-olive-100: var(--ek-olive-cream-light);
}

html,
body {
    background: var(--ek-soft-cream) !important;
    color: var(--ek-body);
}

body,
main {
    color: var(--ek-body);
}

:where(main, .site-footer) :where(h1, h2, h3, h4, h5, h6) {
    color: var(--ek-ink);
    letter-spacing: 0;
}

:where(main, .site-footer) :where(p, li, dd, dt, small) {
    color: var(--ek-body);
}

:where(main, .site-footer) :where(a:not(.page-button):not(.button):not(.btn):not(.corp-btn):not(.iic-button):not(.sn-button):not(.contact-button)) {
    color: inherit;
}

/* Header and navigation remain light on every page family. */
.site-header,
.site-header.is-scrolled,
.site-header.is-menu-open {
    background: var(--ek-soft-cream) !important;
    border-bottom-color: var(--ek-border-soft) !important;
    color: var(--ek-ink) !important;
}

.site-header :where(.nav-link, .nav-list > .nav-item > a, .header-contact, .header-search, .mobile-nav summary, .mobile-contact-link) {
    color: var(--ek-ink) !important;
}

.site-header :where(.nav-item.is-current-section > .nav-link, .mobile-nav > details.is-current-section > summary, .mobile-group-label) {
    color: var(--ek-olive-main) !important;
}

.site-header :where(.header-technical-cta, .mobile-technical-cta, .mobile-nav > .mobile-technical-cta, .ek-mega__primary) {
    color: var(--ek-ink) !important;
    border-color: var(--ek-olive-main) !important;
    background: var(--ek-olive-main) !important;
}

.site-header :where(.header-technical-cta, .mobile-technical-cta, .mobile-nav > .mobile-technical-cta, .ek-mega__primary):is(:hover, :focus-visible) {
    color: var(--ek-ink) !important;
    border-color: var(--ek-olive-mid) !important;
    background: var(--ek-olive-mid) !important;
}

.site-header :where(.mega-menu.ek-mega, .mobile-drawer, .mobile-nav > details, .mobile-contact-link) {
    background-color: var(--ek-white) !important;
    border-color: var(--ek-border-soft) !important;
}

.site-header .ek-mega__context,
.site-header .mobile-submenu--nested .mobile-link {
    background: var(--ek-olive-cream-light) !important;
}

.site-header :where(.ek-mega__context h2, .ek-mega__context p, .ek-mega__group a, .ek-mega__all a, .mobile-submenu a) {
    color: var(--ek-ink) !important;
}

/* A calm, light footer replaces the former dark forest block. */
footer.site-footer,
.site-footer {
    color: var(--ek-ink) !important;
    background: var(--ek-soft-cream) !important;
}

footer.site-footer .footer-support {
    color: var(--ek-ink) !important;
    background: var(--ek-olive-cream) !important;
}

footer.site-footer .footer-main {
    background: var(--ek-soft-cream) !important;
}

footer.site-footer .footer-legal {
    border-top-color: var(--ek-border-soft) !important;
    background: var(--ek-olive-cream-light) !important;
}

footer.site-footer .footer-logo {
    filter: none !important;
}

footer.site-footer :where(.footer-support h2, .footer-column h2, .footer-brand-statement, .footer-main .footer-contact-list a, .footer-main .footer-contact-list p, .footer-main .footer-grid .footer-column > a, .footer-bottom p, .footer-bottom a, .footer-column .footer-view-all) {
    color: var(--ek-ink) !important;
}

footer.site-footer :where(.footer-support p:not(.footer-support__eyebrow), .footer-brand-statement, .footer-main .footer-contact-list a, .footer-main .footer-contact-list p, .footer-main .footer-grid .footer-column > a, .footer-bottom p, .footer-bottom a) {
    color: var(--ek-body) !important;
}

footer.site-footer :where(.footer-support__eyebrow, .footer-contact-list span, .footer-column .footer-view-all span) {
    color: var(--ek-olive-main) !important;
}

footer.site-footer .footer-support__actions > .footer-support__primary {
    color: var(--ek-ink) !important;
    border-color: var(--ek-olive-main) !important;
    background: var(--ek-olive-main) !important;
}

footer.site-footer .footer-support__actions > .footer-support__secondary {
    color: var(--ek-ink) !important;
    border-color: var(--ek-ink) !important;
    background: transparent !important;
}

footer.site-footer .footer-main,
footer.site-footer .footer-grid,
footer.site-footer .footer-brand-column,
footer.site-footer .footer-column,
footer.site-footer .footer-bottom {
    color: var(--ek-ink) !important;
}

footer.site-footer .footer-support h2,
footer.site-footer .footer-main .footer-grid .footer-column h2,
footer.site-footer .footer-main .footer-grid .footer-column .footer-view-all {
    color: var(--ek-ink) !important;
}

footer.site-footer .footer-main .footer-grid .footer-column > a,
footer.site-footer .footer-brand-statement,
footer.site-footer .footer-main .footer-contact-list a,
footer.site-footer .footer-main .footer-contact-list p,
footer.site-footer .footer-bottom p,
footer.site-footer .footer-bottom a {
    color: var(--ek-body) !important;
}

/* One olive action system, with dark ink rather than white labels. */
:where(
    .corp-btn--olive,
    .footer-support__primary,
    .solutions-button--olive,
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .brewery-button--primary,
    .wsp-hero .page-button--primary,
    .fpp-page .page-button--primary,
    .contact-button--primary,
    .iic-button:not(.iic-button--outline),
    .sn-button:not(.sn-button--quiet):not(.sn-button--light):not(.sn-button--line),
    .th-button--primary,
    .hero .btn-gold,
    .solutions-promo-card > a
) {
    color: var(--ek-ink) !important;
    border-color: var(--ek-olive-main) !important;
    background: var(--ek-olive-main) !important;
}

:where(
    .corp-btn--olive,
    .footer-support__primary,
    .solutions-button--olive,
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .brewery-button--primary,
    .wsp-hero .page-button--primary,
    .fpp-page .page-button--primary,
    .contact-button--primary,
    .iic-button:not(.iic-button--outline),
    .sn-button:not(.sn-button--quiet):not(.sn-button--light):not(.sn-button--line),
    .th-button--primary,
    .hero .btn-gold,
    .solutions-promo-card > a
):is(:hover, :focus-visible) {
    color: var(--ek-ink) !important;
    border-color: var(--ek-olive-mid) !important;
    background: var(--ek-olive-mid) !important;
}

:where(.corp-btn--outline, .page-button--outline, .page-button--secondary, .iic-button--outline, .sn-button--quiet, .sn-button--line) {
    color: var(--ek-ink) !important;
    border-color: var(--ek-border) !important;
    background: rgba(255, 255, 255, .76) !important;
}

:where(.corp-btn--outline, .page-button--outline, .page-button--secondary, .iic-button--outline, .sn-button--quiet, .sn-button--line):is(:hover, :focus-visible) {
    color: var(--ek-ink) !important;
    border-color: var(--ek-olive-main) !important;
    background: var(--ek-olive-cream-light) !important;
}

/* Homepage: retain the carousel and imagery, but give it a refined cream wash. */
.corp-home .corp-hero,
.corp-home .corp-hero__inner {
    min-height: clamp(560px, 45vw, 640px) !important;
}

.corp-home .corp-hero__inner {
    padding: 76px 0 64px !important;
}

.corp-home .corp-hero__wash {
    background: linear-gradient(90deg, rgba(248, 247, 242, .98) 0%, rgba(248, 247, 242, .95) 37%, rgba(238, 241, 222, .75) 57%, rgba(238, 241, 222, .27) 76%, rgba(238, 241, 222, .04) 100%) !important;
}

.corp-home :where(.corp-hero h1, .corp-hero p, .corp-hero__proof, .corp-hero__pause) {
    color: var(--ek-ink) !important;
}

.corp-home .corp-hero h1 {
    max-width: 680px;
    font-size: clamp(3.35rem, 5.5vw, 5.9rem) !important;
    letter-spacing: 0 !important;
    line-height: .94 !important;
}

.corp-home :where(.corp-kicker, .corp-hero h1 em, .corp-hero__proof i, .corp-hero__dots button[aria-selected="true"]::before) {
    color: var(--ek-olive-main) !important;
}

.corp-home .corp-hero__content > p:not(.corp-kicker):not(.corp-hero__proof) {
    max-width: 590px;
    color: var(--ek-body) !important;
}

.corp-home :where(.corp-purpose, .corp-businesses, .corp-needs, .corp-impact, .corp-updates) {
    padding-block: clamp(60px, 6vw, 88px) !important;
    background: var(--ek-soft-cream) !important;
}

.corp-home .corp-purpose,
.corp-home .corp-impact,
.corp-home .corp-updates {
    background: var(--ek-white) !important;
}

.corp-home .corp-business::after,
.corp-home .corp-impact__tiles a::after,
.corp-home .solutions-family-card__veil {
    background: linear-gradient(180deg, rgba(238, 241, 222, .04) 0%, rgba(238, 241, 222, .88) 100%) !important;
}

.corp-home .corp-business :where(h3, p, strong),
.corp-home .corp-impact__tiles a :where(h3, p, strong) {
    color: var(--ek-ink) !important;
}

.corp-home .corp-business__metrics {
    background: rgba(238, 241, 222, .94) !important;
}

/* Replaces approved light companion bands without changing the homepage commitment surface. */
:where(
    .corp-final,
    .footer-cta,
    .iic-hub-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review,
    [data-theme="dark"],
    [data-surface="dark"]
) {
    color: var(--ek-ink) !important;
    background-color: var(--ek-olive-cream-light) !important;
    background-image: none !important;
}

:where(
    .corp-final,
    .footer-cta,
    .iic-hub-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review,
    [data-theme="dark"],
    [data-surface="dark"]
) :where(h1, h2, h3, h4, h5, h6, strong, p, li, dt, dd, small, a:not(.page-button):not(.button):not(.btn):not(.corp-btn):not(.iic-button):not(.sn-button)) {
    color: var(--ek-ink) !important;
}

:where(
    .corp-final,
    .iic-hub-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review
) :where(p, li, dt, dd, small) {
    color: var(--ek-body) !important;
}

.corp-home > .corp-commitment {
    min-height: 0 !important;
    padding-block: clamp(62px, 6vw, 84px) !important;
}

.corp-home .corp-final {
    background: var(--ek-olive-cream-light) !important;
}

.corp-home .corp-final :where(h1, h2, h3, p, .corp-kicker) {
    color: var(--ek-ink) !important;
}

.corp-home .corp-final p {
    color: var(--ek-body) !important;
}

/* Flagship, category and industry hero heights have a tighter common rhythm. */
:where(.iic-hero, .iic-hub-hero, .solutions-hero, .wt-hero, .th-hero, .sn-hero, .sn-hero__inner) {
    min-height: clamp(560px, 45vw, 640px) !important;
}

:where(.mnc-category-hero, .iic-hero--category, .iic-product-hero, .fpp-hero, .wsp-hero, .sp-hero, .anchor-hero, .brewery-hero, .contact-hero) {
    min-height: clamp(420px, 35vw, 480px) !important;
}

.iic-flagship .iic-hero__content {
    width: min(52vw, 760px) !important;
    max-width: min(52vw, 760px) !important;
    padding-block: 70px !important;
}

:where(.iic-hero, .iic-product-hero, .mnc-category-hero, .fpp-hero, .wsp-hero, .sp-hero, .anchor-hero, .brewery-hero, .sn-hero, .contact-hero) :where(h1, h2) {
    color: var(--ek-ink) !important;
    letter-spacing: 0 !important;
}

main.corp-styled .iic-hero h1,
main.corp-styled .iic-product-hero h1,
main.corp-styled .anchor-hero h1,
main.corp-styled .inner-hero h1,
main.downloads-flagship .anchor-hero h1,
main.resources-flagship .anchor-hero h1,
main.contact-ultra .contact-hero h1,
main.fpp-page .fpp-hero h1,
main.sustainability-nova .sn-hero h1,
main.sustainability-nova .sn-intro h2,
main.sustainability-nova .sn-recognition h2 {
    color: var(--ek-ink) !important;
}

.iic-hero h1,
.iic-product-hero h1 {
    font-size: clamp(3.25rem, 5.8vw, 6.2rem) !important;
    letter-spacing: 0 !important;
    line-height: .94 !important;
}

:where(.iic-hero h1 em, .iic-product-hero h1 em, .mnc-category-hero h1 em, .fpp-hero h1 em, .wsp-hero h1 em, .sp-hero h1 em, .sn-hero h1 em) {
    color: var(--ek-olive-main) !important;
}

.iic-flagship :is(.iic-environments, .iic-product-review) {
    color: var(--ek-ink) !important;
    background: var(--ek-olive-cream-light) !important;
}

.iic-flagship :is(.iic-environments, .iic-product-review) :where(h1, h2, h3, h4, strong) {
    color: var(--ek-ink) !important;
}

.iic-flagship :is(.iic-environments, .iic-product-review) :where(p, li, small) {
    color: var(--ek-body) !important;
}

.iic-flagship .iic-hub-final :where(h1, h2, h3, h4, strong) {
    color: var(--ek-ink) !important;
}

.iic-flagship .iic-hub-final :where(p, li, small) {
    color: var(--ek-body) !important;
}

.iic-flagship .iic-hub-final :where(.iic-hub-button--on-dark-outline, .iic-hub-button--primary) {
    color: var(--ek-ink) !important;
    border-color: var(--ek-border) !important;
    background: rgba(255, 255, 255, .76) !important;
}

.iic-category-card {
    color: var(--ek-ink) !important;
    border: 1px solid var(--ek-border-soft) !important;
    border-radius: 6px !important;
    background: var(--ek-olive-cream) !important;
}

.iic-category-card::after {
    background: linear-gradient(180deg, rgba(238, 241, 222, .05) 0%, rgba(238, 241, 222, .93) 88%) !important;
}

.iic-category-card :where(strong, p) {
    color: var(--ek-ink) !important;
}

.iic-category-card > span {
    color: var(--ek-olive-main) !important;
}

/* Resources, downloads and contact retain their existing content but regain contrast. */
:where(.resources-flagship, .resource-system, .downloads-flagship, .contact-ultra) {
    color: var(--ek-body) !important;
    background: var(--ek-soft-cream) !important;
}

:where(.resources-flagship, .resource-system, .downloads-flagship, .contact-ultra) :where(h1, h2, h3, h4, h5, h6, strong) {
    color: var(--ek-ink) !important;
}

:where(.resources-flagship, .resource-system, .downloads-flagship, .contact-ultra) :where(p, li, dd, dt, small, label) {
    color: var(--ek-body) !important;
}

.contact-ultra :where(.contact-hero__story, .contact-form, .contact-final, .contact-faq, .contact-panel, .contact-card) {
    border-color: var(--ek-border-soft) !important;
    background: var(--ek-white) !important;
}

.contact-ultra .contact-final {
    background: var(--ek-olive-cream-light) !important;
}

/* Sustainability uses cream photo washes rather than dark image overlays. */
.sustainability-nova {
    --sn-ink: var(--ek-ink);
    --sn-olive: var(--ek-olive-main);
    --sn-olive-dark: var(--ek-olive-main);
    --sn-sage: var(--ek-olive-cream-light);
    --sn-cream: var(--ek-soft-cream);
    --sn-line: var(--ek-border-soft);
    color: var(--ek-body) !important;
    background: var(--ek-soft-cream) !important;
}

.sustainability-nova .sn-statement {
    min-height: clamp(460px, 38vw, 560px) !important;
}

.sustainability-nova .sn-statement--chemistry {
    background-image: linear-gradient(90deg, rgba(248, 247, 242, .98) 0%, rgba(248, 247, 242, .9) 44%, rgba(238, 241, 222, .35) 70%, rgba(238, 241, 222, .04) 100%), url('/assets/images/sustainability/leaf-bg.jpg') !important;
}

.sustainability-nova .sn-statement--water {
    background-image: linear-gradient(270deg, rgba(248, 247, 242, .98) 0%, rgba(248, 247, 242, .9) 44%, rgba(238, 241, 222, .35) 70%, rgba(238, 241, 222, .04) 100%), url('/assets/images/hero-slides/water-treatment.jpg') !important;
}

.sustainability-nova .sn-statement--manufacturing {
    background-image: linear-gradient(90deg, rgba(248, 247, 242, .98) 0%, rgba(248, 247, 242, .9) 44%, rgba(238, 241, 222, .35) 70%, rgba(238, 241, 222, .04) 100%), url('/assets/images/company/advanced-manufacturing.jpg') !important;
}

.sustainability-nova .sn-statement :where(span, h2, p) {
    color: var(--ek-ink) !important;
}

.sustainability-nova .sn-statements .sn-statement :where(h1, h2, h3, p, span),
.sustainability-nova .sn-statements .sn-statement h2 {
    color: var(--ek-ink) !important;
    text-shadow: none !important;
}

.sustainability-nova .sn-statements .sn-statement span {
    color: var(--ek-olive-main) !important;
}

.sustainability-nova .sn-statement span,
.sustainability-nova .sn-final .sn-kicker {
    color: var(--ek-olive-main) !important;
}

.sustainability-nova .sn-theme__visual {
    background: var(--ek-olive-cream-light) !important;
}

.sustainability-nova .sn-theme__visual::after {
    background: linear-gradient(90deg, rgba(248, 247, 242, .84), rgba(238, 241, 222, .34) 58%, rgba(238, 241, 222, .04)) !important;
}

.sustainability-nova .sn-theme__visual figcaption span,
.sustainability-nova .sn-theme__visual figcaption strong {
    color: var(--ek-ink) !important;
}

.sustainability-nova .sn-final {
    background: var(--ek-olive-cream) !important;
}

.sustainability-nova .sn-final :where(h2, p, .sn-kicker) {
    color: var(--ek-ink) !important;
}

.sustainability-nova .sn-final p {
    color: var(--ek-body) !important;
}

.sustainability-nova.corp-styled .sn-final a.sn-button--light,
.sustainability-nova.corp-styled .sn-final a.sn-button--line,
.sustainability-nova.corp-styled .sn-final a.sn-button--line:is(:hover, :focus-visible) {
    color: var(--ek-ink) !important;
    border-color: var(--ek-border) !important;
    background: rgba(255, 255, 255, .76) !important;
}

/* Cards, documentation surfaces and form controls always use the same light system. */
:where(.fpp-page, .wsp-page, .sp-page, .product-page, .universal-product-page, .room-hub, .room-care-flagship) :where(.fpp-panel, .fpp-system-navigation, .fpp-diagram--image, .fph-detail-shell, .fph-selector, .fph-table-wrap, .fph-product-card, .fph-product-summary__top figure, .fph-documents a, .wsp-card, .sp-card, .product-card) {
    border-color: var(--ek-border-soft) !important;
    background-color: var(--ek-white) !important;
}

:where(.fpp-page, .wsp-page, .sp-page, .product-page, .universal-product-page, .room-hub, .room-care-flagship) :where(.fpp-cta__inner, .product-cta, .wsp-final, .sp-final) {
    color: var(--ek-ink) !important;
    border-color: var(--ek-border-soft) !important;
    background: var(--ek-olive-cream-light) !important;
}

:where(.fpp-page, .wsp-page, .sp-page, .product-page, .universal-product-page, .room-hub, .room-care-flagship) :where(.fpp-cta__inner, .product-cta, .wsp-final, .sp-final) :where(h1, h2, h3, h4, p, li, strong) {
    color: var(--ek-ink) !important;
}

:where(.fpp-page, .wsp-page, .sp-page, .product-page, .universal-product-page, .room-hub, .room-care-flagship) :where(.fpp-cta__inner, .product-cta, .wsp-final, .sp-final) :where(p, li) {
    color: var(--ek-body) !important;
}

/* Older solution and industry hubs now use the shared split-hero system. */
.solutions-hero,
.industries-hub__hero {
    min-height: clamp(560px, 45vw, 640px) !important;
    color: var(--ek-ink) !important;
    background-color: var(--ek-warm-cream) !important;
}

.solutions-hero::after,
.industries-hub__hero::after {
    background: linear-gradient(90deg, rgba(248, 247, 242, .98) 0%, rgba(248, 247, 242, .94) 40%, rgba(238, 241, 222, .66) 62%, rgba(238, 241, 222, .16) 84%, rgba(238, 241, 222, .03) 100%) !important;
}

.solutions-hero__inner,
.industries-hub__hero-inner {
    min-height: clamp(560px, 45vw, 640px) !important;
    padding-top: 100px !important;
    padding-bottom: 66px !important;
}

.solutions-hero :where(h1, p, a, .solutions-crumb, .solutions-hero__note),
.industries-hub__hero :where(h1, p, a, .industries-hub__crumb, .industries-hub__hero-note) {
    color: var(--ek-ink) !important;
}

.solutions-hero .solutions-kicker,
.industries-hub__hero .industries-hub__kicker,
.solutions-hero .solutions-hero__note,
.industries-hub__hero .industries-hub__hero-note {
    color: var(--ek-olive-main) !important;
}

.solutions-hero h1,
.industries-hub__hero h1 {
    color: var(--ek-ink) !important;
    font-size: clamp(3.2rem, 5.6vw, 6rem) !important;
    letter-spacing: 0 !important;
}

.solutions-hero__copy > p:not(.solutions-kicker),
.industries-hub__hero-inner > div > p:not(.industries-hub__kicker) {
    color: var(--ek-body) !important;
}

.solutions-hero__note,
.industries-hub__hero-note {
    color: var(--ek-ink) !important;
    border: 1px solid var(--ek-border-soft) !important;
    border-radius: 4px;
    background: rgba(248, 247, 242, .78) !important;
    padding: 11px 12px !important;
}

.solutions-hero .solutions-hero__note,
.industries-hub__hero .industries-hub__hero-note {
    color: var(--ek-ink) !important;
}

.solutions-hero :where(.solutions-button--outline, .page-button--outline),
.industries-hub__hero .industries-hub__button--outline {
    color: var(--ek-ink) !important;
    border-color: var(--ek-border) !important;
    background: rgba(255, 255, 255, .74) !important;
}

.solutions-selection,
.solutions-review {
    background: var(--ek-olive-cream-light) !important;
}

.solutions-selection :where(h1, h2, h3, h4, p, li, strong),
.solutions-review :where(h1, h2, h3, h4, p, li, strong) {
    color: var(--ek-ink) !important;
}

.solutions-selection :where(p, li),
.solutions-review :where(p, li) {
    color: var(--ek-body) !important;
}

.solutions-selection h2,
.solutions-review h2 {
    color: var(--ek-ink) !important;
}

.solutions-selection p,
.solutions-review p {
    color: var(--ek-body) !important;
}

.sfh-hero h1,
.sfh-hero h1 span:first-child {
    color: var(--ek-ink) !important;
    letter-spacing: 0 !important;
}

.sfh-hero h1 span:last-child,
.sfh-hero .sfh-kicker {
    color: var(--ek-olive-main) !important;
}

.sfh-final {
    background: var(--ek-olive-cream-light) !important;
}

.sfh-final :where(h1, h2, h3, h4, p, li, strong) {
    color: var(--ek-ink) !important;
}

.sfh-final :where(p, li) {
    color: var(--ek-body) !important;
}

.sfh-final h2 {
    color: var(--ek-ink) !important;
}

.sfh-final p {
    color: var(--ek-body) !important;
}

.industries-hub {
    --ih-forest: var(--ek-ink);
    --ih-olive: var(--ek-olive-main);
    --ih-olive-dark: var(--ek-olive-main);
    --ih-cream: var(--ek-soft-cream);
    --ih-mist: var(--ek-olive-cream-light);
    --ih-copy: var(--ek-body);
    --ih-border: var(--ek-border-soft);
    background: var(--ek-soft-cream) !important;
    color: var(--ek-body) !important;
}

.industries-hub :is(.industries-hub__selection, .industries-hub__review) {
    color: var(--ek-ink) !important;
    background: var(--ek-olive-cream-light) !important;
}

.industries-hub :is(.industries-hub__selection, .industries-hub__review) :where(h1, h2, h3, h4, strong, p, li, span) {
    color: var(--ek-ink) !important;
}

.industries-hub :is(.industries-hub__selection, .industries-hub__review) :where(p, li) {
    color: var(--ek-body) !important;
}

.industries-hub :is(.industries-hub__selection ol, .industries-hub__selection li) {
    border-color: var(--ek-border) !important;
}

.industries-hub__selection li:not(:last-child)::after {
    color: var(--ek-ink) !important;
    border-color: var(--ek-border) !important;
    background: var(--ek-soft-cream) !important;
}

.industries-hub__industry-card {
    color: var(--ek-ink) !important;
    border: 1px solid var(--ek-border-soft) !important;
    background: var(--ek-olive-cream) !important;
}

.industries-hub__industry-card > span,
.industries-hub__industry-card:hover > span {
    background: linear-gradient(180deg, rgba(238, 241, 222, .06), rgba(238, 241, 222, .94) 88%) !important;
}

.industries-hub__industry-card :where(small, strong, em, b, i) {
    color: var(--ek-ink) !important;
}

.industries-hub__reality-panel figure {
    background: var(--ek-olive-cream-light) !important;
}

.iic-flagship :is(.iic-room-close, .iic-close) :where(h1, h2, h3, h4, p, li, strong) {
    color: var(--ek-ink) !important;
}

.iic-flagship :is(.iic-room-close, .iic-close) :where(p, li) {
    color: var(--ek-body) !important;
}

.iic-flagship .iic-room-close h2,
.iic-flagship .iic-close h2 {
    color: var(--ek-ink) !important;
}

.iic-flagship .iic-room-close p,
.iic-flagship .iic-close p {
    color: var(--ek-body) !important;
}

/* Match the transformed Room Care selector so its legacy dark closing CTA cannot win the cascade. */
.everklin-transformed .iic-room-care .iic-room-close {
    color: var(--ek-ink) !important;
    background: var(--ek-olive-cream-light) !important;
    background-image: none !important;
}

.everklin-transformed .iic-room-care .iic-room-close .iic-kicker {
    color: var(--ek-olive-main) !important;
}

.everklin-transformed .iic-room-care .iic-room-close h2 {
    color: var(--ek-ink) !important;
}

.everklin-transformed .iic-room-care .iic-room-close p:not(.iic-kicker) {
    color: var(--ek-body) !important;
}

.everklin-transformed .iic-room-care .iic-room-close .iic-button {
    color: var(--ek-ink) !important;
    border-color: var(--ek-olive-main) !important;
    background: var(--ek-olive-main) !important;
}

.everklin-transformed .iic-room-care .iic-room-close .iic-button--outline {
    color: var(--ek-ink) !important;
    border-color: var(--ek-border) !important;
    background: transparent !important;
}

.anchor-final-cta .anchor-final-card :where(h1, h2, h3, h4, p, li, strong) {
    color: var(--ek-ink) !important;
}

.anchor-final-cta .anchor-final-card :where(p, li) {
    color: var(--ek-body) !important;
}

.anchor-final-cta .anchor-final-card h2 {
    color: var(--ek-ink) !important;
}

.anchor-final-cta .anchor-final-card p {
    color: var(--ek-body) !important;
}

@media (max-width: 1024px) {
    .corp-home .corp-hero,
    .corp-home .corp-hero__inner,
    :where(.iic-hero, .iic-hub-hero, .solutions-hero, .wt-hero, .th-hero, .sn-hero, .sn-hero__inner) {
        min-height: 560px !important;
    }

    .iic-flagship .iic-hero__content {
        width: min(58vw, 660px) !important;
        max-width: min(58vw, 660px) !important;
    }
}

@media (max-width: 760px) {
    html,
    body { overflow-x: clip; }

    .corp-home .corp-hero,
    .corp-home .corp-hero__inner,
    :where(.iic-hero, .iic-hub-hero, .solutions-hero, .wt-hero, .th-hero, .sn-hero, .sn-hero__inner) {
        min-height: 620px !important;
    }

    .corp-home .corp-hero__inner {
        padding: 72px 0 52px !important;
    }

    .corp-home .corp-hero__wash {
        background: linear-gradient(90deg, rgba(248, 247, 242, .98) 0%, rgba(248, 247, 242, .94) 58%, rgba(238, 241, 222, .63) 85%, rgba(238, 241, 222, .24) 100%) !important;
    }

    .corp-home .corp-hero h1,
    .iic-hero h1,
    .iic-product-hero h1 {
        font-size: clamp(2.8rem, 12vw, 4.4rem) !important;
        line-height: .96 !important;
    }

    .corp-home :where(.corp-purpose, .corp-businesses, .corp-needs, .corp-impact, .corp-updates),
    .corp-home > .corp-commitment,
    .sustainability-nova :where(.sn-intro, .sn-orbit-section, .sn-recognition, .sn-final) {
        padding-block: 52px !important;
    }

    .corp-commitment .corp-commitment__grid > article {
        padding: 22px !important;
    }

    :where(.mnc-category-hero, .iic-hero--category, .iic-product-hero, .fpp-hero, .wsp-hero, .sp-hero, .anchor-hero, .brewery-hero, .contact-hero) {
        min-height: 0 !important;
    }

    .iic-flagship .iic-hero__content {
        width: auto !important;
        max-width: none !important;
        margin-inline: 0 !important;
        padding-block: 64px !important;
    }

    .sustainability-nova .sn-statement {
        min-height: 470px !important;
    }

    .solutions-hero::after,
    .industries-hub__hero::after {
        background: linear-gradient(180deg, rgba(248, 247, 242, .98) 0%, rgba(248, 247, 242, .94) 50%, rgba(238, 241, 222, .82) 100%) !important;
    }

    .solutions-hero__note,
    .industries-hub__hero-note {
        position: static !important;
        max-width: none !important;
        margin: 18px 0 0 !important;
        padding: 10px 12px !important;
    }

    .solutions-hero__copy,
    .industries-hub__hero-inner > div:first-child {
        border: 1px solid rgba(215, 222, 192, .86);
        background: rgba(248, 247, 242, .82);
        padding: 18px !important;
    }

    footer.site-footer .footer-support__inner,
    footer.site-footer .footer-support__actions {
        gap: 22px !important;
    }
}


/* everklin-unified-theme.css */
/* ==========================================================================
   EVERKLIN — Unified Premium Theme
   Loads last in <head> on purpose. It does not add new markup or touch any
   data/content — it only re-declares the same CSS custom properties that
   ~15 older stylesheets (apex-homepage, corporate-homepage, corporate-shell,
   digital-transformation, enterprise-system, flagship-trio, fortune-homepage,
   locked-homepage, industrial-care-flagship, industry-flagship, brand-olive,
   brand-refinements, master-pages, theme-motion, global-background-palette,
   global-header-footer) each defined with their own slightly different hex
   value. Because :root declarations of the same custom property cascade by
   source order at equal specificity, this file being loaded last makes every
   one of those ~120 variables resolve to ONE consistent, premium palette —
   automatically, on every page, with zero markup changes.
   ========================================================================== */

:root {
    /* ---- Canonical palette (source of truth) ---- */
    --ek-white: #FFFFFF;
    --ek-cream: #F7F5EE;
    --ek-mist:  #EEF2E3;
    --ek-line:  #DCE3CE;
    --ek-muted: #5B6B5C;
    --ek-olive: #7E9D35;
    --ek-olive-dark: #6F862D;
    --ek-ink:   #1F3324;

    /* ---- Ink / heading / body-copy variables across the codebase ---- */
    --apex-ink: var(--ek-ink);
    --ch-ink: var(--ek-ink);
    --corporate-ink: var(--ek-ink);
    --corporate-forest: var(--ek-ink);
    --edt-ink: var(--ek-ink);
    --edt-heading: var(--ek-ink);
    --ekd-ink: var(--ek-ink);
    --ekd-heading: var(--ek-ink);
    --ft-ink: var(--ek-ink);
    --ft-deep: var(--ek-ink);
    --iic-ink: var(--ek-ink);
    --industry-ink: var(--ek-ink);
    --dark-green: var(--ek-ink);
    --deep-green: var(--ek-ink);
    --emerald: var(--ek-ink);
    --green-950: var(--ek-ink);
    --green-900: var(--ek-ink);
    --green-800: var(--ek-ink);
    --ek-shell-ink: var(--ek-ink);
    --ek-shell-cta-ink: var(--ek-ink);
    --everklin-ink: var(--ek-ink);
    --theme-ink: var(--ek-ink);
    --f500-charcoal: var(--ek-ink);

    /* ---- Primary accent (brand olive) ---- */
    --apex-olive: var(--ek-olive);
    --ch-olive: var(--ek-olive);
    --corporate-olive: var(--ek-olive);
    --edt-olive-500: var(--ek-olive);
    --ekd-olive-500: var(--ek-olive);
    --ft-olive: var(--ek-olive);
    --iic-olive: var(--ek-olive);
    --industry-olive: var(--ek-olive);
    --theme-olive: var(--ek-olive);
    --gold: var(--ek-olive);
    --gold-2: var(--ek-olive);
    --green-500: var(--ek-olive);
--everklin-olive: var(--ek-olive);
    --f500-olive: var(--ek-olive);
    --f500-gold: var(--ek-olive);
    --ek-shell-olive: var(--ek-olive);
    --everklin-bg-olive: var(--ek-olive);
    --icon-green: var(--ek-olive);

    /* ---- Accent hover / deep state ---- */
    --apex-deep-olive: var(--ek-olive-dark);
    --ch-olive-deep: var(--ek-olive-dark);
    --corporate-olive-dark: var(--ek-olive-dark);
--theme-olive-dark: var(--ek-olive-dark);
    --green-700: var(--ek-olive-dark);
    --everklin-brown: var(--ek-olive-dark);
    --theme-brown: var(--ek-olive-dark);
    --theme-brown-dark: var(--ek-olive-dark);
    --f500-olive-dark: var(--ek-olive-dark);
    --edt-olive-600: var(--ek-olive-dark);
    --edt-olive-700: var(--ek-olive-dark);
    --edt-olive-800: var(--ek-olive-dark);
    --edt-olive-900: var(--ek-olive-dark);
    --edt-olive-950: var(--ek-olive-dark);
    --ekd-olive-600: var(--ek-olive-dark);
    --ekd-olive-700: var(--ek-olive-dark);
    --ekd-olive-800: var(--ek-olive-dark);
    --ekd-olive-900: var(--ek-olive-dark);

    /* ---- Soft / mist / sage light-green washes and hairline borders ---- */
    --apex-soft: var(--ek-mist);
    --ch-olive-soft: var(--ek-mist);
    --iic-soft: var(--ek-mist);
    --iic-mist: var(--ek-mist);
    --industry-mist: var(--ek-mist);
    --theme-sage: var(--ek-mist);
    --leaf-green: var(--ek-mist);
    --ek-beige: var(--ek-mist);
    --ek-leaf: var(--ek-mist);
    --everklin-sage: var(--ek-mist);
    --everklin-light-olive: var(--ek-mist);
    --ek-shell-green: var(--ek-mist);
    --ek-shell-green-soft: var(--ek-mist);
    --everklin-bg-light-green-1: var(--ek-mist);
    --everklin-bg-light-green-2: var(--ek-mist);
    --edt-olive-100: var(--ek-mist);
    --edt-olive-200: var(--ek-mist);
    --edt-olive-300: var(--ek-mist);
    --edt-olive-400: var(--ek-mist);
    --ekd-olive-100: var(--ek-mist);
    --ekd-olive-200: var(--ek-mist);
    --ekd-olive-300: var(--ek-mist);
    --ekd-olive-400: var(--ek-mist);
    --f500-soft: var(--ek-mist);

    --border-green: var(--ek-line);
    --border-gold: var(--ek-line);
    --ch-line: var(--ek-line);
    --ch-deep-line: var(--ek-line);
    --corporate-border: var(--ek-line);
    --edt-line: var(--ek-line);
    --edt-line-strong: var(--ek-line);
    --ekd-line: var(--ek-line);
    --industry-border: var(--ek-line);
    --ek-shell-line: var(--ek-line);
    --ft-line: var(--ek-line);
    --apex-line: var(--ek-line);
    --line: var(--ek-line);
    --soft-line: var(--ek-line);
    --f500-border: var(--ek-line);

    /* ---- Cream / warm background ---- */
    --apex-cream: var(--ek-cream);
    --ch-cream: var(--ek-cream);
    --ch-warm-white: var(--ek-cream);
    --corporate-cream: var(--ek-cream);
    --edt-cream: var(--ek-cream);
    --ekd-cream-100: var(--ek-cream);
    --iic-cream: var(--ek-cream);
    --industry-cream: var(--ek-cream);
    --cream: var(--ek-cream);
    --cream-2: var(--ek-cream);
--theme-cream: var(--ek-cream);
    --everklin-cream: var(--ek-cream);
    --ek-shell-cream: var(--ek-cream);
    --everklin-bg-cream: var(--ek-cream);
    --ft-paper: var(--ek-cream);

    /* ---- Pure white ---- */
    --edt-white: var(--ek-white);
    --ekd-white: var(--ek-white);
    --white: var(--ek-white);
    --f500-white: var(--ek-white);
    --ek-shell-white: var(--ek-white);
    --everklin-bg-white: var(--ek-white);

    /* ---- Muted secondary text ---- */
    --apex-muted: var(--ek-muted);
    --ch-muted: var(--ek-muted);
    --edt-text: var(--ek-muted);
    --edt-muted: var(--ek-muted);
    --ekd-text: var(--ek-muted);
    --ekd-muted: var(--ek-muted);
    --muted: var(--ek-muted);
    --ek-shell-muted: var(--ek-muted);
    --f500-muted: var(--ek-muted);
    --industry-copy: var(--ek-muted);

    /* Functional colours (danger/success/water/steam) are left untouched —
       they carry meaning unrelated to brand palette consolidation. */
}

/* ---- Typography: one premium sans pairing everywhere, replacing the
   Arial / Georgia mix. Uses !important because the base rules it replaces
   (main.css body, locked-homepage.css, various page-scoped h1/h2/h3) were
   themselves written with plain element/class selectors — this is the only
   reliable way to win the cascade without editing 15 separate files. ---- */
body, input, select, textarea, button {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
    font-weight: 600 !important;
}




/* everklin-premium-site.css */
/* ==========================================================================
   EVERKLIN - Premium Site System

   Final visual layer for the existing website architecture. It preserves
   every template, route, product control and content block while bringing
   the full site onto the approved olive, cream, pale-green and white system.
   ========================================================================== */

:root {
    --ekp-olive: #8aa63a;
    --ekp-olive-strong: #718b31;
    --ekp-cream: #faf9f4;
    --ekp-cream-deep: #f3f1e8;
    --ekp-pale: #f1f4e7;
    --ekp-mist: #e7f0c8;
    --ekp-white: #ffffff;
    --ekp-ink: #273329;
    --ekp-copy: #5e6a60;
    --ekp-muted: #718073;
    --ekp-line: #d8e0cb;
    --ekp-line-strong: #c7d3b5;
    --ekp-shadow: 0 18px 45px rgba(54, 71, 43, .09);
    --ekp-shadow-hover: 0 24px 56px rgba(54, 71, 43, .14);
    --ekp-radius: 6px;
}

html {
    background: var(--ekp-cream);
}

body.everklin-transformed {
    background: var(--ekp-cream);
    color: var(--ekp-copy);
    font-family: "Inter", Arial, sans-serif;
    line-height: 1.6;
}

body.everklin-transformed main {
    overflow: clip;
}

body.everklin-transformed :is(h1, h2, h3, h4, h5, h6) {
    color: var(--ekp-ink);
    font-family: "Manrope", "Inter", Arial, sans-serif;
    letter-spacing: 0;
}

body.everklin-transformed :is(p, li, label, input, select, textarea, button) {
    letter-spacing: 0;
}

body.everklin-transformed :focus-visible {
    outline: 3px solid rgba(138, 166, 58, .34);
    outline-offset: 3px;
}

/* Global shell */
body.everklin-transformed .site-header {
    min-height: 82px;
    border-bottom: 1px solid rgba(113, 139, 49, .2) !important;
    background: rgba(250, 249, 244, .96) !important;
    box-shadow: 0 8px 28px rgba(54, 71, 43, .045);
    backdrop-filter: blur(16px);
}

body.everklin-transformed .brand-logo {
    height: auto;
    max-height: 64px;
}

body.everklin-transformed .desktop-nav > ul > li > a,
body.everklin-transformed .header-contact {
    color: var(--ekp-ink) !important;
    font-weight: 650;
}

body.everklin-transformed .desktop-nav > ul > li > a:hover,
body.everklin-transformed .desktop-nav > ul > li > a:focus-visible,
body.everklin-transformed .desktop-nav > ul > li.is-active > a,
body.everklin-transformed .header-contact:hover,
body.everklin-transformed .header-contact:focus-visible {
    color: var(--ekp-olive-strong) !important;
}

body.everklin-transformed :is(.header-search, .mobile-menu-toggle) {
    border-color: var(--ekp-line) !important;
    border-radius: 4px !important;
    background: var(--ekp-white) !important;
    color: var(--ekp-ink) !important;
}

body.everklin-transformed .header-technical-cta {
    border-radius: 4px !important;
    background: var(--ekp-olive) !important;
    box-shadow: 0 10px 24px rgba(113, 139, 49, .18);
}

body.everklin-transformed .header-technical-cta:hover,
body.everklin-transformed .header-technical-cta:focus-visible {
    border-color: var(--ekp-olive-strong) !important;
    background: var(--ekp-olive-strong) !important;
}

/* Common hero language. Home keeps its approved composition; all other hero
   families receive the same scale, spacing, reading rail and image treatment. */
body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .iic-product-hero,
    .mnc-category-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .brewery-hero,
    .product-hero,
    .industry-page-hero,
    .inner-hero,
    .th-hero,
    .sample-hero,
    .download-request-hero
) {
    min-height: 620px !important;
    height: auto !important;
    border-bottom: 1px solid var(--ekp-line);
    background-color: var(--ekp-cream) !important;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .brewery-hero,
    .product-hero,
    .industry-page-hero,
    .inner-hero,
    .th-hero,
    .sample-hero,
    .download-request-hero
) :is(h1, .hero-title) {
    max-width: 13ch !important;
    margin-block: 16px 22px;
    color: var(--ekp-ink) !important;
    font-size: 64px !important;
    font-weight: 700 !important;
    line-height: 1.02 !important;
    text-wrap: balance;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .brewery-hero,
    .product-hero,
    .industry-page-hero,
    .inner-hero,
    .th-hero,
    .sample-hero,
    .download-request-hero
) :is(h1, .hero-title) :is(em, strong),
body.everklin-transformed .sfh-hero h1 span:last-child {
    color: var(--ekp-olive-strong) !important;
    font-style: normal;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .brewery-hero,
    .product-hero,
    .industry-page-hero,
    .inner-hero,
    .th-hero,
    .sample-hero,
    .download-request-hero
) :is(p, .hero-copy, .hero-description, .sfh-hero__lead) {
    max-width: 58ch;
    color: var(--ekp-copy) !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
}

body.everklin-transformed :is(
    .sfh-kicker,
    .fpp-eyebrow,
    .wsp-hero__eyebrow,
    .sp-kicker,
    .sn-kicker,
    .anchor-kicker,
    .contact-eyebrow,
    .solutions-kicker,
    .industries-hub__kicker,
    .iic-eyebrow,
    .hero-eyebrow,
    .eyebrow
) {
    color: var(--ekp-olive-strong) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase;
}

/* Full image hubs: preserve the real image while establishing one reliable
   cream-to-image reading rail. */
body.everklin-transformed :is(.solutions-hero, .industries-hub__hero)::after {
    background: linear-gradient(90deg,
        rgba(250, 249, 244, .99) 0%,
        rgba(250, 249, 244, .95) 34%,
        rgba(243, 246, 232, .72) 52%,
        rgba(243, 246, 232, .18) 76%,
        rgba(243, 246, 232, .02) 100%) !important;
}

body.everklin-transformed :is(.solutions-hero__copy, .industries-hub__hero-inner > div:first-child) {
    max-width: 690px !important;
}

/* Split-image heroes */
body.everklin-transformed :is(
    .brewery-hero__grid,
    .wip-hero__inner,
    .iic-product-hero__grid,
    .mnc-category-hero-grid,
    .product-hero-grid,
    .industry-page-hero-grid,
    .inner-hero-content,
    .th-hero__grid,
    .anchor-hero-grid,
    .sn-hero__inner
) {
    min-height: 620px !important;
    align-items: stretch !important;
}

body.everklin-transformed :is(
    .brewery-hero__copy,
    .wip-hero__copy,
    .iic-product-hero__copy,
    .mnc-category-hero-copy,
    .product-hero-copy,
    .industry-page-hero-copy,
    .inner-hero-copy,
    .th-hero__copy,
    .anchor-hero-copy,
    .sn-hero__copy
) {
    display: flex;
    min-height: 620px !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-block: 72px !important;
}

body.everklin-transformed :is(
    .brewery-hero__media,
    .wip-hero__media,
    .iic-product-hero__media,
    .mnc-category-hero-media,
    .product-hero-media,
    .industry-page-hero-media,
    .inner-hero-media,
    .th-hero__media,
    .anchor-hero-media,
    .sn-hero__media
) {
    position: relative;
    z-index: 1;
    min-height: 620px !important;
    margin: 0;
    overflow: hidden;
    border: 0 !important;
    border-left: 1px solid var(--ekp-line) !important;
    border-radius: 0 !important;
    background: var(--ekp-pale);
    box-shadow: none !important;
}

body.everklin-transformed :is(
    .brewery-hero__media,
    .wip-hero__media,
    .iic-product-hero__media,
    .mnc-category-hero-media,
    .product-hero-media,
    .industry-page-hero-media,
    .inner-hero-media,
    .th-hero__media,
    .anchor-hero-media,
    .sn-hero__media
) :is(picture, img) {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 620px;
    object-fit: cover;
    opacity: 1 !important;
    visibility: visible !important;
    filter: saturate(.9) contrast(1.03);
}

body.everklin-transformed :is(
    .brewery-hero__media,
    .wip-hero__media,
    .iic-product-hero__media,
    .mnc-category-hero-media,
    .product-hero-media,
    .industry-page-hero-media,
    .inner-hero-media,
    .th-hero__media,
    .anchor-hero-media,
    .sn-hero__media
)::after {
    z-index: 2;
    background: linear-gradient(90deg, rgba(250, 249, 244, .18), transparent 30%) !important;
}

/* Remove compounded legacy padding/min-height from the main flagship grids. */
body.everklin-transformed :is(.brewery-hero, .wip-hero) {
    padding-block: 0 !important;
}

body.everklin-transformed :is(.brewery-hero__grid, .wip-hero__grid) {
    padding-block: 0 !important;
}

body.everklin-transformed :is(.sfh-breadcrumb, .iic-hub-breadcrumb, .fpp-breadcrumb) {
    margin-bottom: 30px !important;
}

body.everklin-transformed :is(.sfh-actions, .iic-hub-actions, .fpp-hero__actions) {
    margin-top: 28px !important;
}

body.everklin-transformed .sn-hero__inner {
    min-height: 620px !important;
    padding-block: 70px !important;
}

body.everklin-transformed .sn-hero__copy {
    min-height: 0 !important;
    padding-block: 0 !important;
}

/* Image-backed heroes use the same overlay strength; it is light enough to
   show the application image and strong enough for text contrast. */
body.everklin-transformed :is(.wt-hero, .wsp-hero, .sp-hero, .iic-hub-hero, .iic-hero)::after {
    background: linear-gradient(90deg,
        rgba(250, 249, 244, .98) 0%,
        rgba(250, 249, 244, .92) 38%,
        rgba(241, 244, 231, .62) 58%,
        rgba(241, 244, 231, .08) 88%) !important;
}

/* Resource, Company and Sustainability heroes keep their approved source
   images and wording. Their template background images remain authoritative. */
body.everklin-transformed .flagship-journey .anchor-hero {
    min-height: 620px !important;
    padding: 92px 0 62px !important;
    background-position: center !important;
}

body.everklin-transformed .flagship-journey .anchor-hero-grid,
body.everklin-transformed .flagship-journey .anchor-hero-copy {
    min-height: 466px !important;
}

body.everklin-transformed .flagship-journey .anchor-hero-copy {
    max-width: 720px;
    padding-block: 38px !important;
}

body.everklin-transformed .flagship-journey .anchor-hero h1 {
    max-width: 12ch !important;
    font-size: 68px !important;
    line-height: 1 !important;
}

body.everklin-transformed main.iic-reference-page .anchor-hero .anchor-actions a.page-button:not(.page-button-secondary) {
    border-color: var(--ekp-olive) !important;
    background: var(--ekp-olive) !important;
    color: var(--ekp-white) !important;
}

body.everklin-transformed main.iic-reference-page .anchor-hero .anchor-actions a.page-button-secondary {
    border-color: var(--ekp-line-strong) !important;
    background: rgba(255, 255, 255, .8) !important;
    color: var(--ekp-ink) !important;
}

@media (min-width: 901px) and (max-width: 1366px) {
    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hub-hero,
        .iic-hero,
        .iic-product-hero,
        .mnc-category-hero,
        .wt-hero,
        .sfh-hero,
        .fpp-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .anchor-hero,
        .sn-hero,
        .brewery-hero,
        .product-hero,
        .industry-page-hero,
        .inner-hero,
        .th-hero
    ) :is(h1, .hero-title),
    body.everklin-transformed .flagship-journey .anchor-hero h1 {
        font-size: 56px !important;
    }
}

/* Contact is intentionally a conversion workspace, not a viewport-height hero. */
body.everklin-transformed .contact-hero {
    min-height: 0 !important;
    height: auto !important;
    padding: 44px 0 58px !important;
    background: var(--ekp-cream) !important;
}

body.everklin-transformed .contact-hero__grid {
    gap: 30px;
}

body.everklin-transformed :is(.contact-hero__story, .contact-inquiry-form) {
    border-color: var(--ekp-line) !important;
    border-radius: var(--ekp-radius) !important;
    background: var(--ekp-white) !important;
    box-shadow: var(--ekp-shadow) !important;
}

body.everklin-transformed .contact-ultra form.contact-inquiry-form {
    display: block !important;
}

body.everklin-transformed .contact-hero h1 {
    max-width: 11ch !important;
    font-size: 54px !important;
    line-height: 1.03 !important;
}

/* Buttons and text links */
body.everklin-transformed :is(
    .page-button,
    .sfh-button,
    .contact-button,
    .iic-button,
    .wsp-button,
    .sp-button,
    .product-button,
    .corp-button
) {
    min-height: 50px;
    border-radius: 4px !important;
    font-weight: 700;
    transition: transform 180ms ease, color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

body.everklin-transformed :is(
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .sfh-button--primary,
    .contact-button--primary,
    .iic-button--primary,
    .wsp-button--primary,
    .sp-button--primary,
    .product-button--primary,
    .corp-button--primary
) {
    border-color: var(--ekp-olive) !important;
    background: var(--ekp-olive) !important;
    color: var(--ekp-white) !important;
    box-shadow: 0 10px 22px rgba(113, 139, 49, .15);
}

body.everklin-transformed :is(
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .sfh-button--primary,
    .contact-button--primary,
    .iic-button--primary,
    .wsp-button--primary,
    .sp-button--primary,
    .product-button--primary,
    .corp-button--primary
):hover,
body.everklin-transformed :is(
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .sfh-button--primary,
    .contact-button--primary,
    .iic-button--primary,
    .wsp-button--primary,
    .sp-button--primary,
    .product-button--primary,
    .corp-button--primary
):focus-visible {
    border-color: var(--ekp-olive-strong) !important;
    background: var(--ekp-olive-strong) !important;
    color: var(--ekp-white) !important;
    box-shadow: 0 14px 28px rgba(113, 139, 49, .2);
    transform: translateY(-1px);
}

body.everklin-transformed :is(
    .page-button--secondary,
    .page-button--outline,
    .sfh-button--secondary,
    .contact-button--secondary,
    .iic-button--secondary,
    .wsp-button--secondary,
    .sp-button--secondary,
    .product-button--secondary
) {
    border-color: var(--ekp-line-strong) !important;
    background: rgba(255, 255, 255, .68) !important;
    color: var(--ekp-ink) !important;
}

body.everklin-transformed :is(
    .page-button--secondary,
    .page-button--outline,
    .sfh-button--secondary,
    .contact-button--secondary,
    .iic-button--secondary,
    .wsp-button--secondary,
    .sp-button--secondary,
    .product-button--secondary
):hover,
body.everklin-transformed :is(
    .page-button--secondary,
    .page-button--outline,
    .sfh-button--secondary,
    .contact-button--secondary,
    .iic-button--secondary,
    .wsp-button--secondary,
    .sp-button--secondary,
    .product-button--secondary
):focus-visible {
    border-color: var(--ekp-olive) !important;
    background: var(--ekp-pale) !important;
    color: var(--ekp-ink) !important;
}

/* Repeating information surfaces. The component architecture remains intact;
   only surface, border and motion language is standardised. */
body.everklin-transformed :is(
    .sfh-route-card,
    .sfh-evidence-card,
    .fpp-programme-card,
    .fpp-product-card,
    .anchor-card,
    .industry-card,
    .industries-hub__card,
    .solutions-card,
    .iic-card,
    .iic-solution-card,
    .iic-category-card,
    .mnc-product-card,
    .product-card,
    .wsp-card,
    .sp-card,
    .knowledge-resource-card,
    .contact-document-card
) {
    border-color: var(--ekp-line) !important;
    border-radius: var(--ekp-radius) !important;
    background: var(--ekp-white) !important;
    box-shadow: 0 10px 28px rgba(54, 71, 43, .055);
}

@media (hover: hover) {
    body.everklin-transformed :is(
        .sfh-route-card,
        .sfh-evidence-card,
        .fpp-programme-card,
        .fpp-product-card,
        .anchor-card,
        .industry-card,
        .industries-hub__card,
        .solutions-card,
        .iic-card,
        .iic-solution-card,
        .iic-category-card,
        .mnc-product-card,
        .product-card,
        .wsp-card,
        .sp-card,
        .knowledge-resource-card,
        .contact-document-card
    ):hover {
        border-color: var(--ekp-line-strong) !important;
        box-shadow: var(--ekp-shadow-hover);
        transform: translateY(-2px);
    }
}

body.everklin-transformed :is(
    .sfh-section,
    .fpp-section,
    .anchor-section,
    .wsp-section,
    .sp-section,
    .iic-section,
    .industry-section,
    .solutions-section,
    .sn-section
) {
    border-color: var(--ekp-line) !important;
}

body.everklin-transformed :is(
    .sfh-section-head,
    .fpp-section-head,
    .anchor-section-head,
    .wsp-section-head,
    .sp-section-head,
    .iic-section-head,
    .industry-section-head,
    .solutions-section-head,
    .sn-section-head
) :is(h2, h3) {
    color: var(--ekp-ink) !important;
    line-height: 1.08 !important;
}

/* Contrast contract: olive bands always use light copy; light surfaces always
   use dark copy. This deliberately avoids global section background rewrites. */
body.everklin-transformed :is(
    .corp-commitment,
    .sfh-final,
    .fpp-final,
    .wsp-final,
    .sp-final,
    .contact-final,
    .sn-final-cta,
    .footer-cta
) {
    background: var(--ekp-olive-strong) !important;
    color: var(--ekp-white) !important;
}

body.everklin-transformed :is(
    .corp-commitment,
    .sfh-final,
    .fpp-final,
    .wsp-final,
    .sp-final,
    .contact-final,
    .sn-final-cta,
    .footer-cta
) :is(h1, h2, h3, h4, strong, a) {
    color: var(--ekp-white) !important;
}

body.everklin-transformed :is(
    .corp-commitment,
    .sfh-final,
    .fpp-final,
    .wsp-final,
    .sp-final,
    .contact-final,
    .sn-final-cta,
    .footer-cta
) :is(p, li, small) {
    color: rgba(255, 255, 255, .86) !important;
}

body.everklin-transformed :is(
    .corp-commitment,
    .sfh-final,
    .fpp-final,
    .wsp-final,
    .sp-final,
    .contact-final,
    .sn-final-cta,
    .footer-cta
) :is(.page-button--secondary, .page-button--outline, .sfh-button--secondary) {
    border-color: rgba(255, 255, 255, .66) !important;
    background: transparent !important;
    color: var(--ekp-white) !important;
}

body.everklin-transformed .site-footer {
    border-top: 1px solid var(--ekp-line) !important;
    background: var(--ekp-pale) !important;
    color: var(--ekp-copy) !important;
}

body.everklin-transformed .site-footer :is(h2, h3, h4, strong, a) {
    color: var(--ekp-ink) !important;
}

body.everklin-transformed .site-footer :is(p, li, small) {
    color: var(--ekp-copy) !important;
}

@media (max-width: 1100px) {
    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hub-hero,
        .iic-hero,
        .iic-product-hero,
        .mnc-category-hero,
        .wt-hero,
        .sfh-hero,
        .fpp-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .anchor-hero,
        .sn-hero,
        .brewery-hero,
        .product-hero,
        .industry-page-hero,
        .inner-hero,
        .th-hero
    ) :is(h1, .hero-title) {
        font-size: 52px !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__grid,
        .wip-hero__inner,
        .iic-product-hero__grid,
        .mnc-category-hero-grid,
        .product-hero-grid,
        .industry-page-hero-grid,
        .inner-hero-content,
        .th-hero__grid,
        .anchor-hero-grid,
        .sn-hero__inner
    ) {
        min-height: 560px !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__copy,
        .wip-hero__copy,
        .iic-product-hero__copy,
        .mnc-category-hero-copy,
        .product-hero-copy,
        .industry-page-hero-copy,
        .inner-hero-copy,
        .th-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy
    ) {
        min-height: 560px !important;
        padding-block: 58px !important;
    }
}

@media (max-width: 900px) {
    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hero,
        .iic-product-hero,
        .mnc-category-hero,
        .wt-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .anchor-hero,
        .sn-hero,
        .brewery-hero,
        .product-hero,
        .industry-page-hero,
        .inner-hero,
        .th-hero,
        .sample-hero,
        .download-request-hero
    ) {
        min-height: 0 !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__grid,
        .wip-hero__inner,
        .iic-product-hero__grid,
        .mnc-category-hero-grid,
        .product-hero-grid,
        .industry-page-hero-grid,
        .inner-hero-content,
        .th-hero__grid,
        .anchor-hero-grid,
        .sn-hero__inner
    ) {
        min-height: 0 !important;
        grid-template-columns: 1fr !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__copy,
        .wip-hero__copy,
        .iic-product-hero__copy,
        .mnc-category-hero-copy,
        .product-hero-copy,
        .industry-page-hero-copy,
        .inner-hero-copy,
        .th-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy
    ) {
        min-height: 0 !important;
        padding-block: 62px !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__media,
        .wip-hero__media,
        .iic-product-hero__media,
        .mnc-category-hero-media,
        .product-hero-media,
        .industry-page-hero-media,
        .inner-hero-media,
        .th-hero__media,
        .anchor-hero-media,
        .sn-hero__media
    ) {
        min-height: 380px !important;
        border-top: 1px solid var(--ekp-line) !important;
        border-left: 0 !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__media,
        .wip-hero__media,
        .iic-product-hero__media,
        .mnc-category-hero-media,
        .product-hero-media,
        .industry-page-hero-media,
        .inner-hero-media,
        .th-hero__media,
        .anchor-hero-media,
        .sn-hero__media
    ) :is(picture, img) {
        min-height: 380px;
    }

    body.everklin-transformed .flagship-journey .anchor-hero {
        min-height: 580px !important;
        padding: 92px 0 64px !important;
    }

    body.everklin-transformed .flagship-journey .anchor-hero-grid,
    body.everklin-transformed .flagship-journey .anchor-hero-copy {
        min-height: 420px !important;
    }

    body.everklin-transformed .contact-hero__grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 620px) {
    body.everklin-transformed .site-header {
        min-height: 72px;
    }

    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hub-hero,
        .iic-hero,
        .iic-product-hero,
        .mnc-category-hero,
        .wt-hero,
        .sfh-hero,
        .fpp-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .anchor-hero,
        .sn-hero,
        .brewery-hero,
        .product-hero,
        .industry-page-hero,
        .inner-hero,
        .th-hero,
        .sample-hero,
        .download-request-hero
    ) :is(h1, .hero-title) {
        max-width: 14ch !important;
        font-size: 40px !important;
        line-height: 1.06 !important;
        text-wrap: initial;
    }

    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hub-hero,
        .iic-hero,
        .wt-hero,
        .sfh-hero,
        .fpp-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .anchor-hero,
        .sn-hero,
        .brewery-hero,
        .product-hero,
        .industry-page-hero,
        .inner-hero,
        .th-hero
    ) :is(p, .hero-copy, .hero-description, .sfh-hero__lead) {
        font-size: 16px !important;
        line-height: 1.62 !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__copy,
        .wip-hero__copy,
        .iic-product-hero__copy,
        .mnc-category-hero-copy,
        .product-hero-copy,
        .industry-page-hero-copy,
        .inner-hero-copy,
        .th-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy
    ) {
        padding-block: 46px !important;
    }

    body.everklin-transformed :is(
        .brewery-hero__media,
        .wip-hero__media,
        .iic-product-hero__media,
        .mnc-category-hero-media,
        .product-hero-media,
        .industry-page-hero-media,
        .inner-hero-media,
        .th-hero__media,
        .anchor-hero-media,
        .sn-hero__media
    ),
    body.everklin-transformed :is(
        .brewery-hero__media,
        .wip-hero__media,
        .iic-product-hero__media,
        .mnc-category-hero-media,
        .product-hero-media,
        .industry-page-hero-media,
        .inner-hero-media,
        .th-hero__media,
        .anchor-hero-media,
        .sn-hero__media
    ) :is(picture, img) {
        min-height: 280px !important;
    }

    body.everklin-transformed .flagship-journey .anchor-hero {
        min-height: 540px !important;
        padding: 82px 0 54px !important;
    }

    body.everklin-transformed .iic-reference-page .anchor-hero::after {
        background: linear-gradient(180deg,
            rgba(250, 249, 244, .97) 0%,
            rgba(250, 249, 244, .94) 56%,
            rgba(241, 244, 231, .86) 100%) !important;
    }

    body.everklin-transformed .iic-reference-page .anchor-hero-copy {
        position: relative;
        z-index: 2;
        background: linear-gradient(90deg,
            rgba(250, 249, 244, .96) 0%,
            rgba(250, 249, 244, .9) 82%,
            rgba(250, 249, 244, .72) 100%);
    }

    body.everklin-transformed .flagship-journey .anchor-hero-grid,
    body.everklin-transformed .flagship-journey .anchor-hero-copy {
        min-height: 390px !important;
    }

    body.everklin-transformed .flagship-journey .anchor-hero h1,
    body.everklin-transformed .contact-hero h1 {
        font-size: 40px !important;
    }

    body.everklin-transformed .contact-hero {
        padding: 24px 0 40px !important;
    }

    body.everklin-transformed .contact-hero__media {
        height: 260px;
    }

    body.everklin-transformed .contact-hero__copy,
    body.everklin-transformed .contact-ultra .contact-inquiry-form {
        padding: 28px 22px !important;
    }

    body.everklin-transformed .contact-chat-launcher {
        width: 52px !important;
        min-width: 52px !important;
        height: 52px !important;
        padding: 0 !important;
        border-radius: 50% !important;
    }

    body.everklin-transformed .contact-chat-launcher strong {
        display: none;
    }

    body.everklin-transformed :is(.page-button, .sfh-button, .contact-button, .iic-button, .wsp-button, .sp-button, .product-button, .corp-button) {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.everklin-transformed *,
    body.everklin-transformed *::before,
    body.everklin-transformed *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* enterprise-system.css */
/*
 * Everklin Phase 1 Design System
 * Scope rule: this file only styles pages that opt in with .ek-system or
 * .ek-prototype. It must not change the global website during Phase 1.
 */
:root {
    --ekd-olive-900: #263d22;
    --ekd-olive-800: #35552c;
    --ekd-olive-700: #54732f;
    --ekd-olive-600: #6f8b2f;
    --ekd-olive-500: #7e9d35;
    --ekd-olive-400: #8fae46;
    --ekd-olive-300: #a5c15a;
    --ekd-olive-200: #c8d998;
    --ekd-olive-100: #eef5df;
    --ekd-cream-100: #faf8f3;
    --ekd-white: #ffffff;
    --ekd-ink: #122018;
    --ekd-heading: #1f3a26;
    --ekd-text: #435347;
    --ekd-muted: #647268;
    --ekd-line: #dde7c8;
    --ekd-water: #2276a8;
    --ekd-steam: #d97832;
    --ekd-danger: #ad4538;
    --ekd-success: #6f8b2f;
    --ekd-radius-xs: 8px;
    --ekd-radius-sm: 12px;
    --ekd-radius-md: 16px;
    --ekd-radius-lg: 24px;
    --ekd-radius-xl: 34px;
    --ekd-shadow-sm: 0 10px 28px rgba(18, 32, 24, .07);
    --ekd-shadow-md: 0 18px 54px rgba(18, 32, 24, .11);
    --ekd-shadow-lg: 0 34px 90px rgba(18, 32, 24, .16);
    --ekd-container: 1320px;
    --ekd-reading: 780px;
    --ekd-space-1: 4px;
    --ekd-space-2: 8px;
    --ekd-space-3: 12px;
    --ekd-space-4: 16px;
    --ekd-space-5: 24px;
    --ekd-space-6: 32px;
    --ekd-space-7: 48px;
    --ekd-space-8: 64px;
    --ekd-space-9: 80px;
    --ekd-space-10: 96px;
    --ekd-section: clamp(64px, 7vw, 112px);
    --ekd-section-tight: clamp(44px, 5vw, 76px);
    --ekd-ease: cubic-bezier(.2, .75, .25, 1);
    --ekd-fast: 160ms;
    --ekd-standard: 280ms;
    --ekd-slow: 520ms;
    --ekd-z-sticky: 20;
    --ekd-z-modal: 80;
}

:where(.ek-system, .ek-prototype) {
    background:
        radial-gradient(circle at 12% 4%, rgba(200, 217, 152, .36), transparent 30%),
        linear-gradient(180deg, var(--ekd-cream-100) 0%, #ffffff 42%, var(--ekd-cream-100) 100%);
    color: var(--ekd-ink);
    font-family: Inter, Manrope, "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    overflow-x: clip;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body:has(.ek-system),
body:has(.ek-prototype) {
    overflow-x: hidden;
}

body:has(.ek-system) .site-header,
body:has(.ek-prototype) .site-header {
    overflow-x: clip !important;
}

body:has(.ek-system) .site-header .header-cta,
body:has(.ek-prototype) .site-header .header-cta {
    min-width: max-content;
}

@media (max-width: 991px) {
    body:has(.ek-system) .site-header .mobile-drawer:not(.is-open):not(.active),
    body:has(.ek-prototype) .site-header .mobile-drawer:not(.is-open):not(.active) {
        display: none !important;
        visibility: hidden !important;
        transform: none !important;
    }

    body:has(.ek-system) .site-header .mobile-drawer.is-open,
    body:has(.ek-system) .site-header .mobile-drawer.active,
    body:has(.ek-prototype) .site-header .mobile-drawer.is-open,
    body:has(.ek-prototype) .site-header .mobile-drawer.active {
        display: block !important;
    }
}

:where(.ek-system, .ek-prototype) *,
:where(.ek-system, .ek-prototype) *::before,
:where(.ek-system, .ek-prototype) *::after {
    box-sizing: border-box;
}

:where(.ek-system, .ek-prototype) :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid rgba(126, 157, 53, .45);
    outline-offset: 3px;
}

.ek-container {
    width: min(100% - clamp(32px, 5vw, 72px), var(--ekd-container));
    margin-inline: auto;
}

.ek-reading {
    max-width: var(--ekd-reading);
}

.ek-section {
    padding-block: var(--ekd-section);
    scroll-margin-top: 128px;
}

.ek-section--tight {
    padding-block: var(--ekd-section-tight);
}

.ek-section--white {
    background: var(--ekd-white);
}

.ek-section--sage {
    background:
        radial-gradient(circle at 78% 20%, rgba(165, 193, 90, .16), transparent 28%),
        var(--ekd-olive-100);
}

.ek-section--dark {
    background:
        radial-gradient(circle at 10% 10%, rgba(255, 255, 255, .12), transparent 26%),
        linear-gradient(135deg, var(--ekd-olive-800), var(--ekd-olive-900));
    color: var(--ekd-white);
}

.ek-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--ekd-olive-600);
    font-size: clamp(11px, .82vw, 13px);
    font-weight: 900;
    letter-spacing: .12em;
    line-height: 1.2;
    text-transform: uppercase;
}

.ek-display,
.ek-hero-title,
.ek-h1,
.ek-h2,
.ek-h3,
.ek-h4 {
    margin: 0;
    color: var(--ekd-heading);
    letter-spacing: 0;
}

.ek-display {
    font-size: clamp(56px, 8vw, 116px);
    line-height: .9;
}

.ek-hero-title {
    font-size: clamp(44px, 6.2vw, 86px);
    line-height: .94;
}

.ek-h1 {
    font-size: clamp(38px, 5vw, 72px);
    line-height: .98;
}

.ek-h2 {
    font-size: clamp(30px, 3.8vw, 54px);
    line-height: 1.04;
}

.ek-h3 {
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.16;
}

.ek-h4 {
    font-size: 18px;
    line-height: 1.25;
}

.ek-lead {
    margin: 18px 0 0;
    color: var(--ekd-text);
    font-size: clamp(17px, 1.45vw, 21px);
    line-height: 1.65;
}

.ek-body,
.ek-card p,
.ek-panel p,
.ek-list li {
    color: var(--ekd-text);
    font-size: 15px;
    line-height: 1.65;
}

.ek-small {
    color: var(--ekd-muted);
    font-size: 13px;
    line-height: 1.55;
}

.ek-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.ek-button,
.ek-text-link,
.ek-icon-button {
    font: inherit;
}

.ek-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 22px;
    border: 1px solid var(--ekd-olive-500);
    border-radius: 999px;
    background: var(--ekd-olive-500);
    color: var(--ekd-white) !important;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    transition: transform var(--ekd-fast) var(--ekd-ease), background var(--ekd-fast) ease, border-color var(--ekd-fast) ease, box-shadow var(--ekd-fast) ease;
}

.ek-button:hover {
    background: var(--ekd-olive-600);
    border-color: var(--ekd-olive-600);
    box-shadow: var(--ekd-shadow-sm);
    transform: translateY(-2px);
}

.ek-button--secondary {
    background: rgba(255, 255, 255, .9);
    color: var(--ekd-heading) !important;
    border-color: rgba(126, 157, 53, .36);
}

.ek-button--secondary:hover {
    background: var(--ekd-olive-100);
    color: var(--ekd-heading) !important;
}

.ek-button--light {
    background: var(--ekd-white);
    color: var(--ekd-heading) !important;
    border-color: rgba(255, 255, 255, .78);
}

.ek-button[disabled],
.ek-button.is-disabled {
    cursor: not-allowed;
    opacity: .55;
    transform: none;
    box-shadow: none;
}

.ek-text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ekd-heading);
    font-weight: 850;
    text-decoration: none;
}

.ek-text-link:hover {
    color: var(--ekd-olive-600);
}

.ek-icon-button {
    display: inline-grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(126, 157, 53, .36);
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    color: var(--ekd-olive-600);
}

.ek-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 26px;
    color: var(--ekd-muted);
    font-size: 13px;
    font-weight: 780;
}

.ek-breadcrumb a {
    color: var(--ekd-heading);
    text-decoration: none;
}

.ek-breadcrumb a:hover {
    color: var(--ekd-olive-600);
}

.ek-hero {
    position: relative;
    min-height: clamp(640px, 82vh, 820px);
    display: grid;
    align-items: center;
    padding-block: clamp(54px, 7vw, 96px);
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 18%, rgba(165, 193, 90, .28), transparent 30%),
        radial-gradient(circle at 8% 88%, rgba(34, 118, 168, .12), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #f9fbf3 44%, #e9f1d4 100%);
}

.ek-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(31, 58, 38, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(31, 58, 38, .045) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(circle at 72% 48%, #000 0 30%, transparent 68%);
}

.ek-hero__grid,
.ek-split {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(440px, 1.08fr);
    gap: clamp(34px, 5vw, 72px);
    align-items: center;
}

.ek-hero__media,
.ek-image-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(126, 157, 53, .18);
    border-radius: var(--ekd-radius-xl);
    background: var(--ekd-white);
    box-shadow: var(--ekd-shadow-lg);
}

.ek-hero__media img,
.ek-image-panel img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 440px;
    object-fit: cover;
    filter: saturate(1.03) contrast(1.03);
}

.ek-hero__media::after,
.ek-image-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.2) 48%, transparent 64%);
    opacity: .35;
}

.ek-section-head {
    max-width: var(--ekd-reading);
    margin-bottom: clamp(24px, 3vw, 42px);
}

.ek-grid {
    display: grid;
    gap: clamp(16px, 2vw, 24px);
}

.ek-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ek-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ek-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ek-panel,
.ek-card,
.ek-resource-card,
.ek-state {
    min-width: 0;
    border: 1px solid rgba(126, 157, 53, .18);
    border-radius: var(--ekd-radius-lg);
    background: rgba(255, 255, 255, .92);
    box-shadow: var(--ekd-shadow-sm);
}

.ek-panel {
    padding: clamp(24px, 3vw, 38px);
}

.ek-card,
.ek-resource-card,
.ek-state {
    display: grid;
    gap: 14px;
    padding: clamp(18px, 2.2vw, 26px);
    transition: transform var(--ekd-fast) var(--ekd-ease), border-color var(--ekd-fast) ease, box-shadow var(--ekd-fast) ease;
}

.ek-card:hover,
.ek-resource-card:hover {
    border-color: rgba(126, 157, 53, .62);
    box-shadow: var(--ekd-shadow-md);
    transform: translateY(-4px);
}

.ek-icon {
    display: inline-grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 18px;
    background: var(--ekd-olive-100);
    color: var(--ekd-olive-600);
}

.ek-icon svg {
    width: 28px;
    height: 28px;
}

.ek-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

.ek-stat {
    padding: 18px;
    border: 1px solid rgba(126, 157, 53, .2);
    border-radius: var(--ekd-radius-md);
    background: rgba(255, 255, 255, .82);
}

.ek-stat strong {
    display: block;
    color: var(--ekd-heading);
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1;
}

.ek-stat span {
    display: block;
    margin-top: 8px;
    color: var(--ekd-text);
    font-size: 13px;
    font-weight: 760;
}

.ek-anchor-layout {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: clamp(22px, 3vw, 38px);
    align-items: start;
}

.ek-anchor-nav {
    position: sticky;
    top: 118px;
    display: grid;
    gap: 6px;
    padding: 10px;
    border: 1px solid rgba(126, 157, 53, .18);
    border-radius: var(--ekd-radius-lg);
    background: rgba(255, 255, 255, .88);
    box-shadow: var(--ekd-shadow-sm);
}

.ek-anchor-nav a {
    display: flex;
    min-height: 46px;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    color: var(--ekd-heading);
    font-size: 14px;
    font-weight: 850;
    text-decoration: none;
}

.ek-anchor-nav a:hover,
.ek-anchor-nav a.is-active {
    background: var(--ekd-olive-100);
    color: var(--ekd-olive-700);
}

.ek-menu-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    min-height: 92px;
    padding: 18px 24px;
    border-left: 8px solid rgba(126, 157, 53, .24);
    border-radius: 0 14px 14px 0;
    color: var(--ekd-heading);
    background: #fff;
    text-decoration: none;
}

.ek-menu-card.is-active,
.ek-menu-card:hover {
    border-left-color: var(--ekd-olive-500);
    background: var(--ekd-olive-100);
}

.ek-swatch-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.ek-swatch {
    min-height: 128px;
    display: grid;
    align-content: end;
    padding: 14px;
    border-radius: var(--ekd-radius-md);
    border: 1px solid rgba(18, 32, 24, .1);
    color: var(--ekd-heading);
    box-shadow: var(--ekd-shadow-sm);
}

.ek-swatch strong,
.ek-swatch span {
    display: block;
    padding: 2px 0;
    font-size: 12px;
    line-height: 1.25;
}

.ek-swatch--dark {
    color: #fff;
}

.ek-form {
    display: grid;
    gap: 16px;
}

.ek-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ek-field {
    display: grid;
    gap: 7px;
    color: var(--ekd-heading);
    font-size: 13px;
    font-weight: 820;
}

.ek-field input,
.ek-field select,
.ek-field textarea {
    width: 100%;
    min-height: 46px;
    padding: 11px 13px;
    border: 1px solid rgba(126, 157, 53, .28);
    border-radius: var(--ekd-radius-sm);
    background: #fff;
    color: var(--ekd-ink);
    font: inherit;
}

.ek-field textarea {
    min-height: 112px;
    resize: vertical;
}

.ek-field input:focus,
.ek-field select:focus,
.ek-field textarea:focus {
    border-color: var(--ekd-olive-500);
    box-shadow: 0 0 0 4px rgba(126, 157, 53, .14);
    outline: 0;
}

.ek-field--wide {
    grid-column: 1 / -1;
}

.ek-checkbox {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: var(--ekd-text);
    font-size: 14px;
    line-height: 1.55;
}

.ek-checkbox input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: var(--ekd-olive-500);
}

.ek-technical-block {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(280px, .55fr);
    gap: 22px;
    align-items: stretch;
}

.ek-technical-list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ek-technical-list li {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.ek-technical-list li::before {
    content: "";
    width: 10px;
    height: 10px;
    margin-top: 8px;
    border-radius: 999px;
    background: var(--ekd-olive-500);
    box-shadow: 0 0 0 6px rgba(126, 157, 53, .12);
}

.ek-tabs [role="tablist"] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ek-tabs [role="tab"] {
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid rgba(126, 157, 53, .32);
    border-radius: 999px;
    background: #fff;
    color: var(--ekd-heading);
    font-weight: 830;
    cursor: pointer;
}

.ek-tabs [role="tab"][aria-selected="true"] {
    background: var(--ekd-olive-500);
    color: #fff;
}

.ek-tab-panel {
    margin-top: 18px;
}

.ek-accordion details {
    border-bottom: 1px solid rgba(126, 157, 53, .2);
}

.ek-accordion summary {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: var(--ekd-heading);
    font-weight: 880;
    cursor: pointer;
}

.ek-accordion details[open] summary {
    color: var(--ekd-olive-700);
}

.ek-resource-card {
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: start;
}

.ek-resource-card .ek-actions {
    grid-column: 1 / -1;
    margin-top: 4px;
}

.ek-state {
    text-align: center;
    place-items: center;
    padding: 32px;
}

.ek-cta {
    position: relative;
    overflow: hidden;
    padding: clamp(30px, 5vw, 54px);
    border-radius: var(--ekd-radius-xl);
    background:
        radial-gradient(circle at 12% 14%, rgba(255, 255, 255, .18), transparent 28%),
        linear-gradient(135deg, var(--ekd-olive-600), var(--ekd-olive-900));
    color: #fff;
    box-shadow: var(--ekd-shadow-lg);
}

.ek-cta .ek-h2,
.ek-cta .ek-lead,
.ek-cta .ek-eyebrow {
    color: #fff;
}

.ek-water-map {
    position: relative;
    overflow: auto;
    padding: clamp(14px, 2vw, 22px);
    border: 1px solid rgba(126, 157, 53, .18);
    border-radius: var(--ekd-radius-xl);
    background: #fff;
    box-shadow: var(--ekd-shadow-md);
}

.ek-water-map svg {
    display: block;
    min-width: 920px;
    width: 100%;
    height: auto;
}

.ek-water-flow {
    stroke-dasharray: 16 10;
    animation: ekWaterFlow 2.4s linear infinite;
}

.ek-water-node {
    cursor: pointer;
    outline: none;
}

.ek-water-node rect,
.ek-water-node circle {
    transition: transform var(--ekd-fast) var(--ekd-ease), filter var(--ekd-fast) ease, stroke var(--ekd-fast) ease;
    transform-box: fill-box;
    transform-origin: center;
}

.ek-water-node:hover rect,
.ek-water-node:focus-visible rect,
.ek-water-node:hover circle,
.ek-water-node:focus-visible circle {
    stroke: var(--ekd-olive-500);
    filter: drop-shadow(0 0 14px rgba(126, 157, 53, .42));
    transform: scale(1.04);
}

.ek-water-tip {
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity var(--ekd-fast) ease, transform var(--ekd-fast) ease;
}

.ek-water-node:hover .ek-water-tip,
.ek-water-node:focus-visible .ek-water-tip {
    opacity: 1;
    transform: translateY(0);
}

.ek-reveal,
[data-ek-reveal] {
    opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
    .ek-reveal,
    [data-ek-reveal] {
        opacity: 0;
        transform: translateY(18px);
        transition: opacity var(--ekd-slow) var(--ekd-ease), transform var(--ekd-slow) var(--ekd-ease);
    }

    .ek-reveal.is-visible,
    [data-ek-reveal].is-visible {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ekWaterFlow {
    to {
        stroke-dashoffset: -52;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ek-water-flow {
        animation: none;
    }

    .ek-card,
    .ek-resource-card,
    .ek-button,
    .ek-water-node rect,
    .ek-water-node circle {
        transition: none;
    }
}

@media (max-width: 1100px) {
    .ek-hero__grid,
    .ek-split,
    .ek-technical-block {
        grid-template-columns: 1fr;
    }

    .ek-grid--4,
    .ek-stat-grid,
    .ek-swatch-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ek-grid--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ek-anchor-layout {
        grid-template-columns: 1fr;
    }

    .ek-anchor-nav {
        position: relative;
        top: auto;
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        overflow-x: auto;
        padding: 8px;
    }
}

@media (max-width: 720px) {
    .ek-hero {
        min-height: auto;
        padding-block: 64px;
    }

    .ek-container {
        width: min(100% - 28px, var(--ekd-container));
    }

    .ek-actions,
    .ek-form-grid {
        flex-direction: column;
        grid-template-columns: 1fr;
    }

    .ek-button {
        width: 100%;
    }

    .ek-grid--2,
    .ek-grid--3,
    .ek-grid--4,
    .ek-stat-grid,
    .ek-swatch-grid {
        grid-template-columns: 1fr;
    }

    .ek-hero__media img,
    .ek-image-panel img {
        min-height: 300px;
    }

    .ek-menu-card {
        grid-template-columns: 36px minmax(0, 1fr) auto;
        min-height: 78px;
        padding: 14px 16px;
    }
}

@media (max-width: 360px) {
    .ek-container {
        width: min(100% - 22px, var(--ekd-container));
    }

    .ek-display {
        font-size: clamp(44px, 15vw, 56px);
    }

    .ek-hero-title {
        font-size: clamp(38px, 13vw, 48px);
    }
}

/*
 * Enterprise rollout, August 2026
 *
 * This is the single shared presentation layer for opted-in corporate pages.
 * It intentionally preserves their individual technical templates and data,
 * while aligning type, hierarchy, surfaces, controls and responsive spacing.
 */
:root {
    --ekd-olive-900: #4f5b3a;
    --ekd-olive-800: #596544;
    --ekd-olive-700: #65704a;
    --ekd-olive-600: #72804f;
    --ekd-olive-500: #8aa63a;
    --ekd-olive-400: #a4b274;
    --ekd-olive-300: #b5bda1;
    --ekd-olive-200: #d9dec8;
    --ekd-olive-100: #edf0e3;
    --ekd-cream-100: #f8f6ef;
    --ekd-stone: #eae4d5;
    --ekd-champagne: #c6b78d;
    --ekd-ink: #252a21;
    --ekd-heading: #252a21;
    --ekd-text: #596052;
    --ekd-muted: #6c7266;
    --ekd-line: #dedccf;
    --ekd-radius-xs: 4px;
    --ekd-radius-sm: 6px;
    --ekd-radius-md: 8px;
    --ekd-radius-lg: 12px;
    --ekd-radius-xl: 16px;
    --ekd-shadow-sm: 0 12px 32px rgba(37, 42, 33, .07);
    --ekd-shadow-md: 0 20px 54px rgba(37, 42, 33, .10);
}

:where(.ek-system, .ek-prototype) {
    background: var(--ekd-cream-100);
    color: var(--ekd-ink);
}

.ek-system :where(h1, h2, h3, h4) {
    color: var(--ekd-heading);
    font-family: Manrope, Inter, system-ui, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}

.ek-system :where(p, li, dd) {
    color: var(--ekd-text);
}

.ek-system :where(.inner-kicker, .anchor-eyebrow, .solutions-kicker, .industries-hub__kicker, .sn-kicker, .contact-eyebrow) {
    color: var(--ekd-olive-700);
    font-weight: 800;
    letter-spacing: .1em;
}

.ek-system :where(.page-button, .solutions-button, .industries-hub__button, .contact-button) {
    border-radius: var(--ekd-radius-sm);
    font-family: Inter, system-ui, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}

.ek-system :where(.page-button, .solutions-button--olive, .industries-hub__button--olive, .contact-button--primary) {
    background: var(--ekd-olive-500);
    border-color: var(--ekd-olive-500);
    color: #fff;
}

.ek-system :where(.page-button:hover, .solutions-button--olive:hover, .industries-hub__button--olive:hover, .contact-button--primary:hover) {
    background: var(--ekd-olive-700);
    border-color: var(--ekd-olive-700);
    transform: translateY(-1px);
}

/* Universal inner-hero frame. It keeps the page-specific image but establishes
   the same editorial left-copy/right-image rhythm across corporate routes. */
.ek-system.anchor-page .anchor-hero {
    position: relative;
    overflow: clip;
    background: var(--ekd-cream-100);
    border-bottom: 1px solid var(--ekd-line);
}

.ek-system.anchor-page .anchor-hero-grid {
    min-height: clamp(520px, 62vw, 700px);
    align-items: stretch;
}

.ek-system.anchor-page .anchor-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: clamp(60px, 8vw, 120px);
}

.ek-system.anchor-page .anchor-hero-copy h1 {
    max-width: 15ch;
    font-size: clamp(2.7rem, 5.15vw, 5.45rem);
    line-height: .98;
}

.ek-system.anchor-page .anchor-hero-copy h1 em {
    color: var(--ekd-olive-600);
}

.ek-system.anchor-page .anchor-hero-copy > p {
    max-width: 57ch;
    font-size: clamp(1rem, 1.22vw, 1.17rem);
    line-height: 1.7;
}

.ek-system.anchor-page .anchor-hero-media {
    min-height: 100%;
    border-radius: 0;
}

.ek-system.anchor-page .anchor-hero-media::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(248, 246, 239, .20), transparent 34%);
}

.ek-system.anchor-page .anchor-metrics {
    border-color: rgba(79, 91, 58, .18);
}

.ek-system.anchor-page .anchor-metrics > * + * {
    border-color: rgba(79, 91, 58, .14);
}

.ek-system.anchor-page .anchor-metrics strong {
    color: var(--ekd-olive-700);
}

.ek-system.anchor-page .anchor-layout,
.ek-system.anchor-page .anchor-content {
    min-width: 0;
}

.ek-system.anchor-page .anchor-section {
    padding-block: clamp(58px, 7vw, 110px);
    border-color: var(--ekd-line);
}

.ek-system.anchor-page .anchor-section-grid,
.ek-system.anchor-page .anchor-card-grid,
.ek-system.anchor-page .enterprise-directory-list {
    gap: clamp(20px, 2.8vw, 42px);
}

.ek-system.anchor-page .anchor-image-card,
.ek-system.anchor-page .anchor-card,
.ek-system.anchor-page .enterprise-directory-item {
    border-color: var(--ekd-line);
    border-radius: var(--ekd-radius-md);
    box-shadow: none;
}

.ek-system.anchor-page .anchor-card:hover,
.ek-system.anchor-page .enterprise-directory-item:hover {
    box-shadow: var(--ekd-shadow-sm);
    transform: translateY(-2px);
}

.ek-system.anchor-page .anchor-sidebar {
    top: 104px;
}

.ek-system.anchor-page .anchor-nav,
.ek-system.anchor-page .enterprise-sticky-nav {
    border-color: var(--ekd-line);
    background: rgba(248, 246, 239, .96);
}

.ek-system.anchor-page .anchor-nav a.is-active,
.ek-system.anchor-page .enterprise-sticky-nav a.is-active {
    color: var(--ekd-olive-700);
    background: var(--ekd-olive-100);
}

/* Hub templates retain their distinct data-driven bodies but share a restrained
   five-chapter visual cadence, not full viewport lock-in. */
.ek-system.solutions-flagship,
.ek-system.industries-hub {
    background: var(--ekd-cream-100);
}

.ek-system .solutions-hero,
.ek-system .industries-hub__hero {
    min-height: clamp(560px, 72vh, 760px);
    background-color: var(--ekd-cream-100);
}

.ek-system .solutions-hero::before,
.ek-system .industries-hub__hero::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: var(--solutions-hero-image, var(--industries-hero-image)) center / cover no-repeat !important;
}

.ek-system .solutions-hero::after,
.ek-system .industries-hub__hero::after {
    background: linear-gradient(90deg, rgba(248, 246, 239, .97) 0%, rgba(248, 246, 239, .87) 42%, rgba(248, 246, 239, .16) 74%, rgba(248, 246, 239, .02) 100%) !important;
}

.ek-system .solutions-hero__inner,
.ek-system .industries-hub__hero-inner {
    position: relative;
    z-index: 1;
}

.ek-system .solutions-hero h1,
.ek-system .industries-hub__hero h1 {
    max-width: 13ch;
    font-size: clamp(3rem, 6vw, 6.25rem);
    line-height: .94;
}

.ek-system .solutions-hero__copy > p,
.ek-system .industries-hub__hero-inner > div > p {
    max-width: 56ch;
    line-height: 1.7;
}

.ek-system :where(.solutions-workflow, .solutions-families, .industries-hub__reality, .industries-hub__portfolio) {
    background: var(--ekd-cream-100);
}

.ek-system :where(.solutions-selection, .industries-hub__selection, .industries-hub__connection) {
    background: var(--ekd-olive-100);
}

.ek-system :where(.solutions-review, .industries-hub__review) {
    background: var(--ekd-olive-900);
}

.ek-system :where(.solutions-review, .industries-hub__review) :where(h2, p, .solutions-kicker, .industries-hub__kicker) {
    color: #fff;
}

.ek-system :where(.solutions-family-card, .industries-hub__industry-card) {
    border-radius: var(--ekd-radius-md);
}

.ek-system :where(.solutions-family-card, .industries-hub__industry-card) img {
    transition: transform 320ms var(--ekd-ease);
}

.ek-system :where(.solutions-family-card:hover, .industries-hub__industry-card:hover) img {
    transform: scale(1.035);
}

/* Sustainability, Resources, Knowledge and Contact preserve their supplied
   page photography while getting the same cream, olive and white system. */
.ek-system.sustainability-nova,
.ek-system.contact-ultra,
.ek-system.resources-flagship {
    background: var(--ekd-cream-100);
}

.ek-system.sustainability-nova :where(.sn-intro, .sn-orbit-section, .sn-pillar, .sn-detail, .sn-impact, .sn-cta),
.ek-system.contact-ultra :where(.contact-section),
.ek-system.resources-flagship :where(.anchor-section) {
    border-color: var(--ekd-line);
}

.ek-system .kc-faq details,
.ek-system .kc-newsletter__card,
.ek-system .contact-document-card,
.ek-system .contact-channel,
.ek-system .resource-card {
    border-radius: var(--ekd-radius-md);
    border-color: var(--ekd-line);
}

/* Keep the supplied Knowledge Center photograph, but give its editorial copy
   a dependable cream reading field at every viewport. */
.ek-system.knowledge-flagship .anchor-hero {
    background-position: center;
    background-image: linear-gradient(90deg, rgba(248, 246, 239, .99) 0%, rgba(248, 246, 239, .96) 42%, rgba(248, 246, 239, .72) 64%, rgba(248, 246, 239, .16) 88%, rgba(248, 246, 239, .04) 100%), url('/assets/images/resources/knowledge-center-hero.png') !important;
}

.ek-system.knowledge-flagship .anchor-hero::after {
    background: linear-gradient(90deg, rgba(248, 246, 239, .99) 0%, rgba(248, 246, 239, .96) 42%, rgba(248, 246, 239, .72) 64%, rgba(248, 246, 239, .16) 88%, rgba(248, 246, 239, .04) 100%);
}

.ek-system.knowledge-flagship .anchor-hero-copy :where(h1, h1 em) {
    color: var(--ekd-heading) !important;
    opacity: 1;
}

.ek-system.knowledge-flagship .anchor-hero-copy > p {
    color: var(--ekd-text) !important;
    opacity: 1;
}

/* Only the homepage uses the carousel. Its content remains readable against
   all five images, while slide controls and CTAs keep keyboard parity. */
.ek-home .corp-hero__content {
    max-width: 740px;
}

.ek-home .corp-hero h1 {
    max-width: 11.5ch;
    text-wrap: balance;
}

.ek-home .corp-hero h1 em {
    display: block;
    margin-top: .08em;
    font-style: normal;
}

.ek-home .corp-business,
.ek-home .corp-business__metrics {
    border-radius: var(--ekd-radius-md);
}

.ek-home .corp-commitment {
    background: var(--ekd-olive-900);
}

.ek-home .corp-commitment :where(h2, h3, p) {
    color: #fff;
}

.ek-home .corp-commitment .corp-kicker,
.ek-home .corp-commitment__grid span {
    color: #dce3c3;
}

/* Header/footer are shared output, so their geometry stays compact and stable.
   The palette is intentionally light and never introduces a dark-forest shell. */
.site-header {
    background: rgba(248, 246, 239, .97);
    border-bottom-color: var(--ekd-line);
}

.site-header .header-technical-cta,
.site-header .mobile-technical-cta {
    border-radius: var(--ekd-radius-sm);
    background: var(--ekd-olive-500);
}

.site-header .header-technical-cta:hover,
.site-header .mobile-technical-cta:hover {
    background: var(--ekd-olive-700);
}

.site-footer .footer-support {
    background: var(--ekd-olive-900);
}

.site-footer .footer-main,
.site-footer .footer-legal {
    background: var(--ekd-cream-100);
    border-color: var(--ekd-line);
}

.site-footer :where(h2, p, a) {
    color: var(--ekd-ink);
}

.site-footer .footer-support :where(h2, p, a) {
    color: #fff;
}

@media (max-width: 1024px) {
    .ek-system.anchor-page .anchor-hero-grid {
        min-height: 0;
    }

    .ek-system.anchor-page .anchor-hero-copy {
        padding-bottom: 44px;
    }

    .ek-system.anchor-page .anchor-hero-media {
        min-height: 360px;
        border-radius: var(--ekd-radius-md);
    }
}

@media (max-width: 720px) {
    .ek-system.anchor-page .anchor-hero-copy h1,
    .ek-system .solutions-hero h1,
    .ek-system .industries-hub__hero h1 {
        max-width: 100%;
        font-size: clamp(2.55rem, 12vw, 4.1rem);
    }

    .ek-system.anchor-page .anchor-hero-copy {
        padding-block: 54px 34px;
    }

    .ek-system.anchor-page .anchor-hero-media {
        min-height: 280px;
        margin-inline: 0;
    }

    .ek-system .solutions-hero,
    .ek-system .industries-hub__hero {
        min-height: 590px;
    }

    .ek-system .solutions-hero::before,
    .ek-system .industries-hub__hero::before {
        background: var(--solutions-hero-image, var(--industries-hero-image)) center / cover no-repeat !important;
    }

    .ek-system .solutions-hero::after,
    .ek-system .industries-hub__hero::after {
        background: linear-gradient(180deg, rgba(248, 246, 239, .96) 0%, rgba(248, 246, 239, .82) 56%, rgba(248, 246, 239, .62) 100%) !important;
    }

    .ek-home .corp-hero h1 em {
        display: inline;
    }
}


/* flagship-product-information-polish.css */
/*
 * Shared flagship product information polish.
 * Scope is intentionally limited to the reusable FPH/ICH product hubs so the
 * existing product data, tabs and page architecture remain unchanged.
 */

:where(.fph, .ich) {
    --fpi-ink: #243127;
    --fpi-body: #526057;
    --fpi-muted: #69746c;
    --fpi-olive: #829a39;
    --fpi-olive-strong: #687f2c;
    --fpi-olive-soft: #e8eece;
    --fpi-olive-mist: #f2f5e5;
    --fpi-cream: #faf8f0;
    --fpi-cream-strong: #f4f0e3;
    --fpi-line: #d5ddbc;
    --fpi-white: #fff;
}

/* Product selector and selected-product summary */
:where(.fph, .ich) .fph-category-tabs {
    border-color: var(--fpi-line) !important;
    background: var(--fpi-cream) !important;
    box-shadow: 0 10px 30px rgba(65, 78, 45, .06);
}

:where(.fph, .ich) .fph-category-tabs button {
    position: relative;
    border-right-color: var(--fpi-line);
    color: var(--fpi-body);
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

:where(.fph, .ich) .fph-category-tabs button:is(:hover, :focus-visible, .is-active, [aria-selected="true"]) {
    background: var(--fpi-olive-soft) !important;
    color: var(--fpi-ink);
}

:where(.fph, .ich) .fph-category-tabs button[aria-selected="true"] {
    box-shadow: inset 0 -4px 0 var(--fpi-olive) !important;
}

:where(.fph, .ich) .fph-product-card {
    position: relative;
    border-bottom-color: #e5e9d7;
}

:where(.fph, .ich) .fph-product-card:is(:hover, :focus-visible, .is-active) {
    border-color: var(--fpi-olive) !important;
    background: var(--fpi-olive-mist) !important;
    box-shadow: inset 4px 0 0 var(--fpi-olive), 0 7px 18px rgba(67, 82, 42, .07);
}

:where(.fph, .ich) .fph-product-card small,
:where(.fph, .ich) .fph-code,
:where(.fph, .ich) .fph-used-for span,
:where(.fph, .ich) .fph-summary-facts dt {
    color: var(--fpi-olive-strong);
}

:where(.fph, .ich) .fph-product-card strong,
:where(.fph, .ich) .fph-product-summary h2 {
    color: var(--fpi-ink);
}

:where(.fph, .ich) .fph-product-card em,
:where(.fph, .ich) .fph-product-summary__top p:not(.fpp-eyebrow),
:where(.fph, .ich) .fph-used-for p,
:where(.fph, .ich) .fph-summary-facts dd {
    color: var(--fpi-body);
}

:where(.fph, .ich) .fph-code {
    padding: 7px 10px;
    border-color: #afbe78;
    background: var(--fpi-olive-soft);
}

:where(.fph, .ich) .fph-product-summary__top figure {
    border-color: var(--fpi-line) !important;
    background: var(--fpi-cream) !important;
    box-shadow: inset 0 0 0 6px rgba(255, 255, 255, .72);
}

:where(.fph, .ich) .fph-used-for {
    padding: 16px 18px;
    border: 1px solid var(--fpi-line);
    border-left: 4px solid var(--fpi-olive);
    background: var(--fpi-cream);
}

:where(.fph, .ich) .fph-summary-facts {
    border-color: var(--fpi-line);
}

:where(.fph, .ich) .fph-summary-facts div {
    border-color: var(--fpi-line);
    background: var(--fpi-white);
}

:where(.fph, .ich) .fph-summary-facts div:nth-child(even) {
    background: var(--fpi-cream);
}

/* Product information shell and navigation */
:where(.fph, .ich) .fph-technical {
    border: 1px solid var(--fpi-line);
    border-radius: 8px;
    background: var(--fpi-white);
    box-shadow: 0 18px 46px rgba(58, 73, 40, .09), inset 0 4px 0 var(--fpi-olive);
}

:where(.fph, .ich) .fph-technical__head {
    border-bottom-color: var(--fpi-line);
    background: var(--fpi-cream);
}

:where(.fph, .ich) .fph-technical__head :where(.fpp-eyebrow, .iic-kicker) {
    position: relative;
    padding-left: 25px;
    color: var(--fpi-olive-strong);
}

:where(.fph, .ich) .fph-technical__head :where(.fpp-eyebrow, .iic-kicker)::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 3px;
    background: var(--fpi-olive);
    content: "";
    transform: translateY(-50%);
}

:where(.fph, .ich) .fph-technical__head h3 {
    color: var(--fpi-ink);
}

:where(.fph, .ich) .fph-technical-tabs {
    counter-reset: fpi-tab;
    border-bottom-color: var(--fpi-line);
    background: var(--fpi-cream-strong);
    scroll-snap-type: x proximity;
}

:where(.fph, .ich) .fph-technical-tabs__label {
    min-width: 194px;
    border-right-color: #677d2d;
    background: var(--fpi-olive);
    color: var(--fpi-white);
    letter-spacing: .08em;
}

:where(.fph, .ich) .fph-technical-tabs button {
    counter-increment: fpi-tab;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    justify-content: start;
    min-width: 0;
    border-right-color: var(--fpi-line);
    color: var(--fpi-body);
    text-align: left;
    scroll-snap-align: start;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

:where(.fph, .ich) .fph-technical-tabs button::before {
    color: var(--fpi-olive-strong);
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .05em;
    content: counter(fpi-tab, decimal-leading-zero);
}

:where(.fph, .ich) .fph-technical-tabs button:is(:hover, :focus-visible, .is-active, [aria-selected="true"]) {
    background: var(--fpi-olive-soft);
    color: var(--fpi-ink);
    outline: 0;
}

:where(.fph, .ich) .fph-technical-tabs button[aria-selected="true"] {
    box-shadow: inset 0 -4px 0 var(--fpi-olive), inset 0 1px 0 rgba(255, 255, 255, .78);
}

:where(.fph, .ich) .fph-technical-tabs button:focus-visible {
    position: relative;
    z-index: 1;
    outline: 3px solid rgba(130, 154, 57, .28);
    outline-offset: -4px;
}

/* Information panels */
:where(.fph, .ich) .fph-technical-panels {
    background: var(--fpi-white);
}

:where(.fph, .ich) .fph-technical-panels > section > h4 {
    max-width: 920px;
    padding-left: 15px;
    border-left: 4px solid var(--fpi-olive);
    color: var(--fpi-ink);
    line-height: 1.25;
}

:where(.fph, .ich) .fph-technical-panels > section > h5 {
    color: var(--fpi-ink);
}

:where(.fph, .ich) .fph-technical-panels > section > p,
:where(.fph, .ich) .fph-technical-panels li {
    color: var(--fpi-body);
}

:where(.fph, .ich) .fph-info-pairs,
:where(.fph, .ich) .fph-property-list,
:where(.fph, .ich) .fph-benefit-grid {
    border-color: var(--fpi-line);
}

:where(.fph, .ich) .fph-info-pairs article,
:where(.fph, .ich) .fph-property-list div,
:where(.fph, .ich) .fph-benefit-grid article {
    position: relative;
    border-color: var(--fpi-line);
    background: var(--fpi-white);
}

:where(.fph, .ich) .fph-info-pairs article:nth-child(4n + 2),
:where(.fph, .ich) .fph-info-pairs article:nth-child(4n + 3),
:where(.fph, .ich) .fph-property-list div:nth-child(4n + 2),
:where(.fph, .ich) .fph-property-list div:nth-child(4n + 3) {
    background: var(--fpi-cream);
}

:where(.fph, .ich) .fph-info-pairs article::before,
:where(.fph, .ich) .fph-property-list div::before {
    position: absolute;
    top: 0;
    left: 17px;
    width: 32px;
    height: 3px;
    background: var(--fpi-olive);
    content: "";
}

:where(.fph, .ich) .fph-info-pairs span,
:where(.fph, .ich) .fph-property-list dt {
    color: var(--fpi-olive-strong);
}

:where(.fph, .ich) .fph-info-pairs p,
:where(.fph, .ich) .fph-property-list dd,
:where(.fph, .ich) .fph-benefit-grid p {
    color: var(--fpi-body);
}

:where(.fph, .ich) .fph-benefit-grid article {
    min-height: 140px;
    padding-top: 22px;
    border-top: 3px solid var(--fpi-olive);
    background: var(--fpi-cream);
}

:where(.fph, .ich) .fph-benefit-grid article:nth-child(even) {
    background: var(--fpi-olive-mist);
}

:where(.fph, .ich) .fph-benefit-grid strong {
    color: var(--fpi-ink);
}

/* Technical tables */
:where(.fph, .ich) .fph-table-wrap {
    border-color: var(--fpi-line) !important;
    border-radius: 6px;
    background: var(--fpi-white) !important;
    box-shadow: 0 8px 24px rgba(67, 82, 42, .06);
}

:where(.fph, .ich) .fph-table-wrap th {
    padding: 14px 13px;
    border-right: 1px solid rgba(255, 255, 255, .22);
    background: var(--fpi-olive-strong);
    color: var(--fpi-white);
    letter-spacing: .07em;
}

:where(.fph, .ich) .fph-table-wrap th:last-child {
    border-right: 0;
}

:where(.fph, .ich) .fph-table-wrap td {
    border-color: var(--fpi-line);
    color: var(--fpi-body);
}

:where(.fph, .ich) .fph-table-wrap tbody tr:nth-child(even) td {
    background: var(--fpi-cream);
}

:where(.fph, .ich) .fph-table-wrap tbody tr:hover td {
    background: var(--fpi-olive-mist);
}

:where(.fph, .ich) .fph-table-wrap td:first-child {
    color: var(--fpi-ink);
    font-weight: 750;
}

/* Directions, guardrails and documents */
:where(.fph, .ich) .fph-directions,
:where(.fph, .ich) .fph-guardrails,
:where(.fph, .ich) .fph-documents {
    background: var(--fpi-line);
}

:where(.fph, .ich) .fph-directions li {
    position: relative;
    background: var(--fpi-cream);
}

:where(.fph, .ich) .fph-directions li::before {
    display: none;
}

:where(.fph, .ich) .fph-directions span {
    display: grid;
    place-items: center;
    align-self: start;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--fpi-olive);
    color: var(--fpi-white);
}

:where(.fph, .ich) .fph-directions p {
    color: var(--fpi-body);
}

:where(.fph, .ich) .fph-guardrails article {
    border-top: 3px solid var(--fpi-olive);
    background: var(--fpi-white);
}

:where(.fph, .ich) .fph-guardrails article:nth-child(2) {
    background: var(--fpi-cream);
}

:where(.fph, .ich) .fph-guardrails article:nth-child(3) {
    background: var(--fpi-olive-mist);
}

:where(.fph, .ich) .fph-guardrails h5 {
    color: var(--fpi-ink);
}

:where(.fph, .ich) .fph-documents a {
    border-top: 3px solid transparent;
    background: var(--fpi-white) !important;
    color: var(--fpi-ink);
    transition: background-color .18s ease, border-color .18s ease;
}

:where(.fph, .ich) .fph-documents a:is(:hover, :focus-visible) {
    border-top-color: var(--fpi-olive);
    background: var(--fpi-olive-mist) !important;
}

:where(.fph, .ich) .fph-documents span {
    border-color: var(--fpi-olive);
    background: var(--fpi-olive);
    color: var(--fpi-white);
}

:where(.fph, .ich) .fph-documents b {
    color: var(--fpi-olive-strong);
}

@media (max-width: 900px) {
    :where(.fph, .ich) .fph-technical-tabs__label {
        min-width: 184px;
    }

    :where(.fph, .ich) .fph-technical-tabs button {
        flex-basis: 188px;
    }
}

@media (max-width: 620px) {
    :where(.fph, .ich) .fph-used-for {
        padding: 15px;
    }

    :where(.fph, .ich) .fph-technical {
        border-radius: 6px;
        box-shadow: 0 12px 30px rgba(58, 73, 40, .08), inset 0 4px 0 var(--fpi-olive);
    }

    :where(.fph, .ich) .fph-technical-tabs__label {
        min-width: 164px;
    }

    :where(.fph, .ich) .fph-technical-tabs button {
        flex-basis: 178px;
    }

    :where(.fph, .ich) .fph-technical-panels > section > h4 {
        font-size: 1.25rem;
    }

    :where(.fph, .ich) .fph-info-pairs article:nth-child(n),
    :where(.fph, .ich) .fph-property-list div:nth-child(n) {
        background: var(--fpi-white);
    }

    :where(.fph, .ich) .fph-info-pairs article:nth-child(even),
    :where(.fph, .ich) .fph-property-list div:nth-child(even) {
        background: var(--fpi-cream);
    }
}

@media (prefers-reduced-motion: reduce) {
    :where(.fph, .ich) .fph-category-tabs button,
    :where(.fph, .ich) .fph-technical-tabs button,
    :where(.fph, .ich) .fph-documents a {
        transition: none;
    }
}


/* everklin-final-light-theme.css */
/* ==========================================================================
   EVERKLIN - Final Light Theme

   This is the last global layer in the cascade. It keeps the existing page
   data, imagery, routes, and layouts intact while giving every page family
   one olive, cream, pale-green, and white visual language. The selectors
   below deliberately target known legacy dark bands instead of applying a
   blanket rule to every section.
   ========================================================================== */

:root {
    --ek-white: #ffffff;
    --ek-cream: #faf9f4;
    --ek-soft-cream: #ffffff;
    --ek-mist: #e7f0c8;
    --ek-pale-green: #f1f4e7;
    --ek-pale-green-strong: #e1eec2;
    --ek-line: #d8e0cb;
    --ek-border: var(--ek-line);
    --ek-olive: #8aa63a;
    --ek-olive-dark: #718b31;
    --ek-olive-deep: var(--ek-olive-dark);
    --ek-olive-light: #e7f0c8;
    --ek-olive-cream: var(--ek-pale-green);
    --ek-olive-cream-light: #eaf1cf;
    --ek-ink: #273329;
    --ek-forest: var(--ek-ink);
    --ek-dark: var(--ek-ink);
    --ek-deep: var(--ek-ink);
    --ek-text: #5e6a60;
    --ek-body: var(--ek-text);
    --ek-muted: #6a785b;
    --ek-dark-copy: var(--ek-text);
    --ek-focus-ring: rgba(138, 166, 58, .3);

    /* Exact tokens from the supplied homepage backup. */
    --ch-olive: var(--ek-olive);
    --ch-olive-deep: var(--ek-olive-dark);
    --ch-olive-soft: var(--ek-mist);
    --ch-ink: var(--ek-ink);
    --ch-muted: var(--ek-text);
    --ch-cream: var(--ek-cream);
    --ch-slate: #506979;
    --ch-warm: #b3875e;
    --ch-line: var(--ek-line);

    /* Compatibility values used by the older page-family stylesheets. */
    --everklin-bg-white: var(--ek-white);
    --everklin-bg-cream: var(--ek-cream);
    --everklin-bg-light-green-1: var(--ek-mist);
    --everklin-bg-light-green-2: var(--ek-pale-green);
    --everklin-bg-olive: var(--ek-olive);
    --everklin-bg-forest: var(--ek-pale-green);
    --everklin-cream: var(--ek-cream);
    --everklin-sage: var(--ek-mist);
    --everklin-light-olive: var(--ek-pale-green);
    --everklin-olive: var(--ek-olive);
    --everklin-brown: var(--ek-olive-dark);
    --everklin-ink: var(--ek-ink);
    --dark-green: var(--ek-ink);
    --deep-green: var(--ek-ink);
    --emerald: var(--ek-ink);
    --green-950: var(--ek-ink);
    --green-900: var(--ek-ink);
    --green-800: var(--ek-ink);
    --green-700: var(--ek-olive-dark);
    --green-500: var(--ek-olive);
    --theme-cream: var(--ek-cream);
    --theme-sage: var(--ek-mist);
    --theme-olive: var(--ek-olive);
    --theme-olive-dark: var(--ek-olive-dark);
    --theme-brown: var(--ek-olive-dark);
    --theme-brown-dark: var(--ek-ink);
    --theme-ink: var(--ek-ink);
}

html,
body {
    background: var(--ek-cream);
    color: var(--ek-text);
}

body,
input,
select,
textarea,
button {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* The global shell takes the same quiet cream-to-pale-green treatment as home. */
body.everklin-transformed .site-header,
body.everklin-transformed .site-header.is-scrolled,
body.everklin-transformed .site-header.is-menu-open,
body:has(main) .site-header,
body:has(main) .site-header.is-scrolled,
body:has(main) .site-header.is-menu-open {
    color: var(--ek-ink) !important;
    border-color: var(--ek-line) !important;
    background: linear-gradient(135deg, #f7f5ef 0%, #eef2e3 100%) !important;
}

.site-header .header-technical-cta {
    color: var(--ek-white) !important;
    border-color: var(--ek-olive) !important;
    background: var(--ek-olive) !important;
}

/* Keep existing hero structures and imagery, but make copy treatment common. */
:where(
    .corp-hero,
    .solutions-hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .contact-hero,
    .brewery-hero,
    .wip-hero
) {
    color: var(--ek-ink);
}

:where(
    .corp-hero,
    .solutions-hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .contact-hero,
    .brewery-hero,
    .wip-hero
) :where(h1, h2, h3, strong) {
    color: var(--ek-ink) !important;
}

:where(
    .corp-hero,
    .solutions-hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .contact-hero,
    .brewery-hero,
    .wip-hero
) :where(p, small, .breadcrumb, .breadcrumb a) {
    color: var(--ek-text) !important;
}

/* The homepage commitment remains a clear distinct olive band, never forest. */
.everklin-transformed .corp-home > .corp-commitment,
.corp-home > .corp-commitment {
    background: linear-gradient(135deg, #8fa948, #718b31) !important;
    color: var(--ek-white) !important;
}

.everklin-transformed .corp-home > .corp-commitment :where(h1, h2, h3, h4, strong),
.corp-home > .corp-commitment :where(.corp-section-head--light h2, .corp-section-head--light h2 em) {
    color: var(--ek-white) !important;
}

.everklin-transformed .corp-home > .corp-commitment :where(p, li),
.corp-home > .corp-commitment :where(.corp-section-head--light p) {
    color: rgba(255, 255, 255, .88) !important;
}

.everklin-transformed .corp-home > .corp-commitment :where(.corp-kicker, .corp-commitment__grid > article > span),
.corp-home > .corp-commitment .corp-section-head--light .corp-kicker {
    color: #f1f6d7 !important;
}

.everklin-transformed .corp-home > .corp-commitment .corp-commitment__grid,
.everklin-transformed .corp-home > .corp-commitment .corp-commitment__grid > article {
    border-color: rgba(255, 255, 255, .48) !important;
}

/* Existing closing, process, and conversion bands share the same light wash. */
:where(
    .site-footer,
    .footer-cta,
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review
) {
    background: var(--ek-pale-green) !important;
    color: var(--ek-ink) !important;
    border-color: var(--ek-line) !important;
}

:where(
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review
) :where(h1, h2, h3, h4, h5, h6, strong, dt) {
    color: var(--ek-ink) !important;
}

:where(
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review
) :where(p, li, small, dd) {
    color: var(--ek-text) !important;
}

:where(
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal,
    .solutions-selection,
    .solutions-review
) :where(.corp-kicker, .section-kicker, .inner-kicker, .sn-kicker, .iic-kicker, .eyebrow, .kicker) {
    color: var(--ek-olive-dark) !important;
}

/* The homepage close follows the exact backup's olive CTA tone. */
.corp-home .corp-final {
    background: linear-gradient(135deg, #91a94a, #738c32) !important;
    color: var(--ek-white) !important;
}

.corp-home .corp-final :where(h1, h2, h3, p, .corp-kicker, .corp-btn--outline) {
    color: var(--ek-white) !important;
}

.corp-home .corp-final :where(.corp-kicker, h2 em) {
    color: #f4f8dc !important;
}

.corp-home .corp-final .corp-btn--olive {
    color: var(--ek-white) !important;
    border-color: #698229 !important;
    background: #698229 !important;
}

/* Preserve the supplied homepage's image-card contrast treatment. */
.corp-home .corp-business {
    color: var(--ek-white) !important;
}

.corp-home .corp-business::after {
    background: linear-gradient(0deg, rgba(57, 77, 36, .84), rgba(109, 132, 46, .1) 70%) !important;
}

.corp-home .corp-business:hover::after {
    background: linear-gradient(0deg, rgba(113, 139, 48, .94), rgba(109, 132, 46, .1) 72%) !important;
}

.corp-home .corp-business :where(span, h3, p, b) {
    color: var(--ek-white) !important;
}

.corp-home .corp-business > div > span,
.corp-home .corp-business i {
    color: #edf5d2 !important;
}

.corp-home .corp-impact__tiles a::after {
    background: linear-gradient(0deg, rgba(72, 91, 42, .78), transparent 68%) !important;
}

.corp-home .corp-impact__tiles span {
    color: var(--ek-white) !important;
}

.corp-home .corp-business__metrics {
    border-top-color: var(--ek-line) !important;
    background: rgba(241, 244, 231, .94) !important;
}

.corp-home .corp-business__metrics div {
    border-color: var(--ek-line) !important;
}

.corp-home .corp-business__metrics dt {
    color: var(--ek-ink) !important;
}

.corp-home .corp-business__metrics dd {
    color: var(--ek-text) !important;
}

/* Water information pages: the risk diagnostic is a pale-green section. */
.wip-page {
    --wip-ink: var(--ek-ink);
    --wip-body: var(--ek-text);
    --wip-olive: var(--ek-olive);
    --wip-olive-dark: var(--ek-olive-dark);
    --wip-mist: var(--ek-mist);
    --wip-line: var(--ek-line);
    background: var(--ek-soft-cream);
}

.wip-risks {
    background: var(--ek-pale-green) !important;
}

.wip-risks .wsp-section-head h2,
.wip-risks .wsp-section-head p,
.wip-risks .wsp-section-head .wsp-eyebrow,
.wip-risk-line h3,
.wip-risk-line p,
.wip-risk-line span {
    color: var(--ek-ink) !important;
}

.wip-risk-line,
.wip-risk-line article {
    border-color: var(--ek-line) !important;
}

/* Room Care product hubs retain their content blocks but use the shared wash. */
.room-hub {
    --room-olive: var(--ek-olive);
    --room-olive-soft: var(--ek-mist);
    --room-cream: var(--ek-cream);
    --room-warm: var(--ek-pale-green);
    --room-line: var(--ek-line);
    --room-ink: var(--ek-ink);
    --room-muted: var(--ek-text);
}

.room-product-facts,
.room-product-documents {
    background: var(--ek-pale-green) !important;
    color: var(--ek-ink) !important;
}

.room-product-facts .container > div,
.room-product-documents__grid,
.room-product-documents__grid a {
    border-color: var(--ek-line) !important;
}

.room-product-facts span,
.room-product-documents .iic-kicker,
.room-product-documents__grid span,
.room-product-documents__grid b {
    color: var(--ek-olive-dark) !important;
}

.room-product-facts strong,
.room-product-documents h2,
.room-product-documents__grid a,
.room-product-documents__grid strong {
    color: var(--ek-ink) !important;
}

.room-product-documents header > p:last-child,
.room-product-documents__grid small {
    color: var(--ek-text) !important;
}

.room-product-use thead th {
    color: var(--ek-ink) !important;
    background: var(--ek-pale-green-strong) !important;
}

/* Route-specific I&I hero keeps the photo but uses a soft cream overlay. */
.industrial-institutional-flagship .solution-system-hero {
    color: var(--ek-ink) !important;
    background:
        linear-gradient(90deg, rgba(251, 250, 246, .98) 0%, rgba(248, 247, 241, .92) 43%, rgba(238, 243, 223, .45) 72%, rgba(238, 243, 223, .16) 100%),
        url('/assets/images/hero-slides/institutional-hygiene.jpg') center / cover no-repeat !important;
}

.industrial-institutional-flagship .solution-system-hero :where(.breadcrumb, .breadcrumb a, .breadcrumb strong, p, h1, .solution-hero-tagline, .anchor-eyebrow) {
    color: var(--ek-ink) !important;
}

.industrial-institutional-flagship .solution-system-hero .anchor-eyebrow,
.industrial-institutional-flagship .solution-hero-icons span {
    border-color: var(--ek-line) !important;
    background: rgba(255, 255, 255, .72) !important;
}

.industrial-institutional-flagship .solution-hero-icons .line-svg {
    color: var(--ek-olive-dark) !important;
}

/* Legacy alternate home templates use the same non-dark hero treatment. */
.apex-hero,
.th-hero {
    color: var(--ek-ink) !important;
    background: var(--ek-pale-green) !important;
}

.apex-hero__veil,
.th-hero__shade {
    background: linear-gradient(90deg, rgba(250, 249, 245, .97), rgba(248, 247, 241, .78) 47%, rgba(238, 243, 223, .18) 82%) !important;
}

.apex-hero :where(h1, h2, h3, p, span, small, button),
.th-hero :where(h1, h2, h3, p, span, small, button) {
    color: var(--ek-ink) !important;
}

.apex-hero__control,
.th-hero__rail {
    border-color: var(--ek-line) !important;
    background: rgba(255, 255, 255, .78) !important;
}

/* Contrast pass: light washes always carry ink copy, while olive and image-led
   surfaces retain warm-white copy. This corrects higher-specificity legacy rules
   without altering section structure or content. */
body.everklin-transformed :is(
    .corp-hero,
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .contact-hero,
    .brewery-hero,
    .wip-hero
) :is(h1, h2, h3, h4, h5, h6, strong) {
    color: var(--ek-ink) !important;
}

body.everklin-transformed :is(
    .corp-hero,
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .contact-hero,
    .brewery-hero,
    .wip-hero
) :is(p, li, small, .breadcrumb, .breadcrumb a, .breadcrumb strong, .solutions-crumb, .solutions-crumb a, .solutions-crumb strong) {
    color: var(--ek-text) !important;
}

body.everklin-transformed :is(
    .corp-hero,
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .contact-hero,
    .brewery-hero,
    .wip-hero
) :is(.corp-kicker, .solutions-kicker, .section-kicker, .inner-kicker, .iic-kicker, .sn-kicker, .anchor-eyebrow, .eyebrow, .kicker, h1 em, h2 em) {
    color: var(--ek-olive-dark) !important;
}

/* The homepage hero uses a pale photographic wash, so its eyebrow needs the
   stronger olive token instead of the inherited muted copy colour. */
body.everklin-transformed .corp-home .corp-hero .corp-kicker {
    color: var(--ek-olive-dark) !important;
}

body.everklin-transformed .solutions-selection .solutions-kicker,
body.everklin-transformed .solutions-selection .solutions-selection__steps li > span,
body.everklin-transformed .solutions-review .solutions-kicker {
    color: var(--ek-olive-dark) !important;
}

body.everklin-transformed .solutions-selection :is(h1, h2, h3, h4, strong),
body.everklin-transformed .solutions-review :is(h1, h2, h3, h4, strong) {
    color: var(--ek-ink) !important;
}

body.everklin-transformed .solutions-selection :is(p, li),
body.everklin-transformed .solutions-review :is(p, li) {
    color: var(--ek-text) !important;
}

body.everklin-transformed :is(
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal
) :is(h1, h2, h3, h4, h5, h6, strong, dt) {
    color: var(--ek-ink) !important;
}

body.everklin-transformed :is(
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal
) :is(p, li, small, dd) {
    color: var(--ek-text) !important;
}

body.everklin-transformed :is(
    .corp-final,
    .iic-solution .iic-close,
    .anchor-final-card,
    .wsp-equation,
    .wsp-resources,
    .wsp-final,
    .ft-context,
    .ft-review,
    .brewery-process,
    .brewery-cip-cycle,
    .brewery-selection,
    .brewery-final,
    .sn-final,
    .th-performance,
    .th-final-cta,
    .th-signal
) :is(.corp-kicker, .section-kicker, .inner-kicker, .sn-kicker, .iic-kicker, .anchor-eyebrow, .eyebrow, .kicker) {
    color: var(--ek-olive-dark) !important;
}

/* The homepage closing panel remains an intentional olive exception. */
body.everklin-transformed .corp-home .corp-final :is(h1, h2, h3, h4, h5, h6, p, li, small, .corp-kicker, h2 em) {
    color: var(--ek-white) !important;
}

body.everklin-transformed .corp-home .corp-final :is(.corp-kicker, h2 em) {
    color: #f4f8dc !important;
}

/* Solid olive actions now use warm-white copy; secondary actions stay ink on light. */
body.everklin-transformed :is(
    .site-header .header-technical-cta,
    .corp-btn--olive,
    .footer-support__primary,
    .solutions-button--olive,
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .brewery-button--primary,
    .wsp-hero .page-button--primary,
    .fpp-page .page-button--primary,
    .contact-button--primary,
    .iic-button:not(.iic-button--outline),
    .sn-button:not(.sn-button--quiet):not(.sn-button--light):not(.sn-button--line),
    .th-button--primary,
    .hero .btn-gold,
    .solutions-promo-card > a
) {
    color: var(--ek-white) !important;
    border-color: var(--ek-olive-dark) !important;
    background: var(--ek-olive-dark) !important;
}

body.everklin-transformed :is(
    .site-header .header-technical-cta,
    .corp-btn--olive,
    .footer-support__primary,
    .solutions-button--olive,
    .page-button:not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .brewery-button--primary,
    .wsp-hero .page-button--primary,
    .fpp-page .page-button--primary,
    .contact-button--primary,
    .iic-button:not(.iic-button--outline),
    .sn-button:not(.sn-button--quiet):not(.sn-button--light):not(.sn-button--line),
    .th-button--primary,
    .hero .btn-gold,
    .solutions-promo-card > a
):is(:hover, :focus-visible) {
    color: var(--ek-white) !important;
    border-color: #698229 !important;
    background: #698229 !important;
}

/* Footer panels are light surfaces, so their labels and navigation must not
   inherit the previous pale-on-pale footer treatment. */
body.everklin-transformed footer.site-footer .footer-support__eyebrow,
body.everklin-transformed footer.site-footer .footer-contact-list span,
body.everklin-transformed footer.site-footer .footer-column .footer-view-all {
    color: var(--ek-olive-dark) !important;
}

body.everklin-transformed footer.site-footer :is(
    .footer-support h2,
    .footer-support p:not(.footer-support__eyebrow),
    .footer-main .footer-grid .footer-column h2,
    .footer-main .footer-grid .footer-column > a,
    .footer-brand-statement,
    .footer-main .footer-contact-list a,
    .footer-main .footer-contact-list p,
    .footer-bottom p,
    .footer-bottom a
) {
    color: var(--ek-text) !important;
}

body.everklin-transformed footer.site-footer :is(
    .footer-support h2,
    .footer-main .footer-grid .footer-column h2
) {
    color: var(--ek-ink) !important;
}

body.everklin-transformed footer.site-footer .footer-support__secondary {
    color: var(--ek-ink) !important;
    border-color: var(--ek-ink) !important;
    background: transparent !important;
}

/* Image-led directories and sustainability statements retain light copy above
   their existing dark olive/photo overlays. */
body.everklin-transformed .iic-reference-page:not(.flagship-contact) .enterprise-directory-item :is(strong, b, p, span) {
    color: var(--ek-white) !important;
}

body.everklin-transformed .iic-reference-page:not(.flagship-contact) .enterprise-directory-item b {
    color: #edf5d2 !important;
}

body.everklin-transformed .sustainability-nova .sn-statements .sn-statement :is(h1, h2, h3, p, span) {
    color: var(--ek-white) !important;
}

body.everklin-transformed .sustainability-nova .sn-statements .sn-statement > .container > span {
    color: #e5f1b8 !important;
}

/* Small labels on the light contact and sustainability surfaces use the darker
   olive token rather than the low-contrast primary accent. */
body.everklin-transformed .contact-ultra {
    --contact-olive: var(--ek-olive-dark);
    --contact-olive-dark: var(--ek-ink);
}

body.everklin-transformed .sustainability-nova {
    --sn-olive: var(--ek-olive-dark);
    --sn-ink: var(--ek-ink);
}

@media (max-width: 720px) {
    .corp-home > .corp-commitment {
        padding-block: 52px !important;
    }
}

/* --------------------------------------------------------------------------
   Unified inner-page hero system

   The homepage remains the visual reference: a calm, left-aligned reading
   rail over a light cream-to-image transition.  These rules intentionally
   restyle the existing hero families instead of replacing their markup, so
   every page keeps its own content, imagery, controls and route structure.
   -------------------------------------------------------------------------- */
:root {
    --ek-hero-surface: #faf9f4;
    --ek-hero-surface-soft: #f2f5e6;
    --ek-hero-rail: rgba(250, 249, 244, 0.94);
    --ek-hero-line: rgba(104, 130, 41, 0.24);
    --ek-hero-copy: #4d5a4d;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .iic-product-hero,
    .mnc-category-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .brewery-hero,
    .wip-hero,
    .product-hero,
    .industry-page-hero,
    .inner-hero,
    .th-hero
) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: var(--ek-ink);
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .brewery-hero,
    .wip-hero,
    .product-hero,
    .industry-page-hero,
    .inner-hero,
    .th-hero
) :is(h1, .hero-title) {
    max-width: 13ch;
    color: var(--ek-ink) !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .brewery-hero,
    .wip-hero,
    .product-hero,
    .industry-page-hero,
    .inner-hero,
    .th-hero
) :is(h1, .hero-title) :is(em, strong) {
    color: var(--ek-olive-dark) !important;
    font-style: inherit;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .brewery-hero,
    .wip-hero,
    .product-hero,
    .industry-page-hero,
    .inner-hero,
    .th-hero
) :is(p, .hero-copy, .hero-description) {
    max-width: 61ch;
    color: var(--ek-hero-copy) !important;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .brewery-hero,
    .wip-hero,
    .product-hero,
    .industry-page-hero,
    .inner-hero,
    .th-hero
) :is(.eyebrow, .hero-eyebrow, .hero-kicker, .fpp-eyebrow, .wsp-hero__eyebrow, .sn-kicker, .anchor-kicker) {
    color: var(--ek-olive-dark) !important;
    letter-spacing: 0.12em !important;
}

/* Full-bleed hubs share the same gentle left-to-right image wash as Home. */
body.everklin-transformed :is(.solutions-hero, .industries-hub__hero)::after {
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    background: linear-gradient(90deg,
        rgba(250, 249, 244, 0.985) 0%,
        rgba(250, 249, 244, 0.955) 35%,
        rgba(242, 245, 230, 0.76) 52%,
        rgba(242, 245, 230, 0.22) 75%,
        rgba(242, 245, 230, 0.03) 100%) !important;
    filter: none !important;
}

body.everklin-transformed :is(.solutions-hero__inner, .industries-hub__hero-inner) {
    position: relative;
    z-index: 1;
}

body.everklin-transformed :is(.solutions-hero__copy, .industries-hub__hero-inner > div:first-child) {
    position: relative;
    z-index: 2;
    max-width: min(720px, 52vw);
}

body.everklin-transformed :is(.solutions-hero__note, .industries-hub__hero-note) {
    position: relative;
    z-index: 2;
    padding: 15px 17px;
    color: var(--ek-ink) !important;
    background: rgba(250, 249, 244, 0.84);
    border: 1px solid var(--ek-hero-line);
    box-shadow: 0 12px 30px rgba(33, 53, 28, 0.1);
    backdrop-filter: blur(8px);
}

/* Split heroes retain their image, but the copy always occupies a deliberate
   light left rail rather than floating in inconsistent coloured blocks. */
body.everklin-transformed :is(.fpp-hero, .brewery-hero, .wip-hero, .iic-product-hero, .mnc-category-hero, .product-hero, .industry-page-hero, .inner-hero, .th-hero) {
    background: linear-gradient(118deg, var(--ek-hero-surface) 0%, var(--ek-hero-surface) 52%, var(--ek-hero-surface-soft) 100%) !important;
}

body.everklin-transformed :is(.fpp-hero__media, .brewery-hero__media, .wip-hero__media, .iic-product-hero__media, .mnc-category-hero__media, .product-hero__media, .industry-page-hero__media, .inner-hero__media, .th-hero__media) {
    overflow: hidden;
    background: #e9f0d4;
    border: 1px solid var(--ek-hero-line);
    border-radius: 0 !important;
    box-shadow: 0 18px 42px rgba(33, 53, 28, 0.11);
}

body.everklin-transformed :is(.fpp-hero__media, .brewery-hero__media, .wip-hero__media, .iic-product-hero__media, .mnc-category-hero__media, .product-hero__media, .industry-page-hero__media, .inner-hero__media, .th-hero__media) :is(picture, img) {
    display: block;
    width: 100%;
    height: 100%;
}

body.everklin-transformed :is(.fpp-hero__media, .brewery-hero__media, .wip-hero__media, .iic-product-hero__media, .mnc-category-hero__media, .product-hero__media, .industry-page-hero__media, .inner-hero__media, .th-hero__media) img {
    object-fit: cover;
    filter: saturate(0.9) contrast(1.04);
}

body.everklin-transformed :is(.fpp-hero__copy, .brewery-hero__copy, .wip-hero__copy, .iic-product-hero__copy, .mnc-category-hero__copy, .product-hero__copy, .industry-page-hero__copy, .inner-hero__copy, .th-hero__copy) {
    position: relative;
    z-index: 1;
}

/* Existing image-backed inner heroes keep their actual image; the overlay is
   normalised so the left-side copy remains reliably legible. */
body.everklin-transformed :is(.wt-hero, .sfh-hero, .wsp-hero, .sp-hero, .anchor-hero, .sn-hero, .iic-hub-hero, .iic-hero) {
    background-color: var(--ek-hero-surface) !important;
    background-position: center !important;
    background-size: cover !important;
}

body.everklin-transformed :is(.wt-hero, .sfh-hero, .wsp-hero, .sp-hero, .anchor-hero, .sn-hero, .iic-hub-hero, .iic-hero)::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(90deg,
        rgba(250, 249, 244, 0.97) 0%,
        rgba(250, 249, 244, 0.91) 38%,
        rgba(244, 247, 234, 0.58) 57%,
        rgba(244, 247, 234, 0.06) 88%);
}

@media (min-width: 901px) {
    body.everklin-transformed :is(.solutions-hero, .industries-hub__hero, .iic-hub-hero, .iic-hero, .wt-hero, .sfh-hero, .wsp-hero, .sp-hero, .anchor-hero, .sn-hero, .brewery-hero, .wip-hero, .fpp-hero, .product-hero, .industry-page-hero, .inner-hero, .th-hero) {
        min-height: clamp(560px, calc(100svh - 82px), 720px);
    }

    body.everklin-transformed :is(.fpp-hero__grid, .brewery-hero__grid, .wip-hero__grid, .iic-product-hero__grid, .mnc-category-hero__grid, .product-hero__grid, .industry-page-hero__grid, .inner-hero__grid, .th-hero__grid) {
        min-height: clamp(560px, calc(100svh - 82px), 720px);
        align-items: stretch;
    }

    body.everklin-transformed :is(.fpp-hero__copy, .brewery-hero__copy, .wip-hero__copy, .iic-product-hero__copy, .mnc-category-hero__copy, .product-hero__copy, .industry-page-hero__copy, .inner-hero__copy, .th-hero__copy) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-block: clamp(68px, 8vw, 118px);
    }

    body.everklin-transformed :is(.fpp-hero__media, .brewery-hero__media, .wip-hero__media, .iic-product-hero__media, .mnc-category-hero__media, .product-hero__media, .industry-page-hero__media, .inner-hero__media, .th-hero__media) {
        min-height: 100%;
    }
}

@media (max-width: 900px) {
    body.everklin-transformed :is(.solutions-hero, .industries-hub__hero, .iic-hub-hero, .iic-hero, .wt-hero, .sfh-hero, .fpp-hero, .wsp-hero, .sp-hero, .anchor-hero, .sn-hero, .brewery-hero, .wip-hero, .product-hero, .industry-page-hero, .inner-hero, .th-hero) {
        min-height: 0;
    }

    body.everklin-transformed :is(.solutions-hero__copy, .industries-hub__hero-inner > div:first-child) {
        max-width: 650px;
    }
}

@media (max-width: 620px) {
    body.everklin-transformed :is(.solutions-hero, .industries-hub__hero, .iic-hub-hero, .iic-hero, .wt-hero, .sfh-hero, .fpp-hero, .wsp-hero, .sp-hero, .anchor-hero, .sn-hero, .brewery-hero, .wip-hero, .product-hero, .industry-page-hero, .inner-hero, .th-hero) :is(h1, .hero-title) {
        max-width: 12ch;
        text-wrap: initial;
    }

    body.everklin-transformed :is(.solutions-hero__note, .industries-hub__hero-note) {
        margin-top: 24px;
        padding: 13px 14px;
        box-shadow: none;
    }

    body.everklin-transformed :is(.fpp-hero__media, .brewery-hero__media, .wip-hero__media, .iic-product-hero__media, .mnc-category-hero__media, .product-hero__media, .industry-page-hero__media, .inner-hero__media, .th-hero__media) {
        min-height: 280px;
        box-shadow: none;
    }
}


/* --------------------------------------------------------------------------
   V9 - Homepage theme authority

   This block is intentionally loaded after every page-family stylesheet.
   It standardises the brand palette, typography and hero presentation while
   leaving each page's structure, content, product tables and process visuals
   untouched.
   -------------------------------------------------------------------------- */

body.everklin-transformed {
    --ek-page-cream: #faf9f4;
    --ek-page-white: #ffffff;
    --ek-page-sage: #f1f4e7;
    --ek-page-sage-strong: #e7f0c8;
    --ek-page-olive: #8aa63a;
    --ek-page-olive-strong: #69812f;
    --ek-page-ink: #20362a;
    --ek-page-copy: #516258;
    --ek-page-muted: #69776e;
    --ek-page-line: #d8e0cb;
    --ek-page-shadow: 0 22px 54px rgba(39, 54, 31, .12);
    color: var(--ek-page-copy);
    background: var(--ek-page-cream);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.everklin-transformed main {
    color: var(--ek-page-copy);
    background: var(--ek-page-cream);
}

body.everklin-transformed main :where(h1, h2, h3, h4, h5, h6) {
    color: var(--ek-page-ink);
    font-family: Manrope, Inter, system-ui, sans-serif;
    letter-spacing: 0;
}

body.everklin-transformed main :where(p, li, dd) {
    text-wrap: pretty;
}

body.everklin-transformed main :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid rgba(138, 166, 58, .34);
    outline-offset: 3px;
}

body.everklin-transformed :is(
    .corp-btn--olive,
    .page-button:not(.page-button-secondary):not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .solutions-button--olive,
    .iic-button:not(.iic-button--outline),
    .iic-hub-button--primary,
    .sn-button:not(.sn-button--quiet):not(.sn-button--light):not(.sn-button--line),
    .contact-button--primary,
    .product-cta-primary,
    .hero .btn-gold
) {
    min-height: 48px;
    color: #fff !important;
    border-color: var(--ek-page-olive) !important;
    border-radius: 5px !important;
    background: var(--ek-page-olive) !important;
    box-shadow: none !important;
}

body.everklin-transformed :is(
    .corp-btn--olive,
    .page-button:not(.page-button-secondary):not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .solutions-button--olive,
    .iic-button:not(.iic-button--outline),
    .iic-hub-button--primary,
    .sn-button:not(.sn-button--quiet):not(.sn-button--light):not(.sn-button--line),
    .contact-button--primary,
    .product-cta-primary,
    .hero .btn-gold
):is(:hover, :focus-visible) {
    color: #fff !important;
    border-color: var(--ek-page-olive-strong) !important;
    background: var(--ek-page-olive-strong) !important;
    transform: translateY(-1px);
}

/* Every known hero family now speaks the Homepage's light visual language. */
body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .iic-product-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .fsv2-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .contact-hero,
    .brewery-hero,
    .wip-hero,
    .product-hero,
    .mnc-category-hero,
    .industry-page-hero,
    .inner-hero,
    .solution-system-hero,
    .sample-hero,
    .download-request-hero,
    .room-product-detail__hero,
    .th-hero
) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: var(--ek-page-ink) !important;
    border-bottom: 1px solid var(--ek-page-line);
    background-color: var(--ek-page-cream) !important;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .iic-product-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .fsv2-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .contact-hero,
    .brewery-hero,
    .wip-hero,
    .product-hero,
    .mnc-category-hero,
    .industry-page-hero,
    .inner-hero,
    .solution-system-hero,
    .sample-hero,
    .download-request-hero,
    .room-product-detail__hero,
    .th-hero
) :where(h1, .hero-title) {
    max-width: 14ch;
    margin-top: 12px;
    color: var(--ek-page-ink) !important;
    font-family: Manrope, Inter, system-ui, sans-serif !important;
    font-size: clamp(2.8rem, 5vw, 4.65rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: .98 !important;
    text-wrap: balance;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .iic-product-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .fsv2-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .contact-hero,
    .brewery-hero,
    .wip-hero,
    .product-hero,
    .mnc-category-hero,
    .industry-page-hero,
    .inner-hero,
    .solution-system-hero,
    .sample-hero,
    .download-request-hero,
    .room-product-detail__hero,
    .th-hero
) :where(h1, .hero-title) :where(em, strong, span.is-accent) {
    color: var(--ek-page-olive-strong) !important;
    font-style: normal;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .iic-product-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .fsv2-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .contact-hero,
    .brewery-hero,
    .wip-hero,
    .product-hero,
    .mnc-category-hero,
    .industry-page-hero,
    .inner-hero,
    .solution-system-hero,
    .sample-hero,
    .download-request-hero,
    .room-product-detail__hero,
    .th-hero
) :where(p, li, small, .breadcrumb, .breadcrumb a, .breadcrumb strong) {
    color: var(--ek-page-copy) !important;
}

body.everklin-transformed :is(
    .solutions-hero,
    .industries-hub__hero,
    .iic-hub-hero,
    .iic-hero,
    .iic-product-hero,
    .wt-hero,
    .sfh-hero,
    .fpp-hero,
    .fsv2-hero,
    .wsp-hero,
    .sp-hero,
    .anchor-hero,
    .sn-hero,
    .contact-hero,
    .brewery-hero,
    .wip-hero,
    .product-hero,
    .mnc-category-hero,
    .industry-page-hero,
    .inner-hero,
    .solution-system-hero,
    .sample-hero,
    .download-request-hero,
    .room-product-detail__hero,
    .th-hero
) :where(
    .corp-kicker,
    .solutions-kicker,
    .sfh-kicker,
    .iic-kicker,
    .wsp-eyebrow,
    .sp-eyebrow,
    .fpp-eyebrow,
    .sn-kicker,
    .anchor-eyebrow,
    .contact-eyebrow,
    .eyebrow,
    .kicker
) {
    color: var(--ek-page-olive-strong) !important;
    font-family: Inter, system-ui, sans-serif;
    font-size: .75rem !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    line-height: 1.4;
    text-transform: uppercase;
}

/* Split-media heroes share one restrained image treatment. */
body.everklin-transformed :is(
    .iic-hub-hero__media,
    .sfh-hero__media,
    .fpp-hero__media,
    .fsv2-hero__media,
    .sp-hero__media,
    .anchor-hero-media,
    .contact-hero__media,
    .wip-hero__media,
    .product-hero-media,
    .product-image-stage,
    .mnc-category-hero__media,
    .industry-page-hero-media,
    .inner-hero__media,
    .solution-hero-media,
    .sample-hero__packshot
) {
    overflow: hidden;
    border: 1px solid var(--ek-page-line) !important;
    border-radius: 8px !important;
    background: var(--ek-page-sage) !important;
    box-shadow: var(--ek-page-shadow) !important;
}

body.everklin-transformed :is(
    .iic-hub-hero__media,
    .sfh-hero__media,
    .fpp-hero__media,
    .fsv2-hero__media,
    .sp-hero__media,
    .anchor-hero-media,
    .contact-hero__media,
    .wip-hero__media,
    .product-hero-media,
    .product-image-stage,
    .mnc-category-hero__media,
    .industry-page-hero-media,
    .inner-hero__media,
    .solution-hero-media,
    .sample-hero__packshot
) :where(picture, img) {
    display: block;
    width: 100%;
    height: 100%;
}

body.everklin-transformed :is(
    .iic-hub-hero__media,
    .sfh-hero__media,
    .fpp-hero__media,
    .fsv2-hero__media,
    .sp-hero__media,
    .anchor-hero-media,
    .contact-hero__media,
    .wip-hero__media,
    .product-hero-media,
    .product-image-stage,
    .mnc-category-hero__media,
    .industry-page-hero-media,
    .inner-hero__media,
    .solution-hero-media,
    .sample-hero__packshot
) img {
    object-fit: cover;
    filter: saturate(.92) contrast(1.03);
}

/* Copy panels keep the same warm, low-glare surface used by the Home hero. */
body.everklin-transformed :is(
    .contact-hero__copy,
    .sp-hero__copy,
    .download-request-hero__copy,
    .sample-hero__copy
) {
    color: var(--ek-page-ink) !important;
    border: 1px solid var(--ek-page-line) !important;
    border-radius: 8px !important;
    background: rgba(253, 252, 248, .96) !important;
    box-shadow: var(--ek-page-shadow) !important;
    backdrop-filter: blur(12px);
}

/* Common content surfaces inherit the same cream/white/sage rhythm. */
body.everklin-transformed main :where(
    .anchor-card,
    .iic-card,
    .sfh-card,
    .industry-card,
    .product-card,
    .resource-card,
    .contact-card,
    .sn-card
) {
    color: var(--ek-page-copy);
    border-color: var(--ek-page-line);
    border-radius: 8px;
    background: var(--ek-page-white);
    box-shadow: 0 12px 30px rgba(39, 54, 31, .07);
}

@media (min-width: 901px) {
    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hub-hero,
        .iic-hero,
        .iic-product-hero,
        .wt-hero,
        .sfh-hero,
        .fpp-hero,
        .fsv2-hero,
        .wsp-hero,
        .sp-hero,
        .anchor-hero,
        .sn-hero,
        .contact-hero,
        .brewery-hero,
        .wip-hero,
        .product-hero,
        .mnc-category-hero,
        .industry-page-hero,
        .inner-hero,
        .solution-system-hero,
        .sample-hero,
        .download-request-hero,
        .room-product-detail__hero,
        .th-hero
    ) {
        min-height: clamp(560px, calc(100svh - 86px), 720px);
    }
}

@media (max-width: 900px) {
    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hub-hero,
        .iic-hero,
        .iic-product-hero,
        .wt-hero,
        .sfh-hero,
        .fpp-hero,
        .fsv2-hero,
        .wsp-hero,
        .sp-hero,
        .anchor-hero,
        .sn-hero,
        .contact-hero,
        .brewery-hero,
        .wip-hero,
        .product-hero,
        .mnc-category-hero,
        .industry-page-hero,
        .inner-hero,
        .solution-system-hero,
        .sample-hero,
        .download-request-hero,
        .room-product-detail__hero,
        .th-hero
    ) {
        min-height: 0;
    }
}

@media (max-width: 620px) {
    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hub-hero,
        .iic-hero,
        .iic-product-hero,
        .wt-hero,
        .sfh-hero,
        .fpp-hero,
        .fsv2-hero,
        .wsp-hero,
        .sp-hero,
        .anchor-hero,
        .sn-hero,
        .contact-hero,
        .brewery-hero,
        .wip-hero,
        .product-hero,
        .mnc-category-hero,
        .industry-page-hero,
        .inner-hero,
        .solution-system-hero,
        .sample-hero,
        .download-request-hero,
        .room-product-detail__hero,
        .th-hero
    ) :where(h1, .hero-title) {
        max-width: 100%;
        font-size: clamp(2.35rem, 11vw, 3.35rem) !important;
        line-height: 1 !important;
    }

    body.everklin-transformed :is(
        .iic-hub-hero__media,
        .sfh-hero__media,
        .fpp-hero__media,
        .fsv2-hero__media,
        .sp-hero__media,
        .anchor-hero-media,
        .contact-hero__media,
        .wip-hero__media,
        .product-hero-media,
        .product-image-stage,
        .mnc-category-hero__media,
        .industry-page-hero-media,
        .inner-hero__media,
        .solution-hero-media,
        .sample-hero__packshot
    ) {
        min-height: 260px;
        box-shadow: none !important;
    }
}

/* --------------------------------------------------------------------------
   V10 - Visible Homepage composition across the full website
   -------------------------------------------------------------------------- */

/* Photo-led inner heroes use the same full image + cream panel composition as
   the Homepage. Their existing image and copy remain unchanged. */
@media (min-width: 901px) {
    body.everklin-transformed :is(
        .iic-hub-hero,
        .sfh-hero,
        .fpp-hero,
        .fsv2-hero,
        .sp-hero,
        .anchor-hero,
        .contact-hero,
        .industry-page-hero
    ) {
        min-height: 700px !important;
        background: var(--ek-page-sage) !important;
    }

    body.everklin-transformed :is(
        .iic-hub-hero__grid,
        .sfh-hero__grid,
        .fpp-hero__grid,
        .fsv2-hero__inner,
        .sp-hero__grid,
        .anchor-hero-grid,
        .contact-hero__scene,
        .industry-page-hero-grid
    ) {
        position: relative !important;
        z-index: 1;
        display: flex !important;
        min-height: 700px !important;
        align-items: center !important;
        padding-block: 42px !important;
    }

    body.everklin-transformed :is(
        .iic-hub-hero__media,
        .sfh-hero__media,
        .fpp-hero__media,
        .fsv2-hero__media,
        .sp-hero__media,
        .anchor-hero-media,
        .contact-hero__media,
        .industry-page-hero-media
    ) {
        display: block !important;
        position: absolute !important;
        z-index: -2 !important;
        inset: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 100% !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body.everklin-transformed :is(
        .iic-hub-hero__media,
        .sfh-hero__media,
        .fpp-hero__media,
        .fsv2-hero__media,
        .sp-hero__media,
        .anchor-hero-media,
        .contact-hero__media,
        .industry-page-hero-media
    )::after {
        position: absolute !important;
        z-index: 1 !important;
        inset: 0 !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        content: "" !important;
        background: linear-gradient(90deg,
            rgba(250, 249, 244, .22) 0%,
            rgba(250, 249, 244, .07) 56%,
            rgba(250, 249, 244, 0) 82%) !important;
        pointer-events: none;
    }

    body.everklin-transformed :is(
        .iic-hub-hero__media,
        .sfh-hero__media,
        .fpp-hero__media,
        .fsv2-hero__media,
        .sp-hero__media,
        .anchor-hero-media,
        .contact-hero__media,
        .industry-page-hero-media
    ) :where(picture, img) {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}

/* One visible, fixed reading panel for every marketing/application hero. */
body.everklin-transformed :is(
    .solutions-hero__copy,
    .industries-hub__hero-inner > div:first-child,
    .iic-hub-hero__copy,
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .sp-hero__copy,
    .anchor-hero-copy,
    .sn-hero__copy,
    .contact-hero__copy,
    .industry-page-hero-copy,
    .brewery-hero__copy,
    .wip-hero__copy
) {
    position: relative !important;
    z-index: 3 !important;
    box-sizing: border-box;
    width: min(720px, 58vw) !important;
    max-width: 720px !important;
    min-height: 520px;
    margin: 0 auto 0 0 !important;
    padding: 42px 46px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--ek-page-ink) !important;
    border: 1px solid rgba(105, 129, 47, .3) !important;
    border-radius: 8px !important;
    background: rgba(253, 252, 248, .96) !important;
    box-shadow: 0 28px 68px rgba(39, 54, 31, .18) !important;
    backdrop-filter: blur(14px);
}

body.everklin-transformed :is(
    .solutions-hero__copy,
    .industries-hub__hero-inner > div:first-child,
    .iic-hub-hero__copy,
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .sp-hero__copy,
    .anchor-hero-copy,
    .sn-hero__copy,
    .contact-hero__copy,
    .industry-page-hero-copy,
    .brewery-hero__copy,
    .wip-hero__copy
) :where(h1, .hero-title) {
    max-width: 12ch !important;
    margin-block: 12px 18px !important;
    font-size: clamp(2.8rem, 4.55vw, 4.25rem) !important;
    line-height: .98 !important;
}

body.everklin-transformed :is(
    .solutions-hero__copy,
    .industries-hub__hero-inner > div:first-child,
    .iic-hub-hero__copy,
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .sp-hero__copy,
    .anchor-hero-copy,
    .sn-hero__copy,
    .contact-hero__copy,
    .industry-page-hero-copy,
    .brewery-hero__copy,
    .wip-hero__copy
) > p:not([class*="kicker"]):not([class*="eyebrow"]) {
    max-width: 58ch;
    color: var(--ek-page-copy) !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
}

/* Background-image hero families receive the same panel without changing the
   underlying application photograph. */
@media (min-width: 901px) {
    body.everklin-transformed :is(
        .solutions-hero,
        .industries-hub__hero,
        .iic-hero,
        .wsp-hero,
        .sn-hero,
        .wt-hero,
        .brewery-hero,
        .wip-hero
    ) {
        min-height: 700px !important;
    }

    body.everklin-transformed .solutions-hero__inner,
    body.everklin-transformed .industries-hub__hero-inner,
    body.everklin-transformed .wsp-hero__inner,
    body.everklin-transformed .sn-hero__inner {
        min-height: 700px !important;
        align-items: center !important;
        padding-block: 42px !important;
    }

    body.everklin-transformed .iic-hero__content {
        box-sizing: border-box;
        width: min(720px, calc(100% - 64px)) !important;
        max-width: 720px !important;
        min-height: 520px;
        margin-left: max(32px, calc((100% - 1320px) / 2)) !important;
        margin-right: auto !important;
        padding: 42px 46px !important;
        color: var(--ek-page-ink) !important;
        border: 1px solid rgba(105, 129, 47, .3) !important;
        border-radius: 8px !important;
        background: rgba(253, 252, 248, .96) !important;
        box-shadow: 0 28px 68px rgba(39, 54, 31, .18) !important;
        backdrop-filter: blur(14px);
    }
}

/* Product and packshot heroes retain their established two-column architecture,
   but use the same Homepage reading surface and brand hierarchy. */
body.everklin-transformed :is(
    .product-hero-copy,
    .iic-product-hero__copy,
    .mnc-category-copy,
    .room-product-detail__hero-grid > div:last-child
) {
    box-sizing: border-box;
    align-self: stretch;
    padding: clamp(30px, 4vw, 46px) !important;
    color: var(--ek-page-ink) !important;
    border: 1px solid rgba(105, 129, 47, .26) !important;
    border-radius: 8px !important;
    background: rgba(253, 252, 248, .98) !important;
    box-shadow: 0 20px 50px rgba(39, 54, 31, .12) !important;
}

/* Make the Homepage palette visible beyond the hero without restructuring any
   section. Image/process/diagram sections keep their authored visual layer. */
body.everklin-transformed main:not(.corp-home) > section:not([class*="hero"]):not([class*="process"]):not([class*="diagram"]):not([class*="visual"]):not([class*="statement"]):not([class*="gallery"]) {
    background-color: var(--ek-page-white) !important;
}

body.everklin-transformed main:not(.corp-home) > section:nth-of-type(even):not([class*="hero"]):not([class*="process"]):not([class*="diagram"]):not([class*="visual"]):not([class*="statement"]):not([class*="gallery"]) {
    background-color: var(--ek-page-sage) !important;
}

body.everklin-transformed main:not(.corp-home) :where(table) {
    color: var(--ek-page-copy);
    border-color: var(--ek-page-line) !important;
    background: var(--ek-page-white);
}

body.everklin-transformed main:not(.corp-home) :where(thead th) {
    color: var(--ek-page-ink) !important;
    border-color: var(--ek-page-line) !important;
    background: var(--ek-page-sage-strong) !important;
}

body.everklin-transformed main:not(.corp-home) :where(tbody th, tbody td) {
    color: var(--ek-page-copy) !important;
    border-color: var(--ek-page-line) !important;
    background: var(--ek-page-white) !important;
}

body.everklin-transformed main:not(.corp-home) :where(
    [role="tab"],
    .filter-button,
    .category-tab,
    .programme-tab
) {
    border-color: var(--ek-page-line);
}

body.everklin-transformed main:not(.corp-home) :where(
    [role="tab"][aria-selected="true"],
    .filter-button.is-active,
    .category-tab.is-active,
    .programme-tab.is-active
) {
    color: #fff !important;
    border-color: var(--ek-page-olive) !important;
    background: var(--ek-page-olive) !important;
}

@media (max-width: 900px) {
    body.everklin-transformed :is(
        .iic-hub-hero,
        .sfh-hero,
        .fpp-hero,
        .fsv2-hero,
        .sp-hero,
        .anchor-hero,
        .contact-hero,
        .industry-page-hero,
        .solutions-hero,
        .industries-hub__hero,
        .iic-hero,
        .wsp-hero,
        .sn-hero,
        .wt-hero,
        .brewery-hero,
        .wip-hero
    ) {
        min-height: 720px !important;
    }

    body.everklin-transformed :is(
        .iic-hub-hero__grid,
        .sfh-hero__grid,
        .fpp-hero__grid,
        .fsv2-hero__inner,
        .sp-hero__grid,
        .anchor-hero-grid,
        .contact-hero__scene,
        .industry-page-hero-grid
    ) {
        position: relative !important;
        display: flex !important;
        min-height: 720px !important;
        align-items: flex-end !important;
        padding: 170px 16px 24px !important;
    }

    body.everklin-transformed :is(
        .iic-hub-hero__media,
        .sfh-hero__media,
        .fpp-hero__media,
        .fsv2-hero__media,
        .sp-hero__media,
        .anchor-hero-media,
        .contact-hero__media,
        .industry-page-hero-media
    ) {
        display: block !important;
        position: absolute !important;
        z-index: -2 !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body.everklin-transformed :is(
        .solutions-hero__copy,
        .industries-hub__hero-inner > div:first-child,
        .iic-hub-hero__copy,
        .sfh-hero__copy,
        .fpp-hero__copy,
        .fsv2-hero__copy,
        .sp-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy,
        .contact-hero__copy,
        .industry-page-hero-copy,
        .brewery-hero__copy,
        .wip-hero__copy
    ) {
        width: 100% !important;
        max-width: none !important;
        min-height: 0;
        padding: 28px 24px !important;
        box-shadow: 0 18px 44px rgba(39, 54, 31, .16) !important;
    }
}

@media (max-width: 620px) {
    body.everklin-transformed :is(
        .solutions-hero__copy,
        .industries-hub__hero-inner > div:first-child,
        .iic-hub-hero__copy,
        .sfh-hero__copy,
        .fpp-hero__copy,
        .fsv2-hero__copy,
        .sp-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy,
        .contact-hero__copy,
        .industry-page-hero-copy,
        .brewery-hero__copy,
        .wip-hero__copy
    ) :where(h1, .hero-title) {
        max-width: 100% !important;
        font-size: clamp(2.25rem, 10.5vw, 3rem) !important;
        line-height: 1 !important;
    }
}

/* Final stacking guard: application imagery must remain visible above each
   page family's legacy solid hero background. */
body.everklin-transformed main:not(.corp-home) :is(
    .iic-hub-hero__media,
    .sfh-hero__media,
    .fpp-hero__media,
    .fsv2-hero__media,
    .sp-hero__media,
    .anchor-hero-media,
    .contact-hero__media,
    .industry-page-hero-media
) {
    z-index: 0 !important;
}

body.everklin-transformed main:not(.corp-home) :is(
    .iic-hub-hero__copy,
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .sp-hero__copy,
    .anchor-hero-copy,
    .contact-hero__copy,
    .industry-page-hero-copy
) {
    position: relative !important;
    z-index: 2 !important;
}

/* ========================================================================== */
/* V11: visible homepage hero parity across every inner-page family            */
/* ========================================================================== */

body.everklin-transformed :is(
    .iic-hub-hero,
    .sfh-hero,
    .fpp-hero,
    .fsv2-hero,
    .sp-hero,
    .anchor-hero,
    .contact-hero,
    .industry-page-hero,
    .solutions-hero,
    .industries-hub__hero,
    .wsp-hero,
    .sn-hero,
    .wt-hero,
    .brewery-hero,
    .wip-hero
) {
    isolation: isolate;
    overflow: hidden;
}

body.everklin-transformed :is(
    .iic-hub-hero__media,
    .sfh-hero__media,
    .fpp-hero__media,
    .fsv2-hero__media,
    .sp-hero__media,
    .anchor-hero-media,
    .contact-hero__media,
    .industry-page-hero-media
) {
    z-index: 0 !important;
}

body.everklin-transformed :is(
    .iic-hub-hero__grid,
    .sfh-hero__grid,
    .fpp-hero__grid,
    .fsv2-hero__inner,
    .sp-hero__grid,
    .anchor-hero-grid,
    .contact-hero__scene,
    .industry-page-hero-grid
) {
    z-index: 1;
}

body.everklin-transformed :is(
    .solutions-hero__copy,
    .industries-hub__hero-inner > div:first-child,
    .iic-hub-hero__copy,
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .sp-hero__copy,
    .anchor-hero-copy,
    .sn-hero__copy,
    .contact-hero__copy,
    .industry-page-hero-copy,
    .brewery-hero__copy,
    .wip-hero__copy
) {
    position: relative;
    z-index: 2;
}

/* The legacy I&I category/industry hero carries its image as a CSS variable. */
body.everklin-transformed main:not(.corp-home) .iic-hero {
    position: relative !important;
    display: flex !important;
    min-height: 700px !important;
    align-items: center !important;
    padding: 48px 0 !important;
    overflow: hidden !important;
    isolation: isolate;
    background-color: var(--ek-page-cream) !important;
    background-image:
        linear-gradient(90deg, rgba(250, 249, 244, .38) 0%, rgba(250, 249, 244, .08) 58%, rgba(250, 249, 244, 0) 100%),
        var(--iic-hero-image) !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

body.everklin-transformed main:not(.corp-home) .iic-hero .iic-hero__content {
    position: relative !important;
    z-index: 2;
    box-sizing: border-box;
    width: min(720px, calc(100% - 96px)) !important;
    max-width: 720px !important;
    min-height: 0 !important;
    margin-right: auto !important;
    margin-left: max(48px, calc((100vw - 1344px) / 2)) !important;
    padding: 48px !important;
    border: 1px solid var(--ek-page-line) !important;
    border-radius: 8px !important;
    background: rgba(253, 252, 248, .96) !important;
    box-shadow: 0 22px 60px rgba(39, 54, 31, .16) !important;
    backdrop-filter: none !important;
}

body.everklin-transformed main:not(.corp-home) .iic-hero .iic-hero__content h1 {
    max-width: 12ch;
    margin-top: 22px;
    color: var(--ek-page-ink) !important;
    font-size: clamp(3rem, 5.1vw, 5.3rem) !important;
    line-height: .96 !important;
}

body.everklin-transformed main:not(.corp-home) .iic-hero .iic-lead {
    max-width: 58ch;
    color: var(--ek-page-muted) !important;
}

@media (max-width: 900px) {
    body.everklin-transformed :is(
        .iic-hub-hero__media,
        .sfh-hero__media,
        .fpp-hero__media,
        .fsv2-hero__media,
        .sp-hero__media,
        .anchor-hero-media,
        .contact-hero__media,
        .industry-page-hero-media
    ) {
        z-index: 0 !important;
    }

    body.everklin-transformed main:not(.corp-home) .iic-hero {
        min-height: 720px !important;
        align-items: flex-end !important;
        padding: 170px 16px 24px !important;
        background-position: center !important;
    }

    body.everklin-transformed main:not(.corp-home) .iic-hero .iic-hero__content {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 28px 24px !important;
    }

    body.everklin-transformed main:not(.corp-home) .iic-hero .iic-hero__content h1 {
        max-width: 100%;
        font-size: clamp(2.35rem, 10vw, 3.25rem) !important;
        line-height: 1 !important;
    }

    body.everklin-transformed main:not(.corp-home) :is(
        .solutions-hero__copy,
        .industries-hub__hero-inner > div:first-child,
        .iic-hub-hero__copy,
        .sfh-hero__copy,
        .fpp-hero__copy,
        .fsv2-hero__copy,
        .sp-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy,
        .contact-hero__copy,
        .industry-page-hero-copy,
        .brewery-hero__copy,
        .wip-hero__copy,
        .iic-hero__content,
        .iic-product-hero__copy,
        .mnc-category-copy,
        .product-hero-copy
    ) {
        background: #fdfcf8 !important;
        backdrop-filter: none !important;
    }
}


/* everklin-mobile-responsive.css */
/* ========================================================================== */
/* EVERKLIN mobile responsive system                                          */
/* Compact, image-led mobile chapters while preserving every page template.   */
/* ========================================================================== */

@media (max-width: 900px) {
    html {
        overflow-x: clip;
        scroll-padding-top: 84px;
    }

    body.everklin-transformed {
        width: 100%;
        overflow-x: clip;
    }

    body.everklin-transformed main,
    body.everklin-transformed main :where(section, article, div, header, footer, nav, form, fieldset) {
        min-width: 0;
    }

    body.everklin-transformed :where(img, picture, video, canvas, svg) {
        max-width: 100%;
    }

    body.everklin-transformed :where(h1, h2, h3, h4, p, li, a, button, label, th, td) {
        overflow-wrap: anywhere;
    }

    body.everklin-transformed :where(.container, .corp-shell, .enterprise-container) {
        width: 100%;
        max-width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }

    /* Image-led inner heroes: one clear image, one readable content panel. */
    body.everklin-transformed :is(
        .iic-hub-hero,
        .sfh-hero,
        .fpp-hero,
        .fsv2-hero,
        .sp-hero,
        .anchor-hero,
        .contact-hero,
        .industry-page-hero,
        .solutions-hero,
        .industries-hub__hero,
        .iic-hero,
        .wsp-hero,
        .sn-hero,
        .wt-hero,
        .brewery-hero,
        .wip-hero
    ) {
        min-height: 660px !important;
    }

    body.everklin-transformed :is(
        .iic-hub-hero__grid,
        .sfh-hero__grid,
        .fpp-hero__grid,
        .fsv2-hero__inner,
        .sp-hero__grid,
        .anchor-hero-grid,
        .contact-hero__scene,
        .industry-page-hero-grid
    ) {
        min-height: 660px !important;
        padding: 138px 18px 20px !important;
    }

    body.everklin-transformed main:not(.corp-home) .iic-hero {
        min-height: 660px !important;
        padding: 138px 18px 20px !important;
    }

    body.everklin-transformed :is(
        .solutions-hero__copy,
        .industries-hub__hero-inner > div:first-child,
        .iic-hub-hero__copy,
        .sfh-hero__copy,
        .fpp-hero__copy,
        .fsv2-hero__copy,
        .sp-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy,
        .contact-hero__copy,
        .industry-page-hero-copy,
        .brewery-hero__copy,
        .wip-hero__copy,
        .iic-hero__content
    ) {
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        padding: 25px 23px !important;
        border-radius: 7px !important;
    }

    body.everklin-transformed :is(
        .solutions-hero__copy,
        .industries-hub__hero-inner > div:first-child,
        .iic-hub-hero__copy,
        .sfh-hero__copy,
        .fpp-hero__copy,
        .fsv2-hero__copy,
        .sp-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy,
        .contact-hero__copy,
        .industry-page-hero-copy,
        .brewery-hero__copy,
        .wip-hero__copy,
        .iic-hero__content
    ) :where(h1, .hero-title) {
        max-width: 100% !important;
        font-size: clamp(2.45rem, 8.4vw, 3.4rem) !important;
        line-height: 1.01 !important;
    }

    body.everklin-transformed :is(
        .solutions-hero__copy,
        .industries-hub__hero-inner > div:first-child,
        .iic-hub-hero__copy,
        .sfh-hero__copy,
        .fpp-hero__copy,
        .fsv2-hero__copy,
        .sp-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy,
        .contact-hero__copy,
        .industry-page-hero-copy,
        .brewery-hero__copy,
        .wip-hero__copy,
        .iic-hero__content
    ) :where(p, .iic-lead) {
        font-size: .94rem !important;
        line-height: 1.55 !important;
    }

    /* The shared company/resources hero keeps the same composition with less dead space. */
    body.everklin-transformed .ek-inner-home-hero {
        min-height: 0 !important;
        background-size: auto 292px !important;
    }

    body.everklin-transformed .ek-inner-home-hero::before {
        background: linear-gradient(180deg, rgba(247, 248, 239, .03) 0, rgba(247, 248, 239, .05) 215px, rgba(247, 248, 239, .82) 292px, rgba(247, 248, 239, 1) 100%) !important;
    }

    body.everklin-transformed .ek-inner-home-hero__inner {
        min-height: 0 !important;
        padding: 218px 18px 20px !important;
    }

    body.everklin-transformed .ek-inner-home-hero__panel {
        padding: 26px 24px !important;
    }

    body.everklin-transformed .ek-inner-home-hero__panel h1 {
        max-width: 100%;
        font-size: clamp(2.4rem, 8.2vw, 3.25rem) !important;
        line-height: 1.02 !important;
    }

    /* Stable touch controls and horizontally scrollable tab/table surfaces. */
    body.everklin-transformed :where(
        .product-sticky-nav,
        .product-tabs,
        .fph-category-tabs,
        .fph-technical-tabs,
        .sample-tabs__list,
        [role="tablist"]
    ) {
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    body.everklin-transformed :where(
        .product-sticky-nav,
        .product-tabs,
        .fph-category-tabs,
        .fph-technical-tabs,
        .sample-tabs__list,
        [role="tablist"]
    )::-webkit-scrollbar {
        display: none;
    }

    body.everklin-transformed :where([role="tablist"] > button, .product-tabs a, .product-tabs button) {
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    body.everklin-transformed :where(
        .responsive-table,
        .sample-table-wrap,
        .fph-table-wrap,
        .table-wrap,
        [class*="table-wrap"]
    ) {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    body.everklin-transformed :where(
        .responsive-table table,
        .sample-table-wrap table,
        .fph-table-wrap table,
        [class*="table-wrap"] table
    ) {
        min-width: 680px;
    }

    body.everklin-transformed :where(
        [class*="diagram"],
        [class*="process-visual"],
        [class*="process-stage"],
        [class*="living-process"]
    ) {
        max-width: 100%;
    }

    body.everklin-transformed :where(
        [class*="diagram"],
        [class*="process-visual"],
        [class*="living-process"]
    ) :where(img, svg, canvas) {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Forms, buttons and cards stay within the viewport. */
    body.everklin-transformed :where(input, select, textarea, button) {
        max-width: 100%;
    }

    body.everklin-transformed :where(.page-actions, .corp-actions, .hero-actions, [class*="hero__actions"]) {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    body.everklin-transformed :where(.request-form__grid, .contact-details-grid, .contact-callback__grid) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.everklin-transformed :where(
        .anchor-card,
        .industry-challenge-card,
        .industry-solution-card,
        .contact-document-card
    ) {
        min-width: 0;
    }
}

@media (max-width: 720px) {
    /* Homepage carousel: preserve the cinematic image while reducing panel height. */
    body.everklin-transformed .corp-home .corp-hero,
    body.everklin-transformed .corp-home .corp-hero__inner {
        height: 830px !important;
        min-height: 830px !important;
    }

    body.everklin-transformed .corp-home .corp-hero__inner {
        padding: 210px 0 18px !important;
    }

    body.everklin-transformed .corp-home .corp-hero__content {
        height: 594px !important;
        min-height: 594px !important;
        padding: 23px 21px 19px !important;
    }

    body.everklin-transformed .corp-home .corp-hero h1 {
        font-size: clamp(2.35rem, 10vw, 2.85rem) !important;
        line-height: .99 !important;
    }

    body.everklin-transformed .corp-home .corp-hero__slide[data-corp-slide-key="building"] > .corp-hero__background {
        object-position: 84% center !important;
    }

    body.everklin-transformed .corp-home .corp-hero__panel-footer {
        gap: 13px;
        padding-top: 14px;
    }

    body.everklin-transformed .corp-home .corp-hero__search {
        min-height: 50px;
    }

    body.everklin-transformed .corp-home .corp-hero__search input {
        min-width: 0;
        padding-left: 15px;
    }

    body.everklin-transformed .corp-home .corp-hero__search button {
        min-width: 88px;
    }

    /* Consistent section rhythm: enough air, without full-screen gaps. */
    body.everklin-transformed :where(
        .corp-businesses,
        .corp-purpose,
        .corp-innovation,
        .corp-commitment,
        .corp-impact,
        .corp-trust,
        .corp-updates,
        .anchor-section,
        .industry-section,
        .contact-section,
        .solutions-section,
        .sn-section,
        .wsp-section,
        .fpp-section,
        .sfh-section,
        .iic-section
    ) {
        min-height: 0 !important;
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }

    body.everklin-transformed :where(
        .corp-section-head,
        .industry-section-heading,
        .contact-section-head,
        .fpp-section-heading,
        .anchor-section-head
    ) {
        gap: 14px !important;
        margin-bottom: 26px !important;
    }

    body.everklin-transformed :where(
        .corp-section-head,
        .industry-section-heading,
        .contact-section-head,
        .fpp-section-heading,
        .anchor-section-head
    ) h2 {
        font-size: clamp(2rem, 8.8vw, 2.7rem) !important;
        line-height: 1.03 !important;
    }

    body.everklin-transformed :where(
        .anchor-card-grid,
        .industry-challenge-grid,
        .industry-solution-grid,
        .industry-benefit-grid,
        .industry-related-grid,
        .contact-document-grid,
        .sample-benefit-grid,
        .sample-selection__grid,
        .sample-related__grid,
        .fph-benefit-grid
    ) {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    body.everklin-transformed :where(.anchor-card, .industry-challenge-card, .industry-solution-card) {
        padding: 22px 20px !important;
    }
}

@media (max-width: 620px) {
    body.everklin-transformed :where(.container, .corp-shell, .enterprise-container) {
        padding-right: 16px;
        padding-left: 16px;
    }

    body.everklin-transformed :is(
        .iic-hub-hero,
        .sfh-hero,
        .fpp-hero,
        .fsv2-hero,
        .sp-hero,
        .anchor-hero,
        .contact-hero,
        .industry-page-hero,
        .solutions-hero,
        .industries-hub__hero,
        .iic-hero,
        .wsp-hero,
        .sn-hero,
        .wt-hero,
        .brewery-hero,
        .wip-hero
    ) {
        min-height: 620px !important;
    }

    body.everklin-transformed :is(
        .iic-hub-hero__grid,
        .sfh-hero__grid,
        .fpp-hero__grid,
        .fsv2-hero__inner,
        .sp-hero__grid,
        .anchor-hero-grid,
        .contact-hero__scene,
        .industry-page-hero-grid
    ) {
        min-height: 620px !important;
        padding: 116px 14px 16px !important;
    }

    body.everklin-transformed main:not(.corp-home) .iic-hero {
        min-height: 620px !important;
        padding: 116px 14px 16px !important;
    }

    body.everklin-transformed :is(
        .solutions-hero__copy,
        .industries-hub__hero-inner > div:first-child,
        .iic-hub-hero__copy,
        .sfh-hero__copy,
        .fpp-hero__copy,
        .fsv2-hero__copy,
        .sp-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy,
        .contact-hero__copy,
        .industry-page-hero-copy,
        .brewery-hero__copy,
        .wip-hero__copy,
        .iic-hero__content
    ) {
        padding: 22px 20px !important;
    }

    body.everklin-transformed :is(
        .solutions-hero__copy,
        .industries-hub__hero-inner > div:first-child,
        .iic-hub-hero__copy,
        .sfh-hero__copy,
        .fpp-hero__copy,
        .fsv2-hero__copy,
        .sp-hero__copy,
        .anchor-hero-copy,
        .sn-hero__copy,
        .contact-hero__copy,
        .industry-page-hero-copy,
        .brewery-hero__copy,
        .wip-hero__copy,
        .iic-hero__content
    ) :where(h1, .hero-title) {
        font-size: clamp(2.15rem, 10vw, 2.75rem) !important;
    }

    body.everklin-transformed .ek-inner-home-hero {
        background-size: auto 250px !important;
    }

    body.everklin-transformed .ek-inner-home-hero__inner {
        padding: 184px 14px 16px !important;
    }

    body.everklin-transformed .ek-inner-home-hero__panel {
        padding: 23px 20px !important;
    }

    body.everklin-transformed .ek-inner-home-hero__panel h1 {
        font-size: clamp(2.15rem, 10vw, 2.7rem) !important;
    }

    body.everklin-transformed :where(.page-actions, .corp-actions, .hero-actions, [class*="hero__actions"]) > :where(a, button) {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 390px) {
    body.everklin-transformed .corp-home .corp-hero,
    body.everklin-transformed .corp-home .corp-hero__inner {
        height: 850px !important;
        min-height: 850px !important;
    }

    body.everklin-transformed .corp-home .corp-hero__inner {
        padding-top: 204px !important;
    }

    body.everklin-transformed .corp-home .corp-hero__content {
        height: 620px !important;
        min-height: 620px !important;
        padding-right: 18px !important;
        padding-left: 18px !important;
    }

    body.everklin-transformed .corp-home .corp-hero h1 {
        font-size: clamp(2.22rem, 10.2vw, 2.55rem) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.everklin-transformed *,
    body.everklin-transformed *::before,
    body.everklin-transformed *::after {
        scroll-behavior: auto !important;
    }
}


/* flagship-workspace-color.css */
/* ========================================================================== */
/* EVERKLIN flagship task + product workspace color hierarchy                 */
/* Shared by food, solar and I&I flexi/category product hubs.                 */
/* ========================================================================== */

:root {
    --fw-olive: #8aa33a;
    --fw-olive-deep: #63792d;
    --fw-olive-dark: #465c25;
    --fw-lime: #dfe9b8;
    --fw-sage: #edf2dc;
    --fw-mint: #e4eee2;
    --fw-warm: #f5eedc;
    --fw-cream: #fbfaf4;
    --fw-white: #ffffff;
    --fw-ink: #22372a;
    --fw-muted: #5d6b61;
    --fw-line: #cbd6a9;
}

/* One framed workspace with a visible start-to-finish selection path. */
.fph .fph-category-tabs {
    border-color: var(--fw-line);
    border-radius: 7px 7px 0 0;
    background: var(--fw-cream);
    box-shadow: 0 12px 30px rgba(77, 94, 43, .08);
}

.fph .fph-category-tabs button {
    position: relative;
    isolation: isolate;
    border-right-color: rgba(151, 167, 102, .38);
    color: var(--fw-ink);
    transition: color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.fph .fph-category-tabs button:nth-child(6n + 1) { background: #edf3d8; }
.fph .fph-category-tabs button:nth-child(6n + 2) { background: #f7f0dc; }
.fph .fph-category-tabs button:nth-child(6n + 3) { background: #e4eee2; }
.fph .fph-category-tabs button:nth-child(6n + 4) { background: #f3eadf; }
.fph .fph-category-tabs button:nth-child(6n + 5) { background: #e9efd5; }
.fph .fph-category-tabs button:nth-child(6n + 6) { background: #f8f6e9; }

.fph .fph-category-tabs button > span {
    display: grid;
    place-items: center;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    border: 1px solid rgba(99, 121, 45, .42);
    border-radius: 50%;
    background: rgba(255, 255, 255, .82);
    color: var(--fw-olive-deep);
    font-size: .62rem;
}

.fph .fph-category-tabs button:hover,
.fph .fph-category-tabs button:focus-visible {
    z-index: 1;
    background: var(--fw-lime);
    box-shadow: inset 0 -4px 0 var(--fw-olive);
    color: var(--fw-ink);
    outline: 0;
}

.fph .fph-category-tabs button.is-active,
.fph .fph-category-tabs button[aria-selected="true"] {
    z-index: 2;
    background: var(--fw-olive) !important;
    box-shadow: inset 0 -4px 0 var(--fw-olive-dark), 0 8px 18px rgba(89, 110, 40, .18) !important;
    color: var(--fw-white) !important;
}

.fph .fph-category-tabs button.is-active > span,
.fph .fph-category-tabs button[aria-selected="true"] > span {
    border-color: var(--fw-white);
    background: var(--fw-white);
    color: var(--fw-olive-deep);
}

.fph .fph-workspace {
    gap: 0;
    border: 1px solid var(--fw-line);
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background: var(--fw-white);
    box-shadow: 0 18px 42px rgba(77, 94, 43, .1);
    overflow: hidden;
}

.fph .fph-selector,
.fph .fph-detail-shell {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.fph .fph-selector {
    border-right: 1px solid var(--fw-line);
    background: var(--fw-cream);
}

.fph .fph-selector__title {
    min-height: 70px;
    border-bottom-color: var(--fw-line);
    background: var(--fw-lime);
}

.fph .fph-selector__title span {
    color: var(--fw-ink);
}

.fph .fph-selector__title small {
    color: var(--fw-olive-dark);
}

.fph .fph-product-list {
    gap: 7px;
    padding: 10px;
    background: linear-gradient(180deg, rgba(237, 242, 220, .58), rgba(251, 250, 244, .9));
}

.fph .fph-product-card {
    position: relative;
    min-height: 94px;
    border: 1px solid var(--fw-line);
    border-left: 4px solid transparent;
    background: var(--fw-white);
    box-shadow: 0 4px 12px rgba(77, 94, 43, .05);
}

.fph .fph-product-card:nth-child(even) {
    background: #f7f8ef;
}

.fph .fph-product-card small {
    align-self: flex-start;
    width: fit-content;
    padding: 4px 7px;
    border-radius: 999px;
    background: var(--fw-sage);
    color: var(--fw-olive-dark);
}

.fph .fph-product-card:hover,
.fph .fph-product-card:focus-visible {
    border-color: var(--fw-olive);
    border-left-color: var(--fw-olive);
    background: #f0f5dc;
    box-shadow: 0 9px 20px rgba(77, 94, 43, .12);
    transform: translateX(2px);
}

.fph .fph-product-card.is-active,
.fph .fph-product-card[aria-current="true"] {
    border-color: var(--fw-olive);
    border-left-color: var(--fw-olive-dark);
    background: var(--fw-lime);
    box-shadow: 0 10px 22px rgba(77, 94, 43, .14);
}

.fph .fph-product-card.is-active small,
.fph .fph-product-card[aria-current="true"] small {
    background: var(--fw-olive-deep);
    color: var(--fw-white);
}

.fph .fph-detail-shell {
    background: var(--fw-white);
}

.fph .fph-category-brief,
.fph .fph-product-summary {
    position: relative;
    background: linear-gradient(135deg, var(--fw-white) 0 75%, var(--fw-sage) 75% 100%);
}

.fph .fph-category-brief::before,
.fph .fph-product-summary::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 5px;
    background: var(--fw-olive);
    content: "";
}

.fph .fph-category-facts div:nth-child(4n + 1),
.fph .fph-summary-facts div:nth-child(4n + 1),
.fph .fph-info-pairs article:nth-child(4n + 1),
.fph .fph-property-list div:nth-child(4n + 1) { background: #edf3d8; }

.fph .fph-category-facts div:nth-child(4n + 2),
.fph .fph-summary-facts div:nth-child(4n + 2),
.fph .fph-info-pairs article:nth-child(4n + 2),
.fph .fph-property-list div:nth-child(4n + 2) { background: #f7f0dc; }

.fph .fph-category-facts div:nth-child(4n + 3),
.fph .fph-summary-facts div:nth-child(4n + 3),
.fph .fph-info-pairs article:nth-child(4n + 3),
.fph .fph-property-list div:nth-child(4n + 3) { background: #e4eee2; }

.fph .fph-category-facts div:nth-child(4n + 4),
.fph .fph-summary-facts div:nth-child(4n + 4),
.fph .fph-info-pairs article:nth-child(4n + 4),
.fph .fph-property-list div:nth-child(4n + 4) { background: #f3eadf; }

.fph .fph-code {
    border-color: var(--fw-olive-deep);
    background: var(--fw-olive-deep);
    color: var(--fw-white);
}

/* Technical tabs stay visually connected to the data beneath them. */
.fph .fph-technical {
    border-color: var(--fw-line);
    box-shadow: 0 16px 36px rgba(77, 94, 43, .08);
}

.fph .fph-technical__head {
    border-bottom-color: var(--fw-line);
    background: var(--fw-sage);
}

.fph .fph-technical-tabs {
    border-bottom-color: var(--fw-line);
    background: var(--fw-cream);
}

.fph .fph-technical-tabs__label {
    background: var(--fw-olive-deep);
    color: var(--fw-white);
}

.fph .fph-technical-tabs button {
    border-right-color: rgba(151, 167, 102, .38);
    color: var(--fw-ink);
}

.fph .fph-technical-tabs button:nth-of-type(6n + 1) { background: #edf3d8; }
.fph .fph-technical-tabs button:nth-of-type(6n + 2) { background: #f7f0dc; }
.fph .fph-technical-tabs button:nth-of-type(6n + 3) { background: #e4eee2; }
.fph .fph-technical-tabs button:nth-of-type(6n + 4) { background: #f3eadf; }
.fph .fph-technical-tabs button:nth-of-type(6n + 5) { background: #e9efd5; }
.fph .fph-technical-tabs button:nth-of-type(6n + 6) { background: #f8f6e9; }

.fph .fph-technical-tabs button:hover,
.fph .fph-technical-tabs button:focus-visible {
    background: var(--fw-lime);
    color: var(--fw-ink);
    outline: 0;
}

.fph .fph-technical-tabs button.is-active,
.fph .fph-technical-tabs button[aria-selected="true"] {
    background: var(--fw-olive) !important;
    box-shadow: inset 0 -4px 0 var(--fw-olive-dark) !important;
    color: var(--fw-white) !important;
}

.fph .fph-technical-panels {
    border-top: 5px solid var(--fw-olive);
    background: var(--fw-white);
}

.fph .fph-benefit-grid article:nth-child(odd),
.fph .fph-directions li:nth-child(odd),
.fph .fph-guardrails article:nth-child(odd) {
    background: var(--fw-sage);
}

.fph .fph-benefit-grid article:nth-child(even),
.fph .fph-directions li:nth-child(even),
.fph .fph-guardrails article:nth-child(even) {
    background: var(--fw-warm);
}

.fph .fph-directions span {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--fw-olive);
    color: var(--fw-white);
}

/* Product information tables use contrast, stripes and a strong first column. */
.fph .fph-table-wrap {
    border-color: var(--fw-olive);
    border-radius: 5px;
    box-shadow: 0 9px 22px rgba(77, 94, 43, .08);
}

.fph .fph-technical .fph-table-wrap thead th {
    border-right: 1px solid rgba(255, 255, 255, .28);
    /* The site-wide light table guard is intentionally overridden for this
       scoped data surface so product tables retain a clear header hierarchy. */
    background: var(--fw-olive-deep) !important;
    color: var(--fw-white) !important;
    font-size: .66rem;
}

.fph .fph-table-wrap tbody tr:nth-child(odd) td {
    background: var(--fw-sage) !important;
}

.fph .fph-table-wrap tbody tr:nth-child(even) td {
    background: var(--fw-warm) !important;
}

.fph .fph-table-wrap td {
    border-top-color: var(--fw-line);
    border-right: 1px solid rgba(151, 167, 102, .25);
    color: var(--fw-ink);
}

.fph .fph-table-wrap td:first-child {
    border-left: 4px solid var(--fw-olive);
    font-weight: 800;
}

.fph .fph-table-wrap tbody tr:hover td {
    background: var(--fw-lime) !important;
}

.fph .fph-documents a:nth-child(1) { background: var(--fw-sage); }
.fph .fph-documents a:nth-child(2) { background: var(--fw-warm); }
.fph .fph-documents a:nth-child(3) { background: var(--fw-mint); }

/* Legacy task panels receive the same selection language. */
.iic-room-task-tabs {
    border: 1px solid var(--fw-line);
    border-radius: 6px 6px 0 0;
    background: var(--fw-cream);
}

.iic-room-task-tabs button:nth-child(odd) { background: var(--fw-sage); }
.iic-room-task-tabs button:nth-child(even) { background: var(--fw-warm); }

.iic-room-task-tabs button:hover,
.iic-room-task-tabs button[aria-selected="true"] {
    border-color: var(--fw-olive);
    background: var(--fw-olive) !important;
    color: var(--fw-white) !important;
}

.iic-room-task-products a {
    border-left: 4px solid var(--fw-olive) !important;
    background: var(--fw-sage) !important;
}

.iic-room-task-products a:nth-child(even) {
    background: var(--fw-warm) !important;
}

/* Controlled document cards retain the visual hierarchy without multiplying
   contact actions. The page-level technical review remains the single CTA. */
.room-product-documents__grid article {
    display: flex;
    min-height: 132px;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px;
    border-left: 4px solid var(--fw-olive);
    background: var(--fw-white);
    color: var(--fw-ink);
}

.room-product-documents__grid article:nth-child(2) { background: var(--fw-warm); }
.room-product-documents__grid article:nth-child(3) { background: var(--fw-mint); }

.room-product-documents__grid article span,
.room-product-documents__grid article small,
.ftw-catalogue__status,
.sp-resource-status,
.sample-document-status {
    color: var(--fw-olive-dark);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.45;
    text-transform: uppercase;
}

.room-product-documents__grid article strong {
    color: var(--fw-ink);
    font-size: 1rem;
}

.ftw-catalogue__status,
.sp-resource-status {
    display: block;
    margin-top: auto;
    padding-top: 18px;
}

.sample-document-status {
    margin-top: 20px;
    text-transform: none;
}

.sp-mini-cta__note {
    max-width: 390px;
    margin: 0;
    color: var(--fw-white);
    font-size: .9rem;
    line-height: 1.6;
}

@media (max-width: 900px) {
    .fph .fph-selector {
        border-right: 0;
        border-bottom: 1px solid var(--fw-line);
    }

    .fph .fph-workspace {
        gap: 0;
    }
}

@media (max-width: 620px) {
    .fph .fph-category-tabs {
        scroll-snap-type: x proximity;
    }

    .fph .fph-category-tabs button {
        flex-basis: 225px;
        scroll-snap-align: start;
    }

    .fph .fph-selector__title {
        min-height: 62px;
    }

    .fph .fph-product-card {
        min-height: 88px;
    }

    .fph .fph-technical-tabs {
        scroll-snap-type: x proximity;
    }

    .fph .fph-technical-tabs button {
        scroll-snap-align: start;
    }

    .room-product-documents__grid article {
        min-height: 112px;
        border-bottom: 1px solid var(--fw-line);
        border-left-width: 3px;
    }

    .room-product-documents__grid article:last-child {
        border-bottom: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fph .fph-category-tabs button,
    .fph .fph-product-card {
        transition: none;
    }
}


/* flagship-product-visual-layout.css */
/* Image-first selected-product layout shared by Food & Beverage, I&I and Solar flagship hubs. */
.fph .fph-workspace {
    grid-template-columns: minmax(270px, .27fr) minmax(0, .73fr);
    align-items: start;
}

.fph .fph-selector {
    max-height: 720px;
}

.fph .fph-product-card {
    grid-template-columns: 82px minmax(0, 1fr) 18px;
    min-height: 108px;
}

.fph .fph-product-card figure {
    width: 82px;
    height: 90px;
}

.fph .fph-product-card img {
    width: 76px;
    height: 84px;
}

.fph .fph-product-summary {
    min-height: 560px;
    padding: clamp(26px, 2.8vw, 42px);
}

.fph .fph-product-summary__top {
    grid-template-columns: minmax(320px, 1.06fr) minmax(300px, .94fr);
    gap: clamp(30px, 4vw, 58px);
    align-items: stretch;
}

.fph .fph-product-summary__top .fph-product-summary__visual {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    place-items: center;
    width: 100%;
    height: 100%;
    min-height: 480px;
    padding: 26px 24px 18px;
    overflow: hidden;
    border: 1px solid #cfd9ad;
    border-radius: 6px;
    background: radial-gradient(circle at 50% 42%, #fff 0 42%, #f5f6eb 76%, #ebefd9 100%) !important;
}

.fph .fph-product-summary__visual img {
    width: min(100%, 390px);
    height: 390px;
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 24px 22px rgba(50, 64, 36, .16));
}

.fph .fph-product-summary__visual figcaption {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid #d5ddbc;
    color: #687f2c;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase;
}

.fph .fph-product-summary__visual figcaption span {
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #829a39;
    color: #fff;
    font-size: .9rem;
}

.fph .fph-product-summary__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
}

.fph .fph-product-summary__copy .fph-used-for {
    margin-top: 22px;
}

.fph .fph-product-summary__copy .fph-summary-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 16px;
}

.fph .fph-product-summary__copy .fph-summary-facts div {
    min-height: 76px;
}

@media (max-width: 1180px) {
    .fph .fph-workspace {
        grid-template-columns: minmax(250px, .29fr) minmax(0, .71fr);
    }

    .fph .fph-product-card {
        grid-template-columns: 72px minmax(0, 1fr) 16px;
        min-height: 98px;
    }

    .fph .fph-product-card figure {
        width: 72px;
        height: 80px;
    }

    .fph .fph-product-card img {
        width: 67px;
        height: 74px;
    }

    .fph .fph-product-summary__top {
        grid-template-columns: minmax(260px, 1fr) minmax(280px, 1fr);
        gap: 28px;
    }

    .fph .fph-product-summary__top .fph-product-summary__visual {
        min-height: 410px;
        padding-inline: 18px;
    }

    .fph .fph-product-summary__visual img {
        height: 320px;
    }
}

@media (max-width: 900px) {
    .fph .fph-workspace {
        grid-template-columns: 1fr;
    }

    .fph .fph-selector {
        max-height: none;
    }

    .fph .fph-product-summary__top {
        grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr);
    }

    .fph .fph-product-summary__top .fph-product-summary__visual {
        min-height: 400px;
    }
}

@media (max-width: 700px) {
    .fph .fph-product-summary {
        min-height: 0;
        padding: 18px;
    }

    .fph .fph-product-summary__top {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .fph .fph-product-summary__top .fph-product-summary__visual {
        min-height: 390px;
    }

    .fph .fph-product-summary__visual img {
        width: min(100%, 330px);
        height: 310px;
    }
}

@media (max-width: 430px) {
    .fph .fph-product-summary__top .fph-product-summary__visual {
        min-height: 345px;
        padding: 18px 14px 14px;
    }

    .fph .fph-product-summary__visual img {
        height: 270px;
    }

    .fph .fph-product-summary__copy .fph-summary-facts {
        grid-template-columns: 1fr;
    }
}


/* surface-contrast-system.css */
/* ========================================================================== 
   EVERKLIN - Semantic Surface Contrast

   Final, intentionally scoped contrast authority. It resolves legacy white
   copy left behind when formerly dark page-family sections were converted to
   the homepage's cream and pale-green system. Image-overlay cards and living
   process workspaces keep their own contrast rules.
   ========================================================================== */

body.everklin-transformed {
    --ek-action-olive: #5c7427;
    --ek-action-olive-hover: #4d631e;
    --ek-readable-olive: #526923;
    --ek-on-dark: #fffdf8;
    --ek-on-dark-muted: rgba(255, 253, 248, .86);
}

/* Primary actions use a deeper olive so white labels remain readable. */
body.everklin-transformed :is(
    .site-header .header-technical-cta,
    .skip-link,
    .corp-btn--olive,
    .footer-support__primary,
    .solutions-button--olive,
    .industries-hub__button--olive,
    .sfh-button--primary,
    .page-button:not(.page-button-secondary):not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .brewery-button--primary,
    .wsp-hero .page-button--primary,
    .fpp-page .page-button--primary,
    .contact-button--primary,
    .contact-submit,
    .contact-chat-launcher,
    .iic-button:not(.iic-button--outline),
    .iic-hub-button--primary,
    .sn-button:not(.sn-button--quiet):not(.sn-button--light):not(.sn-button--line),
    .th-button--primary,
    .product-cta-primary,
    .hero .btn-gold,
    .solutions-promo-card > a
) {
    color: #fff !important;
    border-color: var(--ek-action-olive) !important;
    background: var(--ek-action-olive) !important;
}

body.everklin-transformed :is(
    .site-header .header-technical-cta,
    .skip-link,
    .corp-btn--olive,
    .footer-support__primary,
    .solutions-button--olive,
    .industries-hub__button--olive,
    .sfh-button--primary,
    .page-button:not(.page-button-secondary):not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .brewery-button--primary,
    .wsp-hero .page-button--primary,
    .fpp-page .page-button--primary,
    .contact-button--primary,
    .contact-submit,
    .contact-chat-launcher,
    .iic-button:not(.iic-button--outline),
    .iic-hub-button--primary,
    .sn-button:not(.sn-button--quiet):not(.sn-button--light):not(.sn-button--line),
    .th-button--primary,
    .product-cta-primary,
    .hero .btn-gold,
    .solutions-promo-card > a
):is(:hover, :focus-visible) {
    color: #fff !important;
    border-color: var(--ek-action-olive-hover) !important;
    background: var(--ek-action-olive-hover) !important;
}

/* Business-family closing panel: the final light theme changed its surface,
   so its inherited white copy must change with it. */
body.everklin-transformed .sfh-final {
    color: var(--ek-page-copy) !important;
    background: var(--ek-page-sage) !important;
}

body.everklin-transformed .sfh-final :is(h1, h2, h3, h4, strong) {
    color: var(--ek-page-ink) !important;
}

body.everklin-transformed .sfh-final :is(p, li) {
    color: var(--ek-page-copy) !important;
}

body.everklin-transformed .sfh-final .sfh-final__kicker {
    color: var(--ek-readable-olive) !important;
}

body.everklin-transformed .sfh-final .sfh-button--light {
    color: #fff !important;
    border-color: var(--ek-action-olive) !important;
    background: var(--ek-action-olive) !important;
}

/* Industries hub conversion bands now use pale-green surfaces. */
body.everklin-transformed .industries-hub :is(.industries-hub__selection, .industries-hub__review) {
    color: var(--ek-page-copy) !important;
    background: var(--ek-page-sage) !important;
}

body.everklin-transformed .industries-hub :is(.industries-hub__selection, .industries-hub__review) :is(h1, h2, h3, h4, strong) {
    color: var(--ek-page-ink) !important;
}

body.everklin-transformed .industries-hub :is(.industries-hub__selection, .industries-hub__review) :is(p, li) {
    color: var(--ek-page-copy) !important;
}

body.everklin-transformed .industries-hub :is(.industries-hub__selection, .industries-hub__review) .industries-hub__kicker,
body.everklin-transformed .industries-hub .industries-hub__selection li span {
    color: var(--ek-readable-olive) !important;
}

body.everklin-transformed .industries-hub .industries-hub__selection ol,
body.everklin-transformed .industries-hub .industries-hub__selection li {
    border-color: rgba(92, 116, 39, .34) !important;
}

body.everklin-transformed .industries-hub .industries-hub__selection li:not(:last-child)::after {
    color: var(--ek-readable-olive) !important;
    border-color: rgba(92, 116, 39, .46) !important;
    background: var(--ek-page-sage) !important;
}

/* Industry application bands were formerly olive. Their pale surface now
   receives the same dark editorial hierarchy as adjacent sections. */
body.everklin-transformed .iic-flagship .iic-environments {
    color: var(--ek-page-copy) !important;
    background: var(--ek-page-sage) !important;
}

body.everklin-transformed .iic-flagship .iic-environments :is(h1, h2, h3, h4, strong) {
    color: var(--ek-page-ink) !important;
}

body.everklin-transformed .iic-flagship .iic-environments :is(p, li, .iic-text-link) {
    color: var(--ek-page-copy) !important;
}

body.everklin-transformed .iic-flagship .iic-environments :is(.iic-kicker, .iic-environments__list span, .iic-environments__list b) {
    color: var(--ek-readable-olive) !important;
}

body.everklin-transformed .iic-flagship .iic-environments :is(.iic-environments__list, .iic-environments__list a) {
    border-color: rgba(92, 116, 39, .3) !important;
}

body.everklin-transformed .iic-flagship .iic-environments .iic-environments__list a {
    color: var(--ek-page-ink) !important;
}

/* Small labels and numeric proof points need a stronger olive on light
   surfaces; this preserves the brand accent without pale-on-pale text. */
body.everklin-transformed :is(
    .sn-impact-dashboard__metrics dt,
    .certification-proof-grid dt,
    .company-certification-proof dt,
    .company-certifications dt
) {
    color: var(--ek-readable-olive) !important;
}

body.everklin-transformed .contact-language-toggle button:is(.is-active, :hover, :focus-visible) {
    color: #fff !important;
    background: var(--ek-action-olive) !important;
}

body.everklin-transformed .contact-language-toggle button:last-child:hover {
    color: #fff !important;
    background: var(--ek-action-olive) !important;
}

/* Secondary actions stay light and legible instead of inheriting a legacy
   medium-olive fill with white copy. */
body.everklin-transformed .page-button-secondary {
    color: var(--ek-page-ink) !important;
    border-color: #a9bc78 !important;
    background: #fff !important;
}

body.everklin-transformed .page-button-secondary:is(:hover, :focus-visible) {
    color: var(--ek-page-ink) !important;
    border-color: var(--ek-action-olive) !important;
    background: var(--ek-page-sage) !important;
}

body.everklin-transformed main .page-button.page-button-secondary {
    color: var(--ek-page-ink) !important;
    border-color: #a9bc78 !important;
    background: #fff !important;
}

/* Interactive active states use the accessible action olive. */
body.everklin-transformed main:not(.corp-home) :where(
    [role="tab"][aria-selected="true"],
    .filter-button.is-active,
    .category-tab.is-active,
    .programme-tab.is-active,
    .download-filter-row button.is-active,
    .sn-orbit__node.is-active,
    .lpd__challenge.is-active
) {
    color: #fff !important;
    border-color: var(--ek-action-olive) !important;
    background: var(--ek-action-olive) !important;
}

/* The compact company journey uses an active waypoint, not a filled tab. */
body.everklin-transformed .company-journey-map__nodes button[role="tab"][aria-selected="true"] {
    color: var(--ek-page-ink) !important;
    border-color: transparent !important;
    background: transparent !important;
}

body.everklin-transformed main.downloads-flagship .download-filter-row button.is-active,
body.everklin-transformed main.knowledge-editorial .knowledge-explorer-tabs button[aria-selected="true"],
body.everklin-transformed .lpd__modes button[aria-pressed="true"],
body.everklin-transformed .fsv2-related a[aria-current="page"] {
    color: #fff !important;
    border-color: var(--ek-action-olive) !important;
    background: var(--ek-action-olive) !important;
}

body.everklin-transformed :is(
    .sfh-inline-link,
    .sn-trustrow__link,
    .industries-hub__text-link,
    .iic-text-link
) {
    color: var(--ek-readable-olive) !important;
}

body.everklin-transformed main :is(
    .corp-kicker,
    .solutions-kicker,
    .industries-hub__kicker,
    .sfh-kicker,
    .sfh-final__kicker,
    .iic-kicker,
    .wsp-eyebrow,
    .sp-eyebrow,
    .fpp-eyebrow,
    .sn-kicker,
    .anchor-eyebrow,
    .contact-eyebrow,
    .section-kicker,
    .inner-kicker,
    .eyebrow,
    .kicker
) {
    color: var(--ek-readable-olive) !important;
}

body.everklin-transformed .iic-hero .iic-kicker,
body.everklin-transformed main.iic-flagship .iic-hero .iic-kicker,
body.everklin-transformed .solutions-selection .solutions-kicker,
body.everklin-transformed .solutions-review .solutions-kicker {
    color: var(--ek-readable-olive) !important;
}

body.everklin-transformed .certification-proof-panel dt {
    color: #59685d !important;
}

body.everklin-transformed main.contact-ultra .contact-language-toggle button:is(.is-active, :hover, :focus-visible) {
    color: #fff !important;
    background: var(--ek-action-olive) !important;
}

/* The two intentional homepage olive bands retain their pale labels. */
body.everklin-transformed .corp-home :is(.corp-commitment, .corp-final) :is(.corp-kicker, .eyebrow, .kicker) {
    color: #f4f8dc !important;
}

/* Semantic dark surfaces remain dark regardless of legacy light guards. */
body.everklin-transformed :is([data-theme="dark"], [data-surface="dark"]) {
    color: var(--ek-on-dark) !important;
}

body.everklin-transformed :is([data-theme="dark"], [data-surface="dark"]) :is(h1, h2, h3, h4, h5, h6, strong, dt) {
    color: var(--ek-on-dark) !important;
}

body.everklin-transformed :is([data-theme="dark"], [data-surface="dark"]) :is(p, li, dd, small) {
    color: var(--ek-on-dark-muted) !important;
}

body.everklin-transformed :is([data-theme="dark"], [data-surface="dark"]) a:not(.page-button):not(.button):not(.btn) {
    color: var(--ek-on-dark) !important;
    text-decoration-color: #dce9a6 !important;
}

/* Final keyboard, contrast and touch-target guard. These rules are deliberately
   limited to shared controls and do not alter certificate-specific surfaces. */
body.everklin-transformed .corp-home .corp-hero__search button {
    color: #fff !important;
    border-color: var(--ek-action-olive) !important;
    background: var(--ek-action-olive) !important;
}

body.everklin-transformed .corp-home .corp-hero__search button:is(:hover, :focus-visible) {
    border-color: var(--ek-action-olive-hover) !important;
    background: var(--ek-action-olive-hover) !important;
}

body.everklin-transformed footer.site-footer :is(
    .footer-support__eyebrow,
    .footer-contact-list span,
    .footer-column .footer-view-all,
    .footer-column .footer-view-all span
) {
    color: var(--ek-readable-olive) !important;
}

body.everklin-transformed .contact-language-toggle button {
    min-height: 44px !important;
    color: var(--ek-page-ink) !important;
    background: #fff !important;
}

body.everklin-transformed .contact-language-toggle button:is(.is-active, :hover, :focus-visible) {
    color: #fff !important;
}

body.everklin-transformed :is(
    .knowledge-resource-link,
    .company-journey-map__controls button,
    .company-journey-map__nodes button,
    .kc-faq summary,
    .fpp-page details > summary,
    .lpd__challenge,
    .lpd__modes button
) {
    min-height: 44px;
}

@media (max-width: 1179px) {
    body.everklin-transformed .site-header :is(.header-search, .mobile-menu-toggle) {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
    }

    body.everklin-transformed .corp-home :is(
        [data-corp-slide-control],
        [data-corp-slider-toggle]
    ) {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 0 !important;
    }
}

/* Homepage commitment CTA sits on a pale surface. Keep its label readable
   even when shared action styles are loaded after the homepage stylesheet. */
body.everklin-transformed .corp-home .corp-commitment .corp-btn--soft,
body.everklin-transformed .corp-home .corp-commitment .corp-btn--soft span {
    color: var(--ek-page-ink) !important;
}

body.everklin-transformed .corp-home .corp-commitment .corp-btn--soft {
    border-color: #d3dfad !important;
    background: #f1f7dc !important;
}

body.everklin-transformed .corp-home .corp-commitment .corp-btn--soft:is(:hover, :focus-visible) {
    color: #fff !important;
    border-color: var(--ek-action-olive-hover) !important;
    background: var(--ek-action-olive-hover) !important;
}

body.everklin-transformed .corp-home .corp-commitment .corp-btn--soft:is(:hover, :focus-visible) span {
    color: #fff !important;
}


/* global-white-canvas.css */
/*
 * Everklin global white canvas
 *
 * Neutral cream and ivory page surfaces resolve to white. Brand olive,
 * pale-green feature bands, dark sections, borders and accents stay intact.
 * This file is intentionally loaded last so legacy page themes inherit the
 * same neutral canvas without changing their layout or content structure.
 */

:root {
    --ek-cream: #ffffff;
    --ek-soft-cream: #ffffff;
    --ek-warm-cream: #ffffff;
    --ek-ivory: #ffffff;
    --ek-refine-cream: #ffffff;
    --ek-ui-cream: #ffffff;
    --ek-shell-cream: #ffffff;
    --ek-page-cream: #ffffff;
    --ekp-cream: #ffffff;
    --ekp-cream-deep: #ffffff;
    --ekd-cream-100: #ffffff;
    --cream: #ffffff;
    --cream-2: #ffffff;
    --theme-cream: #ffffff;
    --everklin-cream: #ffffff;
    --everklin-bg-cream: #ffffff;
    --ch-cream: #ffffff;
    --ch-warm-white: #ffffff;
    --corporate-cream: #ffffff;
    --apex-cream: #ffffff;
    --edt-cream: #ffffff;
    --ft-paper: #ffffff;
}

html,
body,
body.everklin-transformed,
body.everklin-transformed main {
    background-color: #ffffff !important;
}

/* Header is part of the global neutral canvas. */
body.everklin-transformed .site-header,
body.everklin-transformed .site-header.is-menu-open,
body.everklin-transformed .site-header.is-scrolled,
body:has(main) .site-header,
body:has(main) .site-header.is-menu-open,
body:has(main) .site-header.is-scrolled {
    background: rgba(255, 255, 255, .97) !important;
}

/* Component-scoped aliases override older local theme declarations. */
:where(.corp-home) {
    --ch-cream: #ffffff;
    --ch-warm-white: #ffffff;
}

:where(.solutions-flagship, .solutions-hub) {
    --sf-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.sfh-page) {
    --sfh-cream: #ffffff;
    --sfh-soft-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.wtfl-page, .water-treatment-family) {
    --wtfl-cream: #ffffff;
}

:where(.sp-page, .shared-solution-page) {
    --sp-cream: #ffffff;
    --wsp-cream: #ffffff;
}

:where(.fpp-page) {
    --fpp-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.fph) {
    --fpi-cream: #ffffff;
    --fpi-cream-strong: #ffffff;
    --fw-cream: #ffffff;
}

:where(.iic-flagship, .iic-industry-flagship, .industrial-care-flagship) {
    --iic-cream: #ffffff;
    --iic-ref-cream: #ffffff;
    --industry-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.industries-hub, .industry-page) {
    --ih-cream: #ffffff;
    --industry-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.room-hub, .room-care-product-hub) {
    --room-cream: #ffffff;
}

:where(.brewery-page) {
    --brew-cream: #ffffff;
}

:where(.industrial-glass-page) {
    --ii-cream: #ffffff;
}

:where(.flagship-journey, .anchor-page) {
    --fj-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.sustainability-nova, .sustainability-tesla, .sustainability-flagship) {
    --sn-cream: #ffffff;
    --st-cream: #ffffff;
    --sf-cream: #ffffff;
}

:where(.resource-flagship, .resources-flagship, .knowledge-flagship, .downloads-flagship) {
    --resource-cream: #ffffff;
    --rf-cream: #ffffff;
    --re-cream: #ffffff;
    --ke-cream: #ffffff;
    --rg-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.contact-ultra) {
    --contact-cream: #ffffff;
    --pc-cream: #ffffff;
    --ekd-cream-100: #ffffff;
}

:where(.th-home) {
    --th-cream: #ffffff;
}

:where(.ek-system, .ek-prototype) {
    --ekd-cream-100: #ffffff;
}

:where(.lpd) {
    --lpd-cream: #ffffff;
    --lpd-paper: #ffffff;
}

/* Light hero/content panels keep their opacity but lose the ivory tint. */
html body.everklin-transformed #main .corp-hero__content,
html body.everklin-transformed #main .solutions-hero__copy,
html body.everklin-transformed #main .sfh-hero__copy,
html body.everklin-transformed #main .fpp-hero__copy,
html body.everklin-transformed #main .iic-hero__content,
html body.everklin-transformed #main .ek-inner-home-hero__panel,
html body.everklin-transformed #main .contact-hero__copy {
    background: rgba(255, 255, 255, .96) !important;
}

/* Remaining neutral cream blocks that use literal legacy colors. */
html body.everklin-transformed.everklin-transformed main .sfh-switcher__panel,
html body.everklin-transformed.everklin-transformed main .download-library-group-section--public,
html body.everklin-transformed.everklin-transformed main .solutions-hero,
html body.everklin-transformed.everklin-transformed main .iic-hero--industry {
    background-color: #ffffff !important;
}

html body.everklin-transformed.everklin-transformed main .solutions-hero__note {
    background-color: rgba(255, 255, 255, .82) !important;
}

/* Living diagrams retain their colored states while neutral work areas turn white. */
html body.everklin-transformed.everklin-transformed main :where(
    .lpd__toolbar,
    .lpd__frame,
    .lpd__canvas,
    .lpd__scene-media,
    .lpd__visual,
    .lpd__visual-state,
    .lpd__component-name,
    .lpd__panel,
    .lpd__parameter:not(.is-active),
    .lpd details,
    .fph-category-tabs,
    .fph-used-for,
    .fph-common-faq,
    .fph-common-faq details,
    .fph-common-faq summary
) {
    background-color: #ffffff !important;
}

/* Win over legacy component-scoped custom properties on every template family. */
body.everklin-transformed :is(
    .corp-home,
    .solutions-flagship,
    .solutions-hub,
    .sfh-page,
    .wtfl-page,
    .water-treatment-family,
    .sp-page,
    .shared-solution-page,
    .fpp-page,
    .fph,
    .iic-flagship,
    .iic-industry-flagship,
    .industrial-care-flagship,
    .industries-hub,
    .industry-page,
    .room-hub,
    .room-care-product-hub,
    .brewery-page,
    .industrial-glass-page,
    .flagship-journey,
    .anchor-page,
    .sustainability-nova,
    .sustainability-tesla,
    .sustainability-flagship,
    .resource-flagship,
    .resources-flagship,
    .knowledge-flagship,
    .downloads-flagship,
    .contact-ultra,
    .th-home,
    .ek-system,
    .ek-prototype,
    .lpd
) {
    --ch-cream: #ffffff !important;
    --ch-warm-white: #ffffff !important;
    --sf-cream: #ffffff !important;
    --sfh-cream: #ffffff !important;
    --sfh-soft-cream: #ffffff !important;
    --wtfl-cream: #ffffff !important;
    --sp-cream: #ffffff !important;
    --wsp-cream: #ffffff !important;
    --fpp-cream: #ffffff !important;
    --fpi-cream: #ffffff !important;
    --fpi-cream-strong: #ffffff !important;
    --fw-cream: #ffffff !important;
    --iic-cream: #ffffff !important;
    --iic-ref-cream: #ffffff !important;
    --industry-cream: #ffffff !important;
    --ih-cream: #ffffff !important;
    --room-cream: #ffffff !important;
    --brew-cream: #ffffff !important;
    --ii-cream: #ffffff !important;
    --fj-cream: #ffffff !important;
    --sn-cream: #ffffff !important;
    --st-cream: #ffffff !important;
    --resource-cream: #ffffff !important;
    --rf-cream: #ffffff !important;
    --re-cream: #ffffff !important;
    --ke-cream: #ffffff !important;
    --rg-cream: #ffffff !important;
    --contact-cream: #ffffff !important;
    --pc-cream: #ffffff !important;
    --th-cream: #ffffff !important;
    --lpd-cream: #ffffff !important;
    --lpd-paper: #ffffff !important;
    --ekd-cream-100: #ffffff !important;
}

html body.everklin-transformed #main.sustainability-nova .sn-hero,
html body.everklin-transformed #main.sustainability-nova .sn-detail__block {
    background-color: #ffffff !important;
}

html body.everklin-transformed #main.sustainability-nova .sn-hero__copy {
    background: rgba(255, 255, 255, .96) !important;
}

html body.everklin-transformed #main.contact-ultra fieldset.request-field,
html body.everklin-transformed #main.contact-ultra details.request-field {
    background-color: #ffffff !important;
}


/* flagship-interactive-workspace.css */
/* Shared interactive decision workspace for every FPH/ICH flex page. */

.fph {
    --fiw-olive: #839d3c;
    --fiw-olive-deep: #5f742d;
    --fiw-olive-dark: #30452f;
    --fiw-highlight: #e4ebcd;
    --fiw-highlight-soft: #f2f5e8;
    --fiw-band: #edf2e3;
    --fiw-white: #ffffff;
    --fiw-ink: #26362b;
    --fiw-copy: #5c6a61;
    --fiw-line: #ced8bd;
    position: relative;
    padding-block: clamp(68px, 7vw, 104px) !important;
    border-block: 1px solid #d8e1c8;
    background: var(--fiw-band) !important;
    box-shadow: inset 0 5px 0 var(--fiw-olive);
}

.fph .fph__heading {
    max-width: 1180px;
    margin-bottom: 36px;
}

.fph .fph__heading .fpp-eyebrow,
.fph .fph__heading .iic-kicker {
    color: var(--fiw-olive-deep) !important;
}

.fph .fph__heading h2 {
    color: var(--fiw-ink) !important;
}

.fph .fph__heading > p:last-child {
    color: var(--fiw-copy) !important;
}

.fph .fph-category-tabs {
    border: 1px solid var(--fiw-line);
    border-radius: 7px 7px 0 0;
    background: var(--fiw-white) !important;
    box-shadow: 0 12px 28px rgba(48, 69, 47, .08);
}

.fph .fph-category-tabs button,
.fph .fph-category-tabs button:nth-child(n) {
    position: relative;
    border-color: var(--fiw-line);
    background: var(--fiw-white) !important;
    color: var(--fiw-ink) !important;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.fph .fph-category-tabs button > span {
    border-color: #bdc9aa;
    background: var(--fiw-highlight-soft);
    color: var(--fiw-olive-deep);
}

.fph .fph-category-tabs button:hover,
.fph .fph-category-tabs button:focus-visible {
    z-index: 2;
    background: var(--fiw-highlight-soft) !important;
    box-shadow: inset 0 -4px 0 #a4b574;
    transform: translateY(-2px);
}

.fph .fph-category-tabs button.is-active,
.fph .fph-category-tabs button[aria-selected="true"] {
    z-index: 3;
    background: var(--fiw-olive-deep) !important;
    box-shadow: inset 0 -5px 0 #a9bd6c, 0 8px 18px rgba(48, 69, 47, .18) !important;
    color: var(--fiw-white) !important;
    transform: none;
}

.fph .fph-category-tabs button.is-active > span,
.fph .fph-category-tabs button[aria-selected="true"] > span {
    border-color: var(--fiw-white);
    background: var(--fiw-white);
    color: var(--fiw-olive-deep);
}

.fph .fph-workspace {
    gap: 0;
    border: 1px solid var(--fiw-line);
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background: var(--fiw-white);
    box-shadow: 0 24px 56px rgba(48, 69, 47, .13);
    overflow: hidden;
}

.fph .fph-selector,
.fph .fph-detail-shell {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.fph .fph-selector {
    border-right: 1px solid var(--fiw-line);
    background: #f8faf5;
}

.fph .fph-selector__title {
    min-height: 72px;
    border-bottom: 1px solid var(--fiw-line);
    background: var(--fiw-highlight);
}

.fph .fph-selector__title span {
    color: var(--fiw-ink);
}

.fph .fph-selector__title small {
    color: var(--fiw-olive-deep);
}

.fph .fph-product-list {
    gap: 8px;
    padding: 10px;
    background: #f8faf5;
}

.fph .fph-product-card,
.fph .fph-product-card:nth-child(n) {
    border: 1px solid #dfe5d7;
    border-left: 4px solid transparent;
    background: var(--fiw-white) !important;
    box-shadow: none;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.fph .fph-product-card small {
    background: var(--fiw-highlight-soft);
    color: var(--fiw-olive-deep);
}

.fph .fph-product-card:hover,
.fph .fph-product-card:focus-visible {
    border-color: #aaba82;
    border-left-color: var(--fiw-olive);
    background: var(--fiw-highlight-soft) !important;
    box-shadow: 0 8px 18px rgba(48, 69, 47, .09);
    transform: translateX(3px);
}

.fph .fph-product-card.is-active,
.fph .fph-product-card[aria-current="true"] {
    border-color: var(--fiw-olive);
    border-left-color: var(--fiw-olive-deep);
    background: var(--fiw-highlight) !important;
    box-shadow: 0 9px 20px rgba(48, 69, 47, .12);
}

.fph .fph-product-card.is-active small,
.fph .fph-product-card[aria-current="true"] small {
    background: var(--fiw-olive-deep);
    color: var(--fiw-white);
}

.fph .fph-detail-shell {
    background: var(--fiw-white);
}

.fph .fph-category-brief,
.fph .fph-product-summary {
    position: relative;
    background: var(--fiw-white) !important;
}

.fph .fph-category-brief::before,
.fph .fph-product-summary::before {
    height: 5px;
    background: var(--fiw-olive);
}

.fph .fph-category-brief h3,
.fph .fph-product-summary h2 {
    color: var(--fiw-ink) !important;
}

.fph .fph-category-brief__lead,
.fph .fph-category-facts dd,
.fph .fph-summary-facts dd,
.fph .fph-selection-considerations li {
    color: var(--fiw-copy) !important;
}

.fph .fph-category-facts,
.fph .fph-summary-facts {
    border-color: var(--fiw-line);
}

.fph .fph-category-facts div:nth-child(n),
.fph .fph-summary-facts div:nth-child(n) {
    border-color: var(--fiw-line);
    background: var(--fiw-white) !important;
    transition: background-color .18s ease, box-shadow .18s ease;
}

.fph .fph-category-facts div:nth-child(even),
.fph .fph-summary-facts div:nth-child(even) {
    background: #f7f9f3 !important;
}

.fph .fph-category-facts div:hover,
.fph .fph-summary-facts div:hover {
    position: relative;
    z-index: 1;
    background: var(--fiw-highlight-soft) !important;
    box-shadow: inset 4px 0 0 var(--fiw-olive);
}

.fph .fph-category-facts dt,
.fph .fph-summary-facts dt {
    color: var(--fiw-olive-deep);
}

.fph .fph-selection-considerations li::before {
    background: var(--fiw-olive);
}

/* Selected product overview continues the same decision path. */
.fph .fph-product-summary__top .fph-product-summary__visual {
    border-color: #c8d4b5;
    background: var(--fiw-highlight-soft) !important;
    box-shadow: inset 0 0 0 7px var(--fiw-white);
    transition: border-color .22s ease, box-shadow .22s ease;
}

.fph .fph-product-summary__top .fph-product-summary__visual:hover {
    border-color: var(--fiw-olive);
    box-shadow: inset 0 0 0 7px var(--fiw-white), 0 14px 28px rgba(48, 69, 47, .1);
}

.fph .fph-product-summary__visual img {
    transition: transform .25s ease;
}

.fph .fph-product-summary__visual:hover img {
    transform: translateY(-5px) scale(1.025);
}

.fph .fph-product-summary__visual figcaption {
    border-top-color: #c8d4b5;
    color: var(--fiw-olive-deep);
}

.fph .fph-product-summary__visual figcaption span,
.fph .fph-code {
    border-color: var(--fiw-olive-deep);
    background: var(--fiw-olive-deep);
    color: var(--fiw-white);
}

.fph .fph-used-for {
    border-color: #c8d4b5;
    border-left-color: var(--fiw-olive);
    background: var(--fiw-highlight-soft) !important;
}

/* Product Overview and technical tabs read as one interactive continuation. */
.fph .fph-technical {
    margin-top: 28px;
    border: 1px solid var(--fiw-line);
    border-top: 5px solid var(--fiw-olive);
    border-radius: 7px;
    background: var(--fiw-white);
    box-shadow: 0 20px 46px rgba(48, 69, 47, .11);
    overflow: hidden;
}

.fph .fph-technical__head {
    border-bottom-color: var(--fiw-line);
    background: var(--fiw-highlight-soft);
}

.fph .fph-technical-tabs {
    border-bottom-color: var(--fiw-line);
    background: var(--fiw-white);
}

.fph .fph-technical-tabs__label {
    background: var(--fiw-olive-dark);
    color: var(--fiw-white);
}

.fph .fph-technical-tabs button,
.fph .fph-technical-tabs button:nth-of-type(n) {
    border-color: var(--fiw-line);
    background: var(--fiw-white) !important;
    color: var(--fiw-ink);
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.fph .fph-technical-tabs button:hover,
.fph .fph-technical-tabs button:focus-visible {
    background: var(--fiw-highlight-soft) !important;
    color: var(--fiw-ink);
}

.fph .fph-technical-tabs button.is-active,
.fph .fph-technical-tabs button[aria-selected="true"] {
    background: var(--fiw-highlight) !important;
    box-shadow: inset 0 -4px 0 var(--fiw-olive-deep) !important;
    color: var(--fiw-ink) !important;
}

.fph .fph-technical-panels {
    border-top: 0;
    background: var(--fiw-white);
}

.fph .fph-technical-panels > section > h4 {
    border-left-color: var(--fiw-olive);
    color: var(--fiw-ink);
}

.fph .fph-info-pairs article:nth-child(n),
.fph .fph-property-list div:nth-child(n),
.fph .fph-benefit-grid article:nth-child(n) {
    border-color: var(--fiw-line);
    background: var(--fiw-white) !important;
    transition: background-color .18s ease, box-shadow .18s ease;
}

.fph .fph-info-pairs article:hover,
.fph .fph-property-list div:hover,
.fph .fph-benefit-grid article:hover {
    background: var(--fiw-highlight-soft) !important;
    box-shadow: inset 4px 0 0 var(--fiw-olive);
}

.fph .fph-table-wrap {
    border-color: var(--fiw-line);
    box-shadow: 0 10px 24px rgba(48, 69, 47, .07);
}

.fph .fph-technical .fph-table-wrap thead th {
    background: var(--fiw-olive-deep) !important;
    color: var(--fiw-white) !important;
}

.fph .fph-table-wrap tbody tr:nth-child(n) td {
    background: var(--fiw-white) !important;
}

.fph .fph-table-wrap tbody tr:nth-child(even) td {
    background: #f7f9f3 !important;
}

.fph .fph-table-wrap tbody tr:hover td {
    background: var(--fiw-highlight) !important;
}

@media (max-width: 900px) {
    .fph {
        padding-block: 58px !important;
    }

    .fph .fph-selector {
        border-right: 0;
        border-bottom: 1px solid var(--fiw-line);
    }
}

@media (max-width: 620px) {
    .fph .fph-category-tabs {
        scrollbar-color: var(--fiw-olive) #dfe6d2;
        scrollbar-width: thin;
    }

    .fph .fph-category-tabs button:hover,
    .fph .fph-category-tabs button:focus-visible {
        transform: none;
    }

    .fph .fph-workspace,
    .fph .fph-technical {
        box-shadow: 0 14px 30px rgba(48, 69, 47, .1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .fph .fph-category-tabs button,
    .fph .fph-product-card,
    .fph .fph-product-summary__visual,
    .fph .fph-product-summary__visual img {
        transition: none;
    }
}

/* Reference-led selected product workspace: compact, visual and immediately scannable. */
.fph[data-selected-product]:not([data-selected-product=""]) {
    padding-block: 18px 54px !important;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph__heading {
    display: none;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-category-tabs {
    margin-top: 0;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-workspace {
    grid-template-columns: minmax(260px, .265fr) minmax(0, .735fr);
    min-height: 0;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-selector {
    max-height: 560px;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-product-card {
    grid-template-columns: 70px minmax(0, 1fr) 16px;
    min-height: 92px;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-product-card figure {
    width: 70px;
    height: 74px;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-product-card img {
    width: 64px;
    height: 68px;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary {
    min-height: 0;
    padding: 10px;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary::before {
    display: none;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary__top {
    grid-template-columns: minmax(285px, .42fr) minmax(0, .58fr);
    gap: 26px;
    align-items: stretch;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary__top .fph-product-summary__visual {
    min-height: 400px;
    padding: 18px 18px 12px;
    border-radius: 6px;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary__visual img {
    width: min(100%, 320px);
    height: 320px;
    filter: drop-shadow(0 18px 17px rgba(48, 69, 47, .15));
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary__copy {
    display: flex;
    padding: 14px 18px 14px 0;
    justify-content: flex-start;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-code {
    align-self: flex-start;
    margin-bottom: 10px;
    padding: 5px 12px;
    border-radius: 999px;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary h2 {
    margin: 5px 0 8px;
    font-size: clamp(2rem, 3vw, 3.15rem);
    line-height: 1;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary__top strong {
    font-size: .72rem;
    letter-spacing: .06em;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary__top p:not(.fpp-eyebrow):not(.iic-kicker) {
    font-size: .8rem;
    line-height: 1.5;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-summary-facts {
    order: 1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 18px 0 0;
    border: 0;
    counter-reset: fiw-fact;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-summary-facts div:nth-child(n) {
    position: relative;
    min-height: 104px;
    padding: 48px 10px 10px;
    border: 0;
    border-right: 1px solid var(--fiw-line);
    background: var(--fiw-white) !important;
    box-shadow: none;
    counter-increment: fiw-fact;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-summary-facts div:nth-child(n + 5) {
    display: none;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-summary-facts div:nth-child(4) {
    border-right: 0;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-summary-facts div::before {
    position: absolute;
    top: 7px;
    left: 10px;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid #c9d8ae;
    border-radius: 50%;
    background: var(--fiw-highlight);
    color: var(--fiw-olive-deep);
    content: counter(fiw-fact, decimal-leading-zero);
    font-size: .58rem;
    font-weight: 900;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-summary-facts dt {
    font-size: .56rem;
    line-height: 1.3;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-summary-facts dd {
    margin-top: 5px;
    font-size: .66rem;
    line-height: 1.35;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-used-for {
    position: relative;
    order: 2;
    grid-template-columns: 72px minmax(0, 1fr) 20px;
    gap: 14px;
    align-items: center;
    margin-top: 13px;
    padding: 14px 18px;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(100deg, #68802f, #8dab3d) !important;
    box-shadow: 0 10px 24px rgba(79, 101, 42, .16);
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-used-for::after {
    color: var(--fiw-white);
    content: "\2192";
    font-size: 1.2rem;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-used-for span,
.fph[data-selected-product]:not([data-selected-product=""]) .fph-used-for p {
    color: var(--fiw-white) !important;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-used-for p {
    margin: 0;
    font-size: .9rem;
    font-weight: 750;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-technical {
    margin-top: 0;
    border-top-width: 1px;
    border-radius: 0 0 7px 7px;
    box-shadow: 0 24px 56px rgba(48, 69, 47, .13);
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-technical__head {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 22px 28px 8px;
    border-bottom: 0;
    background: var(--fiw-white);
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-technical__head h3 {
    font-size: clamp(1.55rem, 2.2vw, 2.15rem);
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-technical__grid {
    display: grid;
    grid-template-columns: 208px minmax(0, 1fr);
    min-height: 0;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-panels {
    padding: 14px 28px 24px;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-tabs {
    display: flex;
    min-width: 0;
    flex-direction: column;
    border-top: 0;
    border-right: 1px solid var(--fiw-line);
    border-bottom: 0;
    background: #f7f9f3;
    overflow: visible;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-tabs__label {
    min-width: 0;
    min-height: 58px;
    padding: 15px 17px;
    border-right: 0;
    border-bottom: 1px solid #687b3d;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-tabs button,
.fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-tabs button:nth-of-type(n) {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    justify-content: stretch;
    align-items: center;
    flex: 0 0 auto;
    width: 100%;
    min-height: 58px;
    padding: 12px 14px;
    border-right: 0;
    border-bottom: 1px solid var(--fiw-line);
    text-align: left;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-tabs button:last-child {
    border-bottom: 0;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-tabs button.is-active,
.fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-tabs button[aria-selected="true"] {
    box-shadow: inset 4px 0 0 var(--fiw-olive-deep) !important;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-overview-heading {
    display: none;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-panels > section > p {
    max-width: 980px;
    font-size: .8rem;
    line-height: 1.55;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-info-pairs--overview {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 18px;
    border: 0;
    counter-reset: fiw-overview;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-info-pairs--overview article:nth-child(n) {
    position: relative;
    min-height: 92px;
    padding: 15px 12px 12px 54px;
    border: 1px solid var(--fiw-line);
    border-radius: 6px;
    background: var(--fiw-white) !important;
    counter-increment: fiw-overview;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-info-pairs--overview article::before {
    top: 15px;
    left: 12px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--fiw-highlight);
    color: var(--fiw-olive-deep);
    content: counter(fiw-overview, decimal-leading-zero);
    font-size: .55rem;
    font-weight: 900;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-info-pairs--overview article:hover {
    border-color: #9eaf72;
    background: var(--fiw-highlight-soft) !important;
    box-shadow: 0 8px 18px rgba(48, 69, 47, .08);
    transform: translateY(-2px);
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-info-pairs--overview span {
    font-size: .55rem;
}

.fph[data-selected-product]:not([data-selected-product=""]) .fph-info-pairs--overview p {
    margin-top: 6px;
    font-size: .69rem;
    line-height: 1.4;
}

.fph-quick-specs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 10px 0 0;
    padding: 0;
    border: 1px solid var(--fiw-line);
    border-radius: 6px;
    background: var(--fiw-highlight-soft);
    overflow: hidden;
}

.fph-quick-specs div {
    min-width: 0;
    padding: 12px 15px;
    border-right: 1px solid var(--fiw-line);
}

.fph-quick-specs div:last-child {
    border-right: 0;
}

.fph-quick-specs dt {
    color: var(--fiw-olive-deep);
    font-size: .54rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.fph-quick-specs dd {
    margin: 5px 0 0;
    color: var(--fiw-copy);
    font-size: .68rem;
    line-height: 1.35;
}

@media (max-width: 1100px) {
    .fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary__top {
        grid-template-columns: minmax(250px, .4fr) minmax(0, .6fr);
        gap: 20px;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary__top .fph-product-summary__visual {
        min-height: 370px;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary__visual img {
        height: 290px;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-info-pairs--overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .fph[data-selected-product]:not([data-selected-product=""]) .fph-workspace {
        grid-template-columns: 1fr;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-selector {
        max-height: none;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-technical__grid {
        display: flex;
        flex-direction: column;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-tabs {
        order: 0;
        flex-direction: row;
        border-right: 0;
        border-bottom: 1px solid var(--fiw-line);
        overflow-x: auto;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-tabs__label {
        position: sticky;
        left: 0;
        z-index: 3;
        flex: 0 0 188px;
        min-width: 188px;
        border-right: 1px solid #687b3d;
        border-bottom: 0;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-tabs button,
    .fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-tabs button:nth-of-type(n) {
        flex: 0 0 166px;
        width: auto;
        border-right: 1px solid var(--fiw-line);
        border-bottom: 0;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-tabs button.is-active,
    .fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-tabs button[aria-selected="true"] {
        box-shadow: inset 0 -4px 0 var(--fiw-olive-deep) !important;
    }
}

@media (max-width: 700px) {
    .fph[data-selected-product]:not([data-selected-product=""]) {
        padding-block: 12px 40px !important;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary__top {
        grid-template-columns: 1fr;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-product-summary__copy {
        padding: 4px 8px 10px;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-summary-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-summary-facts div:nth-child(2) {
        border-right: 0;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-summary-facts div:nth-child(-n + 2) {
        border-bottom: 1px solid var(--fiw-line);
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-technical__head {
        display: block;
        padding: 22px 18px 7px;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-technical__head h3 {
        margin-top: 8px;
    }

    .fph[data-selected-product]:not([data-selected-product=""]) .fph-technical-panels {
        padding: 12px 18px 20px;
    }

    .fph-quick-specs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fph-quick-specs div:nth-child(2) {
        border-right: 0;
    }

    .fph-quick-specs div:nth-child(-n + 2) {
        border-bottom: 1px solid var(--fiw-line);
    }
}

@media (max-width: 500px) {
    .fph[data-selected-product]:not([data-selected-product=""]) .fph-info-pairs--overview {
        grid-template-columns: 1fr;
    }
}


/* homepage-palette-rhythm.css */
/* Homepage-led palette rhythm shared by every Everklin page family. */

body.everklin-transformed {
    --ek-home-white: #ffffff;
    --ek-home-cream: #f5f2ea;
    --ek-home-sage: #7a9439;
    --ek-home-sage-strong: #6f862d;
    --ek-home-olive: #7a9439;
    --ek-home-olive-deep: #7a9439;
    --ek-olive: #7a9439;
    --ekp-olive: #7a9439;
    --theme-olive: #7a9439;
    --everklin-olive: #7a9439;
    --ek-home-ink: #26362b;
    --ek-home-copy: #5a675f;
    --ek-home-line: #d5debf;
    background: var(--ek-home-white) !important;
}

body.everklin-transformed main {
    color: var(--ek-home-ink);
    background: var(--ek-home-white) !important;
}

/* Restore the homepage palette roles after global-white-canvas normalises them. */
body.everklin-transformed :is(
    .corp-home,
    .solutions-flagship,
    .solutions-hub,
    .sfh-page,
    .wtfl-page,
    .water-treatment-family,
    .sp-page,
    .shared-solution-page,
    .fpp-page,
    .fph,
    .iic-flagship,
    .iic-industry-flagship,
    .industrial-care-flagship,
    .industries-hub,
    .industry-page,
    .room-hub,
    .room-care-product-hub,
    .brewery-page,
    .industrial-glass-page,
    .flagship-journey,
    .anchor-page,
    .sustainability-nova,
    .sustainability-tesla,
    .sustainability-flagship,
    .resource-flagship,
    .resources-flagship,
    .knowledge-flagship,
    .downloads-flagship,
    .contact-ultra,
    .th-home,
    .ek-system,
    .ek-prototype,
    .lpd
) {
    --ch-olive: #7a9439 !important;
    --sfh-olive: #7a9439 !important;
    --fpi-olive: #7a9439 !important;
    --fw-olive: #7a9439 !important;
    --iic-olive: #7a9439 !important;
    --industry-olive: #7a9439 !important;
    --ih-olive: #7a9439 !important;
    --sn-olive: #7a9439 !important;
    --rf-olive: #7a9439 !important;
    --contact-olive: #7a9439 !important;
    --ch-cream: var(--ek-home-cream) !important;
    --ch-warm-white: var(--ek-home-white) !important;
    --sf-cream: var(--ek-home-cream) !important;
    --sfh-cream: var(--ek-home-cream) !important;
    --sfh-soft-cream: var(--ek-home-sage) !important;
    --wtfl-cream: var(--ek-home-cream) !important;
    --sp-cream: var(--ek-home-cream) !important;
    --wsp-cream: var(--ek-home-cream) !important;
    --fpp-cream: var(--ek-home-cream) !important;
    --fpi-cream: var(--ek-home-cream) !important;
    --fpi-cream-strong: var(--ek-home-sage) !important;
    --fw-cream: var(--ek-home-cream) !important;
    --iic-cream: var(--ek-home-cream) !important;
    --iic-ref-cream: var(--ek-home-sage) !important;
    --industry-cream: var(--ek-home-cream) !important;
    --ih-cream: var(--ek-home-cream) !important;
    --room-cream: var(--ek-home-cream) !important;
    --brew-cream: var(--ek-home-cream) !important;
    --ii-cream: var(--ek-home-cream) !important;
    --fj-cream: var(--ek-home-cream) !important;
    --sn-cream: var(--ek-home-cream) !important;
    --st-cream: var(--ek-home-cream) !important;
    --resource-cream: var(--ek-home-cream) !important;
    --rf-cream: var(--ek-home-cream) !important;
    --re-cream: var(--ek-home-cream) !important;
    --ke-cream: var(--ek-home-cream) !important;
    --rg-cream: var(--ek-home-cream) !important;
    --contact-cream: var(--ek-home-cream) !important;
    --pc-cream: var(--ek-home-cream) !important;
    --th-cream: var(--ek-home-cream) !important;
    --lpd-cream: var(--ek-home-cream) !important;
    --lpd-paper: var(--ek-home-white) !important;
    --ekd-cream-100: var(--ek-home-cream) !important;
}

/*
 * Template fallback: older and product-specific pages do not all share the
 * same section class names. Keep the homepage's authored rhythm intact, then
 * give every other direct content chapter the same white / cream / sage flow.
 */
body.everklin-transformed main:not(.corp-home) > section:not([class*="hero"]):nth-of-type(3n + 1) {
    background: var(--ek-home-white) !important;
}

body.everklin-transformed main:not(.corp-home) > section:not([class*="hero"]):nth-of-type(3n + 2) {
    background: var(--ek-home-cream) !important;
}

body.everklin-transformed main:not(.corp-home) > section:not([class*="hero"]):nth-of-type(3n) {
    background: var(--ek-home-sage) !important;
}

/* White is the primary canvas, including every light hero copy panel. */
body.everklin-transformed main :is(
    .corp-hero__content,
    .solutions-hero__copy,
    .industries-hub__hero-copy,
    .sfh-hero__copy,
    .fpp-hero__copy,
    .iic-hero__content,
    .ek-inner-home-hero__panel,
    .contact-hero__copy
) {
    background: rgba(255, 255, 255, .96) !important;
}

body.everklin-transformed main :is(
    .solutions-workflow,
    .solutions-industries,
    .sfh-proof,
    .sfh-selector,
    .sfh-evidence,
    .industries-hub__intro,
    .industries-hub__connection,
    .iic-intro,
    .iic-selection,
    .iic-why-everklin,
    .sn-intro,
    .sn-impact-dashboard,
    .knowledge-featured,
    .contact-section--channels,
    .iic-room-facility,
    .fsv2-reference,
    .fpp-documents,
    .iic-hub-highlights
) {
    background: var(--ek-home-white) !important;
}

/* Warm cream separates editorial chapters without tinting the whole page. */
body.everklin-transformed main :is(
    .solutions-selection,
    .business-operating-profile,
    .sfh-documents,
    .industries-hub__portfolio,
    .iic-category-map,
    .iic-industry-controls,
    .knowledge-filter,
    .knowledge-library,
    .contact-section--inquiry,
    .contact-support-chapter,
    .room-hub-faq,
    .ich-category-faq,
    .fph,
    .lpd
) {
    background: var(--ek-home-cream) !important;
}

/* Pale green is reserved for guidance, selection and support moments. */
body.everklin-transformed main :is(
    .solutions-review,
    .sfh-method,
    .sfh-final,
    .industries-hub__selection,
    .industries-hub__review,
    .iic-environments,
    .iic-product-docs,
    .iic-close,
    .sn-orbit-section,
    .sn-trustrow,
    .sn-final,
    .knowledge-pathways,
    .anchor-final-cta,
    .contact-close-chapter
) {
    color: #ffffff !important;
    background: var(--ek-home-sage) !important;
}

/* Company and document pages use the same repeating three-surface cadence. */
body.everklin-transformed main .anchor-content {
    background: var(--ek-home-white) !important;
}

body.everklin-transformed main .anchor-content > .anchor-section:nth-child(3n + 1) {
    background: var(--ek-home-white) !important;
}

body.everklin-transformed main .anchor-content > .anchor-section:nth-child(3n + 2) {
    background: var(--ek-home-cream) !important;
}

body.everklin-transformed main .anchor-content > .anchor-section:nth-child(3n) {
    background: var(--ek-home-sage) !important;
}

body.everklin-transformed main :is(
    .download-control-panel,
    .resource-control-panel,
    .download-two-section-library
) {
    background: var(--ek-home-cream) !important;
}

/* Repeated items stay white so the section color remains calm and readable. */
body.everklin-transformed main :is(
    article,
    .card,
    .resource-card,
    .download-card,
    .contact-channel,
    .contact-document-card,
    .fph-product-card,
    .fph-product-summary,
    .fph-technical,
    .fph-info-pairs article,
    .fph-property-list div
):not(.sn-statement):not(.iic-close):not(.anchor-final-card) {
    --ek-card-surface: var(--ek-home-white);
}

body.everklin-transformed main :is(
    .contact-channel,
    .contact-document-card,
    .download-card,
    .resource-card
) {
    background: var(--ek-home-white) !important;
    border-color: var(--ek-home-line) !important;
}

/* One typography hierarchy follows the homepage contrast rules. */
body.everklin-transformed main :is(
    .solutions-review,
    .sfh-final,
    .industries-hub__selection,
    .industries-hub__review,
    .iic-environments,
    .iic-product-docs,
    .iic-close,
    .sn-final,
    .knowledge-pathways,
    .anchor-final-cta,
    .contact-close-chapter
) :is(h1, h2, h3, h4, strong) {
    color: #ffffff !important;
}

body.everklin-transformed main :is(
    .solutions-review,
    .sfh-final,
    .industries-hub__selection,
    .industries-hub__review,
    .iic-environments,
    .iic-product-docs,
    .iic-close,
    .sn-final,
    .knowledge-pathways,
    .anchor-final-cta,
    .contact-close-chapter
) :is(p, li, dd) {
    color: rgba(255, 255, 255, .9) !important;
}

body.everklin-transformed main :is(
    .corp-kicker,
    .solutions-kicker,
    .industries-hub__kicker,
    .sfh-kicker,
    .iic-kicker,
    .fpp-eyebrow,
    .sn-kicker,
    .contact-eyebrow,
    .inner-kicker,
    .section-kicker,
    .eyebrow,
    .kicker
) {
    color: var(--ek-home-olive-deep) !important;
}

/* Olive remains the action color, rather than becoming a heavy page theme. */
body.everklin-transformed main :is(
    .page-button:not(.page-button-secondary):not(.page-button--secondary):not(.page-button--outline):not(.page-button--light),
    .solutions-button--olive,
    .industries-hub__button--olive,
    .sfh-button--primary,
    .iic-button:not(.iic-button--outline),
    .sn-button:not(.sn-button--quiet):not(.sn-button--light):not(.sn-button--line),
    .contact-button--primary,
    .contact-submit,
    .iic-hub-button--on-dark,
    .resource-action--request
) {
    color: #ffffff !important;
    border-color: var(--ek-home-olive-deep) !important;
    background: var(--ek-home-olive-deep) !important;
}

body.everklin-transformed main :is(
    .page-button-secondary,
    .page-button--secondary,
    .page-button--outline,
    .sfh-button--light,
    .iic-button--outline,
    .sn-button--quiet,
    .sn-button--light,
    .sn-button--line
) {
    color: var(--ek-home-ink) !important;
    border-color: #a8ba77 !important;
    background: var(--ek-home-white) !important;
}

/* Final visual enforcement for legacy templates with high-specificity skins. */
html body.everklin-transformed.everklin-transformed #main:not(.corp-home) > section:not([class*="hero"]):nth-of-type(3n + 1) {
    background: #ffffff !important;
}

html body.everklin-transformed.everklin-transformed #main:not(.corp-home) > section:not([class*="hero"]):nth-of-type(3n + 2) {
    background: #f5f2ea !important;
}

html body.everklin-transformed.everklin-transformed #main:not(.corp-home) > section:not([class*="hero"]):nth-of-type(3n) {
    color: #ffffff !important;
    background: #7a9439 !important;
}

html body.everklin-transformed.everklin-transformed #main#main :is(
    .solutions-workflow,
    .solutions-industries,
    .sfh-proof,
    .sfh-selector,
    .sfh-evidence,
    .industries-hub__intro,
    .industries-hub__connection,
    .iic-intro,
    .iic-selection,
    .iic-why-everklin,
    .sn-intro,
    .sn-impact-dashboard,
    .knowledge-featured,
    .contact-section--channels,
    .iic-room-facility,
    .fsv2-reference,
    .fpp-documents,
    .iic-hub-highlights
) {
    color: var(--ek-home-ink) !important;
    background: #ffffff !important;
}

html body.everklin-transformed.everklin-transformed #main#main :is(
    .solutions-selection,
    .business-operating-profile,
    .sfh-documents,
    .industries-hub__portfolio,
    .iic-category-map,
    .iic-industry-controls,
    .knowledge-filter,
    .knowledge-library,
    .contact-section--inquiry,
    .contact-support-chapter,
    .room-hub-faq,
    .ich-category-faq,
    .fph,
    .lpd
) {
    color: var(--ek-home-ink) !important;
    background: #f5f2ea !important;
}

html body.everklin-transformed.everklin-transformed #main#main :is(
    .solutions-review,
    .sfh-method,
    .sfh-final,
    .industries-hub__selection,
    .industries-hub__review,
    .iic-environments,
    .iic-product-docs,
    .iic-close,
    .sn-orbit-section,
    .sn-trustrow,
    .sn-final,
    .knowledge-pathways,
    .anchor-final-cta,
    .contact-close-chapter
) {
    color: #ffffff !important;
    background: #7a9439 !important;
}

html body.everklin-transformed.everklin-transformed #main#main .anchor-content > .anchor-section:nth-child(3n + 1) {
    background: #ffffff !important;
}

html body.everklin-transformed.everklin-transformed #main#main .anchor-content > .anchor-section:nth-child(3n + 2) {
    background: #f5f2ea !important;
}

html body.everklin-transformed.everklin-transformed #main#main .anchor-content > .anchor-section:nth-child(3n) {
    color: #ffffff !important;
    background: #7a9439 !important;
}

/* Dark olive bands use light type; white content cards retain dark type. */
html body.everklin-transformed.everklin-transformed #main#main :is(
    .solutions-review,
    .sfh-method,
    .sfh-final,
    .industries-hub__selection,
    .industries-hub__review,
    .iic-environments,
    .iic-product-docs,
    .iic-close,
    .sn-orbit-section,
    .sn-trustrow,
    .sn-final,
    .knowledge-pathways,
    .anchor-final-cta,
    .contact-close-chapter,
    .anchor-content > .anchor-section:nth-child(3n)
) :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, strong, a) {
    color: #ffffff !important;
}

html body.everklin-transformed.everklin-transformed #main#main :is(
    .solutions-review,
    .sfh-method,
    .sfh-final,
    .industries-hub__selection,
    .industries-hub__review,
    .iic-environments,
    .iic-product-docs,
    .iic-close,
    .sn-orbit-section,
    .sn-trustrow,
    .sn-final,
    .knowledge-pathways,
    .anchor-final-cta,
    .contact-close-chapter,
    .anchor-content > .anchor-section:nth-child(3n)
) :is(.card, .resource-card, .download-card, .anchor-card, .contact-channel, .contact-document-card) :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, strong) {
    color: var(--ek-home-ink) !important;
}

html body.everklin-transformed.everklin-transformed #main#main :is(
    .solutions-workflow,
    .solutions-industries,
    .sfh-proof,
    .sfh-selector,
    .sfh-evidence,
    .industries-hub__intro,
    .industries-hub__connection,
    .iic-intro,
    .iic-selection,
    .iic-why-everklin,
    .sn-intro,
    .sn-impact-dashboard,
    .knowledge-featured,
    .contact-section--channels,
    .iic-room-facility,
    .fsv2-reference,
    .fpp-documents,
    .iic-hub-highlights,
    .solutions-selection,
    .business-operating-profile,
    .sfh-documents,
    .industries-hub__portfolio,
    .iic-category-map,
    .iic-industry-controls,
    .knowledge-filter,
    .knowledge-library,
    .contact-section--inquiry,
    .contact-support-chapter,
    .room-hub-faq,
    .ich-category-faq,
    .fph,
    .lpd
) :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, strong) {
    color: var(--ek-home-ink) !important;
}

html body.everklin-transformed.everklin-transformed #main#main a.iic-hub-button.iic-hub-button--on-dark,
html body.everklin-transformed.everklin-transformed #main#main a.page-button.resource-action.resource-action--request {
    color: #ffffff !important;
    border-color: #7a9439 !important;
    background: #7a9439 !important;
}

@media (max-width: 760px) {
    body.everklin-transformed main :is(
        .solutions-selection,
        .business-operating-profile,
        .sfh-documents,
        .industries-hub__portfolio,
        .iic-category-map,
        .knowledge-filter,
        .knowledge-library,
        .contact-section--inquiry,
        .contact-support-chapter
    ) {
        background: var(--ek-home-cream) !important;
    }
}


/* header-navigation-premium.css */
/* Final shared header polish: restrained, legible, and consistent across the site. */
@media (min-width: 1180px) {
    body.everklin-transformed .site-header,
    body.everklin-transformed .site-header.is-menu-open,
    body.everklin-transformed .site-header.is-scrolled {
        min-height: 84px !important;
        border-bottom: 1px solid rgba(138, 166, 58, .22) !important;
        background: rgba(255, 255, 255, .96) !important;
        box-shadow: 0 8px 28px rgba(39, 51, 41, .06) !important;
        backdrop-filter: blur(18px) saturate(1.08);
    }

    body.everklin-transformed .site-header::before {
        position: absolute;
        inset: 0 0 auto;
        height: 3px;
        background: linear-gradient(90deg, #718b31, #8aa63a 46%, #d8e0cb);
        content: "";
    }

    body.everklin-transformed .site-header .header-main {
        grid-template-columns: 184px minmax(0, 1fr) auto !important;
        min-height: 83px !important;
        gap: clamp(18px, 2vw, 34px) !important;
    }

    body.everklin-transformed .site-header .brand-logo {
        width: 168px !important;
        max-height: 66px !important;
        filter: none !important;
        transition: transform 180ms ease;
    }

    body.everklin-transformed .site-header .brand:hover .brand-logo {
        transform: translateY(-1px);
    }

    body.everklin-transformed .site-header .nav-list {
        gap: clamp(3px, .55vw, 9px) !important;
    }

    body.everklin-transformed .site-header .nav-item {
        position: static !important;
        min-height: 44px;
        gap: 0 !important;
        border: 1px solid transparent;
        border-radius: 6px;
        transition: border-color 170ms ease, background 170ms ease, box-shadow 170ms ease;
    }

    body.everklin-transformed .site-header .nav-item:is(:hover, .is-open, .is-hover-open) {
        border-color: #d8e0cb;
        background: #f1f4e7;
        box-shadow: 0 7px 18px rgba(39, 51, 41, .05);
    }

    body.everklin-transformed .site-header .nav-item.is-current-section {
        border-color: rgba(138, 166, 58, .42);
        background: #f1f4e7;
    }

    /* When another menu is being explored, retain the route underline but
       remove its filled state so the header never presents two selected tabs. */
    body.everklin-transformed .site-header .nav-list:has(.nav-item:is(:hover, .is-open, .is-hover-open))
        .nav-item.is-current-section:not(:is(:hover, .is-open, .is-hover-open)) {
        border-color: transparent;
        background: transparent;
        box-shadow: none;
    }

    body.everklin-transformed .site-header .nav-list:has(.nav-item:is(:hover, .is-open, .is-hover-open))
        .nav-item.is-current-section:not(:is(:hover, .is-open, .is-hover-open)) > .nav-link::after {
        opacity: 0 !important;
        transform: scaleX(.4) !important;
    }

    body.everklin-transformed .site-header .nav-link,
    body.everklin-transformed .site-header .nav-list > .nav-item > a {
        min-height: 42px !important;
        padding: 0 4px 0 13px !important;
        color: #273329 !important;
        font-size: 12.5px !important;
        font-weight: 720 !important;
        text-shadow: none !important;
    }

    body.everklin-transformed .site-header .nav-link::after {
        right: 9px !important;
        bottom: 5px !important;
        left: 13px !important;
        height: 2px !important;
        border-radius: 2px;
        background: #8aa63a !important;
    }

    body.everklin-transformed .site-header .nav-list > .nav-item > .nav-arrow {
        width: 30px !important;
        height: 42px !important;
        min-height: 42px !important;
        color: #718b31 !important;
        text-shadow: none !important;
    }

    body.everklin-transformed .site-header .header-actions {
        gap: 8px !important;
    }

    body.everklin-transformed .site-header .header-search {
        width: 44px !important;
        height: 44px !important;
        border-color: #d8e0cb !important;
        border-radius: 6px !important;
        background: #fff !important;
        box-shadow: 0 5px 15px rgba(39, 51, 41, .04);
    }

    body.everklin-transformed .site-header .header-search:is(:hover, :focus-visible) {
        color: #718b31 !important;
        border-color: #8aa63a !important;
        background: #f1f4e7 !important;
    }

    body.everklin-transformed .site-header .header-contact {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        min-height: 44px;
        padding: 0 11px !important;
        line-height: 1.25;
        border-radius: 6px;
        transition: color 170ms ease, background 170ms ease;
    }

    body.everklin-transformed .site-header .header-contact:is(:hover, :focus-visible) {
        color: #718b31 !important;
        background: #f1f4e7;
    }

    body.everklin-transformed .site-header .header-technical-cta {
        min-height: 44px !important;
        padding: 0 17px !important;
        gap: 9px;
        color: #fff !important;
        border-color: #718b31 !important;
        border-radius: 6px !important;
        background: #718b31 !important;
        box-shadow: 0 10px 22px rgba(113, 139, 49, .18);
        transition: background 170ms ease, border-color 170ms ease, box-shadow 170ms ease, transform 170ms ease;
    }

    body.everklin-transformed .site-header .header-technical-cta::after {
        font-size: 15px;
        content: "\2192";
    }

    body.everklin-transformed .site-header .header-technical-cta:is(:hover, :focus-visible) {
        color: #fff !important;
        border-color: #5f7629 !important;
        background: #5f7629 !important;
        box-shadow: 0 14px 28px rgba(113, 139, 49, .24);
        transform: translateY(-1px);
    }

    body.everklin-transformed .site-header .mega-menu.ek-mega {
        top: 84px !important;
        overflow: hidden !important;
        border: 1px solid #d8e0cb !important;
        border-top: 3px solid #8aa63a !important;
        border-radius: 0 0 8px 8px !important;
        background: #fff !important;
        box-shadow: 0 30px 72px rgba(39, 51, 41, .18) !important;
    }

    body.everklin-transformed .site-header .ek-mega__zone,
    body.everklin-transformed .site-header .ek-mega__groups {
        background: #fff !important;
    }

    body.everklin-transformed .site-header .ek-mega__zone,
    body.everklin-transformed .site-header .ek-mega__groups {
        padding: 26px !important;
    }

    body.everklin-transformed .site-header .ek-mega__eyebrow {
        margin-bottom: 14px !important;
        color: #718b31 !important;
        font-size: 10px !important;
        letter-spacing: 0 !important;
    }

    body.everklin-transformed .site-header .ek-business-link {
        min-height: 58px;
        padding: 9px 38px 9px 13px;
        border: 1px solid transparent;
        border-left: 3px solid transparent;
        border-radius: 4px;
    }

    body.everklin-transformed .site-header .ek-business-link:is(:hover, :focus-visible, .is-preview, .is-current) {
        border-color: #d8e0cb;
        border-left-color: #8aa63a;
        background: #f1f4e7 !important;
    }

    body.everklin-transformed .site-header :is(.ek-programme-list, .ek-mega__group) a {
        min-height: 42px;
        padding: 8px 10px !important;
        border-bottom-color: #e5eadc;
        border-radius: 3px;
    }

    body.everklin-transformed .site-header :is(.ek-programme-list, .ek-mega__group) a:is(:hover, :focus-visible) {
        color: #273329 !important;
        background: #f1f4e7 !important;
    }

    body.everklin-transformed .site-header .ek-mega__context {
        padding: 30px !important;
        background: linear-gradient(145deg, #edf3d8, #e3ebc8) !important;
    }

    body.everklin-transformed .site-header .ek-mega__context h2 {
        max-width: 230px;
        color: #273329 !important;
        font-size: 25px !important;
    }

    body.everklin-transformed .site-header .ek-mega__primary {
        color: #fff !important;
        background: #718b31 !important;
    }

    body.everklin-transformed .site-header .ek-mega__all {
        margin-top: 14px;
        padding-top: 16px;
    }
}

@media (max-width: 1179px) {
    body.everklin-transformed .site-header,
    body.everklin-transformed .site-header.is-menu-open,
    body.everklin-transformed .site-header.is-scrolled {
        border-bottom: 1px solid #d8e0cb !important;
        background: rgba(255, 255, 255, .97) !important;
        box-shadow: 0 8px 24px rgba(39, 51, 41, .06) !important;
        backdrop-filter: blur(18px);
    }

    body.everklin-transformed .site-header .mobile-drawer {
        padding-top: 16px !important;
        background: #f7f8f2 !important;
    }

    body.everklin-transformed .site-header .mobile-nav > details,
    body.everklin-transformed .site-header .mobile-contact-link {
        overflow: hidden;
        border-color: #d8e0cb !important;
        border-radius: 6px !important;
        box-shadow: 0 6px 18px rgba(39, 51, 41, .035);
    }

    body.everklin-transformed .site-header .mobile-nav > details[open],
    body.everklin-transformed .site-header .mobile-nav > details.is-current-section {
        border-color: rgba(138, 166, 58, .55) !important;
    }

    body.everklin-transformed .site-header .mobile-nav > details[open] > summary,
    body.everklin-transformed .site-header .mobile-nav > details.is-current-section > summary {
        color: #273329 !important;
        background: #edf3d8 !important;
    }

    body.everklin-transformed .site-header .mobile-submenu {
        border-top-color: #d8e0cb !important;
    }

    body.everklin-transformed .site-header .mobile-technical-cta {
        color: #fff !important;
        border-radius: 6px !important;
        background: #718b31 !important;
    }
}


/* enterprise-flagship-elevation.css */
/*
 * Enterprise flagship elevation
 *
 * A final shared layer for Everklin's flagship routes. It preserves each
 * page's content model and imagery while giving the systems a consistent
 * executive-grade rhythm: clear hierarchy, calm surfaces, precise controls
 * and high-contrast information panels.
 */

:root {
    --ef-forest: #1f3829;
    --ef-forest-deep: #152d20;
    --ef-olive: #6f8b2f;
    --ef-olive-bright: #91ab45;
    --ef-mist: #eef4df;
    --ef-cream: #fafbf6;
    --ef-white: #ffffff;
    --ef-copy: #435448;
    --ef-muted: #667568;
    --ef-line: rgba(91, 118, 47, .2);
    --ef-line-strong: rgba(91, 118, 47, .38);
    --ef-shadow-card: 0 16px 42px rgba(22, 47, 32, .08);
    --ef-shadow-lift: 0 25px 58px rgba(22, 47, 32, .14);
    --ef-radius: 18px;
    --ef-radius-lg: 26px;
    --ef-ease: cubic-bezier(.2, .72, .22, 1);
}

/* Keep scope limited to the established flagship systems. */
:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) {
    color: var(--ef-copy);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid rgba(111, 139, 47, .45);
    outline-offset: 4px;
}

/* Information hierarchy: headings look deliberate, while long-form copy
   remains calm and comfortably readable. */
:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(
    .solutions-section-head h2,
    .industries-hub__section-head h2,
    .industry-section-heading h2,
    .iic-section-head h2,
    .iic-hub-section-head h2,
    .sfh-section-head h2,
    .fpp-section-head h2,
    .enterprise-section-head h2,
    .anchor-section h2
) {
    color: var(--ef-forest) !important;
    letter-spacing: -.045em !important;
    line-height: .98 !important;
    text-wrap: balance;
}

:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(
    .solutions-section-head p,
    .industries-hub__section-head p,
    .industry-section-heading p,
    .iic-section-head p,
    .iic-hub-section-head p,
    .sfh-section-head p,
    .fpp-section-head p,
    .enterprise-section-head p,
    .anchor-section > .anchor-section-grid > div > p
) {
    color: var(--ef-copy) !important;
    font-size: clamp(1rem, 1.1vw, 1.12rem) !important;
    font-weight: 500;
    line-height: 1.7 !important;
}

:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(
    .solutions-kicker,
    .industries-hub__kicker,
    .industry-section-kicker,
    .iic-kicker,
    .iic-hub-kicker,
    .sfh-kicker,
    .fpp-kicker,
    .inner-kicker
) {
    color: var(--ef-olive) !important;
    font-size: .75rem !important;
    font-weight: 900 !important;
    letter-spacing: .13em !important;
}

/* Shared tile treatment: premium white surfaces with restrained movement. */
:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(
    .solutions-family-card,
    .industries-hub__industry-card,
    .industry-solution-card,
    .industry-benefit-card,
    .industry-challenge-card,
    .iic-category-card,
    .iic-programme-card,
    .iic-product-card,
    .iic-hub-programme-card,
    .iic-hub-product-card,
    .iic-hub-proof__grid > article,
    .iic-hub-highlights__grid > article,
    .sfh-route-card,
    .sfh-evidence-card,
    .sfh-proof__grid > article,
    .fph-product-card,
    .fph-benefit-grid > article,
    .resource-card,
    .download-card,
    .enterprise-download-card,
    .anchor-card
) {
    border: 1px solid var(--ef-line) !important;
    border-radius: var(--ef-radius) !important;
    box-shadow: var(--ef-shadow-card) !important;
    overflow: hidden;
    transition: transform 220ms var(--ef-ease), border-color 220ms ease, box-shadow 220ms ease !important;
}

:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(
    .solutions-family-card,
    .industries-hub__industry-card,
    .industry-solution-card,
    .industry-benefit-card,
    .industry-challenge-card,
    .iic-category-card,
    .iic-programme-card,
    .iic-product-card,
    .iic-hub-programme-card,
    .iic-hub-product-card,
    .sfh-route-card,
    .sfh-evidence-card,
    .fph-product-card,
    .resource-card,
    .download-card,
    .enterprise-download-card,
    .anchor-card
):is(:hover, :focus-within) {
    border-color: var(--ef-line-strong) !important;
    box-shadow: var(--ef-shadow-lift) !important;
    transform: translateY(-4px);
}

/* Card content never inherits low-contrast text from an image or section. */
:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(
    .iic-category-card,
    .iic-programme-card,
    .iic-product-card,
    .iic-hub-programme-card,
    .iic-hub-product-card,
    .sfh-route-card,
    .sfh-evidence-card,
    .fph-product-card,
    .resource-card,
    .download-card,
    .enterprise-download-card,
    .anchor-card
) :is(h3, h4, strong) {
    color: var(--ef-forest) !important;
    letter-spacing: -.022em;
    line-height: 1.18 !important;
}

:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(
    .iic-category-card,
    .iic-programme-card,
    .iic-product-card,
    .iic-hub-programme-card,
    .iic-hub-product-card,
    .sfh-route-card,
    .sfh-evidence-card,
    .fph-product-card,
    .resource-card,
    .download-card,
    .enterprise-download-card,
    .anchor-card
) :is(p, li, small) {
    color: var(--ef-copy) !important;
    line-height: 1.6 !important;
}

/* Preserve image-led cards while making their content overlays consistently
   readable. */
:is(
    .solutions-flagship,
    .industries-flagship,
    .industry-page,
    .sfh-page
) :is(
    .solutions-family-card--featured,
    .industries-hub__industry-card--featured,
    .sfh-route-card--featured
) :is(h2, h3, h4, p, strong, span) {
    color: #fff !important;
    text-shadow: 0 1px 16px rgba(10, 28, 16, .32);
}

/* High-value panels get an executive dark-green surface with explicit light
   type, so the message stays legible even on bright displays. */
:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(
    .industry-request-panel,
    .industry-download-panel,
    .iic-hub-final,
    .sfh-final,
    .anchor-final-card,
    .certification-proof-panel
) {
    border: 1px solid rgba(223, 237, 177, .3) !important;
    border-radius: var(--ef-radius-lg) !important;
    background: linear-gradient(130deg, var(--ef-forest-deep) 0%, var(--ef-forest) 54%, #5f772e 140%) !important;
    box-shadow: 0 26px 70px rgba(21, 45, 32, .2) !important;
}

:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(
    .industry-request-panel,
    .industry-download-panel,
    .iic-hub-final,
    .sfh-final,
    .anchor-final-card,
    .certification-proof-panel
) :is(h2, h3, h4, p, strong, span, li, dt, dd) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(
    .industry-request-panel,
    .industry-download-panel,
    .iic-hub-final,
    .sfh-final,
    .anchor-final-card,
    .certification-proof-panel
) :is(.inner-kicker, .iic-kicker, .sfh-kicker, .fpp-kicker) {
    color: #e6f0ba !important;
    -webkit-text-fill-color: #e6f0ba !important;
}

/* Buttons, tabs and utility controls share one clear Everklin action style. */
:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(
    .page-button,
    .solutions-button,
    .industries-hub__button,
    .iic-button,
    .iic-hub-button,
    .sfh-button,
    .fpp-button
) {
    min-height: 48px !important;
    border-radius: 10px !important;
    font-weight: 850 !important;
    letter-spacing: -.01em;
    transition: transform 180ms var(--ef-ease), box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease !important;
}

:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(
    .page-button,
    .solutions-button,
    .industries-hub__button,
    .iic-button,
    .iic-hub-button,
    .sfh-button,
    .fpp-button
):is(:hover, :focus-visible) {
    box-shadow: 0 13px 26px rgba(31, 56, 41, .18) !important;
    transform: translateY(-2px);
}

/* Sticky route navigation reads like a refined product control bar. */
:is(
    .industry-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(.enterprise-sticky-nav, .industry-local-nav, .anchor-sidebar) {
    border-bottom: 1px solid var(--ef-line) !important;
    background: rgba(255, 255, 255, .9) !important;
    box-shadow: 0 12px 32px rgba(21, 45, 32, .06) !important;
    backdrop-filter: blur(18px);
}

:is(
    .industry-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(.enterprise-nav-scroll a, .industry-local-nav a, .anchor-nav a) {
    border-radius: 8px !important;
    color: var(--ef-copy) !important;
    font-weight: 750 !important;
}

:is(
    .industry-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(.enterprise-nav-scroll a, .industry-local-nav a, .anchor-nav a):is(:hover, :focus-visible, .is-active, [aria-current="page"]) {
    background: var(--ef-mist) !important;
    color: var(--ef-forest) !important;
}

/* Data, proof and filter surfaces use a quietly structured light palette. */
:is(
    .solutions-flagship,
    .industry-page,
    .industries-flagship,
    .iic-flagship,
    .fpp-page,
    .sfh-page,
    .resources-flagship,
    .company-information-flagship,
    .sustainability-flagship,
    .contact-information-flagship
) :is(
    .download-control-panel,
    .resource-control-panel,
    .tpe__shell,
    .sfh-switcher__panel,
    .iic-hub-switcher__panel,
    .iic-field-guide__panel,
    .industry-overview-grid,
    .anchor-metrics
) {
    border-color: var(--ef-line) !important;
    box-shadow: var(--ef-shadow-card) !important;
}

@media (max-width: 760px) {
    :is(
        .solutions-flagship,
        .industry-page,
        .industries-flagship,
        .iic-flagship,
        .fpp-page,
        .sfh-page,
        .resources-flagship,
        .company-information-flagship,
        .sustainability-flagship,
        .contact-information-flagship
    ) :is(
        .solutions-family-card,
        .industries-hub__industry-card,
        .industry-solution-card,
        .industry-benefit-card,
        .industry-challenge-card,
        .iic-category-card,
        .iic-programme-card,
        .iic-product-card,
        .iic-hub-programme-card,
        .iic-hub-product-card,
        .sfh-route-card,
        .sfh-evidence-card,
        .fph-product-card,
        .resource-card,
        .download-card,
        .enterprise-download-card,
        .anchor-card
    ) {
        border-radius: 15px !important;
    }

    :is(
        .solutions-flagship,
        .industry-page,
        .industries-flagship,
        .iic-flagship,
        .fpp-page,
        .sfh-page,
        .resources-flagship,
        .company-information-flagship,
        .sustainability-flagship,
        .contact-information-flagship
    ) :is(
        .page-button,
        .solutions-button,
        .industries-hub__button,
        .iic-button,
        .iic-hub-button,
        .sfh-button,
        .fpp-button
    ) {
        min-height: 46px !important;
    }
}

/* Facility-context directory — used by the I&I category hubs. This replaces
   the flat strip of cards with the same confident dark-panel / clear-card
   hierarchy used on the Company page. */
html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-block: clamp(76px, 9vw, 142px) !important;
    background:
        radial-gradient(circle at 10% 8%, rgba(150, 179, 75, 0.16), transparent 24%),
        linear-gradient(150deg, #f7f9f0 0%, #ffffff 55%, #eef4df 145%) !important;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: 0.36;
    background-image: linear-gradient(rgba(103, 132, 48, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(103, 132, 48, 0.08) 1px, transparent 1px);
    background-size: 42px 42px;
    content: "";
    mask-image: linear-gradient(90deg, #000 0%, transparent 72%);
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility > .container {
    position: relative;
    display: grid;
    grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.42fr);
    gap: clamp(20px, 2.8vw, 44px);
    align-items: stretch;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-section-head {
    display: flex;
    min-height: 426px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    margin: 0 !important;
    padding: clamp(30px, 3.4vw, 54px);
    border: 1px solid rgba(220, 233, 186, 0.22);
    border-radius: 24px;
    background:
        radial-gradient(circle at 90% 7%, rgba(148, 177, 72, 0.31), transparent 36%),
        linear-gradient(142deg, #172f20 0%, #294b2a 63%, #688530 128%) !important;
    box-shadow: 0 24px 58px rgba(22, 47, 32, 0.22);
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-section-head .iic-kicker {
    margin-bottom: 20px !important;
    color: #e5efba !important;
    -webkit-text-fill-color: #e5efba !important;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-section-head h2 {
    max-width: 610px;
    margin: 0 0 24px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: clamp(2.75rem, 4.5vw, 5.25rem) !important;
    font-weight: 760 !important;
    letter-spacing: -0.058em !important;
    line-height: 0.9 !important;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-section-head > p:not(.iic-kicker) {
    max-width: 460px;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.86) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important;
    font-size: clamp(1rem, 1.12vw, 1.12rem) !important;
    line-height: 1.62 !important;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-section-head .iic-room-inline-link {
    gap: 12px;
    margin-top: auto;
    padding-top: 34px;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 0.92rem;
    font-weight: 800;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-section-head .iic-room-inline-link span {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    background: #e5efba;
    color: #1f3829 !important;
    -webkit-text-fill-color: #1f3829 !important;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: minmax(198px, 1fr);
    gap: 12px;
    margin: 0;
    padding: 0;
    border: 0;
    counter-reset: facility-context;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility-grid > a {
    position: relative;
    min-height: 198px;
    padding: 27px 25px 24px !important;
    border: 1px solid rgba(103, 132, 48, 0.23) !important;
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 12px 30px rgba(22, 47, 32, 0.08) !important;
    counter-increment: facility-context;
    transition: transform 220ms cubic-bezier(0.2, 0.72, 0.22, 1), border-color 220ms ease, box-shadow 220ms ease, background 220ms ease !important;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility-grid > a::before {
    display: block;
    margin-bottom: 21px;
    color: #708c31;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    content: "0" counter(facility-context);
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility-grid h3 {
    margin: 0 0 13px !important;
    color: #1f3829 !important;
    -webkit-text-fill-color: #1f3829 !important;
    font-size: clamp(1.08rem, 1.35vw, 1.35rem) !important;
    font-weight: 760 !important;
    letter-spacing: -0.032em !important;
    line-height: 1.06 !important;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility-grid p {
    margin: 0 !important;
    color: #506354 !important;
    -webkit-text-fill-color: #506354 !important;
    font-size: 0.92rem !important;
    line-height: 1.55 !important;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility-grid > a > span {
    display: grid;
    width: 34px;
    height: 34px;
    margin-top: auto;
    padding: 0 !important;
    place-items: center;
    border-radius: 50%;
    background: #edf3d8;
    color: #5f7a28 !important;
    -webkit-text-fill-color: #5f7a28 !important;
    font-size: 1.2rem;
    line-height: 1;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility-grid > a:is(:hover, :focus-visible) {
    z-index: 1;
    border-color: #88a344 !important;
    background: #f5f9e8 !important;
    box-shadow: 0 20px 42px rgba(22, 47, 32, 0.14) !important;
    transform: translateY(-5px);
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility-grid > a:is(:hover, :focus-visible) > span {
    background: #6f8b2f;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 1120px) {
    html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility > .container {
        grid-template-columns: 1fr;
    }

    html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-section-head {
        min-height: 0;
    }
}

@media (max-width: 720px) {
    html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-room-care .iic-room-facility-grid > a {
        min-height: 0;
    }
}

/* Industrial & Institutional Care uses its own flagship hub template. Keep
   the same dark-band / light-copy rule here, including its final CTA. */
html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-hub :is(.iic-hub-method, .iic-hub-documents, .iic-hub-final) {
    background: radial-gradient(circle at 90% 6%, rgba(150, 179, 75, 0.24), transparent 32%), linear-gradient(135deg, #183021 0%, #365c2c 55%, #6f8b2f 135%) !important;
    color: #ffffff !important;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-hub :is(.iic-hub-method, .iic-hub-documents, .iic-hub-final) :is(h1, h2, h3, h4, h5, h6, strong, p, li, small, .iic-hub-kicker) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-hub .iic-hub-method__steps > li,
html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-hub .iic-hub-documents__links > a {
    border: 1px solid rgba(220, 233, 186, 0.76) !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 32px rgba(8, 27, 16, 0.16) !important;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-hub :is(.iic-hub-method__steps > li, .iic-hub-documents__links > a) :is(h1, h2, h3, h4, h5, h6, strong, p, li, small, span) {
    color: #1f3829 !important;
    -webkit-text-fill-color: #1f3829 !important;
}

html body.everklin-transformed.everklin-transformed #main#main.iic-flagship.iic-hub :is(.iic-hub-method__number, .iic-hub-method__icon, .iic-hub-documents__icon) {
    color: #6f8b2f !important;
    -webkit-text-fill-color: #6f8b2f !important;
}

/*
 * Cascade lock
 *
 * Several historic presentation sheets intentionally recolour flagship
 * sections as pale surfaces late in the cascade.  That turns the original
 * light-on-dark typography into low-contrast text.  These selectors match
 * the site's final theme specificity, so a flagship dark band always stays
 * dark and its editorial copy always stays readable.
 */
html body.everklin-transformed.everklin-transformed #main#main.solutions-flagship :is(.solutions-selection, .solutions-review),
html body.everklin-transformed.everklin-transformed #main#main.industry-page :is(.industry-challenges-section, .industry-applications-section, .industry-benefits-section),
html body.everklin-transformed.everklin-transformed #main#main.sfh-page :is(.sfh-method, .sfh-documents),
html body.everklin-transformed.everklin-transformed #main#main.iic-flagship :is(.iic-environments, .iic-selection, .iic-application-planes, .iic-product-docs),
html body.everklin-transformed.everklin-transformed #main#main.fpp-page :is(.fpp-challenges, .fpp-monitoring, .fpp-technical, .fpp-diagnostics, .fpp-documents),
html body.everklin-transformed.everklin-transformed #main#main.company-information-flagship:not(.company-about-flagship) .anchor-section:nth-child(even),
html body.everklin-transformed.everklin-transformed #main#main.resources-flagship .anchor-section:nth-child(even) {
    background: radial-gradient(circle at 90% 6%, rgba(150, 179, 75, 0.24), transparent 32%), linear-gradient(135deg, #183021 0%, #365c2c 55%, #6f8b2f 135%) !important;
    color: #ffffff !important;
}

html body.everklin-transformed.everklin-transformed #main#main.solutions-flagship :is(.solutions-selection, .solutions-review) :is(h1, h2, h3, h4, h5, h6, strong, dt),
html body.everklin-transformed.everklin-transformed #main#main.industry-page :is(.industry-challenges-section, .industry-applications-section, .industry-benefits-section) :is(h1, h2, h3, h4, h5, h6, strong, dt),
html body.everklin-transformed.everklin-transformed #main#main.sfh-page :is(.sfh-method, .sfh-documents) :is(h1, h2, h3, h4, h5, h6, strong, dt),
html body.everklin-transformed.everklin-transformed #main#main.iic-flagship :is(.iic-environments, .iic-selection, .iic-application-planes, .iic-product-docs) :is(h1, h2, h3, h4, h5, h6, strong, dt),
html body.everklin-transformed.everklin-transformed #main#main.fpp-page :is(.fpp-challenges, .fpp-monitoring, .fpp-technical, .fpp-diagnostics, .fpp-documents) :is(h1, h2, h3, h4, h5, h6, strong, dt),
html body.everklin-transformed.everklin-transformed #main#main.company-information-flagship:not(.company-about-flagship) .anchor-section:nth-child(even) :is(h1, h2, h3, h4, h5, h6, strong, dt),
html body.everklin-transformed.everklin-transformed #main#main.resources-flagship .anchor-section:nth-child(even) :is(h1, h2, h3, h4, h5, h6, strong, dt) {
    color: #ffffff !important;
}

html body.everklin-transformed.everklin-transformed #main#main.solutions-flagship :is(.solutions-selection, .solutions-review) :is(p, li, dd, small, .solutions-kicker),
html body.everklin-transformed.everklin-transformed #main#main.industry-page :is(.industry-challenges-section, .industry-applications-section, .industry-benefits-section) :is(p, li, dd, small, .eyebrow, .section-kicker),
html body.everklin-transformed.everklin-transformed #main#main.sfh-page :is(.sfh-method, .sfh-documents) :is(p, li, dd, small, .eyebrow, .section-kicker),
html body.everklin-transformed.everklin-transformed #main#main.iic-flagship :is(.iic-environments, .iic-selection, .iic-application-planes, .iic-product-docs) :is(p, li, dd, small, .iic-kicker, .eyebrow, .section-kicker),
html body.everklin-transformed.everklin-transformed #main#main.fpp-page :is(.fpp-challenges, .fpp-monitoring, .fpp-technical, .fpp-diagnostics, .fpp-documents) :is(p, li, dd, small, .eyebrow, .section-kicker),
html body.everklin-transformed.everklin-transformed #main#main.company-information-flagship:not(.company-about-flagship) .anchor-section:nth-child(even) :is(p, li, dd, small, .eyebrow, .section-kicker),
html body.everklin-transformed.everklin-transformed #main#main.resources-flagship .anchor-section:nth-child(even) :is(p, li, dd, small, .eyebrow, .section-kicker) {
    color: rgba(255, 255, 255, 0.88) !important;
}

html body.everklin-transformed.everklin-transformed #main#main.solutions-flagship .solutions-selection__steps li,
html body.everklin-transformed.everklin-transformed #main#main.industry-page :is(.industry-challenge-card, .industry-application-card, .industry-benefit-card),
html body.everklin-transformed.everklin-transformed #main#main.sfh-page :is(.sfh-method__step, .sfh-document-card),
html body.everklin-transformed.everklin-transformed #main#main.iic-flagship :is(.iic-selection-card, .iic-environment-card, .iic-product-doc),
html body.everklin-transformed.everklin-transformed #main#main.fpp-page :is(.fpp-challenge-card, .fpp-monitor-card, .fpp-technical-card, .fpp-diagnostic-card, .fpp-document-card),
html body.everklin-transformed.everklin-transformed #main#main:is(.company-information-flagship:not(.company-about-flagship), .resources-flagship) .anchor-section:nth-child(even) .anchor-card {
    background: #ffffff !important;
    border-color: rgba(220, 233, 186, 0.7) !important;
    color: #1f3829 !important;
}

html body.everklin-transformed.everklin-transformed #main#main.solutions-flagship .solutions-selection__steps li :is(h1, h2, h3, h4, h5, h6, strong, p, li, span),
html body.everklin-transformed.everklin-transformed #main#main.industry-page :is(.industry-challenge-card, .industry-application-card, .industry-benefit-card) :is(h1, h2, h3, h4, h5, h6, strong, p, li, span),
html body.everklin-transformed.everklin-transformed #main#main.sfh-page :is(.sfh-method__step, .sfh-document-card) :is(h1, h2, h3, h4, h5, h6, strong, p, li, span),
html body.everklin-transformed.everklin-transformed #main#main.iic-flagship :is(.iic-selection-card, .iic-environment-card, .iic-product-doc) :is(h1, h2, h3, h4, h5, h6, strong, p, li, span),
html body.everklin-transformed.everklin-transformed #main#main.fpp-page :is(.fpp-challenge-card, .fpp-monitor-card, .fpp-technical-card, .fpp-diagnostic-card, .fpp-document-card) :is(h1, h2, h3, h4, h5, h6, strong, p, li, span),
html body.everklin-transformed.everklin-transformed #main#main:is(.company-information-flagship:not(.company-about-flagship), .resources-flagship) .anchor-section:nth-child(even) .anchor-card :is(h1, h2, h3, h4, h5, h6, strong, p, li, span) {
    color: #1f3829 !important;
}

@media (prefers-reduced-motion: reduce) {
    :is(
        .solutions-flagship,
        .industry-page,
        .industries-flagship,
        .iic-flagship,
        .fpp-page,
        .sfh-page,
        .resources-flagship,
        .company-information-flagship,
        .sustainability-flagship,
        .contact-information-flagship
    ) * {
        scroll-behavior: auto !important;
        transition-duration: 0s !important;
        animation-duration: 0s !important;
    }
}

/* -------------------------------------------------------------------------
   Flagship section rhythm — deliberately bold, following the Company-page
   model: dark editorial bands use light text; all working surfaces return to
   white with dark-green text. These selectors are purpose-built for existing
   page sections rather than relying on optional utility classes.
   ------------------------------------------------------------------------- */

/* Businesses hub */
.solutions-flagship .solutions-workflow {
    background: #fff !important;
}

.solutions-flagship .solutions-selection,
.solutions-flagship .solutions-review {
    background:
        radial-gradient(circle at 87% 12%, rgba(205, 225, 137, .17), transparent 26%),
        linear-gradient(132deg, #183224 0%, #37552c 52%, #718a36 100%) !important;
    color: #fff !important;
}

.solutions-flagship :is(.solutions-selection, .solutions-review) :is(.solutions-kicker, h2, p) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.solutions-flagship :is(.solutions-selection, .solutions-review) .solutions-kicker {
    color: #e8f1c5 !important;
    -webkit-text-fill-color: #e8f1c5 !important;
}

.solutions-flagship .solutions-selection__steps {
    gap: 12px !important;
}

.solutions-flagship .solutions-selection__steps li {
    border: 1px solid rgba(226, 239, 189, .72) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 14px 30px rgba(13, 33, 19, .14) !important;
}

.solutions-flagship .solutions-selection__steps li :is(span, strong) {
    color: #20362a !important;
    -webkit-text-fill-color: #20362a !important;
}

.solutions-flagship .solutions-selection__steps li span {
    color: #637a2d !important;
    -webkit-text-fill-color: #637a2d !important;
}

.solutions-flagship .solutions-industries {
    background: #f5f8eb !important;
}

.solutions-flagship .solutions-industries__list a {
    margin-bottom: 10px;
    border: 1px solid rgba(99, 122, 45, .24) !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(31, 56, 41, .06) !important;
}

.solutions-flagship .solutions-review {
    margin: 0 !important;
}

.solutions-flagship .solutions-review .solutions-button {
    border-color: #fff !important;
    background: #fff !important;
    color: #20362a !important;
}

/* Legacy industry detail pages */
.industry-page .industry-section {
    border-top: 1px solid rgba(99, 122, 45, .13);
}

.industry-page :is(.industry-challenges-section, .industry-applications-section, .industry-benefits-section) {
    background:
        radial-gradient(circle at 88% 14%, rgba(207, 226, 146, .15), transparent 26%),
        linear-gradient(132deg, #1b3525 0%, #405e30 58%, #748c38 100%) !important;
    color: #fff !important;
}

.industry-page :is(.industry-challenges-section, .industry-applications-section, .industry-benefits-section) :is(.page-kicker, .industry-section-heading h2, .industry-section-heading p, .industry-application-layout > div > h2, .industry-application-layout > div > p) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.industry-page :is(.industry-challenges-section, .industry-applications-section, .industry-benefits-section) .page-kicker {
    color: #e7f0be !important;
    -webkit-text-fill-color: #e7f0be !important;
}

.industry-page :is(.industry-challenge-grid > article, .industry-benefit-grid > article, .industry-application-layout > ul, .industry-category-list a) {
    border: 1px solid rgba(221, 234, 183, .82) !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 14px 32px rgba(10, 29, 17, .14) !important;
}

.industry-page :is(.industry-challenge-grid > article, .industry-benefit-grid > article, .industry-application-layout > ul, .industry-category-list a) :is(h3, p, strong, li, small) {
    color: #20362a !important;
    -webkit-text-fill-color: #20362a !important;
}

.industry-page :is(.industry-solution-grid > a, .industry-related-grid > a) {
    overflow: hidden;
    border: 1px solid rgba(99, 122, 45, .25) !important;
    border-radius: 16px !important;
    box-shadow: var(--ef-shadow-card) !important;
}

/* Shared solution hubs */
.sfh-page .sfh-selector,
.sfh-page .sfh-evidence {
    background: #fff !important;
}

.sfh-page .sfh-method,
.sfh-page .sfh-documents {
    background:
        radial-gradient(circle at 89% 16%, rgba(204, 224, 140, .15), transparent 25%),
        linear-gradient(132deg, #1b3525 0%, #405e30 56%, #748c38 100%) !important;
    color: #fff !important;
}

.sfh-page :is(.sfh-method, .sfh-documents) :is(.sfh-kicker, h2, h3, p, li, strong) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.sfh-page :is(.sfh-method, .sfh-documents) .sfh-kicker {
    color: #e7f0be !important;
    -webkit-text-fill-color: #e7f0be !important;
}

.sfh-page .sfh-method__steps > li {
    border: 1px solid rgba(224, 237, 187, .82) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 14px 32px rgba(8, 27, 16, .16) !important;
}

.sfh-page .sfh-method__steps > li :is(h3, p, span) {
    color: #20362a !important;
    -webkit-text-fill-color: #20362a !important;
}

.sfh-page .sfh-method__steps > li .sfh-method__number {
    color: #637a2d !important;
    -webkit-text-fill-color: #637a2d !important;
}

.sfh-page .sfh-documents .sfh-inline-link {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Industrial and institutional-care flagship */
.iic-flagship :is(.iic-environments, .iic-selection, .iic-application-planes, .iic-product-docs) {
    background:
        radial-gradient(circle at 89% 15%, rgba(207, 226, 146, .15), transparent 26%),
        linear-gradient(132deg, #193323 0%, #3d5b2e 56%, #718936 100%) !important;
    color: #fff !important;
}

.iic-flagship :is(.iic-environments, .iic-selection, .iic-application-planes, .iic-product-docs) :is(.iic-kicker, h2, p, strong, small, li) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.iic-flagship :is(.iic-environments, .iic-selection, .iic-application-planes, .iic-product-docs) .iic-kicker {
    color: #e7f0be !important;
    -webkit-text-fill-color: #e7f0be !important;
}

.iic-flagship :is(.iic-selection__grid > div:last-child > article, .iic-application-planes__grid > article, .iic-environment-line, .iic-product-docs__grid > div:last-child > a) {
    border: 1px solid rgba(224, 237, 187, .84) !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 14px 32px rgba(8, 27, 16, .16) !important;
}

.iic-flagship :is(.iic-selection__grid > div:last-child > article, .iic-application-planes__grid > article, .iic-environment-line, .iic-product-docs__grid > div:last-child > a) :is(h3, p, strong, small, span) {
    color: #20362a !important;
    -webkit-text-fill-color: #20362a !important;
}

.iic-flagship :is(.iic-category-map, .iic-product-gallery, .iic-product-review) {
    background: #fff !important;
}

.iic-flagship .iic-why-everklin {
    background: #f4f7e9 !important;
}

/* Process, product and technical workspaces */
.fpp-page :is(.fpp-challenges, .fpp-monitoring, .ftw-diagnostics, .ftw-monitoring, .ftw-documents) {
    background:
        radial-gradient(circle at 88% 14%, rgba(205, 225, 137, .16), transparent 26%),
        linear-gradient(132deg, #193323 0%, #3d5b2e 55%, #718936 100%) !important;
    color: #fff !important;
}

.fpp-page :is(.fpp-challenges, .fpp-monitoring, .ftw-diagnostics, .ftw-monitoring, .ftw-documents) :is(.fpp-eyebrow, h2, h3, p, strong, li, small) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.fpp-page :is(.fpp-challenges, .fpp-monitoring, .ftw-diagnostics, .ftw-monitoring, .ftw-documents) .fpp-eyebrow {
    color: #e7f0be !important;
    -webkit-text-fill-color: #e7f0be !important;
}

.fpp-page :is(.fpp-challenges__grid > article, .fpp-monitoring__grid > article, .ftw-diagnostics__grid > article, .ftw-monitoring__grid > article, .ftw-documents__grid > article, .ftw-documents__grid > a) {
    border: 1px solid rgba(224, 237, 187, .84) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 14px 32px rgba(8, 27, 16, .16) !important;
}

.fpp-page :is(.fpp-challenges__grid > article, .fpp-monitoring__grid > article, .ftw-diagnostics__grid > article, .ftw-monitoring__grid > article, .ftw-documents__grid > article, .ftw-documents__grid > a) :is(h3, h4, p, strong, li, span, small) {
    color: #20362a !important;
    -webkit-text-fill-color: #20362a !important;
}

.fpp-page :is(.fpp-process, .fpp-programmes, .ftw-workspace-section, .ftw-assessment, .ftw-catalogue, .ftw-faq) {
    background: #f5f8eb !important;
}

/* Company and resource information pages retain their content but adopt the
   same high-contrast band pattern. The dedicated About page remains governed
   by its later page-specific stylesheet. */
.company-information-flagship:not(.company-about-flagship) .anchor-section:nth-child(even),
.resources-flagship .anchor-section:nth-child(even) {
    background:
        radial-gradient(circle at 88% 14%, rgba(205, 225, 137, .15), transparent 26%),
        linear-gradient(132deg, #193323 0%, #3d5b2e 56%, #718936 100%) !important;
    color: #fff !important;
}

.company-information-flagship:not(.company-about-flagship) .anchor-section:nth-child(even) > :not(.anchor-card-grid),
.resources-flagship .anchor-section:nth-child(even) > :not(.anchor-card-grid) {
    color: #fff !important;
}

.company-information-flagship:not(.company-about-flagship) .anchor-section:nth-child(even) :is(.inner-kicker, h2, p),
.resources-flagship .anchor-section:nth-child(even) :is(.inner-kicker, h2, p) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.company-information-flagship:not(.company-about-flagship) .anchor-section:nth-child(even) .inner-kicker,
.resources-flagship .anchor-section:nth-child(even) .inner-kicker {
    color: #e7f0be !important;
    -webkit-text-fill-color: #e7f0be !important;
}

.company-information-flagship:not(.company-about-flagship) .anchor-section:nth-child(even) .anchor-card,
.resources-flagship .anchor-section:nth-child(even) .anchor-card {
    background: #fff !important;
}

.company-information-flagship:not(.company-about-flagship) .anchor-section:nth-child(even) .anchor-card :is(h3, p, span),
.resources-flagship .anchor-section:nth-child(even) .anchor-card :is(h3, p, span) {
    color: #20362a !important;
    -webkit-text-fill-color: #20362a !important;
}

.company-information-flagship:not(.company-about-flagship) .anchor-section:nth-child(even) .anchor-card span,
.resources-flagship .anchor-section:nth-child(even) .anchor-card span {
    color: #637a2d !important;
    -webkit-text-fill-color: #637a2d !important;
}

@media (max-width: 760px) {
    :is(.solutions-flagship, .industry-page, .iic-flagship, .fpp-page, .sfh-page, .resources-flagship, .company-information-flagship) :is(
        .solutions-selection,
        .solutions-review,
        .industry-challenges-section,
        .industry-applications-section,
        .industry-benefits-section,
        .iic-environments,
        .iic-selection,
        .iic-application-planes,
        .iic-product-docs,
        .fpp-challenges,
        .fpp-monitoring,
        .ftw-diagnostics,
        .ftw-monitoring,
        .ftw-documents,
        .sfh-method,
        .sfh-documents
    ) {
        background-attachment: scroll !important;
    }
}


/* internal-company-hero-system.css */
/*
 * Internal hero system
 * The public homepage retains its own composition. Every other destination
 * uses the same bright editorial panel, olive rule and readable image stage
 * established on the Company overview.
 */
:root {
    --ich-ink: #20362a;
    --ich-copy: #536357;
    --ich-olive: #819b37;
    --ich-olive-deep: #637a2d;
    --ich-mist: #edf2dc;
    --ich-cream: #f8faf2;
    --ich-line: rgba(99, 122, 45, .25);
    --ich-panel: rgba(255, 255, 255, .93);
}

/* Shared information panel for every internal hero which already has a media stage. */
html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero,
    .fpp-hero,
    .fsv2-hero,
    .anchor-hero,
    .industry-page-hero,
    .mnc-category-hero,
    .product-hero,
    .contact-hero
) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-bottom: 1px solid var(--ich-line);
    background-color: var(--ich-mist) !important;
    color: var(--ich-ink) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .anchor-hero-grid > :first-child,
    .industry-page-hero-copy,
    .mnc-category-copy,
    .product-hero-copy,
    .contact-hero__copy
) {
    position: relative;
    z-index: 2;
    border: 1px solid var(--ich-line) !important;
    border-left: 5px solid var(--ich-olive) !important;
    border-radius: 14px !important;
    background: var(--ich-panel) !important;
    box-shadow: 0 26px 66px rgba(32, 54, 42, .14) !important;
    color: var(--ich-ink) !important;
    backdrop-filter: blur(12px);
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .anchor-hero-grid > :first-child,
    .industry-page-hero-copy,
    .mnc-category-copy,
    .product-hero-copy,
    .contact-hero__copy
) :is(h1, h2, h3, strong) {
    color: var(--ich-ink) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .anchor-hero-grid > :first-child,
    .industry-page-hero-copy,
    .mnc-category-copy,
    .product-hero-copy,
    .contact-hero__copy
) :is(p, li, small, .breadcrumb, .sfh-breadcrumb, .fpp-breadcrumb, .fsv2-breadcrumb) {
    color: var(--ich-copy) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .anchor-hero-grid > :first-child,
    .industry-page-hero-copy,
    .mnc-category-copy,
    .product-hero-copy,
    .contact-hero__copy
) :is(.inner-kicker, .anchor-eyebrow, .page-kicker, .sfh-kicker, .fpp-eyebrow, .fsv2-eyebrow, .contact-eyebrow, .product-category-badge) {
    color: var(--ich-olive-deep) !important;
    font-weight: 850 !important;
    letter-spacing: .13em !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__copy,
    .fpp-hero__copy,
    .fsv2-hero__copy,
    .anchor-hero-grid > :first-child,
    .industry-page-hero-copy,
    .mnc-category-copy,
    .product-hero-copy,
    .contact-hero__copy
) :is(a:not(.page-button):not(.sfh-button):not(.contact-button), .breadcrumb a, .sfh-breadcrumb a, .fpp-breadcrumb a, .fsv2-breadcrumb a) {
    color: var(--ich-ink) !important;
}

/* A stable Company-style action works on every light panel. */
html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero,
    .fpp-hero,
    .fsv2-hero,
    .anchor-hero,
    .industry-page-hero,
    .mnc-category-hero,
    .product-hero,
    .contact-hero,
    .solutions-hero,
    .industries-hub__hero,
    .iic-hero
) :is(.page-button:not(.page-button-secondary), .sfh-button--primary, .iic-button:not(.iic-button--outline), .solutions-button--olive, .industries-hub__button--olive, .contact-button--primary) {
    border-color: var(--ich-olive-deep) !important;
    border-radius: 7px !important;
    background: var(--ich-olive-deep) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(74, 92, 34, .16) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero,
    .fpp-hero,
    .fsv2-hero,
    .anchor-hero,
    .industry-page-hero,
    .mnc-category-hero,
    .product-hero,
    .contact-hero,
    .solutions-hero,
    .industries-hub__hero,
    .iic-hero
) :is(.page-button:not(.page-button-secondary), .sfh-button--primary, .iic-button:not(.iic-button--outline), .solutions-button--olive, .industries-hub__button--olive, .contact-button--primary):is(:hover, :focus-visible) {
    border-color: var(--ich-ink) !important;
    background: var(--ich-ink) !important;
    color: #fff !important;
}

/* Image-led, two-column hero templates. */
html body.everklin-transformed #main:not(.corp-home) .sfh-hero,
html body.everklin-transformed #main:not(.corp-home) .fpp-hero,
html body.everklin-transformed #main:not(.corp-home) .anchor-hero,
html body.everklin-transformed #main:not(.corp-home) .industry-page-hero,
html body.everklin-transformed #main:not(.corp-home) .mnc-category-hero,
html body.everklin-transformed #main:not(.corp-home) .product-hero {
    min-height: min(700px, calc(100svh - 1px)) !important;
    padding-block: clamp(32px, 4vw, 58px) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__grid,
    .fpp-hero__grid,
    .anchor-hero-grid,
    .industry-page-hero-grid,
    .mnc-category-hero-grid,
    .product-hero-grid
) {
    align-items: stretch !important;
    min-height: min(580px, calc(100svh - 110px));
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__copy,
    .fpp-hero__copy,
    .anchor-hero-grid > :first-child,
    .industry-page-hero-copy,
    .mnc-category-copy,
    .product-hero-copy
) {
    align-self: center;
    max-width: 650px;
    padding: clamp(32px, 4vw, 54px) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero h1,
    .fpp-hero h1,
    .anchor-hero h1,
    .industry-page-hero h1,
    .mnc-category-hero h1,
    .product-hero h1,
    .contact-hero h1
) {
    max-width: 10ch !important;
    color: var(--ich-ink) !important;
    font-size: clamp(3rem, 5.15vw, 5.9rem) !important;
    font-weight: 720 !important;
    letter-spacing: -.055em !important;
    line-height: .92 !important;
    text-wrap: balance;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__lead,
    .fpp-hero__copy > p,
    .anchor-hero-grid > :first-child > p,
    .industry-page-hero-copy > p,
    .mnc-category-copy > p,
    .product-hero-copy > p,
    .contact-hero__copy > p
) {
    max-width: 38rem !important;
    color: var(--ich-copy) !important;
    font-size: clamp(1rem, 1.2vw, 1.12rem) !important;
    line-height: 1.66 !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__media,
    .fpp-hero__media,
    .anchor-hero-media,
    .industry-page-hero-media,
    .mnc-category-visual-image,
    .product-image-stage
) {
    min-height: 100% !important;
    overflow: hidden;
    border: 1px solid var(--ich-line) !important;
    border-radius: 16px !important;
    background: var(--ich-cream) !important;
    box-shadow: 0 20px 48px rgba(32, 54, 42, .1) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .sfh-hero__media img,
    .fpp-hero__media img,
    .industry-page-hero-media img,
    .mnc-category-visual-image img,
    .product-image-stage img
) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.86) contrast(1.02);
}

/* Full-media hero templates receive the same white panel over their existing image. */
html body.everklin-transformed #main:not(.corp-home) :is(.solutions-hero, .industries-hub__hero, .iic-hero, .fsv2-hero) {
    min-height: min(700px, calc(100svh - 1px)) !important;
    background-color: var(--ich-mist) !important;
}

html body.everklin-transformed #main:not(.corp-home) .solutions-hero::after {
    background: linear-gradient(90deg, rgba(248, 250, 242, .96) 0%, rgba(248, 250, 242, .84) 45%, rgba(248, 250, 242, .3) 75%, rgba(248, 250, 242, .08) 100%) !important;
}

html body.everklin-transformed #main:not(.corp-home) .solutions-hero__copy,
html body.everklin-transformed #main:not(.corp-home) .industries-hub__hero-inner > div:first-child,
html body.everklin-transformed #main:not(.corp-home) .iic-hero__content,
html body.everklin-transformed #main:not(.corp-home) .fsv2-hero__copy {
    position: relative;
    z-index: 2;
    max-width: min(650px, 54vw) !important;
    min-height: 0 !important;
    padding: clamp(32px, 4vw, 54px) !important;
    border: 1px solid var(--ich-line) !important;
    border-left: 5px solid var(--ich-olive) !important;
    border-radius: 14px !important;
    background: var(--ich-panel) !important;
    box-shadow: 0 26px 66px rgba(32, 54, 42, .14) !important;
    color: var(--ich-ink) !important;
    backdrop-filter: blur(12px);
}

html body.everklin-transformed #main:not(.corp-home) .solutions-hero :is(h1, p, a, strong),
html body.everklin-transformed #main:not(.corp-home) .industries-hub__hero :is(h1, p, a, strong),
html body.everklin-transformed #main:not(.corp-home) .iic-hero :is(h1, p, a, strong),
html body.everklin-transformed #main:not(.corp-home) .fsv2-hero :is(h1, p, a, strong) {
    color: var(--ich-ink) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(.solutions-hero, .industries-hub__hero, .iic-hero, .fsv2-hero) :is(
    .solutions-kicker,
    .industries-hub__kicker,
    .iic-kicker,
    .fsv2-eyebrow
) {
    color: var(--ich-olive-deep) !important;
    font-weight: 850 !important;
    letter-spacing: .13em !important;
}

html body.everklin-transformed #main:not(.corp-home) .solutions-hero__note {
    align-self: end;
    max-width: 26ch;
    margin: 0 !important;
    padding: 18px 20px;
    border: 1px solid var(--ich-line);
    border-radius: 10px;
    background: rgba(255, 255, 255, .78);
    color: var(--ich-copy) !important;
}

html body.everklin-transformed #main:not(.corp-home) .fsv2-hero__media::after {
    background: linear-gradient(90deg, rgba(248, 250, 242, .52) 0%, rgba(248, 250, 242, .15) 58%, rgba(248, 250, 242, 0) 100%) !important;
}

/* Keep navigation, labels and calls-to-action legible when an existing template uses its image as a backdrop. */
html body.everklin-transformed #main:not(.corp-home) :is(.solutions-hero, .industries-hub__hero, .iic-hero, .fsv2-hero) :is(
    .solutions-crumb,
    .industries-hub__crumb,
    .iic-crumb,
    .fsv2-breadcrumb
) :is(a, strong, span) {
    color: var(--ich-copy) !important;
}

@media (max-width: 980px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero,
        .fpp-hero,
        .anchor-hero,
        .industry-page-hero,
        .mnc-category-hero,
        .product-hero
    ) {
        min-height: 0 !important;
        padding-block: 28px 38px !important;
    }

    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero__grid,
        .fpp-hero__grid,
        .anchor-hero-grid,
        .industry-page-hero-grid,
        .mnc-category-hero-grid,
        .product-hero-grid
    ) {
        min-height: 0;
    }

    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero__copy,
        .fpp-hero__copy,
        .anchor-hero-grid > :first-child,
        .industry-page-hero-copy,
        .mnc-category-copy,
        .product-hero-copy,
        .contact-hero__copy
    ) {
        max-width: none;
    }
}

@media (max-width: 720px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero__copy,
        .fpp-hero__copy,
        .fsv2-hero__copy,
        .anchor-hero-grid > :first-child,
        .industry-page-hero-copy,
        .mnc-category-copy,
        .product-hero-copy,
        .contact-hero__copy,
        .solutions-hero__copy,
        .industries-hub__hero-inner > div:first-child,
        .iic-hero__content
    ) {
        width: 100% !important;
        max-width: none !important;
        padding: 28px 24px !important;
        border-left-width: 4px !important;
        border-radius: 12px !important;
    }

    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero h1,
        .fpp-hero h1,
        .anchor-hero h1,
        .industry-page-hero h1,
        .mnc-category-hero h1,
        .product-hero h1,
        .contact-hero h1,
        .solutions-hero h1,
        .industries-hub__hero h1,
        .iic-hero h1,
        .fsv2-hero h1
    ) {
        font-size: clamp(2.6rem, 12vw, 4rem) !important;
        line-height: .95 !important;
    }

    html body.everklin-transformed #main:not(.corp-home) :is(.solutions-hero, .industries-hub__hero, .iic-hero, .fsv2-hero) {
        min-height: 620px !important;
        padding: 20px !important;
    }

    html body.everklin-transformed #main:not(.corp-home) .solutions-hero::after {
        background: linear-gradient(180deg, rgba(248, 250, 242, .9) 0%, rgba(248, 250, 242, .74) 62%, rgba(248, 250, 242, .26) 100%) !important;
    }

    html body.everklin-transformed #main:not(.corp-home) .solutions-hero__note {
        position: static;
        max-width: none;
        margin-top: 20px !important;
    }
}

/* Non-negotiable internal hero baseline. Any current or future direct hero
   section receives the Company treatment, regardless of its source template.
   The homepage is the sole deliberate exception. */
html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border-bottom: 1px solid var(--ich-line) !important;
    background-color: var(--ich-mist) !important;
    color: var(--ich-ink) !important;
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(
    [class*="hero__copy"],
    [class*="hero-copy"],
    [class*="hero__content"],
    [class*="hero-content"],
    .mnc-category-copy,
    .inner-hero-content,
    .ek-inner-home-hero__panel,
    .download-request-hero > .container
) {
    position: relative !important;
    z-index: 2 !important;
    border: 1px solid var(--ich-line) !important;
    border-left: 5px solid var(--ich-olive) !important;
    border-radius: 14px !important;
    background: var(--ich-panel) !important;
    box-shadow: 0 26px 66px rgba(32, 54, 42, .14) !important;
    color: var(--ich-ink) !important;
    text-shadow: none !important;
    backdrop-filter: blur(12px);
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(h1, h2, h3, strong) {
    color: var(--ich-ink) !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(p, li, small, .breadcrumb, [class*="breadcrumb"], [class*="crumb"]) {
    color: var(--ich-copy) !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(
    [class*="kicker"],
    [class*="eyebrow"],
    [class*="badge"]
) {
    color: var(--ich-olive-deep) !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(
    .page-button,
    .sfh-button--primary,
    .sp-button:not(.sp-button--ghost),
    .iic-button:not(.iic-button--outline),
    .iic-hub-button--primary,
    .solutions-button--olive,
    .industries-hub__button--olive,
    .contact-button--primary,
    .sample-button,
    .sn-button:not(.sn-button--quiet)
) {
    border-color: var(--ich-olive-deep) !important;
    border-radius: 7px !important;
    background: var(--ich-olive-deep) !important;
    color: #fff !important;
}

@media (max-width: 720px) {
    html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(
        [class*="hero__copy"],
        [class*="hero-copy"],
        [class*="hero__content"],
        [class*="hero-content"],
        .mnc-category-copy,
        .inner-hero-content,
        .ek-inner-home-hero__panel,
        .download-request-hero > .container
    ) {
        border-left-width: 4px !important;
        border-radius: 12px !important;
    }
}

/* Final hero type cascade: every internal template shares the same measured,
   high-contrast editorial rhythm. The public homepage is intentionally out of
   scope through the .corp-home exclusion on every selector. */
@media (min-width: 721px) {
    html body.everklin-transformed #main:not(.corp-home) .fpp-hero__copy {
        padding: clamp(32px, 3.4vw, 46px) !important;
    }

    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero,
        .fpp-hero,
        .fsv2-hero,
        .anchor-hero,
        .industry-page-hero,
        .mnc-category-hero,
        .product-hero,
        .contact-hero,
        .solutions-hero,
        .industries-hub__hero,
        .iic-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .iic-hub-hero,
        .iic-product-hero,
        .inner-hero,
        .sample-hero,
        .download-request-hero,
        .sn-hero
    ) h1 {
        max-width: 19ch !important;
        font-size: clamp(2.75rem, 3.75vw, 3.9rem) !important;
        line-height: .94 !important;
        text-wrap: balance;
    }
}

@media (max-width: 720px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .sfh-hero,
        .fpp-hero,
        .fsv2-hero,
        .anchor-hero,
        .industry-page-hero,
        .mnc-category-hero,
        .product-hero,
        .contact-hero,
        .solutions-hero,
        .industries-hub__hero,
        .iic-hero,
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .iic-hub-hero,
        .iic-product-hero,
        .inner-hero,
        .sample-hero,
        .download-request-hero,
        .sn-hero
    ) h1 {
        max-width: 13ch !important;
        font-size: clamp(2.5rem, 11vw, 3.65rem) !important;
        line-height: .96 !important;
        text-wrap: balance;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body.everklin-transformed #main:not(.corp-home) :is(.sfh-hero, .fpp-hero, .fsv2-hero, .anchor-hero, .industry-page-hero, .mnc-category-hero, .product-hero, .contact-hero) * {
        transition: none !important;
        animation: none !important;
    }
}

/* Complete the same Company-panel treatment on the remaining internal templates. */
html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .iic-hub-hero,
    .iic-product-hero,
    .inner-hero,
    .sample-hero,
    .download-request-hero,
    .sn-hero
) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-bottom: 1px solid var(--ich-line) !important;
    color: var(--ich-ink) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero__copy,
    .wip-hero__copy,
    .sp-hero__copy,
    .iic-hub-hero__copy,
    .iic-product-hero__copy,
    .inner-hero-content,
    .sample-hero__copy,
    .download-request-hero > .container,
    .sn-hero__copy
) {
    position: relative;
    z-index: 2;
    border: 1px solid var(--ich-line) !important;
    border-left: 5px solid var(--ich-olive) !important;
    border-radius: 14px !important;
    background: var(--ich-panel) !important;
    box-shadow: 0 26px 66px rgba(32, 54, 42, .14) !important;
    color: var(--ich-ink) !important;
    backdrop-filter: blur(12px);
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero__copy,
    .wip-hero__copy,
    .sp-hero__copy,
    .iic-hub-hero__copy,
    .iic-product-hero__copy,
    .inner-hero-content,
    .sample-hero__copy,
    .download-request-hero > .container,
    .sn-hero__copy
) :is(h1, h2, h3, strong) {
    color: var(--ich-ink) !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero__copy,
    .wip-hero__copy,
    .sp-hero__copy,
    .iic-hub-hero__copy,
    .iic-product-hero__copy,
    .inner-hero-content,
    .sample-hero__copy,
    .download-request-hero > .container,
    .sn-hero__copy
) :is(p, li, small, .breadcrumb, .wsp-breadcrumb, .sp-breadcrumb, .iic-hub-crumb, .iic-crumb, .sample-crumb) {
    color: var(--ich-copy) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero__copy,
    .wip-hero__copy,
    .sp-hero__copy,
    .iic-hub-hero__copy,
    .iic-product-hero__copy,
    .inner-hero-content,
    .sample-hero__copy,
    .download-request-hero > .container,
    .sn-hero__copy
) :is(.inner-kicker, .wsp-eyebrow, .sp-eyebrow, .iic-hub-kicker, .iic-kicker, .sample-kicker, .sn-kicker) {
    color: var(--ich-olive-deep) !important;
    font-weight: 850 !important;
    letter-spacing: .13em !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .iic-hub-hero,
    .iic-product-hero,
    .sample-hero,
    .sn-hero
) :is(.page-button:not(.page-button-secondary), .sp-button:not(.sp-button--ghost), .iic-hub-button--primary, .iic-button:not(.iic-button--outline), .sample-button, .sn-button:not(.sn-button--quiet)) {
    border-color: var(--ich-olive-deep) !important;
    border-radius: 7px !important;
    background: var(--ich-olive-deep) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(74, 92, 34, .16) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .iic-hub-hero,
    .iic-product-hero,
    .sample-hero,
    .sn-hero
) :is(.page-button:not(.page-button-secondary), .sp-button:not(.sp-button--ghost), .iic-hub-button--primary, .iic-button:not(.iic-button--outline), .sample-button, .sn-button:not(.sn-button--quiet)):is(:hover, :focus-visible) {
    border-color: var(--ich-ink) !important;
    background: var(--ich-ink) !important;
    color: #fff !important;
}

/* Split layouts retain their existing image but use the Company spacing and panel proportions. */
html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero,
    .wip-hero,
    .sp-hero,
    .iic-hub-hero,
    .iic-product-hero,
    .sample-hero,
    .sn-hero
) {
    min-height: min(700px, calc(100svh - 1px)) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero__inner,
    .wip-hero__inner,
    .sp-hero__grid,
    .iic-hub-hero__grid,
    .iic-product-hero__grid,
    .sample-hero__grid,
    .sn-hero__inner
) {
    min-height: min(580px, calc(100svh - 110px));
    align-items: center !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero__copy,
    .wip-hero__copy,
    .sp-hero__copy,
    .iic-hub-hero__copy,
    .iic-product-hero__copy,
    .sample-hero__copy,
    .sn-hero__copy
) {
    align-self: center;
    width: min(650px, 54vw) !important;
    max-width: min(650px, 54vw) !important;
    padding: clamp(32px, 4vw, 54px) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(
    .wsp-hero h1,
    .wip-hero h1,
    .sp-hero h1,
    .iic-hub-hero h1,
    .iic-product-hero h1,
    .inner-hero h1,
    .sample-hero h1,
    .download-request-hero h1,
    .sn-hero h1
) {
    max-width: 10ch !important;
    color: var(--ich-ink) !important;
    font-size: clamp(3rem, 5.15vw, 5.9rem) !important;
    font-weight: 720 !important;
    letter-spacing: -.055em !important;
    line-height: .92 !important;
    text-wrap: balance;
}

html body.everklin-transformed #main:not(.corp-home) :is(.sp-hero, .sn-hero) :is(h1 em, h2 em) {
    color: var(--ich-olive) !important;
}

html body.everklin-transformed #main:not(.corp-home) :is(.wsp-hero, .wip-hero, .sp-hero) :is(.wsp-breadcrumb, .sp-breadcrumb) :is(a, strong, span) {
    color: var(--ich-copy) !important;
}

html body.everklin-transformed #main:not(.corp-home) .sp-hero::before {
    background: linear-gradient(90deg, rgba(248, 250, 242, .9) 0%, rgba(248, 250, 242, .62) 54%, rgba(248, 250, 242, .12) 100%), var(--sp-hero-image, none) !important;
    background-position: center !important;
    background-size: cover !important;
}

html body.everklin-transformed #main:not(.corp-home) .inner-hero {
    min-height: min(660px, calc(100svh - 1px)) !important;
    background: linear-gradient(118deg, #edf2dc 0%, #f8faf2 56%, #e5edd1 100%) !important;
}

html body.everklin-transformed #main:not(.corp-home) .inner-hero-content {
    width: min(650px, calc(100% - 48px)) !important;
    min-height: 0 !important;
    margin-left: max(24px, calc((100vw - 1240px) / 2)) !important;
    margin-right: 0 !important;
    padding: clamp(32px, 4vw, 54px) !important;
}

html body.everklin-transformed #main:not(.corp-home) .download-request-hero {
    min-height: min(620px, calc(100svh - 1px));
    display: flex;
    align-items: center;
    padding-block: 70px !important;
    background: linear-gradient(118deg, #edf2dc 0%, #f8faf2 56%, #e5edd1 100%) !important;
}

html body.everklin-transformed #main:not(.corp-home) .download-request-hero > .container {
    width: min(650px, calc(100% - 48px)) !important;
    margin-left: max(24px, calc((100vw - 1240px) / 2)) !important;
    margin-right: 0 !important;
    padding: clamp(32px, 4vw, 54px) !important;
}

@media (max-width: 980px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .iic-hub-hero,
        .iic-product-hero,
        .sample-hero,
        .sn-hero,
        .inner-hero,
        .download-request-hero
    ) {
        min-height: 0 !important;
        padding-block: 28px 38px !important;
    }
}

@media (max-width: 720px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .wsp-hero__copy,
        .wip-hero__copy,
        .sp-hero__copy,
        .iic-hub-hero__copy,
        .iic-product-hero__copy,
        .sample-hero__copy,
        .sn-hero__copy,
        .inner-hero-content,
        .download-request-hero > .container
    ) {
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0 !important;
        padding: 28px 24px !important;
        border-left-width: 4px !important;
        border-radius: 12px !important;
    }

    html body.everklin-transformed #main:not(.corp-home) :is(
        .wsp-hero h1,
        .wip-hero h1,
        .sp-hero h1,
        .iic-hub-hero h1,
        .iic-product-hero h1,
        .inner-hero h1,
        .sample-hero h1,
        .download-request-hero h1,
        .sn-hero h1
    ) {
        font-size: clamp(2.6rem, 12vw, 4rem) !important;
        line-height: .95 !important;
    }
}

/* Override the older template rules above so the remaining legacy hero
   variants inherit the same line measure as the newer Company-style panels. */
@media (min-width: 721px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .iic-hub-hero,
        .iic-product-hero,
        .inner-hero,
        .sample-hero,
        .download-request-hero,
        .sn-hero
    ) h1 {
        max-width: 19ch !important;
        font-size: clamp(2.75rem, 3.75vw, 3.9rem) !important;
        line-height: .94 !important;
        text-wrap: balance;
    }
}

@media (max-width: 720px) {
    html body.everklin-transformed #main:not(.corp-home) :is(
        .wsp-hero,
        .wip-hero,
        .sp-hero,
        .iic-hub-hero,
        .iic-product-hero,
        .inner-hero,
        .sample-hero,
        .download-request-hero,
        .sn-hero
    ) h1 {
        max-width: 13ch !important;
        font-size: clamp(2.5rem, 11vw, 3.65rem) !important;
        line-height: .96 !important;
        text-wrap: balance;
    }
}


/* internal-company-hero-force.css */
/*
 * Final internal hero authority
 *
 * Loaded after every page-specific stylesheet. It prevents a legacy page
 * template from falling back to an older dark or low-contrast hero treatment.
 * The public homepage remains deliberately excluded.
 */

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border-bottom: 1px solid var(--ich-line) !important;
    background-color: var(--ich-mist) !important;
    color: var(--ich-ink) !important;
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(
    [class*="hero__copy"],
    [class*="hero-copy"],
    [class*="hero__content"],
    [class*="hero-content"],
    .mnc-category-copy,
    .inner-hero-content,
    .ek-inner-home-hero__panel,
    .download-request-hero > .container
) {
    position: relative !important;
    z-index: 2 !important;
    border: 1px solid var(--ich-line) !important;
    border-left: 5px solid var(--ich-olive) !important;
    border-radius: 14px !important;
    background: var(--ich-panel) !important;
    box-shadow: 0 26px 66px rgba(32, 54, 42, .14) !important;
    color: var(--ich-ink) !important;
    text-shadow: none !important;
    backdrop-filter: blur(12px);
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(h1, h2, h3, strong) {
    color: var(--ich-ink) !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(p, li, small, .breadcrumb, [class*="breadcrumb"], [class*="crumb"]) {
    color: var(--ich-copy) !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(.breadcrumb, [class*="breadcrumb"], [class*="crumb"]) :is(a, span, strong) {
    color: var(--ich-copy) !important;
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(
    [class*="kicker"],
    [class*="eyebrow"],
    [class*="badge"]
) {
    color: var(--ich-olive-deep) !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(a[class*="button"], button[class*="button"]) {
    border-color: var(--ich-olive-deep) !important;
    border-radius: 7px !important;
    background: var(--ich-olive-deep) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(74, 92, 34, .16) !important;
}

@media (min-width: 721px) {
    html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] {
        min-height: min(700px, calc(100svh - 1px)) !important;
    }

    html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"]:not(.ek-inner-home-hero) h1 {
        max-width: 19ch !important;
        color: var(--ich-ink) !important;
        font-size: clamp(2.75rem, 3.75vw, 3.9rem) !important;
        font-weight: 720 !important;
        letter-spacing: -.055em !important;
        line-height: .94 !important;
        text-wrap: balance;
    }

    html body.everklin-transformed #main:not(.corp-home) > .fpp-hero .fpp-hero__copy {
        padding: clamp(32px, 3.4vw, 46px) !important;
    }
}

@media (max-width: 720px) {
    html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"] :is(
        [class*="hero__copy"],
        [class*="hero-copy"],
        [class*="hero__content"],
        [class*="hero-content"],
        .mnc-category-copy,
        .inner-hero-content,
        .ek-inner-home-hero__panel,
        .download-request-hero > .container
    ) {
        border-left-width: 4px !important;
        border-radius: 12px !important;
    }

    html body.everklin-transformed #main:not(.corp-home) > :is(section, header)[class*="hero"]:not(.ek-inner-home-hero) h1 {
        max-width: 13ch !important;
        color: var(--ich-ink) !important;
        font-size: clamp(2.5rem, 11vw, 3.65rem) !important;
        line-height: .96 !important;
        text-wrap: balance;
    }
}


/* food-beverage-hero-system.css */
/*
 * Food & Beverage uses the Company's image-and-panel composition.
 *
 * The legacy styles contain high-specificity, unlayered !important rules.
 * Important declarations in this named layer deliberately take precedence
 * over them. Keep every selector route-scoped and every layout value here
 * together, so desktop and mobile cannot inherit different hero systems.
 */
body.route-food-beverage {
    --fb-ink: #20362a;
    --fb-copy: #4c6052;
    --fb-olive: #819b37;
    --fb-olive-deep: #637a2d;
    --fb-mist: #edf2dc;
    --fb-line: rgba(99, 122, 45, .24);
    --fb-stage-height: 700px;
    --fb-gutter: max(40px, calc((100vw - 1360px) / 2));
}

@layer food-beverage-hero {
    body.route-food-beverage #main > :is(.sfh-hero, .fpp-hero, .iic-hero, .iic-product-hero, .sample-hero) {
        position: relative !important;
        isolation: isolate !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: var(--fb-stage-height) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-bottom: 1px solid var(--fb-line) !important;
        border-radius: 0 !important;
        background-color: var(--fb-mist) !important;
        color: var(--fb-ink) !important;
    }

    body.route-food-beverage #main :is(.sfh-hero__grid, .fpp-hero__grid, .iic-product-hero__grid, .sample-hero__grid) {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: none !important;
        min-height: var(--fb-stage-height) !important;
        margin: 0 !important;
        padding: 48px var(--fb-gutter) !important;
        gap: 32px !important;
    }

    body.route-food-beverage #main :is(.sfh-hero__copy, .fpp-hero__copy, .iic-hero__content, .iic-product-hero__copy, .sample-hero__copy) {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
        flex: 0 1 660px !important;
        width: min(660px, 54vw) !important;
        max-width: min(660px, 54vw) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: clamp(30px, 3.75vw, 54px) !important;
        overflow: visible !important;
        border: 1px solid var(--fb-line) !important;
        border-left: 5px solid var(--fb-olive) !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, .95) !important;
        box-shadow: 0 26px 66px rgba(32, 54, 42, .14) !important;
        color: var(--fb-ink) !important;
        text-align: left !important;
        text-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        backdrop-filter: blur(12px) !important;
    }

    /* Photos fill the hero from the header down, as on the Company page.
       The old photo card's rounded corners and pale outer gutters are removed. */
    body.route-food-beverage #main :is(.sfh-hero__media, .fpp-hero__media) {
        position: absolute !important;
        z-index: 0 !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    body.route-food-beverage #main :is(.sfh-hero__media, .fpp-hero__media) :is(picture, img) {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: var(--fpp-hero-position, center) !important;
        filter: none !important;
        transform: none !important;
    }

    body.route-food-beverage #main :is(.sfh-hero__media, .fpp-hero__media)::after {
        content: "" !important;
        position: absolute !important;
        display: block !important;
        inset: 0 !important;
        background: linear-gradient(90deg, rgba(248,250,241,.7), rgba(248,250,241,.3) 48%, transparent 78%) !important;
        pointer-events: none !important;
    }

    body.route-food-beverage #main > .iic-hero {
        display: flex !important;
        align-items: center !important;
        padding: 48px var(--fb-gutter) !important;
        background-image: var(--iic-hero-image) !important;
        background-size: cover !important;
        background-position: center !important;
    }

    body.route-food-beverage #main > .iic-hero::before {
        background: linear-gradient(90deg, rgba(248,250,241,.7), rgba(248,250,241,.3) 48%, transparent 78%) !important;
    }

    body.route-food-beverage #main > :is(.sfh-hero, .fpp-hero)::before,
    body.route-food-beverage #main > :is(.sfh-hero, .fpp-hero, .iic-hero)::after {
        display: none !important;
    }

    body.route-food-beverage #main > :is(.sfh-hero, .fpp-hero, .iic-hero, .iic-product-hero, .sample-hero) h1 {
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        margin: 0 0 22px !important;
        padding: 0 !important;
        font-size: clamp(2.4rem, 3.6vw, 3.65rem) !important;
        font-weight: 700 !important;
        line-height: 1.06 !important;
        letter-spacing: -.04em !important;
        color: var(--fb-ink) !important;
        -webkit-text-fill-color: var(--fb-ink) !important;
        text-shadow: none !important;
        text-wrap: pretty !important;
        overflow-wrap: break-word !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.route-food-beverage #main .sfh-hero h1 span {
        display: inline !important;
        color: inherit !important;
    }

    body.route-food-beverage #main :is(.sfh-hero .sfh-kicker, .fpp-hero .fpp-eyebrow, .iic-hero .iic-kicker, .iic-product-hero .iic-kicker, .sample-hero .sample-kicker) {
        display: block !important;
        margin: 0 0 18px !important;
        color: var(--fb-olive-deep) !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.5 !important;
        letter-spacing: .13em !important;
        text-transform: uppercase !important;
    }

    body.route-food-beverage #main :is(.sfh-hero__lead, .fpp-hero__copy > p, .iic-hero .iic-lead, .iic-product-hero .iic-lead, .sample-hero .sample-lead) {
        max-width: 35rem !important;
        margin: 0 !important;
        color: var(--fb-copy) !important;
        font-size: 17px !important;
        font-weight: 400 !important;
        line-height: 1.65 !important;
    }

    body.route-food-beverage #main > :is(.sfh-hero, .fpp-hero, .iic-hero, .iic-product-hero, .sample-hero) nav {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px 9px !important;
        margin: 0 0 28px !important;
        font-size: 12px !important;
        line-height: 1.6 !important;
    }

    body.route-food-beverage #main > :is(.sfh-hero, .fpp-hero, .iic-hero, .iic-product-hero, .sample-hero) nav :is(a, span, strong) {
        color: var(--fb-copy) !important;
        -webkit-text-fill-color: var(--fb-copy) !important;
    }

    body.route-food-beverage #main :is(.sfh-hero .sfh-actions, .fpp-hero__actions, .iic-hero .iic-actions, .iic-product-hero .iic-actions, .sample-hero .sample-actions) {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
        margin: 28px 0 0 !important;
    }

    body.route-food-beverage #main > :is(.sfh-hero, .fpp-hero, .iic-hero, .iic-product-hero, .sample-hero) :is(.sfh-button, .page-button, .iic-button, .sample-button) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        min-height: 50px !important;
        padding: 14px 22px !important;
        border: 1px solid #5c7427 !important;
        border-radius: 7px !important;
        background: #5c7427 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
    }

    body.route-food-beverage #main > :is(.sfh-hero, .fpp-hero, .iic-hero, .iic-product-hero, .sample-hero) :is(.sfh-button, .page-button, .iic-button, .sample-button):is(:hover, :focus-visible) {
        background: #4d6320 !important;
        border-color: #4d6320 !important;
        outline-color: var(--fb-olive-deep) !important;
    }

    /* Standalone product templates keep the actual packshot beside the copy. */
    body.route-food-beverage #main :is(.iic-product-hero__grid, .sample-hero__grid) {
        display: grid !important;
        grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important;
    }

    body.route-food-beverage #main :is(.iic-product-hero__copy, .sample-hero__copy) {
        width: 100% !important;
        max-width: 660px !important;
    }

    body.route-food-beverage #main :is(.iic-product-hero .iic-packshot, .sample-hero__packshot) {
        width: 100% !important;
        min-height: 420px !important;
        margin: 0 !important;
    }

    body.route-food-beverage #main :is(.iic-product-hero .iic-packshot, .sample-hero__packshot) img {
        width: 100% !important;
        height: 440px !important;
        max-height: 440px !important;
        object-fit: contain !important;
    }

    @media (max-width: 900px) {
        body.route-food-beverage {
            --fb-gutter: 28px !important;
            --fb-stage-height: 620px !important;
        }
        body.route-food-beverage #main :is(.sfh-hero__copy, .fpp-hero__copy, .iic-hero__content) {
            width: min(600px, 75vw) !important;
            max-width: min(600px, 75vw) !important;
        }
        body.route-food-beverage #main :is(.iic-product-hero__grid, .sample-hero__grid) {
            grid-template-columns: 1fr !important;
        }
    }

    @media (max-width: 680px) {
        body.route-food-beverage {
            --fb-gutter: 18px !important;
            --fb-stage-height: 0px !important;
        }
        body.route-food-beverage #main :is(.sfh-hero__grid, .fpp-hero__grid) {
            padding: 56px 18px 24px !important;
        }
        body.route-food-beverage #main :is(.sfh-hero__copy, .fpp-hero__copy, .iic-hero__content, .iic-product-hero__copy, .sample-hero__copy) {
            width: 100% !important;
            max-width: 100% !important;
            flex-basis: auto !important;
            padding: 24px 20px !important;
            border-left-width: 4px !important;
            border-radius: 12px !important;
            backdrop-filter: none !important;
        }
        body.route-food-beverage #main :is(.sfh-hero__media, .fpp-hero__media) {
            height: 310px !important;
            bottom: auto !important;
        }
        body.route-food-beverage #main :is(.sfh-hero__media, .fpp-hero__media)::after {
            background: linear-gradient(180deg, transparent 55%, var(--fb-mist)) !important;
        }
        body.route-food-beverage #main > .iic-hero {
            padding: 56px 18px 24px !important;
            background-size: auto 310px !important;
            background-position: center top !important;
            background-repeat: no-repeat !important;
        }
        body.route-food-beverage #main > .iic-hero::before {
            background: linear-gradient(180deg, transparent 170px, var(--fb-mist) 310px) !important;
        }
        body.route-food-beverage #main > :is(.sfh-hero, .fpp-hero, .iic-hero, .iic-product-hero, .sample-hero) h1 {
            font-size: clamp(34px, 8.8vw, 42px) !important;
            max-width: none !important;
            line-height: 1.08 !important;
            letter-spacing: -.03em !important;
        }
        body.route-food-beverage #main :is(.sfh-hero__lead, .fpp-hero__copy > p, .iic-hero .iic-lead, .iic-product-hero .iic-lead, .sample-hero .sample-lead) {
            font-size: 16px !important;
        }
        body.route-food-beverage #main :is(.iic-product-hero__grid, .sample-hero__grid) {
            padding: 28px 18px !important;
        }
        body.route-food-beverage #main > :is(.sfh-hero, .fpp-hero, .iic-hero, .iic-product-hero, .sample-hero) :is(.sfh-button, .page-button, .iic-button, .sample-button) {
            width: 100% !important;
        }
    }
}


/* food-beverage-content-system.css */
/* Food & Beverage content surfaces. Keep the approved hero system separate.
 * Layered important rules win over legacy unlayered palette overrides.
 * Text follows the nearest surface, not the outer section's background.
 */
@layer food-beverage-content {
    body.route-food-beverage #main > :where(section:not([class*="hero"])) {
        --fb-content-ink: #20362a;
        --fb-content-copy: #485c4e;
        --fb-content-accent: #526b28;
        color: var(--fb-content-ink) !important;
    }

    body.route-food-beverage #main > section:not([class*="hero"]) :is(h2, h3, h4, h5, h6, strong, dt, summary) {
        color: var(--fb-content-ink) !important;
        -webkit-text-fill-color: currentColor !important;
        text-shadow: none !important;
    }
    body.route-food-beverage #main > section:not([class*="hero"]) :is(p, li, small, dd, td) {
        color: var(--fb-content-copy) !important;
        -webkit-text-fill-color: currentColor !important;
        text-shadow: none !important;
    }
    body.route-food-beverage #main > section:not([class*="hero"]) :is(.fpp-eyebrow, .sfh-kicker, .sfh-final__kicker, .iic-kicker, .lpd__eyebrow, .lpd__rail-title, .sfh-evidence-card__programme, .fpp-system-card__label) {
        color: var(--fb-content-accent) !important;
        -webkit-text-fill-color: currentColor !important;
        opacity: 1 !important;
    }

    /* Match the existing Request Technical Review brand green exactly. */
    body.route-food-beverage #main :is(.fpp-challenges, .sfh-method, .sfh-documents, .sfh-final, .iic-selection, .iic-application-planes, .iic-product-docs, .iic-close, .fpp-documents__inner) {
        --fb-content-ink: #ffffff;
        --fb-content-copy: #ffffff;
        --fb-content-accent: #ffffff;
        background: #5c7427 !important;
        color: #ffffff !important;
    }

    /* White cards remain distinct from the surrounding leaf-green band. */
    body.route-food-beverage #main :is(.fpp-challenges__grid > article, .fpp-monitoring__grid > article, .fpp-system-card, .sfh-method__steps > li, .sfh-document-card, .sfh-evidence-card, .iic-selection__grid > div:last-child > article, .iic-application-planes__grid > article, .iic-product-docs__grid > div:last-child > a, .iic-product-card, .fph-category-brief, .fph-product-summary, .fph-technical, .fph-common-faq) {
        --fb-content-ink: #20362a;
        --fb-content-copy: #485c4e;
        --fb-content-accent: #526b28;
        background: #ffffff !important;
        color: var(--fb-content-ink) !important;
    }

    body.route-food-beverage #main :is(.fpp-monitoring, .fpp-system-navigation, .iic-product-gallery, .sfh-evidence) {
        background: #f3f6eb !important;
    }
    body.route-food-beverage #main :is(.fpp-documents, .fpp-cta, .lpd, .fph, .sfh-selector, .iic-product-review) {
        background: #ffffff !important;
    }

    /* Comfortable editorial scale and clear separation between cards. */
    body.route-food-beverage #main :is(.fpp-challenges, .fpp-monitoring, .fpp-system-navigation) {
        padding: clamp(52px, 5.5vw, 80px) 0 !important;
    }
    body.route-food-beverage #main :is(.fpp-section-heading, .fpp-system-navigation__heading) {
        max-width: none !important;
        margin-bottom: 32px !important;
    }
    body.route-food-beverage #main :is(.fpp-section-heading h2, .fpp-monitoring__intro h2, .fpp-documents h2, .fpp-cta h2) {
        max-width: 27ch !important;
        font-size: clamp(2rem, 3.15vw, 3rem) !important;
        line-height: 1.12 !important;
        letter-spacing: -.035em !important;
        text-wrap: pretty !important;
    }
    body.route-food-beverage #main :is(.fpp-challenges__grid, .fpp-monitoring__grid, .fpp-system-navigation__grid, .sfh-method__steps) {
        gap: 18px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }
    body.route-food-beverage #main :is(.fpp-challenges__grid, .fpp-monitoring__grid, .fpp-system-navigation__grid) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    body.route-food-beverage #main :is(.fpp-challenges__grid > article, .fpp-monitoring__grid > article, .fpp-system-card, .sfh-method__steps > li) {
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 28px !important;
        border: 1px solid #d8e2cb !important;
        border-radius: 14px !important;
        box-shadow: 0 8px 24px rgba(24, 48, 33, .06) !important;
    }
    body.route-food-beverage #main .fpp-challenges__grid > article::before {
        display: none !important;
    }
    body.route-food-beverage #main .fpp-challenges__grid > article > span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 32px !important;
        margin: 0 0 24px !important;
        border-radius: 6px !important;
        background: #edf2df !important;
        color: #526b28 !important;
        -webkit-text-fill-color: currentColor !important;
        font-size: .8125rem !important;
        font-weight: 700 !important;
    }
    body.route-food-beverage #main :is(.fpp-challenges__grid, .fpp-monitoring__grid, .fpp-system-navigation__grid) h3 {
        margin: 0 !important;
        font-size: 1.375rem !important;
        line-height: 1.3 !important;
        letter-spacing: -.02em !important;
    }
    body.route-food-beverage #main :is(.fpp-challenges__grid, .fpp-monitoring__grid, .fpp-system-navigation__grid) p {
        margin: 12px 0 0 !important;
        font-size: 1rem !important;
        line-height: 1.65 !important;
    }
    body.route-food-beverage #main .fpp-monitoring > .container {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }
    body.route-food-beverage #main .fpp-monitoring__intro h2 {
        max-width: 30ch !important;
    }
    body.route-food-beverage #main .fpp-documents {
        padding: 48px 0 !important;
    }
    body.route-food-beverage #main .fpp-documents__inner {
        gap: 32px !important;
        padding: clamp(26px, 3.2vw, 46px) !important;
        border: 0 !important;
        border-radius: 16px !important;
    }
    body.route-food-beverage #main .fpp-documents__inner :is(.fpp-inline-action, .fpp-inline-action span) {
        color: #ffffff !important;
        -webkit-text-fill-color: currentColor !important;
    }
    body.route-food-beverage #main .fpp-system-navigation__heading {
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) !important;
        gap: 18px 48px !important;
    }
    body.route-food-beverage #main .fpp-system-navigation__heading h2 {
        max-width: 24ch !important;
    }
    body.route-food-beverage #main .fpp-system-card__label {
        margin: 24px 0 12px !important;
        font-size: .75rem !important;
    }
    body.route-food-beverage #main .fpp-system-card__action {
        color: #526b28 !important;
        -webkit-text-fill-color: currentColor !important;
        margin-top: auto !important;
        padding-top: 24px !important;
        font-size: .875rem !important;
    }
    body.route-food-beverage #main .fpp-system-card:is(:hover, :focus-visible) {
        border-color: #637a2d !important;
        box-shadow: 0 12px 28px rgba(24, 48, 33, .12) !important;
    }

    /* Controls set both their own text and nested numbers/icons. */
    body.route-food-beverage #main > section:not([class*="hero"]) :is(.page-button, .iic-button, .sfh-button--primary) {
        background: #5c7427 !important;
        border-color: #5c7427 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: currentColor !important;
    }
    body.route-food-beverage #main > section:not([class*="hero"]) :is(.page-button, .iic-button, .sfh-button--primary) :is(span, b, strong) {
        color: #ffffff !important;
        -webkit-text-fill-color: currentColor !important;
    }
    body.route-food-beverage #main :is(.sfh-final, .iic-close) :is(.sfh-button, .iic-button) {
        background: #ffffff !important;
        border-color: #ffffff !important;
        color: #20362a !important;
        -webkit-text-fill-color: currentColor !important;
    }
    body.route-food-beverage #main :is(.sfh-final, .iic-close) :is(.sfh-button, .iic-button) :is(span, b, strong) {
        color: #20362a !important;
        -webkit-text-fill-color: currentColor !important;
    }
    body.route-food-beverage #main :is(.lpd__challenge, .lpd__stage, .lpd__parameter, .sfh-selector button, .fph-category-tabs button, .fph-technical-tabs button) {
        --fb-content-ink: #20362a;
        --fb-content-copy: #485c4e;
        color: #20362a !important;
        -webkit-text-fill-color: currentColor !important;
    }
    body.route-food-beverage #main :is(.lpd__challenge, .lpd__stage, .lpd__parameter, .sfh-selector button, .fph-category-tabs button, .fph-technical-tabs button) span,
    body.route-food-beverage #main :is(.lpd__solution-mark, .lpd__toolbar > span) {
        color: #526b28 !important;
        -webkit-text-fill-color: currentColor !important;
    }
    body.route-food-beverage #main :is(.lpd__challenge.is-active, .sfh-selector button[aria-selected="true"], .fph-category-tabs button[aria-selected="true"], .fph-technical-tabs button[aria-selected="true"]) {
        --fb-content-ink: #ffffff;
        --fb-content-copy: #ffffff;
        background: #5c7427 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: currentColor !important;
    }
    body.route-food-beverage #main :is(.lpd__challenge.is-active, .sfh-selector button[aria-selected="true"], .fph-category-tabs button[aria-selected="true"], .fph-technical-tabs button[aria-selected="true"]) :is(span, strong) {
        color: #ffffff !important;
        -webkit-text-fill-color: currentColor !important;
    }
    body.route-food-beverage #main .fph-category-tabs button[aria-selected="true"] span {
        background: #ffffff !important;
        color: #526b28 !important;
        -webkit-text-fill-color: currentColor !important;
    }
    body.route-food-beverage #main .fph-product-card small {
        background: #edf2df !important;
        color: #526b28 !important;
        -webkit-text-fill-color: currentColor !important;
    }
    body.route-food-beverage #main :is(.lpd__mode-label span, .iic-gallery-head > span) {
        color: #485c4e !important;
        -webkit-text-fill-color: currentColor !important;
    }
    body.route-food-beverage #main :is(a, button, summary):focus-visible {
        outline: 3px solid #819b37 !important;
        outline-offset: 4px !important;
    }

    @media (max-width: 1000px) {
        body.route-food-beverage #main .fpp-challenges__grid {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }
    }
    @media (max-width: 760px) {
        body.route-food-beverage #main :is(.fpp-challenges__grid, .fpp-monitoring__grid, .fpp-system-navigation__grid, .fpp-system-navigation__heading) {
            grid-template-columns: minmax(0, 1fr) !important;
        }
        body.route-food-beverage #main :is(.fpp-challenges__grid > article, .fpp-monitoring__grid > article, .fpp-system-card) {
            padding: 24px !important;
        }
        body.route-food-beverage #main .fpp-documents__inner {
            flex-direction: column !important;
            align-items: flex-start !important;
        }
        body.route-food-beverage #main .fpp-challenges__grid > article { padding: 16px 20px !important; }
        body.route-food-beverage #main .fpp-challenges__grid > article > span { display: none !important; }
        body.route-food-beverage #main .fpp-challenges__grid { gap: 10px !important; }
    }
}


/* footer-system.css */
/* Shared footer only. Layered important rules isolate it from the legacy
   unlayered theme overrides without changing any page/header styling. */
@layer everklin-footer {
    #everklin-footer {
        --footer-ink: #20362a;
        --footer-copy: #435749;
        --footer-accent: #5c7427;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--footer-ink) !important;
        background: #fff !important;
        border-top: 3px solid #5c7427 !important;
        box-shadow: none !important;
        font-size: 16px !important;
    }

    #everklin-footer :where(h2, p, a, address, span) {
        text-shadow: none !important;
        -webkit-text-fill-color: currentColor !important;
        opacity: 1 !important;
        letter-spacing: normal !important;
    }

    #everklin-footer :is(p, address) {
        color: var(--footer-copy) !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.65 !important;
        text-transform: none !important;
        font-style: normal !important;
    }

    #everklin-footer a {
        color: var(--footer-ink) !important;
        text-decoration: none !important;
        transition: color 160ms ease, background-color 160ms ease !important;
    }

    #everklin-footer a:hover {
        color: var(--footer-accent) !important;
        text-decoration: underline !important;
        text-underline-offset: 5px !important;
        text-decoration-thickness: 1px !important;
        transform: none !important;
    }

    #everklin-footer a:focus-visible {
        outline: 2px solid var(--footer-accent) !important;
        outline-offset: 5px !important;
        border-radius: 3px !important;
    }

    #everklin-footer a span { color: inherit !important; }

    #everklin-footer .container {
        width: min(calc(100% - 96px), 1360px) !important;
        max-width: 1360px !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }

    #everklin-footer .footer-main {
        display: block !important;
        padding: 64px 0 !important;
        background: #fff !important;
    }

    #everklin-footer .footer-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr) minmax(0, .8fr) minmax(0, 1fr) !important;
        gap: clamp(28px, 4vw, 64px) !important;
        background: transparent !important;
        align-items: start !important;
    }

    #everklin-footer .footer-brand {
        display: inline-flex !important;
        margin: 0 0 20px !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #everklin-footer .footer-logo {
        width: 210px !important;
        max-width: 100% !important;
        height: auto !important;
        filter: none !important;
        opacity: 1 !important;
        mix-blend-mode: normal !important;
    }

    #everklin-footer .footer-brand-statement {
        max-width: 31ch !important;
        margin: 0 0 24px !important;
    }

    #everklin-footer .footer-team-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 24px !important;
        min-height: 48px !important;
        padding: 10px 18px !important;
        background: #f0f4e5 !important;
        border: 1px solid #d9e2c5 !important;
        border-radius: 6px !important;
        font-size: 16px !important;
        font-weight: 650 !important;
    }

    #everklin-footer .footer-team-link:hover { background: #e4eccf !important; }

    #everklin-footer .footer-column {
        display: flex !important;
        align-items: flex-start !important;
        flex-direction: column !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 12px 0 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    #everklin-footer .footer-column h2,
    #everklin-footer .footer-connect__item h2 {
        margin: 0 0 18px !important;
        color: var(--footer-accent) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        text-transform: uppercase !important;
        letter-spacing: .1em !important;
    }

    #everklin-footer .footer-column > a,
    #everklin-footer .footer-disclosure-links > a {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 44px !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 8px 0 !important;
        color: var(--footer-ink) !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1.45 !important;
    }

    #everklin-footer .footer-column > a:hover { color: var(--footer-accent) !important; }
    #everklin-footer .footer-disclosure-links { display: flex !important; flex-direction: column !important; align-items: flex-start !important; }
    #everklin-footer .footer-disclosure-links[hidden] { display: none !important; }
    #everklin-footer .footer-disclosure { font: inherit !important; color: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; background: none !important; border: 0 !important; padding: 0 !important; opacity: 1 !important; cursor: default; }
    @media (max-width: 767px) {
        #everklin-footer .footer-main { padding: 16px 0 !important; }
        #everklin-footer .footer-grid { gap: 0 !important; grid-template-columns: 1fr !important; }
        #everklin-footer .footer-brand-column { margin-bottom: 24px !important; }
        #everklin-footer .footer-column { border-top: 1px solid #dce4d2 !important; padding: 0 !important; }
        #everklin-footer .footer-column h2 { width: 100% !important; margin: 0 !important; }
        #everklin-footer .footer-disclosure { display: flex !important; justify-content: space-between !important; align-items: center !important; min-height: 52px !important; width: 100% !important; cursor: pointer; }
        #everklin-footer .footer-disclosure::after { content: '+'; font-size: 22px; }
        #everklin-footer .footer-disclosure[aria-expanded="true"]::after { content: '−'; }
        #everklin-footer .footer-disclosure-links { padding-bottom: 16px !important; }
    }
    #everklin-footer .footer-column .footer-view-all {
        margin-top: 12px !important;
        color: var(--footer-accent) !important;
        font-weight: 700 !important;
        border-top: 1px solid #dce4d2 !important;
    }

    #everklin-footer :is(.footer-connect, .footer-legal) {
        --footer-ink: #ffffff;
        --footer-copy: #ffffff;
        --footer-accent: #ffffff;
        background: #5c7427 !important;
        color: #ffffff !important;
    }

    #everklin-footer .footer-connect { padding: 40px 0 !important; }
    #everklin-footer .footer-connect__grid {
        display: grid !important;
        grid-template-columns: 1fr 1.4fr 1fr !important;
        gap: 36px !important;
    }
    #everklin-footer .footer-connect__item { min-width: 0; padding: 0 !important; margin: 0 !important; }
    #everklin-footer .footer-connect__item + .footer-connect__item {
        border-left: 1px solid #a0b273 !important;
        padding-left: 36px !important;
    }
    #everklin-footer .footer-connect__item h2 { margin-bottom: 12px !important; }
    #everklin-footer .footer-connect__item :is(p, address) { margin: 0 !important; max-width: 43ch; }
    #everklin-footer .footer-connect__item a {
        display: flex !important;
        align-items: center !important;
        width: fit-content !important;
        min-height: 44px !important;
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    #everklin-footer .footer-connect__item .footer-phone {
        font-size: clamp(20px, 1.7vw, 25px) !important;
        font-weight: 650 !important;
        white-space: nowrap !important;
    }
    #everklin-footer .footer-support-link { gap: 16px !important; margin-top: 8px !important; }

    #everklin-footer .footer-legal { border-top: 1px solid #a0b273 !important; }
    #everklin-footer .footer-bottom {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 16px 32px !important;
        padding: 20px 0 !important;
        border: 0 !important;
        background: transparent !important;
    }
    #everklin-footer .footer-bottom p,
    #everklin-footer .footer-bottom a {
        margin: 0 !important;
        color: var(--footer-copy) !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.6 !important;
    }
    #everklin-footer .footer-bottom nav { display: flex !important; gap: 8px 24px !important; flex-wrap: wrap !important; }
    #everklin-footer .footer-bottom a { display: inline-flex !important; align-items: center !important; min-height: 44px !important; }
    #everklin-footer .footer-bottom a:hover { color: var(--footer-accent) !important; }

    /* Preserve the homepage-only support invitation, with a readable light surface. */
    #everklin-footer .footer-support { background: #f0f4e5 !important; padding: 48px 0 !important; }
    #everklin-footer .footer-support__inner { display: grid !important; grid-template-columns: 1fr auto !important; gap: 32px !important; }
    #everklin-footer .footer-support__eyebrow { color: #526b28 !important; font-size: 14px !important; letter-spacing: .1em !important; }
    #everklin-footer .footer-support h2 { color: #20362a !important; font-size: clamp(30px, 3vw, 42px) !important; line-height: 1.15 !important; }
    #everklin-footer .footer-support p:not(.footer-support__eyebrow) { color: #435749 !important; font-size: 16px !important; }
    #everklin-footer .footer-support__primary {
        color: #ffffff !important;
        background: #5c7427 !important;
        border-color: #5c7427 !important;
        min-height: 52px !important;
        padding: 12px 20px !important;
        font-size: 16px !important;
        white-space: normal !important;
        border-radius: 6px !important;
    }
    #everklin-footer .footer-support__primary:hover { color: #ffffff !important; background: #4d6320 !important; border-color: #4d6320 !important; }

    @media (max-width: 1050px) {
        #everklin-footer .container { width: calc(100% - 64px) !important; }
        #everklin-footer .footer-grid { grid-template-columns: 1.2fr 1fr 1fr !important; gap: 36px !important; }
        #everklin-footer .footer-brand-column { grid-column: 1 / -1 !important; }
        #everklin-footer .footer-brand-statement { max-width: 58ch !important; }
        #everklin-footer .footer-connect__grid { grid-template-columns: 1fr 1.3fr !important; gap: 28px !important; }
        #everklin-footer .footer-connect__item:last-child { grid-column: 1 / -1; border: 0 !important; padding: 24px 0 0 !important; border-top: 1px solid #a0b273 !important; }
        #everklin-footer .footer-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; }
        #everklin-footer .footer-bottom nav { justify-content: flex-start !important; }
        #everklin-footer .footer-support__inner { grid-template-columns: 1fr !important; }
    }

    @media (max-width: 767px) {
        #everklin-footer .container { width: calc(100% - 40px) !important; }
        #everklin-footer .footer-main { padding: 16px 0 !important; }
        #everklin-footer .footer-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
        #everklin-footer .footer-logo { width: 160px !important; }
        #everklin-footer .footer-brand { margin-bottom: 12px !important; }
        #everklin-footer .footer-brand-statement { margin-bottom: 12px !important; font-size: 15px !important; line-height: 1.6 !important; }
        #everklin-footer .footer-brand-column { padding-bottom: 20px !important; }
        #everklin-footer .footer-column { padding-top: 0 !important; border-top: 1px solid #dce4d2 !important; }
        #everklin-footer .footer-column--businesses { grid-column: 1 / -1 !important; display: flex !important; gap: 0 !important; }
        #everklin-footer .footer-column--businesses :is(h2, .footer-view-all) { grid-column: 1 / -1 !important; }
        #everklin-footer .footer-column .footer-view-all { width: fit-content !important; }
        #everklin-footer .footer-connect { padding: 20px 0 !important; }
        #everklin-footer .footer-connect__grid { grid-template-columns: 1fr !important; gap: 16px !important; }
        #everklin-footer .footer-connect__item + .footer-connect__item { padding: 16px 0 0 !important; border-left: 0 !important; border-top: 1px solid #a0b273 !important; }
        #everklin-footer .footer-connect__item h2 { margin-bottom: 8px !important; }
        #everklin-footer .footer-connect__item :is(p,address) { font-size: 15px !important; line-height: 1.6 !important; }
        #everklin-footer .footer-bottom { padding: 20px 0 32px !important; }
        #everklin-footer .footer-bottom nav { gap: 0 20px !important; }
    }
}


/* flagship-category-refinement.css */
/* Shared category refinement. Existing workspace stays above the SKU catalogue. */
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fpp-monitoring__grid article {
  background:#fff!important;border:1px solid #dce4ce!important;border-radius:14px!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fpp-monitoring__grid article :is(h3,p,span) {
  color:#35472e!important;-webkit-text-fill-color:#35472e!important;
}
html body.everklin-transformed #main#main#main.fsv2-page .fsv2-related a[aria-current="page"] {
  background:#edf4dc!important;color:#405526!important;-webkit-text-fill-color:#405526!important;
}
html body.everklin-transformed #main#main#main.fsv2-page .fsv2-final a.page-button>span {
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.fpp-challenges__grid,.fpp-application-grid) article {background:#fff!important;border:1px solid #dce4ce!important;border-radius:14px!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.fpp-challenges__grid,.fpp-application-grid) article :is(h3,p,span,strong) {color:#35472e!important;-webkit-text-fill-color:#35472e!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.fpp-eyebrow,.fsv2-eyebrow,.fpp-product-card__eyebrow,.lpd__eyebrow,.lpd__rail-title) {color:#405526!important;-webkit-text-fill-color:#405526!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.portfolio-programmes,.fpp-final-cta,.fsv2-close,.fsv2-review,.fpp-cta) {background:#f4f7ed!important;color:#35472e!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .portfolio-programmes :is(p,label,span,dt,dd,small,strong) {color:#35472e!important;-webkit-text-fill-color:#35472e!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.page-button,.lpd__approach-button) {background:#5c742b!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.page-button,.lpd__approach-button)>span {color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .lpd {--lpd-muted:#46573c;--lpd-olive:#526a28;--lpd-olive-dark:#405526}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .lpd :is(p,small,span,strong,.lpd__parameter) {color:#405526!important;-webkit-text-fill-color:#405526!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .lpd :is(.lpd__challenge,.lpd__parameter) {background:#edf4dc!important;color:#35472e!important;-webkit-text-fill-color:#35472e!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .lpd .lpd__challenge.is-active {background:#8aa63a!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .lpd .lpd__challenge.is-active :is(span,strong) {color:#203018!important;-webkit-text-fill-color:#203018!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .lpd .lpd__approach-button>span {color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.fsv2-final,.fsv2-related) {background:#f4f7ed!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.fsv2-final,.fsv2-related) :is(p,span,a,h2) {color:#35472e!important;-webkit-text-fill-color:#35472e!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fsv2-final a.page-button {color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .portfolio-catalogue{max-width:100%;min-width:0}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page).fsv2-page {overflow-x:clip}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) a.fph-document-request>span {
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fph-directions li>span {
  background:#edf4dc!important;color:#405526!important;-webkit-text-fill-color:#405526!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.fph-product-card small,.fph-product-summary__visual figcaption span) {
  background:#edf4dc!important;color:#405526!important;-webkit-text-fill-color:#405526!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.rc-catalogue-heading .iic-kicker,.portfolio-catalogue header>span) {
  color:#526a28!important;-webkit-text-fill-color:#526a28!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.iic-button,.fpp-button,.fph-document-request) {
  background:#5c742b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#5c742b!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.iic-button,.fpp-button,.fph-document-request) :is(span,b,strong) {
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fph-technical-tabs__label {
  display:block!important;background:#8aa63a!important;color:#203018!important;-webkit-text-fill-color:#203018!important;
  font-size:14px!important;line-height:1.5!important;font-weight:800!important;letter-spacing:.07em!important;padding:22px!important;opacity:1!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.fph-technical__head,.fph-technical-tabs,.fph-quick-specs,.fph-property-list,.fph-summary-facts,.fph-category-facts,.fph-info-pairs,.fph-guardrails) {
  background:#f4f7ed!important;color:#35472e!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fph-technical-tabs > .fph-technical-tabs__label {
  color:#203018!important;-webkit-text-fill-color:#203018!important;
}
/* Explicit foreground + text-fill pairs override the older layered colour rules. */
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) {
  --fw-olive:#8aa63a; --fw-olive-deep:#5c742b; --fw-ink:#263b2d;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.fph-product-summary,.fph-category-brief,.fph-technical,.fph-selector,.fph-product-card,.fph-technical-panels,.fph-benefit-grid article,.fph-info-pairs article,.fph-guardrails article,.fpp-challenge-card,.fpp-application-card,.iic-room-facility-grid>a) {
  background:#fff!important; color:#263b2d!important; border-color:#dce4ce!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.fph-product-summary,.fph-category-brief,.fph-technical,.fph-product-card,.iic-room-facility-grid>a) :is(h2,h3,h4,h5,p,li,dt,dd,strong,small,span,em) {
  color:#35472e!important; -webkit-text-fill-color:#35472e!important; opacity:1!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.fph-category-tabs,.fph-technical-tabs) button {
  background:#fff!important; color:#35472e!important; -webkit-text-fill-color:#35472e!important; border:1px solid #dce4ce!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.fph-category-tabs,.fph-technical-tabs) button[aria-selected="true"] {
  background:#5c742b!important; color:#fff!important; -webkit-text-fill-color:#fff!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.fph-category-tabs,.fph-technical-tabs) button>span {
  background:#f0f5e5!important; color:#405526!important; -webkit-text-fill-color:#405526!important; opacity:1!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(.fph-category-tabs,.fph-technical-tabs) button[aria-selected="true"]>span {
  background:#fff!important; color:#405526!important; -webkit-text-fill-color:#405526!important; border-color:#fff!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fph-used-for {
  display:grid!important; grid-template-columns:90px minmax(0,1fr) 22px!important; align-items:center; gap:16px!important;
  background:#edf4dc!important; border:1px solid #cbd9aa!important; border-left:4px solid #8aa63a!important;
  color:#35472e!important; padding:22px!important; border-radius:12px!important; text-decoration:none; cursor:pointer;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fph-used-for :is(span,p),
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fph-used-for::after {
  color:#35472e!important; -webkit-text-fill-color:#35472e!important; font-size:16px!important; line-height:1.5!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fph-used-for::after {content:"→";font-size:24px!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fph-used-for:hover {background:#e2edc7!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .iic-room-section-head {
  background:#8aa63a!important; box-shadow:none!important; border-color:#8aa63a!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .iic-room-section-head :is(h2,p,a,span) {
  color:#203018!important; -webkit-text-fill-color:#203018!important; opacity:1!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .iic-room-section-head h2 {font-size:clamp(30px,3.4vw,48px)!important;line-height:1.15!important}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fph-code {
  color:#405526!important; -webkit-text-fill-color:#405526!important; background:#edf4dc!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .portfolio-catalogue tbody :is(td,th,strong,span,a) {
  color:#35472e!important; -webkit-text-fill-color:#35472e!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .portfolio-catalogue thead th {
  background:#5c742b!important; color:#fff!important; -webkit-text-fill-color:#fff!important;
}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(#product-detail,#product-applications){scroll-margin-top:120px}
html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) :is(a,button,input):focus-visible {outline:3px solid #526a28!important;outline-offset:4px!important}
.flagship-catalogue-search {margin:42px 0 16px;max-width:420px}
@media(max-width:620px){
 html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fph-used-for{grid-template-columns:minmax(0,1fr) 22px!important;padding:18px!important}
 html body.everklin-transformed #main#main#main:is(.iic-flagship,.fpp-page,.fsv2-page,.wip-page) .fph-used-for>span{grid-column:1/-1;font-size:12px!important}
}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) {--rc-ink:#263b2d;--rc-olive:#58712d;--rc-leaf:#87a43c;--rc-line:#dce4ce;--rc-soft:#f4f7ed}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) :is(#choose-by-task,#room-care-catalogue,#room-care-support){scroll-margin-top:110px}
html body.everklin-transformed #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) > section.iic-hero.iic-hero--category .iic-hero__content h1{font-size:clamp(38px,4.2vw,68px)!important;line-height:1.08!important;letter-spacing:-.035em!important;max-width:760px}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-hero .iic-lead{font-size:18px!important;line-height:1.7!important;max-width:62ch;color:#4b5c4b!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .rc-page-nav{display:flex;align-items:center;gap:32px;padding-top:26px;padding-bottom:26px;background:white}
.rc-page-nav>div{margin-right:auto}.rc-page-nav strong,.rc-page-nav>div>span{display:block}.rc-page-nav strong{font-size:24px;color:#263b2d}.rc-page-nav>div>span{font-size:13px;color:#586451;margin-top:4px}
.rc-page-nav a{display:flex;gap:20px;align-items:center;color:#405526;font-size:14px;font-weight:700;text-decoration:none}.rc-page-nav a:hover{text-decoration:underline;text-underline-offset:5px}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich{padding:64px 0 24px;background:#f4f7ed!important;border-top:1px solid var(--rc-line)}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich-heading h2{font-size:clamp(30px,3.3vw,48px)!important;line-height:1.14!important;letter-spacing:-.025em!important;max-width:680px}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich-heading>p{font-size:16px;color:#4b5c4b;line-height:1.7}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich-task-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:transparent;border:0;margin:28px 0 22px}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich-task-tabs button{display:flex;align-items:center;gap:12px;min-height:66px;padding:16px 20px;background:white!important;color:#35452c!important;border:1px solid var(--rc-line)!important;border-radius:10px;font-size:15px;line-height:1.4;text-align:left;overflow-wrap:normal}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich-task-tabs button span{font-size:12px;color:#58712d!important;margin:0}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich-task-tabs button[aria-selected="true"]{background:#58712d!important;color:#fff!important;border-color:#58712d!important;box-shadow:0 4px 12px #58712d18}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich-task-tabs button[aria-selected="true"] span{color:#fff!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich-task-tabs button[aria-selected="true"] span{background:#fff!important;color:#405526!important;border-color:#fff!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) :is(.fph-selector,.fph-detail-shell){border:1px solid var(--rc-line);border-radius:16px;box-shadow:0 8px 24px #263b2d05}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-product-card{padding:18px;gap:16px;border-bottom:1px solid #e5eadc;transition:background .15s}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-product-card strong{font-size:16px;line-height:1.4;color:#263b2d!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-product-card em{font-size:13px;color:#52614c!important;line-height:1.55}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-product-card.is-active{background:#eef4df!important;box-shadow:inset 4px 0 #87a43c}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-category-brief h3{font-size:34px!important;line-height:1.15!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-category-facts{gap:0 24px}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-category-facts>div{padding:16px 0}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-category-facts dd{font-size:15px;line-height:1.65;color:#465740!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-category-facts>div:first-child{display:none} /* The same objective is already the visible lead. */
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-product-summary h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.12!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-product-summary__top figure{border-radius:14px;background:#fafbf7;height:280px}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-product-summary__top img{height:240px;object-fit:contain}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-technical-shell{margin-top:24px}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .rc-catalogue-heading{display:flex;align-items:end;gap:36px;justify-content:space-between;margin-top:68px}
.rc-catalogue-heading h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.15!important;color:#263b2d!important;margin:10px 0 14px!important}
.rc-catalogue-heading p{font-size:15px!important;line-height:1.6!important;color:#4b5c4b!important;max-width:62ch}
.rc-search{flex:0 0 300px}.rc-search[hidden]{display:none}.rc-search label{display:block;font-size:13px;font-weight:700;color:#405526;margin-bottom:8px}.rc-search input{width:100%;box-sizing:border-box;border:1px solid #a9ba87;border-radius:9px;padding:14px 16px;background:#fff;color:#263b2d;font:inherit;font-size:15px}.rc-search input::placeholder{color:#657259}.rc-search p{min-height:24px;margin:8px 0 0!important;font-size:13px!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .portfolio-catalogue{margin-top:24px;border-radius:14px;overflow-x:auto}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .portfolio-catalogue tbody th{text-transform:none!important;letter-spacing:0!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .portfolio-catalogue tbody strong{font-size:15px!important;text-transform:none!important;line-height:1.5}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .portfolio-catalogue tr[hidden]{display:none!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-facility{padding:70px 0;background:#fff!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-section-head h2{font-size:clamp(32px,3.6vw,50px)!important;line-height:1.12!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-facility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0;counter-reset:facility}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-facility-grid>a{counter-increment:facility;min-height:225px;padding:28px;border:1px solid var(--rc-line);border-radius:14px;background:#f8faf3;box-shadow:none;display:flex;flex-direction:column;gap:16px}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-facility-grid>a::before{content:none!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-facility-grid h3{font-size:23px!important;line-height:1.2;margin:0;color:#263b2d!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-facility-grid p{font-size:15px!important;line-height:1.65;margin:0;color:#4b5c4b!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-facility-grid>a>span{margin-top:auto;color:#58712d}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich-category-faq{background:#f4f7ed!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich-category-faq summary{font-size:16px;line-height:1.5;padding:24px 0}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich-category-faq details p{font-size:15px;line-height:1.7}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-close{background:#eef4df!important;border-top:1px solid #dce4ce}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-close h2{color:#263b2d!important;font-size:clamp(32px,4vw,52px)!important;line-height:1.15!important;max-width:900px}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-close :is(p,.iic-kicker){color:#465d29!important}
html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) :is(a,button,input):focus-visible{outline:3px solid #58712d;outline-offset:4px}
@media(max-width:1000px){html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .rc-page-nav{flex-wrap:wrap;gap:20px}.rc-page-nav>div{width:100%}html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-facility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich-task-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .ich-task-tabs button{padding:12px;font-size:13px}html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .rc-catalogue-heading{display:block}.rc-search{margin-top:24px}html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-workspace{grid-template-columns:1fr}html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .fph-selector{order:0}html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-facility-grid{grid-template-columns:1fr}html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .iic-room-facility-grid>a{min-height:0}html body #main#main#main:is([data-iic-category],[data-flagship-process-page],[data-flagship-key],[data-water-information-page]) .rc-page-nav{gap:18px}.rc-page-nav a{font-size:13px;gap:8px}}
/* Approved Laundry fronts are tightly cropped transparent PNGs. Match the
   visible can height of the older L-series canvases without changing artwork. */
html body #main#main#main[data-iic-category="laundry-care"] img[src^="/public/products/laundry-care/"][src*="/transparent-packshot.png"] {
    object-fit: contain !important;
    background: transparent !important;
    transform: scale(.88) !important;
}


/* enterprise-foundation.css */
/* Shared enterprise roles, extending the existing ekd design system.
   Do not recolour application diagrams or original packaging artwork. */
:root {
    --brand-primary: #607a2c;
    --brand-primary-dark: #4f6525;
    --brand-primary-light: #eef3dc;
    --surface: #fff;
    --surface-muted: #f5f2ea;
    --text-primary: #273329;
    --text-secondary: #4f6054;
    --border: #dce3cf;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --content-width: var(--ekd-container, 1320px);
    --shadow-card: 0 8px 24px rgb(39 51 41 / 6%);
}
html { scroll-padding-top: 110px; }
/* Viewport-driven foldable support: cover displays, split windows and rotation.
   These are CSS viewport ranges, not device-specific hardware resolutions. */
@media (max-width: 359px) {
    html body #main#main#main.corp-home .corp-shell { width: calc(100% - 32px) !important; }
    html body #main#main#main h1 { font-size: 32px !important; overflow-wrap: anywhere; }
    html body #main#main#main .corp-actions,
    html body #main#main#main.discovery-family .discovery-actions { grid-template-columns: 1fr !important; }
    html body.everklin-transformed .site-header .header-main { padding-inline: 16px !important; gap: 8px !important; }
    html body.everklin-transformed .site-header .mobile-drawer { padding-inline: 16px !important; }
    html body #main#main#main .corp-hero__dots { gap: 0 !important; }
}
@media (max-width: 1179px) and (max-height: 600px) and (orientation: landscape) {
    html body #main#main#main.corp-home .corp-hero,
    html body #main#main#main.corp-home .corp-hero__inner { min-height: 0 !important; height: auto !important; }
    html body #main#main#main.corp-home .corp-hero__content { min-height: 0 !important; height: auto !important; padding-block: 24px !important; }
    html body #main#main#main.corp-home .corp-hero__panel-footer { position: static !important; margin-top: 24px !important; }
    html body #main#main#main.corp-home .corp-hero__mobile-marks img { height: 64px; margin-bottom: 12px; }
}
@media (max-width: 1179px) {
    html body.everklin-transformed .site-header .mobile-drawer {
        padding-left: max(20px, env(safe-area-inset-left)) !important;
        padding-right: max(20px, env(safe-area-inset-right)) !important;
    }
    .enterprise-filter-dialog { max-height: calc(100dvh - 24px); overflow-y: auto; overscroll-behavior: contain; }
}
body :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid var(--brand-primary); outline-offset: 4px; }
body :is(button,input,select,textarea) { font: inherit; }
body :is(.header-technical-cta,.mobile-technical-cta,.page-button-primary,.corp-btn--olive) {
    background: var(--brand-primary) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-color: var(--brand-primary) !important;
    border-radius: var(--radius-sm) !important;
    min-height: 44px;
}
body :is(.header-technical-cta,.mobile-technical-cta,.page-button-primary,.corp-btn--olive):hover { background: var(--brand-primary-dark) !important; }
body :is(.header-technical-cta,.mobile-technical-cta,.page-button-primary,.corp-btn--olive) span { color: inherit !important; }
body :is(.page-button-secondary,.corp-btn--white) { min-height: 44px; border-radius: var(--radius-sm) !important; }
body .site-header { position: sticky !important; top: 0; }
@media (min-width: 1180px) {
    body.everklin-transformed .site-header .header-main { grid-template-columns: 164px minmax(0,1fr) auto !important; gap: 12px !important; }
    body.everklin-transformed .site-header .brand-logo { width: 152px !important; }
    body.everklin-transformed .site-header .nav-list { gap: 2px !important; }
    body.everklin-transformed .site-header .nav-link { padding-inline: 9px !important; }
}
html body #main.corp-home .corp-shell { max-width: var(--content-width); }
html body #main.corp-home .corp-hero h1 { font-size: clamp(36px,4.35vw,64px) !important; line-height: 1.06 !important; letter-spacing: -.035em !important; }
html body #main.corp-home .corp-hero .corp-kicker { font-size: 11px !important; line-height: 1.7; letter-spacing: .09em; }
html body #main#main#main.corp-home .corp-kicker { color: var(--brand-primary-dark) !important; -webkit-text-fill-color: currentColor !important; }
html body #main.corp-home .corp-hero__copy > p { max-width: 58ch; }
html body #main.corp-home > .enterprise-proof { padding: 0 !important; background: var(--surface) !important; }
.enterprise-proof__grid { display: grid; grid-template-columns: .7fr .7fr 1.2fr 1.2fr; }
.enterprise-proof__grid a { display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 26px 22px; text-decoration: none; border-right: 1px solid var(--border); }
.enterprise-proof__grid a:first-child { padding-left: 0; }
.enterprise-proof__grid a:last-child { border: 0; }
.enterprise-proof__grid strong { color: var(--brand-primary-dark); font-size: 20px; line-height: 1.3; }
.enterprise-proof__grid span { color: var(--text-secondary); font-size: 13px; line-height: 1.5; }
html body #main.corp-home > .enterprise-method { padding-block: clamp(48px,6vw,88px); background: var(--surface-muted) !important; }
.enterprise-method__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; list-style: none; padding: 0; margin: 32px 0 0; }
.enterprise-method__grid li { display: flex; flex-direction: column; align-items: flex-start; border-top: 2px solid var(--brand-primary); padding-top: 24px; min-width: 0; }
.enterprise-method__grid h3 { font-size: 25px; line-height: 1.25; margin: 16px 0 12px; }
.enterprise-method__grid p { font-size: 16px; line-height: 1.7; margin: 0 0 24px; }
.enterprise-method__grid a { margin-top: auto; font-size: 14px; }
.enterprise-expertise { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; margin: 24px 0; padding: 0; list-style: none; }
.enterprise-expertise li { border-top: 1px solid var(--border); padding-top: 12px; }
.enterprise-expertise strong,.enterprise-expertise span { display: block; font-size: 15px; line-height: 1.6; }
.enterprise-expertise span { font-size: 14px; color: var(--text-secondary); }
html body #main.corp-home .enterprise-method h2 { font-size: clamp(30px,3.25vw,46px); line-height: 1.15; }
/* The three existing component families share geometry, not forced layouts. */
body :is(.discovery-family-card,.discovery-industry-card,.knowledge-card,.ek-result) { border-radius: var(--radius-md); border-color: var(--border); }
body :is(.discovery-application,.discovery-priority-grid article) { box-shadow: none; }
body .ek-result { background: var(--surface); box-shadow: var(--shadow-card); }
@media (max-width: 767px) {
    .enterprise-proof__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .enterprise-proof__grid a { padding: 20px 12px; border-bottom: 1px solid var(--border); }
    .enterprise-proof__grid a:first-child { padding-left: 12px; }
    .enterprise-proof__grid a:nth-child(2n) { border-right: 0; }
    .enterprise-proof__grid strong { font-size: 18px; }
    .enterprise-method__grid { grid-template-columns: 1fr; gap: 28px; }
    body :is(.page-button,.corp-btn) { white-space: normal; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    body *, body *::before, body *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Intentional small-screen layouts: short hero, swipe discovery and disclosure. */
.corp-hero__mobile-marks { display: none; }
@media (min-width: 1180px) {
    html body.everklin-transformed .site-header .mega-menu.ek-mega {
        max-height: calc(100dvh - 100px) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        border-radius: 0 0 16px 16px !important;
    }
    html body.everklin-transformed .site-header .ek-mega__solutions { grid-template-columns: minmax(270px, 1.1fr) minmax(270px, 1fr) minmax(220px, .8fr); }
    html body.everklin-transformed .site-header .ek-mega__eyebrow { font-size: 12px !important; letter-spacing: .06em !important; line-height: 1.5; }
    html body.everklin-transformed .site-header :is(.ek-programme-list, .ek-mega__group) a { min-height: 44px; font-size: 14px !important; line-height: 1.45; }
    html body.everklin-transformed .site-header .ek-business-link { padding-block: 12px; border-radius: 8px; }
    html body.everklin-transformed .site-header .ek-mega__context { background: #eef3df !important; }
}
@media (max-width: 1179px) {
    body.everklin-transformed .site-header .header-main { min-height: 64px !important; height: 64px !important; }
    body.everklin-transformed .site-header { height: 64px !important; min-height: 64px !important; max-height: 64px !important; }
    body.everklin-transformed .site-header .mobile-drawer { top: 64px !important; }
    body.everklin-transformed .site-header :is(.header-search,.mobile-menu-toggle) { width: 44px !important; height: 44px !important; }
    body.everklin-transformed .site-header .brand-logo { width: 132px !important; max-height: 56px !important; }
    html body.everklin-transformed .site-header { backdrop-filter: none !important; transform: none !important; }
    html body.everklin-transformed .site-header .mobile-drawer { height: calc(100dvh - 64px) !important; max-height: calc(100dvh - 64px) !important; padding: 16px 20px calc(28px + env(safe-area-inset-bottom)) !important; overscroll-behavior: contain; background: #f5f6ee !important; }
    html body.everklin-transformed .site-header .mobile-drawer-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; color: #4f6525; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
    html body.everklin-transformed .site-header [data-mobile-close] { min-width: 76px; min-height: 44px; border: 1px solid #dce3cf; border-radius: 6px; color: #273329; background: #fff; font: inherit; letter-spacing: normal; }
    html body.everklin-transformed .site-header .mobile-nav { gap: 10px !important; }
    html body.everklin-transformed .site-header .mobile-nav summary { min-height: 52px; padding: 14px 16px !important; font-size: 16px !important; line-height: 1.45; color: #273329 !important; }
    html body.everklin-transformed .site-header .mobile-nav :is(.mobile-link,.mobile-business summary) { min-height: 46px; font-size: 14px !important; line-height: 1.5; color: #34442b !important; }
    html body.everklin-transformed .site-header .mobile-submenu--nested { border-left: 2px solid #b7c987; margin-left: 16px; padding-left: 8px; }
    html body.everklin-transformed .site-header .mobile-group-label { color: #607a2c !important; font-size: 12px !important; letter-spacing: .06em; }
    html body.everklin-transformed .site-header .mobile-nav .mobile-technical-cta { min-height: 48px; background: #607a2c !important; }
    html body #main#main#main.corp-home .corp-hero__slide-mark { display: none !important; }
    html body #main#main#main.corp-home .corp-hero__mobile-marks { display: block; transform: none !important; }
    html body #main#main#main.corp-home .corp-hero__mobile-marks img { display: none; width: auto; height: 92px; max-width: 136px; object-fit: contain; margin: 0 0 20px; filter: none; }
    html body #main#main#main.corp-home .corp-hero[data-corp-active-key="greenpro"] [data-mobile-certificate="greenpro"],
    html body #main#main#main.corp-home .corp-hero[data-corp-active-key="griha"] [data-mobile-certificate="griha"] { display: block; }
    html body #main#main#main.corp-home .corp-hero__content > :not(.corp-hero__panel-footer) { transform: none !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
    html body #main#main#main .corp-hero, html body #main#main#main .corp-hero__inner { min-height: 570px !important; height: auto !important; }
    html body #main#main#main .corp-hero__content { min-height: 570px !important; padding: 48px 0 120px !important; }
    html body #main#main#main .corp-hero h1 { font-size: clamp(44px,5vw,52px) !important; }
    html body #main#main#main :is(.discovery-family-grid,.discovery-priority-grid,.discovery-recommendations) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 767px) {
    html body #main#main#main.corp-home .corp-shell { width: calc(100% - 40px) !important; padding-inline: 0 !important; }
    html body #main#main#main.corp-home .corp-hero { height: auto !important; min-height: 0 !important; }
    html body #main#main#main.corp-home .corp-hero__inner { height: auto !important; min-height: 0 !important; padding: 0 !important; }
    html body #main#main#main.corp-home .corp-hero__content { width: 100% !important; height: auto !important; min-height: 0 !important; padding: 32px 0 24px !important; text-align: left !important; align-items: stretch !important; }
    html body #main#main#main.corp-home .corp-hero h1 { font-size: clamp(34px,9.2vw,42px) !important; text-shadow: none; max-width: 19ch !important; }
    html body #main#main#main.corp-home .corp-hero__wash { background: linear-gradient(180deg,rgba(246,248,236,.96) 0%,rgba(246,248,236,.90) 45%,rgba(246,248,236,.32) 100%) !important; }
    html body #main#main#main.corp-home .corp-hero .corp-actions { margin-top: 20px !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; width: 100% !important; }
    html body #main#main#main.corp-home .corp-hero .corp-btn { padding: 12px 8px !important; min-height: 48px !important; font-size: 13px !important; width: auto !important; }
    html body #main#main#main.corp-home .corp-hero__panel-footer { position: static !important; transform: none !important; width: 100% !important; margin: 56px 0 0 !important; padding: 8px !important; display: grid !important; grid-template-columns: 1fr !important; gap: 6px !important; backdrop-filter: none !important; }
    html body #main#main#main.corp-home .corp-hero__controls { width: 100% !important; display: grid !important; grid-template-columns: auto minmax(0,1fr) 44px !important; gap: 8px !important; }
    html body #main#main#main.corp-home .corp-hero__dots { width: auto !important; overflow-x: auto !important; gap: 0 !important; scrollbar-width: thin; }
    html body #main#main#main.corp-home .corp-hero__dots button { min-width: 44px !important; width: 44px !important; height: 44px !important; flex: 0 0 44px !important; }
    html body #main#main#main.corp-home .corp-hero__pause { width: 44px !important; height: 44px !important; }
    html body #main#main#main.corp-home .home-story-next { display: none !important; }
    html body #main#main#main.corp-home > section:not(.corp-hero):not(.enterprise-proof) { padding-block: 48px !important; }
    html body #main#main#main.corp-home :is(h2,.corp-businesses .corp-section-head h2) { font-size: clamp(28px,7.5vw,34px) !important; line-height: 1.15 !important; max-width: 25ch !important; }
    html body #main#main#main.corp-home .corp-section-head { margin-bottom: 24px !important; gap: 16px !important; }
    html body #main#main#main.corp-home :is(.corp-innovation,.corp-innovation__inner) { min-height: 0 !important; height: auto !important; }
    html body #main#main#main.corp-home .corp-innovation__inner { padding-block: 0 !important; }
    html body #main#main#main.corp-home .corp-innovation__photo { opacity: .12 !important; }
    html body #main#main#main.corp-home .corp-purpose__grid { gap: 18px !important; }
    html body #main#main#main.corp-home .corp-purpose h2 { padding-left: 0 !important; border: 0 !important; }
    html body #main#main#main.corp-home .corp-commitment__grid { gap: 12px !important; }
    html body #main#main#main.corp-home .corp-commitment__grid article { padding: 18px !important; }
    html body #main#main#main.corp-home .corp-commitment__grid h3 { margin-top: 12px !important; font-size: 23px !important; }
    html body #main#main#main.corp-home .enterprise-method__grid { gap: 24px !important; }
    html body #main#main#main.corp-home .enterprise-method__grid h3 { font-size: 23px !important; }
    html body #main#main#main.corp-home .corp-business-grid { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: 86% !important; grid-template-columns: none !important; grid-template-rows: none !important; overflow-x: auto !important; gap: 14px !important; scroll-snap-type: x mandatory; padding-bottom: 16px; }
    html body #main#main#main.corp-home .corp-business { grid-column: auto !important; grid-row: auto !important; height: 320px !important; min-height: 0 !important; scroll-snap-align: start; }
    html body #main#main#main.corp-home .corp-business h3 { font-size: 27px !important; max-width: 18ch !important; line-height: 1.12 !important; }
    html body #main#main#main.corp-home .corp-business__content { padding: 22px !important; }
    html body #main#main#main.corp-home .corp-impact__tiles { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; }
    html body #main#main#main.corp-home .corp-impact__tiles a { height: 155px !important; min-height: 0 !important; grid-column: auto !important; grid-row: auto !important; }
    html body #main#main#main.corp-home .corp-impact__tiles span { font-size: 14px !important; padding: 12px !important; }
    html body #main#main#main.corp-home .corp-trust__marks { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: 72% !important; grid-template-columns: none !important; overflow-x: auto !important; scroll-snap-type: x mandatory; }
    html body #main#main#main.corp-home .corp-trust__mark { scroll-snap-align: start; }
    html body #main#main#main .discovery-family-card { display: grid !important; grid-template-columns: 100px minmax(0,1fr) !important; gap: 0 !important; }
    html body #main#main#main .discovery-family-card figure { height: 100% !important; min-height: 150px !important; }
    html body #main#main#main .discovery-family-card > div { padding: 18px !important; }
    html body #main#main#main .discovery-family-card h3 { font-size: 22px !important; margin-top: 0 !important; }
    html body #main#main#main .discovery-family-card ul { display: none !important; }
    html body #main#main#main .discovery-family-card p { font-size: 15px !important; margin-bottom: 16px !important; }
    html body #main#main#main .discovery-family-steps { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 20px !important; }
    html body #main#main#main .discovery-family-steps h3 { font-size: 22px !important; }
    html body #main#main#main .discovery-family-steps p { font-size: 15px !important; }
    html body #main#main#main .discovery-environment figure { height: 190px !important; }
    html body #main#main#main .discovery-recommendations { grid-template-columns: 1fr !important; }
    html body #main#main#main .discovery-solution-card { display: grid !important; grid-template-columns: 90px minmax(0,1fr) !important; }
    html body #main#main#main .discovery-solution-card > img { height: 100% !important; min-height: 140px !important; }
    html body #main#main#main .discovery-solution-card > div { padding: 18px !important; }
    html body #main#main#main .discovery-application-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; }
    html body #main#main#main .discovery-application { padding: 18px !important; }
    html body #main#main#main .discovery-application h3 { font-size: 19px !important; }
    html body #main#main#main .discovery-application .discovery-number { display: none; }
    html body #main#main#main .discovery-priority-grid { grid-template-columns: 1fr !important; }
    html body #main#main#main :is(.fph-tech-table-wrap,.care-table-wrap,.product-table-wrap,.iic-table-wrap,.table-scroll) { max-width: 100%; overflow-x: auto !important; overscroll-behavior-inline: contain; }
    html body #main#main#main .portfolio-catalogue__scroll { max-width: 100%; overflow-x: auto !important; contain: inline-size layout; }
    html body #main#main#main .lpd { min-width: 0; max-width: 100%; contain: inline-size; }
    html body #main#main#main.discovery-page .iic-hero { padding-block: 24px !important; min-height: 0 !important; }
    html body #main#main#main.discovery-page .iic-hero__content { margin: 0 auto !important; padding: 24px !important; width: calc(100% - 40px) !important; }
    html body #main#main#main :is(.contact-hero__copy h1,.ek-inner-home-hero h1) { font-size: clamp(34px,9vw,42px) !important; line-height: 1.1 !important; }
    html body #main#main#main .contact-hero__copy { padding: 28px 22px !important; }
    html body #main#main#main .contact-hero__media { min-height: 0 !important; max-height: 220px !important; }
}
@media (max-width: 374px) {
    html body #main#main#main.corp-home .corp-shell { width: calc(100% - 32px) !important; }
}
.enterprise-filter-open { display: none; }
body .enterprise-search-more[hidden] { display: none !important; }
body :is(.enterprise-product-facets,.enterprise-search-pagination)[hidden] { display: none !important; }
.enterprise-product-facets { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 900px; margin: 24px 0; padding: 20px; background: var(--brand-primary-light); border: 1px solid var(--border); border-radius: var(--radius-md); }
.enterprise-product-facets label { display: grid; gap: 8px; min-width: 0; font-size: 14px; font-weight: 650; color: var(--text-primary); }
.enterprise-product-facets select { width: 100%; min-width: 0; min-height: 48px; padding: 10px 34px 10px 12px; font: inherit; font-size: 16px; color: var(--text-primary); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); text-overflow: ellipsis; }
.enterprise-search-pagination { display: flex; gap: 16px; margin-top: 24px; }
html body #main#main#main.ek-search-page .ek-search-page__head { padding: 64px 0 32px; background: var(--brand-primary-light) !important; }
html body #main.ek-search-page .ek-search-page__head h1 { font-size: clamp(36px,4vw,56px); line-height: 1.12; margin: 16px 0; }
html body #main.ek-search-page .ek-search-page__head .container > p:not(.ek-search-page__count) { max-width: 760px; margin: 0 0 24px; }
html body #main.ek-search-page .ek-search-page__filter { min-height: 44px; border-radius: var(--radius-sm); }
html body #main#main#main.ek-search-page .ek-search-page__filter.is-active { background: var(--brand-primary) !important; color: #fff !important; }
html body #main#main#main.ek-search-page .ek-search-page__form .page-button { background: var(--brand-primary) !important; color: #fff !important; }
html body #main.ek-search-page .ek-result__path { color: var(--text-secondary); }
html body #main .enterprise-product-benefits { margin: 16px 0; padding-left: 20px; color: var(--text-secondary); font-size: 16px; line-height: 1.6; }
html body #main .enterprise-product-benefits li { padding: 3px 0; }
html body #main#main#main .enterprise-usage-scroll { max-width: 100%; overflow-x: auto !important; overscroll-behavior-inline: contain; }
html body #main#main#main .enterprise-usage-scroll table { width: 100%; min-width: 780px !important; table-layout: auto !important; }
html body #main#main#main .enterprise-usage-scroll :is(th,td) { min-width: 160px; overflow-wrap: normal !important; word-break: normal !important; }
.enterprise-editorial-toggle { display: block; width: 100%; border: 0; padding: 0; background: none; color: inherit; font: inherit; text-align: inherit; font-weight: inherit; opacity: 1; }
.enterprise-editorial-toggle:disabled { color: inherit; -webkit-text-fill-color: currentColor; }
html body #main .enterprise-editorial-detail[hidden] { display: none !important; }
@media(max-width:767px) {
    .enterprise-editorial-toggle { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 44px; cursor: pointer; }
    .enterprise-editorial-toggle::after { content: '+'; flex: 0 0 auto; font-size: 22px; }
    .enterprise-editorial-toggle[aria-expanded="true"]::after { content: '−'; }
    html body #main#main#main .enterprise-editorial-toggle { color: inherit !important; background: none !important; box-shadow: none !important; }
}
.ich-mobile-accordion,.ich-product-disclosure > summary { display: none; }
@media (max-width:767px) {
    html body #main#main#main .fph-technical-tabs { display: none !important; }
    html body #main#main#main .ich-mobile-accordion { display: flex; width: 100%; justify-content: space-between; text-align: left; min-height: 56px; padding: 16px; margin: 8px 0 0; border: 1px solid var(--border); border-radius: 6px; background: var(--brand-primary-light); color: var(--text-primary); font-size: 16px; font-weight: 700; }
    .ich-mobile-accordion::after { content: '+'; margin-left: 12px; }
    .ich-mobile-accordion[aria-expanded="true"]::after { content: '−'; }
    html body #main#main#main .ich-product-disclosure > summary { display: list-item; padding: 16px; min-height: 52px; font-weight: 700; color: var(--brand-primary-dark); cursor: pointer; background: var(--brand-primary-light); }
    html body #main#main#main .fph-product-summary__visual { height: 260px !important; min-height: 0 !important; }
    html body #main#main#main .fph-product-summary__visual img { max-height: 240px !important; object-fit: contain !important; }
    html body #main#main#main .fph-summary-facts { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    html body #main#main#main .fph-info-pairs--overview { display: none !important; }
    html body #main#main#main .fph-technical__grid { grid-template-columns: 1fr !important; }
    html body #main#main#main .fph-technical-panels { min-width: 0 !important; }
}
.enterprise-business-context__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.enterprise-business-context__grid ul { padding: 0; margin: 0; list-style: none; }
.enterprise-business-context__grid li { padding: 16px 0; border-bottom: 1px solid var(--border); font-size: 17px; line-height: 1.6; }
.enterprise-business-context__grid details { border: 1px solid var(--border); background: var(--surface); padding: 24px; border-radius: var(--radius-md); }
.enterprise-business-context__grid summary { cursor: pointer; font-weight: 700; color: var(--brand-primary-dark); min-height: 44px; }
.enterprise-business-context__grid dl { margin: 20px 0 0; }
.enterprise-business-context__grid dt { font-weight: 700; margin-top: 16px; }
.enterprise-business-context__grid dd { margin: 6px 0 0; line-height: 1.6; color: var(--text-secondary); }
@media(max-width:767px) { .enterprise-business-context__grid { grid-template-columns: 1fr; gap: 24px; } }
@media(max-width:767px) {
    html body #main#main#main.company-about-flagship .ek-inner-home-hero__inner { padding: 64px 14px 16px !important; }
    html body #main#main#main.company-about-flagship .anchor-metrics > div { min-height: 0 !important; padding: 10px !important; }
    html body #main#main#main.resources-anchor-page.resource-article .anchor-hero-grid { padding-top: 64px !important; }
    html body #main#main#main.resources-anchor-page.resource-article .anchor-hero h1 { max-width: none !important; font-size: clamp(34px,9vw,42px) !important; line-height: 1.12 !important; }
    html body #main#main#main.discovery-family .discovery-family-hero { padding-block: 24px !important; }
    html body #main#main#main.discovery-family .discovery-family-hero__grid { gap: 24px !important; }
    html body #main#main#main.discovery-family .discovery-family-hero__grid figure { height: 130px !important; }
    html body #main#main#main.discovery-family .discovery-family-hero__grid .discovery-kicker { display: none !important; }
    html body #main#main#main.discovery-family .discovery-family-hero__grid h1 { margin-block: 16px !important; }
    html body #main#main#main.discovery-family .discovery-family-hero__grid .discovery-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
    html body #main#main#main.discovery-family .discovery-family-hero__grid .discovery-actions a { width: auto !important; min-height: 48px !important; padding: 10px 12px !important; font-size: 14px !important; text-align: center; }
    html body #main#main#main.discovery-family .discovery-family-hero__grid figcaption { left: 10px; right: 10px; bottom: 10px; padding: 8px 12px; }
    html body #main#main#main.discovery-family .discovery-family-hero__grid figcaption span { display: none; }
}
.enterprise-filter-dialog { width: min(520px,calc(100% - 24px)); padding: 24px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); color: var(--text-primary); }
.enterprise-filter-dialog::backdrop { background: rgb(20 30 20 / 45%); }
.enterprise-filter-dialog label { display: flex; align-items: center; gap: 12px; padding: 12px 0; min-height: 44px; }
.enterprise-filter-dialog input { width: 20px; height: 20px; accent-color: var(--brand-primary); }
.enterprise-filter-dialog h2 { font-size: 26px; margin: 0 0 16px; }
.enterprise-filter-dialog .enterprise-product-facets { grid-template-columns: 1fr; margin: 16px 0 0; padding: 16px; gap: 12px; }
.enterprise-filter-dialog .enterprise-product-facets label { display: grid; padding: 0; gap: 8px; }
.enterprise-filter-close { position: absolute; top: 16px; right: 20px; min-height: 44px; padding: 8px 12px; color: var(--brand-primary-dark); background: none; border: 0; font-size: 14px; }
.enterprise-filter-types { display: grid; grid-template-columns: 1fr 1fr; border: 0; padding: 0; margin: 0; min-width: 0; gap: 0 16px; }
.enterprise-filter-types legend { font-size: 14px; color: var(--text-secondary); margin-bottom: 4px; }
.enterprise-filter-actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 20px; }
.enterprise-filter-actions button,.enterprise-filter-open { min-height: 44px; padding: 10px 18px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); color: var(--brand-primary-dark); font-weight: 650; }
.enterprise-filter-actions button:last-child { background: var(--brand-primary); color: #fff; }
@media (max-width: 767px) {
    html body #main#main#main.ek-search-page .ek-search-page__head { padding: 32px 0 24px !important; }
    html body #main.ek-search-page .ek-search-page__head h1 { font-size: 36px !important; line-height: 1.12 !important; }
    html body #main.ek-search-page .ek-search-page__form { flex-direction: row; gap: 8px; }
    html body #main#main#main.ek-search-page .ek-search-page__form .page-button { width: auto !important; padding: 10px 16px; flex: 0 0 auto; background: var(--brand-primary) !important; color: #fff !important; }
    html body #main.ek-search-page .ek-search-page__count { margin-top: 8px; }
    .enterprise-filter-open { display: inline-flex; margin: 16px 0; }
    .ek-search-page__head .enterprise-product-facets { grid-template-columns: 1fr; }
    .ek-search-page__filters[data-mobile-disclosure] ~ .enterprise-product-facets { display: none !important; }
    .ek-search-page__filters[data-mobile-disclosure] { display: none !important; }
    html body #main#main#main:is(.resources-anchor-page,.download-request-page) .download-control-panel { position: static !important; }
    .enterprise-filter-dialog { margin: auto auto max(12px,env(safe-area-inset-bottom)); max-height: calc(100dvh - 32px); overflow-y: auto; }
}


/* mobile-flagship-water-home.css */
/* Final responsive refinement for shared flagship catalogues, Water Treatment
   and the homepage shell. This stylesheet is deliberately last in the cascade. */
:root {
    --ek-r-ink: #26372b;
    --ek-r-copy: #526057;
    --ek-r-olive: #607a2c;
    --ek-r-leaf: #8aa63a;
    --ek-r-pale: #eef3dc;
    --ek-r-cream: #f8f7f0;
    --ek-r-line: #d8e1c8;
    --ek-r-white: #fff;
}

/* All three Solar portfolios must read as real packaged products, not category art. */
html body #main.fpp-page--solar
    :is(.fph-product-card, .fph-product-summary__visual) img[src*="/product-mockups/hero-packshots/"] {
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
    filter: drop-shadow(0 18px 18px rgb(38 55 43 / 14%));
}

/* Solar flagships: the image starts at the hero edge. Earlier global hero
   padding left empty bands above and below the image-led section. */
html body.everklin-transformed #main.fpp-page--solar .fpp-hero {
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: var(--ek-r-cream) !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero::before {
    display: none !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__grid {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 640px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 28px max(28px, calc((100vw - 1320px) / 2)) !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__copy {
    position: relative !important;
    z-index: 2;
    width: min(650px, 58vw) !important;
    min-height: 0 !important;
    max-width: 650px !important;
    padding: clamp(30px, 3vw, 46px) !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__media {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero__media :is(picture, img) {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero__media img {
    object-fit: cover !important;
    object-position: var(--fpp-hero-position, center) !important;
    filter: none !important;
}

html body.everklin-transformed #main.fpp-page--solar .fpp-hero h1 {
    max-width: 15ch !important;
    font-size: clamp(42px, 4.5vw, 72px) !important;
    line-height: 1.02 !important;
}

/* Water Treatment: one premium, brand-aligned surface system on every renderer. */
body.route-water-treatment :is(.wsp-page, .wip-page, .fpp-page--water) {
    --wsp-deep: #334b2c;
    --wsp-olive: var(--ek-r-leaf);
    --wsp-ink: var(--ek-r-ink);
    --wsp-cream: var(--ek-r-cream);
    --wsp-line: var(--ek-r-line);
    --fpp-ink: var(--ek-r-ink);
    --fpp-olive: var(--ek-r-leaf);
    --fpp-pale: var(--ek-r-pale);
    --fpp-line: var(--ek-r-line);
    color: var(--ek-r-ink);
    background: var(--ek-r-white) !important;
}

body.route-water-treatment :is(.wsp-equation, .wip-risk) {
    background:
        radial-gradient(circle at 86% 18%, rgb(255 255 255 / 15%), transparent 28%),
        linear-gradient(130deg, #637d30 0%, #7f9939 58%, #93ac49 100%) !important;
}

body.route-water-treatment :is(.wsp-equation, .wip-risk) :is(h2, h3, p, span),
body.route-water-treatment :is(.wsp-inspector, .wip-inspector) :is(h3, p, strong, span) {
    color: #fff !important;
    -webkit-text-fill-color: currentColor !important;
}

body.route-water-treatment :is(.wsp-inspector, .wip-inspector) {
    border: 1px solid rgb(255 255 255 / 24%);
    background: linear-gradient(135deg, #526c29, #6f8a34) !important;
    box-shadow: 0 18px 38px rgb(51 75 44 / 16%);
}

body.route-water-treatment :is(.wsp-explorer, .wip-system, .wip-selection, .wsp-control):nth-of-type(even),
body.route-water-treatment :is(.wsp-architecture, .wip-technical-review) {
    background: linear-gradient(180deg, #f7f9ef, #eef3dc) !important;
}

body.route-water-treatment :is(.wsp-step, .wsp-architecture__item, .wip-family-tabs button, .wip-technical-review__grid > section) {
    border-color: var(--ek-r-line) !important;
    border-radius: 12px !important;
    background: rgb(255 255 255 / 94%) !important;
    box-shadow: 0 10px 28px rgb(38 55 43 / 6%);
}

body.route-water-treatment :is(.wsp-step, .wsp-architecture__item, .wip-family-tabs button):is(:hover, :focus-visible, .is-active, [aria-selected="true"]) {
    border-color: var(--ek-r-leaf) !important;
    box-shadow: 0 15px 34px rgb(38 55 43 / 12%);
}

body.route-water-treatment :is(.wsp-resources, .wip-resources) {
    color: #fff;
    background: linear-gradient(120deg, #607a2c 0%, #78943a 62%, #8aa63a 100%) !important;
}

body.route-water-treatment :is(.wsp-resources, .wip-resources) :is(h2, p, a, span) {
    color: #fff !important;
    -webkit-text-fill-color: currentColor !important;
}

body.route-water-treatment :is(.wsp-table-wrap, .fph-table-wrap, .ftw-assessment__matrix-wrap) {
    border: 1px solid var(--ek-r-line) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 12px 32px rgb(38 55 43 / 7%);
}

body.route-water-treatment :is(.wsp-table-wrap, .fph-table-wrap, .ftw-assessment__matrix-wrap) thead th {
    color: #fff !important;
    background: var(--ek-r-olive) !important;
}

/* Shared catalogue: cleaner desktop hierarchy. */
.portfolio-catalogue {
    border-color: var(--ek-r-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 16px 38px rgb(38 55 43 / 7%);
}

.portfolio-catalogue header {
    background: linear-gradient(135deg, #f7f9ef, #edf3dc) !important;
}

.portfolio-catalogue thead th {
    background: var(--ek-r-olive) !important;
}

.portfolio-catalogue tbody tr:is(:hover, :focus-within) > * {
    background: #f2f6e8 !important;
}

@media (max-width: 1024px) {
    /* Tablet is a two-column editorial layout, not compressed desktop. */
    body.route-water-treatment :is(.wsp-explorer, .wsp-architecture, .wsp-control, .wip-system, .wip-selection, .wip-technical-review) {
        padding-block: 64px !important;
    }

    body.route-water-treatment .wsp-architecture__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.route-water-treatment :is(.wsp-flow, .wip-flow) {
        margin-inline: -32px;
        padding-inline: 32px;
        scroll-padding-inline: 32px;
        scroll-snap-type: x proximity;
    }

    body.route-water-treatment :is(.wsp-step, .wip-flow .wsp-step) {
        scroll-snap-align: start;
    }
}

@media (max-width: 820px) {
    html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__grid {
        display: flex !important;
        min-height: 0 !important;
        flex-direction: column;
        align-items: stretch !important;
        gap: 16px !important;
        padding: 16px 20px 0 !important;
    }

    html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__copy {
        width: 100% !important;
        max-width: none !important;
        padding: 26px 22px !important;
    }

    html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__media {
        position: relative !important;
        inset: auto !important;
        width: calc(100% + 40px) !important;
        height: clamp(220px, 36vw, 340px) !important;
        min-height: 0 !important;
        margin-inline: -20px !important;
    }

    html body.everklin-transformed #main.fpp-page--solar .fpp-hero__media::after {
        display: none !important;
    }

    html body.everklin-transformed #main.fpp-page--solar .fpp-hero h1 {
        max-width: 18ch !important;
        font-size: clamp(36px, 6vw, 54px) !important;
    }
}

@media (max-width: 767px) {
    /* Homepage hero: compact first screen with image, content and controls. */
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__inner {
        height: auto !important;
        min-height: 690px !important;
        max-height: none !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__inner {
        display: block !important;
        padding: 0 !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__content {
        display: flex !important;
        width: 100% !important;
        height: auto !important;
        min-height: 690px !important;
        justify-content: flex-start !important;
        padding: 88px 0 142px !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__wash {
        background:
            linear-gradient(180deg, rgb(247 249 239 / 94%) 0%, rgb(247 249 239 / 86%) 52%, rgb(229 236 202 / 72%) 100%) !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__slide > .corp-hero__background {
        object-position: var(--hero-position-mobile, center) !important;
        filter: saturate(.82) contrast(.98) brightness(1.02) !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero h1 {
        max-width: 17ch !important;
        font-size: clamp(35px, 9.4vw, 42px) !important;
        line-height: 1.04 !important;
        letter-spacing: -.035em !important;
        text-wrap: balance;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero [data-corp-hero-copy] {
        display: -webkit-box;
        max-width: 39ch !important;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__mobile-marks img {
        width: auto !important;
        height: 64px !important;
        max-width: 112px !important;
        margin-bottom: 12px !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero .corp-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__panel-footer {
        position: absolute !important;
        right: 0 !important;
        bottom: 16px !important;
        left: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        border-color: rgb(96 122 44 / 32%) !important;
        background: rgb(255 255 255 / 86%) !important;
        box-shadow: 0 14px 30px rgb(38 55 43 / 12%) !important;
    }

    /* Choose-by-task stays short: swipe categories and products instead of a long stack. */
    html body #main#main#main:is([data-iic-category], [data-flagship-process-page], [data-flagship-key], [data-water-information-page])
        :is(.ich-task-tabs, .iic-room-task-tabs, .fph-category-tabs, .ftw-workspace__primary) {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        margin-inline: -16px !important;
        padding: 4px 16px 14px !important;
        overflow-x: auto !important;
        scroll-padding-inline: 16px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    html body #main#main#main:is([data-iic-category], [data-flagship-process-page], [data-flagship-key], [data-water-information-page])
        :is(.ich-task-tabs, .iic-room-task-tabs, .fph-category-tabs, .ftw-workspace__primary)::-webkit-scrollbar {
        display: none;
    }

    html body #main#main#main:is([data-iic-category], [data-flagship-process-page], [data-flagship-key], [data-water-information-page])
        :is(.ich-task-tabs, .iic-room-task-tabs, .fph-category-tabs, .ftw-workspace__primary) > button {
        flex: 0 0 min(78vw, 310px) !important;
        width: auto !important;
        min-height: 58px !important;
        border: 1px solid var(--ek-r-line) !important;
        border-radius: 10px !important;
        scroll-snap-align: start;
        white-space: normal !important;
    }

    html body #main#main#main .fph-selector__title {
        min-height: 62px !important;
        padding: 14px 16px !important;
    }

    html body #main#main#main .fph-product-list.is-active {
        display: flex !important;
        gap: 10px !important;
        padding: 12px 16px 18px !important;
        overflow-x: auto !important;
        scroll-padding-inline: 16px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    html body #main#main#main .fph-product-list.is-active::-webkit-scrollbar {
        display: none;
    }

    html body #main#main#main .fph-product-list.is-active .fph-product-card {
        flex: 0 0 min(84vw, 340px) !important;
        min-height: 96px !important;
        scroll-snap-align: start;
    }

    html body #main#main#main .fph-product-summary__top .fph-product-summary__visual {
        min-height: 300px !important;
        height: auto !important;
        padding: 16px !important;
    }

    html body #main#main#main .fph-product-summary__visual img {
        width: min(100%, 250px) !important;
        height: 250px !important;
        object-fit: contain !important;
    }

    html body #main#main#main .fph-technical-tabs__label {
        display: none !important;
    }

    html body #main#main#main .fph-technical-tabs button,
    html body #main#main#main .fph-technical-tabs button:nth-of-type(n) {
        flex: 0 0 164px !important;
        min-height: 58px !important;
    }

    /* Complete SKU portfolio becomes a readable set of product cards. */
    .portfolio-catalogue {
        margin: 28px 0 38px !important;
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .portfolio-catalogue header {
        padding: 22px 18px !important;
        border: 1px solid var(--ek-r-line) !important;
        border-radius: 14px !important;
    }

    .portfolio-catalogue__scroll {
        overflow: visible !important;
    }

    .portfolio-catalogue table,
    .portfolio-catalogue tbody,
    .portfolio-catalogue tr,
    .portfolio-catalogue th,
    .portfolio-catalogue td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .portfolio-catalogue thead,
    .portfolio-catalogue caption {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        white-space: nowrap !important;
    }

    .portfolio-catalogue tbody {
        display: grid !important;
        gap: 12px !important;
        padding-top: 12px;
    }

    .portfolio-catalogue tbody tr {
        padding: 18px !important;
        overflow: hidden;
        border: 1px solid var(--ek-r-line) !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: 0 9px 24px rgb(38 55 43 / 6%);
    }

    .portfolio-catalogue tbody :is(th, td) {
        display: grid !important;
        grid-template-columns: minmax(104px, .38fr) minmax(0, .62fr) !important;
        gap: 12px !important;
        padding: 11px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #e4e9da !important;
        background: #fff !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .portfolio-catalogue tbody :is(th, td)::before {
        content: attr(data-label);
        color: var(--ek-r-olive);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .045em;
        line-height: 1.45;
        text-transform: uppercase;
    }

    .portfolio-catalogue tbody th {
        display: block !important;
        padding-top: 0 !important;
    }

    .portfolio-catalogue tbody th::before {
        display: block;
        margin-bottom: 8px;
    }

    .portfolio-catalogue tbody th strong {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .portfolio-catalogue tbody td:last-child {
        display: block !important;
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    .portfolio-catalogue tbody td:last-child::before {
        display: none;
    }

    .portfolio-catalogue tbody td:last-child a {
        display: flex;
        min-height: 46px;
        align-items: center;
        justify-content: space-between;
        padding: 0 14px;
        border-radius: 7px;
        color: #fff !important;
        background: var(--ek-r-olive);
        text-decoration: none;
    }

    /* Usage/control tables use compact key/value cards on phones. */
    :is(.fph-table-wrap, .wsp-table-wrap) {
        overflow: visible !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) table,
    :is(.fph-table-wrap, .wsp-table-wrap) tbody,
    :is(.fph-table-wrap, .wsp-table-wrap) tr,
    :is(.fph-table-wrap, .wsp-table-wrap) :is(th, td) {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) thead {
        display: none !important;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) tbody {
        display: grid !important;
        gap: 12px !important;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) tbody tr {
        padding: 16px !important;
        border: 1px solid var(--ek-r-line) !important;
        border-radius: 12px !important;
        background: #fff !important;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) tbody :is(th, td) {
        display: grid !important;
        grid-template-columns: 106px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 9px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #e6eadf !important;
        background: #fff !important;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) tbody :is(th, td)::before {
        content: attr(data-label);
        color: var(--ek-r-olive);
        font-size: 11px;
        font-weight: 800;
        line-height: 1.4;
        text-transform: uppercase;
    }

    :is(.fph-table-wrap, .wsp-table-wrap) tbody :is(th, td):last-child {
        border-bottom: 0 !important;
    }

    /* Mobile Water Treatment: shorter hero and swipeable technical navigation. */
    body.route-water-treatment :is(.wsp-hero, .wip-hero, .fpp-hero) {
        min-height: 560px !important;
        padding-block: 88px 36px !important;
    }

    body.route-water-treatment :is(.wsp-hero h1, .wip-hero h1, .fpp-hero h1) {
        font-size: clamp(36px, 9.5vw, 44px) !important;
        line-height: 1.04 !important;
    }

    body.route-water-treatment :is(.wsp-trust__grid, .wsp-gauges, .wsp-architecture__grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.route-water-treatment .wsp-trust span {
        min-width: 0;
        padding: 18px 14px !important;
    }

    body.route-water-treatment :is(.wsp-explorer, .wsp-architecture, .wsp-control, .wip-system, .wip-selection, .wip-technical-review) {
        padding-block: 50px !important;
    }

    body.route-water-treatment :is(.wsp-flow, .wip-flow) {
        margin-inline: -16px !important;
        padding-inline: 16px !important;
        scroll-padding-inline: 16px;
    }

    body.route-water-treatment :is(.wsp-step, .wip-flow .wsp-step) {
        flex-basis: min(76vw, 278px) !important;
        min-height: 156px !important;
    }

    body.route-water-treatment :is(.wsp-dose-tabs, .wip-family-tabs) {
        margin-inline: -16px;
        padding-inline: 16px;
        scroll-padding-inline: 16px;
        scroll-snap-type: x mandatory;
    }

    body.route-water-treatment :is(.wsp-dose-tabs, .wip-family-tabs) button {
        flex: 0 0 auto;
        min-height: 46px;
        scroll-snap-align: start;
    }

    /* Footer: compact disclosure rows and a stronger, shorter contact close. */
    #everklin-footer .footer-support {
        padding: 34px 0 !important;
        background: linear-gradient(135deg, #eef3dc, #f8f7f0) !important;
    }

    #everklin-footer .footer-support__inner {
        gap: 20px !important;
    }

    #everklin-footer .footer-support h2 {
        max-width: 14ch;
        font-size: 30px !important;
        line-height: 1.08 !important;
    }

    #everklin-footer .footer-support__primary {
        display: flex !important;
        width: 100% !important;
        align-items: center;
        justify-content: space-between;
    }

    #everklin-footer .footer-main {
        padding: 24px 0 12px !important;
    }

    #everklin-footer .footer-brand-column {
        margin-bottom: 8px !important;
        padding-bottom: 18px !important;
    }

    #everklin-footer .footer-team-link {
        width: 100% !important;
    }

    #everklin-footer .footer-disclosure {
        min-height: 56px !important;
    }

    #everklin-footer .footer-disclosure-links > a {
        min-height: 46px !important;
        border-top: 1px solid #e6eadf;
    }

    #everklin-footer .footer-connect {
        padding: 10px 0 22px !important;
    }

    #everklin-footer .footer-connect__grid {
        gap: 0 !important;
    }

    #everklin-footer .footer-connect__item,
    #everklin-footer .footer-connect__item + .footer-connect__item {
        padding: 18px 0 !important;
        border-top: 1px solid rgb(255 255 255 / 30%) !important;
    }

    #everklin-footer .footer-bottom {
        padding: 16px 0 calc(20px + env(safe-area-inset-bottom)) !important;
    }
}

@media (max-width: 430px) {
    html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__grid {
        padding: 12px 16px 0 !important;
    }

    html body.everklin-transformed #main.fpp-page--solar .fpp-hero .fpp-hero__media {
        width: calc(100% + 32px) !important;
        height: 225px !important;
        margin-inline: -16px !important;
    }

    html body.everklin-transformed #main.fpp-page--solar .fpp-hero h1 {
        font-size: clamp(34px, 9vw, 40px) !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__inner,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__content {
        min-height: 710px !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__content {
        padding-top: 82px !important;
    }

    .portfolio-catalogue tbody :is(th, td),
    :is(.fph-table-wrap, .wsp-table-wrap) tbody :is(th, td) {
        grid-template-columns: 96px minmax(0, 1fr) !important;
    }
}

@media (max-width: 380px) {
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero h1 {
        font-size: 34px !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero .corp-actions {
        grid-template-columns: 1fr !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__inner,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__content {
        min-height: 748px !important;
    }

    body.route-water-treatment :is(.wsp-trust__grid, .wsp-gauges, .wsp-architecture__grid) {
        grid-template-columns: 1fr !important;
    }

    .portfolio-catalogue tbody :is(th, td),
    :is(.fph-table-wrap, .wsp-table-wrap) tbody :is(th, td) {
        display: block !important;
    }

    .portfolio-catalogue tbody :is(th, td)::before,
    :is(.fph-table-wrap, .wsp-table-wrap) tbody :is(th, td)::before {
        display: block;
        margin-bottom: 5px;
    }
}

@media (max-width: 1179px) and (max-height: 600px) and (orientation: landscape) {
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__inner,
    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__content {
        min-height: 0 !important;
        height: auto !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__content {
        padding-block: 34px !important;
    }

    html body.everklin-transformed #main.corp-home.corp-home--srk-hero .corp-hero__panel-footer {
        position: static !important;
        margin-top: 24px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .portfolio-catalogue *,
    body.route-water-treatment *,
    #main.corp-home .corp-hero * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}