/* About Everklin: a focused editorial system for the complete company story. */
html body.everklin-transformed #main.company-about-flagship {
    --ca-ink: #20362a;
    --ca-copy: #56665a;
    --ca-olive: #819b37;
    --ca-olive-deep: #637a2d;
    --ca-mist: #edf2dc;
    --ca-cream: #f8f9f1;
    --ca-line: rgba(99, 122, 45, .24);
    background: #fff;
    color: var(--ca-copy);
}

html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero {
    min-height: min(700px, calc(100svh - 1px));
    border-bottom: 1px solid var(--ca-line);
    background-color: var(--ca-mist);
}

html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero::before {
    background:
        linear-gradient(90deg, rgba(248, 250, 241, .94) 0%, rgba(248, 250, 241, .79) 42%, rgba(248, 250, 241, .22) 72%, rgba(248, 250, 241, .03) 100%);
}

html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero__inner {
    min-height: min(700px, calc(100svh - 1px));
}

html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero__panel {
    width: min(660px, 54vw);
    height: auto;
    min-height: 0;
    padding: clamp(34px, 4vw, 54px);
    border: 1px solid rgba(129, 155, 55, .28);
    border-left: 5px solid var(--ca-olive);
    border-radius: 14px;
    background: rgba(255, 255, 255, .89);
    box-shadow: 0 26px 66px rgba(32, 54, 42, .14);
    backdrop-filter: blur(12px);
}

html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero__panel .inner-kicker,
html body.everklin-transformed #main.company-about-flagship .inner-kicker {
    color: var(--ca-olive-deep) !important;
    font-size: .73rem !important;
    font-weight: 850 !important;
    letter-spacing: .14em;
}

html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero__panel h1 {
    max-width: 10ch;
    color: var(--ca-ink) !important;
    font-size: clamp(3.25rem, 5.15vw, 5.9rem) !important;
    letter-spacing: -.055em;
    line-height: .92;
}

html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero__panel > p {
    max-width: 35rem;
    color: var(--ca-copy) !important;
    font-size: clamp(1rem, 1.2vw, 1.12rem) !important;
    line-height: 1.66;
}

html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero__panel .page-button {
    min-height: 50px;
    border-color: var(--ca-olive-deep) !important;
    border-radius: 7px;
    background: var(--ca-olive-deep) !important;
    box-shadow: 0 12px 26px rgba(74, 92, 34, .16);
}

html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero__panel .page-button:is(:hover, :focus-visible) {
    border-color: var(--ca-ink) !important;
    background: var(--ca-ink) !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-top: 34px;
    border-top: 1px solid var(--ca-line);
    border-left: 1px solid var(--ca-line);
}

html body.everklin-transformed #main.company-about-flagship .anchor-metrics > div {
    min-height: 76px;
    padding: 12px 14px;
    border-right: 1px solid var(--ca-line);
    border-bottom: 1px solid var(--ca-line);
}

html body.everklin-transformed #main.company-about-flagship .anchor-metrics strong {
    display: block;
    color: var(--ca-ink);
    font-size: .92rem;
    line-height: 1.2;
}

html body.everklin-transformed #main.company-about-flagship .anchor-metrics span {
    display: block;
    margin-top: 5px;
    color: var(--ca-copy);
    font-size: .69rem;
    line-height: 1.3;
}

html body.everklin-transformed #main.company-about-flagship .anchor-layout--full,
html body.everklin-transformed #main.company-about-flagship .anchor-layout--full .anchor-content {
    width: 100%;
    max-width: none;
}

html body.everklin-transformed #main.company-about-flagship .anchor-section {
    position: relative;
    min-height: 0 !important;
    margin: 0;
    padding: clamp(68px, 7vw, 108px) max(28px, calc((100vw - 1240px) / 2)) !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-section::before {
    width: 54px;
    height: 4px;
    margin-bottom: 22px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--ca-olive), #c7d995) !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-section:nth-child(even),
html body.everklin-transformed #main.company-about-flagship #our-journey,
html body.everklin-transformed #main.company-about-flagship #corporate-values,
html body.everklin-transformed #main.company-about-flagship #compliance-wall {
    background: var(--ca-cream) !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-section-grid,
html body.everklin-transformed #main.company-about-flagship .enterprise-section-head {
    max-width: 1240px;
    margin-inline: auto;
}

html body.everklin-transformed #main.company-about-flagship .anchor-section-grid {
    grid-template-columns: minmax(0, .92fr) minmax(330px, 1.08fr) !important;
    gap: clamp(36px, 6vw, 90px) !important;
    align-items: center;
}

html body.everklin-transformed #main.company-about-flagship #about-everklin .anchor-section-grid,
html body.everklin-transformed #main.company-about-flagship .anchor-section-grid--text-wide {
    grid-template-columns: minmax(0, 850px) !important;
}

html body.everklin-transformed #main.company-about-flagship #about-everklin .anchor-section-grid > div {
    padding-left: clamp(20px, 2.6vw, 38px);
    border-left: 4px solid var(--ca-olive);
}

html body.everklin-transformed #main.company-about-flagship .anchor-section h2,
html body.everklin-transformed #main.company-about-flagship .enterprise-section-head h2 {
    max-width: 13ch;
    color: var(--ca-ink) !important;
    font-size: clamp(2.65rem, 4.1vw, 4.75rem) !important;
    letter-spacing: -.05em;
    line-height: .96 !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-section p,
html body.everklin-transformed #main.company-about-flagship .enterprise-section-head p {
    max-width: 62ch;
    color: var(--ca-copy) !important;
    font-size: 1rem !important;
    line-height: 1.72 !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-image-card {
    height: clamp(330px, 31vw, 460px) !important;
    overflow: hidden;
    border: 1px solid rgba(99, 122, 45, .22) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 48px rgba(32, 54, 42, .1) !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-image-card img {
    filter: saturate(.86) contrast(1.02);
}

html body.everklin-transformed #main.company-about-flagship .anchor-card-grid,
html body.everklin-transformed #main.company-about-flagship .company-innovation-loop,
html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall {
    max-width: 1240px;
    margin: 36px auto 0 !important;
    gap: 14px !important;
    border: 0 !important;
    background: transparent !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-card-grid--four {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-card-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-card {
    min-height: 204px;
    padding: clamp(22px, 2.1vw, 30px) !important;
    border: 1px solid rgba(99, 122, 45, .22) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .9) !important;
    box-shadow: 0 12px 30px rgba(32, 54, 42, .06) !important;
    transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

html body.everklin-transformed #main.company-about-flagship .anchor-card:is(:hover, :focus-within) {
    border-color: rgba(129, 155, 55, .78) !important;
    box-shadow: 0 20px 42px rgba(32, 54, 42, .12) !important;
    transform: translateY(-3px);
}

html body.everklin-transformed #main.company-about-flagship .anchor-card span {
    color: var(--ca-olive-deep) !important;
    font-size: .72rem !important;
    font-weight: 850;
    letter-spacing: .09em;
}

html body.everklin-transformed #main.company-about-flagship .anchor-card h3 {
    color: var(--ca-ink) !important;
    font-size: clamp(1.25rem, 1.55vw, 1.55rem) !important;
    line-height: 1.12 !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-card p {
    font-size: .91rem !important;
    line-height: 1.58 !important;
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map {
    max-width: 1240px;
    margin: 34px auto 0;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(99, 122, 45, .25);
    border-radius: 18px;
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 18px 42px rgba(32, 54, 42, .07);
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map__toolbar {
    padding-bottom: 22px;
    border-bottom-color: var(--ca-line);
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map__toolbar p strong,
html body.everklin-transformed #main.company-about-flagship .company-journey-map__detail h3 {
    color: var(--ca-ink);
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map__toolbar button {
    width: 44px;
    height: 44px;
    border-color: rgba(99, 122, 45, .42);
    background: #fff;
    color: var(--ca-olive-deep);
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map__toolbar button:is(:hover, :focus-visible) {
    background: var(--ca-olive-deep);
    color: #fff;
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map__detail {
    grid-template-columns: 90px minmax(190px, .75fr) minmax(0, 1.25fr);
    min-height: 138px;
    padding: 26px;
    border-left-color: var(--ca-olive);
    border-radius: 0 10px 10px 0;
    background: #fff;
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map__detail time {
    color: var(--ca-olive-deep);
}

html body.everklin-transformed #main.company-about-flagship .company-innovation-loop {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

html body.everklin-transformed #main.company-about-flagship .company-innovation-loop article {
    min-height: 182px;
    padding: 25px;
    border: 1px solid rgba(99, 122, 45, .22);
    border-radius: 14px;
    background: #fff;
}

html body.everklin-transformed #main.company-about-flagship .company-innovation-loop article:nth-child(even) {
    background: var(--ca-mist);
}

html body.everklin-transformed #main.company-about-flagship .anchor-section-grid--leadership {
    grid-template-columns: minmax(0, .82fr) minmax(360px, 1.18fr) !important;
    align-items: stretch;
}

html body.everklin-transformed #main.company-about-flagship .leadership-note {
    min-height: 340px;
    padding: clamp(30px, 4vw, 52px);
    border: 0;
    border-top: 5px solid var(--ca-olive);
    border-radius: 16px;
    background: linear-gradient(145deg, #20362a 0%, #304d35 100%);
    box-shadow: 0 20px 52px rgba(32, 54, 42, .18);
}

html body.everklin-transformed #main.company-about-flagship .leadership-note > p,
html body.everklin-transformed #main.company-about-flagship .leadership-attribution strong {
    color: #fff !important;
}

html body.everklin-transformed #main.company-about-flagship .leadership-attribution span {
    color: rgba(255, 255, 255, .76);
}

html body.everklin-transformed #main.company-about-flagship .leadership-principles {
    max-width: 1240px;
    margin: 20px auto 0;
    gap: 10px;
    border: 0;
}

html body.everklin-transformed #main.company-about-flagship .leadership-principles span {
    padding: 17px 18px;
    border: 1px solid rgba(99, 122, 45, .2);
    border-radius: 10px;
    background: #fff;
    color: var(--ca-ink);
    font-size: .82rem;
}

html body.everklin-transformed #main.company-about-flagship .enterprise-section-head {
    margin-bottom: 34px !important;
}

html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall--seven {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall article {
    min-height: 164px;
    padding: 24px;
    border: 1px solid rgba(99, 122, 45, .2);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(32, 54, 42, .05);
}

html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall article svg {
    color: var(--ca-olive-deep);
}

html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall article strong {
    color: var(--ca-ink);
    font-size: .84rem;
    line-height: 1.35;
}

html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall article span {
    color: var(--ca-copy);
    font-size: .76rem;
}

html body.everklin-transformed #main.company-about-flagship .anchor-final-cta {
    padding: clamp(64px, 7vw, 96px) 0 !important;
    background: var(--ca-mist) !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-final-card {
    min-height: 330px;
    padding: clamp(40px, 5vw, 70px) !important;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(135deg, #20362a 0%, #3d5c32 55%, #728a35 100%) !important;
    box-shadow: 0 24px 62px rgba(32, 54, 42, .18);
}

html body.everklin-transformed #main.company-about-flagship .anchor-final-card :is(h2, p, .inner-kicker) {
    color: #fff !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-final-card h2 {
    max-width: 12ch;
    font-size: clamp(3rem, 4.9vw, 5.4rem) !important;
    letter-spacing: -.05em;
}

html body.everklin-transformed #main.company-about-flagship .anchor-final-card .page-button {
    border-color: #fff !important;
    border-radius: 7px;
    background: #fff !important;
    color: var(--ca-ink) !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-final-card .page-button:is(:hover, :focus-visible) {
    border-color: var(--ca-ink) !important;
    background: var(--ca-ink) !important;
    color: #fff !important;
}

/*
 * Readability safeguard
 *
 * The legacy flagship script initially fades every anchor section until its
 * observer runs. That creates an unreliable state during scroll/cached-page
 * restores: text can look washed out or disappear altogether. The About page
 * is an information page, so its content remains fully visible at all times.
 */
html.js-flagship-journey body.everklin-transformed #main.company-about-flagship .anchor-section,
html.js-flagship-journey body.everklin-transformed #main.company-about-flagship .anchor-section.is-journey-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Keep the alternating company surfaces light so the dark-green type remains
   consistently legible; olive is reserved for accents and purposeful actions. */
html body.everklin-transformed #main.company-about-flagship :is(#our-journey, #corporate-values, #compliance-wall) {
    background: #f5f7eb !important;
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map__detail :is(time, h3, p),
html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall article :is(strong, span),
html body.everklin-transformed #main.company-about-flagship .anchor-final-card .page-button {
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    -webkit-text-fill-color: currentColor;
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map__detail h3 {
    color: var(--ca-ink) !important;
    font-size: clamp(1.18rem, 1.7vw, 1.5rem) !important;
    font-weight: 800 !important;
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map__detail p {
    color: #435448 !important;
    font-size: .95rem !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
}

html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall article strong {
    display: block !important;
    margin-top: 4px;
    color: var(--ca-ink) !important;
    font-size: .86rem !important;
    font-weight: 850 !important;
}

html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall article span {
    display: block !important;
    color: #526357 !important;
    font-size: .78rem !important;
    font-weight: 600 !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-final-card .page-button {
    display: inline-flex !important;
    min-width: 148px;
    min-height: 52px;
    color: var(--ca-ink) !important;
    font-size: .9rem !important;
    font-weight: 850 !important;
    letter-spacing: .01em;
    line-height: 1.2 !important;
}

/* Information-first typography: company content must remain easy to scan at
   a glance, even on bright displays and while zoomed. */
html body.everklin-transformed #main.company-about-flagship .anchor-section > :is(.anchor-section-grid, .enterprise-section-head) > div > p,
html body.everklin-transformed #main.company-about-flagship .enterprise-section-head > p {
    color: #45574a !important;
    font-size: clamp(1.03rem, 1.15vw, 1.13rem) !important;
    font-weight: 500 !important;
    line-height: 1.72 !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-card p,
html body.everklin-transformed #main.company-about-flagship .company-innovation-loop p {
    color: #485a4d !important;
    font-size: .96rem !important;
    font-weight: 500 !important;
    line-height: 1.62 !important;
}

/* Journey: the selected milestone reads as a complete, high-contrast story. */
html body.everklin-transformed #main.company-about-flagship #our-journey .anchor-section-grid > div {
    max-width: 720px;
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map__nodes button,
html body.everklin-transformed #main.company-about-flagship .company-journey-map__nodes button strong {
    color: #405247 !important;
    opacity: 1 !important;
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map__nodes button span {
    color: var(--ca-olive-deep) !important;
    opacity: 1 !important;
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map__detail {
    gap: clamp(18px, 2.4vw, 30px) !important;
    border: 1px solid rgba(99, 122, 45, .23) !important;
    border-left: 5px solid var(--ca-olive) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(32, 54, 42, .06);
}

html body.everklin-transformed #main.company-about-flagship .company-journey-map__detail time {
    display: grid;
    width: 82px;
    min-height: 82px;
    place-items: center;
    border: 1px solid rgba(99, 122, 45, .3);
    border-radius: 12px;
    background: var(--ca-mist);
    color: var(--ca-olive-deep) !important;
    font-size: 1.18rem !important;
    font-weight: 850 !important;
}

html body.everklin-transformed #main.company-about-flagship [data-journey-title] {
    display: block !important;
    min-width: 0;
    color: #20362a !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.everklin-transformed #main.company-about-flagship [data-journey-copy] {
    display: block !important;
    min-width: 0;
    color: #435448 !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Values and credentials use white cards on a quiet cream ground; every
   primary label is deliberately darker than the supporting copy. */
html body.everklin-transformed #main.company-about-flagship #corporate-values .anchor-card {
    min-height: 218px;
}

html body.everklin-transformed #main.company-about-flagship #corporate-values .anchor-card h3 {
    font-size: clamp(1.38rem, 1.7vw, 1.72rem) !important;
}

html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall article {
    display: flex !important;
    min-height: 186px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 9px;
    text-align: left;
}

html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall article svg {
    display: block !important;
    width: 32px;
    height: 32px;
    margin: 0 !important;
    opacity: 1 !important;
}

html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall article strong {
    line-height: 1.38 !important;
}

html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall article span {
    margin-top: 0 !important;
    line-height: 1.5 !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-final-card .inner-kicker {
    color: #e9f1cb !important;
    font-size: .76rem !important;
    font-weight: 850 !important;
}

/* -------------------------------------------------------------------------
   Company contrast system
   Dark editorial sections carry light copy; the cards placed inside those
   sections deliberately return to a white surface with dark copy. This keeps
   every heading, label, icon and supporting line legible at a glance.
   ------------------------------------------------------------------------- */
html body.everklin-transformed #main.company-about-flagship :is(#our-journey, #corporate-values, #compliance-wall) {
    color: #fff !important;
    background:
        radial-gradient(circle at 88% 12%, rgba(202, 220, 138, .16), transparent 26%),
        linear-gradient(128deg, #263f2d 0%, #496532 54%, #718936 100%) !important;
}

html body.everklin-transformed #main.company-about-flagship :is(#our-journey, #corporate-values, #compliance-wall)::before {
    background: linear-gradient(90deg, #dceba7, #fff) !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .anchor-section-grid > div > .inner-kicker,
html body.everklin-transformed #main.company-about-flagship #corporate-values .anchor-section-grid > div:first-child > .inner-kicker,
html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-section-head > .inner-kicker {
    color: #e6f0bb !important;
    opacity: 1 !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .anchor-section-grid > div > h2,
html body.everklin-transformed #main.company-about-flagship #corporate-values .anchor-section-grid > div:first-child > h2,
html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-section-head > h2 {
    color: #fff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .anchor-section-grid > div > p,
html body.everklin-transformed #main.company-about-flagship #corporate-values .anchor-section-grid > div:first-child > p,
html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-section-head > p {
    color: rgba(255, 255, 255, .91) !important;
    opacity: 1 !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map {
    border-color: rgba(232, 242, 201, .42) !important;
    background: #f3f6e8 !important;
    box-shadow: 0 22px 52px rgba(11, 31, 19, .2) !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map__toolbar p strong,
html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map__toolbar p span {
    color: #314737 !important;
    opacity: 1 !important;
}

html body.everklin-transformed #main.company-about-flagship :is(#corporate-values, #compliance-wall) :is(.anchor-card, .enterprise-cert-wall article) {
    background: #fff !important;
    border-color: rgba(220, 233, 183, .9) !important;
}

html body.everklin-transformed #main.company-about-flagship #corporate-values .anchor-card :is(span, h3, p) {
    opacity: 1 !important;
    visibility: visible !important;
}

html body.everklin-transformed #main.company-about-flagship #corporate-values .anchor-card span {
    color: #637a2d !important;
}

html body.everklin-transformed #main.company-about-flagship #corporate-values .anchor-card h3 {
    color: #20362a !important;
}

html body.everklin-transformed #main.company-about-flagship #corporate-values .anchor-card p {
    color: #46594a !important;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-cert-wall article :is(.line-svg, svg) {
    display: block !important;
    color: #667f2f !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-cert-icon {
    display: inline-flex !important;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    color: #667f2f !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Certificate titles are a dedicated element, so inherited emphasis styles
   cannot hide them on the light credential cards. */
html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-cert-title {
    display: block !important;
    min-width: 0;
    margin: 0 !important;
    color: #20362a !important;
    -webkit-text-fill-color: #20362a !important;
    font-size: .88rem !important;
    font-weight: 850 !important;
    line-height: 1.38 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-cert-icon .line-svg {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    color: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-cert-wall article svg :is(path, circle, rect, ellipse, line, polyline, polygon) {
    fill: none !important;
    stroke: currentColor !important;
    opacity: 1 !important;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-cert-wall article svg text {
    fill: currentColor !important;
    stroke: none !important;
    opacity: 1 !important;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-cert-wall article strong {
    color: #20362a !important;
    opacity: 1 !important;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-cert-wall article span {
    color: #4b5e50 !important;
    opacity: 1 !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-final-card :is(.inner-kicker, h2, p, .page-button) {
    opacity: 1 !important;
    visibility: visible !important;
}

/* -------------------------------------------------------------------------
   Final company-page contrast lock
   Each surface owns an explicit text palette. This protects the page from
   inherited motion/theme styles that previously left some labels washed out.
   ------------------------------------------------------------------------- */
html body.everklin-transformed #main.company-about-flagship :is(#about-everklin, #vision-mission, #why-choose-everklin, #leadership-message, #innovation, #csr) {
    color: #20362a !important;
    background: #fff !important;
}

html body.everklin-transformed #main.company-about-flagship :is(#vision-mission, #csr) {
    background: #f6f8ee !important;
}

html body.everklin-transformed #main.company-about-flagship :is(#about-everklin, #vision-mission, #why-choose-everklin, #innovation, #csr) :is(.inner-kicker, h2, h3, p, span, strong, li) {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: currentColor !important;
}

html body.everklin-transformed #main.company-about-flagship :is(#about-everklin, #vision-mission, #why-choose-everklin, #innovation, #csr) :is(h2, h3, strong, li) {
    color: #20362a !important;
}

html body.everklin-transformed #main.company-about-flagship :is(#about-everklin, #vision-mission, #why-choose-everklin, #innovation, #csr) :is(p, .anchor-card p) {
    color: #435448 !important;
}

html body.everklin-transformed #main.company-about-flagship :is(#about-everklin, #vision-mission, #why-choose-everklin, #innovation, #csr) :is(.inner-kicker, .anchor-card span) {
    color: #637a2d !important;
}

html body.everklin-transformed #main.company-about-flagship #leadership-message .leadership-intro :is(.inner-kicker, h2, p) {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: currentColor !important;
}

html body.everklin-transformed #main.company-about-flagship #leadership-message .leadership-intro .inner-kicker {
    color: #637a2d !important;
}

html body.everklin-transformed #main.company-about-flagship #leadership-message .leadership-intro h2 {
    color: #20362a !important;
}

html body.everklin-transformed #main.company-about-flagship #leadership-message .leadership-intro p {
    color: #435448 !important;
}

html body.everklin-transformed #main.company-about-flagship #leadership-message .leadership-note :is(p, strong, span) {
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: #fff !important;
}

html body.everklin-transformed #main.company-about-flagship #leadership-message .leadership-attribution span {
    color: #e8efce !important;
    -webkit-text-fill-color: #e8efce !important;
}

/* Dark editorial areas: introductory copy is always light. */
html body.everklin-transformed #main.company-about-flagship #our-journey .anchor-section-grid > div :is(.inner-kicker, h2, p),
html body.everklin-transformed #main.company-about-flagship #corporate-values .anchor-section-grid > div:first-child :is(.inner-kicker, h2, p),
html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-section-head :is(.inner-kicker, h2, p) {
    opacity: 1 !important;
    visibility: visible !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .anchor-section-grid > div .inner-kicker,
html body.everklin-transformed #main.company-about-flagship #corporate-values .anchor-section-grid > div:first-child .inner-kicker,
html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-section-head .inner-kicker {
    color: #e7f0c0 !important;
    -webkit-text-fill-color: #e7f0c0 !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .anchor-section-grid > div h2,
html body.everklin-transformed #main.company-about-flagship #corporate-values .anchor-section-grid > div:first-child h2,
html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-section-head h2 {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .anchor-section-grid > div p,
html body.everklin-transformed #main.company-about-flagship #corporate-values .anchor-section-grid > div:first-child p,
html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-section-head p {
    color: #f5f8eb !important;
    -webkit-text-fill-color: #f5f8eb !important;
}

/* The journey map is a light work-surface inside the dark journey section. */
html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map {
    background: #fbfcf6 !important;
    color: #20362a !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map__toolbar :is(strong, span),
html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map__nodes button,
html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map__detail :is(time, h3, p) {
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map__toolbar :is(strong, span) {
    color: #314737 !important;
    -webkit-text-fill-color: #314737 !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map__nodes button {
    color: #20362a !important;
    -webkit-text-fill-color: #20362a !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map__nodes button strong {
    display: block !important;
    color: #20362a !important;
    -webkit-text-fill-color: #20362a !important;
    font-size: .88rem !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map__nodes button span {
    display: block !important;
    color: #637a2d !important;
    -webkit-text-fill-color: #637a2d !important;
    font-weight: 850 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map__detail {
    background: #fff !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map__detail time {
    color: #637a2d !important;
    -webkit-text-fill-color: #637a2d !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map__detail h3 {
    color: #20362a !important;
    -webkit-text-fill-color: #20362a !important;
}

html body.everklin-transformed #main.company-about-flagship #our-journey .company-journey-map__detail p {
    color: #435448 !important;
    -webkit-text-fill-color: #435448 !important;
}

/* Official programme marks replace the generic credential icons. The source
   art is displayed in a single Everklin olive treatment so this page keeps
   its established green, olive and white identity. */
html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-cert-wall article.company-cert-card {
    min-height: 244px !important;
    padding: 24px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    overflow: hidden;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-cert-mark,
html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-system-mark {
    display: flex !important;
    width: 142px;
    height: 78px;
    align-items: center;
    justify-content: flex-start;
    margin: 0 !important;
    color: #637a2d !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-cert-mark img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: contain;
    object-position: left center;
    filter: grayscale(1) sepia(.78) hue-rotate(30deg) saturate(1.18) brightness(.84) contrast(1.02);
    opacity: 1 !important;
    visibility: visible !important;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-cert-mark--greenpro {
    width: 104px;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-cert-mark--griha {
    width: 118px;
}

/* These two supplied marks include generous transparent canvas around their
   artwork. Filling the brand window crops only that empty margin, not the
   mark itself, so the official symbols hold the same visual weight as the
   other credentials. */
html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-cert-mark--startup,
html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-cert-mark--make-in-india {
    width: 160px;
    height: 76px;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-cert-mark--startup img,
html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-cert-mark--make-in-india img {
    object-fit: cover;
    object-position: center 60%;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-system-mark {
    gap: 10px;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-system-mark--quality {
    justify-content: flex-start;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-system-mark--quality span {
    display: inline-grid !important;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 2px solid #637a2d;
    border-radius: 50%;
    color: #637a2d !important;
    -webkit-text-fill-color: #637a2d !important;
    font-size: .82rem !important;
    font-weight: 900 !important;
    letter-spacing: .02em;
    line-height: 1 !important;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-system-mark--quality small {
    color: #20362a !important;
    -webkit-text-fill-color: #20362a !important;
    font-size: .68rem !important;
    font-weight: 850 !important;
    letter-spacing: .04em;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-system-mark--environment,
html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-system-mark--safety {
    width: 62px;
    height: 62px;
    justify-content: center;
    border: 1px solid rgba(99, 122, 45, .3);
    border-radius: 50%;
    background: #f2f6e4;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-system-mark :is(.line-svg, svg) {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    color: #637a2d !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-cert-title,
html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-cert-wall article > span {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .company-cert-title {
    color: #20362a !important;
    -webkit-text-fill-color: #20362a !important;
    font-size: .87rem !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    letter-spacing: .015em;
}

html body.everklin-transformed #main.company-about-flagship #compliance-wall .enterprise-cert-wall article > span {
    color: #435448 !important;
    -webkit-text-fill-color: #435448 !important;
    font-size: .8rem !important;
    font-weight: 650 !important;
    line-height: 1.42 !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-final-card :is(.inner-kicker, h2, p) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body.everklin-transformed #main.company-about-flagship .anchor-final-card .page-button {
    color: #20362a !important;
    -webkit-text-fill-color: #20362a !important;
    opacity: 1 !important;
    visibility: visible !important;
}

@media (max-width: 980px) {
    html body.everklin-transformed #main.company-about-flagship .anchor-section-grid,
    html body.everklin-transformed #main.company-about-flagship .anchor-section-grid--leadership {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
    }

    html body.everklin-transformed #main.company-about-flagship .anchor-card-grid--four,
    html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall--seven {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body.everklin-transformed #main.company-about-flagship .company-innovation-loop {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html body.everklin-transformed #main.company-about-flagship .anchor-image-card {
        height: min(58vw, 440px) !important;
    }
}

@media (max-width: 680px) {
    html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero {
        min-height: 0;
        background-size: auto 300px;
        background-position: var(--ek-inner-hero-mobile-position, 60% top);
    }

    html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero::before {
        background: linear-gradient(180deg, rgba(248, 250, 241, .02) 0%, rgba(248, 250, 241, .05) 220px, rgba(248, 250, 241, .92) 300px, #f8f9f1 100%);
    }

    html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero__inner {
        min-height: 0;
        padding: 230px 18px 24px;
    }

    html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero__panel {
        width: 100%;
        padding: 28px 23px 24px;
        border-left-width: 4px;
        border-radius: 12px;
        backdrop-filter: none;
    }

    html body.everklin-transformed #main.company-about-flagship .ek-inner-home-hero__panel h1 {
        max-width: 11ch;
        font-size: clamp(2.6rem, 11.5vw, 3.7rem) !important;
    }

    html body.everklin-transformed #main.company-about-flagship .anchor-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 28px;
    }

    html body.everklin-transformed #main.company-about-flagship .anchor-section {
        padding: 58px 20px !important;
    }

    html body.everklin-transformed #main.company-about-flagship .anchor-section h2,
    html body.everklin-transformed #main.company-about-flagship .enterprise-section-head h2 {
        max-width: 11ch;
        font-size: clamp(2.45rem, 10.8vw, 3.65rem) !important;
    }

    html body.everklin-transformed #main.company-about-flagship .anchor-card-grid,
    html body.everklin-transformed #main.company-about-flagship .anchor-card-grid--four,
    html body.everklin-transformed #main.company-about-flagship .anchor-card-grid--two,
    html body.everklin-transformed #main.company-about-flagship .company-innovation-loop,
    html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall--seven,
    html body.everklin-transformed #main.company-about-flagship .leadership-principles {
        grid-template-columns: 1fr !important;
    }

    html body.everklin-transformed #main.company-about-flagship .anchor-card,
    html body.everklin-transformed #main.company-about-flagship .company-innovation-loop article,
    html body.everklin-transformed #main.company-about-flagship .enterprise-cert-wall article {
        min-height: 0;
    }

    html body.everklin-transformed #main.company-about-flagship .company-journey-map {
        padding: 20px 16px;
        border-radius: 12px;
    }

    html body.everklin-transformed #main.company-about-flagship .company-journey-map__toolbar {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    html body.everklin-transformed #main.company-about-flagship .company-journey-map__detail {
        grid-template-columns: 1fr;
        gap: 11px;
        padding: 20px;
    }

    html body.everklin-transformed #main.company-about-flagship .leadership-note,
    html body.everklin-transformed #main.company-about-flagship .anchor-final-card {
        min-height: 0;
        padding: 30px 24px;
        border-radius: 14px;
    }

    html body.everklin-transformed #main.company-about-flagship .leadership-note > p {
        font-size: clamp(1.25rem, 6.1vw, 1.75rem) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body.everklin-transformed #main.company-about-flagship * {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}