/**
 * IIC — Premium light corporate theme (Sunset Industrial Luxury)
 * Loads after style.css / rtl.css. Logo assets unchanged.
 */

:root {
    --iic-bg: #f8f9fb;
    --iic-bg-2: #eef2f7;
    --iic-navy: #0a2348;
    --iic-royal: #003c97;
    /* Single industrial accent — all gold tokens alias here */
    --iic-accent: #d89b2b;
    --iic-accent-hover: #c48a24;
    --iic-accent-soft: rgba(216, 155, 43, 0.12);
    --iic-gold-primary: #d89b2b;
    --iic-logo-orange: #e28c1d;
    --iic-gold: #d89b2b;
    --iic-gold-secondary: #c48a24;
    --iic-gold-2: #d89b2b;
    --iic-gold-soft: rgba(216, 155, 43, 0.12);
    --iic-footer: #071c3c;
    --iic-muted: #3f5168;
    --iic-border: #c4d4e6;
    --iic-header-h: 108px;
    --sticky-offset: 108px;
    --iic-font-display: "Montserrat", "Poppins", "Plus Jakarta Sans", system-ui, sans-serif;
    --iic-font-body: "Poppins", "Montserrat", Inter, system-ui, sans-serif;
    /* Homepage hero: figure (default); optional --hero-bg-pattern + --hero-figure from index.php */
    --home-hero-image: url("../images/heroes/hero-home-background-industrial.png");

    /* Enterprise motion + depth (industrial executive — ease-out, restrained travel) */
    --iic-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --iic-motion-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --iic-motion-reveal: 0.72s;
    --iic-motion-slow: var(--iic-motion-reveal);
    --iic-motion-medium: 0.55s;
    --iic-motion-fast: 0.28s;
    --iic-stagger-step: 100ms;
    --iic-reveal-translate: 20px;
    --iic-card-shadow: 0 10px 30px rgba(13, 43, 92, 0.05), 0 2px 10px rgba(13, 43, 92, 0.04);
    --iic-card-shadow-lift: 0 16px 40px rgba(13, 43, 92, 0.08), 0 4px 14px rgba(13, 43, 92, 0.055);

    /* Icon system — one optical weight site-wide (ring + glyph + stroke) */
    --iic-icon-ring: 44px;
    --iic-icon-glyph: 22px;
    --iic-icon-stroke: 1.35;
    --iic-icon-surface: #ffffff;
    --iic-icon-border: 1px solid rgba(13, 43, 92, 0.1);
    --iic-icon-shadow: 0 2px 10px rgba(13, 43, 92, 0.055), 0 1px 4px rgba(13, 43, 92, 0.04);

    /* Vertical section rhythm (inner pages — tighter narrative continuity) */
    --iic-section-pad-y: clamp(1.85rem, 3.5vw, 2.85rem);
    --iic-section-pad-y-doc: clamp(1.75rem, 3.2vw, 2.65rem);
    --iic-section-pad-y-hub: clamp(2.2rem, 4vw, 3.25rem);

    /* Unified Hero System — consistent across all inner pages */
    --page-hero-min-height: min(40svh, 380px);
    --page-hero-min-height-mobile: 65svh;
    --page-hero-overlay-primary: rgba(3, 12, 28, 0.72);
    --page-hero-overlay-end: rgba(7, 22, 48, 0.26);
    --page-hero-vignette: linear-gradient(180deg, transparent 58%, rgba(3, 12, 28, 0.38) 100%);
    --page-hero-padding-top: calc(var(--sticky-offset) + 48px);
    --page-hero-padding-bottom: 56px;
    --page-hero-padding-top-mobile: calc(var(--sticky-offset) + 28px);
    --page-hero-padding-bottom-mobile: 36px;
    --page-hero-h1-color: #ffffff;
}

@media (max-width: 1200px) {
    :root {
        --iic-header-h: 102px;
        --sticky-offset: 102px;
    }
}

@media (max-width: 900px) {
    :root {
        --iic-header-h: 72px;
        --sticky-offset: 72px;
    }
}

html {
    scroll-padding-top: var(--sticky-offset);
}

body {
    background: var(--iic-bg) !important;
    color: var(--iic-navy) !important;
    font-family: var(--iic-font-body);
    font-size: var(--type-body);
    line-height: var(--line-relaxed);
    letter-spacing: 0.01em;
}

body.lang-ar {
    font-family: Cairo, "IBM Plex Sans Arabic", Tajawal, var(--iic-font-body);
}

body::before {
    background:
        radial-gradient(ellipse 80% 50% at 12% 0%, rgba(0, 60, 151, 0.04), transparent 55%),
        radial-gradient(ellipse 55% 40% at 92% 6%, rgba(216, 155, 43, 0.03), transparent 48%),
        linear-gradient(180deg, rgba(248, 249, 251, 0.98), rgba(248, 249, 251, 1)) !important;
    animation: none !important;
}

h1,
h2,
h3,
h4,
.brand,
.nav-links,
.cinematic-strip,
.kpi-deck strong,
.stats-grid strong,
.control-cards strong,
.reel-panel span,
.dossier-grid span,
.timeline span,
.map-preview span {
    font-family: var(--iic-font-display);
    letter-spacing: 0.02em;
}

h1,
h2,
h3 {
    color: var(--iic-navy) !important;
    text-transform: none;
}

main p,
.section-heading p,
.section-copy p {
    color: var(--iic-muted);
}

.eyebrow {
    color: var(--iic-royal);
}

.eyebrow--navy {
    color: var(--iic-navy);
    letter-spacing: 0.14em;
}

.eyebrow--gold {
    color: var(--iic-gold-primary);
    letter-spacing: 0.2em;
    font-weight: 700;
    font-size: var(--type-small);
    text-transform: uppercase;
}

/* --- Header: light premium corporate --- */

.site-header {
    background: var(--color-white);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-bottom: 1px solid var(--iic-border);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95);
}

.site-header--scrolled {
    background: var(--color-white);
    border-bottom-color: var(--iic-border);
    box-shadow: 0 6px 24px rgba(10, 35, 72, 0.06);
}

.header-inner.iic-header-shell {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: var(--site-max-wide);
    margin: 0 auto;
    padding: var(--space-sm) var(--page-gutter) 0;
    row-gap: 0;
    column-gap: 0;
    min-height: 0;
    --header-pad-y: var(--space-sm);
}

.header-row--top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(10px, 2vw, 22px);
    width: 100%;
    padding-bottom: var(--space-sm);
    min-height: 0;
    border-bottom: 1px solid rgba(215, 225, 238, 0.85);
}

.header-row--top .header-contact-line {
    font-size: clamp(0.82rem, 0.95vw, 0.92rem);
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.25;
}

.header-row--top .header-contact-line--muted {
    font-size: clamp(0.78rem, 0.88vw, 0.86rem);
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.3;
}

.header-row--top .button--header-cta {
    min-height: 40px;
    padding-inline: 18px;
    font-size: clamp(0.72rem, 0.82vw, 0.8rem);
}

.header-row--right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(10px, 1.8vw, 22px);
    flex-wrap: wrap;
    min-width: 0;
}

.header-top-meta {
    display: flex;
    align-items: center;
    gap: clamp(12px, 2vw, 22px);
    flex-wrap: wrap;
}

.header-contact-block {
    display: grid;
    gap: var(--space-xs);
    text-align: end;
    min-width: 0;
}

html[dir="rtl"] .header-contact-block {
    text-align: start;
}

.header-contact-line {
    display: block;
    font-size: var(--type-small);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--iic-navy);
    white-space: nowrap;
}

.header-contact-line--muted {
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--iic-muted);
}

.button--header-cta {
    min-height: 38px;
    min-width: 0;
    padding: 0 16px;
    font-size: var(--type-small);
    letter-spacing: 0.1em;
}

.brand--header-hero .brand-text--screen-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.brand-logo-wrap--full {
    border: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-radius: 0;
    box-shadow: none;
}

.brand-logo-wrap--full::before {
    display: none;
}

.brand-logo.brand-logo--full {
    width: auto !important;
    height: clamp(84px, 7.65vw, 112px) !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    transform: none !important;
}

.nav-links--main-tier {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(6px, 1vw, 14px);
    width: 100%;
    max-width: none;
    margin: 0;
    padding: var(--space-sm) 0 var(--space-md);
    border: 0;
    border-top: 1px solid rgba(10, 35, 72, 0.055);
    background: transparent;
}

.nav-links--main-tier > a:not(.nav-cta),
.nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent {
    color: #061428;
    font-weight: 700;
    font-size: var(--type-small);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: var(--space-sm) var(--space-md);
    border-radius: 8px;
    transition:
        color 0.22s ease,
        background 0.22s ease;
}

.nav-links--main-tier > a:not(.nav-cta):hover,
.nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent:hover {
    color: var(--iic-gold);
    background: var(--iic-gold-soft);
}

.nav-links--main-tier > a.active,
.nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent.active {
    color: #061428;
    font-weight: 700;
    box-shadow: inset 0 -3px 0 var(--iic-gold-primary);
    background: transparent;
}

.nav-dropdown {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid var(--iic-border);
    box-shadow: 0 20px 50px rgba(10, 35, 72, 0.12);
}

.nav-dropdown a {
    color: var(--iic-navy);
}

.nav-dropdown a:hover,
.nav-dropdown a.active {
    color: var(--iic-gold-2);
    background: var(--iic-gold-soft);
}

.nav-dropdown--services {
    min-width: min(100%, 19.5rem);
}

.nav-dropdown__rule {
    height: 1px;
    margin: 0.4rem 0.65rem;
    background: linear-gradient(90deg, transparent, var(--iic-border), transparent);
}

.nav-dropdown__label {
    padding: 0.5rem 0.85rem 0.15rem;
    margin: 0;
    font-size: var(--type-small);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--iic-muted);
    line-height: var(--line-normal);
}

.nav-dropdown__sublink {
    padding-inline-start: 1.25rem !important;
    font-size: var(--type-caption);
}

/* --- Services menu: 6 hubs + right flyouts (Inspection / Industrial) --- */

#nav-services-wrap.nav-has-dropdown {
    overflow: visible;
}

#nav-services-wrap .nav-dropdown--tiered {
    padding: var(--space-sm);
    min-width: 220px;
    max-width: 260px;
    border-radius: var(--radius-ui);
    overflow: visible;
}

#nav-services-wrap .nav-tier {
    border-radius: 10px;
}

#nav-services-wrap .nav-tier__row {
    display: flex;
    align-items: stretch;
    gap: 0;
}

#nav-services-wrap .nav-tier__hub {
    flex: 1;
    display: flex;
    align-items: center;
    padding: var(--space-sm) var(--space-md);
    font-size: var(--type-small);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: none;
    color: var(--iic-navy);
    text-decoration: none;
    border-radius: 10px;
    border-bottom: 0;
    transition:
        color 0.2s ease,
        background 0.2s ease;
}

#nav-services-wrap .nav-tier__hub--solo {
    display: block;
    width: 100%;
}

#nav-services-wrap .nav-tier__hub:hover,
#nav-services-wrap .nav-tier__hub:focus-visible {
    color: var(--iic-gold-primary);
    background: rgba(216, 155, 43, 0.1);
}

#nav-services-wrap .nav-tier__hub.active {
    color: var(--iic-navy);
    background: rgba(216, 155, 43, 0.14);
    box-shadow: inset 0 0 0 1px rgba(216, 155, 43, 0.35);
}

#nav-services-wrap .nav-tier__chevron {
    display: none;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 42px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--iic-navy);
    cursor: pointer;
    transition:
        background 0.2s ease,
        color 0.2s ease;
}

#nav-services-wrap .nav-tier__chevron:hover,
#nav-services-wrap .nav-tier__chevron:focus-visible {
    color: var(--iic-gold-primary);
    background: rgba(216, 155, 43, 0.1);
}

#nav-services-wrap .nav-tier__chevron-icon {
    display: block;
    width: 10px;
    height: 10px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-top: -4px;
}

#nav-services-wrap .nav-tier.is-expanded .nav-tier__chevron-icon {
    transform: rotate(-135deg);
    margin-top: 2px;
}

#nav-services-wrap .nav-tier__panel {
    list-style: none;
}

#nav-services-wrap .nav-tier__sublink {
    display: block;
    padding: var(--space-sm) var(--space-lg);
    font-size: var(--type-caption);
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: none;
    line-height: var(--line-normal);
    color: var(--iic-navy);
    text-decoration: none;
    border-radius: 8px;
    border-bottom: 0;
    transition:
        color 0.2s ease,
        background 0.2s ease;
}

#nav-services-wrap .nav-tier__sublink:hover,
#nav-services-wrap .nav-tier__sublink:focus-visible {
    color: var(--iic-gold-primary);
    background: rgba(216, 155, 43, 0.1);
}

#nav-services-wrap .nav-tier__sublink.active {
    color: var(--iic-navy);
    background: rgba(216, 155, 43, 0.12);
}

@media (min-width: 1101px) {
    #nav-services-wrap .nav-dropdown--tiered {
        max-height: none;
    }

    #nav-services-wrap .nav-tier--flyout {
        position: relative;
    }

    #nav-services-wrap .nav-tier__chevron {
        display: none;
    }

    #nav-services-wrap .nav-tier__panel {
        position: absolute;
        left: calc(100% + 4px);
        top: 0;
        width: min(300px, calc(100vw - 280px));
        padding: var(--space-sm) var(--space-xs);
        margin: 0;
        background: var(--color-white);
        border: 1px solid var(--iic-border);
        border-radius: var(--radius-ui);
        box-shadow: 0 20px 48px rgba(10, 35, 72, 0.14);
        z-index: var(--z-floating);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(-6px);
        transition:
            opacity 0.22s ease,
            visibility 0.22s ease,
            transform 0.22s ease;
        max-height: none;
        overflow: visible;
    }

    #nav-services-wrap .nav-tier--flyout:hover .nav-tier__panel,
    #nav-services-wrap .nav-tier--flyout:focus-within .nav-tier__panel {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0);
    }
}

html[dir="rtl"] #nav-services-wrap .nav-tier__panel {
    left: auto;
    right: calc(100% + 8px);
    transform: translateX(6px);
}

html[dir="rtl"] #nav-services-wrap .nav-tier--flyout:hover .nav-tier__panel,
html[dir="rtl"] #nav-services-wrap .nav-tier--flyout:focus-within .nav-tier__panel {
    transform: translateX(0);
}

@media (max-width: 1100px) {
    #nav-services-wrap .nav-tier__chevron {
        display: inline-flex;
    }

    #nav-services-wrap .nav-dropdown--tiered.dropdown-open,
    #nav-services-wrap.nav-has-dropdown.dropdown-open .nav-dropdown--tiered {
        max-height: min(78vh, 620px);
        overflow-y: auto;
    }

    #nav-services-wrap .nav-tier__panel {
        position: static;
        width: 100%;
        padding: 0;
        margin: 0;
        margin-inline-start: var(--space-xs);
        border: 0;
        border-radius: 0;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        max-height: 0;
        overflow: hidden;
        border-inline-start: 2px solid transparent;
        transition:
            max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1),
            padding 0.25s ease,
            border-color 0.25s ease;
    }

    #nav-services-wrap .nav-tier.is-expanded .nav-tier__panel {
        max-height: 520px;
        padding: var(--space-xs) 0 var(--space-sm) var(--space-md);
        border-inline-start-color: rgba(216, 155, 43, 0.45);
    }
}

.nav-services-caret {
    border-color: rgba(10, 35, 72, 0.2);
    color: var(--iic-navy);
}

.lang-toggle-link {
    color: var(--iic-muted);
}

.lang-toggle-link.active {
    color: var(--iic-navy);
}

.lang-toggle-link:hover {
    color: var(--iic-gold);
}

.nav-cta {
    border-color: rgba(10, 35, 72, 0.22);
    color: var(--iic-navy);
    background: rgba(255, 255, 255, 0.85);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 4px 14px rgba(10, 35, 72, 0.06);
}

.nav-cta:hover {
    background: linear-gradient(135deg, var(--color-cream), var(--color-white));
    color: var(--iic-navy);
    border-color: rgba(216, 155, 43, 0.35);
}

.nav-button {
    border-color: rgba(10, 35, 72, 0.18);
    background: rgba(255, 255, 255, 0.9);
}

.nav-button span,
.nav-button span::before,
.nav-button span::after {
    background: var(--iic-navy);
}

html[dir="rtl"] .header-inner.iic-header-shell {
    flex-direction: column;
}

/* --- Buttons (global) --- */

.button--header-cta,
.button--header-cta.primary,
.button--header-cta.gold-button {
    background: var(--color-gold);
    border: 1px solid rgba(216, 155, 43, 0.5);
    color: var(--iic-navy);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 6px 18px rgba(216, 155, 43, 0.22);
}

.button--header-cta:hover {
    background: var(--color-gold-dark);
    border-color: rgba(216, 155, 43, 0.58);
    color: var(--iic-navy);
}

.button.primary:not(.button--header-cta),
.button.gold-button:not(.button--header-cta) {
    background: var(--color-gold);
    border-color: rgba(216, 155, 43, 0.5);
    color: var(--iic-navy);
    box-shadow: 0 6px 18px rgba(216, 155, 43, 0.18);
}

.button.primary:not(.button--header-cta):hover,
.button.gold-button:not(.button--header-cta):hover {
    background: var(--color-gold-dark);
    box-shadow: 0 8px 22px rgba(216, 155, 43, 0.2);
}

.button--hero-navy {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--color-navy);
    color: var(--color-white);
    border: 1.5px solid var(--color-navy);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: none;
    padding: 0.72rem 1.35rem;
    border-radius: var(--radius-ui);
    box-shadow: 0 10px 28px rgba(10, 35, 72, 0.18);
    transition:
        background 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease;
}

.button--hero-navy:hover {
    background: var(--color-navy-light);
    border-color: var(--color-navy-light);
    color: var(--color-white);
    transform: translateY(-1px);
    box-shadow: 0 14px 34px rgba(10, 35, 72, 0.22);
}

.button--hero-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-white);
    color: var(--iic-navy);
    border: 2px solid var(--color-gold);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: none;
    padding: 0.72rem 1.35rem;
    border-radius: var(--radius-ui);
    box-shadow: 0 4px 16px rgba(10, 35, 72, 0.06);
    transition:
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

.button--hero-outline:hover {
    border-color: var(--color-gold-dark);
    box-shadow: 0 8px 22px rgba(216, 155, 43, 0.15);
    transform: translateY(-1px);
}

.button__arrow {
    display: inline-block;
    transition: transform 0.22s ease;
}

.button--hero-navy:hover .button__arrow {
    transform: translateX(3px);
}

.button.secondary {
    background: var(--color-white);
    color: var(--iic-navy);
    border: 1.5px solid var(--color-gold);
}

.button.secondary:hover {
    border-color: var(--color-gold-dark);
    background: rgba(216, 155, 43, 0.12);
    color: var(--iic-navy);
}

.button--outline-navy {
    background: var(--color-white);
    color: var(--iic-navy);
    border: 1.5px solid var(--iic-navy);
    box-shadow: none;
}

.button--outline-navy:hover {
    border-color: var(--color-gold);
    color: var(--iic-navy);
}

/* --- Page heroes: all layout, alignment, typography, and styling now unified in style.css --- */

@keyframes iicHeroFadeUp {
    from {
        opacity: 0;
        transform: translate3d(0, var(--iic-reveal-translate), 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Inner page heroes: fade-up on model hero only. Page heroes: no opacity animation (prevents H1 ghosting / stuck invisible). */
.model-hero-copy > * {
    animation-name: iicHeroFadeUp;
    animation-duration: var(--iic-motion-reveal);
    animation-timing-function: var(--iic-motion-ease-out);
    animation-fill-mode: forwards;
}

.model-hero-copy > *:nth-child(1) {
    animation-delay: 0ms;
}

.model-hero-copy > *:nth-child(2) {
    animation-delay: 90ms !important;
}

.model-hero-copy > *:nth-child(3) {
    animation-delay: 180ms !important;
}

.model-hero-copy > *:nth-child(4) {
    animation-delay: 270ms !important;
}

.page-hero .page-hero-copy > * {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

.page-hero .page-hero-copy.reveal,
.page-hero .page-hero-copy.reveal-up {
    opacity: 1 !important;
    transform: none !important;
}

/* --- Story reel & split sections --- */

.story-reel {
    background: var(--iic-bg-2);
    border: 0;
    gap: clamp(14px, 2vw, 22px);
    padding-block: var(--section-y);
    padding-inline: var(--page-gutter);
    min-height: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.reel-panel {
    position: relative;
    border-radius: 16px;
    border: 1px solid rgba(10, 35, 72, 0.1);
    background: var(--color-white);
    box-shadow: var(--iic-card-shadow);
    padding: clamp(22px, 3vw, 32px);
}

.reel-panel span {
    color: var(--iic-gold);
}

.reel-panel h2 {
    color: var(--iic-navy);
    text-transform: none;
    letter-spacing: 0.02em;
}

.reel-panel p {
    color: var(--iic-muted);
}

.about-section,
.industries,
.industry-detail-section {
    background: var(--iic-bg-2);
}

.cinematic-strip {
    background: var(--color-white);
    color: var(--iic-muted);
    border-color: var(--iic-border);
}

.section-heading {
    text-align: start;
}

.section-heading h2 {
    color: var(--iic-navy);
    line-height: var(--line-normal);
    letter-spacing: 0.01em;
    font-size: var(--type-h3);
    font-weight: 700;
    text-wrap: balance;
}

.section-heading p {
    max-width: 70ch;
}

.split .section-copy h2,
.split .section-copy p {
    color: var(--iic-navy);
}

.split .section-copy p {
    color: var(--iic-muted);
}

.image-panel {
    border-color: var(--iic-border) !important;
    box-shadow: 0 20px 50px rgba(10, 35, 72, 0.08) !important;
}

/* --- Cards & grids used across hubs --- */

.kpi-deck article,
.model-stat-grid article,
.control-cards article,
.stats-grid article,
.download-card {
    background: #ffffff;
    border: 1.5px solid var(--iic-border);
    border-top: 1.5px solid var(--iic-border);
    box-shadow: var(--iic-card-shadow);
    color: var(--iic-navy);
}

.download-card h3 {
    color: rgba(216, 155, 43, 0.95);
}

.contact-form,
.map-preview,
.map-card {
    background: var(--color-white);
    border: 1px solid var(--iic-border);
    box-shadow: var(--iic-card-shadow);
    color: var(--iic-navy);
}

.kpi-deck span,
.model-stat-grid strong {
    color: var(--iic-muted);
}

.kpi-deck article,
.model-stat-grid article {
    animation: none;
}

.service-card {
    border-color: var(--iic-border);
}

.industry-detail-card {
    background: var(--color-white);
    border: 1px solid var(--iic-border);
}

.industry-detail-card p,
.detail-card p {
    color: var(--iic-muted) !important;
}

/* -------------------------------------------------------------------------
   Industries page — “Eight sectors” capability matrix (warm surface, navy/gold)
   Scoped to .industries-page only; does not alter other templates.
   ------------------------------------------------------------------------- */
.industries-page .iic-sector-matrix {
    position: relative;
    padding-block: var(--section-y);
    background:
        radial-gradient(ellipse 95% 55% at 50% -8%, rgba(10, 35, 72, 0.045), transparent 52%),
        linear-gradient(180deg, #f7f5f1 0%, #f2f3f5 100%);
    border-top: 1px solid rgba(13, 43, 92, 0.06);
    border-bottom: 1px solid rgba(13, 43, 92, 0.06);
}

.industries-page .iic-sector-matrix::before {
    display: none;
}

.industries-page .iic-sector-matrix__inner {
    width: 100%;
    max-width: 1280px;
    margin-inline: auto;
}

.industries-page .iic-sector-matrix .iic-sector-matrix__head {
    max-width: 100%;
    margin-bottom: clamp(20px, 2.8vw, 32px);
}

.industries-page .iic-sector-matrix .iic-sector-matrix__head .eyebrow--gold {
    color: var(--iic-gold-primary) !important;
    font-weight: 700 !important;
    font-size: var(--type-small) !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
}

.industries-page .iic-sector-matrix .iic-sector-matrix__head h2 {
    color: var(--iic-navy) !important;
    font-weight: 700 !important;
    font-size: var(--type-h2) !important;
    line-height: var(--line-tight) !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
    margin-bottom: 12px !important;
    max-width: min(100%, 22em);
    text-wrap: balance;
}

.industries-page .iic-sector-matrix .iic-sector-matrix__head p {
    max-width: 70ch;
    margin: 0;
    color: rgba(63, 81, 104, 0.92) !important;
    font-size: var(--type-body-lg) !important;
    line-height: var(--line-relaxed) !important;
}

.industries-page .iic-sector-matrix .iic-sector-matrix__grid {
    display: grid;
    align-items: stretch;
    gap: clamp(18px, 2vw, 24px);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.industries-page .iic-sector-matrix .industry-detail-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 0;
    padding: 0;
    border-radius: var(--radius-ui);
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(13, 43, 92, 0.08);
    border-top: 1px solid rgba(13, 43, 92, 0.08);
    box-shadow:
        0 10px 30px rgba(13, 43, 92, 0.05),
        0 2px 10px rgba(13, 43, 92, 0.04);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    overflow: visible;
    transition:
        box-shadow 0.35s var(--iic-motion-ease-out, cubic-bezier(0.22, 1, 0.36, 1)),
        border-color 0.4s ease;
}

.industries-page .iic-sector-matrix__media {
    width: 100%;
    aspect-ratio: 4 / 3;
    margin: 0;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background: rgba(10, 35, 72, 0.08);
}

.industries-page .iic-sector-matrix__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform var(--iic-cinema-slow, 1200ms) var(--iic-cinema-ease, cubic-bezier(0.16, 1, 0.3, 1));
}

.industries-page .iic-sector-matrix .industry-detail-card::after {
    display: none;
}

.industries-page .iic-sector-matrix .industry-detail-card .iic-sector-matrix__card-title {
    display: block;
    width: 100%;
    margin: 0 0 clamp(8px, 1vw, 10px);
    padding: clamp(12px, 2vw, 16px) clamp(14px, 2.2vw, 18px) 0;
    border-bottom: none;
    color: #10294d;
    font-family: var(--iic-font-display);
    font-size: clamp(1.2rem, 1.8vw, 1.45rem);
    font-weight: 800;
    letter-spacing: -0.01em;
    text-transform: none;
    line-height: 1.25;
}

.industries-page .iic-sector-matrix .industry-detail-card p {
    flex: 1 1 auto;
    margin: 0 !important;
    padding: 0 clamp(14px, 2.2vw, 18px) clamp(14px, 2.2vw, 18px);
    max-width: 100%;
    width: 100%;
    color: var(--iic-muted) !important;
    font-size: clamp(0.95rem, 1.8vw, 1rem) !important;
    line-height: 1.58 !important;
    letter-spacing: 0.01em !important;
    overflow-wrap: break-word;
}

@media (hover: hover) and (pointer: fine) {
    .industries-page .iic-sector-matrix .industry-detail-card:hover {
        border-color: rgba(13, 43, 92, 0.14) !important;
        box-shadow:
            0 16px 40px rgba(13, 43, 92, 0.08),
            0 4px 12px rgba(13, 43, 92, 0.05) !important;
    }

    .industries-page .iic-sector-matrix .industry-detail-card:hover .iic-sector-matrix__media img {
        transform: scale(1.03);
    }
}

@media (max-width: 1200px) {
    .industries-page .iic-sector-matrix .iic-sector-matrix__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .industries-page .iic-sector-matrix {
        padding-block: var(--section-y);
    }

    .industries-page .iic-sector-matrix .iic-sector-matrix__grid {
        grid-template-columns: 1fr !important;
        gap: clamp(14px, 3.5vw, 20px) !important;
    }

    .industries-page .iic-sector-matrix .iic-sector-matrix__head h2 {
        max-width: none;
        text-wrap: pretty;
    }

    .industries-page .iic-sector-matrix .industry-detail-card .iic-sector-matrix__card-title {
        padding: clamp(12px, 2vw, 14px) clamp(12px, 2vw, 14px) 0;
        font-size: clamp(0.95rem, 2vw, 1.05rem);
    }

    .industries-page .iic-sector-matrix .industry-detail-card p {
        padding: 0 clamp(12px, 2vw, 14px) clamp(12px, 2vw, 14px);
        font-size: clamp(0.9rem, 1.6vw, 0.95rem);
    }
}

.sector-story-section {
    background: var(--iic-bg) !important;
    border-color: var(--iic-border) !important;
}

/* Industries page — sector storytelling: solid surfaces, readable type, real photo treatment, no opacity reveals */
.industries-page .sector-story-section .section-heading h2 {
    color: var(--iic-navy) !important;
}

.industries-page .sector-story-section .section-heading p {
    color: #314866 !important;
    opacity: 1 !important;
}

.industries-page .sector-story-section .section-heading .eyebrow {
    color: var(--iic-gold-primary) !important;
}

/* Industries — compact enterprise editorial sector cards (scoped) */
.industries-page .sector-cinema-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(14px, 1.6vw, 18px) !important;
    align-items: stretch !important;
}

.industries-page .sector-story-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    align-items: stretch !important;
    align-content: start !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 45, 84, 0.12) !important;
    border-top: 1px solid rgba(15, 45, 84, 0.12) !important;
    box-shadow: 0 6px 20px rgba(15, 45, 84, 0.06) !important;
    opacity: 1 !important;
    transform: none !important;
}

.industries-page .sector-story-card:hover {
    border-color: rgba(15, 45, 84, 0.16) !important;
    box-shadow: 0 10px 28px rgba(15, 45, 84, 0.09) !important;
    transform: none !important;
}

.industries-page .sector-story-media {
    position: relative !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    max-height: clamp(168px, 21vw, 208px) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: none !important;
}

.industries-page .sector-story-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
}

.industries-page .sector-story-media::after {
    background: linear-gradient(180deg, transparent 55%, rgba(6, 17, 31, 0.12)) !important;
    opacity: 1 !important;
}

.industries-page .sector-story-card:hover .sector-story-media {
    transform: none !important;
    background-size: cover !important;
}

.industries-page .sector-story-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    flex: 1 1 auto !important;
    gap: 0 !important;
    padding: clamp(13px, 1.6vw, 16px) clamp(15px, 1.8vw, 18px) clamp(14px, 1.6vw, 16px) !important;
    opacity: 1 !important;
    min-height: 0 !important;
}

.industries-page .sector-story-copy__eyebrow {
    margin: 0 0 6px !important;
    font-family: Oswald, Inter, system-ui, sans-serif;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    color: #8a6210 !important;
    opacity: 1 !important;
}

.industries-page .sector-story-copy h3 {
    margin: 0 0 5px !important;
    font-size: clamp(1rem, 1.25vw, 1.12rem) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #10294d !important;
    opacity: 1 !important;
    letter-spacing: 0.01em !important;
}

.industries-page .sector-story-copy__lead {
    margin: 0 0 8px !important;
    font-size: clamp(0.8rem, 0.95vw, 0.86rem) !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    color: #8a6210 !important;
    opacity: 1 !important;
    max-width: 32ch !important;
}

.industries-page .sector-story-copy__body {
    margin: 0 !important;
    font-size: clamp(0.86rem, 1vw, 0.91rem) !important;
    line-height: 1.65 !important;
    color: #314866 !important;
    opacity: 1 !important;
    max-width: 34ch !important;
}

.industries-page .sector-story-copy__outcome {
    margin: auto 0 0 !important;
    padding-top: 8px !important;
    border-top: 1px solid rgba(15, 45, 84, 0.1) !important;
    font-size: clamp(0.8rem, 0.92vw, 0.85rem) !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
    color: #52637d !important;
    opacity: 1 !important;
    font-style: normal !important;
    max-width: 34ch !important;
}

.industries-page .sector-story-copy strong,
.industries-page .sector-story-copy em {
    color: #314866 !important;
    font-style: normal;
    opacity: 1 !important;
}

/* Transform-only scroll reveal for this section (no fade / semi-transparent parent) */
.industries-page .sector-story-section .reveal,
.industries-page .sector-story-section .reveal-up {
    opacity: 1 !important;
    transform: translate3d(0, var(--iic-reveal-translate), 0);
    transition: transform var(--iic-motion-reveal) var(--iic-motion-ease-out);
}

.industries-page .sector-story-section .reveal.is-visible,
.industries-page .sector-story-section .reveal-up.is-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0);
}

.industries-page .sector-story-section .stagger-group > * {
    opacity: 1 !important;
    animation: none;
}

.industries-page .sector-story-section .stagger-group.is-visible > * {
    animation: iicSectorStoryCardReveal var(--iic-motion-reveal) var(--iic-motion-ease-out) both;
    animation-delay: calc(var(--stagger-index, 0) * var(--iic-stagger-step));
}

@media (prefers-reduced-motion: reduce) {
    .industries-page .sector-story-section .stagger-group.is-visible > * {
        animation: none !important;
        transform: none !important;
    }

    .industries-page .sector-story-section .sector-story-card:hover .sector-story-media {
        transform: none !important;
    }
}

.marine-clients-section,
.marine-technical-services-section,
.training-audience-section {
    background: var(--iic-bg-2) !important;
    border-color: var(--iic-border) !important;
}

.marine-clients-item,
.training-audience-item {
    background: #fff !important;
    color: var(--iic-navy) !important;
    border-color: var(--iic-border) !important;
}

.training-outcomes-section {
    background: var(--iic-bg) !important;
}

.contact-form label {
    color: var(--iic-navy) !important;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
    background: #fff !important;
    color: var(--iic-navy) !important;
    border-color: var(--iic-border) !important;
}

.form-status {
    color: var(--iic-gold-2) !important;
}

/* =============================================================================
   Unified bottom CTA — identical band across Home, About, Services, hubs, etc.
   ============================================================================= */
.iic-final-cta {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: auto;
    padding-block: var(--section-y);
    padding-inline: var(--page-gutter);
    background: linear-gradient(135deg, #071c3c 0%, #0b2a52 100%);
    border-top: 1px solid rgba(214, 163, 54, 0.28);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    text-align: start;
    color: #fff;
}

.iic-final-cta__inner {
    width: 100%;
    max-width: min(900px, 100%);
    margin-inline: 0;
}

/* Final CTA must never start invisible (reveal class + JS timing caused blank bands). */
.iic-final-cta .iic-final-cta__inner.reveal,
.iic-final-cta .iic-final-cta__inner.reveal-up {
    opacity: 1;
    transform: none;
    transition: none;
}

.iic-final-cta__title {
    margin: 0 0 0.65rem 0;
    max-width: min(900px, 100%);
    font-family: var(--iic-font-body), "Poppins", Inter, system-ui, sans-serif;
    font-weight: 700;
    font-size: var(--type-h3);
    line-height: var(--line-normal);
    letter-spacing: -0.02em;
    text-transform: none;
    color: var(--iic-gold-primary);
    opacity: 1;
    mix-blend-mode: normal;
    text-shadow:
        0 1px 0 rgba(5, 16, 34, 0.25);
    text-align: start;
}

.iic-final-cta__text {
    margin: 0 0 1.1rem 0;
    max-width: 65ch;
    font-size: var(--type-body-lg);
    line-height: var(--line-relaxed);
    color: rgba(255, 255, 255, 0.89);
    text-align: start;
}

.iic-final-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 0.8rem;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
}

.iic-final-cta__actions .button {
    min-height: 48px;
    padding: 0.65rem 1.35rem;
    font-weight: 600;
    border-radius: var(--radius-ui);
    text-decoration: none;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.iic-final-cta__actions .button.primary,
.iic-final-cta__actions .button.gold-button {
    background: var(--iic-gold-primary) !important;
    border: 1px solid rgba(214, 163, 54, 0.55) !important;
    color: #071c3c !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}

.iic-final-cta__actions .button.primary:hover,
.iic-final-cta__actions .button.gold-button:hover {
    background: var(--iic-accent-hover) !important;
    border-color: rgba(214, 163, 54, 0.65) !important;
    color: #071c3c !important;
}

.iic-final-cta__actions .button.secondary {
    background: #fff !important;
    color: var(--iic-navy) !important;
    border: 1.5px solid rgba(214, 163, 54, 0.55) !important;
    box-shadow: none !important;
}

.iic-final-cta__actions .button.secondary:hover {
    background: #fff !important;
    color: var(--iic-navy) !important;
    border-color: var(--iic-gold-primary) !important;
}

.iic-final-cta__actions .button.secondary.button--outline-navy {
    background: #fff !important;
    color: var(--iic-navy) !important;
    border: 1.5px solid rgba(214, 163, 54, 0.55) !important;
}

/* Rich service CTA — optional image + trust indicators (Training, etc.) */
.iic-final-cta__shell {
    width: 100%;
    max-width: var(--iic-container-wide, 1280px);
    margin-inline: auto;
}

.iic-final-cta:not(.iic-final-cta--rich) .iic-final-cta__shell {
    max-width: min(900px, 100%);
}

.iic-final-cta--rich .iic-final-cta__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: center;
}

.iic-final-cta__eyebrow {
    margin: 0 0 0.55rem;
    color: var(--iic-gold-primary) !important;
}

.iic-final-cta__trust {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem 1rem;
    margin: 1.1rem 0 0;
    padding: 1rem 0 0;
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.iic-final-cta__trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.86rem;
    font-weight: 600;
}

.iic-final-cta__trust-icon {
    display: inline-flex;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    color: var(--iic-gold-primary);
}

.iic-final-cta__media {
    margin: 0;
    border-radius: var(--radius-ui);
    overflow: hidden;
    border: 1px solid rgba(216, 155, 43, 0.22);
    box-shadow: 0 16px 40px rgba(2, 8, 20, 0.28);
    line-height: 0;
}

.iic-final-cta__media img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.iic-final-cta--light {
    background: #fff;
    border-top-color: rgba(13, 43, 92, 0.08);
    border-bottom-color: rgba(13, 43, 92, 0.06);
    color: var(--iic-navy);
}

.iic-final-cta--light .iic-final-cta__title {
    color: var(--iic-navy);
    text-shadow: none;
}

.iic-final-cta--light .iic-final-cta__text {
    color: rgba(10, 35, 72, 0.78);
}

.iic-final-cta--light .iic-final-cta__trust {
    border-top-color: rgba(10, 35, 72, 0.1);
}

.iic-final-cta--light .iic-final-cta__trust-item {
    color: rgba(10, 35, 72, 0.82);
}

@media (max-width: 900px) {
    .iic-final-cta--rich .iic-final-cta__layout {
        grid-template-columns: 1fr;
    }

    .iic-final-cta--rich .iic-final-cta__media {
        order: -1;
    }
}

@media (max-width: 768px) {
    .iic-final-cta__trust {
        grid-template-columns: 1fr;
    }
}

/* CTA optimization for smaller screens */
@media (max-width: 768px) {
    /* Unified button stacking at tablet breakpoint */
    .iic-final-cta__actions,
    .hero-actions,
    .button-group,
    .actions,
    .cta-actions {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 0.75rem;
    }

    .iic-final-cta__actions .button,
    .hero-actions .button,
    .button-group .button,
    .actions .button,
    .cta-actions .button {
        width: 100%;
        max-width: 100%;
        min-height: 48px;
    }
}

/* =============================================================================
   DARK SECTION TEXT CONTRAST FIX (Phase 3a)
   Global override for all dark-background sections to ensure proper text visibility
   Applies white/gold text color to all dark sections across the site
   ============================================================================= */

/* Dark Section Heading Override — White Text on Dark Backgrounds */
.iic-final-cta h1,
.iic-final-cta h2,
.iic-final-cta h3,
.insights-bulletin-row h1,
.insights-bulletin-row h2,
.insights-bulletin-row h3,
.insights-bulletin-row strong,
.insights-bulletin-row h4,
.kpi-deck article h1,
.kpi-deck article h2,
.kpi-deck article h3,
.kpi-deck article h4,
.stats-grid article h1,
.stats-grid article h2,
.stats-grid article h3,
.stats-grid article h4,
.control-cards article h1,
.control-cards article h2,
.control-cards article h3,
.control-cards article h4,
.download-card h1,
.download-card h2,
.download-card h3,
.download-card h4 {
    color: #ffffff !important;
}

/* Light Section Heading Override — Navy Text on Light Backgrounds */
.home-operational h1,
.home-operational h2,
.home-operational h3,
.home-operational__head h1,
.home-operational__head h2,
.home-operational__head h3 {
    color: var(--iic-navy) !important;
}

/* Dark Section Body Text — Readable White/Opacity on Dark Backgrounds */
.iic-final-cta p,
.iic-final-cta__text,
.insights-bulletin-row p,
.kpi-deck article p,
.stats-grid article p,
.control-cards article p,
.download-card p {
    color: rgba(255, 255, 255, 0.86) !important;
}

/* Light Section Body Text — Muted Navy on Light Backgrounds */
.home-operational p {
    color: var(--iic-muted) !important;
}

/* Dark Section Eyebrow/Accent Labels — Gold on Dark Backgrounds */
.iic-final-cta .eyebrow,
.iic-final-cta__title,
.home-operational .eyebrow,
.home-operational__head .eyebrow,
.insights-bulletin-id,
.insights-bulletin-audience,
.kpi-deck article .eyebrow,
.kpi-deck article span,
.stats-grid article .eyebrow,
.stats-grid article span,
.control-cards article .eyebrow,
.control-cards article span,
.download-card .eyebrow,
.download-card span {
    color: var(--iic-gold-primary) !important;
}

/* Dark Section Small Text — Opacity Adjustment for Readability */
.iic-final-cta small,
.iic-final-cta .caption,
.insights-bulletin-row small,
.insights-bulletin-row .caption,
.download-card small,
.download-card .caption {
    color: rgba(255, 255, 255, 0.78) !important;
}

/* Light Section Small Text — Muted Navy on Light Backgrounds */
.home-operational small,
.home-operational .caption,
.kpi-deck article small,
.kpi-deck article .caption,
.stats-grid article small,
.stats-grid article .caption,
.control-cards article small,
.control-cards article .caption {
    color: var(--iic-muted) !important;
}

/* Dark Section Links — Gold with White Hover */
.iic-final-cta a,
.insights-bulletin-row a,
.download-card a {
    color: var(--iic-gold-primary) !important;
}

.iic-final-cta a:hover,
.insights-bulletin-row a:hover,
.download-card a:hover {
    color: #ffffff !important;
}

/* Light Section Links — Navy with Gold Hover */
.home-operational a,
.kpi-deck article a,
.stats-grid article a,
.control-cards article a {
    color: var(--iic-navy) !important;
}

.home-operational a:hover,
.kpi-deck article a:hover,
.stats-grid article a:hover,
.control-cards article a:hover {
    color: var(--iic-gold-primary) !important;
}

/* Dark Card Heading Override — Specific Card Type Fixes */
.model-stat-grid article h1,
.model-stat-grid article h2,
.model-stat-grid article h3,
.model-stat-grid article h4 {
    color: #ffffff !important;
}

.model-stat-grid article p {
    color: rgba(255, 255, 255, 0.86) !important;
}

.model-stat-grid strong {
    color: var(--iic-muted) !important;
}

/* Ensure Dark Section Text is Never Navy */
.iic-final-cta,
.insights-bulletin-row,
.kpi-deck article,
.stats-grid article,
.control-cards article,
.download-card,
.model-stat-grid article {
    color: rgba(255, 255, 255, 0.86) !important;
}

/* =============================================================================
   PHASE 3B: RESPONSIVE STABILIZATION
   Consolidated responsive behavior across all 9 breakpoints (360–1920px)
   Ensures stable layout, proper text scaling, and no horizontal overflow
   ============================================================================= */

/* ─────────────────────────────────────────────────────────────────────────── */
/* BREAKPOINT: 768px (Tablet / mobile — prevent horizontal scroll) */
/* ─────────────────────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    html,
    body {
        overflow-x: clip;
        max-width: 100%;
    }
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* BREAKPOINT: 360px (Extra small phones — iPhone SE, older devices) */
/* ─────────────────────────────────────────────────────────────────────────── */

@media (max-width: 360px) {
    /* Extreme small viewport: ensure no horizontal overflow */
    body {
        overflow-x: hidden;
    }

    /* Logo safety: prevent overflow in tight header */
    .brand--full-logo {
        max-width: min(45vw, 140px);
    }

    /* Typography: tight leading on extreme small */
    h1 {
        font-size: clamp(1.4rem, 3.5vw, 2rem);
        line-height: var(--line-tight);
    }

    h2 {
        font-size: clamp(1.2rem, 3vw, 1.75rem);
        line-height: var(--line-normal);
    }

    /* Spacing: reduce padding on extreme small */
    .section-heading {
        margin-bottom: clamp(0.75rem, 2vw, 1rem);
    }

    /* Cards: single column, full width with proper gutters */
    .card,
    .methodology-item,
    .service-trust-card,
    .pathway-stage {
        width: calc(100% - var(--space-lg));
        margin: 0 calc(var(--space-lg) / 2) var(--space-md);
    }
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* BREAKPOINT: 430px (Large phones — iPhone 14 Max, Galaxy S24) */
/* ─────────────────────────────────────────────────────────────────────────── */

@media (max-width: 430px) and (min-width: 361px) {
    /* Logo: slightly more breathing room */
    .brand--full-logo {
        max-width: min(48vw, 160px);
    }

    /* Header contact block: ensure no wrap at small size */
    .header-contact-block {
        font-size: var(--type-caption);
    }
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* BREAKPOINT: 640px (Large mobile / small tablet) */
/* ─────────────────────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    /* Section padding: mobile rhythm */
    section {
        padding-block: clamp(1.25rem, 3vw, 1.75rem);
    }

    /* Hero sections: mobile scaling */
    .page-hero {
        min-height: var(--page-hero-min-height-mobile);
        padding-top: var(--page-hero-padding-top-mobile);
        padding-bottom: var(--page-hero-padding-bottom-mobile);
    }

    /* Grid: mobile single column */
    .methodology-chain,
    .verification-pathway,
    .service-trust-grid {
        grid-template-columns: 1fr;
        gap: var(--space-md);
    }

    /* CTA text: readable size on mobile */
    .iic-final-cta__text {
        font-size: var(--type-body);
    }
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* BREAKPOINT: 768px (Tablet portrait / iPad Mini — unified stacking point) */
/* ─────────────────────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    /* Already handled: unified button stacking at 768px (see lines 1373+) */

    /* Tablet grid transitions */
    .service-detail-page .service-trust-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* BREAKPOINT: 900px (Tablet landscape / early desktop threshold) */
/* ─────────────────────────────────────────────────────────────────────────── */

@media (max-width: 900px) {
    /* Section heading: maintain readability at tablet */
    .section-heading h2 {
        max-width: min(85%, 100%);
    }

    /* Hero heading: scale appropriately */
    .page-hero-copy h1 {
        font-size: clamp(1.75rem, 4.5vw, 2.5rem);
    }
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* BREAKPOINT: 1024px (Tablet landscape / iPad Pro) */
/* ─────────────────────────────────────────────────────────────────────────── */

@media (min-width: 1024px) and (max-width: 1199px) {
    /* Maintain desktop-like experience on large tablets */
    main {
        max-width: min(1100px, 95vw);
        margin: 0 auto;
    }
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* BREAKPOINT: 1200px (Small desktop) */
/* ─────────────────────────────────────────────────────────────────────────── */

@media (min-width: 1200px) {
    /* Desktop content width optimization */
    main {
        max-width: 1340px;
        margin: 0 auto;
    }

    /* Hero sections: full desktop experience */
    .page-hero {
        min-height: var(--page-hero-min-height);
        padding-top: var(--page-hero-padding-top);
        padding-bottom: var(--page-hero-padding-bottom);
    }
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* BREAKPOINT: 1366px (Standard desktop) */
/* ─────────────────────────────────────────────────────────────────────────── */

@media (min-width: 1366px) {
    /* Standard desktop: optimal content width */
    .section-heading,
    .page-hero-copy,
    main > section > * {
        max-width: min(900px, 100%);
    }
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* BREAKPOINT: 1440px (Modern desktop) */
/* ─────────────────────────────────────────────────────────────────────────── */

@media (min-width: 1440px) {
    /* Slightly wider content on larger screens */
    .section-heading {
        max-width: min(950px, 100%);
    }

    /* Hero text: can be slightly larger */
    .page-hero-copy h1 {
        font-size: clamp(2rem, 2.5vw, 3rem);
    }
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* BREAKPOINT: 1920px (Large display / 4K) */
/* ─────────────────────────────────────────────────────────────────────────── */

@media (min-width: 1920px) {
    /* Large screens: subtle scaling */
    body {
        font-size: 1.02rem;
    }

    h1 {
        font-size: clamp(2.25rem, 2.8vw, 3.25rem);
    }

    .section-heading h2 {
        font-size: clamp(1.75rem, 2vw, 2.25rem);
    }
}

/* =============================================================================
   PHASE 3C: COMPONENT NORMALIZATION
   Unified card, button, spacing, and typography system across entire site
   Ensures enterprise-grade consistency without reintroducing fragmentation
   ============================================================================= */

/* ─────────────────────────────────────────────────────────────────────────── */
/* UNIFIED CARD SYSTEM */
/* ─────────────────────────────────────────────────────────────────────────── */

/* Base card styling — applied globally to all card types */
.service-related-card,
.service-trust-card,
.methodology-item,
.pathway-stage,
.about-enterprise__card,
.about-enterprise__sector,
.about-enterprise__why,
.insights-card,
.insights-resource-card,
.industry-detail-card,
.detail-card,
.readiness-stage,
.maintenance-discipline,
.service-category-card,
.marine-service-card,
.marine-technical-card,
.pillar-card,
.printing-category-card,
.workflow-step,
.benefit-card,
.material-item,
.sector-story-card,
.training-audience-item,
.training-outcome-item,
.downloads-card,
.reel-panel,
.home-core-card,
.services-hub-service-card,
.services-hub-advantage-card,
.certification-pathway,
.fm-layer,
.download-card,
.progression-stage,
.careers-page .pathway {
    background: #ffffff !important;
    border: 1.5px solid var(--iic-border) !important;
    border-radius: var(--radius-ui) !important;
    box-shadow: var(--iic-card-shadow) !important;
    padding: clamp(1rem, 2vw, 1.3rem) !important;
    transition:
        transform 0.3s var(--iic-motion-ease-out),
        box-shadow 0.3s var(--iic-motion-ease-out),
        border-color 0.3s var(--iic-motion-ease-out) !important;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

/* Card hover state — unified subtle lift */
@media (hover: hover) and (pointer: fine) {
    .service-related-card:hover,
    .service-trust-card:hover,
    .methodology-item:hover,
    .pathway-stage:hover,
    .about-enterprise__card:hover,
    .insights-card:hover,
    .insights-resource-card:hover,
    .industry-detail-card:hover,
    .detail-card:hover,
    .readiness-stage:hover,
    .maintenance-discipline:hover,
    .service-category-card:hover,
    .marine-service-card:hover,
    .marine-technical-card:hover,
    .pillar-card:hover,
    .printing-category-card:hover,
    .workflow-step:hover,
    .benefit-card:hover,
    .material-item:hover,
    .sector-story-card:hover,
    .training-audience-item:hover,
    .training-outcome-item:hover,
    .downloads-card:hover,
    .reel-panel:hover,
    .home-core-card:hover,
    .services-hub-service-card:hover,
    .services-hub-advantage-card:hover,
    .certification-pathway:hover,
    .fm-layer:hover,
    .download-card:hover,
    .progression-stage:hover,
    .careers-page .pathway:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
        border-color: rgba(216, 155, 43, 0.35) !important;
        background-color: #fafbfc !important;
    }
}

/* Card content distribution — ensure body expands, footer stays at bottom */
.service-related-card p,
.service-trust-card p,
.methodology-item p,
.pathway-stage p,
.detail-card p,
.insights-card p,
.insights-resource-card p,
.industry-detail-card p,
.downloads-card p {
    flex: 1 1 auto;
    min-height: 0;
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* UNIFIED BUTTON SYSTEM */
/* ─────────────────────────────────────────────────────────────────────────── */

/* Primary button — gold background, dark navy text */
.button.primary,
.button.gold-button,
.button--primary {
    background: var(--iic-gold-primary) !important;
    color: #071c3c !important;
    border: 1px solid rgba(216, 155, 43, 0.55) !important;
    font-weight: 600 !important;
    font-size: var(--type-body) !important;
    padding: 0.65rem 1.35rem !important;
    border-radius: var(--radius-ui) !important;
    transition: all 0.3s var(--iic-motion-ease-out) !important;
}

@media (hover: hover) and (pointer: fine) {
    .button.primary:hover,
    .button.gold-button:hover,
    .button--primary:hover {
        background: var(--iic-gold-secondary) !important;
        border-color: rgba(196, 138, 36, 0.65) !important;
        box-shadow: 0 4px 12px rgba(216, 155, 43, 0.15) !important;
    }
}

/* Secondary button — white/outline style */
.button.secondary,
.button--secondary,
.button--outline-navy {
    background: #ffffff !important;
    color: var(--iic-navy) !important;
    border: 1.5px solid rgba(216, 155, 43, 0.55) !important;
    font-weight: 600 !important;
    font-size: var(--type-body) !important;
    padding: 0.65rem 1.35rem !important;
    border-radius: var(--radius-ui) !important;
    transition: all 0.3s var(--iic-motion-ease-out) !important;
}

@media (hover: hover) and (pointer: fine) {
    .button.secondary:hover,
    .button--secondary:hover,
    .button--outline-navy:hover {
        border-color: var(--iic-gold-primary) !important;
        box-shadow: 0 4px 12px rgba(216, 155, 43, 0.1) !important;
    }
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* UNIFIED SPACING SYSTEM */
/* ─────────────────────────────────────────────────────────────────────────── */

/* Section vertical rhythm — consistent padding top/bottom */
main > section:not(.iic-final-cta):not(.page-hero) {
    padding-block: var(--iic-section-pad-y);
}

main.service-doc > section {
    padding-block: var(--iic-section-pad-y-doc);
}

.services-hub-page main.services-hub > section {
    padding-block: var(--iic-section-pad-y-hub);
}

/* Consistent gap between sections */
main > section + section:not(.iic-final-cta) {
    margin-top: 0;
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* UNIFIED TYPOGRAPHY HIERARCHY */
/* ─────────────────────────────────────────────────────────────────────────── */

/* Ensure all headings respect design system scales */
h1 {
    font-size: var(--type-h1);
    line-height: var(--line-tight);
    font-weight: 700;
}

h2 {
    font-size: var(--type-h2);
    line-height: var(--line-normal);
    font-weight: 700;
}

h3 {
    font-size: var(--type-h3);
    line-height: var(--line-normal);
    font-weight: 700;
}

h4 {
    font-size: var(--type-h4);
    line-height: var(--line-normal);
    font-weight: 600;
}

/* Body text: consistent sizing and line height */
p {
    font-size: var(--type-body);
    line-height: var(--line-relaxed);
}

/* Small text: proper scaling */
small,
.caption,
.text-small {
    font-size: var(--type-small);
    line-height: var(--line-normal);
}

/* ─────────────────────────────────────────────────────────────────────────── */
/* REMOVED ANTI-PATTERNS */
/* ─────────────────────────────────────────────────────────────────────────── */

/* Remove excessive shadows */
.card {
    box-shadow: var(--iic-card-shadow) !important;
}

/* Remove glowing effects */
.card,
.service-card {
    text-shadow: none !important;
}

/* Remove oversized lifts on hover */
.card:hover {
    transform: translateY(-2px) !important;
}

/* --- Footer --- */

.site-footer.site-footer--premium {
    display: block !important;
    padding: 0 !important;
    padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
}

.site-footer {
    position: relative;
    overflow: hidden;
    background-color: var(--iic-footer) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 420' preserveAspectRatio='xMidYMid slice'%3E%3Cpath fill='none' stroke='%23F2A51A' stroke-opacity='0.09' stroke-width='0.8' d='M60 320c80-40 160-20 240 0s200 40 320 20 200-60 280-40'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-opacity='0.04' stroke-width='0.6' d='M40 80c120 40 220-20 340 10s240 80 360 40 140-50 220-30'/%3E%3Ccircle cx='720' cy='100' r='2.2' fill='%23F2A51A' fill-opacity='0.14'/%3E%3Ccircle cx='520' cy='180' r='1.8' fill='%23F2A51A' fill-opacity='0.12'/%3E%3Ccircle cx='180' cy='240' r='1.6' fill='%23F2A51A' fill-opacity='0.1'/%3E%3Ccircle cx='380' cy='300' r='1.4' fill='%23F2A51A' fill-opacity='0.1'/%3E%3C/svg%3E"),
        radial-gradient(ellipse 120% 90% at 85% 20%, rgba(216, 155, 43, 0.07), transparent 52%),
        radial-gradient(ellipse 100% 70% at 10% 80%, rgba(0, 60, 151, 0.12), transparent 55%),
        linear-gradient(180deg, #071c3c 0%, #050f1f 100%) !important;
    background-size: 120% auto, auto, auto, auto !important;
    background-position: right -10% top 0, center, center, center !important;
    border-top: 1px solid rgba(216, 155, 43, 0.22) !important;
}

.site-footer--premium .site-footer__main {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(14px, 2vw, 24px);
    max-width: var(--site-max-wide);
    margin: 0 auto;
    padding: clamp(22px, 2.8vw, 36px) var(--page-gutter) clamp(18px, 2.2vw, 26px);
}

.site-footer--premium .footer-col {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.32rem;
}

.site-footer--premium .footer-col__heading {
    margin: 0 0 0.5rem;
    padding: 0;
    font-family: var(--iic-font-display);
    font-size: var(--type-small);
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--iic-gold-primary) !important;
}

.site-footer--premium .footer-brand__signature {
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
    margin: 0;
    max-width: 34ch;
}

.site-footer--premium .footer-brand__promise {
    margin: 0;
    font-family: var(--iic-font-display);
    font-size: clamp(0.92rem, 1.2vw, 1.05rem);
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--iic-gold-primary) !important;
}

.site-footer--premium .footer-brand__scope {
    margin: 0;
    font-family: var(--iic-font-display);
    font-size: clamp(0.78rem, 1vw, 0.88rem);
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1.4;
    color: #f4f7fc !important;
}

.site-footer--premium .footer-brand__disciplines {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    margin: 0.08rem 0 0;
    font-size: var(--type-caption);
    font-weight: 600;
    letter-spacing: 0.045em;
    line-height: 1.5;
    color: rgba(216, 180, 120, 0.92) !important;
}

html[dir="rtl"] .site-footer--premium .footer-brand__promise {
    text-transform: none;
    letter-spacing: 0.02em;
    font-family: var(--iic-font-body);
}

.site-footer--premium .footer-mini-heading {
    display: none;
}

.site-footer--premium .footer-col--services a {
    font-size: var(--type-caption);
    line-height: var(--line-normal);
}

.site-footer--premium .footer-col--quick a,
.site-footer--premium .footer-col--services a {
    padding: 0.1rem 0;
}

.site-footer--premium .footer-contact-line {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 0.45rem;
    color: #d2dce9;
    font-size: var(--type-caption);
    line-height: var(--line-relaxed);
}

.site-footer--premium .footer-contact-line a {
    color: #fff !important;
}

.site-footer--premium .footer-contact-line__text {
    min-width: 0;
}

.site-footer--premium .footer-contact-line__label {
    display: inline;
    margin-inline-end: 0.25em;
    color: rgba(255, 255, 255, 0.92);
}

.site-footer--premium .footer-contact-line__address {
    display: inline;
}

.site-footer--premium .footer-contact-line__icon {
    flex-shrink: 0;
    color: var(--iic-gold-primary);
    margin-top: 2px;
}

.site-footer--premium .footer-contact-cta {
    display: inline-flex;
    margin-top: 0.35rem;
    padding: 0.5rem 0.95rem;
    border-radius: 8px;
    font-size: var(--type-small);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: rgba(216, 155, 43, 0.15) !important;
    border: 1px solid rgba(216, 155, 43, 0.45) !important;
    color: #fff !important;
}

.site-footer--premium .footer-contact-cta:hover {
    background: rgba(216, 155, 43, 0.28) !important;
    color: #fff !important;
}

.site-footer__bottom {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
    max-width: var(--site-max-wide);
    margin: 0 auto;
    padding: 12px var(--page-gutter) 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.site-footer__legal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    font-size: var(--type-small);
    margin-inline-start: auto;
}

.site-footer__legal a {
    color: #cdd8e8 !important;
    text-decoration: none;
    letter-spacing: 0.04em;
}

.site-footer__legal a:hover {
    color: var(--iic-gold-primary) !important;
}

.site-footer__legal-sep {
    color: rgba(255, 255, 255, 0.48);
}

.site-footer strong {
    color: #fff !important;
}

.site-footer a:not(.social-link) {
    color: #d2dce9 !important;
}

.site-footer a:not(.social-link):hover {
    color: var(--iic-gold-primary) !important;
}

.footer-brand__signature {
    color: #d6e0ef !important;
}

.brand-logo-wrap--footer {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.social-link {
    border-color: rgba(255, 255, 255, 0.32) !important;
    color: var(--iic-gold-primary) !important;
    background: rgba(7, 28, 60, 0.72) !important;
}

.social-link:hover {
    color: #fff !important;
    border-color: rgba(216, 155, 43, 0.55) !important;
    background: rgba(216, 155, 43, 0.12) !important;
}

.footer-badge {
    border-color: rgba(216, 155, 43, 0.32) !important;
    color: rgba(255, 255, 255, 0.86) !important;
}

.site-footer--premium .footer-badges {
    display: none;
}

.copyright {
    margin: 0;
    color: #a8b9ce !important;
    border-top: 0 !important;
    font-size: var(--type-small);
    letter-spacing: 0.02em;
}

.site-footer--premium .copyright {
    grid-column: unset !important;
    padding-top: 0 !important;
    flex: 1 1 auto;
    min-width: min(100%, 12rem);
}

@media (max-width: 1024px) {
    .site-footer--premium .site-footer__main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Footer brand — corporate signature block on navy */
.site-footer--premium .footer-brand .brand--with-logo {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    margin-bottom: 12px;
}

.site-footer--premium .footer-brand .brand-logo-wrap--footer,
.site-footer--premium .footer-brand .brand:hover .brand-logo-wrap--footer,
.site-footer--premium .footer-brand .brand-logo-wrap--footer.brand-logo-wrap--on-dark,
.site-footer--premium .footer-brand .brand:hover .brand-logo-wrap--footer.brand-logo-wrap--on-dark {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    width: auto;
    padding: 10px 14px !important;
    margin: 0;
    border: 1px solid rgba(216, 155, 43, 0.48) !important;
    border-radius: 8px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(216, 155, 43, 0.12)) !important;
    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.32),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset,
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.site-footer--premium .footer-brand .brand-logo.brand-logo--footer,
.site-footer--premium .footer-brand .brand-logo-wrap--footer .brand-logo {
    display: block;
    width: auto !important;
    height: clamp(65px, 6.8vw, 78px) !important;
    max-width: 100% !important;
    max-height: none !important;
    min-height: 0;
    filter: brightness(1.14) contrast(1.1) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4)) !important;
    -webkit-filter: brightness(1.14) contrast(1.1) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4)) !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    object-fit: contain !important;
    object-position: left center;
    transform: none !important;
    image-rendering: auto;
}

html[dir="rtl"] .site-footer--premium .footer-brand .brand-logo.brand-logo--footer,
html[dir="rtl"] .site-footer--premium .footer-brand .brand-logo-wrap--footer .brand-logo {
    object-position: right center;
}

@media (max-width: 768px) {
    .site-footer--premium .footer-brand .brand-logo.brand-logo--footer,
    .site-footer--premium .footer-brand .brand-logo-wrap--footer .brand-logo {
        height: clamp(58px, 13vw, 70px) !important;
        max-width: 100% !important;
    }

    .site-footer--premium .footer-brand .brand-logo-wrap--footer {
        padding: 8px 12px !important;
    }
}

.site-footer--premium .footer-social {
    margin-top: 0;
    gap: clamp(8px, 1.8vw, 12px);
}

.site-footer--premium .footer-brand__social {
    width: 100%;
    margin-top: clamp(12px, 2vw, 16px);
}

.site-footer--premium .footer-social__heading {
    margin: 0 0 0.55rem;
    padding: 0;
    font-family: var(--iic-font-display);
    font-size: var(--type-small);
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--iic-gold-primary) !important;
}

.site-footer--premium .footer-brand__social .footer-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: clamp(8px, 1.8vw, 12px);
}

.site-footer--premium .social-link {
    border-radius: 50%;
}

.site-footer--premium .social-link:hover {
    color: var(--iic-gold-primary) !important;
    border-color: rgba(216, 155, 43, 0.72) !important;
    background: rgba(216, 155, 43, 0.16) !important;
    box-shadow:
        0 0 0 1px rgba(216, 155, 43, 0.22),
        0 6px 16px rgba(0, 0, 0, 0.28);
    transform: translateY(-2px);
}

.site-footer--premium .social-link:focus-visible {
    outline: 2px solid rgba(216, 155, 43, 0.72);
    outline-offset: 3px;
}

.site-footer--premium .social-link--pending {
    opacity: 0.78;
}

.site-footer--premium .social-link--pending:hover {
    transform: translateY(-1px);
}

@media (max-width: 640px) {
    .site-footer--premium .footer-brand__social {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .site-footer--premium .footer-brand__social .footer-social {
        justify-content: center;
        max-width: 100%;
    }
}

html[dir="rtl"] .site-footer--premium .footer-brand__social .footer-social {
    justify-content: flex-start;
}

@media (max-width: 640px) {
    html[dir="rtl"] .site-footer--premium .footer-brand__social .footer-social {
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .site-footer--premium .site-footer__main {
        grid-template-columns: 1fr;
    }

    .site-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .site-footer__legal {
        margin-inline-start: 0;
        width: 100%;
        justify-content: flex-end;
    }

    html[dir="rtl"] .site-footer__legal {
        justify-content: flex-start;
    }
}

/* Neutralize legacy home footer height (was grid + huge padding) */
body.page-home .site-footer.site-footer--premium {
    display: block !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 0 !important;
}

body.page-home .site-footer.site-footer--premium .copyright {
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-top: 0 !important;
}

body.page-home .site-footer.site-footer--premium .footer-col {
    gap: 0.32rem !important;
}

body.page-home .site-footer.site-footer--premium a:not(.social-link) {
    font-size: var(--type-caption) !important;
    line-height: var(--line-normal) !important;
}

.floating-cta {
    background: var(--iic-gold-primary) !important;
    color: #071c3c !important;
    border-color: rgba(216, 155, 43, 0.55) !important;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    box-shadow: 0 12px 32px rgba(216, 155, 43, 0.35) !important;
}

/* --- Homepage hero: single cinematic full-width image, text overlay --- */

.home-landing .home-hero {
    --hero-bg-pattern: none;
    --hero-figure: var(--home-hero-image);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-bottom-color: var(--iic-border) !important;
    min-height: min(88vh, 820px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-top: calc(var(--sticky-offset) + clamp(24px, 4vh, 48px)) !important;
    padding-bottom: clamp(40px, 6vh, 72px) !important;
    padding-inline: var(--page-gutter) !important;
    background-color: #06162c !important;
}

.home-landing .home-hero::before,
.home-landing .home-hero::after {
    content: none !important;
    display: none !important;
}

.home-landing .home-hero__inner {
    position: relative;
    z-index: 3;
    max-width: var(--site-max-wide) !important;
    margin: 0 auto !important;
    width: 100%;
    transition: transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);
    transform: translate3d(0, var(--hero-float-y, 0px), 0);
}

.home-landing .home-hero__content {
    max-width: min(720px, 54%) !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-inline-start: clamp(18px, 2.4vw, 28px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border-inline-start: 3px solid rgba(216, 155, 43, 0.75) !important;
    text-align: start;
}

html[dir="rtl"] .home-landing .home-hero__content {
    margin-inline-start: auto !important;
    text-align: right;
    border-inline-start: 0 !important;
    border-inline-end: 3px solid rgba(216, 155, 43, 0.75) !important;
    padding-inline-start: 0 !important;
    padding-inline-end: clamp(18px, 2.4vw, 28px) !important;
}

.home-landing .home-hero__bg,
body.page-home .home-landing .home-hero__bg {
    position: absolute !important;
    z-index: 0;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform-origin: center center !important;
    filter: saturate(0.98) contrast(1.05) brightness(0.96) !important;
    background-color: #020c20 !important;
    background-image: var(--hero-figure, var(--home-hero-image)) !important;
    background-size: cover !important;
    background-position: 72% 35% !important;
    background-repeat: no-repeat !important;
    image-rendering: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (prefers-reduced-motion: no-preference) {
    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg {
        animation: iicHomeHeroSurface 46s ease-in-out infinite alternate !important;
    }
}

.home-landing .home-hero__veil,
body.page-home .home-landing .home-hero__veil {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    /* Left veil for copy only — do NOT re-darken the right (refinery stays visible) */
    background:
        linear-gradient(
            90deg,
            rgba(2, 12, 32, 0.86) 0%,
            rgba(2, 12, 32, 0.58) 24%,
            rgba(2, 12, 32, 0.26) 42%,
            rgba(2, 12, 32, 0.08) 58%,
            transparent 72%
        ),
        linear-gradient(180deg, rgba(2, 12, 32, 0.16) 0%, transparent 28%) !important;
}

.home-landing .home-hero__grain {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    opacity: 0.04 !important;
}

.home-landing .home-hero__eyebrow {
    margin: 0 0 0.75rem;
    font-size: var(--type-small);
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #d69e2e !important;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.35);
}

.home-landing .home-hero__title {
    font-family: var(--iic-font-display) !important;
    font-weight: 700 !important;
    font-size: var(--type-h1) !important;
    line-height: var(--line-tight) !important;
    letter-spacing: 0.01em !important;
    margin: 0 0 clamp(16px, 2.2vh, 22px) !important;
    color: rgba(255, 255, 255, 0.98) !important;
    text-shadow:
        0 0 40px rgba(214, 158, 46, 0.12),
        0 2px 24px rgba(0, 0, 0, 0.42);
}

.home-landing .home-hero__title-line--navy,
.home-landing .home-hero__title-line--blue {
    color: rgba(186, 214, 255, 0.98) !important;
    text-shadow:
        0 0 32px rgba(120, 170, 255, 0.14),
        0 2px 20px rgba(0, 0, 0, 0.38);
}

.home-landing .home-hero__title-line--gold {
    color: #d69e2e !important;
    text-shadow:
        0 0 36px rgba(214, 158, 46, 0.18),
        0 2px 22px rgba(0, 0, 0, 0.4);
}

.home-landing .home-hero__title-line {
    display: block;
}

.home-landing .home-hero__title-line + .home-hero__title-line {
    margin-top: 0.18em;
}

.home-landing .home-hero__lead {
    color: rgba(255, 255, 255, 0.92) !important;
    max-width: min(620px, 100%) !important;
    font-size: var(--type-body-sm) !important;
    line-height: 1.7 !important;
    margin: 0 0 clamp(22px, 3vh, 30px) !important;
    font-weight: 400;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.38);
}

.home-landing .home-hero__actions {
    gap: 12px 16px !important;
    flex-wrap: wrap;
}

@media (min-width: 1440px) {
    .home-landing .home-hero {
        min-height: min(86vh, 860px) !important;
    }

    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg {
        background-position: 58% center !important;
    }
}

@media (max-width: 1280px) {
    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg {
        background-position: 56% center !important;
    }
}

@media (max-width: 1200px) {
    .home-landing .home-hero {
        min-height: min(560px, 88vh) !important;
    }

    .home-landing .home-hero__content {
        max-width: min(640px, 58%) !important;
    }

    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg {
        background-position: 55% center !important;
    }
}

@media (max-width: 992px) {
    .home-landing .home-hero__content {
        max-width: min(580px, 72%) !important;
    }

    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg {
        background-position: 52% center !important;
    }
}

@media (max-width: 768px) {
    .home-landing .home-hero {
        align-items: flex-end !important;
        min-height: min(78vh, 580px) !important;
        padding-bottom: clamp(28px, 5.5vh, 52px) !important;
    }

    .home-landing .home-hero__content {
        max-width: min(36rem, 100%) !important;
    }

    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg {
        background-position: 78% 28% !important;
        background-size: cover !important;
    }

    .home-landing .home-hero__veil,
    body.page-home .home-landing .home-hero__veil {
        background:
            linear-gradient(
                90deg,
                rgba(2, 12, 32, 0.9) 0%,
                rgba(2, 12, 32, 0.62) 30%,
                rgba(2, 12, 32, 0.2) 52%,
                transparent 70%
            ),
            linear-gradient(180deg, rgba(2, 12, 32, 0.28) 0%, transparent 24%) !important;
    }
}

@media (max-width: 576px) {
    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg {
        background-position: 82% 26% !important;
    }
}

@media (max-width: 430px) {
    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg {
        background-position: 85% 24% !important;
    }

    .home-landing .home-hero__veil,
    body.page-home .home-landing .home-hero__veil {
        background:
            linear-gradient(
                90deg,
                rgba(2, 12, 32, 0.92) 0%,
                rgba(2, 12, 32, 0.7) 38%,
                rgba(2, 12, 32, 0.22) 58%,
                transparent 76%
            ),
            linear-gradient(0deg, rgba(2, 12, 32, 0.5) 0%, transparent 40%) !important;
    }
}

@media (max-width: 360px) {
    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg {
        background-position: 50% 36% !important;
    }

    .home-landing .home-hero__content {
        padding-inline-start: 14px !important;
    }

    html[dir="rtl"] .home-landing .home-hero__content {
        padding-inline-end: 14px !important;
    }
}

.home-landing .home-authority.home-authority--premium {
    background: var(--iic-bg-2) !important;
    border-bottom: 1px solid var(--iic-border) !important;
    padding: var(--section-y) var(--page-gutter) !important;
}

.home-landing .home-authority.home-authority--premium::after {
    background: linear-gradient(90deg, transparent, rgba(216, 155, 43, 0.14), transparent) !important;
    opacity: 1;
}

.home-landing .home-authority--premium .home-authority__inner {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 !important;
    max-width: var(--site-max-wide);
    margin: 0 auto;
    align-items: stretch;
}

.home-landing .home-authority--premium .home-authority__item {
    display: flex !important;
    align-items: flex-start !important;
    gap: clamp(14px, 2vw, 20px);
    padding: clamp(12px, 2vw, 22px) clamp(18px, 2.5vw, 28px);
    color: var(--iic-navy) !important;
    font-family: var(--iic-font-display) !important;
    border-inline-end: 1px solid rgba(215, 225, 238, 0.95);
    text-transform: none !important;
    font-size: inherit !important;
    font-weight: 400 !important;
}

.home-landing .home-authority--premium .home-authority__item:last-child {
    border-inline-end: 0;
}

html[dir="rtl"] .home-landing .home-authority--premium .home-authority__item {
    border-inline-end: 0;
    border-inline-start: 1px solid rgba(215, 225, 238, 0.95);
}

html[dir="rtl"] .home-landing .home-authority--premium .home-authority__item:first-child {
    border-inline-start: 0;
}

html[dir="rtl"] .home-landing .home-authority--premium .home-authority__item:last-child {
    border-inline-start: 0;
}

.home-landing .home-authority--premium .authority-icon {
    stroke: var(--iic-gold-primary) !important;
    opacity: 1;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
}

.home-authority__copy {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.home-authority__label {
    display: block;
    font-size: var(--type-small);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--iic-navy) !important;
}

.home-authority__desc {
    margin: 0;
    font-size: var(--type-caption);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
    letter-spacing: 0.02em;
    text-transform: none;
    font-weight: 400;
}

@media (max-width: 1024px) {
    .home-landing .home-authority--premium .home-authority__inner {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .home-landing .home-authority--premium .home-authority__item:nth-child(2) {
        border-inline-end: 0;
    }

    html[dir="rtl"] .home-landing .home-authority--premium .home-authority__item:nth-child(2) {
        border-inline-start: 0;
    }

    .home-landing .home-authority--premium .home-authority__item {
        border-bottom: 1px solid rgba(215, 225, 238, 0.9);
    }

    .home-landing .home-authority--premium .home-authority__item:nth-last-child(-n + 2) {
        border-bottom: 0;
    }
}

@media (max-width: 640px) {
    .home-landing .home-authority--premium .home-authority__inner {
        grid-template-columns: 1fr !important;
    }

    .home-landing .home-authority--premium .home-authority__item {
        border-inline-end: 0 !important;
        border-inline-start: 0 !important;
        border-bottom: 1px solid rgba(215, 225, 238, 0.9);
    }

    .home-landing .home-authority--premium .home-authority__item:last-child {
        border-bottom: 0;
    }
}

/* --- Homepage core services --- */

.home-core-services {
    padding-block: var(--section-y-lg);
    padding-inline: var(--page-gutter);
    background: var(--iic-bg);
}

.home-core-services__inner {
    max-width: var(--site-content);
    margin: 0 auto;
}

.home-core-services__head {
    text-align: start;
    max-width: min(900px, 100%);
    margin: 0 0 clamp(36px, 4.5vw, 56px);
}

.home-core-services__head h2 {
    font-family: var(--iic-font-display);
    font-size: var(--type-h2);
    line-height: var(--line-tight);
    margin: 0.35rem 0 0.75rem;
    font-weight: 700;
    color: var(--iic-navy);
}

.home-core-services__rule {
    display: block;
    width: 56px;
    height: 3px;
    margin: 0 0 1.1rem;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--iic-gold-primary), var(--iic-gold-secondary));
}

.home-core-services__intro {
    margin: 0;
    color: var(--iic-muted);
    font-size: var(--type-body-lg);
    line-height: var(--line-relaxed);
}

.home-core-services__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: clamp(22px, 2.8vw, 32px);
    align-items: stretch;
    grid-auto-rows: 1fr;
}

@media (min-width: 1200px) {
    .home-core-services__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.home-core-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--iic-border);
    box-shadow: var(--iic-card-shadow);
    overflow: visible;
    transition:
        transform 0.55s var(--iic-motion-ease-out),
        box-shadow 0.55s var(--iic-motion-ease-out),
        border-color 0.45s var(--iic-motion-ease-out);
}

.home-core-card__linkwrap {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    border-radius: 18px;
}

/* Fixed image + icon band: icon center locked to same Y across every card */
.home-core-card__top {
    --home-core-media-h: 168px;
    --home-core-icon: 44px;
    --home-core-icon-half: calc(var(--home-core-icon) / 2);
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    height: calc(var(--home-core-media-h) + var(--home-core-icon-half));
}

.home-core-card__media-wrap {
    position: relative;
    z-index: 0;
    height: var(--home-core-media-h);
    width: 100%;
    overflow: hidden;
    margin: 0;
}

.home-core-card__media {
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 0;
}

.home-core-card__icon-anchor {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(var(--home-core-media-h) - var(--home-core-icon-half));
    width: 100%;
    height: var(--home-core-icon);
    z-index: 2;
    pointer-events: none;
}

.home-core-card__icon-badge {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: var(--home-core-icon);
    height: var(--home-core-icon);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--iic-icon-surface);
    border: var(--iic-icon-border);
    box-shadow: var(--iic-icon-shadow);
    color: var(--iic-gold-primary);
    box-sizing: border-box;
}

.home-core-card__icon-svg {
    width: var(--iic-icon-glyph);
    height: var(--iic-icon-glyph);
    flex-shrink: 0;
    display: block;
    overflow: visible;
    color: var(--iic-gold-primary);
}

.home-core-card__icon-svg path,
.home-core-card__icon-svg circle,
.home-core-card__icon-svg polyline {
    stroke: currentColor;
    fill: none;
    stroke-width: var(--iic-icon-stroke);
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.home-core-card__icon-svg circle {
    stroke-linejoin: round;
}

.home-core-card__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: clamp(18px, 2.2vw, 24px);
    padding-top: clamp(22px, 2.5vw, 26px);
    gap: 7px;
}

.home-core-card__title {
    margin: 0;
    flex: 0 0 auto;
    font-size: var(--type-body-lg);
    font-weight: 700;
    color: var(--iic-navy);
    letter-spacing: 0.02em;
    font-family: var(--iic-font-display);
    line-height: var(--line-normal);
}

.home-core-card__text {
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    font-size: var(--type-body-sm);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
    max-width: 38ch;
}

.home-core-card__cta {
    margin-top: auto;
    flex-shrink: 0;
    font-size: var(--type-small);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--iic-gold-primary);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.home-core-card__cta-arrow {
    transition: transform 0.25s ease;
}

/* --- Mobile navigation (two-tier header) --- */

@media (max-width: 900px) {
    .header-inner.iic-header-shell {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto !important;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .header-row--top {
        grid-column: 1 / -1;
        grid-row: 1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        padding-bottom: 8px;
        border-bottom: 0;
    }

    .header-contact-block {
        display: none;
    }

    .header-top-meta {
        gap: 8px;
    }

    .button--header-cta {
        min-height: 38px;
        padding: 0 12px;
        font-size: var(--type-small);
    }

    .brand-logo.brand-logo--full {
        height: clamp(48px, 12vw, 56px) !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .iic-header-shell .nav-links--main-tier {
        grid-column: 1 / -1;
        grid-row: 2;
        position: fixed;
        top: calc(var(--sticky-offset) + 8px);
        right: max(12px, env(safe-area-inset-right, 0px));
        left: max(12px, env(safe-area-inset-left, 0px));
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
        padding: 18px 20px 22px !important;
        border: 1px solid rgba(215, 225, 238, 0.95) !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: blur(16px) saturate(1.1);
        -webkit-backdrop-filter: blur(16px) saturate(1.1);
        box-shadow: 0 28px 80px rgba(10, 35, 72, 0.18) !important;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-12px);
        pointer-events: none;
        transition:
            opacity 0.35s ease,
            transform 0.35s ease,
            visibility 0.35s ease;
        z-index: 30;
        max-height: min(72vh, 520px);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    .header-inner.iic-header-shell.is-nav-open .nav-links--main-tier {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }

    .nav-links--main-tier > a:not(.nav-cta),
    .nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent {
        padding: 12px 6px;
    }

    .home-landing .home-hero__title {
        font-size: var(--type-h1);
    }
}

@media (min-width: 900px) {
    .iic-header-shell .nav-links--main-tier {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        pointer-events: auto !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        max-height: none !important;
        overflow: visible !important;
        box-shadow: none !important;
        border: 0 !important;
        background: transparent !important;
    }
}

@media (max-width: 640px) {
    .home-core-services__grid {
        grid-template-columns: 1fr;
    }

    .home-core-card__top {
        --home-core-media-h: 160px;
        --home-core-icon: 44px;
    }

    .home-core-card__icon-svg {
        width: var(--iic-icon-glyph);
        height: var(--iic-icon-glyph);
    }

    .story-reel {
        grid-template-columns: 1fr !important;
    }
}

/* --- Model / service heroes --- */

.model-hero h1,
.model-hero-copy h1 {
    color: #fff !important;
    text-shadow: 0 2px 28px rgba(7, 28, 60, 0.45);
}

.model-hero-copy p {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* --- Insights hub - IIC Premium Industrial Visual System ---
   Colors:
   - Page background: #f7f5f1 (warm off-white)
   - Primary navy: #0d2b5c
   - Deep section navy: #07111d
   - Gold accent: #d6a336
   - Text gray: #46556b
   - Light card: #ffffff
   - Gold border: rgba(214,163,54,0.22)
*/

/* Featured Intelligence - Premium white card */
.insights-enterprise .insights-featured {
    background: #ffffff !important;
    border: 1px solid rgba(10, 35, 72, 0.12) !important;
    box-shadow: 0 16px 48px rgba(7, 17, 29, 0.1) !important;
}

.insights-enterprise .insights-featured-body h3 {
    color: #0d2b5c !important;
    text-transform: none !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
}

.insights-enterprise .insights-featured-meta {
    color: rgba(214, 163, 54, 0.9) !important;
}

.insights-enterprise .insights-featured-eyebrow {
    color: #d6a336 !important;
}

.insights-enterprise .insights-featured-body > p:not(.insights-featured-meta) {
    color: #46556b !important;
}

.insights-enterprise .insights-featured-body .outline-link {
    color: #0d2b5c !important;
    border-color: rgba(214, 163, 54, 0.4) !important;
}

.insights-enterprise .insights-featured-body .outline-link:hover {
    color: #d6a336 !important;
    border-color: rgba(214, 163, 54, 0.7) !important;
}

.insights-enterprise .insights-featured-media {
    border-right: 1px solid rgba(10, 35, 72, 0.08) !important;
}

/* Resource Cards - Premium Procurement Library */
.insights-enterprise .insights-resource-card {
    background: #ffffff !important;
    border: 1px solid rgba(10, 35, 72, 0.1) !important;
    box-shadow:
        0 2px 8px rgba(7, 17, 29, 0.04),
        0 8px 24px rgba(7, 17, 29, 0.06) !important;
}

.insights-enterprise .insights-resource-card:hover {
    border-color: rgba(214, 163, 54, 0.5) !important;
    box-shadow:
        0 4px 16px rgba(214, 163, 54, 0.08),
        0 20px 48px rgba(7, 17, 29, 0.12) !important;
    transform: translateY(-6px) !important;
}

.insights-enterprise .insights-resource-card h4 {
    color: #0d2b5c !important;
    font-weight: 600 !important;
    text-transform: none !important;
    font-size: var(--type-body-lg) !important;
}

.insights-enterprise .insights-resource-card p {
    color: #46556b !important;
    font-size: var(--type-caption) !important;
}

.insights-enterprise .insights-resource-card .button {
    background: #ffffff !important;
    color: #0d2b5c !important;
    border: 1.5px solid rgba(10, 35, 72, 0.15) !important;
    font-weight: 600 !important;
    font-size: var(--type-caption) !important;
}

.insights-enterprise .insights-resource-card .button:hover {
    background: #0d2b5c !important;
    color: #ffffff !important;
    border-color: #0d2b5c !important;
    box-shadow: 0 4px 12px rgba(13, 43, 92, 0.2) !important;
}

.insights-enterprise .insights-resource-tag {
    border-color: rgba(214, 163, 54, 0.3) !important;
    font-size: var(--type-small) !important;
    letter-spacing: 0.14em !important;
    font-weight: 600 !important;
}

.insights-enterprise .insights-resource-icon {
    background: rgba(214, 163, 54, 0.06) !important;
    border-radius: 8px !important;
}

/* Intelligence Stream Cards - Light clean style */
.insights-enterprise .insights-card {
    background: #ffffff !important;
    border: 1px solid rgba(10, 35, 72, 0.1) !important;
    box-shadow: var(--iic-card-shadow) !important;
}

.insights-enterprise .insights-card:hover {
    border-color: rgba(214, 163, 54, 0.38) !important;
    box-shadow: var(--iic-card-shadow-lift) !important;
}

.insights-enterprise .insights-card-body h3 {
    color: #0d2b5c !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

.insights-enterprise .insights-card-body p {
    color: #46556b !important;
}

.insights-enterprise .insights-card-cat {
    color: #d6a336 !important;
    background: rgba(214, 163, 54, 0.1) !important;
    border: 1px solid rgba(214, 163, 54, 0.2) !important;
}

/* Bulletin Cards - Light clean style */
.insights-enterprise .insights-bulletin-card {
    background: #ffffff !important;
    border: 1px solid rgba(10, 35, 72, 0.1) !important;
    box-shadow: var(--iic-card-shadow) !important;
}

.insights-enterprise .insights-bulletin-card:hover {
    border-color: rgba(214, 163, 54, 0.32) !important;
    box-shadow: var(--iic-card-shadow-lift) !important;
}

.insights-enterprise .insights-bulletin-body h4 {
    color: #0d2b5c !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

.insights-enterprise .insights-bulletin-body p {
    color: #46556b !important;
}

.insights-enterprise .insights-bulletin-id {
    color: #d6a336 !important;
}

.insights-enterprise .insights-bulletin-audience {
    color: #46556b !important;
}

/* Section rhythm with alternating backgrounds */
.insights-enterprise {
    background: #f7f5f1 !important;
}

/* Featured - Pure white */
.insights-enterprise .insights-featured-section {
    background: #ffffff !important;
}

/* Intelligence Streams - Warm off-white */
.insights-enterprise .insights-grid-section {
    background: #f7f5f1 !important;
}

/* Operational Guidance - Subtle navy tint */
.insights-enterprise .insights-bulletins-section {
    background: linear-gradient(180deg, #f7f5f1 0%, #eef1f5 50%, #f7f5f1 100%) !important;
}

/* Capability Materials - Premium light gray */
.insights-enterprise .insights-resources-section {
    background: linear-gradient(180deg, #f0eeeb 0%, #f5f4f1 50%, #f0eeeb 100%) !important;
}

/* Section headings - Navy color */
.insights-enterprise .section-heading h2 {
    color: var(--iic-navy) !important;
    text-transform: none !important;
    letter-spacing: 0.01em !important;
}

.insights-enterprise .section-heading p {
    color: var(--iic-muted) !important;
}

.insights-enterprise .eyebrow {
    color: var(--iic-gold-primary) !important;
    font-weight: 600 !important;
}

/* Resource tag styling */
.insights-enterprise .insights-resource-tag {
    color: var(--iic-gold-primary) !important;
    background: rgba(216, 155, 43, 0.08) !important;
    border: 1px solid rgba(10, 35, 72, 0.15) !important;
}

/* Links on dark background */
.insights-enterprise .outline-link--on-dark {
    color: #ffffff !important;
    border-color: var(--iic-gold-primary) !important;
}

.insights-enterprise .outline-link--on-dark:hover {
    color: var(--iic-gold-primary) !important;
    border-color: var(--iic-gold-secondary) !important;
}

/* ----- Insights Knowledge Hub — compact industrial knowledge center ----- */
.insights-knowledge-hub .section,
.insights-knowledge-hub .insights-categories-section,
.insights-knowledge-hub .insights-featured-section,
.insights-knowledge-hub .insights-articles-section,
.insights-knowledge-hub .insights-bulletins-section,
.insights-knowledge-hub .insights-resources-section {
    padding: clamp(18px, 2.8vw, 30px) var(--page-gutter) !important;
}

.insights-knowledge-hub .section-heading,
.insights-knowledge-hub .insights-categories__head {
    margin-bottom: clamp(12px, 2vw, 18px) !important;
    max-width: var(--site-content);
    margin-inline: auto;
}

.insights-knowledge-hub .section-heading h2,
.insights-knowledge-hub .insights-categories__head h2 {
    margin-bottom: 0.45rem !important;
}

.insights-knowledge-hub .section-heading p,
.insights-knowledge-hub .insights-categories__head p {
    margin: 0;
    max-width: min(68ch, 100%);
    font-size: var(--type-body);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
}

.insights-knowledge-hub .iic-gold-sep {
    display: none;
}

/* Knowledge categories */
.insights-knowledge-hub .insights-categories-section {
    background: #ffffff;
    border-bottom: 1px solid rgba(10, 35, 72, 0.08);
}

.insights-knowledge-hub .insights-categories-carousel {
    --cat-carousel-gap: clamp(10px, 1.6vw, 14px);
    --cat-carousel-visible: 6;
    --cat-carousel-fade: clamp(28px, 5vw, 52px);
    position: relative;
    max-width: var(--site-content);
    margin-inline: auto;
}

.insights-knowledge-hub .insights-categories-carousel::before,
.insights-knowledge-hub .insights-categories-carousel::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 6px;
    width: var(--cat-carousel-fade);
    z-index: 2;
    pointer-events: none;
}

.insights-knowledge-hub .insights-categories-carousel::before {
    inset-inline-start: 0;
    background: linear-gradient(
        to right,
        #ffffff 0%,
        rgba(255, 255, 255, 0.92) 35%,
        transparent 100%
    );
}

.insights-knowledge-hub .insights-categories-carousel::after {
    inset-inline-end: 0;
    background: linear-gradient(
        to left,
        #ffffff 0%,
        rgba(255, 255, 255, 0.92) 35%,
        transparent 100%
    );
}

html[dir="rtl"] .insights-knowledge-hub .insights-categories-carousel::before {
    background: linear-gradient(
        to left,
        #ffffff 0%,
        rgba(255, 255, 255, 0.92) 35%,
        transparent 100%
    );
}

html[dir="rtl"] .insights-knowledge-hub .insights-categories-carousel::after {
    background: linear-gradient(
        to right,
        #ffffff 0%,
        rgba(255, 255, 255, 0.92) 35%,
        transparent 100%
    );
}

.insights-knowledge-hub .insights-categories-carousel__viewport {
    overflow: hidden;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    padding: 2px 0 6px;
    outline: none;
    cursor: grab;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.insights-knowledge-hub .insights-categories-carousel--interacting .insights-categories-carousel__viewport {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 2px;
    cursor: grabbing;
    scrollbar-width: thin;
    scrollbar-color: rgba(184, 130, 42, 0.28) transparent;
}

.insights-knowledge-hub .insights-categories-carousel__viewport::-webkit-scrollbar {
    display: none;
    height: 0;
}

.insights-knowledge-hub .insights-categories-carousel--interacting .insights-categories-carousel__viewport::-webkit-scrollbar {
    display: block;
    height: 4px;
}

.insights-knowledge-hub .insights-categories-carousel--interacting .insights-categories-carousel__viewport::-webkit-scrollbar-thumb {
    background: rgba(184, 130, 42, 0.32);
    border-radius: 999px;
}

.insights-knowledge-hub .insights-categories-carousel__viewport:focus-visible {
    outline: 2px solid rgba(216, 155, 43, 0.55);
    outline-offset: 3px;
    border-radius: 6px;
}

.insights-knowledge-hub .insights-categories-carousel__track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: var(--cat-carousel-gap);
    width: max-content;
    min-width: 100%;
    padding-inline: 1px;
    will-change: transform;
}

html[dir="rtl"] .insights-knowledge-hub .insights-categories-carousel__track {
    flex-direction: row-reverse;
}

.insights-knowledge-hub .insights-categories-carousel__card {
    flex: 0 0 200px;
    width: 200px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.insights-knowledge-hub .insights-category-card {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 100%;
    padding: clamp(0.85rem, 1.6vw, 1.1rem) !important;
    background: #ffffff !important;
    border: 1.5px solid var(--iic-border) !important;
    border-radius: var(--radius-ui) !important;
    box-shadow: var(--iic-card-shadow) !important;
    text-decoration: none;
    color: inherit;
    transition:
        transform 0.3s var(--iic-motion-ease-out),
        box-shadow 0.3s var(--iic-motion-ease-out),
        border-color 0.3s var(--iic-motion-ease-out);
}

.insights-knowledge-hub .insights-category-card__icon {
    color: var(--iic-gold-primary);
    width: 1.35rem;
    height: 1.35rem;
}

.insights-knowledge-hub .insights-category-card__count {
    font-size: var(--type-small);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--iic-gold-primary);
}

.insights-knowledge-hub .insights-category-card h3 {
    margin: 0;
    font-size: var(--type-body);
    font-weight: 700;
    color: var(--iic-navy);
    line-height: var(--line-normal);
}

.insights-knowledge-hub .insights-category-card p {
    margin: 0;
    flex: 1 1 auto;
    font-size: var(--type-caption);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
}

.insights-knowledge-hub .insights-category-card__link {
    margin-top: 0.15rem;
    font-size: var(--type-small);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--iic-gold-primary);
}

/* Featured insight — denser */
.insights-knowledge-hub .insights-featured-section {
    background: var(--iic-bg) !important;
    padding-top: clamp(14px, 2.2vw, 22px) !important;
}

.insights-knowledge-hub .insights-featured {
    max-width: var(--site-content);
    margin-inline: auto;
}

.insights-knowledge-hub .insights-featured-media {
    min-height: clamp(200px, 28vw, 260px) !important;
}

.insights-knowledge-hub .insights-featured-body {
    padding: clamp(18px, 2.6vw, 28px) !important;
    gap: 10px !important;
}

.insights-knowledge-hub .insights-featured-title {
    margin: 0;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 700;
    line-height: var(--line-normal);
    color: var(--iic-navy);
}

.insights-knowledge-hub .insights-featured-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.insights-knowledge-hub .insights-featured-read {
    font-size: var(--type-small);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--iic-gold-primary);
}

/* Industry articles grid */
.insights-knowledge-hub .insights-articles-section {
    background: #ffffff;
}

.insights-knowledge-hub .insights-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 1.8vw, 18px);
    max-width: var(--site-content);
    margin-inline: auto;
}

.insights-knowledge-hub .insights-article-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: #ffffff;
    border: 1.5px solid var(--iic-border);
    border-radius: var(--radius-ui);
    box-shadow: var(--iic-card-shadow);
    overflow: hidden;
    transition:
        transform 0.3s var(--iic-motion-ease-out),
        box-shadow 0.3s var(--iic-motion-ease-out),
        border-color 0.3s var(--iic-motion-ease-out);
}

.insights-knowledge-hub .insights-article-card__media {
    display: block;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid rgba(10, 35, 72, 0.08);
}

.insights-knowledge-hub .insights-article-card__body {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: clamp(14px, 1.8vw, 18px);
    flex: 1 1 auto;
}

.insights-knowledge-hub .insights-article-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.insights-knowledge-hub .insights-article-card__read {
    font-size: var(--type-small);
    font-weight: 600;
    color: var(--iic-muted);
    white-space: nowrap;
}

.insights-knowledge-hub .insights-article-card h3 {
    margin: 0;
    font-size: var(--type-body-lg);
    line-height: var(--line-normal);
}

.insights-knowledge-hub .insights-article-card h3 a {
    color: var(--iic-navy);
    text-decoration: none;
}

.insights-knowledge-hub .insights-article-card h3 a:hover {
    color: var(--iic-gold-primary);
}

.insights-knowledge-hub .insights-article-card p {
    margin: 0;
    flex: 1 1 auto;
    font-size: var(--type-caption);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
}

/* Technical briefs — denser 3-col */
.insights-knowledge-hub .insights-bulletins-section {
    background: var(--iic-bg-2) !important;
}

.insights-knowledge-hub .insights-bulletins-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(12px, 1.8vw, 16px) !important;
}

.insights-knowledge-hub .insights-bulletin-card {
    padding: clamp(14px, 1.8vw, 18px) !important;
    gap: 0.55rem !important;
}

.insights-knowledge-hub .insights-bulletin-body h3 {
    margin: 0;
    font-size: var(--type-body);
    font-weight: 700;
    color: var(--iic-navy);
}

.insights-knowledge-hub .insights-bulletin-body p {
    font-size: var(--type-caption);
}

.insights-knowledge-hub .insights-bulletin-id {
    white-space: normal !important;
    line-height: 1.25 !important;
    max-width: min(100%, 12rem);
}

/* Resources — compact */
.insights-knowledge-hub .insights-resources-section {
    background: #ffffff !important;
}

.insights-knowledge-hub .insights-resource-grid {
    gap: clamp(12px, 1.8vw, 16px) !important;
}

.insights-knowledge-hub .insights-resource-card {
    padding: clamp(14px, 1.8vw, 18px) !important;
}

.insights-knowledge-hub .insights-resource-card h3 {
    margin: 0;
    font-size: var(--type-body-lg);
    font-weight: 700;
    color: var(--iic-navy);
}

.insights-knowledge-hub .insights-resources-more {
    margin: clamp(12px, 2vw, 16px) auto 0;
    text-align: center;
}

/* FAQ */
.insights-knowledge-hub .insights-faq-section {
    padding: clamp(18px, 2.8vw, 30px) var(--page-gutter) !important;
    background: var(--iic-bg) !important;
}

/* Final CTA — single closing band */
.insights-knowledge-hub .insights-final-cta {
    padding-block: clamp(20px, 2.8vw, 30px) !important;
    padding-bottom: calc(clamp(20px, 2.8vw, 30px) + 4.75rem + env(safe-area-inset-bottom, 0px)) !important;
}

.insights-knowledge-hub .insights-final-cta .iic-final-cta__inner {
    max-width: min(780px, 100%);
}

.insights-knowledge-hub .insights-final-cta .iic-final-cta__title {
    font-size: clamp(1.05rem, 1.8vw, 1.28rem);
    margin-bottom: 0.5rem;
}

.insights-knowledge-hub .insights-final-cta .iic-final-cta__text {
    margin-bottom: 0.85rem;
    font-size: var(--type-body);
    max-width: 62ch;
}

.insights-knowledge-hub .insights-final-cta .iic-final-cta__actions {
    margin-bottom: 0.65rem;
}

.insights-knowledge-hub .insights-final-cta .iic-final-cta__support {
    margin: 0;
    max-width: 58ch;
    font-size: var(--type-small);
    line-height: var(--line-relaxed);
    color: rgba(255, 255, 255, 0.62);
    letter-spacing: 0.02em;
}

.insights-knowledge-hub .insights-faq-section {
    padding-bottom: clamp(14px, 2vw, 20px) !important;
}

@media (hover: hover) and (pointer: fine) {
    .insights-knowledge-hub .insights-category-card:hover,
    .insights-knowledge-hub .insights-article-card:hover,
    .insights-knowledge-hub .insights-featured.premium-card-hover:hover {
        transform: translateY(-3px);
        box-shadow: var(--iic-card-shadow-lift) !important;
        border-color: rgba(216, 155, 43, 0.35) !important;
    }
}

@media (max-width: 1399px) {
    .insights-knowledge-hub .insights-categories-carousel {
        --cat-carousel-visible: 5;
    }

    .insights-knowledge-hub .insights-categories-carousel__card {
        flex-basis: 228px;
        width: 228px;
    }
}

@media (max-width: 1199px) {
    .insights-knowledge-hub .insights-categories-carousel {
        --cat-carousel-visible: 4;
    }

    .insights-knowledge-hub .insights-categories-carousel__card {
        flex-basis: 248px;
        width: 248px;
    }
}

@media (max-width: 980px) {
    .insights-knowledge-hub .insights-articles-grid,
    .insights-knowledge-hub .insights-bulletins-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 899px) {
    .insights-knowledge-hub .insights-categories-carousel {
        --cat-carousel-visible: 2;
    }

    .insights-knowledge-hub .insights-categories-carousel__card {
        flex-basis: clamp(240px, 44vw, 300px);
        width: clamp(240px, 44vw, 300px);
    }
}

@media (max-width: 767px) {
    .insights-knowledge-hub .insights-categories-carousel {
        --cat-carousel-visible: 1;
    }

    .insights-knowledge-hub .insights-categories-carousel__card {
        flex-basis: clamp(260px, 82vw, 340px);
        width: clamp(260px, 82vw, 340px);
    }
}

@media (max-width: 640px) {
    .insights-knowledge-hub .insights-articles-grid,
    .insights-knowledge-hub .insights-bulletins-grid {
        grid-template-columns: 1fr !important;
    }

    .insights-knowledge-hub .insights-featured-media {
        min-height: 180px !important;
    }

    .insights-knowledge-hub .insights-final-cta .iic-final-cta__actions .button {
        width: 100%;
        max-width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .insights-knowledge-hub .insights-categories-carousel__track {
        will-change: auto;
        transform: none !important;
    }

    .insights-knowledge-hub .insights-categories-carousel__viewport {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: auto;
        cursor: auto;
    }
}

.insights-knowledge-hub .insights-categories-carousel--paused .insights-categories-carousel__track {
    will-change: auto;
}

.outline-link {
    color: var(--iic-royal) !important;
}

.outline-link:hover {
    color: var(--iic-gold-primary) !important;
}

.outline-link--on-dark {
    color: #ffffff !important;
    border-color: var(--iic-gold-primary) !important;
}

.services-hub-service-card .outline-link--on-dark {
    color: var(--iic-gold-primary) !important;
    border-color: var(--iic-gold-primary) !important;
}

.services-hub-service-card .outline-link--on-dark:hover {
    color: var(--iic-gold-secondary) !important;
    border-color: var(--iic-gold-secondary) !important;
}

/* --- Homepage: restored sections (light premium) --- */

.home-landing .home-brand {
    background: var(--iic-bg) !important;
    border-bottom: 1px solid var(--iic-border) !important;
    padding-block: var(--section-y-lg) !important;
}

.home-landing .home-brand__head h2,
.home-landing .home-brand__story p,
.home-landing .home-brand__proof-text {
    color: var(--iic-navy) !important;
}

.home-landing .home-brand__story p {
    color: var(--iic-muted) !important;
}

.home-landing .home-brand__proofs {
    border-inline-start: 3px solid rgba(216, 155, 43, 0.45) !important;
    border-left: none !important;
    padding-inline-start: clamp(14px, 1.8vw, 20px) !important;
    padding-left: 0 !important;
}

.home-landing .home-brand__proof-mark {
    background: var(--iic-gold-primary) !important;
}

/* Homepage gateways — dark cinematic cards with high-contrast typography */
.home-landing .home-gateways {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.home-landing .home-gateways__head .eyebrow {
    margin-bottom: 12px !important;
    color: var(--iic-gold-primary) !important;
    font-weight: 800 !important;
    letter-spacing: 0.18em !important;
}

.home-landing .home-gateways__head h2 {
    color: rgba(255, 255, 255, 0.96) !important;
}

.home-landing .home-gateway {
    background: linear-gradient(165deg, rgba(14, 32, 58, 0.94) 0%, rgba(6, 14, 28, 0.98) 100%) !important;
    border: 1px solid rgba(216, 155, 43, 0.28) !important;
    box-shadow:
        0 14px 40px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    min-height: min(240px, 100%) !important;
}

.home-landing .home-gateway:hover {
    border-color: rgba(216, 155, 43, 0.52) !important;
    box-shadow:
        0 20px 52px rgba(0, 0, 0, 0.42),
        0 0 0 1px rgba(216, 155, 43, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.home-landing .home-gateway__shade {
    display: block !important;
    background: linear-gradient(
        180deg,
        rgba(4, 10, 18, 0.06) 0%,
        rgba(4, 10, 18, 0.28) 42%,
        rgba(2, 6, 12, 0.62) 100%
    ) !important;
}

.home-landing .home-gateway__body {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    padding: clamp(18px, 2.4vw, 24px) clamp(18px, 2.2vw, 22px) clamp(20px, 2.6vw, 26px) !important;
    background: linear-gradient(
        180deg,
        rgba(8, 20, 38, 0.42) 0%,
        rgba(6, 14, 28, 0.9) 100%
    ) !important;
    border-top: 1px solid rgba(216, 155, 43, 0.26) !important;
}

.home-landing .home-gateway__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
    margin: 0 0 14px;
}

.home-landing .home-gateway__code {
    color: var(--iic-gold-primary) !important;
    font-size: 0.7rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.2em !important;
}

.home-landing .home-gateway__title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif !important;
    font-size: clamp(1.12rem, 1.55vw, 1.38rem) !important;
    font-weight: 700 !important;
    line-height: 1.14 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
    color: #f8fafc !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.42) !important;
}

.home-landing .home-gateway__go {
    position: static !important;
    flex-shrink: 0;
    color: var(--iic-gold-primary) !important;
    font-size: 1.15rem !important;
}

.home-landing .home-gateway__excerpt {
    flex: 1 1 auto !important;
    width: 100% !important;
    margin: 0 0 4px !important;
    padding-top: 2px !important;
    font-size: clamp(0.88rem, 1.15vw, 0.98rem) !important;
    line-height: 1.58 !important;
    color: rgba(232, 238, 248, 0.92) !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    max-width: 46ch;
}

html[dir="rtl"] .home-landing .home-gateway__body {
    text-align: right;
    align-items: flex-end;
}

.home-solution-pillars {
    padding-block: var(--section-y-lg);
    padding-inline: var(--page-gutter);
    background: var(--iic-bg);
    border-bottom: 1px solid var(--iic-border);
}

.home-solution-pillars__inner {
    max-width: var(--site-content);
    margin: 0 auto;
}

.home-solution-pillars__head {
    max-width: 720px;
    margin-bottom: clamp(28px, 4vw, 44px);
}

.home-solution-pillars__head h2 {
    font-family: var(--iic-font-display);
    font-size: var(--type-h2);
    font-weight: 700;
    color: var(--iic-navy);
    margin: 0.35rem 0 0.75rem;
}

.home-solution-pillars__intro {
    margin: 0;
    color: var(--iic-muted);
    font-size: var(--type-body-lg);
    line-height: var(--line-relaxed);
}

.home-solution-pillars__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2.5vw, 28px);
}

.home-solution-pillar {
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--iic-border);
    box-shadow: 0 18px 48px rgba(10, 35, 72, 0.055);
    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}

.home-solution-pillar:hover {
    transform: translateY(-4px);
    border-color: rgba(216, 155, 43, 0.35);
    box-shadow: 0 22px 56px rgba(10, 35, 72, 0.09);
}

.home-solution-pillar__media {
    min-height: 160px;
    background-size: cover;
    background-position: center;
}

.home-solution-pillar__body {
    padding: 20px 22px 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 1 auto;
}

.home-solution-pillar__title {
    margin: 0;
    font-family: var(--iic-font-display);
    font-size: var(--type-body-lg);
    font-weight: 700;
    color: var(--iic-navy);
}

.home-solution-pillar__lead {
    margin: 0;
    color: var(--iic-muted);
    font-size: var(--type-body-sm);
    line-height: var(--line-relaxed);
}

.home-solution-pillar__points {
    margin: 0;
    padding-inline-start: 1.1rem;
    color: var(--iic-navy);
    font-size: var(--type-caption);
    line-height: var(--line-relaxed);
}

.home-solution-pillar__points li {
    margin-bottom: 4px;
}

.home-solution-pillar__link {
    margin-top: auto;
    align-self: flex-start;
    font-weight: 600;
}

.home-solution-pillar__link .button__arrow {
    margin-inline-start: 6px;
}

@media (max-width: 1024px) {
    .home-solution-pillars__grid {
        grid-template-columns: 1fr;
    }
}

.home-core-services {
    background: var(--iic-bg-2) !important;
}

.home-operational {
    position: relative;
    isolation: isolate;
    padding-block: clamp(28px, 3.5vw, 44px);
    padding-inline: var(--page-gutter);
    background: #f8f9fb;
    border-top: 1px solid var(--iic-border);
    border-bottom: 1px solid var(--iic-border);
}

.home-operational::before {
    display: none;
}

.home-operational__inner {
    position: relative;
    z-index: 1;
    max-width: var(--site-content);
    margin: 0 auto;
}

.home-operational__head {
    position: relative;
    z-index: 1;
    max-width: min(900px, 100%);
    margin: 0 0 clamp(16px, 2vw, 22px);
    text-align: start;
}

.home-operational__head .eyebrow {
    margin: 0 0 0.45rem;
    color: var(--iic-gold-primary);
}

.home-operational__head h2 {
    font-family: var(--iic-font-display);
    font-size: var(--type-h2);
    font-weight: 700;
    color: var(--iic-navy);
    line-height: var(--line-tight);
    letter-spacing: 0.02em;
    margin: 0 0 0.65rem;
}

.home-operational__head h2::after {
    content: "";
    display: block;
    width: min(72px, 28vw);
    height: 2px;
    margin: 0.75rem 0 0;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--iic-gold-primary),
        var(--iic-gold-primary),
        transparent
    );
}

.home-operational__intro {
    margin: 0;
    max-width: 62ch;
    color: var(--iic-muted);
    font-size: var(--type-body-lg);
    line-height: var(--line-relaxed);
}

.home-governance-flow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem clamp(0.45rem, 1.2vw, 0.75rem);
    margin: 0 0 clamp(14px, 2vw, 20px);
    padding: clamp(10px, 1.4vw, 14px) clamp(10px, 1.5vw, 14px);
    list-style: none;
    border: 1px solid rgba(13, 43, 92, 0.1);
    border-radius: var(--radius-ui);
    background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%);
    box-shadow: var(--iic-card-shadow);
}

.home-governance-flow__step,
.home-governance-flow__connector {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.home-governance-flow__step {
    flex-direction: column;
}

.home-governance-flow__label {
    font-family: var(--iic-font-display);
    font-size: clamp(0.72rem, 1vw, 0.82rem);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--iic-navy);
    text-align: center;
    white-space: nowrap;
}

.home-governance-flow__connector {
    color: var(--iic-gold-primary);
    font-size: 0.85rem;
    line-height: 1;
    opacity: 0.85;
}

html[dir="rtl"] .home-governance-flow__label {
    text-transform: none;
    letter-spacing: 0.03em;
}

@media (max-width: 720px) {
    .home-governance-flow {
        flex-direction: column;
        align-items: center;
        gap: 0.1rem;
    }

    .home-governance-flow__connector {
        transform: rotate(90deg);
    }
}

.home-operational__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(10px, 1.2vw, 14px);
    align-items: stretch;
}

.home-operational-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: clamp(148px, 17vw, 172px);
    min-width: 0;
    border-radius: 14px;
    padding: clamp(14px, 1.5vw, 16px);
    gap: 0;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.1);
    box-shadow: var(--iic-card-shadow);
    transition:
        transform 0.36s ease,
        box-shadow 0.36s ease,
        border-color 0.36s ease;
}

.home-operational-card__badge {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    min-height: 36px;
    margin: 0 0 10px;
}

.home-operational-card__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 52px;
    height: 36px;
    min-height: 36px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 9px;
    font-family: var(--iic-font-display);
    font-weight: 700;
    font-size: var(--type-body-sm);
    letter-spacing: 0.05em;
    line-height: 1;
    color: var(--iic-navy);
    background: rgba(216, 155, 43, 0.17);
    border: 1px solid rgba(176, 128, 48, 0.32);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(13, 43, 92, 0.06);
}

.home-operational-card__num--metric {
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 54px;
}

.home-operational-card__num.is-static {
    font-size: var(--type-caption);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    min-width: 52px;
}

.home-operational-card__title {
    flex: 0 0 auto;
    margin: 0 0 8px;
    font-family: var(--iic-font-display);
    font-size: var(--type-body-lg);
    font-weight: 700;
    line-height: var(--line-normal);
    color: var(--iic-navy);
}

.home-operational-card__text {
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    color: var(--iic-muted);
    font-size: var(--type-caption);
    line-height: var(--line-relaxed);
}

@media (max-width: 900px) {
    .home-operational__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(13px, 2.2vw, 18px);
    }
}

@media (max-width: 640px) {
    .home-operational {
        padding-block: var(--section-y);
        padding-inline: var(--page-gutter);
    }

    .home-operational__grid {
        grid-template-columns: 1fr;
        gap: clamp(12px, 3.2vw, 16px);
    }

    .home-operational-card {
        min-height: 0;
    }
}

.home-landing .home-vision-mission {
    position: relative;
    isolation: isolate;
    padding-block: var(--section-y);
    padding-inline: var(--page-gutter);
    background: linear-gradient(180deg, #f7f5f1 0%, #f2f0eb 100%) !important;
    border-bottom: 1px solid rgba(13, 43, 92, 0.07) !important;
}

.home-landing .home-vision-mission::before {
    display: none !important;
    content: none !important;
}

.home-landing .home-vision-mission__inner {
    position: relative;
    z-index: 1;
}

.home-landing .home-vision-mission__intro {
    text-align: start;
    max-width: min(900px, 100%);
    margin-inline: 0;
    margin-bottom: clamp(18px, 2.4vw, 26px);
}

.home-landing .home-vision-mission__intro h2 {
    color: var(--iic-navy);
    line-height: var(--line-tight);
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: var(--type-body-lg);
    text-transform: uppercase;
}

.home-landing .home-vision-mission__intro h2::after {
    content: "";
    display: block;
    width: min(64px, 22vw);
    height: 2px;
    margin: 0.65rem 0 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(184, 130, 42, 0.5), rgba(216, 155, 43, 0.35), rgba(184, 130, 42, 0.5), transparent);
}

.home-landing .home-vision-mission__split {
    gap: clamp(14px, 1.85vw, 20px) !important;
}

.home-landing .home-vm-card {
    position: relative;
    z-index: 1;
    min-height: clamp(10.25rem, 17.5vw, 11.75rem) !important;
    padding: clamp(22px, 2.7vw, 30px) clamp(22px, 2.8vw, 28px) !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(13, 43, 92, 0.08) !important;
    box-shadow: var(--iic-card-shadow) !important;
    transition:
        transform 0.36s ease,
        box-shadow 0.36s ease,
        border-color 0.36s ease;
}

.home-landing .home-vm-card::before {
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(184, 130, 42, 0.42), rgba(216, 155, 43, 0.28), rgba(184, 130, 42, 0.42), transparent) !important;
    opacity: 1 !important;
}

.home-landing .home-vm-card__label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(13, 43, 92, 0.08);
    font-family: var(--iic-font-display) !important;
    font-size: var(--type-small) !important;
    font-weight: 800 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: var(--iic-gold-primary) !important;
}

.home-landing .home-vm-card__label::before {
    content: "";
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    border-radius: 1px;
    background: linear-gradient(145deg, rgba(216, 155, 43, 0.95), rgba(168, 124, 48, 0.88));
    box-shadow: 0 0 0 1px rgba(13, 43, 92, 0.1);
}

.home-landing .home-vm-card__text {
    color: var(--iic-muted) !important;
    max-width: 52ch !important;
    line-height: var(--line-relaxed) !important;
    font-size: var(--type-caption) !important;
}

@media (max-width: 900px) {
    .home-landing .home-vm-card {
        min-height: 0 !important;
    }
}

.home-landing .home-values {
    position: relative;
    isolation: isolate;
    padding: clamp(20px, 2.5vw, 32px) var(--page-gutter) clamp(22px, 3vw, 38px) !important;
    background: linear-gradient(180deg, #f3f1ec 0%, #f7f5f1 55%, #f4f2ea 100%) !important;
    border-top: 1px solid rgba(13, 43, 92, 0.06) !important;
    border-bottom: 1px solid rgba(13, 43, 92, 0.08) !important;
}

.home-landing .home-values__inner {
    position: relative;
    z-index: 1;
}

.home-landing .home-values__head {
    text-align: start;
    max-width: min(900px, 100%);
    margin-inline: 0;
    margin-bottom: clamp(14px, 1.9vw, 20px);
}

.home-landing .home-values__head h2 {
    color: var(--iic-navy);
    line-height: var(--line-tight);
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: var(--type-body);
    text-transform: uppercase;
}

.home-landing .home-values__head h2::after {
    content: "";
    display: block;
    width: min(64px, 22vw);
    height: 2px;
    margin: 0.55rem 0 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(184, 130, 42, 0.48), rgba(216, 155, 43, 0.32), rgba(184, 130, 42, 0.48), transparent);
}

.home-landing .home-values-marquee {
    --values-marquee-fade: clamp(28px, 5vw, 52px);
    position: relative;
    margin-top: clamp(16px, 2vw, 22px);
    padding-top: clamp(16px, 2vw, 22px);
    border-top: 1px solid rgba(13, 43, 92, 0.09);
}

.home-landing .home-values-marquee::before,
.home-landing .home-values-marquee::after {
    content: "";
    position: absolute;
    top: clamp(16px, 2vw, 22px);
    bottom: 0;
    width: var(--values-marquee-fade);
    z-index: 2;
    pointer-events: none;
}

.home-landing .home-values-marquee::before {
    inset-inline-start: 0;
    background: linear-gradient(to right, #f4f2ea 0%, rgba(244, 242, 234, 0.92) 35%, transparent 100%);
}

.home-landing .home-values-marquee::after {
    inset-inline-end: 0;
    background: linear-gradient(to left, #f4f2ea 0%, rgba(244, 242, 234, 0.92) 35%, transparent 100%);
}

html[dir="rtl"] .home-landing .home-values-marquee::before {
    background: linear-gradient(to left, #f4f2ea 0%, rgba(244, 242, 234, 0.92) 35%, transparent 100%);
}

html[dir="rtl"] .home-landing .home-values-marquee::after {
    background: linear-gradient(to right, #f4f2ea 0%, rgba(244, 242, 234, 0.92) 35%, transparent 100%);
}

.home-landing .home-values-marquee__viewport {
    overflow: hidden;
    padding: 2px 0 4px;
    cursor: grab;
    touch-action: pan-x;
    scrollbar-width: none;
    -ms-overflow-style: none;
    outline: none;
}

.home-landing .home-values-marquee--interacting .home-values-marquee__viewport {
    overflow-x: auto;
    cursor: grabbing;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
}

.home-landing .home-values-marquee__viewport::-webkit-scrollbar {
    display: none;
    height: 0;
}

.home-landing .home-values-marquee__viewport:focus-visible {
    outline: 2px solid rgba(216, 155, 43, 0.55);
    outline-offset: 3px;
    border-radius: 6px;
}

.home-landing .home-values-marquee__track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: clamp(12px, 1.5vw, 16px);
    width: max-content;
    will-change: transform;
}

.home-landing .home-values-marquee__card {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    flex: 0 0 clamp(260px, 28vw, 320px);
    width: clamp(260px, 28vw, 320px);
    min-height: clamp(108px, 14vw, 128px);
    scroll-snap-align: start;
}

.home-landing .home-value {
    position: relative;
    min-width: 0;
    margin: 0 !important;
    padding: clamp(12px, 1.25vw, 16px) clamp(12px, 1.1vw, 14px) !important;
    border: 1px solid rgba(13, 43, 92, 0.07) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.55) !important;
    box-shadow: var(--iic-card-shadow);
    transition:
        background 0.28s ease,
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}

@media (hover: hover) and (pointer: fine) {
    .home-landing .home-value:hover {
        background: rgba(255, 255, 255, 0.92) !important;
        box-shadow: var(--iic-card-shadow-lift);
    }
}

.home-landing .home-value__body {
    flex: 1 1 auto;
    min-width: 0;
}

.home-landing .home-value__marker {
    width: 5px !important;
    height: 5px !important;
    margin-top: 0.4em !important;
    border-radius: 1px !important;
    background: linear-gradient(145deg, rgba(216, 155, 43, 0.95), rgba(168, 124, 48, 0.85)) !important;
    box-shadow: 0 0 0 1px rgba(13, 43, 92, 0.08);
}

.home-landing .home-value__title {
    color: var(--iic-navy) !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    font-size: var(--type-small) !important;
    margin-bottom: 6px !important;
}

.home-landing .home-value__phrase {
    color: var(--iic-muted) !important;
    line-height: var(--line-relaxed) !important;
    font-size: var(--type-small) !important;
    max-width: 34ch;
}

@media (max-width: 767px) {
    .home-landing .home-values-marquee__card {
        flex-basis: clamp(240px, 78vw, 300px);
        width: clamp(240px, 78vw, 300px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-landing .home-values-marquee__track {
        will-change: auto;
        transform: none !important;
    }

    .home-landing .home-values-marquee__viewport {
        overflow-x: auto;
        scroll-snap-type: x proximity;
        cursor: auto;
    }
}

.home-landing .home-values-marquee--paused .home-values-marquee__track {
    will-change: auto;
}

@media (hover: hover) and (pointer: fine) {
    .home-landing .home-vm-card:hover {
        transform: translateY(-3px);
        border-color: rgba(13, 43, 92, 0.11) !important;
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.78) inset,
            0 14px 36px rgba(13, 43, 92, 0.08),
            0 4px 14px rgba(13, 43, 92, 0.055) !important;
    }
}

/* Kingdom presence — enterprise presentation layer (balanced 22 / 52 / 22, homepage) */
main.home-landing .presence-saudi-geo.presence-command.model-presence {
    --presence-row-h: clamp(320px, 32vw, 360px);
    position: relative;
    isolation: isolate;
    overflow-x: clip;
    padding: clamp(14px, 1.8vw, 22px) var(--page-gutter) clamp(22px, 2.8vw, 32px) !important;
    gap: clamp(14px, 1.5vw, 20px) !important;
    background:
        radial-gradient(ellipse 58% 48% at 52% 46%, rgba(216, 155, 43, 0.045), transparent 65%),
        linear-gradient(180deg, #f6f4ef 0%, #f3f1eb 100%) !important;
    border-top: 1px solid rgba(13, 43, 92, 0.055) !important;
    border-bottom: 1px solid rgba(13, 43, 92, 0.08) !important;
    box-shadow: none !important;
}

@media (min-width: 900px) {
    main.home-landing .presence-saudi-geo.presence-command.model-presence {
        grid-template-columns: minmax(0, 0.22fr) minmax(0, 0.52fr) minmax(0, 0.22fr) !important;
        grid-template-rows: auto auto !important;
        gap: 24px !important;
        align-items: start !important;
        max-width: min(1400px, calc(100% - 2 * var(--page-gutter))) !important;
        margin-inline: auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    main.home-landing .presence-saudi-geo .model-section-intro {
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: start !important;
        max-width: 100% !important;
    }

    main.home-landing .presence-saudi-geo__center {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: start !important;
        min-height: 0 !important;
    }

    main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home {
        grid-column: 3 !important;
        grid-row: 1 !important;
        align-self: start !important;
        height: var(--presence-row-h) !important;
        min-height: var(--presence-row-h) !important;
    }

    main.home-landing .presence-feature-strip--section {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        margin-top: clamp(6px, 0.75vw, 10px) !important;
    }
}

main.home-landing .presence-saudi-geo.presence-command.model-presence::before {
    display: none !important;
}

main.home-landing .presence-saudi-geo .model-section-intro {
    max-width: 100% !important;
    padding-inline-end: 0 !important;
}

main.home-landing .presence-saudi-geo .presence-command__kicker {
    color: var(--iic-gold-primary) !important;
    margin-bottom: 8px !important;
    letter-spacing: 0.18em !important;
    font-weight: 700 !important;
}

main.home-landing .presence-saudi-geo .model-section-intro h2 {
    color: var(--iic-navy) !important;
    max-width: 22ch !important;
    margin: 0 0 8px !important;
    font-size: clamp(0.88rem, 1.05vw, 0.98rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0.07em !important;
    line-height: var(--line-tight) !important;
    text-transform: uppercase !important;
}

main.home-landing .presence-saudi-geo .model-section-intro h2::after {
    margin-top: 10px !important;
}

main.home-landing .presence-saudi-geo .presence-saudi-geo__lead,
main.home-landing .presence-saudi-geo .presence-list--geo li {
    color: var(--iic-muted) !important;
}

main.home-landing .presence-saudi-geo .presence-saudi-geo__lead {
    margin: 0 !important;
    max-width: 28ch !important;
    font-size: clamp(0.72rem, 0.82vw, 0.78rem) !important;
    line-height: 1.45 !important;
}

main.home-landing .presence-saudi-geo__center {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: clamp(8px, 1vw, 12px);
    min-width: 0;
    width: 100%;
}

@media (min-width: 900px) {
    main.home-landing .presence-saudi-geo__center .presence-command__map-shell--geo.model-map-card {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        height: var(--presence-row-h);
        min-height: var(--presence-row-h);
        max-height: var(--presence-row-h);
        padding: clamp(8px, 0.9vw, 12px) !important;
    }

    main.home-landing .presence-saudi-geo__center .presence-geo-map {
        flex: 1 1 auto;
        aspect-ratio: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        height: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: visible !important;
    }

    main.home-landing .presence-saudi-geo__center .presence-geo-map__svg {
        width: 100%;
        height: 100%;
        margin: auto;
        transform: none;
        overflow: visible;
    }
}

main.home-landing .presence-saudi-geo__center .presence-geo-map__caption {
    margin: 0;
    padding: 0;
    text-align: center;
}

main.home-landing .presence-feature-strip,
main.home-landing .presence-feature-strip--section {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

main.home-landing .presence-feature-strip__scroll {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: clamp(12px, 1.5vw, 16px);
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--page-gutter);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(184, 130, 42, 0.45) transparent;
    padding: 2px var(--page-gutter) 8px;
    margin-inline: calc(-1 * var(--page-gutter));
    width: calc(100% + 2 * var(--page-gutter));
    max-width: 100vw;
    box-sizing: border-box;
}

main.home-landing .presence-feature-strip__scroll:focus-visible {
    outline: 2px solid rgba(216, 155, 43, 0.65);
    outline-offset: 2px;
    border-radius: 6px;
}

main.home-landing .presence-feature-card {
    flex: 0 0 auto;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    width: min(78vw, calc(100vw - (2 * var(--page-gutter)) - 28px));
    max-width: 100%;
    min-height: 72px;
    padding: 11px 13px;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.08);
    border-inline-start: 2px solid rgba(184, 130, 42, 0.55);
    border-radius: 10px;
    box-shadow: var(--iic-card-shadow);
    box-sizing: border-box;
}

main.home-landing .presence-feature-card__icon {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: var(--iic-icon-border);
    color: var(--iic-gold-primary);
    background: var(--iic-icon-surface);
    box-shadow: var(--iic-icon-shadow);
}

main.home-landing .presence-feature-card__icon svg {
    width: 17px;
    height: 17px;
    stroke: currentColor;
}

main.home-landing .presence-feature-card__copy {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

main.home-landing .presence-feature-card__title,
main.home-landing .presence-feature-card__text {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    -webkit-hyphens: none;
}

main.home-landing .presence-feature-card__title {
    margin: 0;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.74rem, 1.05vw, 0.82rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--iic-navy);
    line-height: 1.25;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    max-width: 100%;
}

main.home-landing .presence-feature-card__text {
    margin: 0;
    font-size: clamp(0.68rem, 0.9vw, 0.76rem);
    line-height: 1.42;
    color: var(--iic-muted);
}

@media (min-width: 641px) and (max-width: 899px) {
    main.home-landing .presence-feature-strip__scroll {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(14px, 2vw, 18px);
        overflow: visible;
        scroll-snap-type: none;
        padding: 2px 0 0;
        margin-inline: 0;
        width: 100%;
        max-width: 100%;
    }

    main.home-landing .presence-feature-card {
        width: auto;
        min-width: 0;
        scroll-snap-align: none;
    }
}

@media (min-width: 900px) {
    main.home-landing .presence-feature-strip__scroll {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: clamp(14px, 1.3vw, 18px);
        overflow: visible;
        scroll-snap-type: none;
        padding: 2px 0 0;
        margin-inline: 0;
        width: 100%;
        max-width: 100%;
        align-items: stretch;
    }

    main.home-landing .presence-feature-card {
        width: auto;
        min-width: 0;
        min-height: 80px;
        height: 100%;
        padding: 12px 14px;
        align-items: center;
        scroll-snap-align: none;
    }

    main.home-landing .presence-feature-card__title {
        font-size: clamp(0.76rem, 0.72vw, 0.84rem);
        letter-spacing: 0.035em;
    }
}

main.home-landing .presence-saudi-geo .presence-command__map-shell--geo.model-map-card {
    padding: clamp(5px, 0.65vw, 9px) !important;
    background: linear-gradient(180deg, #f8f7f3 0%, #f2f0ea 100%) !important;
    border: 1px solid rgba(13, 43, 92, 0.1) !important;
    border-radius: var(--radius-ui) !important;
    box-shadow: var(--iic-card-shadow) !important;
    backdrop-filter: none !important;
}

main.home-landing .presence-geo-map {
    background: rgba(255, 255, 255, 0.35) !important;
    border-radius: calc(var(--radius-ui) - 5px) !important;
    box-shadow: inset 0 0 0 1px rgba(13, 43, 92, 0.06) !important;
    min-height: min(200px, 42vw) !important;
    max-height: min(280px, 48vw) !important;
    overflow: visible !important;
}

main.home-landing .presence-geo-map__svg {
    transform: scale(1);
    transform-origin: center center;
    overflow: visible;
}

main.home-landing .presence-saudi-geo__center .presence-geo-map__caption,
main.home-landing .presence-command__map-shell--geo .presence-geo-map__caption {
    margin: 0;
    padding: 0;
    font-size: var(--type-small);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    color: var(--iic-muted);
    line-height: var(--line-normal);
}

main.home-landing .presence-geo-hub__halo {
    animation: none !important;
    opacity: 0.62 !important;
    transform: none !important;
    stroke: rgba(148, 112, 42, 0.38) !important;
}

main.home-landing .presence-geo-hub__dot {
    filter: none !important;
}

main.home-landing .presence-geo-hub__label {
    fill: rgba(7, 24, 52, 0.94) !important;
    stroke: rgba(252, 251, 248, 0.92) !important;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif !important;
    font-size: 2.55px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
    paint-order: stroke fill !important;
    stroke-width: 0.62px !important;
    stroke-linejoin: miter !important;
}

main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(6px, 0.7vw, 9px) !important;
    padding-inline-start: 0 !important;
    border-inline-start: none !important;
    border-left: none !important;
}

@media (min-width: 900px) {
    main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home {
        grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
        align-content: stretch !important;
        padding-inline-start: clamp(6px, 0.7vw, 10px) !important;
        border-inline-start: 1px solid rgba(13, 43, 92, 0.07) !important;
        margin-top: 0 !important;
        gap: 6px !important;
    }
}

main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home article.presence-stat {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    height: auto !important;
    box-sizing: border-box !important;
    padding: 6px 8px !important;
    border-radius: 12px !important;
    background: #fff !important;
    border: 1px solid rgba(13, 43, 92, 0.08) !important;
    border-inline-start: 2px solid rgba(184, 130, 42, 0.55) !important;
    box-shadow: var(--iic-card-shadow) !important;
    transition:
        transform 0.36s ease,
        box-shadow 0.36s ease,
        border-color 0.36s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home article.presence-stat:hover {
        border-color: rgba(13, 43, 92, 0.11) !important;
        border-inline-start-color: rgba(168, 124, 48, 0.72) !important;
        box-shadow: var(--iic-card-shadow-lift) !important;
        transform: translateY(-2px) !important;
    }
}

@media (min-width: 900px) {
    main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home article.presence-stat {
        min-height: 0 !important;
        height: 100% !important;
        padding: 6px 8px !important;
        gap: 7px !important;
    }

    main.home-landing .presence-saudi-geo .presence-stat__icon {
        width: 28px !important;
        height: 28px !important;
    }

    main.home-landing .presence-saudi-geo .presence-stat__icon svg {
        width: 13px !important;
        height: 13px !important;
    }

    main.home-landing .presence-saudi-geo .model-stat-grid--geo article.presence-stat span.presence-stat__k {
        font-size: clamp(0.74rem, 0.92vw, 0.86rem) !important;
    }
}

main.home-landing .presence-saudi-geo .presence-stat__icon {
    flex-shrink: 0 !important;
    width: var(--iic-icon-ring) !important;
    height: var(--iic-icon-ring) !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    border: var(--iic-icon-border) !important;
    color: var(--iic-gold-primary) !important;
    background: var(--iic-icon-surface) !important;
    box-shadow: var(--iic-icon-shadow) !important;
    transition:
        border-color 0.36s ease,
        box-shadow 0.36s ease !important;
}

main.home-landing .presence-saudi-geo .presence-stat__icon svg {
    width: var(--iic-icon-glyph) !important;
    height: var(--iic-icon-glyph) !important;
    stroke: currentColor !important;
}

main.home-landing .presence-saudi-geo .presence-stat__copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
}

main.home-landing .presence-saudi-geo .model-stat-grid--geo article.presence-stat span.presence-stat__k {
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif !important;
    font-size: clamp(0.76rem, 1.05vw, 0.9rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    color: rgba(10, 35, 72, 0.94) !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home article.presence-stat .presence-stat__metric {
    display: block !important;
    white-space: normal !important;
    flex-shrink: 1 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    max-width: 100% !important;
}

.home-model.home-landing .presence-saudi-geo.presence-command .model-stat-grid--home article.presence-stat span.presence-stat__k {
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif !important;
}

@media (max-width: 899px) {
    main.home-landing .presence-saudi-geo.presence-command.model-presence {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: none !important;
        justify-items: stretch !important;
        align-items: stretch !important;
        max-width: none !important;
    }

    main.home-landing .presence-saudi-geo .model-section-intro,
    main.home-landing .presence-saudi-geo__center,
    main.home-landing .presence-feature-strip--section,
    main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        height: auto !important;
        align-self: auto !important;
    }

    main.home-landing .presence-saudi-geo__center,
    main.home-landing .presence-saudi-geo .presence-command__map-shell--geo.model-map-card,
    main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home {
        width: 100% !important;
    }

    main.home-landing .presence-saudi-geo .presence-geo-map {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        flex: none !important;
    }

    main.home-landing .presence-saudi-geo .presence-geo-map__svg {
        width: 100% !important;
        max-width: 100% !important;
        transform: scale(1) !important;
        transform-origin: center center !important;
    }

    main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home {
        padding-inline-start: 0 !important;
        border-inline-start: none !important;
        margin-top: 0 !important;
        grid-template-rows: none !important;
    }

    main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home article.presence-stat {
        height: auto !important;
        min-height: 54px !important;
    }

    main.home-landing .presence-geo-hub__label {
        font-size: 2.85px !important;
    }
}

@media (min-width: 641px) and (max-width: 899px) {
    main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(8px, 1.2vw, 12px) !important;
    }

    main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home article.presence-stat {
        min-height: 58px !important;
    }
}

@media (max-width: 640px) {
    main.home-landing .presence-feature-strip__scroll {
        scroll-snap-type: x mandatory;
    }

    main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    main.home-landing .presence-saudi-geo .model-stat-grid--geo article.presence-stat span.presence-stat__k {
        font-size: clamp(0.74rem, 3.1vw, 0.86rem) !important;
    }

    main.home-landing .presence-geo-hub__label {
        font-size: 3px !important;
        letter-spacing: 0.12px !important;
    }

    main.home-landing .presence-saudi-geo .model-stat-grid--geo.model-stat-grid--home article.presence-stat {
        padding: 9px 11px !important;
        gap: 8px !important;
    }

    main.home-landing .presence-geo-map {
        min-height: min(148px, 42vw) !important;
        max-height: min(180px, 50vw) !important;
    }

    main.home-landing .presence-geo-map__svg {
        transform: scale(0.98);
    }
}


.home-landing .home-sectors {
    padding-block: var(--section-y);
    padding-inline: var(--page-gutter);
    border-top: 1px solid rgba(13, 43, 92, 0.06) !important;
    background: var(--iic-bg) !important;
    border-bottom: 1px solid var(--iic-border) !important;
}

.home-landing .home-sectors__head h2 {
    color: var(--iic-navy) !important;
}

.home-landing .home-sector-chip {
    border: 1px solid var(--iic-border) !important;
    background: #fff !important;
    color: var(--iic-navy) !important;
    box-shadow: 0 4px 14px rgba(10, 35, 72, 0.04);
}

.home-landing .home-sector-chip:hover {
    border-color: rgba(216, 155, 43, 0.45) !important;
    background: #fffaf0 !important;
    color: var(--iic-navy) !important;
}

.home-landing .home-sectors__note {
    color: var(--iic-muted) !important;
}

.home-model.home-landing .model-industries.home-industries {
    display: grid;
    grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
    gap: clamp(22px, 3vw, 32px);
    align-items: start;
    padding-block: var(--section-y-lg);
    background: var(--iic-bg-2) !important;
    border-bottom: 1px solid var(--iic-border) !important;
}

.home-landing .model-industries.home-industries .model-section-intro {
    min-width: 0;
}

.home-landing .model-industries.home-industries .model-section-intro h2,
.home-landing .model-industries.home-industries .home-industries-heading {
    color: var(--iic-navy) !important;
    max-width: none;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
}

.home-industries-heading {
    margin-bottom: 16px;
    font-size: clamp(1.65rem, 2.5vw, 2.35rem);
    line-height: 1.12;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-wrap: balance;
}

.home-industries-heading__line {
    display: block;
}

/* Homepage industries carousel */
main.home-landing .home-ind-related-carousel {
    position: relative;
    min-width: 0;
}

main.home-landing .home-ind-related-carousel__viewport {
    overflow: hidden;
    border-radius: var(--radius-ui);
    outline: none;
}

main.home-landing .home-ind-related-carousel__viewport:focus-visible {
    box-shadow: 0 0 0 3px rgba(216, 155, 43, 0.35);
}

main.home-landing .home-ind-related-carousel__track {
    display: flex;
    align-items: stretch;
    gap: clamp(12px, 1.4vw, 18px);
    margin: 0;
    padding: 4px 2px 8px;
    list-style: none;
    will-change: transform;
    transition: transform 620ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

main.home-landing .home-ind-related-carousel__slide {
    flex: 0 0 calc((100% - (2 * clamp(12px, 1.4vw, 18px))) / 3);
    min-width: 0;
    margin: 0;
    opacity: 0.82;
    transition: opacity 0.55s ease;
}

main.home-landing .home-ind-related-carousel__slide[aria-hidden="false"] {
    opacity: 1;
}

main.home-landing .home-ind-related-card {
    display: flex;
    align-items: flex-end;
    min-height: clamp(160px, 22vw, 200px);
    height: 100%;
    width: 100%;
    border-radius: var(--radius-ui);
    transition:
        transform 0.35s var(--iic-motion-ease-out),
        box-shadow 0.35s var(--iic-motion-ease-out);
}

@media (hover: hover) and (pointer: fine) {
    main.home-landing .home-ind-related-carousel__slide[aria-hidden="false"] .home-ind-related-card:hover {
        transform: translateY(-3px);
        box-shadow: var(--iic-card-shadow-lift);
    }
}

main.home-landing .home-ind-related-carousel__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(10px, 1.5vw, 18px);
    margin-top: clamp(12px, 1.6vw, 18px);
}

main.home-landing .home-ind-related-carousel__btn {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(13, 43, 92, 0.12);
    border-radius: 8px;
    background: #fff;
    color: var(--iic-navy);
    font-size: 1.3rem;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(10, 35, 72, 0.06);
    transition:
        transform 0.25s var(--iic-motion-ease-out),
        border-color 0.25s var(--iic-motion-ease-out);
}

main.home-landing .home-ind-related-carousel__btn:hover {
    border-color: rgba(184, 130, 42, 0.45);
}

main.home-landing .home-ind-related-carousel__dots {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

main.home-landing .home-ind-related-carousel__dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(13, 43, 92, 0.18);
    cursor: pointer;
    transition: background 0.3s ease, transform 0.3s ease;
}

main.home-landing .home-ind-related-carousel__dot.is-active,
main.home-landing .home-ind-related-carousel__dot[aria-selected="true"] {
    background: var(--iic-gold-primary);
    transform: scale(1.15);
}

main.home-landing .home-ind-related-carousel--reduced-motion .home-ind-related-carousel__track {
    transition: none !important;
}

@media (max-width: 1100px) {
    main.home-landing .home-ind-related-carousel__slide {
        flex-basis: calc((100% - clamp(12px, 1.4vw, 18px)) / 2);
    }
}

@media (max-width: 767px) {
    main.home-landing .home-ind-related-carousel__slide {
        flex-basis: 100%;
    }
}

/* Homepage final CTA */
main.home-landing .home-final-cta {
    padding-block: clamp(24px, 3.2vw, 36px) !important;
    padding-bottom: calc(clamp(24px, 3.2vw, 36px) + 4.75rem + env(safe-area-inset-bottom, 0px)) !important;
}

main.home-landing .home-final-cta .iic-final-cta__inner {
    max-width: min(760px, 100%);
}

main.home-landing .home-final-cta .iic-final-cta__trust {
    margin: 0 0 0.85rem;
    font-size: var(--type-small);
    font-weight: 600;
    letter-spacing: 0.05em;
    color: rgba(216, 180, 120, 0.92);
}

main.home-landing .home-final-cta .iic-final-cta__actions .button {
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        background 0.28s ease;
}

@media (hover: hover) and (pointer: fine) {
    main.home-landing .home-final-cta .iic-final-cta__actions .button:hover {
        transform: translateY(-2px);
    }
}

/* Homepage flow spacing */
main.home-landing .home-gateways + .home-values {
    margin-top: 0;
}

.home-landing .model-industries.home-industries .model-section-intro p {
    color: var(--iic-muted) !important;
}

.home-landing .model-industries.home-industries .model-industry-card {
    border-color: var(--iic-border) !important;
    box-shadow: var(--iic-card-shadow);
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.home-landing .model-industry-card::before {
    background: linear-gradient(180deg, rgba(248, 249, 251, 0.05), rgba(10, 35, 72, 0.82)) !important;
}

.home-landing .model-industry-card span {
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(7, 28, 60, 0.45);
}

@media (max-width: 900px) {
    .home-model.home-landing .model-industries.home-industries {
        grid-template-columns: 1fr;
    }

    .home-landing .model-industry-row--dense {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 430px) {
    .home-landing .model-industry-row--dense {
        grid-template-columns: 1fr !important;
    }
}

.home-landing .home-download-preview {
    background: var(--iic-bg) !important;
    border-bottom: 1px solid var(--iic-border) !important;
}

.home-landing .home-download-preview .section-heading h2,
.home-landing .home-download-preview .section-heading p {
    color: var(--iic-navy) !important;
}

.home-landing .home-download-preview .section-heading p {
    color: var(--iic-muted) !important;
}

.home-landing .download-preview-card {
    background: #fff !important;
    border: 1px solid var(--iic-border) !important;
    box-shadow: 0 16px 44px rgba(10, 35, 72, 0.085) !important;
}

.home-landing .download-preview-card h3 {
    color: var(--iic-navy) !important;
}

.home-landing .download-preview-card p {
    color: var(--iic-muted) !important;
}

.home-landing .download-preview-tag {
    border-color: var(--iic-border) !important;
    color: var(--iic-gold-primary) !important;
}

.home-download-preview__footer-link {
    text-align: center;
    margin: clamp(24px, 3vw, 36px) auto 0;
    max-width: var(--site-content);
}

@media (max-width: 1024px) {
    .home-landing .home-download-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .home-landing .home-download-grid {
        grid-template-columns: 1fr !important;
    }
}

/* --- Services nav: flat category dropdown (enterprise hierarchy) --- */

#nav-services-wrap .nav-dropdown--flat {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: min(240px, 88vw);
    padding: 0.45rem 0;
}

#nav-services-wrap .nav-dropdown--flat .nav-dropdown__link {
    display: block;
    padding: 0.55rem 1.1rem;
    font-weight: 600;
    font-size: var(--type-body-sm);
    color: var(--iic-navy);
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.15s ease, color 0.15s ease;
}

#nav-services-wrap .nav-dropdown--flat .nav-dropdown__link:hover,
#nav-services-wrap .nav-dropdown--flat .nav-dropdown__link:focus-visible {
    background: var(--iic-gold-soft);
    color: var(--iic-navy);
}

#nav-services-wrap .nav-dropdown--flat .nav-dropdown__link.active {
    background: linear-gradient(135deg, rgba(216, 155, 43, 0.18), rgba(10, 35, 72, 0.06));
    color: var(--iic-navy);
}

/* --- Category hub: card grid --- */

.service-page--category-hub .service-category-intro {
    padding-top: var(--section-y);
    padding-bottom: 0;
}

.service-page--category-hub .section-heading--compact {
    max-width: min(52rem, 100%);
    margin-inline: 0;
    text-align: start;
}

.service-page--category-hub .service-category-intro__text {
    font-size: var(--type-body);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
    margin: 0.75rem 0 0;
}

.service-hub-subnav {
    max-width: var(--site-content, 1200px);
    margin: clamp(1rem, 2vw, 1.5rem) auto 0;
    padding: 0 var(--gutter, 1.25rem);
}

.service-hub-subnav__label {
    font-size: var(--type-eyebrow, 0.75rem);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--iic-navy);
    margin: 0 0 0.65rem;
}

.service-hub-subnav__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.65rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.service-hub-subnav__list a {
    display: inline-block;
    padding: 0.4rem 0.85rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--iic-navy);
    background: rgba(15, 39, 68, 0.06);
    border: 1px solid rgba(15, 39, 68, 0.12);
    border-radius: 999px;
    text-decoration: none;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.service-hub-subnav__list a:hover {
    background: rgba(214, 158, 46, 0.12);
    border-color: rgba(214, 158, 46, 0.45);
}

.service-hub-group-title {
    font-size: clamp(1.15rem, 2vw, 1.35rem);
    font-weight: 700;
    color: var(--iic-navy) !important;
    margin: clamp(1.5rem, 3vw, 2rem) 0 1rem;
    padding-inline: var(--gutter, 1.25rem);
    max-width: var(--site-content, 1200px);
    margin-inline: auto;
}

.service-category-cards-section {
    padding-top: clamp(20px, 3vw, 36px);
}

.service-category-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
    gap: clamp(1.25rem, 2.5vw, 1.75rem);
    max-width: var(--site-content, 1200px);
    margin-inline: auto;
    align-items: stretch;
}

.service-category-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid var(--iic-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--iic-card-shadow);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.service-category-card:hover {
    box-shadow: var(--iic-card-shadow-lift);
    transform: translateY(-2px);
}

.service-category-card__media-wrap {
    display: block;
    text-decoration: none;
}

.service-category-card__media {
    aspect-ratio: 16 / 10;
    background-size: cover;
    background-repeat: no-repeat;
}

.service-category-card__body {
    padding: clamp(0.85rem, 1.6vw, 1.1rem) clamp(0.95rem, 1.8vw, 1.15rem) clamp(0.95rem, 1.7vw, 1.1rem);
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.4rem;
}

.service-category-card__title {
    margin: 0;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(1.2rem, 1.8vw, 1.45rem);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.service-category-card__title a {
    color: #10294d;
    text-decoration: none;
}

.service-category-card__title a:hover {
    color: var(--iic-royal);
}

.service-category-card__summary {
    margin: 0 0 0.35rem;
    flex: 1;
    font-size: clamp(0.88rem, 1.05vw, 0.95rem);
    color: var(--iic-muted);
    line-height: 1.52;
}

.service-category-card__cta {
    align-self: flex-start;
    margin-top: auto;
    padding-top: 0.2rem;
}

/* =============================================================================
   Cinematic motion — calm, premium, industrial (respects reduced motion)
   ============================================================================= */

@keyframes iicHomeHeroSurface {
    0% {
        transform: scale3d(1, 1, 1);
    }
    100% {
        transform: scale3d(1.018, 1.018, 1);
    }
}

@keyframes iicPageHeroSurface {
    0% {
        transform: scale3d(1, 1, 1);
    }
    100% {
        transform: scale3d(1.022, 1.022, 1);
    }
}

@keyframes iicStaggerReveal {
    from {
        opacity: 0;
        transform: translate3d(0, var(--iic-reveal-translate), 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Industries storytelling grid: transform-only stagger (no opacity ghosting) */
@keyframes iicSectorStoryCardReveal {
    from {
        transform: translate3d(0, var(--iic-reveal-translate), 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

/* Scroll reveals: standardized fade-up (executive / operational) */
.reveal,
.reveal-up {
    opacity: 0;
    transform: translate3d(0, var(--iic-reveal-translate), 0);
    transition:
        opacity var(--iic-motion-reveal) var(--iic-motion-ease-out),
        transform var(--iic-motion-reveal) var(--iic-motion-ease-out);
    transition-delay: var(--reveal-delay, 0ms);
}

.reveal.is-visible,
.reveal-up.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.reveal-left {
    transform: translate3d(calc(-1 * var(--iic-reveal-translate)), 0, 0);
    transition:
        opacity var(--iic-motion-reveal) var(--iic-motion-ease-out),
        transform var(--iic-motion-reveal) var(--iic-motion-ease-out);
}

.reveal-left.is-visible {
    transform: translate3d(0, 0, 0);
}

.reveal-right {
    transform: translate3d(var(--iic-reveal-translate), 0, 0);
    transition:
        opacity var(--iic-motion-reveal) var(--iic-motion-ease-out),
        transform var(--iic-motion-reveal) var(--iic-motion-ease-out);
}

.reveal-right.is-visible {
    transform: translate3d(0, 0, 0);
}

.reveal-scale {
    transform: scale3d(0.99, 0.99, 1);
    transition:
        opacity var(--iic-motion-reveal) var(--iic-motion-ease-out),
        transform var(--iic-motion-reveal) var(--iic-motion-ease-out);
}

.reveal-scale.is-visible {
    transform: scale3d(1, 1, 1);
}

.stagger-group.is-visible > * {
    animation: iicStaggerReveal var(--iic-motion-reveal) var(--iic-motion-ease-out) forwards;
    animation-delay: calc(var(--stagger-index, 0) * var(--iic-stagger-step));
}

/* Primary nav: gold underline grows calmly on hover */
.nav-links--main-tier > a:not(.nav-cta),
.nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent {
    position: relative;
    transition:
        color var(--iic-motion-medium) var(--iic-motion-ease-out),
        background var(--iic-motion-medium) var(--iic-motion-ease-out),
        box-shadow 0.5s var(--iic-motion-ease);
}

.nav-links--main-tier > a:not(.nav-cta)::after,
.nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent::after {
    content: "";
    position: absolute;
    inset-inline: 10px;
    bottom: 4px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--iic-gold-primary), var(--iic-gold-secondary));
    transform: scaleX(0);
    transform-origin: center;
    opacity: 0;
    transition:
        transform 0.5s var(--iic-motion-ease),
        opacity 0.45s var(--iic-motion-ease);
    pointer-events: none;
}

.nav-links--main-tier > a:not(.nav-cta):hover::after,
.nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent:hover::after {
    transform: scaleX(1);
    opacity: 0.85;
}

.nav-links--main-tier > a.active::after,
.nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent.active::after {
    opacity: 0;
    transform: scaleX(0);
}

/* Prevent hover underline from appearing when dropdown is open */
#nav-services-wrap.dropdown-open .nav-services-link:hover::after {
    transform: scaleX(0) !important;
    opacity: 0 !important;
}

/* Dropdowns: smooth depth */
.nav-dropdown {
    transition:
        opacity var(--iic-motion-medium) var(--iic-motion-ease),
        transform var(--iic-motion-medium) var(--iic-motion-ease),
        box-shadow var(--iic-motion-medium) var(--iic-motion-ease);
}

#nav-services-wrap .nav-tier__panel {
    transition:
        opacity 0.38s var(--iic-motion-ease),
        transform 0.38s var(--iic-motion-ease),
        visibility 0.38s;
}

#nav-services-wrap .nav-tier__sublink {
    transition:
        background var(--iic-motion-fast) var(--iic-motion-ease-out),
        color var(--iic-motion-fast) var(--iic-motion-ease-out),
        transform 0.35s var(--iic-motion-ease-out);
}

#nav-services-wrap .nav-tier__sublink:hover {
    transform: translateX(2px);
}

html[dir="rtl"] #nav-services-wrap .nav-tier__sublink:hover {
    transform: translateX(-2px);
}

/* Buttons: refined press + shadow */
.button,
a.button,
button.button {
    transition:
        transform 0.35s var(--iic-motion-ease-out),
        box-shadow 0.45s var(--iic-motion-ease),
        border-color 0.4s var(--iic-motion-ease),
        background 0.4s var(--iic-motion-ease),
        color 0.35s var(--iic-motion-ease-out);
}

.button:active,
a.button:active {
    transform: translateY(1px) scale(0.992);
    transition-duration: 0.12s;
}

.button--hero-navy .button__arrow,
.button .button__arrow {
    display: inline-block;
    transition: transform 0.45s var(--iic-motion-ease);
}

.button--hero-navy:hover .button__arrow,
.button:hover .button__arrow {
    transform: translateX(4px);
}

html[dir="rtl"] .button--hero-navy:hover .button__arrow,
html[dir="rtl"] .button:hover .button__arrow {
    transform: translateX(-4px);
}

/* Homepage & service cards: quiet lift + shadow */
.home-landing a.home-gateway,
.home-landing .home-core-card,
.services-hub-service-card,
.service-category-card,
main.service-doc .service-trust-card,
main.service-doc .methodology-item,
.service-page .service-trust-card,
.service-page .methodology-item {
    transition:
        transform 0.55s var(--iic-motion-ease),
        box-shadow 0.55s var(--iic-motion-ease),
        border-color 0.45s var(--iic-motion-ease);
}

@media (hover: hover) and (pointer: fine) {
    .home-landing a.home-gateway:hover {
        transform: translateY(-4px);
        box-shadow: var(--iic-card-shadow-lift);
    }

    .home-landing .home-core-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--iic-card-shadow-lift);
    }

    .services-hub-service-card:hover {
        transform: translateY(-4px);
    }

    .service-category-card:hover {
        transform: translateY(-4px);
    }

    main.service-doc .service-trust-card:hover,
    main.service-doc .methodology-item:hover,
    .service-page .service-trust-card:hover,
    .service-page .methodology-item:hover {
        transform: translateY(-4px);
        box-shadow: var(--iic-card-shadow-lift);
    }
}

/* Section rhythm on homepage: hairline between major bands */
.home-landing > section + section {
    scroll-margin-top: calc(var(--sticky-offset) + 12px);
    border-top: 1px solid transparent;
    background-image: linear-gradient(90deg, transparent, rgba(215, 225, 238, 0.55), transparent);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top center;
}

/* Final CTA uses gold hairline + solid navy; do not stack the gray section divider on top. */
.home-landing > section.iic-final-cta {
    border-top: 1px solid rgba(214, 163, 54, 0.28);
    background-image: none;
    background-size: auto;
    background-repeat: repeat;
    background-position: 0 0;
}

@media (prefers-reduced-motion: reduce) {
    .reveal,
    .reveal-up,
    .reveal-left,
    .reveal-right,
    .reveal-scale,
    .stagger-group > * {
        transition: none !important;
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .home-landing .home-hero__inner {
        transform: none !important;
        transition: none !important;
    }

    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg,
    .page-hero::before {
        animation: none !important;
    }

    .model-hero-copy > * {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .page-hero .page-hero-copy > * {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

    main:not(.home-landing) .section-heading h2::after,
    .service-page--category-hub .section-heading h2::after {
        transition: none !important;
    }

    .nav-links--main-tier > a:not(.nav-cta)::after,
    .nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent::after {
        display: none;
    }

    .button:active,
    a.button:active {
        transform: none;
    }
}

/* --- About page: executive / industrial enterprise layout --- */

.about-hero {
    /* Hero height/padding now standardized via .page-hero class using unified design tokens */
}

.about-enterprise {
    background: var(--iic-bg);
    color: var(--iic-navy);
}

.about-enterprise__band {
    padding-block: clamp(1.75rem, 3.2vw, 2.5rem);
    border-top: 1px solid rgba(10, 35, 72, 0.15);
}

.about-enterprise__band--alt {
    background: var(--iic-bg-2);
}

.about-enterprise__inner {
    width: 100%;
    max-width: 1040px;
    margin-inline: auto;
    padding-inline: var(--page-gutter);
    box-sizing: border-box;
}

.about-enterprise__head {
    margin-bottom: clamp(1.2rem, 2.4vw, 1.75rem);
}

.about-enterprise__head--center {
    text-align: start;
    margin-inline: 0;
    max-width: min(900px, 100%);
}

.about-enterprise__head .eyebrow {
    margin-bottom: 0.45rem;
    font-size: var(--type-small);
    letter-spacing: 0.15em;
    font-weight: 700;
    color: var(--iic-gold-primary);
    text-transform: uppercase;
}

.about-enterprise__head h2 {
    margin: 0 0 0.65rem;
    font-size: var(--type-h3);
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: var(--line-normal);
    color: var(--iic-navy);
    text-transform: none !important;
}

#about-saudi-heading {
    text-transform: none !important;
}

.about-enterprise__lead {
    margin: 0;
    max-width: min(70ch, 100%);
    font-size: var(--type-body-lg);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
}

.about-enterprise__head--center .about-enterprise__lead {
    margin-inline: auto;
}

.about-enterprise__lead--narrow {
    max-width: min(52ch, 100%);
}

.about-enterprise__meta {
    margin: 0.75rem 0 0;
    font-size: var(--type-caption);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--iic-muted);
}

.about-enterprise-page .about-enterprise__established {
    margin: 0.35rem 0 0.65rem;
    font-family: var(--iic-font-display);
    font-size: clamp(0.78rem, 1.05vw, 0.88rem);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--iic-gold-primary);
}

.about-enterprise-page .about-hero .about-enterprise__established {
    color: rgba(216, 155, 43, 0.95);
}

.about-enterprise__credibility {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(10px, 1.4vw, 14px);
    max-width: 100%;
    margin: 0 0 1.25rem;
}

.about-enterprise__credibility-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: clamp(92px, 10vw, 108px);
    padding: clamp(14px, 1.6vw, 18px) clamp(12px, 1.4vw, 16px);
    text-align: center;
    border: 1px solid var(--iic-border);
    border-top: 2px solid rgba(197, 139, 23, 0.45);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(10, 35, 72, 0.06);
}

.about-enterprise__credibility-value {
    font-family: var(--iic-font-display);
    font-size: clamp(1.35rem, 2vw, 1.65rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.02em;
    color: var(--iic-navy, #0f2d54);
}

.about-enterprise__credibility-label {
    font-size: var(--type-caption);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--iic-muted);
    max-width: 16ch;
    line-height: 1.35;
}

html[dir="rtl"] .about-enterprise__credibility-card {
    align-items: center;
}

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

@media (max-width: 640px) {
    .about-enterprise__credibility {
        max-width: 100%;
    }
}

.about-enterprise__prose p {
    margin: 0 0 0.85rem;
    max-width: min(76ch, 100%);
    font-size: var(--type-body);
    line-height: var(--line-relaxed)6;
    color: var(--iic-muted);
    text-transform: none;
}

.about-enterprise__prose p:last-child {
    margin-bottom: 0;
}

.about-enterprise__disciplines {
    list-style: none;
    margin: 0 0 1.35rem;
    padding: 0;
    border: 1px solid var(--iic-border);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 12px rgba(10, 35, 72, 0.03);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.about-enterprise__disciplines li {
    border-bottom: 1px solid var(--iic-border);
}

.about-enterprise__disciplines li:last-child {
    border-bottom: 0;
}

.about-enterprise__disciplines a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    text-decoration: none;
    color: var(--iic-navy);
    font-weight: 600;
    font-size: var(--type-body);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.about-enterprise__disciplines a:hover {
    background: rgba(10, 35, 72, 0.04);
}

.about-enterprise__discipline-go {
    font-size: var(--type-h4);
    opacity: 0.45;
    font-weight: 400;
}

.about-enterprise__footnote {
    margin: 0;
    max-width: min(62ch, 100%);
    font-size: var(--type-body-sm);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
}

.about-enterprise__card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(0.9rem, 1.8vw, 1.15rem);
    align-items: stretch;
}

.about-enterprise__card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
    padding: clamp(1.1rem, 1.9vw, 1.4rem);
    background: #fff;
    border: 1px solid var(--iic-border);
    border-radius: 12px;
    box-shadow: var(--iic-card-shadow);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.about-enterprise__card:hover {
    border-color: rgba(216, 155, 43, 0.35);
    box-shadow: var(--iic-card-shadow-lift);
}

.about-enterprise__card h3 {
    margin: 0 0 0.45rem;
    font-size: var(--type-body-lg);
    font-weight: 700;
    color: var(--iic-navy);
    letter-spacing: 0.005em;
}

.about-enterprise__card p {
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    font-size: var(--type-body-sm);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
}

.about-enterprise__purpose-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(0.9rem, 1.8vw, 1.15rem);
    align-items: stretch;
}

.about-enterprise__purpose-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: clamp(1.05rem, 1.8vw, 1.35rem);
    background: #fff;
    border: 1px solid var(--iic-border);
    border-radius: 12px;
    border-top: 3px solid var(--iic-gold-primary);
    box-shadow: var(--iic-card-shadow);
}

.about-enterprise__purpose-card span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    margin-bottom: 0.75rem;
    border-radius: 50%;
    background: rgba(216, 155, 43, 0.12);
    color: var(--iic-gold-primary);
    font-size: var(--type-caption);
    font-weight: 800;
    letter-spacing: 0.08em;
}

.about-enterprise__purpose-card h3 {
    margin: 0 0 0.45rem;
    font-size: var(--type-body-lg);
    font-weight: 700;
    color: var(--iic-navy);
    text-transform: none;
}

.about-enterprise__purpose-card p {
    margin: 0;
    font-size: var(--type-body-sm);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
    text-transform: none;
}

.about-enterprise__sector-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(0.9rem, 1.8vw, 1.15rem);
    align-items: stretch;
}

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

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

    .about-enterprise__card-grid {
        grid-template-columns: 1fr;
    }

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

    .about-enterprise__why-grid {
        grid-template-columns: 1fr;
    }

    .about-enterprise__head--center {
        margin-inline: 0;
    }

    .about-enterprise__inner {
        max-width: 100%;
    }

    /* Insights responsive refinements */
    .insights-card-grid {
        grid-template-columns: 1fr;
    }

    .insights-resource-grid {
        grid-template-columns: 1fr;
    }

    .insights-resource-card .button {
        width: 100%;
    }
}

.about-enterprise__sector {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
    padding: clamp(1rem, 1.8vw, 1.35rem);
    background: #fff;
    border: 1px solid var(--iic-border);
    border-radius: 12px;
    border-inline-start: 3px solid var(--iic-gold);
    box-shadow: var(--iic-card-shadow);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.about-enterprise__sector:hover {
    box-shadow: var(--iic-card-shadow-lift);
}

.about-enterprise__sector h3 {
    margin: 0 0 0.4rem;
    font-size: var(--type-body-lg);
    font-weight: 700;
    color: var(--iic-navy);
    letter-spacing: 0.005em;
}

.about-enterprise__sector p {
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    font-size: var(--type-body-sm);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
}

.about-enterprise__why-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(0.85rem, 1.6vw, 1.05rem);
    align-items: stretch;
}

.about-enterprise__why {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
    padding: clamp(0.9rem, 1.5vw, 1.05rem) clamp(0.85rem, 1.3vw, 0.95rem);
    background: #fff;
    border: 1px solid var(--iic-border);
    border-radius: 10px;
    box-shadow: var(--iic-card-shadow);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.about-enterprise__why:hover {
    box-shadow: var(--iic-card-shadow-lift);
    border-color: rgba(216, 155, 43, 0.25);
}

.about-enterprise__why h3 {
    margin: 0 0 0.35rem;
    font-size: var(--type-body-sm);
    font-weight: 700;
    color: var(--iic-navy);
    letter-spacing: 0.005em;
}

.about-enterprise__why p {
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    font-size: var(--type-caption);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
}

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

@media (max-width: 640px) {
    .about-enterprise__card-grid,
    .about-enterprise__purpose-grid,
    .about-enterprise__sector-grid {
        grid-template-columns: 1fr;
    }

    .about-enterprise__why-grid {
        grid-template-columns: 1fr;
    }
}

/* About / Careers — premium FAQ accordion */
.about-enterprise__band--faq {
    background: #ffffff;
}

.about-enterprise__faq {
    max-width: min(820px, 100%);
    margin-inline: auto;
    border: 1px solid var(--iic-border);
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
}

.about-enterprise__faq-item {
    border-bottom: 1px solid rgba(10, 35, 72, 0.1);
}

.about-enterprise__faq-item:last-child {
    border-bottom: none;
}

.about-enterprise__faq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.25rem) clamp(1.1rem, 2.4vw, 1.5rem);
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.about-enterprise__faq-item summary::-webkit-details-marker {
    display: none;
}

.about-enterprise__faq-q {
    font-size: var(--type-body);
    font-weight: 600;
    line-height: var(--line-normal);
    color: var(--iic-navy);
}

.about-enterprise__faq-icon {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--iic-gold-primary);
    transition: transform 0.2s ease;
}

.about-enterprise__faq-item[open] .about-enterprise__faq-icon {
    transform: rotate(45deg);
}

.about-enterprise__faq-a {
    padding: 0 clamp(1.1rem, 2.4vw, 1.5rem) clamp(1rem, 2vw, 1.25rem);
}

.about-enterprise__faq-a p {
    margin: 0;
    font-size: var(--type-body);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
}

@media (hover: hover) and (pointer: fine) {
    .about-enterprise__faq-item summary:hover .about-enterprise__faq-q {
        color: var(--iic-gold-primary);
    }
}

@media (max-width: 640px) {
    .about-enterprise__faq-item summary {
        padding: 1rem 1.1rem;
    }

    .about-enterprise__faq-a {
        padding: 0 1.1rem 1rem;
    }
}

/* =============================================================================
   Cross-page polish: icons, rhythm, soft motion (executive / industrial)
   ============================================================================= */

.iic-gold-sep {
    display: block;
    width: min(820px, calc(100% - 2 * var(--page-gutter)));
    margin: clamp(0.75rem, 1.5vw, 1.15rem) auto;
    height: 1px;
    border: 0;
    padding: 0;
    background: linear-gradient(90deg, transparent, rgba(216, 155, 43, 0.38), transparent);
    opacity: 0.9;
}

.iic-line-icon {
    display: block;
    width: var(--iic-icon-glyph);
    height: var(--iic-icon-glyph);
    flex-shrink: 0;
    box-sizing: content-box;
}

.iic-line-icon path,
.iic-line-icon circle,
.iic-line-icon line,
.iic-line-icon polyline,
.iic-line-icon polygon {
    vector-effect: non-scaling-stroke;
}

.iic-line-icon path:not([fill="currentColor"]),
.iic-line-icon circle:not([fill="currentColor"]),
.iic-line-icon line,
.iic-line-icon polyline,
.iic-line-icon polygon {
    stroke-width: var(--iic-icon-stroke);
}

.iic-point-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--iic-icon-ring);
    height: var(--iic-icon-ring);
    min-width: var(--iic-icon-ring);
    min-height: var(--iic-icon-ring);
    margin: 0 0 0.65rem;
    padding: 0;
    border-radius: 50%;
    box-sizing: border-box;
    color: var(--iic-gold-primary);
    background: var(--iic-icon-surface);
    border: var(--iic-icon-border);
    box-shadow: var(--iic-icon-shadow);
}

.iic-point-icon .iic-line-icon {
    width: var(--iic-icon-glyph);
    height: var(--iic-icon-glyph);
}

.iic-point-icon--compact {
    width: var(--iic-icon-ring);
    height: var(--iic-icon-ring);
    min-width: var(--iic-icon-ring);
    min-height: var(--iic-icon-ring);
    margin-bottom: 0.65rem;
    border-radius: 50%;
}

.about-enterprise__card .iic-point-icon,
.about-enterprise__sector .iic-point-icon,
.about-enterprise__why .iic-point-icon {
    margin-bottom: 0.65rem;
}

.service-category-card__body .iic-point-icon {
    margin-bottom: 0.5rem;
}

.luxury-dossier .dossier-grid .iic-point-icon,
.luxury-dossier .dossier-grid .iic-point-icon--compact {
    margin-bottom: 0.5rem;
}

/* Section rhythm: slightly tighter vertical bands on inner pages */
main:not(.home-landing) > .section {
    padding-block: var(--iic-section-pad-y);
}

main.service-doc > .section {
    padding-block: var(--iic-section-pad-y-doc);
}

/* Gold accent rule under section H2s (inner pages + hubs) */
main:not(.home-landing) .section-heading h2,
.service-page--category-hub .section-heading h2 {
    position: relative;
    padding-bottom: 0.35rem;
}

main:not(.home-landing) .section-heading h2::after,
.service-page--category-hub .section-heading h2::after {
    content: "";
    display: block;
    width: 3rem;
    height: 2px;
    margin-top: 0.65rem;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--iic-gold-primary), var(--iic-gold-secondary));
    transform-origin: 0 50%;
    transition:
        width 0.65s var(--iic-motion-ease-out),
        opacity 0.45s var(--iic-motion-ease-out);
}

main:not(.home-landing) .section-heading:hover h2::after,
.service-page--category-hub .section-heading:hover h2::after {
    width: 4.25rem;
}

html[dir="rtl"] main:not(.home-landing) .section-heading h2::after,
html[dir="rtl"] .service-page--category-hub .section-heading h2::after {
    transform-origin: 100% 50%;
}

.section-heading[style*="text-align: center"] h2::after,
.section-heading.text-center h2::after {
    margin-inline: auto;
}

/* Soft card lift — calm hover */
@media (hover: hover) and (pointer: fine) {
    .about-enterprise__card,
    .about-enterprise__sector,
    .about-enterprise__why,
    .service-trust-card,
    .methodology-item,
    .readiness-stage,
    .pathway-stage,
    .maintenance-discipline,
    .service-category-card,
    .detail-card,
    .insights-card,
    .insights-resource-card,
    .insights-bulletin-row,
    .service-related-card {
        background: #ffffff;
        border: 1px solid var(--iic-border);
        border-radius: var(--radius-ui);
        box-shadow: var(--iic-card-shadow);
        padding: clamp(1.2rem, 2.4vw, 1.5rem);
        transition:
            transform 0.3s var(--iic-motion-ease-out),
            box-shadow 0.3s var(--iic-motion-ease-out),
            border-color 0.3s var(--iic-motion-ease-out);
    }

    .download-card,
    .certification-pathway,
    .careers-page .pathway,
    .progression-stage,
    .fm-layer,
    .marine-service-card,
    .marine-technical-card,
    .marine-page .trust-point,
    .pillar-card,
    .printing-category-card,
    .workflow-step,
    .benefit-card,
    .material-item,
    .sector-story-card,
    .industry-detail-card,
    .training-audience-item,
    .training-outcome-item,
    .downloads-card,
    .reel-panel,
    .home-core-card,
    .services-hub-service-card,
    .services-hub-advantage-card {
        transition:
            transform 0.55s var(--iic-motion-ease-out),
            box-shadow 0.55s var(--iic-motion-ease-out),
            border-color 0.45s var(--iic-motion-ease-out);
    }

    .about-enterprise__card:hover,
    .about-enterprise__sector:hover,
    .about-enterprise__why:hover,
    .service-trust-card:hover,
    .methodology-item:hover,
    .readiness-stage:hover,
    .pathway-stage:hover,
    .maintenance-discipline:hover,
    .service-category-card:hover,
    .detail-card:hover,
    .insights-card:hover,
    .insights-resource-card:hover,
    .insights-bulletin-row:hover {
        transform: translateY(-2px);
        box-shadow: var(--iic-card-shadow-lift);
        border-color: rgba(13, 43, 92, 0.14);
    }

    .service-related-card h3 {
        color: #10294d;
        margin-bottom: 0.4rem;
    }

    .service-related-card h3 a {
        color: var(--iic-navy);
        text-decoration: none;
    }

    .service-related-card h3 a:hover {
        color: var(--iic-gold-primary);
    }

    .service-related-card p {
        color: var(--iic-muted);
        margin-bottom: 0.75rem;
        font-size: 0.95rem;
        line-height: 1.5;
    }

    .service-related-card .iic-point-icon {
        color: var(--iic-gold-primary);
        margin-bottom: 0.75rem;
    }

    .service-related-card .outline-link {
        color: var(--iic-gold-primary);
        border-color: var(--iic-gold-primary);
        font-weight: 600;
    }

    .service-related-card .outline-link:hover {
        color: var(--iic-gold-secondary);
        border-color: var(--iic-gold-secondary);
    }

    .service-related-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(13, 43, 92, 0.08);
        border-color: rgba(216, 155, 43, 0.25);
    }

    .download-card:hover,
    .certification-pathway:hover,
    .careers-page .pathway:hover,
    .progression-stage:hover,
    .fm-layer:hover,
    .marine-service-card:hover,
    .marine-technical-card:hover,
    .marine-page .trust-point:hover,
    .pillar-card:hover,
    .printing-category-card:hover,
    .workflow-step:hover,
    .benefit-card:hover,
    .material-item:hover,
    .sector-story-card:hover,
    .industry-detail-card:hover,
    .training-audience-item:hover,
    .training-outcome-item:hover,
    .download-card:hover,
    .downloads-card:hover,
    .reel-panel:hover,
    .home-core-card:hover,
    .services-hub-service-card:hover,
    .services-hub-advantage-card:hover {
        transform: translate3d(0, -4px, 0);
        box-shadow: var(--iic-card-shadow-lift);
    }

    .home-operational-card:hover {
        transform: translate3d(0, -4px, 0);
        box-shadow: var(--iic-card-shadow-lift);
        border-color: rgba(13, 43, 92, 0.11);
    }

    .insights-card {
        overflow: hidden;
    }

    .insights-card-media {
        transition: transform 0.85s var(--iic-motion-ease-out);
    }

    .insights-card:hover .insights-card-media {
        transform: scale3d(1.02, 1.02, 1);
    }

    .service-category-card__media-wrap {
        display: block;
        overflow: hidden;
        border-radius: 12px 12px 0 0;
    }

    .service-category-card__media {
        transition: transform 0.75s var(--iic-motion-ease-out);
    }

    .service-category-card:hover .service-category-card__media {
        transform: scale(1.022);
    }

    .services-hub-service-media {
        transition: transform 0.75s var(--iic-motion-ease-out);
    }

    .services-hub-service-card:hover .services-hub-service-media {
        transform: scale(1.022);
    }

    .home-core-card__media {
        transition: transform 0.75s var(--iic-motion-ease-out);
    }

    .home-core-card:hover .home-core-card__media {
        transform: scale(1.022);
    }

    .home-gateway__media {
        transition: transform 0.85s var(--iic-motion-ease-out);
    }

    .home-gateway:hover .home-gateway__media {
        transform: scale(1.022);
    }

    .model-industry-card {
        transition:
            transform 0.65s var(--iic-motion-ease-out),
            box-shadow 0.65s var(--iic-motion-ease-out);
    }

    .model-industry-card:hover {
        transform: translate3d(0, -3px, 0);
        box-shadow: var(--iic-card-shadow-lift);
    }

    .button,
    a.button,
    button.button {
        transition:
            transform 0.4s var(--iic-motion-ease-out),
            box-shadow 0.45s var(--iic-motion-ease-out),
            border-color 0.4s var(--iic-motion-ease-out),
            background 0.4s var(--iic-motion-ease-out),
            color 0.35s var(--iic-motion-ease-out);
    }

    .button:hover,
    a.button:hover,
    button.button:hover {
        transform: translate3d(0, -2px, 0);
    }

    .button:active,
    a.button:active,
    button.button:active {
        transform: translate3d(0, 0, 0);
    }

    .home-core-card:hover {
        border-color: rgba(216, 155, 43, 0.28);
    }

    .home-core-card:hover .home-core-card__cta-arrow {
        transform: translateX(4px);
    }

    /* Services hub dark cards: keep depth in black/navy, not light-card lift shadow */
    .services-hub-page .services-hub-ecosystem .services-hub-service-card:hover,
    .services-hub-page .services-hub-advantages .services-hub-advantage-card:hover {
        box-shadow:
            0 16px 40px rgba(0, 0, 0, 0.5),
            0 4px 12px rgba(0, 0, 0, 0.36);
    }
}

/* Small badge treatment for methodology / pathway type labels */
main.service-doc .methodology-type,
main.service-doc .stage-indicator {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: var(--type-small);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--iic-royal);
    margin-bottom: 0.35rem;
}

main.service-doc .stage-number {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: var(--type-small);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: none;
    color: var(--iic-gold-primary);
    margin-bottom: 0.35rem;
}

main.service-doc .stage-number::before {
    display: none;
}

main.service-doc .methodology-type::before,
main.service-doc .stage-indicator::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--iic-gold-primary);
    opacity: 0.85;
}

/* Icon + list rhythm (training, insights, marine KPIs, downloads) */
.training-audience-item {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.training-audience-item__icon {
    flex-shrink: 0;
    margin-top: 0.06rem;
}

.training-audience-item__text {
    flex: 1;
    min-width: 0;
}

.training-outcome-icon .iic-line-icon {
    width: var(--iic-icon-glyph);
    height: var(--iic-icon-glyph);
    display: block;
}

.insights-card-body__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--iic-icon-ring);
    height: var(--iic-icon-ring);
    margin: 0 0 0.5rem;
    border-radius: 50%;
    box-sizing: border-box;
    background: var(--iic-icon-surface);
    border: var(--iic-icon-border);
    box-shadow: var(--iic-icon-shadow);
    color: var(--iic-gold-primary) !important;
}

.insights-card-body__icon .iic-line-icon {
    width: var(--iic-icon-glyph);
    height: var(--iic-icon-glyph);
}

.insights-card {
    box-shadow: var(--iic-card-shadow) !important;
}

.insights-card:hover {
    box-shadow: var(--iic-card-shadow-lift) !important;
}

.insights-card-body {
    min-height: 0;
}

.insights-card-body p {
    flex: 1 1 auto;
    min-height: 0;
}

.insights-card-grid {
    align-items: stretch;
}

.insights-resource-tag {
    color: rgba(216, 155, 43, 0.85) !important;
    font-weight: 700 !important;
    font-size: var(--type-small) !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

.insights-bulletin-row {
    background: linear-gradient(135deg, rgba(30, 42, 60, 0.88) 0%, rgba(18, 28, 44, 0.94) 100%) !important;
    border: 1px solid rgba(13, 43, 92, 0.22) !important;
    border-left: 3px solid rgba(216, 155, 43, 0.42) !important;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.18),
        0 2px 10px rgba(13, 43, 92, 0.08) !important;
    padding: 20px 24px !important;
    transition: border-left-color 0.22s ease, box-shadow 0.22s ease !important;
}

.insights-bulletin-row:hover {
    border-left-color: rgba(216, 155, 43, 0.58) !important;
    box-shadow:
        0 14px 36px rgba(0, 0, 0, 0.22),
        0 4px 12px rgba(13, 43, 92, 0.1) !important;
}

.insights-bulletin-id {
    color: rgba(216, 155, 43, 0.9) !important;
    font-weight: 700 !important;
    font-size: var(--type-small) !important;
    letter-spacing: 0.12em !important;
}

.insights-bulletin-row strong {
    color: rgba(255, 255, 255, 0.92) !important;
    font-weight: 600 !important;
    font-size: var(--type-body-sm) !important;
}

.insights-bulletin-row p {
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: var(--type-caption) !important;
    line-height: var(--line-relaxed)2 !important;
}

.insights-bulletin-audience {
    color: rgba(216, 155, 43, 0.78) !important;
    font-weight: 600 !important;
    font-size: var(--type-caption) !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

.insights-bulletin-list {
    max-width: 900px !important;
    margin-inline: auto !important;
}

@media (max-width: 640px) {
    .insights-bulletins-section::before {
        font-size: clamp(4rem, 22vw, 7rem) !important;
        letter-spacing: 0.06em !important;
        opacity: 0.12 !important;
    }

    .insights-bulletin-row {
        padding: 16px 18px !important;
    }
}

/* ===== HERO H1 VISIBILITY STANDARDIZATION — ALL INNER PAGES ===== */

.page-hero-copy h1,
.split-hero__content h1,
.about-hero h1,
.contact-hero h1,
.careers-hero h1,
.services-hero h1 {
    color: #ffffff !important;
}

/* ----- Careers page — recruitment UX (hero, split, progression, CTA edge) ----- */

/* Hero: left read band + moderate vertical wash (lighter than global overlay); stable image */
.careers-page .careers-hero.page-hero::before {
    background:
        linear-gradient(
            90deg,
            rgba(5, 16, 34, 0.55) 0%,
            rgba(5, 16, 34, 0.2) 46%,
            rgba(5, 16, 34, 0.06) 74%,
            transparent 100%
        ),
        linear-gradient(180deg, rgba(5, 16, 34, 0.58) 0%, rgba(5, 16, 34, 0.42) 100%),
        var(--hero-image) 32% 32% / cover no-repeat;
    background-color: #050f1f;
    filter: brightness(0.93);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: none !important;
}

.careers-page .careers-hero.page-hero::after {
    background: linear-gradient(180deg, transparent 0%, transparent 64%, rgba(3, 12, 28, 0.3) 100%);
}


@media (max-width: 768px) {
    .careers-page .careers-hero.page-hero::before {
        background:
            linear-gradient(90deg, rgba(5, 16, 34, 0.52) 0%, rgba(5, 16, 34, 0.16) 56%, transparent 82%),
            linear-gradient(180deg, rgba(5, 16, 34, 0.7) 0%, rgba(5, 16, 34, 0.52) 100%),
            var(--hero-image) 44% 28% / cover no-repeat;
        filter: brightness(0.9);
    }

    .careers-page .careers-hero.page-hero::after {
        background: linear-gradient(180deg, transparent 0%, transparent 56%, rgba(3, 12, 28, 0.38) 100%);
    }
}

@media (max-height: 460px) and (orientation: landscape) and (max-width: 960px) {
    .careers-page .page-hero .hero-actions {
        flex-wrap: wrap;
        gap: 10px 12px;
    }
}

html[dir="rtl"] .careers-page .careers-hero.page-hero::before {
    background:
        linear-gradient(
            270deg,
            rgba(5, 16, 34, 0.55) 0%,
            rgba(5, 16, 34, 0.2) 46%,
            rgba(5, 16, 34, 0.06) 74%,
            transparent 100%
        ),
        linear-gradient(180deg, rgba(5, 16, 34, 0.58) 0%, rgba(5, 16, 34, 0.42) 100%),
        var(--hero-image) 32% 32% / cover no-repeat;
    background-color: #050f1f;
}

/* Split band: site grid width, stretch rails, readable measure */
.careers-page .section.split {
    max-width: var(--site-max-wide);
    margin-inline: auto;
    width: 100%;
    column-gap: clamp(20px, 3.5vw, 48px);
    align-items: stretch;
}

.careers-page .section.split .section-copy {
    max-width: min(52rem, 100%);
}

.careers-page .section.split .section-copy p {
    max-width: 52ch;
}

/* Image rail: radius token, calmer hover, handshake focal crop */
.careers-page .careers-image-panel {
    border-radius: var(--radius-ui);
    min-height: clamp(300px, 48vw, 520px);
    background-position: 48% 22%;
    transition:
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        background-size 0.55s var(--iic-motion-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.28);
}

@media (hover: hover) and (pointer: fine) {
    .careers-page .careers-image-panel:hover {
        background-size: 106%;
        border-color: rgba(216, 155, 43, 0.35);
        box-shadow: 0 16px 44px rgba(0, 0, 0, 0.34);
    }
}

@media (hover: none), (pointer: coarse) {
    .careers-page .careers-image-panel:hover {
        background-size: cover;
    }
}

/* Progression: navy dashboard clarity + rhythm */
.careers-page .career-progression-section {
    padding-block: var(--section-y-lg);
}

.careers-page .career-progression-section .section-heading {
    max-width: var(--site-content);
    margin-inline: auto;
    margin-bottom: clamp(22px, 3.2vw, 32px);
}

.careers-page .career-progression-section .section-heading h2 {
    color: #ffffff;
}

.careers-page .career-progression-section .section-heading .eyebrow {
    color: var(--iic-gold-primary);
}

.careers-page .career-progression-section .section-heading p {
    max-width: 62ch;
    margin-inline: 0;
    color: rgba(255, 255, 255, 0.85);
}

.careers-page .progression-pathways {
    gap: clamp(28px, 3.5vw, 40px);
}

.careers-page .pathway {
    padding: clamp(20px, 2.5vw, 28px);
    border-radius: var(--radius-ui);
    background: #ffffff !important;
    border: 1.5px solid var(--iic-border) !important;
    box-shadow: var(--iic-card-shadow) !important;
}

.careers-page .pathway h3 {
    margin: 0 0 clamp(14px, 2vw, 20px);
    letter-spacing: 0.07em;
    color: var(--iic-navy) !important;
}

.careers-page .pathway__icon {
    margin-bottom: 0.35rem;
}

.careers-page .progression-tier {
    border-radius: var(--radius-ui);
    background: #fafbfc !important;
    border: 1px solid var(--iic-border) !important;
    min-width: min(100%, 200px);
}

.careers-page .progression-tier p {
    color: var(--iic-muted) !important;
    line-height: var(--line-relaxed);
}

.careers-page .progression-tier strong {
    color: var(--iic-navy) !important;
}

.careers-page .tier-level {
    color: var(--iic-gold-primary);
}

.careers-page .progression-connector {
    color: var(--iic-gold-primary);
    font-size: var(--type-body);
}

@media (max-width: 1200px) and (min-width: 621px) {
    .careers-page .progression-levels {
        gap: 14px;
    }
}

@media (max-width: 900px) {
    .careers-page .section.split .section-copy p {
        max-width: none;
    }
}

@media (max-width: 640px) {
    .careers-page .career-progression-section .section-heading {
        margin-bottom: 20px;
    }

    .careers-page .pathway {
        padding: 18px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .careers-page .pathway.premium-card-hover:hover,
    .careers-page .career-support-card.premium-card-hover:hover {
        transform: translateY(-3px);
        box-shadow: var(--iic-card-shadow-lift) !important;
        border-color: rgba(216, 155, 43, 0.35) !important;
    }
}

/* Careers — facility & industrial support role grid */
.careers-page .career-support-section {
    padding: var(--section-y-lg) var(--page-gutter);
    background: var(--iic-bg);
    border-top: 1px solid rgba(10, 35, 72, 0.08);
}

.careers-page .career-support-section .section-heading {
    max-width: var(--site-content);
    margin-inline: auto;
    margin-bottom: clamp(22px, 3.2vw, 32px);
}

.careers-page .career-support-section .section-heading h2 {
    color: var(--iic-navy);
}

.careers-page .career-support-section .section-heading .eyebrow {
    color: var(--iic-gold-primary);
}

.careers-page .career-support-section .section-heading p {
    max-width: 62ch;
    color: var(--iic-muted);
}

.careers-page .career-support-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 2.4vw, 24px);
    max-width: var(--site-content);
    margin-inline: auto;
}

.careers-page .career-support-card {
    background: #ffffff;
    border: 1.5px solid var(--iic-border);
    border-radius: var(--radius-ui);
    box-shadow: var(--iic-card-shadow);
    padding: clamp(1rem, 2vw, 1.35rem);
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-height: 100%;
    transition:
        transform 0.3s var(--iic-motion-ease-out),
        box-shadow 0.3s var(--iic-motion-ease-out),
        border-color 0.3s var(--iic-motion-ease-out);
}

.careers-page .career-support-card h3 {
    margin: 0;
    font-size: var(--type-body-lg);
    font-weight: 700;
    color: var(--iic-navy);
    letter-spacing: 0.02em;
}

.careers-page .career-support-card p {
    margin: 0;
    flex: 1 1 auto;
    font-size: var(--type-body);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
}

.careers-page .career-support-card .tier-level {
    display: inline-block;
    margin-bottom: 0.15rem;
}

.careers-page .careers-faq-section {
    border-top: 1px solid rgba(10, 35, 72, 0.08);
}

@media (max-width: 1024px) {
    .careers-page .career-support-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .careers-page .career-support-grid {
        grid-template-columns: 1fr;
    }
}

/* ----- Marine page — inner-page hero + grid alignment (enterprise system) ----- */

.marine-page .marine-hero.page-hero::before {
    background:
        linear-gradient(
            90deg,
            rgba(5, 16, 34, 0.58) 0%,
            rgba(5, 16, 34, 0.24) 48%,
            rgba(5, 16, 34, 0.06) 75%,
            transparent 100%
        ),
        linear-gradient(180deg, rgba(5, 16, 34, 0.58) 0%, rgba(5, 16, 34, 0.4) 100%),
        var(--hero-image) 42% 45% / cover no-repeat;
    background-color: #050f1f;
    filter: brightness(0.94);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: none !important;
}

.marine-page .marine-hero.page-hero::after {
    background: linear-gradient(180deg, transparent 0%, transparent 64%, rgba(3, 12, 28, 0.3) 100%);
}


@media (max-width: 768px) {
    .marine-page .marine-hero.page-hero::before {
        background:
            linear-gradient(90deg, rgba(5, 16, 34, 0.52) 0%, rgba(5, 16, 34, 0.16) 56%, transparent 82%),
            linear-gradient(180deg, rgba(5, 16, 34, 0.72) 0%, rgba(5, 16, 34, 0.54) 100%),
            var(--hero-image) 48% 40% / cover no-repeat;
        filter: brightness(0.9);
    }

    .marine-page .marine-hero.page-hero::after {
        background: linear-gradient(180deg, transparent 0%, transparent 56%, rgba(3, 12, 28, 0.38) 100%);
    }
}

@media (max-height: 460px) and (orientation: landscape) and (max-width: 960px) {
    .marine-page .page-hero .hero-actions {
        flex-wrap: wrap;
        gap: 10px 12px;
    }
}

html[dir="rtl"] .marine-page .marine-hero.page-hero::before {
    background:
        linear-gradient(
            270deg,
            rgba(5, 16, 34, 0.56) 0%,
            rgba(5, 16, 34, 0.22) 46%,
            rgba(5, 16, 34, 0.07) 74%,
            transparent 100%
        ),
        linear-gradient(180deg, rgba(5, 16, 34, 0.6) 0%, rgba(5, 16, 34, 0.44) 100%),
        var(--hero-image) 40% 42% / cover no-repeat;
    background-color: #050f1f;
}

.marine-page .section.split.service-overview {
    max-width: var(--site-max-wide);
    margin-inline: auto;
    width: 100%;
    column-gap: clamp(20px, 3.5vw, 48px);
    align-items: stretch;
}

.marine-page .section.split.service-overview .section-copy {
    max-width: min(52rem, 100%);
}

.marine-page .section.split.service-overview .section-copy p {
    max-width: 52ch;
}

.marine-page .cinema-panel.marine-panel {
    border-radius: var(--radius-ui);
    min-height: clamp(300px, 48vw, 560px);
    background-position: 48% 42%;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.32);
}

@media (hover: hover) and (pointer: fine) {
    .marine-page .cinema-panel.marine-panel:hover {
        background-size: 106%;
    }
}

@media (hover: none), (pointer: coarse) {
    .marine-page .cinema-panel.marine-panel:hover {
        background-size: cover;
    }
}

.marine-page .marine-services-section .section-heading {
    max-width: var(--site-content);
    margin-inline: 0;
    text-align: start;
}

.marine-page .marine-services-section .section-heading p {
    max-width: 62ch;
    margin-inline: 0;
}

.marine-page .marine-trust-band {
    padding: var(--section-y-lg) var(--page-gutter);
}

.marine-page .trust-grid {
    max-width: var(--site-content);
}

@media (max-width: 900px) {
    .marine-page .section.split.service-overview .section-copy p {
        max-width: none;
    }
}

@media (hover: hover) and (pointer: fine) {
    .marine-page .marine-service-card:hover {
        box-shadow:
            0 18px 48px rgba(0, 0, 0, 0.52),
            0 4px 14px rgba(0, 0, 0, 0.38) !important;
    }
}

.kpi-icon .iic-line-icon {
    width: var(--iic-icon-glyph);
    height: var(--iic-icon-glyph);
    display: block;
    opacity: 0.92;
}

.marine-service-icon .iic-line-icon {
    width: var(--iic-icon-glyph);
    height: var(--iic-icon-glyph);
    display: block;
}

.download-card .iic-point-icon {
    margin-bottom: 0.65rem;
}

.downloads-page .download-card {
    display: flex;
    flex-direction: column;
}

/* ----- Services hub page: section rhythm + dark/light typography (corporate-premium) ----- */
.services-hub-page main.services-hub > .section {
    padding-block: var(--iic-section-pad-y-hub);
}

.services-hub-page .services-hub-consultancy-crosslink {
    padding-block: clamp(1rem, 2vw, 1.5rem) !important;
    text-align: center;
}

.services-hub-page .services-hub-consultancy-crosslink__text {
    margin: 0 auto;
    max-width: 42ch;
    color: var(--iic-muted, #5a6b7d);
    font-size: var(--type-body-sm, 1rem);
    line-height: 1.6;
}

.services-hub-page .services-hub-consultancy-crosslink__text .outline-link {
    margin-inline-start: 0.35em;
    white-space: nowrap;
}

.services-hub-page .services-hub-ecosystem .section-heading h2,
.services-hub-page .services-hub-advantages .section-heading h2 {
    color: #ffffff !important;
}

.services-hub-page .services-hub-ecosystem .section-heading .eyebrow,
.services-hub-page .services-hub-advantages .section-heading .eyebrow {
    color: var(--iic-gold-primary) !important;
}

.services-hub-page .services-hub-ecosystem .section-heading p,
.services-hub-page .services-hub-advantages .section-heading p {
    color: rgba(255, 255, 255, 0.85) !important;
    max-width: min(64ch, 100%);
}

.services-hub-page .services-hub-integration .section-heading h2 {
    color: var(--iic-navy) !important;
}

.services-hub-page .services-hub-integration .section-heading .eyebrow {
    color: var(--iic-royal) !important;
}

.services-hub-page .services-hub-integration .section-heading p {
    color: var(--iic-muted) !important;
    max-width: min(62ch, 100%);
}

/* Dark bands — disciplined depth (no inset glass stack, no gold bloom) */
.services-hub-page .services-hub-ecosystem .services-hub-service-card,
.services-hub-page .services-hub-advantages .services-hub-advantage-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.42),
        0 2px 8px rgba(0, 0, 0, 0.32) !important;
}

.services-hub-page .services-hub-ecosystem .services-hub-service-card {
    border-width: 1px !important;
    border-color: rgba(216, 155, 43, 0.28) !important;
    background: linear-gradient(165deg, rgba(14, 32, 58, 0.94) 0%, rgba(8, 18, 34, 0.98) 100%) !important;
}

.services-hub-page .services-hub-ecosystem .services-hub-service-media::after {
    background: linear-gradient(180deg, transparent 48%, rgba(4, 10, 18, 0.62) 100%) !important;
}

.services-hub-page .services-hub-ecosystem .services-hub-service-body {
    gap: clamp(12px, 1.6vw, 16px) !important;
    padding: clamp(22px, 2.8vw, 30px) !important;
}

.services-hub-page .services-hub-ecosystem .services-hub-service-code {
    margin-bottom: 2px !important;
    color: var(--iic-gold-primary) !important;
    font-weight: 800 !important;
    letter-spacing: 0.18em !important;
}

.services-hub-page .services-hub-ecosystem .services-hub-service-body h3,
.services-hub-page .services-hub-ecosystem .services-hub-service-card h3 {
    margin: 0 !important;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif !important;
    font-size: clamp(1.2rem, 1.8vw, 1.45rem) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    color: #f8fafc !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.38) !important;
}

.services-hub-page .services-hub-ecosystem .services-hub-service-body p,
.services-hub-page .services-hub-ecosystem .services-hub-service-card p {
    margin: 0 !important;
    font-size: clamp(0.9rem, 1.2vw, 1rem) !important;
    line-height: 1.62 !important;
    color: rgba(232, 238, 248, 0.9) !important;
    max-width: 54ch;
}

.services-hub-page .services-hub-ecosystem .services-hub-service-cta {
    margin-top: auto !important;
    padding-top: 0.5rem !important;
    border-top: 1px solid rgba(216, 155, 43, 0.2);
}

.services-hub-page .services-hub-advantages .services-hub-advantage-card {
    border-color: rgba(216, 155, 43, 0.22) !important;
    background: linear-gradient(165deg, rgba(14, 32, 58, 0.9) 0%, rgba(8, 18, 34, 0.96) 100%) !important;
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.42),
        0 2px 8px rgba(0, 0, 0, 0.32) !important;
}

.services-hub-page .services-hub-advantages .services-hub-advantage-card h3 {
    color: #f8fafc !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.32) !important;
}

.services-hub-page .services-hub-advantages .services-hub-advantage-card p {
    color: rgba(232, 238, 248, 0.88) !important;
    line-height: 1.58 !important;
}

@media (max-width: 900px) {
    .services-hub-page main.services-hub > .section {
        padding-block: clamp(2.35rem, 5vw, 3.5rem);
    }
}

/* =============================================================================
   Global readability & contrast (restraint — clearer hierarchy, no flash)
   ============================================================================= */

.insights-featured-body p {
    color: var(--iic-muted) !important;
}

.insights-card-cat,
.insights-intelligence-type {
    color: var(--iic-gold-primary) !important;
    font-weight: 700 !important;
    font-size: var(--type-small) !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

.contact-form label {
    color: var(--iic-navy) !important;
}

.nav-links--main-tier > a:focus-visible,
.nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent:focus-visible,
a.button:focus-visible,
.button:focus-visible,
.lang-toggle-link:focus-visible {
    outline: 2px solid var(--iic-gold-primary);
    outline-offset: 2px;
}

@media (max-width: 430px) {
    :root {
        --iic-muted: #374a62;
    }
}

/* =============================================================================
   Enterprise visual system — contact / process / service-doc surfaces
   (icons + cards + light surfaces; no layout or brand token changes)
   ============================================================================= */

.iic-contact-card__icon,
.iic-quick-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--iic-icon-ring);
    height: var(--iic-icon-ring);
    min-width: var(--iic-icon-ring);
    min-height: var(--iic-icon-ring);
    margin: 0 0 6px;
    border-radius: 50%;
    box-sizing: border-box;
    background: var(--iic-icon-surface);
    border: var(--iic-icon-border);
    box-shadow: var(--iic-icon-shadow);
    color: var(--iic-gold-primary);
}

.iic-contact-card__icon svg,
.iic-quick-card__icon svg {
    width: var(--iic-icon-glyph);
    height: var(--iic-icon-glyph);
    display: block;
}

.iic-contact-card,
.iic-quick-card {
    box-shadow: var(--iic-card-shadow) !important;
}

@media (hover: hover) and (pointer: fine) {
    .iic-contact-card:hover,
    .iic-quick-card:hover {
        box-shadow: var(--iic-card-shadow-lift) !important;
    }
}

.iic-contact-form {
    box-shadow: var(--iic-card-shadow) !important;
}

.iic-contact-form .iic-form-row {
    align-items: start;
}

.iic-contact-form .iic-form-field {
    min-width: 0;
}

.iic-process-card__icon {
    width: var(--iic-icon-ring);
    height: var(--iic-icon-ring);
    min-width: var(--iic-icon-ring);
    min-height: var(--iic-icon-ring);
    margin: 0 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: rgba(214, 163, 54, 0.92);
}

.iic-process-card__icon .iic-line-icon,
.iic-process-card__icon svg {
    width: var(--iic-icon-glyph);
    height: var(--iic-icon-glyph);
}

.iic-process-card__icon svg path,
.iic-process-card__icon svg circle,
.iic-process-card__icon svg line,
.iic-process-card__icon svg polyline {
    stroke-width: var(--iic-icon-stroke);
}

.iic-process-card {
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.22),
        0 2px 10px rgba(13, 43, 92, 0.08);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.iic-process-card:hover {
    box-shadow:
        0 16px 40px rgba(0, 0, 0, 0.28),
        0 4px 12px rgba(13, 43, 92, 0.1);
}

main.service-doc .service-trust-card,
.service-page .service-trust-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100%;
    background: #ffffff !important;
    border: 1px solid rgba(13, 43, 92, 0.1) !important;
    border-top: 1px solid rgba(13, 43, 92, 0.1) !important;
    border-right: 1px solid rgba(13, 43, 92, 0.1) !important;
    border-bottom: 1px solid rgba(13, 43, 92, 0.1) !important;
    border-left: 3px solid var(--iic-gold-primary) !important;
    box-shadow: var(--iic-card-shadow) !important;
}

main.service-doc .service-trust-card:hover,
.service-page .service-trust-card:hover {
    box-shadow: var(--iic-card-shadow-lift) !important;
}

main.service-doc .service-trust-card span,
.service-page .service-trust-card span {
    display: block;
    margin: 0 0 6px !important;
    color: var(--iic-gold-primary) !important;
    font-family: Oswald, Inter, system-ui, sans-serif;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}

main.service-doc .service-trust-card strong,
.service-page .service-trust-card strong {
    display: block;
    margin: 0 0 8px !important;
    color: #10294d !important;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(1.2rem, 1.8vw, 1.45rem) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
}

main.service-doc .service-trust-card p,
.service-page .service-trust-card p {
    color: var(--iic-muted) !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

main.service-doc .methodology-item,
.service-page .methodology-item {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100%;
    background: #ffffff !important;
    border: 1px solid rgba(13, 43, 92, 0.1) !important;
    border-left: 3px solid var(--iic-gold-primary) !important;
    box-shadow: var(--iic-card-shadow) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

main.service-doc .methodology-item:hover,
.service-page .methodology-item:hover {
    transform: translate3d(0, -3px, 0) !important;
    box-shadow: var(--iic-card-shadow-lift) !important;
    border-left-color: var(--iic-gold-secondary) !important;
}

main.service-doc .methodology-item h3,
.service-page .methodology-item h3 {
    color: var(--iic-navy) !important;
}

main.service-doc .methodology-item p,
.service-page .methodology-item p {
    color: var(--iic-muted) !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

main.service-doc .methodology-type,
.service-page .methodology-type {
    color: var(--iic-royal) !important;
}

.service-trust-grid,
.methodology-chain {
    align-items: stretch;
}

/* =============================================================================
   IIC logo — strict fidelity (original asset colors; no CSS color manipulation)
   ============================================================================= */

.site-logo img,
.header-logo img,
.logo img,
.brand .brand-logo,
.brand-logo,
.brand-logo--full,
.brand-logo--footer,
.site-header .brand-logo,
.site-header--scrolled .brand-logo,
.site-header .brand-logo.brand-logo--full,
.site-header--scrolled .brand-logo.brand-logo--full,
.site-footer .brand-logo,
.site-footer .brand-logo.brand-logo--footer,
.brand-logo-wrap picture,
.brand-logo-wrap picture img,
.brand-logo-wrap img,
.brand:hover .brand-logo,
.brand:focus-visible .brand-logo,
.iic-header-shell .brand-logo,
#nav-links ~ .brand .brand-logo,
html[dir="rtl"] .brand-logo {
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    image-rendering: auto;
    forced-color-adjust: none;
}

/* Wraps may style layout only — never tint the mark */
.site-header .brand-logo-wrap,
.site-header .brand-logo-wrap--full,
.site-header .brand-logo-wrap--on-light,
.site-header .brand:hover .brand-logo-wrap,
.site-header .brand:hover .brand-logo-wrap--full,
.site-header .brand:hover .brand-logo-wrap--on-light,
.site-header--scrolled .brand-logo-wrap--full,
.brand.brand--header-hero .brand-logo-wrap--full,
.brand.brand--header-hero:hover .brand-logo-wrap--full,
.brand-logo-wrap--full,
.brand-logo-wrap--on-light,
.brand-logo-wrap--footer,
.site-footer .brand-logo-wrap--footer,
.site-footer .brand:hover .brand-logo-wrap--footer,
.site-footer .brand-logo-wrap--footer.brand-logo-wrap--on-dark,
.site-footer .brand:hover .brand-logo-wrap--footer.brand-logo-wrap--on-dark {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.brand-logo-wrap--full::before,
.brand-logo-wrap--on-light::before,
.brand-logo-wrap--footer::before {
    display: none !important;
    content: none !important;
}

/* Footer brand signature — overrides global logo neutralization */
.site-footer--premium .footer-brand .brand-logo-wrap--footer,
.site-footer--premium .footer-brand .brand:hover .brand-logo-wrap--footer,
.site-footer--premium .footer-brand .brand-logo-wrap--footer.brand-logo-wrap--on-dark,
.site-footer--premium .footer-brand .brand:hover .brand-logo-wrap--footer.brand-logo-wrap--on-dark {
    padding: 10px 14px !important;
    border: 1px solid rgba(216, 155, 43, 0.48) !important;
    border-radius: 8px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(216, 155, 43, 0.12)) !important;
    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.32),
        0 0 0 1px rgba(255, 255, 255, 0.04) inset,
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.site-footer--premium .footer-brand .brand-logo.brand-logo--footer,
.site-footer--premium .footer-brand .brand-logo-wrap--footer .brand-logo {
    height: clamp(72px, 7.5vw, 86px) !important;
    filter: brightness(1.16) contrast(1.12) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.42)) !important;
    -webkit-filter: brightness(1.16) contrast(1.12) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.42)) !important;
}

@media (max-width: 768px) {
    .site-footer--premium .footer-brand .brand-logo-wrap--footer {
        padding: 8px 12px !important;
    }

    .site-footer--premium .footer-brand .brand-logo.brand-logo--footer,
    .site-footer--premium .footer-brand .brand-logo-wrap--footer .brand-logo {
        height: clamp(64px, 14vw, 76px) !important;
    }
}

@media (max-width: 640px) {
    .site-footer--premium .footer-brand .brand-logo.brand-logo--footer,
    .site-footer--premium .footer-brand .brand-logo-wrap--footer .brand-logo {
        height: clamp(60px, 13vw, 72px) !important;
    }
}

/* =============================================================================
   Context-aware IIC logo and final responsive guardrails
   ============================================================================= */

@media (max-width: 1200px) {
    .header-row--top {
        gap: 12px;
    }

    .header-row--right,
    .header-top-meta {
        gap: 10px;
    }

    .button--header-cta,
    .nav-cta {
        padding-inline: 12px;
        letter-spacing: 0.08em;
    }
}

@media (max-width: 900px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .header-inner.iic-header-shell {
        padding: 8px max(14px, env(safe-area-inset-left, 0px)) 8px max(14px, env(safe-area-inset-right, 0px)) !important;
    }

    .header-row--top {
        grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
    }

    .brand--header-hero {
        min-width: 0;
        max-width: 100%;
    }

    .brand-logo-wrap--full {
        border-radius: 10px !important;
    }

    .brand-logo.brand-logo--full {
        height: clamp(58px, 13.5vw, 72px) !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .header-row--right {
        justify-content: flex-end;
        min-width: 0;
        gap: 8px;
    }

    .header-top-meta {
        display: none !important;
    }

    .header-end {
        gap: 8px;
        min-width: 0;
    }

    .nav-cta {
        display: none !important;
    }

    .language-switcher {
        margin: 0 !important;
        padding: 6px 8px !important;
        gap: 6px !important;
        flex-shrink: 0;
    }

    .lang-toggle-link {
        font-size: var(--type-small) !important;
        letter-spacing: 0.03em;
    }

    .nav-button {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px;
        border-radius: 10px !important;
    }

    .iic-header-shell .nav-links--main-tier {
        top: calc(var(--sticky-offset) + 6px) !important;
        max-height: calc(100svh - var(--sticky-offset) - 24px) !important;
    }

    .section,
    .page-hero,
    .home-landing > section,
    .services-hub > section,
    .service-page > section,
    main.service-doc > section {
        padding-left: var(--page-gutter) !important;
        padding-right: var(--page-gutter) !important;
    }

    .section.split,
    .careers-page .section.split,
    .marine-page .section.split.service-overview,
    .presence-saudi-geo,
    .model-presence,
    .home-vision-mission__split,
    .home-brand__grid,
    .services-hub-chain,
    .iic-form-row {
        grid-template-columns: 1fr !important;
    }

    .home-gateways__grid,
    .home-core-services__grid,
    .home-operational__grid,
    .services-hub-ecosystem-grid,
    .services-hub-advantage-grid,
    .iic-metric-grid,
    .service-trust-grid,
    .methodology-chain,
    .model-industry-row,
    .trust-grid,
    .stats-grid,
    .downloads-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .services-hub-chain {
        gap: 12px !important;
    }

    .services-hub-chain-connector {
        width: 2px !important;
        min-height: 22px;
        justify-self: center;
        transform: none !important;
    }
}

@media (max-width: 640px) {
    :root {
        --page-gutter: clamp(16px, 5vw, 22px);
        --iic-header-h: 66px;
        --sticky-offset: 66px;
    }

    .brand-logo.brand-logo--full {
        height: clamp(54px, 15vw, 72px) !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .language-switcher {
        padding-inline: 7px !important;
    }

    .lang-separator {
        display: none;
    }

    .home-gateways__grid,
    .home-core-services__grid,
    .home-operational__grid,
    .services-hub-ecosystem-grid,
    .services-hub-advantage-grid,
    .iic-metric-grid,
    .service-trust-grid,
    .methodology-chain,
    .model-industry-row,
    .trust-grid,
    .stats-grid,
    .downloads-grid,
    .site-footer--premium .site-footer__main {
        grid-template-columns: 1fr !important;
    }

    .page-hero-copy,
    .home-hero__content,
    .section-heading,
    .model-section-intro {
        max-width: 100% !important;
    }

    .page-hero-copy h1,
    .home-landing .home-hero__title {
        overflow-wrap: anywhere;
        text-wrap: balance;
    }

    /* Button stacking moved to unified 768px breakpoint above */

    .floating-cta {
        left: var(--page-gutter) !important;
        right: var(--page-gutter) !important;
        bottom: max(14px, env(safe-area-inset-bottom, 0px)) !important;
        justify-content: center;
        width: auto;
        max-width: calc(100% - (var(--page-gutter) * 2));
        z-index: 14;
    }

  .whatsapp-button {
        bottom: calc(max(14px, env(safe-area-inset-bottom, 0px)) + 54px) !important;
        z-index: 16;
    }

    .service-page .iic-final-cta,
    .printing-page .iic-final-cta {
        padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px)) !important;
    }

    .site-footer--premium .footer-brand .brand-logo.brand-logo--footer,
    .site-footer--premium .footer-brand .brand-logo-wrap--footer .brand-logo {
        width: auto !important;
        height: clamp(56px, 12vw, 68px) !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .site-footer--premium .footer-brand__signature {
        max-width: 100%;
    }
}

@media (max-width: 360px) {
    .brand-logo.brand-logo--full {
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .lang-toggle-link {
        font-size: var(--type-small) !important;
    }

    .language-switcher {
        padding-inline: 6px !important;
    }

    .nav-button {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px;
    }
}

/* =============================================================================
   Site-wide alignment and text visibility hardening
   ============================================================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

main,
section,
article,
header,
footer,
nav,
aside,
div {
    min-width: 0;
}

p,
li,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
strong,
small,
label,
button,
.button {
    overflow-wrap: anywhere;
    word-break: normal;
}

/* Content should never depend on JS to be readable. */
.reveal,
.reveal-up,
.reveal-left,
.reveal-right,
.reveal-scale,
.model-hero-copy > *,
.stagger-group,
.stagger-group > *,
.stagger-group.is-visible > * {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    transition-property: color, background, border-color, box-shadow !important;
}

.page-hero-copy,
.model-hero-copy,
.section-heading,
.about-enterprise__head,
.about-enterprise__prose,
.services-hub-hero-copy,
.home-hero__content {
    min-width: 0;
}

.page-hero-copy h1,
.model-hero-copy h1,
.section-heading h2,
.home-landing .home-hero__title,
.iic-final-cta__title {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.home-core-card__linkwrap,
.home-gateway,
.service-category-card,
.services-hub-service-card,
.services-hub-advantage-card,
.download-card,
.industry-card,
.insights-resource-card,
.career-opportunity,
.about-enterprise__card,
.about-enterprise__sector,
.about-enterprise__why,
.about-enterprise__purpose-card {
    overflow: visible !important;
}

.home-core-card__body,
.home-gateway__body,
.services-hub-service-body,
.service-category-card__body,
.download-card,
.industry-card,
.insights-card-body,
.insights-resource-card,
.career-opportunity,
.about-enterprise__card,
.about-enterprise__sector,
.about-enterprise__why,
.about-enterprise__purpose-card {
    min-height: max-content;
}

.home-core-card__text,
.home-gateway__excerpt,
.services-hub-service-body p,
.services-hub-advantage-card p,
.service-category-card p,
.download-card p,
.industry-card p,
.insights-card-body p,
.insights-resource-card p,
.career-opportunity p,
.about-enterprise__card p,
.about-enterprise__sector p,
.about-enterprise__why p,
.about-enterprise__purpose-card p {
    max-width: 100% !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.button,
a.button,
button.button,
.nav-cta,
.footer-contact-cta,
.floating-cta {
    white-space: normal !important;
    text-align: center;
    line-height: var(--line-normal);
}

body {
    padding-bottom: clamp(0px, 2vw, 18px);
}

@media (max-width: 900px) {
    body {
        padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px));
    }

    .header-inner.iic-header-shell,
    .site-footer--premium .site-footer__main,
    .section > *,
    .home-landing > section > *,
    .services-hub > section > *,
    .service-page > section > *,
    main.service-doc > section > * {
        max-width: 100%;
    }

    .home-landing .home-gateway,
    .home-core-card,
    .services-hub-service-card,
    .service-category-card {
        height: auto !important;
        min-height: 0 !important;
    }
}

@media (max-width: 640px) {
    .site-footer {
        padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px));
    }

    .page-hero,
    .home-landing .home-hero {
        min-height: auto !important;
    }

    .page-hero-copy,
    .home-hero__content,
    .model-hero-copy {
        text-align: start;
    }
}

/* About page: remove separator-driven blank bands and keep content aligned under hero. */
.about-enterprise-page .about-hero {
    --iic-page-hero-min-h: clamp(360px, 42svh, 430px);
    padding-bottom: var(--section-y) !important;
}

.about-enterprise-page .about-page > .iic-gold-sep {
    display: none !important;
    margin: 0 !important;
}

.about-enterprise-page .about-enterprise__band {
    padding-block: var(--section-y) !important;
}

.about-enterprise-page .about-hero + .iic-gold-sep + .about-enterprise__band,
.about-enterprise-page .about-hero + .about-enterprise__band {
    padding-top: var(--section-y) !important;
}

.about-enterprise-page .about-enterprise__inner {
    max-width: min(1120px, 100%);
}

@media (max-width: 640px) {
    .about-enterprise-page .about-hero {
        --iic-page-hero-min-h: auto;
        padding-top: calc(var(--sticky-offset) + 28px) !important;
        padding-bottom: 30px !important;
    }

    .about-enterprise-page .about-enterprise__band {
        padding-block: 30px !important;
    }
}

/* Flatten the visible chrome: logo and hero should not read as bevelled panels. */
.site-header,
.site-header--scrolled {
    box-shadow: none !important;
}

.site-header .brand-logo-wrap--full,
.site-header .brand-logo-wrap--on-light,
.site-header .brand:hover .brand-logo-wrap--full,
.site-header .brand:hover .brand-logo-wrap--on-light,
.brand-logo-wrap--full,
.brand-logo-wrap--on-light {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.brand-logo-wrap--full picture,
.brand-logo-wrap--on-light picture {
    background: transparent !important;
}

.brand-logo.brand-logo--full {
    height: clamp(84px, 7.65vw, 112px) !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.header-row--top {
    border-bottom-color: rgba(10, 35, 72, 0.08) !important;
}

.nav-links--main-tier {
    border-top: 0 !important;
}

.page-hero,
.about-enterprise-page .about-hero {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.page-hero {
    margin: calc(var(--sticky-offset) + 10px) 10px 0 !important;
    min-height: var(--page-hero-min-height) !important;
    padding-top: var(--page-hero-padding-top) !important;
    padding-bottom: var(--page-hero-padding-bottom) !important;
    width: auto !important;
}

.home-landing .home-hero {
    margin: calc(var(--sticky-offset) + 10px) 10px 0 !important;
    padding-top: clamp(34px, 5vh, 54px) !important;
    width: auto !important;
}

.about-enterprise-page .about-hero {
    margin: calc(var(--sticky-offset) + 10px) 10px 0 !important;
    padding-top: clamp(34px, 5vh, 54px) !important;
    width: auto !important;
}

.page-hero::after,
.about-enterprise-page .about-hero::after {
    background: linear-gradient(180deg, transparent 0%, rgba(3, 12, 28, 0.08) 100%) !important;
}

.about-enterprise-page .about-enterprise__band:first-of-type,
.about-enterprise-page .about-hero + .iic-gold-sep + .about-enterprise__band {
    border-top: 0 !important;
}

@media (max-width: 900px) {
    .brand-logo.brand-logo--full {
        height: clamp(58px, 13.5vw, 72px) !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }
}

/* =============================================================================
   Premium cinematic motion layer: visible-by-default, restrained, resilient
   ============================================================================= */

:root {
    --iic-cinema-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --iic-cinema-fast: 260ms;
    --iic-cinema-med: 620ms;
    --iic-cinema-slow: 1200ms;
}

html.iic-motion-ready body::before {
    animation: iicAmbientField 18s var(--iic-cinema-ease) infinite alternate !important;
}

@keyframes iicAmbientField {
    from {
        opacity: 0.78;
        transform: translate3d(0, 0, 0) scale(1);
    }
    to {
        opacity: 1;
        transform: translate3d(0, -10px, 0) scale(1.015);
    }
}

.site-header {
    transition:
        transform var(--iic-cinema-med) var(--iic-cinema-ease),
        background var(--iic-cinema-med) var(--iic-cinema-ease),
        border-color var(--iic-cinema-med) var(--iic-cinema-ease),
        box-shadow var(--iic-cinema-med) var(--iic-cinema-ease) !important;
}

.site-header--scrolled {
    box-shadow: 0 10px 34px rgba(10, 35, 72, 0.08) !important;
}

.site-header--scrolled .brand-logo.brand-logo--full {
    height: clamp(78px, 7.2vw, 104px) !important;
}

.page-hero,
.home-landing .home-hero,
.model-hero {
    isolation: isolate;
    overflow: hidden;
    transform: translateZ(0);
    transition:
        border-radius var(--iic-cinema-med) var(--iic-cinema-ease),
        box-shadow var(--iic-cinema-med) var(--iic-cinema-ease) !important;
}

.page-hero::before,
.home-landing .home-hero__bg,
.model-hero::before {
    transform: translate3d(0, var(--iic-hero-shift, 0px), 0) scale(1.045) !important;
    transition: transform 900ms var(--iic-cinema-ease), filter 900ms var(--iic-cinema-ease) !important;
    will-change: transform;
}

.page-hero-copy,
.home-landing .home-hero__inner,
.model-hero-copy {
    transform: translate3d(0, var(--hero-float-y, 0px), 0) !important;
    transition: transform 900ms var(--iic-cinema-ease) !important;
    will-change: transform;
}

html.iic-motion-ready .reveal,
html.iic-motion-ready .reveal-up,
html.iic-motion-ready .reveal-left,
html.iic-motion-ready .reveal-right,
html.iic-motion-ready .reveal-scale,
html.iic-motion-ready .stagger-group > * {
    opacity: 0.98 !important;
    transform: translate3d(0, 10px, 0) scale(0.995) !important;
    animation: none !important;
    transition:
        opacity var(--iic-cinema-med) var(--iic-cinema-ease),
        transform var(--iic-cinema-med) var(--iic-cinema-ease),
        box-shadow var(--iic-cinema-med) var(--iic-cinema-ease),
        border-color var(--iic-cinema-fast) ease,
        background var(--iic-cinema-fast) ease !important;
}

html.iic-motion-ready .reveal.is-visible,
html.iic-motion-ready .reveal-up.is-visible,
html.iic-motion-ready .reveal-left.is-visible,
html.iic-motion-ready .reveal-right.is-visible,
html.iic-motion-ready .reveal-scale.is-visible,
html.iic-motion-ready .stagger-group.is-visible > *,
html.iic-motion-ready .iic-inview {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
}

html.iic-motion-ready .stagger-group.is-visible > * {
    transition-delay: calc(var(--stagger-index, 0) * 70ms) !important;
}

main > section,
.about-enterprise__band,
.site-footer {
    transition:
        opacity var(--iic-cinema-med) var(--iic-cinema-ease),
        transform var(--iic-cinema-med) var(--iic-cinema-ease),
        background var(--iic-cinema-med) var(--iic-cinema-ease) !important;
}

html.iic-motion-ready main > section:not(.iic-inview):not(.page-hero):not(.home-hero),
html.iic-motion-ready .about-enterprise__band:not(.iic-inview),
html.iic-motion-ready .site-footer:not(.iic-inview) {
    opacity: 0.985;
    transform: translate3d(0, 12px, 0);
}

.home-core-card,
.home-gateway,
.model-industry-card,
.service-category-card,
.services-hub-service-card,
.services-hub-advantage-card,
.industry-detail-card,
.about-enterprise__card,
.about-enterprise__sector,
.about-enterprise__why,
.about-enterprise__purpose-card,
.download-card,
.insights-resource-card,
.career-opportunity,
.iic-metric-card {
    transition:
        transform var(--iic-cinema-med) var(--iic-cinema-ease),
        box-shadow var(--iic-cinema-med) var(--iic-cinema-ease),
        border-color var(--iic-cinema-fast) ease,
        background var(--iic-cinema-med) var(--iic-cinema-ease),
        filter var(--iic-cinema-med) var(--iic-cinema-ease) !important;
    will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
    .home-core-card:hover,
    .home-gateway:hover,
    .model-industry-card:hover,
    .service-category-card:hover,
    .services-hub-service-card:hover,
    .services-hub-advantage-card:hover,
    .industry-detail-card:hover,
    .about-enterprise__card:hover,
    .about-enterprise__sector:hover,
    .about-enterprise__why:hover,
    .about-enterprise__purpose-card:hover,
    .download-card:hover,
    .insights-resource-card:hover,
    .career-opportunity:hover,
    .iic-metric-card:hover {
        transform: translate3d(0, -6px, 0) !important;
        box-shadow:
            0 22px 52px rgba(10, 35, 72, 0.12),
            0 6px 18px rgba(10, 35, 72, 0.08) !important;
    }

    .home-core-card:hover img,
    .service-category-card:hover img,
    .home-gateway:hover .home-gateway__media,
    .services-hub-service-card:hover .services-hub-service-media,
    .model-industry-card:hover::before {
        transform: scale(1.055) !important;
        filter: saturate(1.08) contrast(1.03);
    }
}

.home-core-card img,
.service-category-card img,
.home-gateway__media,
.services-hub-service-media,
.model-industry-card::before {
    transition:
        transform var(--iic-cinema-slow) var(--iic-cinema-ease),
        filter var(--iic-cinema-slow) var(--iic-cinema-ease) !important;
    will-change: transform;
}

.button,
a.button,
.nav-cta,
.footer-contact-cta,
.floating-cta,
.lang-toggle-link,
.nav-links--main-tier > a,
.nav-parent {
    transition:
        transform var(--iic-cinema-fast) var(--iic-cinema-ease),
        box-shadow var(--iic-cinema-fast) var(--iic-cinema-ease),
        background var(--iic-cinema-fast) ease,
        color var(--iic-cinema-fast) ease,
        border-color var(--iic-cinema-fast) ease !important;
}

@media (hover: hover) and (pointer: fine) {
    .button:hover,
    a.button:hover,
    .nav-cta:hover,
    .footer-contact-cta:hover,
    .floating-cta:hover {
        transform: translate3d(0, -2px, 0) !important;
    }
}

.iic-final-cta {
    overflow: hidden;
}

.iic-final-cta::before {
    content: "";
    position: absolute;
    inset: -40% -20%;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 34%, rgba(255, 255, 255, 0.08) 46%, transparent 58%),
        radial-gradient(circle at 20% 30%, rgba(216, 155, 43, 0.16), transparent 34%);
    opacity: 0.55;
    transform: translate3d(-14%, 0, 0);
    animation: iicCtaSweep 12s var(--iic-cinema-ease) infinite;
}

@keyframes iicCtaSweep {
    0%, 18% {
        transform: translate3d(-18%, 0, 0);
    }
    70%, 100% {
        transform: translate3d(18%, 0, 0);
    }
}

.iic-final-cta__inner {
    position: relative;
    z-index: 1;
}

@media (max-width: 900px) {
    .site-header--scrolled .brand-logo.brand-logo--full {
        height: clamp(54px, 12vw, 68px) !important;
    }

    .page-hero::before,
    .home-landing .home-hero__bg,
    .model-hero::before {
        transform: scale(1.02) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation: none !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .page-hero::before,
    .home-landing .home-hero__bg,
    .model-hero::before,
    .page-hero-copy,
    .home-landing .home-hero__inner,
    .model-hero-copy {
        transform: none !important;
    }
}

/* =============================================================================
   SERVICE PAGE LAYOUT STANDARDIZATION — Unified grids, spacing, and responsiveness
   ============================================================================= */

/* Unified Service Card Grid — Primary pattern for all service card layouts */
.service-card-grid,
.service-category-card-grid,
.service-trust-grid,
.service-related-grid,
.services-hub-service-grid,
.marine-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 275px), 1fr));
    gap: clamp(15px, 2.3vw, 22px);
    max-width: var(--site-content);
    margin: 0 auto;
    padding: 0 var(--page-gutter);
}

/* Responsive grid adjustments */
@media (max-width: 900px) {
    .service-card-grid,
    .service-category-card-grid,
    .service-trust-grid,
    .service-related-grid,
    .services-hub-service-grid,
    .marine-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(14px, 2.2vw, 20px);
    }
}

@media (max-width: 640px) {
    .service-card-grid,
    .service-category-card-grid,
    .service-trust-grid,
    .service-related-grid,
    .services-hub-service-grid,
    .marine-services-grid {
        grid-template-columns: 1fr;
        gap: clamp(12px, 2vw, 16px);
    }
}

/* Unified Service Card Component — light surfaces only (dark hub cards styled separately) */
.service-card,
.service-category-card,
.service-trust-card,
.service-related-card,
.marine-service-card {
    display: flex;
    flex-direction: column;
    min-height: auto;
    padding: 0;
    border-radius: 12px;
    border: 1px solid var(--iic-border);
    background: #ffffff;
    backdrop-filter: none;
    transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
}

.service-card:hover,
.service-category-card:hover,
.service-trust-card:hover,
.service-related-card:hover,
.marine-service-card:hover {
    border-color: rgba(13, 43, 92, 0.12) !important;
    background: #ffffff !important;
    box-shadow:
        0 12px 32px rgba(13, 43, 92, 0.08),
        0 2px 8px rgba(13, 43, 92, 0.04) !important;
    transform: none !important;
}

/* Card header area (icon + title) */
.service-card h3,
.service-category-card h3,
.service-trust-card h3,
.service-related-card h3 {
    margin: 0 0 clamp(6px, 0.9vw, 8px);
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(1.2rem, 1.8vw, 1.45rem);
    font-weight: 800;
    color: #10294d;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.marine-page .marine-service-card h3,
.marine-services-grid .marine-service-card h3 {
    margin: 0 0 6px;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(1.2rem, 1.8vw, 1.45rem);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: #f8fafc;
    text-transform: none;
}

/* Card body text */
.service-card p,
.service-category-card p,
.service-trust-card p,
.service-related-card p,
.marine-service-card p {
    flex-grow: 1;
    margin: 0 0 clamp(8px, 1.2vw, 12px);
    color: var(--iic-muted);
    font-size: clamp(0.88rem, 1.05vw, 0.95rem);
    line-height: 1.52;
    letter-spacing: 0.01em;
}

.marine-page .marine-service-card p,
.marine-services-grid .marine-service-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: clamp(0.88rem, 1.05vw, 0.95rem);
    line-height: 1.52;
}

/* Card button/link alignment — always anchored to bottom */
.service-card a,
.service-category-card a,
.service-trust-card a,
.service-related-card a,
.services-hub-service-card a,
.marine-service-card a {
    align-self: flex-start;
    margin-top: auto;
    font-family: Oswald, Inter, system-ui, sans-serif;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--iic-gold-primary);
    border-bottom: 1px solid rgba(216, 155, 43, 0.35);
    padding-bottom: 2px;
    transition: color 0.25s ease, border-color 0.25s ease;
}

.service-card a:hover,
.service-category-card a:hover,
.service-trust-card a:hover,
.service-related-card a:hover,
.services-hub-service-card a:hover,
.marine-service-card a:hover {
    color: var(--iic-gold-secondary);
    border-bottom-color: var(--iic-gold-primary);
}

/* Service Card Media Refinement — Improved image prominence to match industries cards */
.service-card-grid .service-card-media,
.service-category-card-grid .service-category-card__media,
.service-trust-grid .service-trust-card__media,
.service-related-grid .service-related-card__media,
.services-hub-service-grid .services-hub-service-media,
.marine-services-grid .marine-service-media {
    display: block;
    width: 100%;
    margin: 0 0 clamp(10px, 1.4vw, 14px);
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

/* Service Card Media Refinement — Improved image prominence to match industries cards */
.service-category-card__media-wrap {
    margin: 0 0 clamp(10px, 1.4vw, 14px) !important;
}

/* Ensure images scale smoothly on hover */
.service-card-grid .service-card-media img,
.service-category-card-grid .service-category-card__media img,
.service-trust-grid .service-trust-card__media img,
.service-related-grid .service-related-card__media img,
.services-hub-service-grid .services-hub-service-media img,
.marine-services-grid .marine-service-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.75s var(--iic-motion-ease-out);
}

.service-card:hover .service-card-media img,
.service-category-card:hover .service-category-card__media img,
.service-trust-card:hover .service-trust-card__media img,
.service-related-card:hover .service-related-card__media img,
.services-hub-service-card:hover .services-hub-service-media img,
.marine-service-card:hover .marine-service-media img {
    transform: scale(1.04);
}

/* Service Section Spacing — Unified padding across all service pages */
.service-overview,
.service-capabilities-section,
.service-methodology-section,
.service-process-section,
.service-delivery-section {
    padding: var(--section-y) var(--page-gutter);
}

/* Split layout (text + image) standardization */
.split.service-overview,
.split.service-capabilities-section,
.split.service-methodology-section {
    padding: var(--section-y-lg) var(--page-gutter);
}

@media (max-width: 900px) {
    .service-overview,
    .service-capabilities-section,
    .service-methodology-section,
    .service-process-section,
    .service-delivery-section,
    .split.service-overview,
    .split.service-capabilities-section,
    .split.service-methodology-section {
        padding: clamp(48px, 8vw, 80px) var(--page-gutter);
    }
}

@media (max-width: 640px) {
    .service-overview,
    .service-capabilities-section,
    .service-methodology-section,
    .service-process-section,
    .service-delivery-section,
    .split.service-overview,
    .split.service-capabilities-section,
    .split.service-methodology-section {
        padding: clamp(32px, 6vw, 48px) var(--page-gutter);
    }
}

/* Service Section Headings — Consistent styling */
.service-overview .section-heading,
.service-capabilities-section .section-heading,
.service-methodology-section .section-heading,
.service-process-section .section-heading,
.service-delivery-section .section-heading {
    margin-bottom: clamp(32px, 4.2vw, 42px);
    max-width: min(860px, 100%);
}

/* Service Process/Methodology Grids — Standardized layout */
.service-process-grid,
.service-methodology-grid,
.service-steps-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: clamp(16px, 2.5vw, 24px);
    max-width: var(--site-content);
    margin: 0 auto;
    padding: 0 var(--page-gutter);
}

@media (max-width: 900px) {
    .service-process-grid,
    .service-methodology-grid,
    .service-steps-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .service-process-grid,
    .service-methodology-grid,
    .service-steps-grid {
        grid-template-columns: 1fr;
    }
}

/* Service Process/Step Items */
.service-process-item,
.service-methodology-item,
.service-step-item {
    padding: clamp(20px, 2.5vw, 28px);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.service-process-item:hover,
.service-methodology-item:hover,
.service-step-item:hover {
    border-color: rgba(216, 155, 43, 0.35);
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-2px);
}

.service-process-item h4,
.service-methodology-item h4,
.service-step-item h4 {
    margin: 0 0 12px;
    font-size: clamp(1rem, 1.8vw, 1.1rem);
    font-weight: 600;
    color: var(--white);
}

.service-process-item p,
.service-methodology-item p,
.service-step-item p {
    flex-grow: 1;
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.9rem;
    line-height: 1.58;
}

/* =============================================================================
   Premium alignment pass: consistent measures, grids, and card rhythm
   ============================================================================= */

:root {
    --iic-container: min(1180px, calc(100vw - (var(--page-gutter) * 2)));
    --iic-container-wide: min(1320px, calc(100vw - (var(--page-gutter) * 2)));
    --iic-card-pad: clamp(18px, 2.1vw, 26px);
    --iic-grid-gap: clamp(18px, 2vw, 26px);
}

.section,
.about-enterprise__band,
.services-hub > section,
.industries-page > section,
.service-page > section,
main.service-doc > section {
    padding-left: var(--page-gutter) !important;
    padding-right: var(--page-gutter) !important;
}

main.service-doc-page--svc-landing > .svc-landing-methodology,
main.service-doc-page--svc-landing > .svc-landing-cta-block,
main.service-doc-page--svc-landing > .svc-landing-conversion,
main.service-doc-page--svc-landing > .svc-landing-workflow-pro {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.section-heading,
.model-section-intro,
.about-enterprise__head,
.services-hub-page .section-heading,
.industries-page .section-heading {
    max-width: 780px;
}

.section-heading h2,
.model-section-intro h2,
.about-enterprise__head h2 {
    max-width: 18em;
}

.section-heading p,
.model-section-intro p,
.about-enterprise__lead,
.about-enterprise__prose p {
    max-width: 70ch;
}

.home-landing .home-gateways__grid,
.home-core-services__grid,
.home-operational__grid,
.services-hub-ecosystem-grid,
.services-hub-advantage-grid,
.industry-detail-grid,
.about-enterprise__card-grid,
.about-enterprise__sector-grid,
.about-enterprise__why-grid,
.about-enterprise__purpose-grid,
.iic-metric-grid,
.trust-grid,
.downloads-grid {
    gap: var(--iic-grid-gap) !important;
}

.home-gateways__grid,
.home-core-services__inner,
.home-operational__inner,
.home-brand__inner,
.home-vision-mission__inner,
.home-values__inner,
.services-hub .section-heading,
.services-hub-ecosystem-grid,
.services-hub-advantage-grid,
.services-hub-chain,
.about-enterprise__inner,
.industries-page .iic-sector-matrix__inner,
.industry-detail-grid,
.iic-delivery-model__inner,
.iic-presence__inner,
.site-footer--premium .site-footer__main {
    width: 100%;
    max-width: var(--iic-container-wide) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.about-enterprise__inner,
.services-hub-chain,
.iic-presence__inner {
    max-width: var(--iic-container) !important;
}

.home-core-card,
.home-gateway,
.services-hub-service-card,
.services-hub-advantage-card,
.industry-detail-card,
.about-enterprise__card,
.about-enterprise__sector,
.about-enterprise__why,
.about-enterprise__purpose-card,
.download-card,
.insights-resource-card,
.iic-metric-card,
.iic-process-card {
    border-radius: 8px !important;
}

.about-enterprise__card,
.about-enterprise__sector,
.about-enterprise__why,
.about-enterprise__purpose-card,
.services-hub-advantage-card,
.industry-detail-card,
.download-card,
.insights-resource-card,
.iic-process-card {
    padding: var(--iic-card-pad) !important;
}

.home-core-card__body,
.home-gateway__body,
.services-hub-service-body {
    padding: var(--iic-card-pad) !important;
}

.service-category-card__body {
    padding: clamp(0.85rem, 1.6vw, 1.1rem) clamp(0.95rem, 1.8vw, 1.15rem) clamp(0.95rem, 1.7vw, 1.1rem) !important;
}

.home-core-card__media-wrap,
.home-gateway__media,
.services-hub-service-media,
.iic-sector-matrix__media,
.service-category-card__media-wrap {
    border-radius: 6px !important;
}

.home-core-card__title,
.home-gateway__title,
.services-hub-service-body h3,
.industry-detail-card .iic-sector-matrix__card-title,
.about-enterprise__card h3,
.about-enterprise__sector h3,
.about-enterprise__why h3,
.about-enterprise__purpose-card h3 {
    min-height: 0;
}

.industry-detail-card,
.services-hub-advantage-card,
.about-enterprise__card,
.about-enterprise__sector,
.about-enterprise__why,
.about-enterprise__purpose-card {
    justify-content: flex-start;
}

.industries-page .iic-sector-matrix .iic-sector-matrix__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.industries-page .iic-sector-matrix .industry-detail-card {
    padding: 14px !important;
}

.industries-page .iic-sector-matrix__media {
    margin-bottom: 16px;
}

.industries-page .iic-sector-matrix .industry-detail-card .iic-sector-matrix__card-title {
    margin-bottom: 8px !important;
    font-size: clamp(1.2rem, 1.8vw, 1.45rem) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
    color: #10294d !important;
}

@media (max-width: 1200px) {
    .industries-page .iic-sector-matrix .iic-sector-matrix__grid,
    .services-hub-ecosystem-grid,
    .services-hub-advantage-grid,
    .home-operational__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .section-heading,
    .model-section-intro,
    .about-enterprise__head,
    .services-hub-page .section-heading,
    .industries-page .section-heading {
        max-width: 100%;
        text-align: start !important;
    }

    .section-heading h2,
    .model-section-intro h2,
    .about-enterprise__head h2 {
        max-width: 100%;
    }

    .industries-page .iic-sector-matrix .iic-sector-matrix__grid,
    .services-hub-ecosystem-grid,
    .services-hub-advantage-grid,
    .home-operational__grid,
    .home-core-services__grid,
    .home-gateways__grid,
    .about-enterprise__card-grid,
    .about-enterprise__sector-grid,
    .about-enterprise__why-grid,
    .about-enterprise__purpose-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =============================================================================
   Unified hero system: every page uses the same premium cinematic shell
   ============================================================================= */

.page-hero,
.home-landing .home-hero,
.model-hero {
    margin: calc(var(--sticky-offset) + 10px) 10px 0 !important;
    width: auto !important;
    min-height: clamp(390px, 46svh, 520px) !important;
    padding: clamp(42px, 6vw, 72px) var(--page-gutter) clamp(44px, 6vw, 72px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background-color: #06162c !important;
}

.home-landing .home-hero {
    padding-top: clamp(42px, 6vw, 72px) !important;
}

.page-hero::before,
.model-hero::before {
    inset: 0 !important;
    background:
        linear-gradient(
            90deg,
            rgba(3, 12, 28, 0.84) 0%,
            rgba(3, 12, 28, 0.68) 34%,
            rgba(3, 12, 28, 0.34) 66%,
            rgba(3, 12, 28, 0.12) 100%
        ),
        var(--hero-image, url("/assets/images/heroes/hero-home-industrial.jpg")) center / cover no-repeat !important;
    filter: none !important;
    animation: none !important;
}

/* Homepage bg/veil: single image + left gradient — see homepage hero block above */
body.page-home .home-landing .home-hero__bg {
    background-image: var(--hero-figure, var(--home-hero-image)) !important;
}

.page-hero::after,
.model-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background:
        linear-gradient(180deg, rgba(5, 16, 34, 0.12) 0%, rgba(5, 16, 34, 0.18) 100%),
        radial-gradient(ellipse at 18% 42%, rgba(216, 155, 43, 0.12), transparent 36%) !important;
}

.page-hero-copy,
.model-hero-copy,
.home-landing .home-hero__inner {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: var(--iic-container-wide) !important;
    margin: 0 auto !important;
}

.page-hero-copy,
.model-hero-copy,
.home-landing .home-hero__content {
    max-width: min(720px, 54%) !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
}

.page-hero-copy::before,
.model-hero-copy::before {
    width: 64px !important;
    height: 2px !important;
    margin-bottom: 16px !important;
    background: linear-gradient(90deg, var(--iic-gold-primary), transparent) !important;
}

.page-hero .eyebrow,
.model-hero .eyebrow,
.home-landing .home-hero__eyebrow {
    margin: 0 0 12px !important;
    color: var(--iic-gold-primary) !important;
    font-size: var(--type-small) !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
}

.page-hero-copy h1,
.model-hero-copy h1,
.home-landing .home-hero__title {
    margin: 0 0 18px !important;
    max-width: 12.8em !important;
    font-family: var(--iic-font-body), Inter, system-ui, sans-serif !important;
    font-size: var(--type-h1) !important;
    font-weight: 800 !important;
    line-height: var(--line-tight) !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.36) !important;
}

.page-hero-copy p,
.model-hero-copy p,
.home-landing .home-hero__lead {
    max-width: 58ch !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: var(--type-body-lg) !important;
    line-height: var(--line-relaxed)8 !important;
    text-shadow: 0 1px 16px rgba(0, 0, 0, 0.28) !important;
}

.page-hero .hero-actions,
.model-hero .hero-actions,
.home-landing .home-hero__actions {
    margin-top: clamp(22px, 3vw, 34px) !important;
}

@media (max-width: 900px) {
    .page-hero,
    .home-landing .home-hero,
    .model-hero {
        min-height: clamp(360px, 56svh, 500px) !important;
        padding: clamp(34px, 8vw, 54px) var(--page-gutter) clamp(34px, 8vw, 54px) !important;
    }

    .page-hero-copy {
        margin-inline: 0 !important;
        text-align: start !important;
    }

    .page-hero::before,
    .model-hero::before,
    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg {
        background-position: 58% center !important;
    }

    .page-hero-copy h1,
    .model-hero-copy h1,
    .home-landing .home-hero__title {
        max-width: 100% !important;
        text-align: start !important;
    }
}

@media (max-width: 640px) {
    .page-hero,
    .model-hero {
        margin-inline: 0 !important;
        min-height: auto !important;
        padding-block: 40px !important;
    }

    .home-landing .home-hero {
        margin-inline: 0 !important;
        min-height: min(72vh, 560px) !important;
        padding-block: clamp(34px, 8vw, 48px) !important;
    }

    .page-hero-copy {
        margin-inline: 0 !important;
        text-align: start !important;
    }

    .page-hero .eyebrow,
    .page-hero-copy h1,
    .page-hero-copy p,
    .page-hero .hero-actions {
        text-align: start !important;
        justify-content: flex-start !important;
    }

    .page-hero::before,
    .model-hero::before,
    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg {
        background-position: 64% center !important;
    }
}

/* Extra-small phones (360px): optimize header spacing and image cropping */
@media (max-width: 360px) {
    .brand-logo.brand-logo--full {
        height: clamp(52px, 11.5vw, 62px) !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .header-top-meta {
        gap: 6px !important;
    }

    .language-switcher {
        min-width: 32px !important;
    }

    .nav-button {
        min-width: 36px !important;
        padding: 0 8px !important;
    }

    /* Hero image positioning at 360px: shift right to avoid cropping important subjects */
    .page-hero::before,
    .model-hero::before,
    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg {
        background-position: 72% center !important;
    }
}

/* Mobile phones (430px): optimize for larger phones like iPhone Max */
@media (max-width: 430px) and (min-width: 360px) {
    /* Hero image positioning at 430px: better balance between cropping and subject visibility */
    .page-hero::before,
    .model-hero::before,
    .home-landing .home-hero__bg,
    body.page-home .home-landing .home-hero__bg {
        background-position: 68% center !important;
    }
}

/* Desktop breakpoints: explicit rules for large screens (1440px+) */
@media (min-width: 1440px) {
    /* Ensure consistent content width and spacing on large screens */
    .page-hero {
        padding-inline: clamp(32px, 5vw, 80px) !important;
    }

    .iic-final-cta {
        padding-block: clamp(80px, 12vw, 120px) !important;
    }
}

@media (min-width: 1920px) {
    /* Ultra-wide screens: maintain premium spacing */
    .page-hero {
        padding-inline: clamp(48px, 8vw, 120px) !important;
    }

    main section {
        padding-inline: clamp(48px, 8vw, 120px) !important;
    }
}

/* Industries image fallback: use real img elements, not only CSS backgrounds. */
.industries-page .sector-story-media,
.industries-page .iic-sector-matrix__media {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: 150px !important;
    overflow: hidden !important;
    background: rgba(10, 35, 72, 0.08) !important;
}

.industries-page .sector-story-media {
    aspect-ratio: 16 / 9 !important;
    max-height: clamp(168px, 21vw, 208px) !important;
}

.industries-page .iic-sector-matrix__media {
    aspect-ratio: 16 / 9 !important;
}

.industries-page .sector-story-media img,
.industries-page .iic-sector-matrix__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.industries-page .sector-story-media::after {
    z-index: 1;
}

@media (hover: hover) and (pointer: fine) {
    .industries-page .sector-story-card:hover .sector-story-media img {
        transform: scale(1.02) !important;
    }

    .industries-page .industry-detail-card:hover .iic-sector-matrix__media img {
        transform: scale(1.055) !important;
    }
}

/* =============================================================================
   Final responsive header, unified hero spacing, and contact page density pass
   ============================================================================= */

:root {
    --iic-hero-top-gap: 10px;
}

@media (min-width: 901px) {
    :root {
        --sticky-offset: 154px;
    }
}

.header-inner.iic-header-shell {
    padding-top: 8px !important;
}

.header-row--top {
    min-height: 86px !important;
    padding-bottom: 8px !important;
}

.brand-logo.brand-logo--full {
    height: clamp(84px, 7.65vw, 112px) !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.nav-links--main-tier {
    min-height: 42px !important;
    padding: 7px 0 9px !important;
}

.page-hero,
.home-landing .home-hero,
.model-hero {
    margin: calc(var(--sticky-offset) + var(--iic-hero-top-gap)) 10px 0 !important;
}

.contact-hero.page-hero::before,
.page-hero::before,
.model-hero::before {
    background:
        linear-gradient(
            90deg,
            rgba(3, 12, 28, 0.84) 0%,
            rgba(3, 12, 28, 0.68) 34%,
            rgba(3, 12, 28, 0.34) 66%,
            rgba(3, 12, 28, 0.12) 100%
        ),
        var(--hero-image, url("/assets/images/heroes/hero-home-industrial.jpg")) center / cover no-repeat !important;
    filter: none !important;
}

.contact-hero.page-hero::after {
    background:
        linear-gradient(180deg, rgba(5, 16, 34, 0.12) 0%, rgba(5, 16, 34, 0.18) 100%),
        radial-gradient(ellipse at 18% 42%, rgba(216, 155, 43, 0.12), transparent 36%) !important;
}

.iic-contact-page .iic-gold-sep {
    display: none !important;
    margin: 0 !important;
}

.iic-contact-page .section {
    padding-block: var(--section-y) !important;
}

.iic-contact-section {
    padding-top: var(--section-y) !important;
}

.iic-contact-grid,
.iic-contact-location__inner,
.iic-contact-quick__inner {
    width: min(var(--iic-container-wide), calc(100% - (var(--page-gutter) * 2))) !important;
    max-width: var(--iic-container-wide) !important;
    margin-inline: auto !important;
}

.iic-contact-grid {
    gap: clamp(22px, 3vw, 40px) !important;
    align-items: start !important;
}

.iic-contact-info,
.iic-contact-form,
.iic-contact-location__panel,
.iic-contact-quick__inner {
    border-radius: 8px !important;
}

.iic-contact-card,
.iic-quick-card {
    border-radius: 8px !important;
}

.iic-contact-location {
    padding-block: var(--section-y) !important;
}

.iic-contact-location__panel {
    padding: var(--space-2xl) !important;
}

.iic-contact-quick {
    padding-block: var(--section-y) !important;
}

.iic-contact-page-cta {
    margin-top: 0 !important;
}

@media (max-width: 900px) {
    :root {
        --sticky-offset: 72px;
    }

    .site-header {
        border-bottom-color: rgba(10, 35, 72, 0.1) !important;
    }

    .header-inner.iic-header-shell {
        display: grid !important;
        grid-template-columns: 1fr !important;
        padding: 8px var(--page-gutter) !important;
    }

    .header-row--top {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        min-height: 56px !important;
        padding: 0 !important;
        border-bottom: 0 !important;
        gap: 10px !important;
    }

    .brand--header-hero {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .brand-logo.brand-logo--full {
        height: clamp(58px, 13.5vw, 72px) !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .header-row--right,
    .header-end {
        display: flex !important;
        justify-content: flex-end !important;
        min-width: 0 !important;
    }

    .header-top-meta,
    .language-switcher,
    .nav-cta {
        display: none !important;
    }

    .nav-button {
        display: grid !important;
        place-items: center !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border: 1px solid rgba(10, 35, 72, 0.14) !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        box-shadow: 0 8px 24px rgba(10, 35, 72, 0.08) !important;
        cursor: pointer !important;
    }

    .iic-header-shell .nav-links--main-tier {
        position: fixed !important;
        top: calc(var(--sticky-offset) + 10px) !important;
        left: max(10px, env(safe-area-inset-left, 0px)) !important;
        right: max(10px, env(safe-area-inset-right, 0px)) !important;
        bottom: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        width: auto !important;
        max-height: calc(100svh - var(--sticky-offset) - 24px) !important;
        margin: 0 !important;
        padding: 12px !important;
        overflow-y: auto !important;
        border: 1px solid rgba(10, 35, 72, 0.12) !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 24px 70px rgba(10, 35, 72, 0.18) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-10px) !important;
        transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease !important;
        z-index: 60 !important;
    }

    .header-inner.iic-header-shell.is-nav-open .nav-links--main-tier {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    .nav-links--main-tier > a:not(.nav-cta),
    .nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent,
    .nav-services-head,
    .nav-item.nav-has-dropdown {
        width: 100% !important;
    }

    .nav-links--main-tier > a:not(.nav-cta),
    .nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent {
        display: flex !important;
        align-items: center !important;
        min-height: 44px !important;
        padding: 12px 14px !important;
        border-radius: 8px !important;
        font-size: var(--type-caption) !important;
        letter-spacing: 0.08em !important;
    }

    .nav-services-head {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
        align-items: center !important;
    }

    .nav-services-caret,
    .nav-tier__chevron {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }

    .nav-dropdown--services {
        position: static !important;
        min-width: 0 !important;
        width: 100% !important;
        margin-top: 6px !important;
        box-shadow: none !important;
    }

    .page-hero,
    .home-landing .home-hero,
    .model-hero {
        margin: calc(var(--sticky-offset) + var(--iic-hero-top-gap)) 10px 0 !important;
        min-height: clamp(340px, 50svh, 470px) !important;
    }

    .iic-contact-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 900px) {
    .site-header {
        overflow: visible !important;
    }

    .header-inner.iic-header-shell {
        position: relative !important;
        overflow: visible !important;
    }

    .iic-header-shell .nav-links--main-tier {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: auto !important;
        right: 0 !important;
        bottom: auto !important;
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        width: min(340px, calc(100vw - 24px)) !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 10px !important;
        z-index: 100 !important;
    }

    .iic-header-shell .nav-links--main-tier > a,
    .iic-header-shell .nav-links--main-tier > .nav-item {
        display: block !important;
        width: 100% !important;
        flex: none !important;
    }

    .iic-header-shell .nav-links--main-tier > a:not(.nav-cta),
    .iic-header-shell .nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent {
        justify-content: flex-start !important;
        text-align: left !important;
    }

    html[dir="rtl"] .iic-header-shell .nav-links--main-tier > a:not(.nav-cta),
    html[dir="rtl"] .iic-header-shell .nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent {
        text-align: right !important;
    }

    .iic-header-shell #nav-services-wrap .nav-dropdown--services {
        display: block !important;
        max-height: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        pointer-events: none !important;
        transform: none !important;
        transition:
            max-height 0.25s ease,
            margin-top 0.25s ease,
            padding 0.25s ease,
            opacity 0.2s ease,
            visibility 0.2s ease !important;
    }

    .iic-header-shell #nav-services-wrap.dropdown-open .nav-dropdown--services {
        max-height: none !important;
        margin-top: 6px !important;
        padding: 6px !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }

    html[dir="rtl"] .iic-header-shell .nav-links--main-tier {
        right: auto !important;
        left: 0 !important;
    }
}

@media (max-width: 640px) {
    :root {
        --sticky-offset: 66px;
    }

    .iic-header-shell .nav-links--main-tier {
        left: auto !important;
        right: 0 !important;
        width: min(320px, calc(100vw - 24px)) !important;
    }

    html[dir="rtl"] .iic-header-shell .nav-links--main-tier {
        right: auto !important;
        left: 0 !important;
    }

    .header-inner.iic-header-shell {
        padding-inline: 12px !important;
    }

    .page-hero,
    .home-landing .home-hero,
    .model-hero {
        margin: calc(var(--sticky-offset) + var(--iic-hero-top-gap)) 0 0 !important;
        padding: 34px 16px !important;
    }

    .page-hero-copy h1,
    .model-hero-copy h1,
    .home-landing .home-hero__title {
        font-size: var(--type-h1) !important;
    }

    .iic-contact-page .section {
        padding-block: 28px !important;
    }

    .iic-contact-grid,
    .iic-contact-location__inner,
    .iic-contact-quick__inner {
        width: min(100%, calc(100% - 24px)) !important;
    }
}

.page-hero,
.home-landing .home-hero,
.model-hero {
    margin-top: calc(var(--sticky-offset) + var(--iic-hero-top-gap)) !important;
}

body > main {
    padding-top: var(--sticky-offset) !important;
}

body > main > .page-hero:first-child,
body > main.home-landing > .home-hero:first-child,
body > main > .model-hero:first-child {
    margin-top: var(--iic-hero-top-gap) !important;
}

body > main > .page-hero:first-child,
body > main.home-landing > .home-hero:first-child,
body > main > .model-hero:first-child {
    margin-bottom: 0 !important;
}

/* Contact page: compact section rhythm after the fixed-header spacing pass. */
.iic-contact-page .section,
.iic-contact-page .iic-contact-section,
.iic-contact-page .iic-contact-location,
.iic-contact-page .iic-contact-quick {
    padding-top: clamp(18px, 2.4vw, 34px) !important;
    padding-bottom: clamp(18px, 2.4vw, 34px) !important;
}

.iic-contact-page .page-hero + .iic-gold-sep + .iic-contact-section,
.iic-contact-page .page-hero + .iic-contact-section {
    padding-top: clamp(20px, 2.6vw, 36px) !important;
}

.iic-contact-page .iic-contact-location + .iic-contact-quick {
    padding-top: clamp(12px, 1.8vw, 24px) !important;
}

.iic-contact-page .iic-contact-page-cta {
    margin-top: 0 !important;
    padding-top: clamp(22px, 3vw, 38px) !important;
    padding-bottom: clamp(24px, 3vw, 42px) !important;
}

@media (max-width: 640px) {
    .iic-contact-page .section,
    .iic-contact-page .iic-contact-section,
    .iic-contact-page .iic-contact-location,
    .iic-contact-page .iic-contact-quick {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
}

/* === HERO CONFIGURATION — Per-page CSS variables === */

/* HOME PAGE */
.page-home .home-hero {
    --hero-image: url("../images/heroes/hero-home-industrial-premium.png");
    --hero-overlay-primary: linear-gradient(90deg, rgba(2, 12, 32, 0.86) 0%, rgba(2, 12, 32, 0.5) 30%, transparent 65%);
    --hero-vignette: linear-gradient(180deg, rgba(5, 16, 34, 0.12) 0%, rgba(5, 16, 34, 0.18) 100%), radial-gradient(ellipse at 18% 42%, rgba(216, 155, 43, 0.1), transparent 40%);
}

/* ABOUT PAGE */
.about-enterprise-page .about-hero {
    --hero-image: url("../images/heroes/hero-aboutus-iic.png");
    --hero-overlay-primary: linear-gradient(90deg, rgba(3, 12, 28, 0.84) 0%, rgba(3, 12, 28, 0.68) 34%, rgba(3, 12, 28, 0.34) 66%, rgba(3, 12, 28, 0.12) 100%);
    --hero-vignette: linear-gradient(180deg, rgba(5, 16, 34, 0.12) 0%, rgba(5, 16, 34, 0.18) 100%), radial-gradient(ellipse at 18% 42%, rgba(216, 155, 43, 0.12), transparent 36%);
}

/* SERVICES PAGE */
.services-hub-page .services-hub-hero {
    --hero-image: url("../images/heroes/hero-service-iic.png");
    --hero-overlay-primary: linear-gradient(90deg, rgba(3, 12, 28, 0.84) 0%, rgba(3, 12, 28, 0.68) 34%, rgba(3, 12, 28, 0.34) 66%, rgba(3, 12, 28, 0.12) 100%);
    --hero-vignette: linear-gradient(180deg, rgba(5, 16, 34, 0.12) 0%, rgba(5, 16, 34, 0.18) 100%), radial-gradient(ellipse at 18% 42%, rgba(216, 155, 43, 0.12), transparent 36%);
}

/* MARINE PAGE */
.marine-page .marine-hero {
    --hero-image: url("../images/heroes/hero-marine-operations.jpg");
    --hero-overlay-primary: linear-gradient(90deg, rgba(3, 12, 28, 0.84) 0%, rgba(3, 12, 28, 0.68) 34%, rgba(3, 12, 28, 0.34) 66%, rgba(3, 12, 28, 0.12) 100%);
    --hero-vignette: linear-gradient(180deg, rgba(5, 16, 34, 0.12) 0%, rgba(5, 16, 34, 0.18) 100%), radial-gradient(ellipse at 18% 42%, rgba(216, 155, 43, 0.12), transparent 36%);
}

/* TRAINING PAGE */
.training-page .training-hero {
    --hero-image: url("../images/heroes/hero-industrial-training.jpg");
    --hero-overlay-primary: linear-gradient(90deg, rgba(3, 12, 28, 0.84) 0%, rgba(3, 12, 28, 0.68) 34%, rgba(3, 12, 28, 0.34) 66%, rgba(3, 12, 28, 0.12) 100%);
    --hero-vignette: linear-gradient(180deg, rgba(5, 16, 34, 0.12) 0%, rgba(5, 16, 34, 0.18) 100%), radial-gradient(ellipse at 18% 42%, rgba(216, 155, 43, 0.12), transparent 36%);
}

/* INSPECTION PAGE */
.inspection-hero {
    --hero-image: url("../images/services/svc-hub-hero.jpg");
    --hero-overlay-primary: linear-gradient(90deg, rgba(3, 12, 28, 0.84) 0%, rgba(3, 12, 28, 0.68) 34%, rgba(3, 12, 28, 0.34) 66%, rgba(3, 12, 28, 0.12) 100%);
    --hero-vignette: linear-gradient(180deg, rgba(5, 16, 34, 0.12) 0%, rgba(5, 16, 34, 0.18) 100%), radial-gradient(ellipse at 18% 42%, rgba(216, 155, 43, 0.12), transparent 36%);
}

/* FACILITIES PAGE */
.facilities-page .page-hero {
    --hero-image: url("../images/heroes/hero-facility-management.jpg");
    --hero-overlay-primary: linear-gradient(90deg, rgba(3, 12, 28, 0.84) 0%, rgba(3, 12, 28, 0.68) 34%, rgba(3, 12, 28, 0.34) 66%, rgba(3, 12, 28, 0.12) 100%);
    --hero-vignette: linear-gradient(180deg, rgba(5, 16, 34, 0.12) 0%, rgba(5, 16, 34, 0.18) 100%), radial-gradient(ellipse at 18% 42%, rgba(216, 155, 43, 0.12), transparent 36%);
}

/* PRINTING PAGE */
.printing-page .page-hero {
    --hero-image: url("../images/printing/print-offset-press.jpg");
    --hero-overlay-primary: linear-gradient(90deg, rgba(3, 12, 28, 0.9) 0%, rgba(3, 12, 28, 0.74) 36%, rgba(3, 12, 28, 0.4) 64%, rgba(3, 12, 28, 0.14) 100%);
    --hero-vignette: linear-gradient(180deg, rgba(5, 16, 34, 0.14) 0%, rgba(5, 16, 34, 0.22) 100%), radial-gradient(ellipse at 20% 40%, rgba(197, 139, 23, 0.1), transparent 40%);
}

/* TRADING PAGE */
.trading-page .trading-hero {
    --hero-image: url("../images/Thumbnails/industry-commercial-buildings.jpg");
    --hero-overlay-primary: linear-gradient(90deg, rgba(3, 12, 28, 0.84) 0%, rgba(3, 12, 28, 0.68) 34%, rgba(3, 12, 28, 0.34) 66%, rgba(3, 12, 28, 0.12) 100%);
    --hero-vignette: linear-gradient(180deg, rgba(5, 16, 34, 0.12) 0%, rgba(5, 16, 34, 0.18) 100%), radial-gradient(ellipse at 18% 42%, rgba(216, 155, 43, 0.12), transparent 36%);
}

/* CAREERS PAGE */
.page-careers .careers-hero {
    --hero-image: url("../images/heroes/hero-industrial-operations.jpg");
    --hero-overlay-primary: linear-gradient(90deg, rgba(3, 12, 28, 0.84) 0%, rgba(3, 12, 28, 0.68) 34%, rgba(3, 12, 28, 0.34) 66%, rgba(3, 12, 28, 0.12) 100%);
    --hero-vignette: linear-gradient(180deg, rgba(5, 16, 34, 0.12) 0%, rgba(5, 16, 34, 0.18) 100%), radial-gradient(ellipse at 18% 42%, rgba(216, 155, 43, 0.12), transparent 36%);
}

/* CONTACT PAGE */
.iic-contact-page .contact-hero {
    --hero-image: url("../images/heroes/hero-contact-industrial-connection.jpg");
    --hero-overlay-primary: linear-gradient(90deg, rgba(3, 12, 28, 0.84) 0%, rgba(3, 12, 28, 0.68) 34%, rgba(3, 12, 28, 0.34) 66%, rgba(3, 12, 28, 0.12) 100%);
    --hero-vignette: linear-gradient(180deg, rgba(5, 16, 34, 0.12) 0%, rgba(5, 16, 34, 0.18) 100%), radial-gradient(ellipse at 18% 42%, rgba(216, 155, 43, 0.12), transparent 36%);
}

/* INSIGHTS PAGE */
.insights-page .insights-hero {
    --hero-image: url("../images/heroes/hero-insights-industrial-intelligence.jpg");
    --hero-overlay-primary: linear-gradient(90deg, rgba(3, 12, 28, 0.84) 0%, rgba(3, 12, 28, 0.68) 34%, rgba(3, 12, 28, 0.34) 66%, rgba(3, 12, 28, 0.12) 100%);
    --hero-vignette: linear-gradient(180deg, rgba(5, 16, 34, 0.12) 0%, rgba(5, 16, 34, 0.18) 100%), radial-gradient(ellipse at 18% 42%, rgba(216, 155, 43, 0.12), transparent 36%);
}

/* Mobile/tablet hamburger menu: final vertical dropdown override. */
@media (max-width: 1200px) {
    #header-inner.iic-header-shell {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        overflow: visible !important;
    }

    #header-inner.iic-header-shell .nav-button {
        display: grid !important;
        place-items: center !important;
    }

    #header-inner.iic-header-shell #nav-links.nav-links--main-tier,
    #header-inner.iic-header-shell.is-nav-open #nav-links.nav-links--main-tier {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: auto !important;
        right: 0 !important;
        bottom: auto !important;
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        width: min(340px, calc(100vw - 24px)) !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 10px !important;
        border: 1px solid rgba(10, 35, 72, 0.12) !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 24px 70px rgba(10, 35, 72, 0.18) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-8px) !important;
        z-index: 100 !important;
    }

    #header-inner.iic-header-shell.is-nav-open #nav-links.nav-links--main-tier {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    html[dir="rtl"] #header-inner.iic-header-shell #nav-links.nav-links--main-tier {
        right: auto !important;
        left: 0 !important;
    }

    #header-inner.iic-header-shell #nav-links.nav-links--main-tier > a,
    #header-inner.iic-header-shell #nav-links.nav-links--main-tier > .nav-item {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }

    #header-inner.iic-header-shell #nav-links.nav-links--main-tier > a:not(.nav-cta),
    #header-inner.iic-header-shell #nav-links.nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent {
        display: flex !important;
        width: 100% !important;
        justify-content: flex-start !important;
    }

    #header-inner.iic-header-shell .nav-services-head {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
        width: 100% !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap:not(.dropdown-open) .nav-dropdown--services {
        display: none !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap.dropdown-open .nav-dropdown--services {
        display: flex !important;
        position: static !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 6px 0 0 !important;
        padding: 6px !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap .nav-tier,
    #header-inner.iic-header-shell #nav-services-wrap .nav-tier__row,
    #header-inner.iic-header-shell #nav-services-wrap .nav-tier__hub,
    #header-inner.iic-header-shell #nav-services-wrap .nav-tier__hub--solo {
        width: 100% !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap .nav-tier {
        display: block !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap .nav-tier__row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap .nav-tier__panel {
        display: none !important;
        position: static !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap .nav-tier.is-expanded .nav-tier__panel {
        display: block !important;
    }
}

/* Homepage hero — final cascade guard (single image, no pseudo duplicate) */
.home-landing .home-hero::before,
.home-landing .home-hero::after {
    content: none !important;
    display: none !important;
}

body.page-home .home-landing .home-hero__bg {
    background-image: var(--hero-figure, var(--home-hero-image)) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.home-landing .home-hero__content,
.home-landing .home-hero__content.home-hero__panel {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Dark service cards — final typography cascade (gateways + services hub) */
.home-landing .home-gateway__title,
.services-hub-page .services-hub-ecosystem .services-hub-service-body h3 {
    color: #f8fafc !important;
}

.home-landing .home-gateway__excerpt,
.services-hub-page .services-hub-ecosystem .services-hub-service-body p {
    color: rgba(232, 238, 248, 0.9) !important;
}

.services-hub-page .services-hub-ecosystem .services-hub-service-card {
    background: linear-gradient(165deg, rgba(14, 32, 58, 0.94) 0%, rgba(8, 18, 34, 0.98) 100%) !important;
}

.services-hub-page .services-hub-ecosystem .services-hub-service-card:hover {
    background: linear-gradient(165deg, rgba(16, 36, 64, 0.96) 0%, rgba(10, 22, 40, 0.99) 100%) !important;
}

/* =============================================================================
   Training page — premium industrial certification platform (scoped .training-page)
   ============================================================================= */

.training-page {
    --train-heading: #10294d;
    --train-body: #314866;
    --train-muted: #52637d;
    --train-gold: #c58b17;
    --train-gold-soft: rgba(214, 158, 46, 0.14);
    --train-surface: #ffffff;
    --train-section: #e8edf4;
    --train-section-alt: #eef2f7;
    --train-border: rgba(15, 45, 84, 0.12);
    --train-shadow: 0 8px 24px rgba(15, 45, 84, 0.07), 0 1px 0 rgba(255, 255, 255, 0.85) inset;
    --train-shadow-hover: 0 16px 40px rgba(15, 45, 84, 0.11), 0 0 0 1px rgba(197, 139, 23, 0.12);
    --train-media-ratio: 5 / 1;
}

/* Hero — cinematic industrial crop + readable copy */
.training-page .training-hero.page-hero::before {
    background:
        linear-gradient(105deg, rgba(5, 16, 34, 0.88) 0%, rgba(8, 22, 44, 0.72) 42%, rgba(8, 22, 44, 0.38) 100%),
        var(--hero-image) 58% 32% / cover no-repeat !important;
}

.training-page .training-hero .page-hero-copy {
    max-width: 42rem;
}

.training-page .training-hero .eyebrow {
    color: rgba(214, 158, 46, 0.95) !important;
    opacity: 1 !important;
}

.training-page .training-hero-title span {
    color: #f4f7fb !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
}

.training-page .training-hero-lead {
    color: rgba(232, 238, 246, 0.94) !important;
    font-size: clamp(0.94rem, 1.15vw, 1.04rem);
    line-height: 1.62;
    opacity: 1 !important;
}

.training-page .training-hero .button.secondary {
    border-color: rgba(255, 255, 255, 0.42);
    color: #f0f4fa !important;
}

.training-page .training-hero .button.secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff !important;
}

/* Overview split — compact media + readable copy */
.training-page .training-overview.split.service-overview {
    padding: clamp(40px, 5.5vw, 64px) var(--page-gutter) !important;
    background: var(--train-section-alt) !important;
    border-bottom: 1px solid var(--train-border);
}

.training-page .training-overview .section-copy .eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    padding: 6px 12px;
    border-radius: 4px;
    background: rgba(214, 158, 46, 0.12);
    color: var(--train-gold) !important;
    font-weight: 700;
    letter-spacing: 0.14em;
    opacity: 1 !important;
}

.training-page .training-overview .section-copy h2 {
    color: var(--train-heading) !important;
    font-weight: 700;
    line-height: 1.12;
    margin-bottom: 14px;
}

.training-page .training-overview .section-copy p {
    color: var(--train-body) !important;
    font-size: clamp(0.94rem, 1.1vw, 1.02rem);
    line-height: 1.62;
    margin-bottom: 12px;
    opacity: 1 !important;
}

.training-page .training-panel.cinema-panel {
    position: relative;
    min-height: clamp(220px, 28vw, 320px) !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--train-border) !important;
    box-shadow: var(--train-shadow) !important;
    backdrop-filter: none !important;
    background: #0f2f57 !important;
}

.training-page .training-panel.cinema-panel::before {
    display: none !important;
}

.training-page .training-panel__img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    object-position: 52% 38%;
}

.training-page .training-panel.cinema-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(160deg, rgba(10, 28, 52, 0.12), rgba(10, 28, 52, 0.38));
    pointer-events: none;
}

/* Section transitions — soft band edges */
.training-page .training-overview {
    position: relative;
}

.training-page .training-overview::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(15, 45, 84, 0.14), transparent);
    pointer-events: none;
}

.training-page .certification-pathways-section {
    position: relative;
    padding: clamp(36px, 5vw, 60px) var(--page-gutter) !important;
    background: linear-gradient(180deg, var(--train-section-alt) 0%, var(--train-section) 12%, var(--train-section) 100%) !important;
    border-color: var(--train-border) !important;
}

.training-page .certification-pathways-section::before {
    content: none;
    display: none;
}

.training-page .training-pathways-intro-strip {
    position: relative;
    max-width: var(--site-content);
    margin: 0 auto clamp(18px, 2.5vw, 26px);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--train-border);
    box-shadow: var(--train-shadow);
    aspect-ratio: var(--train-media-ratio);
    max-height: 72px;
}

.training-page .training-pathways-intro-strip::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(16, 41, 77, 0.5), rgba(16, 41, 77, 0.15));
    pointer-events: none;
}

.training-page .training-pathways-intro-strip img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 42%;
}

.training-page .training-visual-band {
    position: relative;
    max-width: var(--site-content);
    margin: 0 auto clamp(16px, 2.2vw, 22px);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--train-border);
    box-shadow: var(--train-shadow);
    aspect-ratio: 9 / 1;
    max-height: 56px;
}

.training-page .training-visual-band img {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
    filter: saturate(0.92);
}

.training-page .training-visual-band::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(16, 41, 77, 0.55), rgba(16, 41, 77, 0.2));
    pointer-events: none;
}

.training-page .certification-pathways-section .section-heading {
    max-width: var(--site-content);
    margin-inline: auto;
    margin-bottom: clamp(22px, 3vw, 32px) !important;
    text-align: start;
}

.training-page .certification-pathways-section .section-heading .eyebrow,
.training-page .training-audience-section .section-heading .eyebrow,
.training-page .training-outcomes-section .section-heading .eyebrow,
.training-page .service-related-section .section-heading .eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px 12px;
    border-radius: 4px;
    background: rgba(214, 158, 46, 0.12);
    color: var(--train-gold) !important;
    font-weight: 700;
    letter-spacing: 0.14em;
    opacity: 1 !important;
}

.training-page .certification-pathways-section .section-heading h2,
.training-page .training-audience-section .section-heading h2,
.training-page .training-outcomes-section .section-heading h2,
.training-page .service-related-section .section-heading h2 {
    color: var(--train-heading) !important;
    font-weight: 700;
    line-height: 1.14;
}

.training-page .certification-pathways-section .section-heading p {
    color: var(--train-body) !important;
    line-height: 1.6;
    opacity: 1 !important;
}

.training-page .pathways-container {
    gap: clamp(18px, 2.4vw, 26px) !important;
}

.training-page .certification-pathway {
    position: relative;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 8px !important;
    border: 1px solid var(--train-border) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    box-shadow: var(--train-shadow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition:
        border-color 0.28s ease,
        box-shadow 0.28s ease,
        transform 0.28s ease;
}

.training-page .certification-pathway::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(197, 139, 23, 0.55), rgba(197, 139, 23, 0.12) 55%, transparent);
    z-index: 2;
    pointer-events: none;
}

.training-page .certification-pathway:hover {
    border-color: rgba(197, 139, 23, 0.38) !important;
    box-shadow: var(--train-shadow-hover) !important;
    transform: translateY(-2px);
}

.training-page .certification-pathway__media {
    position: relative;
    aspect-ratio: 6 / 1;
    max-height: 52px;
    overflow: hidden;
    border-bottom: 1px solid var(--train-border);
}

.training-page .certification-pathway__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(16, 41, 77, 0.72) 0%, rgba(16, 41, 77, 0.28) 100%);
    pointer-events: none;
}

.training-page .certification-pathway__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
}

.training-page .certification-pathway__body {
    padding: clamp(12px, 1.6vw, 16px) clamp(12px, 1.8vw, 16px) clamp(14px, 2vw, 16px);
}

.training-page .pathway-title {
    margin: 0 0 10px !important;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(15, 45, 84, 0.08);
    font-size: clamp(0.98rem, 1.4vw, 1.1rem) !important;
    font-weight: 700 !important;
    color: var(--train-heading) !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.training-page .progression-flow {
    position: relative;
}

.training-page .progression-levels {
    gap: 8px !important;
    align-items: stretch;
}

.training-page .progression-flow__track {
    counter-reset: train-path-step;
    position: relative;
}

.training-page .progression-flow__track:not(.specialist-grid)::before {
    content: "";
    position: absolute;
    top: 22px;
    left: 6%;
    right: 6%;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(197, 139, 23, 0.22) 12%,
        rgba(197, 139, 23, 0.32) 50%,
        rgba(197, 139, 23, 0.22) 88%,
        transparent 100%
    );
    z-index: 0;
    pointer-events: none;
}

.training-page .level-item,
.training-page .specialist-item {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 10px 12px 10px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(15, 45, 84, 0.1) !important;
    background: linear-gradient(165deg, #f9fbfd 0%, #f3f6fa 100%) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
    transition:
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease;
}

.training-page .progression-flow__track > .level-item {
    counter-increment: train-path-step;
    padding-top: 34px !important;
}

.training-page .progression-flow__track > .level-item::before {
    content: counter(train-path-step, decimal-leading-zero);
    position: absolute;
    top: 8px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid rgba(197, 139, 23, 0.55);
    background: #ffffff;
    color: var(--train-heading);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1;
    box-shadow: 0 2px 8px rgba(15, 45, 84, 0.08);
}

html[dir="rtl"] .training-page .progression-flow__track > .level-item::before {
    left: auto;
    right: 12px;
}

.training-page .level-item:hover,
.training-page .specialist-item:hover {
    border-color: rgba(197, 139, 23, 0.36) !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(15, 45, 84, 0.08) !important;
}

.training-page .level-badge,
.training-page .specialist-badge {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-bottom: 6px !important;
    padding: 4px 9px !important;
    border-radius: 4px;
    border: 1px solid rgba(197, 139, 23, 0.22);
    background: var(--train-gold-soft) !important;
    color: #8a6210 !important;
    font-size: 0.64rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    opacity: 1 !important;
}

.training-page .level-item h4,
.training-page .specialist-item h4 {
    margin: 0 0 4px !important;
    font-size: clamp(0.9rem, 1.15vw, 0.98rem) !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
    color: var(--train-heading) !important;
}

.training-page .level-item p,
.training-page .specialist-item p {
    margin: 0 0 8px !important;
    flex-grow: 1;
    font-size: 0.84rem !important;
    line-height: 1.5 !important;
    color: var(--train-body) !important;
    opacity: 1 !important;
}

.training-page .level-connector {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 26px;
    width: 26px;
    font-size: 0;
    color: transparent;
    opacity: 1 !important;
}

.training-page .level-connector::after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-right: 2px solid var(--train-gold);
    border-top: 2px solid var(--train-gold);
    transform: rotate(45deg);
    opacity: 0.85;
}

.training-page .level-connector__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.training-page .pathway-link {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: auto;
    padding: 7px 12px;
    border: 1px solid rgba(197, 139, 23, 0.45);
    border-radius: 4px;
    background: rgba(214, 158, 46, 0.1);
    color: var(--train-gold) !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-decoration: none;
    text-transform: uppercase;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease;
}

.training-page .pathway-link:hover {
    color: #9a6a10 !important;
    border-color: var(--train-gold);
    background: rgba(214, 158, 46, 0.18);
    box-shadow: 0 4px 14px rgba(15, 45, 84, 0.08);
}

.training-page .specialist-grid {
    gap: 10px !important;
}

.training-page .specialist-grid > .level-item::before {
    display: none;
}

.training-page .specialist-grid > .level-item {
    padding-top: 10px !important;
}

/* Audience + outcomes — editorial light grids */
.training-page .training-audience-section {
    position: relative;
    padding: clamp(36px, 5vw, 58px) var(--page-gutter) !important;
    background: linear-gradient(180deg, var(--train-section) 0%, var(--train-section-alt) 100%) !important;
    border-top: 1px solid var(--train-border);
    border-color: var(--train-border) !important;
}

.training-page .training-outcomes-section {
    padding: clamp(36px, 5vw, 58px) var(--page-gutter) !important;
    background: linear-gradient(180deg, var(--train-section-alt) 0%, var(--train-section) 100%) !important;
    border-top: 1px solid rgba(15, 45, 84, 0.08);
}

.training-page .training-audience-section .section-heading,
.training-page .training-outcomes-section .section-heading {
    margin-bottom: clamp(20px, 3vw, 28px) !important;
    text-align: start;
}

.training-page .training-audience-grid {
    gap: 12px !important;
}

.training-page .training-outcomes-grid {
    gap: 12px !important;
    max-width: var(--site-content);
}

.training-page .training-audience-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 0 !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    border: 1px solid var(--train-border) !important;
    background: linear-gradient(165deg, #ffffff 0%, #f6f8fb 100%) !important;
    box-shadow: var(--train-shadow) !important;
    color: var(--train-body) !important;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
    letter-spacing: 0.01em !important;
    opacity: 1 !important;
    transition:
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

.training-page .training-audience-item:hover {
    border-color: rgba(197, 139, 23, 0.38) !important;
    box-shadow: var(--train-shadow-hover) !important;
    transform: translateY(-1px);
}

.training-page .training-audience-item__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    margin-top: 0;
    border-radius: 6px;
    border: 1px solid rgba(16, 41, 77, 0.14);
    background: linear-gradient(145deg, #f0f4fa 0%, #e6ecf4 100%);
    color: #0f2f57;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

.training-page .training-audience-item__icon .iic-line-icon {
    width: 18px;
    height: 18px;
    color: var(--train-gold);
    filter: drop-shadow(0 0 0 #0f2f57);
}

.training-page .training-audience-item__icon .iic-line-icon path,
.training-page .training-audience-item__icon .iic-line-icon circle {
    stroke: #0f2f57;
    stroke-width: 1.5;
}

.training-page .training-audience-item__icon .iic-line-icon [fill="currentColor"] {
    fill: var(--train-gold);
}

.training-page .training-audience-item__text {
    color: var(--train-heading) !important;
    font-weight: 600;
    font-size: 0.88rem !important;
    line-height: 1.45 !important;
    opacity: 1 !important;
}

.training-page .training-outcome-item {
    gap: 10px;
    min-height: 0 !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    border: 1px solid var(--train-border) !important;
    background: linear-gradient(165deg, #ffffff 0%, #f6f8fb 100%) !important;
    box-shadow: var(--train-shadow) !important;
    font-size: 0.88rem !important;
    font-weight: 600;
    line-height: 1.45 !important;
    color: var(--train-heading) !important;
    opacity: 1 !important;
    transition:
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

.training-page .training-outcome-item:hover {
    border-color: rgba(197, 139, 23, 0.38) !important;
    color: var(--train-heading) !important;
    box-shadow: var(--train-shadow-hover) !important;
    transform: translateY(-1px);
}

.training-page .training-outcome-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(197, 139, 23, 0.35);
    background: var(--train-gold-soft);
    color: var(--train-gold) !important;
    opacity: 1 !important;
}

.training-page .training-outcome-icon .iic-line-icon {
    width: 17px;
    height: 17px;
    color: var(--train-gold);
}

/* Related services on training page */
.training-page .service-related-section {
    padding: clamp(40px, 5.5vw, 64px) var(--page-gutter) !important;
    background: var(--train-section-alt) !important;
    border-top: 1px solid var(--train-border);
}

.training-page .service-related-section .section-heading {
    margin-bottom: clamp(20px, 3vw, 28px) !important;
    text-align: start;
}

.training-page .service-related-grid {
    gap: 14px !important;
}

.training-page .service-related-card {
    padding: 16px 18px !important;
    border-radius: 8px !important;
    border: 1px solid var(--train-border) !important;
    background: var(--train-surface) !important;
    box-shadow: var(--train-shadow) !important;
}

.training-page .service-related-card:hover {
    border-color: rgba(197, 139, 23, 0.35) !important;
    box-shadow: var(--train-shadow-hover) !important;
    transform: translateY(-2px);
}

.training-page .service-related-card .iic-point-icon {
    color: var(--train-gold);
    margin-bottom: 8px;
}

.training-page .service-related-card h3 {
    margin: 0 0 8px !important;
    font-size: 1.02rem !important;
    font-weight: 700 !important;
}

.training-page .service-related-card h3 a {
    color: var(--train-heading) !important;
}

.training-page .service-related-card h3 a:hover {
    color: var(--train-gold) !important;
}

.training-page .service-related-card p {
    margin: 0 0 12px !important;
    color: var(--train-body) !important;
    font-size: 0.88rem !important;
    line-height: 1.52 !important;
    opacity: 1 !important;
}

.training-page .service-related-card .outline-link {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border: 1px solid rgba(197, 139, 23, 0.45);
    border-radius: 4px;
    background: rgba(214, 158, 46, 0.1);
    color: var(--train-gold) !important;
    font-weight: 700;
    font-size: 0.68rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
}

.training-page .service-related-card .outline-link:hover {
    background: rgba(214, 158, 46, 0.18);
    border-color: var(--train-gold);
    color: #9a6a10 !important;
}

/* RTL */
html[dir="rtl"] .training-page .certification-pathways-section .section-heading,
html[dir="rtl"] .training-page .training-audience-section .section-heading,
html[dir="rtl"] .training-page .training-outcomes-section .section-heading,
html[dir="rtl"] .training-page .service-related-section .section-heading,
html[dir="rtl"] .training-page .training-overview .section-copy {
    text-align: right;
}

html[dir="rtl"] .training-page .level-connector::after {
    transform: rotate(-135deg);
}

html[dir="rtl"] .training-page .progression-flow__track:not(.specialist-grid)::before {
    background: linear-gradient(
        270deg,
        transparent 0%,
        rgba(197, 139, 23, 0.22) 12%,
        rgba(197, 139, 23, 0.32) 50%,
        rgba(197, 139, 23, 0.22) 88%,
        transparent 100%
    );
}

html[dir="rtl"] .training-page .certification-pathway::before {
    background: linear-gradient(270deg, rgba(197, 139, 23, 0.55), rgba(197, 139, 23, 0.12) 55%, transparent);
}

html[dir="rtl"] .training-page .certification-pathway__media::after {
    background: linear-gradient(270deg, rgba(16, 41, 77, 0.72) 0%, rgba(16, 41, 77, 0.28) 100%);
}

/* Responsive density */
@media (min-width: 1440px) {
    .training-page .training-hero.page-hero::before {
        background-position: 56% 30% !important;
    }
}

@media (max-width: 1280px) {
    .training-page .progression-flow__track:not(.specialist-grid)::before {
        left: 8%;
        right: 8%;
    }
}

@media (max-width: 1180px) {
    .training-page .level-item {
        min-width: 0 !important;
        flex: 1 1 140px;
    }

    .training-page .specialist-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .training-page .progression-flow__track:not(.specialist-grid)::before {
        display: none;
    }

    .training-page .level-connector {
        min-width: 22px;
        width: 22px;
    }

    .training-page .level-connector::after {
        transform: rotate(135deg);
    }

    html[dir="rtl"] .training-page .level-connector::after {
        transform: rotate(-45deg);
    }
}

@media (max-width: 992px) {
    .training-page .training-hero.page-hero::before {
        background-position: 62% 28% !important;
    }

    .training-page .certification-pathway__media {
        aspect-ratio: 16 / 9 !important;
        max-height: none !important;
        min-height: 108px !important;
    }
}

@media (max-width: 768px) {
    .training-page .training-audience-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .training-page .training-overview.split.service-overview {
        padding: clamp(32px, 6vw, 48px) var(--page-gutter) !important;
    }

    .training-page .training-panel.cinema-panel {
        min-height: clamp(190px, 40vw, 240px) !important;
    }

    .training-page .training-pathways-intro-strip {
        max-height: 56px;
    }

    .training-page .training-visual-band {
        max-height: 48px;
    }

    .training-page .progression-levels {
        flex-direction: column;
        align-items: stretch;
    }

    .training-page .level-connector {
        width: 100%;
        min-width: 0;
        height: 20px;
    }

    .training-page .level-connector::after {
        transform: rotate(135deg);
    }
}

@media (max-width: 576px) {
    .training-page .training-audience-grid,
    .training-page .training-outcomes-grid,
    .training-page .service-related-grid {
        grid-template-columns: 1fr;
    }

    .training-page .specialist-grid {
        grid-template-columns: 1fr;
    }

    .training-page .pathway-title {
        margin-bottom: 8px !important;
        padding-bottom: 6px;
    }

    .training-page .certification-pathway__body {
        padding: 10px 12px 12px;
    }
}

@media (max-width: 430px) {
    .training-page .level-item,
    .training-page .specialist-item,
    .training-page .training-audience-item,
    .training-page .training-outcome-item {
        padding: 9px 11px !important;
    }

    .training-page .progression-flow__track > .level-item {
        padding-top: 32px !important;
    }

    .training-page .training-hero-lead {
        font-size: 0.9rem;
    }
}

@media (max-width: 360px) {
    .training-page .pathway-link {
        width: 100%;
        justify-content: center;
    }

    .training-page .hero-actions .button {
        width: 100%;
        justify-content: center;
    }
}

/* =============================================================================
   Printing page — enterprise production refinement (scoped to .printing-page only)
   ============================================================================= */

.printing-page {
    --print-heading: #10294d;
    --print-body: #314866;
    --print-muted: #52637d;
    --print-gold: #c58b17;
    --print-surface: #ffffff;
    --print-section: #e8edf4;
    --print-section-alt: #eef2f7;
    --print-border: rgba(15, 45, 84, 0.14);
    --print-shadow: 0 10px 28px rgba(15, 45, 84, 0.06);
    --print-shadow-hover: 0 14px 36px rgba(15, 45, 84, 0.1);
    --print-navy: #0a2348;
    --print-navy-mid: #0f2f57;
    --print-grade: brightness(0.91) contrast(1.07) saturate(0.86);
    --print-grade-hover: brightness(0.94) contrast(1.08) saturate(0.9);
    --print-media-ratio: 16 / 9;
    --print-media-h: clamp(112px, 13.5vw, 132px);
    --print-showcase-h: clamp(118px, 15vw, 150px);
}

/* Section rhythm + headings */
.printing-page .section {
    padding: clamp(40px, 5.5vw, 64px) var(--page-gutter) !important;
}

.printing-page .section-heading {
    max-width: var(--site-content);
    margin-inline: auto;
    margin-bottom: clamp(22px, 3vw, 32px) !important;
    text-align: start;
}

.printing-page .section-heading .eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px 12px;
    border-radius: 4px;
    background: rgba(214, 158, 46, 0.12);
    color: var(--print-gold) !important;
    font-weight: 700;
    letter-spacing: 0.14em;
    opacity: 1 !important;
}

.printing-page .printing-showcase-section .section-heading .eyebrow,
.printing-page .printing-categories-section .section-heading .eyebrow {
    background: rgba(214, 158, 46, 0.16);
    color: #e8b04a !important;
}

.printing-page .section-heading h2 {
    color: var(--print-heading) !important;
    font-weight: 700;
    line-height: 1.14;
    opacity: 1 !important;
}

.printing-page .printing-categories-section .section-heading h2,
.printing-page .printing-showcase-section .section-heading h2 {
    color: #ffffff !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.28);
}

.printing-page .section-heading p {
    color: var(--print-body) !important;
    line-height: 1.6;
    opacity: 1 !important;
    max-width: 62ch;
}

.printing-page .printing-categories-section .section-heading p,
.printing-page .printing-showcase-section .section-heading p {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Dark navy — production categories */
.printing-page .printing-categories-section {
    background: linear-gradient(165deg, var(--print-navy) 0%, var(--print-navy-mid) 100%) !important;
    border-top: 1px solid rgba(214, 158, 46, 0.12);
    border-bottom: 1px solid rgba(15, 45, 84, 0.2);
}

.printing-page .printing-categories-grid {
    gap: 14px !important;
}

.printing-page .printing-category-card {
    display: flex;
    flex-direction: column;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    border: 1px solid rgba(214, 158, 46, 0.22) !important;
    background: rgba(8, 22, 42, 0.92) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: hidden;
}

.printing-page .printing-category-card:hover {
    border-color: rgba(214, 158, 46, 0.42) !important;
    background: rgba(10, 28, 52, 0.96) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.36) !important;
    transform: translateY(-3px);
}

.printing-page .printing-category-card__media {
    position: relative;
    height: clamp(100px, 14vw, 128px);
    overflow: hidden;
}

.printing-page .printing-category-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 35%, rgba(8, 22, 42, 0.55) 100%);
    pointer-events: none;
}

.printing-page .printing-category-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.printing-page .printing-category-card__body {
    padding: 14px 16px 16px !important;
}

.printing-page .printing-category-card__body::before {
    content: "";
    display: block;
    width: 36px;
    height: 3px;
    margin-bottom: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--print-gold), transparent);
}

.printing-page .printing-category-card h3 {
    margin: 0 0 8px !important;
    font-size: clamp(0.95rem, 1.2vw, 1.05rem) !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.printing-page .printing-category-card p {
    margin: 0 !important;
    font-size: 0.86rem !important;
    line-height: 1.52 !important;
    color: rgba(255, 255, 255, 0.88) !important;
    opacity: 1 !important;
}

.printing-page .printing-category-card .category-icon {
    display: none;
}

/* Dark navy — capability showcase */
.printing-page .printing-showcase-section {
    padding: clamp(40px, 5.5vw, 64px) var(--page-gutter) !important;
    background:
        radial-gradient(ellipse 70% 50% at 80% 100%, rgba(216, 155, 43, 0.08), transparent 55%),
        linear-gradient(165deg, #081a34 0%, var(--print-navy) 100%) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

.printing-page .printing-showcase-grid {
    gap: 14px !important;
}

.printing-page .showcase-item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    border: 1px solid rgba(214, 158, 46, 0.22) !important;
    background: rgba(8, 22, 42, 0.88) !important;
    overflow: hidden;
}

.printing-page .showcase-item:hover {
    border-color: rgba(214, 158, 46, 0.45) !important;
    transform: translateY(-3px);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.32) !important;
}

.printing-page .showcase-item__img {
    display: block;
    width: 100%;
    height: clamp(120px, 16vw, 156px);
    object-fit: cover;
}

.printing-page .showcase-item__label {
    padding: 14px 16px 16px;
    background: linear-gradient(180deg, rgba(8, 22, 42, 0.15) 0%, rgba(8, 22, 42, 0.92) 100%);
}

.printing-page .showcase-item__label p {
    margin: 0 !important;
    font-size: clamp(0.95rem, 1.15vw, 1.05rem) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 0.04em;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
    opacity: 1 !important;
}

/* Workflow — light operational band */
.printing-page .printing-workflow-section {
    background: var(--print-section-alt) !important;
    border-bottom: 1px solid var(--print-border);
}

.printing-page .printing-workflow-track {
    gap: 12px !important;
}

.printing-page .workflow-step {
    min-height: 0 !important;
    padding: clamp(14px, 1.8vw, 18px) clamp(14px, 1.6vw, 16px) !important;
    border-radius: 8px !important;
    border: 1px solid var(--print-border) !important;
    background: var(--print-surface) !important;
    box-shadow: var(--print-shadow) !important;
    text-align: start !important;
}

.printing-page .workflow-step:hover {
    border-color: rgba(197, 139, 23, 0.35) !important;
    background: var(--print-surface) !important;
    box-shadow: var(--print-shadow-hover) !important;
    transform: translateY(-2px);
}

.printing-page .workflow-step .step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    margin-bottom: 10px !important;
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(214, 158, 46, 0.12);
    color: var(--print-gold) !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em;
    opacity: 1 !important;
}

.printing-page .workflow-step h3 {
    margin: 0 0 8px !important;
    font-size: clamp(0.95rem, 1.15vw, 1.05rem) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: var(--print-heading) !important;
    opacity: 1 !important;
}

.printing-page .workflow-step p {
    margin: 0 !important;
    font-size: 0.86rem !important;
    line-height: 1.52 !important;
    color: var(--print-body) !important;
    opacity: 1 !important;
}

/* Materials & finishes */
.printing-page .printing-materials-section {
    background: var(--print-section) !important;
    border-bottom: 1px solid var(--print-border);
}

.printing-page .printing-materials-grid {
    gap: 12px !important;
}

.printing-page .material-item {
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    padding: clamp(14px, 1.8vw, 18px) clamp(14px, 1.6vw, 16px) !important;
    border-radius: 8px !important;
    border: 1px solid var(--print-border) !important;
    background: var(--print-surface) !important;
    box-shadow: var(--print-shadow) !important;
    text-align: start;
}

.printing-page .material-item:hover {
    border-color: rgba(197, 139, 23, 0.35) !important;
    background: var(--print-surface) !important;
    box-shadow: var(--print-shadow-hover) !important;
    transform: translateY(-2px);
}

.printing-page .material-item::before {
    content: "";
    display: block;
    width: 32px;
    height: 3px;
    margin-bottom: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--print-gold), transparent);
}

.printing-page .material-item__title {
    margin: 0 0 6px !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    color: var(--print-heading) !important;
    opacity: 1 !important;
}

.printing-page .material-item span {
    display: none;
}

.printing-page .material-item__desc {
    margin: 0 !important;
    font-size: 0.84rem !important;
    line-height: 1.5 !important;
    color: var(--print-body) !important;
    opacity: 1 !important;
}

/* Why print matters */
.printing-page .printing-benefits-section {
    background: var(--print-section-alt) !important;
    border-bottom: 1px solid var(--print-border);
}

.printing-page .printing-benefits-grid {
    gap: 14px !important;
}

.printing-page .benefit-card {
    min-height: 0 !important;
    padding: clamp(18px, 2.2vw, 24px) clamp(18px, 2vw, 22px) !important;
    border-radius: 8px !important;
    border: 1px solid var(--print-border) !important;
    background: var(--print-surface) !important;
    box-shadow: var(--print-shadow) !important;
    backdrop-filter: none !important;
}

.printing-page .benefit-card:hover {
    border-color: rgba(197, 139, 23, 0.35) !important;
    background: var(--print-surface) !important;
    box-shadow: var(--print-shadow-hover) !important;
    transform: translateY(-2px);
}

.printing-page .benefit-card__marker {
    display: block;
    width: 40px;
    height: 3px;
    margin-bottom: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--print-gold), rgba(197, 139, 23, 0.2));
}

.printing-page .benefit-card .benefit-icon {
    display: none;
}

.printing-page .benefit-card h3 {
    margin: 0 0 10px !important;
    font-size: clamp(1rem, 1.25vw, 1.1rem) !important;
    font-weight: 700 !important;
    line-height: 1.24 !important;
    color: var(--print-heading) !important;
    opacity: 1 !important;
}

.printing-page .benefit-card p {
    margin: 0 !important;
    font-size: 0.9rem !important;
    line-height: 1.58 !important;
    color: var(--print-body) !important;
    opacity: 1 !important;
}

/* Related services on printing page */
.printing-page .service-related-section {
    background: var(--print-section) !important;
    border-top: 1px solid var(--print-border);
}

.printing-page .service-related-section .section-heading h2 {
    color: var(--print-heading) !important;
}

.printing-page .service-related-grid {
    gap: 14px !important;
}

.printing-page .service-related-card {
    padding: 16px 18px !important;
    border-radius: 8px !important;
    border: 1px solid var(--print-border) !important;
    background: var(--print-surface) !important;
    box-shadow: var(--print-shadow) !important;
}

.printing-page .service-related-card:hover {
    border-color: rgba(197, 139, 23, 0.35) !important;
    box-shadow: var(--print-shadow-hover) !important;
    transform: translateY(-2px);
}

.printing-page .service-related-card .iic-point-icon {
    color: var(--print-gold);
    margin-bottom: 8px;
}

.printing-page .service-related-card h3 a {
    color: var(--print-heading) !important;
}

.printing-page .service-related-card p {
    color: var(--print-body) !important;
    opacity: 1 !important;
}

.printing-page .service-related-card .outline-link {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border: 1px solid rgba(197, 139, 23, 0.45);
    border-radius: 4px;
    background: rgba(214, 158, 46, 0.1);
    color: var(--print-gold) !important;
    font-weight: 700;
    font-size: 0.68rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
}

.printing-page .service-related-card .outline-link:hover {
    background: rgba(214, 158, 46, 0.18);
    border-color: var(--print-gold);
    color: #9a6a10 !important;
}

/* RTL */
html[dir="rtl"] .printing-page .section-heading,
html[dir="rtl"] .printing-page .workflow-step,
html[dir="rtl"] .printing-page .material-item,
html[dir="rtl"] .printing-page .benefit-card {
    text-align: right;
}

html[dir="rtl"] .printing-page .printing-category-card__body::before,
html[dir="rtl"] .printing-page .material-item::before,
html[dir="rtl"] .printing-page .benefit-card__marker {
    background: linear-gradient(270deg, var(--print-gold), transparent);
}

/* Responsive */
@media (max-width: 1200px) {
    .printing-page .printing-categories-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 992px) {
    .printing-page .printing-categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .printing-page .printing-workflow-track {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .printing-page .printing-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .printing-page .printing-workflow-track {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .printing-page .printing-materials-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 576px) {
    .printing-page .printing-categories-grid,
    .printing-page .printing-showcase-grid,
    .printing-page .printing-workflow-track,
    .printing-page .printing-materials-grid,
    .printing-page .printing-benefits-grid,
    .printing-page .service-related-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 430px) {
    .printing-page .printing-category-card__media {
        height: 96px;
    }

    .printing-page .showcase-item__img {
        height: 108px;
    }
}

@media (max-width: 360px) {
    .printing-page .section {
        padding: 32px 16px !important;
    }
}

/* =============================================================================
   Service card typography hierarchy — title leads, CTA secondary (global)
   ============================================================================= */

.service-category-card__title,
.service-category-card__title a,
.service-related-card h3,
.service-related-card h3 a {
    font-size: clamp(1.2rem, 1.8vw, 1.45rem) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
}

.service-category-card__title a,
.service-related-card h3 a {
    color: #10294d !important;
    text-decoration: none;
}

.service-related-card {
    padding: clamp(0.9rem, 1.6vw, 1.1rem) clamp(0.95rem, 1.8vw, 1.15rem) !important;
    gap: 0.35rem;
}

.service-related-card .iic-point-icon {
    margin-bottom: 0.45rem !important;
}

.service-related-card p {
    margin-bottom: 0.5rem !important;
}

/* Card CTAs — compact, secondary to title */
.service-category-card__cta.button,
a.service-category-card__cta.button {
    align-self: flex-start !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: auto !important;
    padding: 0.72rem 1.05rem !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.15 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

.service-category-card__cta.button::after,
.service-category-card__cta.button::before {
    display: none !important;
    content: none !important;
}

.service-related-card .outline-link,
.services-hub-service-card .outline-link.services-hub-service-cta,
.services-hub-page .services-hub-ecosystem .services-hub-service-cta.outline-link--on-dark {
    display: inline-flex !important;
    align-items: center !important;
    align-self: flex-start !important;
    min-height: 0 !important;
    min-width: 0 !important;
    margin-top: auto !important;
    padding: 0.72rem 1.05rem !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.15 !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
}

.service-related-card .outline-link::after,
.services-hub-service-card .outline-link.services-hub-service-cta::after {
    margin-left: 0.55rem !important;
    font-weight: 700 !important;
}

.services-hub-page .services-hub-ecosystem .services-hub-service-body {
    gap: clamp(8px, 1.2vw, 12px) !important;
    padding: clamp(16px, 2.2vw, 22px) !important;
}

.services-hub-page .services-hub-ecosystem .services-hub-service-body p {
    margin-bottom: 0.25rem !important;
}

/* Facilities / service trust cards — label small, title dominant */
.service-page .service-trust-card,
main.service-doc .service-trust-card {
    padding: clamp(0.9rem, 1.6vw, 1.1rem) clamp(0.95rem, 1.8vw, 1.15rem) !important;
}

.service-page .service-trust-card span,
main.service-doc .service-trust-card span {
    font-size: 0.72rem !important;
    margin-bottom: 6px !important;
}

.service-page .service-trust-card strong,
main.service-doc .service-trust-card strong {
    font-size: clamp(1.2rem, 1.8vw, 1.45rem) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
    color: #10294d !important;
    text-transform: none !important;
}

.service-page .service-trust-card p,
main.service-doc .service-trust-card p {
    margin-bottom: 0 !important;
    font-size: clamp(0.88rem, 1.05vw, 0.95rem) !important;
}

/* Marine capability cards — title over description */
.marine-page .marine-service-card {
    min-height: clamp(200px, 24vw, 260px) !important;
    padding: clamp(16px, 2vw, 20px) clamp(14px, 1.8vw, 18px) !important;
    gap: 8px !important;
}

.marine-page .marine-service-card h3,
.marine-services-grid .marine-service-card h3 {
    font-size: clamp(1.2rem, 1.8vw, 1.45rem) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
    color: #f8fafc !important;
}

/* Training / printing related blocks — inherit hierarchy, keep compact CTA */
.training-page .service-related-card h3,
.printing-page .service-related-card h3 {
    font-size: clamp(1.2rem, 1.8vw, 1.45rem) !important;
    font-weight: 800 !important;
}

.training-page .service-related-card .outline-link,
.printing-page .service-related-card .outline-link {
    min-height: 0 !important;
    padding: 0.72rem 1.05rem !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.08em !important;
    font-weight: 700 !important;
}

html[dir="rtl"] .service-category-card__cta.button,
html[dir="rtl"] .service-related-card .outline-link,
html[dir="rtl"] .services-hub-service-card .outline-link.services-hub-service-cta {
    align-self: flex-start;
}

html[dir="rtl"] .service-related-card .outline-link::after,
html[dir="rtl"] .services-hub-service-card .outline-link.services-hub-service-cta::after {
    margin-left: 0 !important;
    margin-right: 0.55rem !important;
}

/* Printing page RTL QA — English blocks stay LTR until copy is localized */
html[dir="rtl"] .printing-page .page-hero-copy,
html[dir="rtl"] .printing-page .section-heading,
html[dir="rtl"] .printing-page .printing-category-card,
html[dir="rtl"] .printing-page .showcase-item,
html[dir="rtl"] .printing-page .workflow-step,
html[dir="rtl"] .printing-page .material-item,
html[dir="rtl"] .printing-page .benefit-card,
html[dir="rtl"] .printing-page .iic-final-cta,
html[dir="rtl"] .printing-page .service-related-section,
html[dir="rtl"] .printing-page .service-related-card {
    direction: ltr;
    unicode-bidi: isolate;
}

html[dir="rtl"] .printing-page .page-hero-copy h1,
html[dir="rtl"] .printing-page .page-hero-copy p,
html[dir="rtl"] .printing-page .section-heading h2,
html[dir="rtl"] .printing-page .section-heading p,
html[dir="rtl"] .printing-page .printing-category-card h3,
html[dir="rtl"] .printing-page .printing-category-card p,
html[dir="rtl"] .printing-page .workflow-step h3,
html[dir="rtl"] .printing-page .workflow-step p,
html[dir="rtl"] .printing-page .material-item h4,
html[dir="rtl"] .printing-page .material-item p,
html[dir="rtl"] .printing-page .iic-final-cta__title,
html[dir="rtl"] .printing-page .iic-final-cta__text,
html[dir="rtl"] .printing-page .service-related-card h3,
html[dir="rtl"] .printing-page .service-related-card p {
    direction: ltr;
    unicode-bidi: plaintext;
    text-align: start;
}

html[dir="rtl"] .printing-page .section-heading,
html[dir="rtl"] .printing-page .page-hero-copy,
html[dir="rtl"] .printing-page .iic-final-cta {
    text-align: start;
}

/* =============================================================================
   Service detail subpages — shared readability & density (main.service-doc only)
   Does not affect homepage, category hubs, training, printing, or industries.
   ============================================================================= */

main.service-doc {
    --svc-heading: #10294d;
    --svc-body: #314866;
    --svc-muted: #52637d;
    --svc-dark-heading: #ffffff;
    --svc-dark-body: rgba(255, 255, 255, 0.86);
    --svc-card-bg: #ffffff;
    --svc-card-border: rgba(15, 45, 84, 0.12);
    --svc-card-shadow: 0 10px 28px rgba(15, 45, 84, 0.06);
    --svc-card-shadow-hover: 0 14px 36px rgba(15, 45, 84, 0.1);
}

/* Light sections — overview copy */
main.service-doc .service-overview .section-copy h2 {
    color: var(--svc-heading) !important;
    opacity: 1 !important;
}

main.service-doc .service-overview .section-copy p {
    color: var(--svc-body) !important;
    opacity: 1 !important;
}

main.service-doc .service-overview .section-copy .eyebrow {
    opacity: 1 !important;
}

/* Light trust bands */
main.service-doc .section.service-trust .section-heading h2,
main.service-doc .section.service-trust.breathing .section-heading h2 {
    color: var(--svc-heading) !important;
    opacity: 1 !important;
}

main.service-doc .section.service-trust .section-heading p {
    color: var(--svc-body) !important;
    opacity: 1 !important;
}

/* Dark navy bands — section headings & intros */
main.service-doc .inspection-methodology-framework,
main.service-doc .inspection-verification-pathway,
main.service-doc .inspection-assurance-framework,
main.service-doc .industrial-maintenance-flow,
main.service-doc .industrial-readiness-mobilization {
    padding: clamp(36px, 5vw, 56px) var(--page-gutter) !important;
}

main.service-doc .inspection-methodology-framework .section-heading h2,
main.service-doc .inspection-verification-pathway .section-heading h2,
main.service-doc .inspection-assurance-framework .section-heading h2,
main.service-doc .industrial-maintenance-flow .section-heading h2,
main.service-doc .industrial-readiness-mobilization .section-heading h2 {
    color: var(--svc-dark-heading) !important;
    opacity: 1 !important;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
}

main.service-doc .inspection-methodology-framework .section-heading p,
main.service-doc .inspection-verification-pathway .section-heading p,
main.service-doc .inspection-assurance-framework .section-heading p,
main.service-doc .industrial-maintenance-flow .section-heading p,
main.service-doc .industrial-readiness-mobilization .section-heading p {
    color: var(--svc-dark-body) !important;
    opacity: 1 !important;
}

main.service-doc .inspection-methodology-framework .section-heading .eyebrow,
main.service-doc .inspection-verification-pathway .section-heading .eyebrow,
main.service-doc .inspection-assurance-framework .section-heading .eyebrow,
main.service-doc .industrial-maintenance-flow .section-heading .eyebrow,
main.service-doc .industrial-readiness-mobilization .section-heading .eyebrow {
    color: var(--iic-gold-primary) !important;
    opacity: 1 !important;
}

/* Shared white operational cards (methodology / pathway / readiness) */
main.service-doc .methodology-item,
main.service-doc .pathway-stage,
main.service-doc .readiness-stage {
    min-height: 0 !important;
    padding: clamp(12px, 1.6vw, 16px) clamp(13px, 1.7vw, 16px) !important;
    border-radius: 8px !important;
    border: 1px solid var(--svc-card-border) !important;
    background: var(--svc-card-bg) !important;
    box-shadow: var(--svc-card-shadow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

main.service-doc .methodology-item {
    border-left: 3px solid var(--iic-gold-primary) !important;
    transform: none !important;
}

main.service-doc .methodology-item:hover,
main.service-doc .pathway-stage:hover,
main.service-doc .readiness-stage:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(197, 139, 23, 0.28) !important;
    box-shadow: var(--svc-card-shadow-hover) !important;
    background: var(--svc-card-bg) !important;
}

main.service-doc .methodology-item:hover {
    border-left-color: var(--iic-gold-secondary) !important;
}

/* Card headings & body */
main.service-doc .methodology-item h3,
main.service-doc .pathway-stage h3,
main.service-doc .readiness-stage h3 {
    margin: 0 0 6px !important;
    font-size: clamp(1rem, 1.35vw, 1.12rem) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: var(--svc-heading) !important;
    opacity: 1 !important;
}

main.service-doc .methodology-item p,
main.service-doc .pathway-stage p,
main.service-doc .readiness-stage p {
    margin: 0 !important;
    font-size: clamp(0.86rem, 1.05vw, 0.92rem) !important;
    line-height: 1.52 !important;
    color: var(--svc-body) !important;
    opacity: 1 !important;
}

main.service-doc .methodology-type,
main.service-doc .stage-indicator {
    margin-bottom: 6px !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: #8a6210 !important;
    opacity: 1 !important;
}

main.service-doc .methodology-type::before,
main.service-doc .stage-indicator::before {
    width: 5px;
    height: 5px;
    opacity: 1;
}

/* Pathway / timeline step numbers */
main.service-doc .pathway-stage .stage-number {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 28px !important;
    height: 28px !important;
    margin: 0 0 8px !important;
    padding: 0 6px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(197, 139, 23, 0.35) !important;
    background: rgba(214, 158, 46, 0.12) !important;
    font-family: Oswald, Inter, system-ui, sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    color: var(--svc-heading) !important;
    line-height: 1 !important;
}

/* Industrial stack timeline */
main.service-doc .maintenance-discipline {
    min-height: 0 !important;
    padding: clamp(12px, 1.6vw, 16px) clamp(14px, 1.8vw, 18px) !important;
    gap: 12px 14px !important;
    border: 1px solid var(--svc-card-border) !important;
    border-radius: 8px !important;
    background: var(--svc-card-bg) !important;
    box-shadow: var(--svc-card-shadow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

main.service-doc .maintenance-discipline:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(197, 139, 23, 0.28) !important;
    box-shadow: var(--svc-card-shadow-hover) !important;
}

main.service-doc .discipline-number {
    min-width: 40px !important;
    height: 40px !important;
    font-size: 0.88rem !important;
    font-weight: 800 !important;
    color: var(--svc-heading) !important;
    background: rgba(214, 158, 46, 0.12) !important;
    border: 1px solid rgba(197, 139, 23, 0.32) !important;
    border-radius: 6px !important;
}

main.service-doc .discipline-content h3 {
    margin: 0 0 6px !important;
    font-size: clamp(1rem, 1.35vw, 1.12rem) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: var(--svc-heading) !important;
}

main.service-doc .discipline-content p {
    margin: 0 !important;
    font-size: clamp(0.86rem, 1.05vw, 0.92rem) !important;
    line-height: 1.52 !important;
    color: var(--svc-body) !important;
    opacity: 1 !important;
}

main.service-doc .stack-connector {
    width: 2px !important;
    height: 18px !important;
    margin-left: 19px !important;
    margin-top: -4px !important;
    margin-bottom: -4px !important;
    background: linear-gradient(180deg, rgba(197, 139, 23, 0.42), rgba(197, 139, 23, 0.06)) !important;
    opacity: 0.85;
}

/* Trust cards on detail pages */
main.service-doc .service-trust-card {
    min-height: 0 !important;
    padding: clamp(12px, 1.6vw, 16px) clamp(13px, 1.7vw, 16px) !important;
    border: 1px solid var(--svc-card-border) !important;
    border-left: 3px solid var(--iic-gold-primary) !important;
    background: var(--svc-card-bg) !important;
    box-shadow: var(--svc-card-shadow) !important;
}

main.service-doc .service-trust-card span {
    color: #8a6210 !important;
    opacity: 1 !important;
}

main.service-doc .service-trust-card strong {
    color: var(--svc-heading) !important;
    font-size: clamp(1.02rem, 1.5vw, 1.18rem) !important;
    font-weight: 800 !important;
    opacity: 1 !important;
}

main.service-doc .service-trust-card p {
    color: var(--svc-body) !important;
    font-size: clamp(0.86rem, 1.05vw, 0.92rem) !important;
    line-height: 1.52 !important;
    opacity: 1 !important;
}

/* Grids — tighter rhythm */
main.service-doc .methodology-chain {
    gap: clamp(12px, 1.8vw, 16px) !important;
}

main.service-doc .verification-pathway,
main.service-doc .readiness-cycle {
    gap: clamp(10px, 1.5vw, 14px) !important;
}

main.service-doc .service-trust-grid {
    gap: clamp(10px, 1.5vw, 14px) !important;
}

main.service-doc .industrial-maintenance-stack {
    gap: 0 !important;
}

/* Related services on detail pages */
main.service-doc .service-related-card {
    padding: clamp(12px, 1.6vw, 16px) !important;
    background: var(--svc-card-bg) !important;
    border: 1px solid var(--svc-card-border) !important;
    box-shadow: var(--svc-card-shadow) !important;
}

main.service-doc .service-related-card h3,
main.service-doc .service-related-card h3 a {
    color: var(--svc-heading) !important;
    opacity: 1 !important;
}

main.service-doc .service-related-card p {
    color: var(--svc-body) !important;
    opacity: 1 !important;
}

/* RTL — keep English detail copy readable until localized */
html[dir="rtl"] main.service-doc .section-heading,
html[dir="rtl"] main.service-doc .service-overview .section-copy,
html[dir="rtl"] main.service-doc .methodology-item,
html[dir="rtl"] main.service-doc .pathway-stage,
html[dir="rtl"] main.service-doc .readiness-stage,
html[dir="rtl"] main.service-doc .maintenance-discipline,
html[dir="rtl"] main.service-doc .service-trust-card,
html[dir="rtl"] main.service-doc .service-related-card,
html[dir="rtl"] main.service-doc .iic-final-cta {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: start;
}

html[dir="rtl"] main.service-doc .stack-connector {
    margin-left: 0 !important;
    margin-right: 19px !important;
}

/* Responsive density */
@media (max-width: 1200px) {
    main.service-doc .verification-pathway,
    main.service-doc .readiness-cycle {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 992px) {
    main.service-doc .methodology-chain {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    main.service-doc .verification-pathway,
    main.service-doc .readiness-cycle {
        grid-template-columns: 1fr !important;
    }

    main.service-doc .methodology-item,
    main.service-doc .pathway-stage,
    main.service-doc .readiness-stage,
    main.service-doc .maintenance-discipline,
    main.service-doc .service-trust-card {
        padding: 11px 12px !important;
    }
}

@media (max-width: 576px) {
    main.service-doc .inspection-methodology-framework,
    main.service-doc .inspection-verification-pathway,
    main.service-doc .inspection-assurance-framework,
    main.service-doc .industrial-maintenance-flow,
    main.service-doc .industrial-readiness-mobilization {
        padding: clamp(28px, 6vw, 40px) var(--page-gutter) !important;
    }
}

@media (max-width: 430px) {
    main.service-doc .discipline-number {
        min-width: 36px !important;
        height: 36px !important;
        font-size: 0.8rem !important;
    }
}

/* =============================================================================
   Homepage hero — cinematic premium refinery (final cascade guard)
   Fix: right-side "dead navy block" was caused by veil ending at 82% opacity.
   ============================================================================= */

body.page-home .home-landing .home-hero::before,
body.page-home .home-landing .home-hero::after,
.home-landing .home-hero::before,
.home-landing .home-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.page-home .home-landing .home-hero__bg,
.home-landing .home-hero__bg {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    background-image: var(--hero-figure, url("../images/heroes/hero-home-industrial-premium.png")) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    filter: saturate(0.98) contrast(1.05) brightness(0.96) !important;
}

@media (min-width: 992px) {
    body.page-home .home-landing .home-hero__bg,
    .home-landing .home-hero__bg {
        background-position: 58% center !important;
    }
}

body.page-home .home-landing .home-hero__veil,
.home-landing .home-hero__veil {
    background:
        linear-gradient(
            90deg,
            rgba(2, 12, 32, 0.86) 0%,
            rgba(2, 12, 32, 0.58) 24%,
            rgba(2, 12, 32, 0.26) 42%,
            rgba(2, 12, 32, 0.08) 58%,
            transparent 72%
        ),
        linear-gradient(180deg, rgba(2, 12, 32, 0.16) 0%, transparent 28%) !important;
}

body.page-home .home-landing .home-hero__eyebrow,
.home-landing .home-hero__eyebrow {
    color: #d69e2e !important;
}

body.page-home .home-landing .home-hero__title-line--gold,
.home-landing .home-hero__title-line--gold {
    color: #d69e2e !important;
}

body.page-home .home-landing .home-hero__title-line--blue,
.home-landing .home-hero__title-line--blue {
    color: rgba(186, 214, 255, 0.98) !important;
}

body.page-home .home-landing .home-hero__lead,
.home-landing .home-hero__lead {
    color: rgba(255, 255, 255, 0.92) !important;
    max-width: min(620px, 100%) !important;
    line-height: 1.7 !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.38) !important;
}

/* Industries sector story cards — final responsive + RTL balancing (scoped) */
@media (max-width: 1280px) {
    .industries-page .sector-story-media {
        max-height: clamp(148px, 18vw, 184px) !important;
    }
}

@media (max-width: 992px) {
    .industries-page .sector-cinema-grid {
        gap: 14px !important;
    }

    .industries-page .sector-story-media {
        max-height: clamp(140px, 24vw, 172px) !important;
    }

    .industries-page .sector-story-copy__body,
    .industries-page .sector-story-copy__outcome {
        max-width: 36ch !important;
    }
}

@media (max-width: 768px) {
    .industries-page .sector-cinema-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .industries-page .sector-story-media {
        max-height: clamp(152px, 36vw, 180px) !important;
    }

    .industries-page .sector-story-copy {
        padding: 14px 16px 15px !important;
    }
}

@media (max-width: 576px) {
    .industries-page .sector-cinema-grid {
        grid-template-columns: 1fr !important;
    }

    .industries-page .sector-story-media {
        max-height: clamp(148px, 42vw, 168px) !important;
    }
}

@media (max-width: 430px) {
    .industries-page .sector-story-copy__body,
    .industries-page .sector-story-copy__outcome,
    .industries-page .sector-story-copy__lead {
        max-width: none !important;
    }
}

@media (max-width: 360px) {
    .industries-page .sector-story-copy {
        padding: 12px 14px 13px !important;
    }

    .industries-page .sector-story-media {
        max-height: 156px !important;
    }
}

html[dir="rtl"] .industries-page .sector-story-copy,
body.is-rtl .industries-page .sector-story-copy {
    align-items: flex-end !important;
    text-align: right !important;
}

html[dir="rtl"] .industries-page .sector-story-copy__eyebrow,
html[dir="rtl"] .industries-page .sector-story-copy h3,
html[dir="rtl"] .industries-page .sector-story-copy__lead,
html[dir="rtl"] .industries-page .sector-story-copy__body,
html[dir="rtl"] .industries-page .sector-story-copy__outcome,
body.is-rtl .industries-page .sector-story-copy__eyebrow,
body.is-rtl .industries-page .sector-story-copy h3,
body.is-rtl .industries-page .sector-story-copy__lead,
body.is-rtl .industries-page .sector-story-copy__body,
body.is-rtl .industries-page .sector-story-copy__outcome {
    text-align: right !important;
    max-width: 34ch !important;
}

@media (max-width: 430px) {
    html[dir="rtl"] .industries-page .sector-story-copy__body,
    html[dir="rtl"] .industries-page .sector-story-copy__outcome,
    html[dir="rtl"] .industries-page .sector-story-copy__lead,
    body.is-rtl .industries-page .sector-story-copy__body,
    body.is-rtl .industries-page .sector-story-copy__outcome,
    body.is-rtl .industries-page .sector-story-copy__lead {
        max-width: none !important;
    }
}

/* =============================================================================
   Printing page — unified enterprise image harmonization (final pass)
   Scoped to .printing-page only; does not alter layout structure.
   ============================================================================= */

.printing-page .printing-hero.page-hero::before {
    background:
        linear-gradient(
            90deg,
            rgba(3, 12, 28, 0.9) 0%,
            rgba(3, 12, 28, 0.74) 36%,
            rgba(3, 12, 28, 0.4) 64%,
            rgba(3, 12, 28, 0.14) 100%
        ),
        var(--hero-image) 46% 38% / cover no-repeat !important;
    filter: brightness(0.9) contrast(1.06) saturate(0.88) !important;
}

.printing-page .printing-hero.page-hero::after {
    background:
        linear-gradient(180deg, rgba(5, 16, 34, 0.14) 0%, rgba(5, 16, 34, 0.22) 100%),
        radial-gradient(ellipse at 20% 40%, rgba(197, 139, 23, 0.1), transparent 42%) !important;
}

.printing-page .printing-hero .page-hero-copy h1,
.printing-page .printing-hero .page-hero-copy p,
.printing-page .printing-hero .page-hero-copy .eyebrow {
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.38) !important;
}

/* Shared grading on all printing photography */
.printing-page .printing-category-card__media img,
.printing-page .showcase-item__img {
    filter: var(--print-grade) !important;
    object-fit: cover !important;
    object-position: center 42% !important;
    transform: scale(1.015);
    transition:
        filter 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Category image frame */
.printing-page .printing-category-card__media {
    position: relative !important;
    height: var(--print-media-h) !important;
    max-height: var(--print-media-h) !important;
    aspect-ratio: var(--print-media-ratio) !important;
    background-color: #081a34 !important;
    isolation: isolate;
}

.printing-page .printing-category-card__media::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(105deg, rgba(10, 35, 72, 0.2) 0%, transparent 56%),
        linear-gradient(180deg, rgba(6, 17, 31, 0.1) 0%, rgba(6, 17, 31, 0.32) 100%);
}

.printing-page .printing-category-card__media::after {
    z-index: 2;
    background:
        linear-gradient(0deg, rgba(8, 22, 42, 0.48) 0%, transparent 70%),
        linear-gradient(180deg, transparent 42%, rgba(8, 22, 42, 0.38) 100%) !important;
}

/* Showcase image frame + label readability */
.printing-page .showcase-item {
    isolation: isolate;
}

.printing-page .showcase-item__img {
    width: 100% !important;
    height: var(--print-showcase-h) !important;
    max-height: var(--print-showcase-h) !important;
    aspect-ratio: var(--print-media-ratio) !important;
}

.printing-page .showcase-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--print-showcase-h);
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(105deg, rgba(10, 35, 72, 0.22) 0%, transparent 58%),
        linear-gradient(180deg, rgba(6, 17, 31, 0.12) 0%, rgba(6, 17, 31, 0.34) 100%);
}

.printing-page .showcase-item__label {
    position: relative;
    z-index: 2;
    background: linear-gradient(180deg, rgba(8, 22, 42, 0.28) 0%, rgba(8, 22, 42, 0.94) 100%) !important;
}

.printing-page .showcase-item__label p {
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45) !important;
}

/* Subtle art-directed crops (same grade, varied focus) */
.printing-page .printing-category-card:nth-child(8n + 2) .printing-category-card__media img,
.printing-page .showcase-item:nth-child(6n + 2) .showcase-item__img {
    object-position: center 38% !important;
}

.printing-page .printing-category-card:nth-child(8n + 4) .printing-category-card__media img,
.printing-page .showcase-item:nth-child(6n + 4) .showcase-item__img {
    object-position: center 46% !important;
}

.printing-page .printing-category-card:nth-child(8n + 6) .printing-category-card__media img,
.printing-page .showcase-item:nth-child(6n + 6) .showcase-item__img {
    object-position: center 40% !important;
}

@media (hover: hover) and (pointer: fine) {
    .printing-page .printing-category-card:hover .printing-category-card__media img,
    .printing-page .showcase-item:hover .showcase-item__img {
        filter: var(--print-grade-hover) !important;
        transform: scale(1.03);
    }
}

/* Workflow band — ambient production-floor harmonization (no layout change) */
.printing-page .printing-workflow-section {
    position: relative;
    overflow: hidden;
}

.printing-page .printing-workflow-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.045;
    background: url("../images/printing/print-offset-press.jpg") center 40% / cover no-repeat;
    filter: brightness(0.88) contrast(1.08) saturate(0.75) grayscale(0.15);
}

.printing-page .printing-workflow-section .section-heading,
.printing-page .printing-workflow-section .printing-workflow-track {
    position: relative;
    z-index: 1;
}

/* Responsive harmonized media heights */
@media (max-width: 1280px) {
    .printing-page {
        --print-media-h: clamp(108px, 14vw, 128px);
        --print-showcase-h: clamp(114px, 15.5vw, 146px);
    }
}

@media (max-width: 992px) {
    .printing-page {
        --print-media-h: clamp(104px, 15vw, 124px);
        --print-showcase-h: clamp(110px, 16vw, 140px);
    }
}

@media (max-width: 768px) {
    .printing-page {
        --print-media-h: clamp(100px, 22vw, 120px);
        --print-showcase-h: clamp(106px, 24vw, 132px);
    }
}

@media (max-width: 576px) {
    .printing-page {
        --print-media-h: 108px;
        --print-showcase-h: 112px;
    }
}

@media (max-width: 430px) {
    .printing-page {
        --print-media-h: 96px;
        --print-showcase-h: 108px;
    }
}

@media (max-width: 360px) {
    .printing-page {
        --print-media-h: 92px;
        --print-showcase-h: 104px;
    }
}

/* RTL — overlay direction + stable image focus */
html[dir="rtl"] .printing-page .printing-category-card__media::before,
body.is-rtl .printing-page .printing-category-card__media::before {
    background:
        linear-gradient(255deg, rgba(10, 35, 72, 0.2) 0%, transparent 56%),
        linear-gradient(180deg, rgba(6, 17, 31, 0.1) 0%, rgba(6, 17, 31, 0.32) 100%);
}

html[dir="rtl"] .printing-page .showcase-item::before,
body.is-rtl .printing-page .showcase-item::before {
    background:
        linear-gradient(255deg, rgba(10, 35, 72, 0.22) 0%, transparent 58%),
        linear-gradient(180deg, rgba(6, 17, 31, 0.12) 0%, rgba(6, 17, 31, 0.34) 100%);
}

html[dir="rtl"] .printing-page .printing-hero.page-hero::before,
body.is-rtl .printing-page .printing-hero.page-hero::before {
    background:
        linear-gradient(
            270deg,
            rgba(3, 12, 28, 0.9) 0%,
            rgba(3, 12, 28, 0.74) 36%,
            rgba(3, 12, 28, 0.4) 64%,
            rgba(3, 12, 28, 0.14) 100%
        ),
        var(--hero-image) 54% 38% / cover no-repeat !important;
}

html[dir="rtl"] .printing-page .showcase-item__label,
html[dir="rtl"] .printing-page .printing-category-card__body,
body.is-rtl .printing-page .showcase-item__label,
body.is-rtl .printing-page .printing-category-card__body {
    text-align: right;
}

@media (prefers-reduced-motion: reduce) {
    .printing-page .printing-category-card__media img,
    .printing-page .showcase-item__img {
        transition: none !important;
        transform: none !important;
    }
}

/* =============================================================================
   Header refinement — logo lockup, tagline, nav contrast (layout unchanged)
   ============================================================================= */

.brand--header-hero {
    align-items: flex-start;
    gap: 0;
    min-width: 0;
}

.brand--header-hero .brand-lockup {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.brand-header-tagline {
    display: block;
    width: 100%;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    font-size: clamp(1.05rem, 1.25vw, 1.3rem);
    line-height: 1.15;
    font-style: italic;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: none;
    color: #e28c1d;
    opacity: 1;
    text-align: center;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9),
        0 2px 6px rgba(0, 0, 0, 0.16);
}

html[dir="rtl"] .brand-header-tagline {
    font-family: "Tajawal", "IBM Plex Sans Arabic", "Cairo", sans-serif;
    font-style: italic;
    font-weight: 800;
    font-size: clamp(1rem, 1.15vw, 1.22rem);
    letter-spacing: 0.03em;
    text-transform: none;
    color: #e28c1d;
    opacity: 1;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9),
        0 2px 6px rgba(0, 0, 0, 0.16);
}

html[dir="rtl"] .brand--header-hero .brand-lockup,
html[dir="rtl"] .brand-header-tagline {
    text-align: center;
}

@media (max-width: 900px) {
    .brand-header-tagline {
        font-size: clamp(1.02rem, 4.6vw, 1.22rem);
        letter-spacing: 0.03em;
    }

    html[dir="rtl"] .brand-header-tagline {
        font-size: clamp(0.98rem, 4.4vw, 1.16rem);
        letter-spacing: 0.03em;
    }

    :root {
        --sticky-offset: 78px;
    }
}

@media (max-width: 430px) {
    .brand--header-hero .brand-lockup {
        max-width: min(72vw, 240px);
    }

    .brand-header-tagline {
        font-size: clamp(1rem, 4.8vw, 1.2rem);
        letter-spacing: 0.03em;
        white-space: normal;
        line-height: 1.12;
        max-width: 100%;
    }

    html[dir="rtl"] .brand-header-tagline {
        font-size: clamp(0.96rem, 4.5vw, 1.14rem);
    }
}

@media (max-width: 360px) {
    .brand-logo.brand-logo--full {
        height: clamp(52px, 11.5vw, 62px) !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }

    .brand--header-hero .brand-lockup {
        max-width: min(78vw, 220px);
    }

    .brand-header-tagline {
        font-size: clamp(0.96rem, 4.4vw, 1.12rem);
        letter-spacing: 0.03em;
    }

    html[dir="rtl"] .brand-header-tagline {
        font-size: clamp(0.92rem, 4.2vw, 1.08rem);
    }
}

/* =============================================================================
   Header logo prominence — proportional scale, tighter lockup (structure unchanged)
   ============================================================================= */

.site-header .brand--header-hero {
    padding: 0;
    margin: 0;
}

.site-header .brand-logo-wrap--full,
.site-header .brand-logo-wrap--on-light,
.site-header .brand:hover .brand-logo-wrap--full,
.site-header .brand:hover .brand-logo-wrap--on-light {
    padding: 0 !important;
    margin: 0 !important;
}

.site-header .brand-logo.brand-logo--full {
    display: block;
    width: auto !important;
    height: clamp(84px, 7.65vw, 112px) !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-fit: contain !important;
    object-position: left center;
}

html[dir="rtl"] .site-header .brand-logo.brand-logo--full {
    object-position: right center;
}

.site-header--scrolled .brand-logo.brand-logo--full {
    height: clamp(78px, 7.2vw, 104px) !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

@media (max-width: 900px) {
    .site-header--scrolled .brand-logo.brand-logo--full {
        height: clamp(54px, 12vw, 68px) !important;
    }

    .site-header .brand-logo.brand-logo--full {
        height: clamp(58px, 13.5vw, 72px) !important;
        width: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }
}

/* =============================================================================
   Consultancy page — scoped to main.consultancy-page only
   ============================================================================= */

@keyframes consultFrameworkStepIn {
    from {
        opacity: 0;
        transform: translate3d(0, 10px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Tighter vertical rhythm — sections + separators */
main.consultancy-page > section:not(.page-hero):not(.iic-final-cta) {
    padding-block: clamp(1.05rem, 2vw, 1.65rem) !important;
}

main.consultancy-page > hr.iic-gold-sep {
    margin-block: clamp(0.2rem, 0.55vw, 0.45rem) !important;
}

main.consultancy-page > .iic-final-cta {
    padding-block: clamp(1.35rem, 2.35vw, 2rem) !important;
    margin-top: 0 !important;
}

main.consultancy-page .section-heading {
    margin-bottom: clamp(12px, 1.6vw, 18px);
}

main.consultancy-page .section-heading p:last-child {
    margin-bottom: 0;
}

/* Overview — aligned split, no image dead zone */
main.consultancy-page .consultancy-overview {
    align-items: center;
    gap: clamp(16px, 2.2vw, 28px);
    padding-bottom: clamp(0.75rem, 1.4vw, 1.15rem) !important;
}

main.consultancy-page .consultancy-overview__media {
    align-self: center;
    border-radius: var(--radius-ui);
    overflow: hidden;
    border: 1px solid var(--iic-border);
    box-shadow: var(--iic-card-shadow);
    background: #fff;
    line-height: 0;
}

main.consultancy-page .consultancy-overview__media img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: min(300px, 36vw);
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}

main.consultancy-page .consultancy-overview .section-copy {
    align-self: center;
}

main.consultancy-page .consultancy-overview .section-copy p {
    margin-bottom: 0.65rem;
    color: var(--iic-muted);
    font-size: var(--type-caption);
    line-height: var(--line-relaxed);
}

main.consultancy-page .consultancy-overview .section-copy p:last-child {
    margin-bottom: 0;
}

/* Technical manpower — closer to overview */
main.consultancy-page .consultancy-manpower {
    padding-top: clamp(0.65rem, 1.2vw, 1rem) !important;
}

main.consultancy-page .consultancy-manpower__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, var(--iic-grid-gap));
    max-width: var(--iic-container-wide);
    margin: 0 auto;
}

main.consultancy-page .consultancy-manpower-card {
    padding: clamp(14px, 1.6vw, var(--iic-card-pad));
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.08);
    border-inline-start: 2px solid rgba(184, 130, 42, 0.55);
    box-shadow: var(--iic-card-shadow);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out);
}

main.consultancy-page .consultancy-manpower-card__title {
    margin: 0 0 8px;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.82rem, 1.5vw, 0.95rem);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--iic-navy);
    line-height: 1.25;
}

main.consultancy-page .consultancy-manpower-card__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 5px;
}

main.consultancy-page .consultancy-manpower-card__list li {
    position: relative;
    padding-inline-start: 14px;
    font-size: var(--type-caption);
    line-height: 1.4;
    color: var(--iic-muted);
}

main.consultancy-page .consultancy-manpower-card__list li::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0.55em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--iic-gold-primary);
}

/* Delivery framework — premium panel, visible timeline */
main.consultancy-page .consultancy-framework {
    padding-block: clamp(1rem, 1.85vw, 1.55rem) !important;
    background:
        radial-gradient(ellipse 90% 70% at 50% 0%, rgba(11, 42, 82, 0.06), transparent 58%),
        linear-gradient(180deg, #ece9e2 0%, #f4f2ec 48%, #faf9f6 100%);
    border-block: 1px solid rgba(13, 43, 92, 0.07);
}

main.consultancy-page .consultancy-framework .section-heading {
    margin-bottom: clamp(10px, 1.4vw, 16px);
}

main.consultancy-page .consultancy-framework__track {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: clamp(10px, 1.2vw, 14px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding: clamp(16px, 2vw, 24px);
    border-radius: var(--radius-ui);
    background:
        linear-gradient(135deg, rgba(7, 28, 60, 0.04) 0%, transparent 42%),
        linear-gradient(180deg, #fff 0%, #f8f6f1 100%);
    border: 1px solid rgba(13, 43, 92, 0.12);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 10px 28px rgba(10, 35, 72, 0.07);
}

main.consultancy-page .consultancy-framework__step {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    min-width: min(128px, 26vw);
    padding: 10px 8px 8px;
    text-align: center;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.09);
    box-shadow: 0 4px 14px rgba(10, 35, 72, 0.05);
}

main.consultancy-page .consultancy-framework__num {
    display: grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 50%;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--iic-gold-primary);
    background: linear-gradient(165deg, #0b2a52 0%, #071c3c 100%);
    border: 2px solid rgba(216, 155, 43, 0.55);
    box-shadow:
        0 0 0 1px rgba(13, 43, 92, 0.12),
        0 4px 10px rgba(7, 28, 60, 0.18);
}

main.consultancy-page .consultancy-framework__label {
    font-size: clamp(0.7rem, 1.2vw, 0.8rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--iic-navy);
    line-height: 1.28;
    max-width: 10.5rem;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

main.consultancy-page .consultancy-framework__connector {
    flex: 0 0 auto;
    align-self: center;
    width: clamp(22px, 3.2vw, 42px);
    height: 3px;
    margin-top: 1.35rem;
    border-radius: 3px;
    background: linear-gradient(
        90deg,
        rgba(13, 43, 92, 0.14) 0%,
        rgba(184, 130, 42, 0.45) 18%,
        rgba(216, 155, 43, 0.95) 50%,
        rgba(184, 130, 42, 0.45) 82%,
        rgba(13, 43, 92, 0.14) 100%
    );
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* Expertise badges */
main.consultancy-page .consultancy-expertise {
    padding-block: clamp(0.95rem, 1.75vw, 1.45rem) !important;
}

main.consultancy-page .consultancy-expertise__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(8px, 1vw, 10px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
}

main.consultancy-page .consultancy-expertise__badge {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid var(--iic-border);
    background: #fff;
    color: var(--iic-navy);
    font-size: var(--type-small);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 4px 14px rgba(10, 35, 72, 0.04);
    transition:
        border-color 0.22s ease,
        background 0.22s ease,
        transform 0.22s var(--iic-motion-ease-out);
}

/* Regional reach — enterprise operations dashboard (consultancy only) */
main.consultancy-page .consultancy-presence.presence-saudi-geo.presence-command.model-presence {
    position: relative;
    isolation: isolate;
    padding: clamp(16px, 2.1vw, 26px) var(--page-gutter) !important;
    gap: clamp(10px, 1.35vw, 16px) !important;
    margin-block: 0 !important;
    background:
        radial-gradient(ellipse 62% 52% at 50% 42%, rgba(216, 155, 43, 0.06), transparent 58%),
        linear-gradient(180deg, #f6f4ef 0%, #ebe8e1 100%) !important;
    border-top: 1px solid rgba(13, 43, 92, 0.07) !important;
    border-bottom: 1px solid rgba(13, 43, 92, 0.08) !important;
    box-shadow: none !important;
}

main.consultancy-page .consultancy-presence.presence-command.model-presence::before {
    display: none !important;
}

main.consultancy-page .consultancy-presence .presence-command__kicker {
    color: var(--iic-gold-primary) !important;
    margin-bottom: 6px !important;
    letter-spacing: 0.16em !important;
}

main.consultancy-page .consultancy-presence .model-section-intro {
    max-width: 100% !important;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
}

main.consultancy-page .consultancy-presence .consultancy-presence__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.28rem;
    margin: 0 0 10px !important;
    max-width: 100%;
    font-size: clamp(1.02rem, 1.55vw, 1.32rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0.09em !important;
    line-height: 1.18 !important;
    text-transform: uppercase !important;
    color: var(--iic-navy) !important;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

main.consultancy-page .consultancy-presence .consultancy-presence__heading-line {
    display: block;
}

main.consultancy-page .consultancy-presence .consultancy-presence__heading-line:last-child {
    font-size: 0.94em;
    letter-spacing: 0.02em;
    color: rgba(10, 35, 72, 0.92);
}

main.consultancy-page .consultancy-presence .model-section-intro h2::after {
    margin-top: 8px !important;
    width: 2.75rem !important;
}

main.consultancy-page .consultancy-presence .presence-saudi-geo__lead {
    color: var(--iic-muted) !important;
    margin: 0 !important;
    max-width: 100% !important;
    font-size: clamp(0.78rem, 0.88vw, 0.86rem) !important;
    line-height: 1.48 !important;
    overflow-wrap: break-word;
    word-break: normal;
}

main.consultancy-page .consultancy-presence .presence-saudi-geo__center {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
    min-width: 0;
}

main.consultancy-page .consultancy-presence .presence-command__map-shell--geo.model-map-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: visible;
    padding: clamp(3px, 0.45vw, 5px) !important;
    background:
        linear-gradient(165deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 246, 241, 0.98) 100%) !important;
    border: 1px solid rgba(13, 43, 92, 0.11) !important;
    border-radius: var(--radius-ui) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 12px 32px rgba(10, 35, 72, 0.08) !important;
}

main.consultancy-page .consultancy-presence .presence-geo-map {
    position: relative;
    width: min(68%, 100%);
    aspect-ratio: 100 / 115;
    min-height: 0 !important;
    max-height: min(272px, 36vh) !important;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    overflow: visible !important;
    background: transparent !important;
    border-radius: calc(var(--radius-ui) - 6px) !important;
    box-shadow: none !important;
}

main.consultancy-page .consultancy-presence .presence-geo-map__svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    transform: none;
    transform-origin: center center;
}

main.consultancy-page .consultancy-presence .presence-geo-map__caption {
    margin: 2px 0 0 !important;
    font-size: var(--type-small) !important;
    font-weight: 600 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    color: var(--iic-muted) !important;
}

main.consultancy-page .consultancy-presence .presence-geo-hub__halo {
    animation: none !important;
    opacity: 0.62 !important;
    stroke: rgba(148, 112, 42, 0.4) !important;
}

main.consultancy-page .consultancy-presence .presence-geo-hub__dot {
    filter: none !important;
}

main.consultancy-page .consultancy-presence .presence-geo-hub__label {
    fill: rgba(7, 24, 52, 0.92) !important;
    stroke: rgba(252, 251, 248, 0.94) !important;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif !important;
    font-size: 2.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16px !important;
    text-transform: uppercase !important;
    paint-order: stroke fill !important;
    stroke-width: 0.58px !important;
}

/* KPI operations rail */
main.consultancy-page .consultancy-presence .model-stat-grid--geo.model-stat-grid--consult {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: 1fr;
    gap: clamp(6px, 0.7vw, 8px) !important;
    padding-inline-start: 0 !important;
    border-inline-start: none !important;
    align-items: stretch !important;
    height: 100%;
}

main.consultancy-page .consultancy-presence .model-stat-grid--consult article.presence-stat {
    position: relative;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    height: 100%;
    min-height: 58px !important;
    padding: 10px 12px 10px 11px !important;
    border-radius: 11px !important;
    background: #fff !important;
    border: 1px solid rgba(13, 43, 92, 0.09) !important;
    border-inline-start: 3px solid rgba(184, 130, 42, 0.62) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.85) inset,
        var(--iic-card-shadow) !important;
    box-sizing: border-box !important;
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out);
}

main.consultancy-page .consultancy-presence .model-stat-grid--consult article.presence-stat::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline: 8px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(216, 155, 43, 0.55) 20%,
        rgba(216, 155, 43, 0.75) 50%,
        rgba(216, 155, 43, 0.55) 80%,
        transparent
    );
    pointer-events: none;
}

main.consultancy-page .consultancy-presence .presence-stat__icon {
    flex-shrink: 0 !important;
    width: var(--iic-icon-ring) !important;
    height: var(--iic-icon-ring) !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    border: var(--iic-icon-border) !important;
    color: var(--iic-gold-primary) !important;
    background: var(--iic-icon-surface) !important;
    box-shadow: var(--iic-icon-shadow) !important;
}

main.consultancy-page .consultancy-presence .presence-stat__copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

main.consultancy-page .consultancy-presence .model-stat-grid--consult article.presence-stat span.presence-stat__k {
    color: rgba(10, 35, 72, 0.94) !important;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif !important;
    font-size: clamp(0.9rem, 1.6vw, 1.08rem) !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    text-transform: none !important;
}

main.consultancy-page .consultancy-presence .model-stat-grid--consult article.presence-stat strong.presence-stat__v {
    color: rgba(120, 92, 38, 0.9) !important;
    font-size: clamp(0.58rem, 1.2vw, 0.64rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0.09em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

main.consultancy-page .consultancy-presence .model-stat-grid--consult article.presence-stat.presence-stat--region .presence-stat__copy {
    flex-direction: column !important;
    gap: 3px !important;
}

@media (hover: hover) and (pointer: fine) {
    main.consultancy-page .consultancy-presence .model-stat-grid--consult article.presence-stat:hover {
        transform: translateY(-2px);
        border-color: rgba(13, 43, 92, 0.12) !important;
        border-inline-start-color: rgba(184, 130, 42, 0.82) !important;
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.9) inset,
            var(--iic-card-shadow-lift) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    main.consultancy-page .consultancy-presence .model-stat-grid--consult article.presence-stat {
        transition: none !important;
    }
}

/* Why choose — tighter top, even grid */
main.consultancy-page .consultancy-why {
    padding-top: clamp(0.7rem, 1.25vw, 1.1rem) !important;
    padding-bottom: clamp(0.85rem, 1.5vw, 1.25rem) !important;
}

main.consultancy-page .consultancy-why__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, var(--iic-grid-gap));
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    align-items: stretch;
}

main.consultancy-page .consultancy-why-card {
    min-height: 0;
    height: 100%;
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out);
}

main.consultancy-page .consultancy-why-card h3 {
    color: var(--iic-navy) !important;
    font-size: clamp(0.88rem, 1.4vw, 0.98rem) !important;
}

main.consultancy-page .consultancy-why-card p {
    color: var(--iic-muted) !important;
    margin-bottom: 0 !important;
}

/* Desktop hovers + framework step reveal */
@media (hover: hover) and (pointer: fine) {
    main.consultancy-page .consultancy-manpower-card:hover,
    main.consultancy-page .consultancy-why-card:hover {
        transform: translateY(-3px);
        border-color: rgba(13, 43, 92, 0.12);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.85) inset,
            0 12px 28px rgba(10, 35, 72, 0.09);
    }

    main.consultancy-page .consultancy-expertise__badge:hover {
        border-color: rgba(216, 155, 43, 0.45);
        background: #fffaf0;
        transform: translateY(-1px);
    }

    main.consultancy-page .consultancy-framework__step:hover {
        border-color: rgba(184, 130, 42, 0.35);
        box-shadow: 0 8px 20px rgba(10, 35, 72, 0.08);
    }
}

@media (prefers-reduced-motion: no-preference) {
    main.consultancy-page .consultancy-framework__track.reveal.is-visible .consultancy-framework__step {
        animation: consultFrameworkStepIn 0.55s var(--iic-motion-ease-out) both;
    }

    main.consultancy-page .consultancy-framework__track.reveal.is-visible .consultancy-framework__step:nth-child(1) {
        animation-delay: 0ms;
    }

    main.consultancy-page .consultancy-framework__track.reveal.is-visible .consultancy-framework__step:nth-child(3) {
        animation-delay: 70ms;
    }

    main.consultancy-page .consultancy-framework__track.reveal.is-visible .consultancy-framework__step:nth-child(5) {
        animation-delay: 140ms;
    }

    main.consultancy-page .consultancy-framework__track.reveal.is-visible .consultancy-framework__step:nth-child(7) {
        animation-delay: 210ms;
    }

    main.consultancy-page .consultancy-framework__track.reveal.is-visible .consultancy-framework__step:nth-child(9) {
        animation-delay: 280ms;
    }

    main.consultancy-page .consultancy-framework__track.reveal.is-visible .consultancy-framework__step:nth-child(11) {
        animation-delay: 350ms;
    }
}

@media (prefers-reduced-motion: reduce) {
    main.consultancy-page .consultancy-manpower-card,
    main.consultancy-page .consultancy-why-card,
    main.consultancy-page .consultancy-expertise__badge,
    main.consultancy-page .consultancy-framework__step {
        transition: none !important;
    }

    main.consultancy-page .consultancy-framework__track.reveal.is-visible .consultancy-framework__step {
        animation: none !important;
    }
}

@media (min-width: 900px) {
    main.consultancy-page .consultancy-presence.presence-command.model-presence {
        grid-template-columns: minmax(0, 0.25fr) minmax(0, 0.5fr) minmax(0, 0.25fr) !important;
        align-items: stretch !important;
    }

    main.consultancy-page .consultancy-presence.presence-command.model-presence > * {
        min-width: 0;
    }

    main.consultancy-page .consultancy-presence .model-section-intro,
    main.consultancy-page .consultancy-presence .presence-saudi-geo__center {
        align-self: center;
    }

    main.consultancy-page .consultancy-presence .model-stat-grid--geo.model-stat-grid--consult {
        align-self: stretch;
        min-height: 100%;
    }

    main.consultancy-page .consultancy-presence .presence-geo-map {
        width: min(70%, 100%);
        max-height: min(288px, 38vh) !important;
    }

    main.consultancy-page .consultancy-presence .model-stat-grid--geo.model-stat-grid--consult {
        padding-inline-start: clamp(10px, 1.1vw, 14px) !important;
        border-inline-start: 1px solid rgba(13, 43, 92, 0.08) !important;
        margin-top: 0 !important;
    }

    main.consultancy-page .consultancy-framework__track {
        flex-wrap: nowrap;
        padding-inline: clamp(14px, 2vw, 22px);
    }

    main.consultancy-page .consultancy-framework__step {
        flex: 1 1 0;
        min-width: 0;
        max-width: 11.5rem;
    }

    main.consultancy-page .consultancy-framework__connector {
        flex: 1 1 auto;
        min-width: clamp(16px, 2vw, 32px);
        max-width: 48px;
        margin-top: 1.35rem;
    }
}

@media (max-width: 1100px) {
    main.consultancy-page .consultancy-manpower__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main.consultancy-page .consultancy-why__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    main.consultancy-page .consultancy-overview {
        grid-template-columns: 1fr !important;
        align-items: start;
    }

    main.consultancy-page .consultancy-presence.presence-command.model-presence {
        grid-template-columns: 1fr !important;
    }

    main.consultancy-page .consultancy-framework__track {
        flex-direction: column;
        align-items: stretch;
    }

    main.consultancy-page .consultancy-framework__connector {
        width: 3px;
        height: clamp(16px, 3vw, 22px);
        min-width: 0;
        max-width: none;
        margin: 0 auto;
        margin-top: 0;
        background: linear-gradient(
            180deg,
            rgba(13, 43, 92, 0.14) 0%,
            rgba(216, 155, 43, 0.95) 50%,
            rgba(13, 43, 92, 0.14) 100%
        );
    }

    main.consultancy-page .consultancy-framework__step {
        min-width: 0;
        width: 100%;
        max-width: none;
        flex-direction: row;
        justify-content: flex-start;
        text-align: start;
        gap: 12px;
        padding: 12px 14px;
    }

    main.consultancy-page .consultancy-framework__label {
        max-width: none;
        text-align: start;
    }
}

@media (max-width: 640px) {
    main.consultancy-page .consultancy-manpower__grid {
        grid-template-columns: 1fr;
    }

    main.consultancy-page .consultancy-why__grid {
        grid-template-columns: 1fr;
    }

    main.consultancy-page .consultancy-overview__media img {
        max-height: min(240px, 52vw);
    }

    main.consultancy-page .consultancy-presence .presence-geo-map {
        width: min(72%, 100%);
        max-height: min(220px, 50vw) !important;
    }

    main.consultancy-page .consultancy-presence .consultancy-presence__heading-line {
        white-space: normal;
    }
}

html[dir="rtl"] main.consultancy-page .consultancy-presence .consultancy-presence__heading,
body.is-rtl main.consultancy-page .consultancy-presence .consultancy-presence__heading {
    align-items: flex-start;
    text-align: start;
}

html[dir="rtl"] main.consultancy-page .consultancy-presence .consultancy-presence__heading-line,
body.is-rtl main.consultancy-page .consultancy-presence .consultancy-presence__heading-line {
    display: block;
}

html[dir="rtl"] main.consultancy-page .consultancy-framework__step,
body.is-rtl main.consultancy-page .consultancy-framework__step {
    text-align: center;
}

@media (max-width: 899px) {
    html[dir="rtl"] main.consultancy-page .consultancy-framework__step,
    body.is-rtl main.consultancy-page .consultancy-framework__step {
        text-align: start;
    }
}

/* =============================================================================
   Marine page revamp — scoped to main.marine-page only
   ============================================================================= */

main.marine-page > section:not(.page-hero):not(.iic-final-cta) {
    padding-block: clamp(1.1rem, 2.1vw, 1.75rem) !important;
}

main.marine-page > .iic-final-cta {
    padding-block: clamp(1.35rem, 2.4vw, 2rem) !important;
    margin-top: 0 !important;
}

main.marine-page .section-heading {
    max-width: var(--iic-container-wide);
    margin: 0 auto clamp(14px, 1.8vw, 22px);
    padding-inline: var(--page-gutter);
    text-align: start;
}

main.marine-page .section-heading p:last-child {
    margin-bottom: 0;
    max-width: 62ch;
    color: var(--iic-muted);
}

/* Hero */
main.marine-page .marine-hero .page-hero-copy h1 {
    max-width: 22ch;
    line-height: var(--line-tight);
}

main.marine-page .marine-hero-lead {
    max-width: 52ch;
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(0.86rem, 1vw, 0.96rem);
    line-height: 1.5;
}

/* Overview */
main.marine-page .marine-overview {
    align-items: center;
    gap: clamp(16px, 2.4vw, 32px);
    max-width: var(--iic-container-wide);
    margin-inline: auto;
    padding-inline: var(--page-gutter);
}

main.marine-page .marine-overview__media {
    border-radius: var(--radius-ui);
    overflow: hidden;
    border: 1px solid var(--iic-border);
    box-shadow: var(--iic-card-shadow);
    line-height: 0;
    background: #fff;
}

main.marine-page .marine-overview__media img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}

main.marine-page .marine-overview .section-copy {
    max-width: none;
}

main.marine-page .marine-overview .section-copy p {
    color: var(--iic-muted);
    font-size: var(--type-caption);
    line-height: var(--line-relaxed);
}

/* Capabilities — premium light cards */
main.marine-page .marine-capabilities {
    padding-inline: var(--page-gutter);
    background:
        radial-gradient(ellipse 70% 50% at 50% 0%, rgba(11, 42, 82, 0.03), transparent 55%),
        #f6f4ef;
    border-block: 1px solid rgba(13, 43, 92, 0.06);
}

main.marine-page .marine-capabilities__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, var(--iic-grid-gap));
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    align-items: stretch;
}

main.marine-page .marine-cap-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    padding: clamp(14px, 1.6vw, 18px);
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.09);
    border-inline-start: 3px solid rgba(184, 130, 42, 0.55);
    box-shadow: var(--iic-card-shadow);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out);
}

main.marine-page .marine-cap-card__icon {
    color: var(--iic-gold-primary);
    line-height: 1;
}

main.marine-page .marine-cap-card__icon .iic-line-icon {
    width: var(--iic-icon-glyph);
    height: var(--iic-icon-glyph);
    display: block;
}

main.marine-page .marine-cap-card__title {
    margin: 0;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.82rem, 1.2vw, 0.94rem);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--iic-navy);
    line-height: 1.25;
}

main.marine-page .marine-cap-card__text {
    margin: 0;
    flex: 1 1 auto;
    font-size: var(--type-caption);
    line-height: 1.45;
    color: var(--iic-muted);
}

/* Why choose — readable light cards */
main.marine-page .marine-why {
    padding-inline: var(--page-gutter);
    background: #fff;
}

main.marine-page .marine-why__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, var(--iic-grid-gap));
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    align-items: stretch;
}

main.marine-page .marine-why-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 100%;
    padding: clamp(14px, 1.5vw, 18px);
    border-radius: 10px;
    background: #faf9f6;
    border: 1px solid rgba(13, 43, 92, 0.08);
    box-shadow: 0 4px 14px rgba(10, 35, 72, 0.04);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out);
}

main.marine-page .marine-why-card__mark {
    display: grid;
    place-items: center;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 50%;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--iic-gold-primary);
    background: rgba(216, 155, 43, 0.12);
    border: 1px solid rgba(184, 130, 42, 0.35);
}

main.marine-page .marine-why-card h3 {
    margin: 0;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.84rem, 1.15vw, 0.96rem);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--iic-navy);
    line-height: 1.25;
}

main.marine-page .marine-why-card p {
    margin: 0;
    flex: 1 1 auto;
    font-size: var(--type-caption);
    line-height: 1.45;
    color: var(--iic-muted);
}

/* Vetting / class / employment — dark navy band */
main.marine-page .marine-focus {
    padding: clamp(1.25rem, 2.2vw, 2rem) var(--page-gutter);
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(216, 155, 43, 0.08), transparent 55%),
        linear-gradient(165deg, #071c3c 0%, #0b2a52 52%, #0a2444 100%);
    border-block: 1px solid rgba(214, 163, 54, 0.2);
}

main.marine-page .marine-focus__head {
    max-width: var(--iic-container-wide);
    margin: 0 auto clamp(14px, 1.8vw, 20px);
    text-align: start;
}

main.marine-page .marine-focus__head .eyebrow--gold {
    color: rgba(216, 155, 43, 0.92) !important;
}

main.marine-page .marine-focus__head h2 {
    color: #fff !important;
    margin-bottom: 8px;
}

main.marine-page .marine-focus__head p {
    margin: 0;
    max-width: 52ch;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: var(--type-caption);
    line-height: var(--line-relaxed);
}

main.marine-page .marine-focus__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, 18px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    align-items: stretch;
}

main.marine-page .marine-focus-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    padding: clamp(16px, 1.8vw, 22px);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-top: 2px solid rgba(216, 155, 43, 0.55);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out);
}

main.marine-page .marine-focus-card__num {
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--iic-gold-primary);
}

main.marine-page .marine-focus-card h3 {
    margin: 0;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.9rem, 1.2vw, 1.02rem);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.25;
}

main.marine-page .marine-focus-card p {
    margin: 0;
    flex: 1 1 auto;
    font-size: var(--type-caption);
    line-height: 1.48;
    color: rgba(255, 255, 255, 0.84);
}

/* Voyage cycle */
main.marine-page .marine-voyage {
    padding-inline: var(--page-gutter);
    background: #fff;
}

main.marine-page .marine-voyage__track {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: clamp(10px, 1.2vw, 14px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding: clamp(14px, 1.8vw, 20px);
    border-radius: var(--radius-ui);
    background: linear-gradient(180deg, #f4f2ec 0%, #faf9f6 100%);
    border: 1px solid rgba(13, 43, 92, 0.09);
    box-shadow: var(--iic-card-shadow);
}

main.marine-page .marine-voyage-step {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: min(150px, 42vw);
    flex: 1 1 0;
    max-width: 12.5rem;
    padding: 12px 10px;
    text-align: center;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.08);
    box-shadow: 0 4px 12px rgba(10, 35, 72, 0.05);
}

main.marine-page .marine-voyage-step__num {
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--iic-gold-primary);
}

main.marine-page .marine-voyage-step__title {
    margin: 0;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.72rem, 1vw, 0.82rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--iic-navy);
    line-height: 1.28;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

main.marine-page .marine-voyage-step__text {
    margin: 0;
    font-size: clamp(0.68rem, 0.85vw, 0.76rem);
    line-height: 1.42;
    color: var(--iic-muted);
}

main.marine-page .marine-voyage-step__connector {
    flex: 0 0 auto;
    align-self: center;
    width: clamp(18px, 2.5vw, 32px);
    height: 3px;
    margin-top: 1.5rem;
    border-radius: 3px;
    background: linear-gradient(
        90deg,
        rgba(13, 43, 92, 0.12),
        rgba(216, 155, 43, 0.85),
        rgba(13, 43, 92, 0.12)
    );
}

/* Client badges */
main.marine-page .marine-clients {
    padding-inline: var(--page-gutter);
    background: #f0ede6;
    border-block: 1px solid rgba(13, 43, 92, 0.06);
}

main.marine-page .marine-clients__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(8px, 1vw, 10px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

main.marine-page .marine-clients__badge {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(13, 43, 92, 0.1);
    background: #fff;
    color: var(--iic-navy);
    font-size: var(--type-small);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(10, 35, 72, 0.04);
}

/* Related services — compact */
main.marine-page .marine-related {
    padding-inline: var(--page-gutter);
    padding-bottom: clamp(1rem, 1.8vw, 1.5rem) !important;
}

main.marine-page .marine-related__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, 18px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    align-items: stretch;
}

main.marine-page .marine-related-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    padding: clamp(14px, 1.5vw, 18px);
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.09);
    box-shadow: var(--iic-card-shadow);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out);
}

main.marine-page .marine-related-card h3 {
    margin: 0 0 4px;
    font-size: clamp(1rem, 1.4vw, 1.15rem);
}

main.marine-page .marine-related-card h3 a {
    color: var(--iic-navy);
    text-decoration: none;
}

main.marine-page .marine-related-card p {
    margin: 0;
    flex: 1 1 auto;
    font-size: var(--type-caption);
    line-height: 1.42;
    color: var(--iic-muted);
}

main.marine-page .marine-related-card .outline-link {
    align-self: flex-start;
    margin-top: auto;
}

/* Desktop hovers */
@media (hover: hover) and (pointer: fine) {
    main.marine-page .marine-cap-card:hover,
    main.marine-page .marine-why-card:hover,
    main.marine-page .marine-focus-card:hover,
    main.marine-page .marine-related-card:hover {
        transform: translateY(-3px);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.85) inset,
            0 14px 32px rgba(10, 35, 72, 0.1);
    }

    main.marine-page .marine-focus-card:hover {
        border-color: rgba(216, 155, 43, 0.45);
        box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
    }
}

@media (prefers-reduced-motion: reduce) {
    main.marine-page .marine-cap-card,
    main.marine-page .marine-why-card,
    main.marine-page .marine-focus-card,
    main.marine-page .marine-related-card {
        transition: none !important;
    }
}

@media (min-width: 900px) {
    main.marine-page .marine-voyage__track {
        flex-wrap: nowrap;
    }

    main.marine-page .marine-voyage-step__title {
        white-space: nowrap;
    }
}

@media (max-width: 1100px) {
    main.marine-page .marine-capabilities__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main.marine-page .marine-why__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    main.marine-page .marine-overview {
        grid-template-columns: 1fr !important;
    }

    main.marine-page .marine-focus__grid,
    main.marine-page .marine-related__grid {
        grid-template-columns: 1fr;
    }

    main.marine-page .marine-voyage__track {
        flex-direction: column;
        align-items: stretch;
    }

    main.marine-page .marine-voyage-step {
        max-width: none;
        width: 100%;
        text-align: start;
    }

    main.marine-page .marine-voyage-step__title {
        white-space: normal;
    }

    main.marine-page .marine-voyage-step__connector {
        width: 3px;
        height: 16px;
        margin: 0 auto;
        background: linear-gradient(
            180deg,
            rgba(13, 43, 92, 0.12),
            rgba(216, 155, 43, 0.85),
            rgba(13, 43, 92, 0.12)
        );
    }
}

@media (max-width: 640px) {
    main.marine-page .marine-capabilities__grid,
    main.marine-page .marine-why__grid {
        grid-template-columns: 1fr;
    }
}

html[dir="rtl"] main.marine-page .marine-voyage-step,
body.is-rtl main.marine-page .marine-voyage-step {
    text-align: start;
}

/* ── Marine page — visual polish & interaction (scoped) ── */

@keyframes marineVoyageStepIn {
    from {
        opacity: 0;
        transform: translate3d(0, 12px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Abstract wave texture (CSS only) */
main.marine-page .marine-overview,
main.marine-page .marine-capabilities,
main.marine-page .marine-voyage,
main.marine-page .marine-clients {
    position: relative;
    isolation: isolate;
}

main.marine-page .marine-overview::before,
main.marine-page .marine-capabilities::before,
main.marine-page .marine-voyage::before,
main.marine-page .marine-clients::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.55;
    background:
        radial-gradient(ellipse 85% 55% at 8% 105%, rgba(11, 42, 82, 0.07), transparent 52%),
        radial-gradient(ellipse 70% 45% at 92% -5%, rgba(11, 42, 82, 0.05), transparent 48%),
        repeating-linear-gradient(
            -8deg,
            transparent,
            transparent 42px,
            rgba(11, 42, 82, 0.018) 42px,
            rgba(11, 42, 82, 0.018) 44px
        );
}

main.marine-page .marine-overview > *,
main.marine-page .marine-capabilities > *,
main.marine-page .marine-voyage > *,
main.marine-page .marine-clients > * {
    position: relative;
    z-index: 1;
}

/* Alternating section rhythm */
main.marine-page .marine-overview {
    background:
        linear-gradient(180deg, #f8f9fc 0%, #f2f4f8 100%);
    border-block: 1px solid rgba(13, 43, 92, 0.06);
}

main.marine-page .marine-overview__media {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 14px 36px rgba(10, 35, 72, 0.1);
    transition: box-shadow 0.35s var(--iic-motion-ease-out), transform 0.35s var(--iic-motion-ease-out);
}

main.marine-page .marine-capabilities {
    background:
        radial-gradient(ellipse 75% 55% at 50% 0%, rgba(216, 155, 43, 0.06), transparent 58%),
        linear-gradient(180deg, #eef1f6 0%, #f6f4ef 100%);
}

main.marine-page .marine-why {
    background: linear-gradient(180deg, #fff 0%, #faf9f6 100%);
    border-block: 1px solid rgba(13, 43, 92, 0.05);
}

main.marine-page .marine-voyage {
    background: linear-gradient(180deg, #f0f2f7 0%, #f8f9fc 100%);
}

main.marine-page .marine-related {
    background: #fff;
    border-top: 1px solid rgba(13, 43, 92, 0.06);
}

/* Gold accent under section headings */
main.marine-page .section-heading h2::after,
main.marine-page .marine-focus__head h2::after {
    width: 3.25rem !important;
    height: 2px !important;
    background: linear-gradient(90deg, var(--iic-gold-primary), var(--iic-gold-secondary)) !important;
    opacity: 1 !important;
}

/* Premium light cards — depth + gold accents */
main.marine-page .marine-cap-card,
main.marine-page .marine-why-card,
main.marine-page .marine-related-card {
    position: relative;
    border-top: 2px solid rgba(216, 155, 43, 0.42);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.92) inset,
        0 8px 22px rgba(10, 35, 72, 0.07),
        0 2px 6px rgba(10, 35, 72, 0.04);
}

main.marine-page .marine-cap-card::before,
main.marine-page .marine-why-card::before,
main.marine-page .marine-related-card::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline: 10px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(216, 155, 43, 0.35), transparent);
    pointer-events: none;
}

main.marine-page .marine-cap-card__icon {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 50%;
    background: rgba(216, 155, 43, 0.1);
    border: 1px solid rgba(184, 130, 42, 0.28);
    box-shadow: 0 0 18px rgba(216, 155, 43, 0.14);
    transition:
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out),
        transform 0.28s var(--iic-motion-ease-out);
}

main.marine-page .marine-why-card__mark {
    box-shadow: 0 0 14px rgba(216, 155, 43, 0.12);
    transition: transform 0.28s var(--iic-motion-ease-out), box-shadow 0.28s var(--iic-motion-ease-out);
}

/* Dark band — readable titles */
main.marine-page .marine-focus {
    background:
        radial-gradient(ellipse 90% 65% at 50% 0%, rgba(216, 155, 43, 0.1), transparent 58%),
        linear-gradient(165deg, #051428 0%, #0a2444 42%, #0b2a52 100%);
}

main.marine-page .marine-focus::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(216, 155, 43, 0.12) 50%, transparent);
    opacity: 0.35;
    height: 2px;
    top: 0;
    bottom: auto;
}

main.marine-page .marine-focus-card {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-top: 2px solid rgba(216, 155, 43, 0.72);
    border-inline-start: 3px solid rgba(216, 155, 43, 0.45);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.08) inset,
        0 12px 32px rgba(0, 0, 0, 0.22);
}

main.marine-page .marine-focus-card h3,
main.marine-page .marine-focus-card .marine-focus-card__title {
    color: #ffffff !important;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.28);
}

main.marine-page .marine-focus-card p {
    color: rgba(255, 255, 255, 0.9) !important;
}

main.marine-page .marine-focus-card__num {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: linear-gradient(165deg, rgba(11, 42, 82, 0.9), rgba(7, 28, 60, 0.95));
    border: 2px solid rgba(216, 155, 43, 0.55);
    box-shadow: 0 0 14px rgba(216, 155, 43, 0.2);
}

/* Voyage timeline */
main.marine-page .marine-voyage__track {
    position: relative;
    border-top: 2px solid rgba(216, 155, 43, 0.28);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.85) inset,
        0 12px 28px rgba(10, 35, 72, 0.08);
}

main.marine-page .marine-voyage-step {
    position: relative;
    z-index: 1;
    border-top: 2px solid rgba(184, 130, 42, 0.4);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out);
}

main.marine-page .marine-voyage-step__num {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    margin: 0 auto;
    border-radius: 50%;
    font-size: 0.68rem;
    background: linear-gradient(165deg, #0b2a52 0%, #071c3c 100%);
    color: var(--iic-gold-primary);
    border: 2px solid rgba(216, 155, 43, 0.58);
    box-shadow:
        0 0 0 1px rgba(13, 43, 92, 0.08),
        0 4px 12px rgba(10, 35, 72, 0.12);
}

main.marine-page .marine-voyage-step__connector {
    height: 4px;
    background: linear-gradient(
        90deg,
        rgba(13, 43, 92, 0.1),
        rgba(184, 130, 42, 0.55) 20%,
        rgba(216, 155, 43, 1) 50%,
        rgba(184, 130, 42, 0.55) 80%,
        rgba(13, 43, 92, 0.1)
    );
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

main.marine-page .marine-clients__badge {
    transition:
        transform 0.25s var(--iic-motion-ease-out),
        box-shadow 0.25s var(--iic-motion-ease-out),
        border-color 0.25s var(--iic-motion-ease-out);
}

/* Final CTA — stronger navy + gold */
main.marine-page > .iic-final-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse 70% 90% at 12% 50%, rgba(216, 155, 43, 0.1), transparent 55%),
        linear-gradient(128deg, #04101f 0%, #0b2a52 46%, #071c3c 100%) !important;
    border-top: 2px solid rgba(216, 155, 43, 0.38) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

main.marine-page > .iic-final-cta::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(216, 155, 43, 0.65), transparent);
    pointer-events: none;
}

main.marine-page > .iic-final-cta .iic-final-cta__inner {
    position: relative;
    z-index: 1;
}

main.marine-page > .iic-final-cta .iic-final-cta__title {
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
}

/* Stagger + voyage step reveal (marine only) */
@media (prefers-reduced-motion: no-preference) {
    main.marine-page .stagger-group.is-visible > .marine-cap-card,
    main.marine-page .stagger-group.is-visible > .marine-why-card,
    main.marine-page .stagger-group.is-visible > .marine-focus-card,
    main.marine-page .stagger-group.is-visible > .marine-related-card,
    main.marine-page .stagger-group.is-visible > .marine-clients__badge {
        animation: iicStaggerReveal var(--iic-motion-reveal) var(--iic-motion-ease-out) both;
        animation-delay: calc(var(--stagger-index, 0) * var(--iic-stagger-step));
    }

    main.marine-page .marine-voyage__track.reveal.is-visible .marine-voyage-step {
        animation: marineVoyageStepIn 0.58s var(--iic-motion-ease-out) both;
    }

    main.marine-page .marine-voyage__track.reveal.is-visible .marine-voyage-step:nth-child(1) {
        animation-delay: 0ms;
    }

    main.marine-page .marine-voyage__track.reveal.is-visible .marine-voyage-step:nth-child(3) {
        animation-delay: 75ms;
    }

    main.marine-page .marine-voyage__track.reveal.is-visible .marine-voyage-step:nth-child(5) {
        animation-delay: 150ms;
    }

    main.marine-page .marine-voyage__track.reveal.is-visible .marine-voyage-step:nth-child(7) {
        animation-delay: 225ms;
    }

    main.marine-page .marine-voyage__track.reveal.is-visible .marine-voyage-step:nth-child(9) {
        animation-delay: 300ms;
    }
}

/* Desktop hovers — lift, icon micro-hover, voyage focus */
@media (hover: hover) and (pointer: fine) {
    main.marine-page .marine-overview__media:hover {
        transform: translateY(-2px);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.92) inset,
            0 18px 42px rgba(10, 35, 72, 0.12);
    }

    main.marine-page .marine-cap-card:hover,
    main.marine-page .marine-why-card:hover,
    main.marine-page .marine-related-card:hover {
        transform: translateY(-4px);
        border-color: rgba(13, 43, 92, 0.12);
        border-top-color: rgba(216, 155, 43, 0.65);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.92) inset,
            0 18px 40px rgba(10, 35, 72, 0.11);
    }

    main.marine-page .marine-cap-card:hover .marine-cap-card__icon {
        transform: scale(1.04);
        box-shadow: 0 0 22px rgba(216, 155, 43, 0.22);
        border-color: rgba(184, 130, 42, 0.45);
    }

    main.marine-page .marine-why-card:hover .marine-why-card__mark {
        transform: scale(1.06);
        box-shadow: 0 0 18px rgba(216, 155, 43, 0.2);
    }

    main.marine-page .marine-focus-card:hover {
        transform: translateY(-3px);
        border-top-color: rgba(216, 155, 43, 0.95);
        border-inline-start-color: rgba(216, 155, 43, 0.75);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.1) inset,
            0 18px 40px rgba(0, 0, 0, 0.32);
    }

    main.marine-page .marine-voyage-step:hover {
        transform: translateY(-3px);
        border-color: rgba(184, 130, 42, 0.45);
        border-top-color: rgba(216, 155, 43, 0.75);
        box-shadow: 0 12px 28px rgba(10, 35, 72, 0.1);
    }

    main.marine-page .marine-voyage-step:hover .marine-voyage-step__num {
        box-shadow:
            0 0 0 1px rgba(13, 43, 92, 0.1),
            0 0 16px rgba(216, 155, 43, 0.35);
    }

    main.marine-page .marine-clients__badge:hover {
        transform: translateY(-2px);
        border-color: rgba(184, 130, 42, 0.4);
        box-shadow: 0 8px 20px rgba(10, 35, 72, 0.08);
    }

    main.marine-page .iic-final-cta__actions .button {
        transition:
            transform 0.26s var(--iic-motion-ease-out),
            box-shadow 0.26s var(--iic-motion-ease-out),
            border-color 0.26s var(--iic-motion-ease-out);
    }

    main.marine-page .iic-final-cta__actions .button:hover {
        transform: translateY(-2px);
    }

    main.marine-page .iic-final-cta__actions .button.primary:hover,
    main.marine-page .iic-final-cta__actions .button.gold-button:hover {
        box-shadow: 0 10px 28px rgba(216, 155, 43, 0.28);
    }
}

@media (min-width: 900px) {
    main.marine-page .marine-voyage__track::after {
        content: "";
        position: absolute;
        left: 7%;
        right: 7%;
        top: 2.85rem;
        height: 3px;
        border-radius: 3px;
        background: linear-gradient(
            90deg,
            rgba(13, 43, 92, 0.08),
            rgba(184, 130, 42, 0.45) 18%,
            rgba(216, 155, 43, 0.88) 50%,
            rgba(184, 130, 42, 0.45) 82%,
            rgba(13, 43, 92, 0.08)
        );
        z-index: 0;
        pointer-events: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    main.marine-page .marine-overview__media,
    main.marine-page .marine-cap-card,
    main.marine-page .marine-cap-card__icon,
    main.marine-page .marine-why-card,
    main.marine-page .marine-why-card__mark,
    main.marine-page .marine-focus-card,
    main.marine-page .marine-voyage-step,
    main.marine-page .marine-related-card,
    main.marine-page .marine-clients__badge,
    main.marine-page .iic-final-cta__actions .button {
        transition: none !important;
    }

    main.marine-page .stagger-group.is-visible > .marine-cap-card,
    main.marine-page .stagger-group.is-visible > .marine-why-card,
    main.marine-page .stagger-group.is-visible > .marine-focus-card,
    main.marine-page .stagger-group.is-visible > .marine-related-card,
    main.marine-page .stagger-group.is-visible > .marine-clients__badge,
    main.marine-page .marine-voyage__track.reveal.is-visible .marine-voyage-step {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* =============================================================================
   Mobile navigation — authoritative responsive fix (breakpoint: 1100px)
   ============================================================================= */

@media (min-width: 1101px) {
    .nav-mobile-backdrop,
    #nav-mobile-close.nav-mobile-close {
        display: none !important;
    }

    #header-inner.iic-header-shell .nav-toggle,
    #header-inner.iic-header-shell label.nav-button {
        display: none !important;
    }

    #header-inner.iic-header-shell {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: unset !important;
        grid-template-rows: unset !important;
    }

    #header-inner.iic-header-shell #nav-links.nav-links--main-tier {
        display: flex !important;
        position: static !important;
        inset: auto !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: none !important;
        max-height: none !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: var(--space-sm) 0 var(--space-md) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        overflow: visible !important;
        border: 0 !important;
        border-top: 1px solid rgba(10, 35, 72, 0.055) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        z-index: auto !important;
    }

    body.mobile-nav-open {
        overflow: auto !important;
    }
}

@media (max-width: 1100px) {
    .site-header {
        z-index: 48 !important;
    }

    #header-inner.iic-header-shell {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: unset !important;
        grid-template-rows: unset !important;
        position: relative !important;
        overflow: visible !important;
    }

    #header-inner.iic-header-shell .header-row--top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        grid-column: unset !important;
        grid-row: unset !important;
        border-bottom: 0 !important;
    }

    #header-inner.iic-header-shell label.nav-button {
        display: grid !important;
        place-items: center !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border: 1px solid rgba(10, 35, 72, 0.14) !important;
        border-radius: 8px !important;
        background: #ffffff !important;
        box-shadow: 0 8px 24px rgba(10, 35, 72, 0.08) !important;
        cursor: pointer !important;
        z-index: 52 !important;
    }

    #header-inner.iic-header-shell .nav-button span,
    #header-inner.iic-header-shell .nav-button span::before,
    #header-inner.iic-header-shell .nav-button span::after {
        background: #0a2348 !important;
    }

    #header-inner.iic-header-shell #nav-links.nav-links--main-tier {
        position: fixed !important;
        top: var(--sticky-offset, 72px) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: none !important;
        max-height: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 12px var(--page-gutter, 20px) calc(24px + env(safe-area-inset-bottom, 0px)) !important;
        display: none !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        border: 0 !important;
        border-top: 1px solid rgba(10, 35, 72, 0.08) !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        z-index: 51 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    #header-inner.iic-header-shell.is-nav-open #nav-links.nav-links--main-tier {
        display: flex !important;
    }

    .nav-mobile-backdrop {
        position: fixed;
        inset: var(--sticky-offset, 72px) 0 0 0;
        background: rgba(6, 17, 31, 0.45);
        z-index: 50;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.22s ease, visibility 0.22s ease;
    }

    .nav-mobile-backdrop:not([hidden]) {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    #nav-mobile-close.nav-mobile-close {
        display: none;
        align-self: flex-end;
        flex: 0 0 auto;
        margin: 0 0 8px;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 1px solid rgba(10, 35, 72, 0.12);
        border-radius: 8px;
        background: #ffffff;
        color: #0a2348;
        font-size: 1.65rem;
        line-height: 1;
        cursor: pointer;
    }

    #header-inner.iic-header-shell.is-nav-open #nav-mobile-close.nav-mobile-close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    html[dir="rtl"] #nav-mobile-close.nav-mobile-close {
        align-self: flex-start;
    }

    #header-inner.iic-header-shell #nav-links.nav-links--main-tier > a,
    #header-inner.iic-header-shell #nav-links.nav-links--main-tier > .nav-item {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }

    #header-inner.iic-header-shell #nav-links.nav-links--main-tier > a:not(.nav-cta),
    #header-inner.iic-header-shell #nav-links.nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent {
        display: flex !important;
        align-items: center !important;
        min-height: 44px !important;
        padding: 12px 14px !important;
        border-radius: 8px !important;
        color: #061428 !important;
        text-align: start !important;
    }

    #header-inner.iic-header-shell .nav-services-head {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
        width: 100% !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap:not(.dropdown-open) .nav-dropdown--services {
        display: none !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap.dropdown-open .nav-dropdown--services {
        display: flex !important;
        position: static !important;
        flex-direction: column !important;
        width: 100% !important;
        margin-top: 6px !important;
        padding: 6px !important;
        border: 1px solid rgba(10, 35, 72, 0.08) !important;
        border-radius: 8px !important;
        background: #f8fafc !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    body.mobile-nav-open {
        overflow: hidden !important;
    }
}

/* =============================================================================
   Facilities page revamp — scoped to main.facilities-page only
   ============================================================================= */

main.facilities-page > section:not(.page-hero):not(.iic-final-cta) {
    padding-block: clamp(1.1rem, 2.1vw, 1.75rem) !important;
}

main.facilities-page > .iic-final-cta {
    padding-block: clamp(1.35rem, 2.4vw, 2rem) !important;
    margin-top: 0 !important;
}

main.facilities-page .section-heading {
    max-width: var(--iic-container-wide);
    margin: 0 auto clamp(14px, 1.8vw, 22px);
    padding-inline: var(--page-gutter);
    text-align: start;
}

main.facilities-page .section-heading p:last-child {
    margin-bottom: 0;
    max-width: 62ch;
    color: var(--iic-muted);
}

main.facilities-page .facilities-hero .page-hero-copy h1 {
    max-width: 26ch;
    line-height: var(--line-tight);
}

main.facilities-page .fm-hero-lead {
    max-width: 54ch;
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(0.86rem, 1vw, 0.96rem);
    line-height: 1.5;
}

main.facilities-page .fm-overview {
    align-items: center;
    gap: clamp(16px, 2.4vw, 32px);
    max-width: var(--iic-container-wide);
    margin-inline: auto;
    padding-inline: var(--page-gutter);
}

main.facilities-page .fm-overview__media {
    border-radius: var(--radius-ui);
    overflow: hidden;
    border: 1px solid var(--iic-border);
    box-shadow: var(--iic-card-shadow);
    line-height: 0;
    background: #fff;
}

main.facilities-page .fm-overview__media img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center;
}

main.facilities-page .fm-overview .section-copy p {
    color: var(--iic-muted);
    font-size: var(--type-caption);
    line-height: var(--line-relaxed);
}

main.facilities-page .fm-capabilities {
    padding-inline: var(--page-gutter);
    background:
        radial-gradient(ellipse 70% 50% at 50% 0%, rgba(11, 42, 82, 0.03), transparent 55%),
        #f6f4ef;
    border-block: 1px solid rgba(13, 43, 92, 0.06);
}

main.facilities-page .fm-capabilities__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, var(--iic-grid-gap));
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    align-items: stretch;
}

main.facilities-page .fm-cap-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    padding: clamp(14px, 1.6vw, 18px);
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.09);
    border-inline-start: 3px solid rgba(184, 130, 42, 0.55);
    box-shadow: var(--iic-card-shadow);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out);
}

main.facilities-page .fm-cap-card__icon {
    color: var(--iic-gold-primary);
    line-height: 1;
}

main.facilities-page .fm-cap-card__icon .iic-line-icon {
    width: var(--iic-icon-glyph);
    height: var(--iic-icon-glyph);
    display: block;
}

main.facilities-page .fm-cap-card__title {
    margin: 0;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.82rem, 1.2vw, 0.94rem);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--iic-navy);
    line-height: 1.25;
}

main.facilities-page .fm-cap-card__text {
    margin: 0;
    flex: 1 1 auto;
    font-size: var(--type-caption);
    line-height: 1.45;
    color: var(--iic-muted);
}

main.facilities-page .fm-model {
    padding-inline: var(--page-gutter);
    background: #fff;
}

main.facilities-page .fm-model__track {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: clamp(10px, 1.2vw, 14px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding: clamp(14px, 1.8vw, 20px);
    border-radius: var(--radius-ui);
    background: linear-gradient(180deg, #f4f2ec 0%, #faf9f6 100%);
    border: 1px solid rgba(13, 43, 92, 0.09);
    box-shadow: var(--iic-card-shadow);
}

main.facilities-page .fm-model-step {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: min(140px, 40vw);
    flex: 1 1 0;
    max-width: 11rem;
    padding: 12px 10px;
    text-align: center;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.08);
    box-shadow: 0 4px 12px rgba(10, 35, 72, 0.05);
}

main.facilities-page .fm-model-step__num {
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--iic-gold-primary);
}

main.facilities-page .fm-model-step__title {
    margin: 0;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.68rem, 0.95vw, 0.8rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--iic-navy);
    line-height: 1.28;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

main.facilities-page .fm-model-step__text {
    margin: 0;
    font-size: clamp(0.66rem, 0.82vw, 0.74rem);
    line-height: 1.42;
    color: var(--iic-muted);
}

main.facilities-page .fm-model-step__connector {
    flex: 0 0 auto;
    align-self: center;
    width: clamp(14px, 2vw, 26px);
    height: 3px;
    margin-top: 1.5rem;
    border-radius: 3px;
    background: linear-gradient(
        90deg,
        rgba(13, 43, 92, 0.12),
        rgba(216, 155, 43, 0.85),
        rgba(13, 43, 92, 0.12)
    );
}

main.facilities-page .fm-why {
    padding-inline: var(--page-gutter);
    background: #fff;
}

main.facilities-page .fm-why__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, var(--iic-grid-gap));
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    align-items: stretch;
}

main.facilities-page .fm-why-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 100%;
    padding: clamp(14px, 1.5vw, 18px);
    border-radius: 10px;
    background: #faf9f6;
    border: 1px solid rgba(13, 43, 92, 0.08);
    box-shadow: 0 4px 14px rgba(10, 35, 72, 0.04);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out);
}

main.facilities-page .fm-why-card__mark {
    display: grid;
    place-items: center;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 50%;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--iic-gold-primary);
    background: rgba(216, 155, 43, 0.12);
    border: 1px solid rgba(184, 130, 42, 0.35);
}

main.facilities-page .fm-why-card h3 {
    margin: 0;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.84rem, 1.15vw, 0.96rem);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--iic-navy);
    line-height: 1.25;
}

main.facilities-page .fm-why-card p {
    margin: 0;
    flex: 1 1 auto;
    font-size: var(--type-caption);
    line-height: 1.45;
    color: var(--iic-muted);
}

main.facilities-page .fm-environments {
    padding-inline: var(--page-gutter);
    background: #f0ede6;
    border-block: 1px solid rgba(13, 43, 92, 0.06);
}

main.facilities-page .fm-environments__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(8px, 1vw, 10px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

main.facilities-page .fm-environments__badge {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(13, 43, 92, 0.1);
    background: #fff;
    color: var(--iic-navy);
    font-size: var(--type-small);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(10, 35, 72, 0.04);
}

/* Regional reach — facilities page only */
main.facilities-page .fm-presence.presence-saudi-geo.presence-command.model-presence {
    position: relative;
    isolation: isolate;
    padding: clamp(16px, 2.1vw, 26px) var(--page-gutter) !important;
    gap: clamp(10px, 1.35vw, 16px) !important;
    margin-block: 0 !important;
    background:
        radial-gradient(ellipse 62% 52% at 50% 42%, rgba(216, 155, 43, 0.06), transparent 58%),
        linear-gradient(180deg, #f6f4ef 0%, #ebe8e1 100%) !important;
    border-top: 1px solid rgba(13, 43, 92, 0.07) !important;
    border-bottom: 1px solid rgba(13, 43, 92, 0.08) !important;
    box-shadow: none !important;
}

main.facilities-page .fm-presence.presence-command.model-presence::before {
    display: none !important;
}

main.facilities-page .fm-presence .presence-command__kicker {
    color: var(--iic-gold-primary) !important;
    margin-bottom: 6px !important;
    letter-spacing: 0.16em !important;
}

main.facilities-page .fm-presence .fm-presence__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.28rem;
    margin: 0 0 10px !important;
    max-width: 100%;
    font-size: clamp(1.02rem, 1.55vw, 1.32rem) !important;
    font-weight: 700 !important;
    letter-spacing: 0.09em !important;
    line-height: 1.18 !important;
    text-transform: uppercase !important;
    color: var(--iic-navy) !important;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

main.facilities-page .fm-presence .fm-presence__heading-line {
    display: block;
}

main.facilities-page .fm-presence .fm-presence__heading-line:last-child {
    font-size: 0.94em;
    letter-spacing: 0.085em;
    color: rgba(10, 35, 72, 0.92);
}

main.facilities-page .fm-presence .presence-saudi-geo__lead {
    color: var(--iic-muted) !important;
    margin: 0 !important;
    max-width: none !important;
    font-size: clamp(0.78rem, 0.88vw, 0.86rem) !important;
    line-height: 1.48 !important;
}

main.facilities-page .fm-presence .presence-saudi-geo__center {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
    min-width: 0;
}

main.facilities-page .fm-presence .presence-command__map-shell--geo.model-map-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: clamp(10px, 1.4vw, 14px) !important;
    min-height: 0 !important;
    background: linear-gradient(165deg, rgba(8, 22, 44, 0.96) 0%, rgba(12, 32, 62, 0.98) 100%) !important;
    border: 1px solid rgba(184, 130, 42, 0.28) !important;
    box-shadow: 0 12px 36px rgba(10, 35, 72, 0.14) !important;
}

main.facilities-page .fm-presence .presence-geo-map__caption {
    margin: 0 !important;
    text-align: center;
    font-size: var(--type-small) !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--iic-muted) !important;
}

main.facilities-page .fm-presence .model-stat-grid--fm {
    width: 100%;
    max-width: var(--iic-container-wide);
    margin-inline: auto;
}

main.facilities-page .fm-related {
    padding-inline: var(--page-gutter);
    padding-bottom: clamp(1rem, 1.8vw, 1.5rem) !important;
}

main.facilities-page .fm-related__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, 18px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    align-items: stretch;
}

main.facilities-page .fm-related-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    padding: clamp(14px, 1.5vw, 18px);
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.09);
    box-shadow: var(--iic-card-shadow);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out);
}

main.facilities-page .fm-related-card h3 {
    margin: 0 0 4px;
    font-size: clamp(1rem, 1.4vw, 1.15rem);
}

main.facilities-page .fm-related-card h3 a {
    color: var(--iic-navy);
    text-decoration: none;
}

main.facilities-page .fm-related-card p {
    margin: 0;
    flex: 1 1 auto;
    font-size: var(--type-caption);
    line-height: 1.42;
    color: var(--iic-muted);
}

main.facilities-page .fm-related-card .outline-link {
    align-self: flex-start;
    margin-top: auto;
}

@media (hover: hover) and (pointer: fine) {
    main.facilities-page .fm-cap-card:hover,
    main.facilities-page .fm-why-card:hover,
    main.facilities-page .fm-related-card:hover {
        transform: translateY(-3px);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.85) inset,
            0 14px 32px rgba(10, 35, 72, 0.1);
    }
}

@media (prefers-reduced-motion: reduce) {
    main.facilities-page .fm-cap-card,
    main.facilities-page .fm-why-card,
    main.facilities-page .fm-related-card {
        transition: none !important;
    }
}

@media (min-width: 900px) {
    main.facilities-page .fm-model__track {
        flex-wrap: nowrap;
    }
}

@media (max-width: 1100px) {
    main.facilities-page .fm-capabilities__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main.facilities-page .fm-why__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main.facilities-page .fm-related__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    main.facilities-page .fm-overview {
        grid-template-columns: 1fr !important;
    }

    main.facilities-page .fm-model__track {
        flex-direction: column;
        align-items: stretch;
    }

    main.facilities-page .fm-model-step {
        max-width: none;
        width: 100%;
        text-align: start;
    }

    main.facilities-page .fm-model-step__connector {
        width: 3px;
        height: 16px;
        margin: 0 auto;
        background: linear-gradient(
            180deg,
            rgba(13, 43, 92, 0.12),
            rgba(216, 155, 43, 0.85),
            rgba(13, 43, 92, 0.12)
        );
    }

    main.facilities-page .fm-related__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    main.facilities-page .fm-capabilities__grid,
    main.facilities-page .fm-why__grid {
        grid-template-columns: 1fr;
    }
}

html[dir="rtl"] main.facilities-page .fm-model-step,
body.is-rtl main.facilities-page .fm-model-step {
    text-align: start;
}

/* ── Facilities page — visual polish & hierarchy (scoped, no content changes) ── */

@keyframes fmModelStepIn {
    from {
        opacity: 0;
        transform: translate3d(0, 12px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Stronger readable contrast */
main.facilities-page {
    --fm-text-body: rgba(10, 35, 72, 0.82);
    --fm-text-muted: rgba(10, 35, 72, 0.68);
    --fm-heading: #061428;
}

main.facilities-page .fm-capabilities .section-heading h2,
main.facilities-page .fm-stack .section-heading h2,
main.facilities-page .fm-why .section-heading h2,
main.facilities-page .fm-environments .section-heading h2,
main.facilities-page .fm-regional .section-heading h2,
main.facilities-page .service-related-section .section-heading h2,
main.facilities-page .fm-overview .section-copy h2 {
    color: var(--fm-heading) !important;
}

main.facilities-page .fm-capabilities .section-heading p:last-child,
main.facilities-page .fm-stack .section-heading p:last-child,
main.facilities-page .fm-why .section-heading p:last-child,
main.facilities-page .fm-environments .section-heading p:last-child,
main.facilities-page .fm-regional .section-heading p:last-child,
main.facilities-page .service-related-section .section-heading p:last-child,
main.facilities-page .fm-overview .section-copy p {
    color: var(--fm-text-muted) !important;
}

main.facilities-page .fm-cap-card__text,
main.facilities-page .fm-model-step__text,
main.facilities-page .fm-why-card p,
main.facilities-page .fm-related-card p {
    color: var(--fm-text-body) !important;
}

main.facilities-page .fm-hero-lead {
    color: rgba(255, 255, 255, 0.94) !important;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.35);
}

main.facilities-page .facilities-hero .page-hero-copy h1 {
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.32);
}

/* Gold accent under section headings */
main.facilities-page .section-heading h2::after {
    width: 3.25rem !important;
    height: 2px !important;
    background: linear-gradient(90deg, var(--iic-gold-primary), var(--iic-gold-secondary)) !important;
    opacity: 1 !important;
}

main.facilities-page .section-heading .eyebrow--gold {
    color: var(--iic-gold-primary) !important;
    font-weight: 700 !important;
}

/* Reduce visual text density — breathing room, not content */
main.facilities-page .section-heading {
    margin-bottom: clamp(18px, 2.2vw, 28px) !important;
}

main.facilities-page .section-heading p:last-child {
    max-width: 54ch !important;
    line-height: 1.55 !important;
    margin-top: 0.35rem !important;
}

main.facilities-page .fm-overview .section-copy {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.2vw, 14px);
}

main.facilities-page .fm-overview .section-copy p {
    margin: 0 !important;
    line-height: 1.55 !important;
}

main.facilities-page .fm-cap-card__text,
main.facilities-page .fm-why-card p {
    line-height: 1.5 !important;
}

/* Section differentiation — alternating bands + subtle texture */
main.facilities-page .fm-overview,
main.facilities-page .fm-capabilities,
main.facilities-page .fm-model,
main.facilities-page .fm-why,
main.facilities-page .fm-environments,
main.facilities-page .fm-related {
    position: relative;
    isolation: isolate;
}

main.facilities-page .fm-overview::before,
main.facilities-page .fm-capabilities::before,
main.facilities-page .fm-model::before,
main.facilities-page .fm-environments::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.5;
    background:
        radial-gradient(ellipse 85% 55% at 8% 105%, rgba(11, 42, 82, 0.06), transparent 52%),
        radial-gradient(ellipse 70% 45% at 92% -5%, rgba(11, 42, 82, 0.04), transparent 48%),
        repeating-linear-gradient(
            -8deg,
            transparent,
            transparent 42px,
            rgba(11, 42, 82, 0.016) 42px,
            rgba(11, 42, 82, 0.016) 44px
        );
}

main.facilities-page .fm-overview > *,
main.facilities-page .fm-capabilities > *,
main.facilities-page .fm-model > *,
main.facilities-page .fm-environments > * {
    position: relative;
    z-index: 1;
}

main.facilities-page .fm-overview {
    background: linear-gradient(180deg, #f8f9fc 0%, #f2f4f8 100%) !important;
    border-block: 1px solid rgba(13, 43, 92, 0.07) !important;
    padding-block: clamp(1.35rem, 2.4vw, 2rem) !important;
}

main.facilities-page .fm-overview__media {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 14px 36px rgba(10, 35, 72, 0.11);
    transition:
        box-shadow 0.35s var(--iic-motion-ease-out),
        transform 0.35s var(--iic-motion-ease-out);
}

main.facilities-page .fm-capabilities {
    background:
        radial-gradient(ellipse 75% 55% at 50% 0%, rgba(216, 155, 43, 0.07), transparent 58%),
        linear-gradient(180deg, #eef1f6 0%, #f6f4ef 100%) !important;
    border-block-color: rgba(13, 43, 92, 0.08) !important;
    padding-block: clamp(1.35rem, 2.4vw, 2rem) !important;
}

main.facilities-page .fm-model {
    background: linear-gradient(180deg, #f0f2f7 0%, #f8f9fc 100%) !important;
    border-block: 1px solid rgba(13, 43, 92, 0.06) !important;
    padding-block: clamp(1.35rem, 2.4vw, 2rem) !important;
}

main.facilities-page .fm-why {
    background: linear-gradient(180deg, #fff 0%, #faf9f6 100%) !important;
    border-block: 1px solid rgba(13, 43, 92, 0.06) !important;
    padding-block: clamp(1.35rem, 2.4vw, 2rem) !important;
}

main.facilities-page .fm-environments {
    background: linear-gradient(180deg, #ebe8e1 0%, #f0ede6 100%) !important;
    padding-block: clamp(1.25rem, 2.2vw, 1.85rem) !important;
}

main.facilities-page .fm-related {
    background: #fff !important;
    border-top: 1px solid rgba(13, 43, 92, 0.07) !important;
}

/* Premium cards — depth + gold accents */
main.facilities-page .fm-cap-card,
main.facilities-page .fm-why-card,
main.facilities-page .fm-related-card {
    position: relative;
    border-top: 2px solid rgba(216, 155, 43, 0.42);
    border-inline-start-width: 3px;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.92) inset,
        0 8px 22px rgba(10, 35, 72, 0.08),
        0 2px 6px rgba(10, 35, 72, 0.04);
}

main.facilities-page .fm-cap-card::before,
main.facilities-page .fm-why-card::before,
main.facilities-page .fm-related-card::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline: 10px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(216, 155, 43, 0.35), transparent);
    pointer-events: none;
}

main.facilities-page .fm-cap-card__icon {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 50%;
    background: rgba(216, 155, 43, 0.1);
    border: 1px solid rgba(184, 130, 42, 0.28);
    box-shadow: 0 0 18px rgba(216, 155, 43, 0.14);
    transition:
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out),
        transform 0.28s var(--iic-motion-ease-out);
}

main.facilities-page .fm-why-card__mark {
    box-shadow: 0 0 14px rgba(216, 155, 43, 0.12);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out);
}

/* FM Operating Model — enterprise timeline (marine voyage parity) */
main.facilities-page .fm-model__track {
    position: relative;
    padding: clamp(18px, 2.2vw, 26px) clamp(12px, 1.6vw, 18px) !important;
    border-top: 2px solid rgba(216, 155, 43, 0.28);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.85) inset,
        0 12px 28px rgba(10, 35, 72, 0.09);
}

main.facilities-page .fm-model__track::before {
    content: "";
    position: absolute;
    left: 6%;
    right: 6%;
    top: 3.15rem;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(
        90deg,
        rgba(13, 43, 92, 0.08),
        rgba(184, 130, 42, 0.45) 18%,
        rgba(216, 155, 43, 0.88) 50%,
        rgba(184, 130, 42, 0.45) 82%,
        rgba(13, 43, 92, 0.08)
    );
    z-index: 0;
    pointer-events: none;
}

main.facilities-page .fm-model-step {
    position: relative;
    z-index: 1;
    gap: 8px;
    padding: 14px 12px 12px !important;
    max-width: 12.5rem;
    border-top: 2px solid rgba(184, 130, 42, 0.4);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out);
}

main.facilities-page .fm-model-step__num {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    margin: 0 auto;
    border-radius: 50%;
    font-size: 0.68rem;
    background: linear-gradient(165deg, #0b2a52 0%, #071c3c 100%);
    color: var(--iic-gold-primary);
    border: 2px solid rgba(216, 155, 43, 0.58);
    box-shadow:
        0 0 0 1px rgba(13, 43, 92, 0.08),
        0 4px 12px rgba(10, 35, 72, 0.12);
}

main.facilities-page .fm-model-step__title {
    font-size: clamp(0.72rem, 0.98vw, 0.84rem) !important;
    color: var(--fm-heading) !important;
}

main.facilities-page .fm-model-step__text {
    font-size: clamp(0.68rem, 0.8vw, 0.74rem) !important;
    line-height: 1.48 !important;
    max-width: 18ch;
    margin-inline: auto;
}

main.facilities-page .fm-model-step__connector {
    height: 4px !important;
    margin-top: 1.65rem !important;
    background: linear-gradient(
        90deg,
        rgba(13, 43, 92, 0.1),
        rgba(184, 130, 42, 0.55) 20%,
        rgba(216, 155, 43, 1) 50%,
        rgba(184, 130, 42, 0.55) 80%,
        rgba(13, 43, 92, 0.1)
    ) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* Environment pills */
main.facilities-page .fm-environments__badge {
    transition:
        transform 0.25s var(--iic-motion-ease-out),
        box-shadow 0.25s var(--iic-motion-ease-out),
        border-color 0.25s var(--iic-motion-ease-out);
}

/* Regional band — stronger KPI contrast */
main.facilities-page .fm-presence .presence-saudi-geo__lead {
    color: var(--fm-text-body) !important;
}

main.facilities-page .fm-presence .model-stat-grid--fm article.presence-stat span.presence-stat__k {
    color: var(--fm-heading) !important;
}

main.facilities-page .fm-presence .model-stat-grid--fm article.presence-stat strong.presence-stat__v {
    color: var(--iic-navy) !important;
}

/* Final CTA — marine parity */
main.facilities-page > .iic-final-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse 70% 90% at 12% 50%, rgba(216, 155, 43, 0.1), transparent 55%),
        linear-gradient(128deg, #04101f 0%, #0b2a52 46%, #071c3c 100%) !important;
    border-top: 2px solid rgba(216, 155, 43, 0.38) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

main.facilities-page > .iic-final-cta::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(216, 155, 43, 0.65), transparent);
    pointer-events: none;
}

main.facilities-page > .iic-final-cta .iic-final-cta__inner {
    position: relative;
    z-index: 1;
}

main.facilities-page > .iic-final-cta .iic-final-cta__title {
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.25);
}

/* Stagger + timeline step reveal */
@media (prefers-reduced-motion: no-preference) {
    main.facilities-page .stagger-group.is-visible > .fm-cap-card,
    main.facilities-page .stagger-group.is-visible > .fm-why-card,
    main.facilities-page .stagger-group.is-visible > .fm-related-card,
    main.facilities-page .stagger-group.is-visible > .fm-environments__badge {
        animation: iicStaggerReveal var(--iic-motion-reveal) var(--iic-motion-ease-out) both;
        animation-delay: calc(var(--stagger-index, 0) * var(--iic-stagger-step));
    }

    main.facilities-page .fm-model__track.reveal.is-visible .fm-model-step {
        animation: fmModelStepIn 0.58s var(--iic-motion-ease-out) both;
    }

    main.facilities-page .fm-model__track.reveal.is-visible .fm-model-step:nth-child(1) {
        animation-delay: 0ms;
    }

    main.facilities-page .fm-model__track.reveal.is-visible .fm-model-step:nth-child(3) {
        animation-delay: 70ms;
    }

    main.facilities-page .fm-model__track.reveal.is-visible .fm-model-step:nth-child(5) {
        animation-delay: 140ms;
    }

    main.facilities-page .fm-model__track.reveal.is-visible .fm-model-step:nth-child(7) {
        animation-delay: 210ms;
    }

    main.facilities-page .fm-model__track.reveal.is-visible .fm-model-step:nth-child(9) {
        animation-delay: 280ms;
    }

    main.facilities-page .fm-model__track.reveal.is-visible .fm-model-step:nth-child(11) {
        animation-delay: 350ms;
    }
}

/* Desktop hovers — lift, icon micro-hover, timeline focus */
@media (hover: hover) and (pointer: fine) {
    main.facilities-page .fm-overview__media:hover {
        transform: translateY(-2px);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.92) inset,
            0 18px 42px rgba(10, 35, 72, 0.12);
    }

    main.facilities-page .fm-cap-card:hover,
    main.facilities-page .fm-why-card:hover,
    main.facilities-page .fm-related-card:hover {
        transform: translateY(-4px);
        border-color: rgba(13, 43, 92, 0.12);
        border-top-color: rgba(216, 155, 43, 0.65);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.92) inset,
            0 18px 40px rgba(10, 35, 72, 0.11);
    }

    main.facilities-page .fm-cap-card:hover .fm-cap-card__icon {
        transform: scale(1.04);
        box-shadow: 0 0 22px rgba(216, 155, 43, 0.22);
        border-color: rgba(184, 130, 42, 0.45);
    }

    main.facilities-page .fm-why-card:hover .fm-why-card__mark {
        transform: scale(1.06);
        box-shadow: 0 0 18px rgba(216, 155, 43, 0.2);
    }

    main.facilities-page .fm-model-step:hover {
        transform: translateY(-3px);
        border-color: rgba(184, 130, 42, 0.45);
        border-top-color: rgba(216, 155, 43, 0.75);
        box-shadow: 0 12px 28px rgba(10, 35, 72, 0.1);
    }

    main.facilities-page .fm-model-step:hover .fm-model-step__num {
        box-shadow:
            0 0 0 1px rgba(13, 43, 92, 0.1),
            0 0 16px rgba(216, 155, 43, 0.35);
    }

    main.facilities-page .fm-environments__badge:hover {
        transform: translateY(-2px);
        border-color: rgba(184, 130, 42, 0.4);
        box-shadow: 0 8px 20px rgba(10, 35, 72, 0.08);
    }

    main.facilities-page .iic-final-cta__actions .button {
        transition:
            transform 0.26s var(--iic-motion-ease-out),
            box-shadow 0.26s var(--iic-motion-ease-out),
            border-color 0.26s var(--iic-motion-ease-out);
    }

    main.facilities-page .iic-final-cta__actions .button:hover {
        transform: translateY(-2px);
    }
}

@media (max-width: 899px) {
    main.facilities-page .fm-model__track::before {
        left: auto;
        right: auto;
        top: 0;
        bottom: 0;
        width: 3px;
        height: auto;
        margin-inline: auto;
        inset-inline: 50%;
        transform: translateX(-50%);
        background: linear-gradient(
            180deg,
            rgba(13, 43, 92, 0.08),
            rgba(184, 130, 42, 0.45) 18%,
            rgba(216, 155, 43, 0.88) 50%,
            rgba(184, 130, 42, 0.45) 82%,
            rgba(13, 43, 92, 0.08)
        );
    }

    html[dir="rtl"] main.facilities-page .fm-model__track::before,
    body.is-rtl main.facilities-page .fm-model__track::before {
        transform: translateX(50%);
    }

    main.facilities-page .fm-model-step {
        padding-inline-start: clamp(28px, 8vw, 40px) !important;
        text-align: start !important;
    }

    main.facilities-page .fm-model-step__num {
        position: absolute;
        inset-inline-start: 0;
        top: 14px;
        margin: 0 !important;
    }

    main.facilities-page .fm-model-step__text {
        max-width: none;
        margin-inline: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    main.facilities-page .fm-cap-card,
    main.facilities-page .fm-why-card,
    main.facilities-page .fm-related-card,
    main.facilities-page .fm-model-step,
    main.facilities-page .fm-environments__badge,
    main.facilities-page .fm-overview__media {
        transition: none !important;
        animation: none !important;
    }
}

/* Facilities page — related services carousel (scoped) */
main.facilities-page .fm-related-carousel {
    position: relative;
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding-inline: var(--page-gutter);
}

main.facilities-page .fm-related-carousel__viewport {
    overflow: hidden;
    border-radius: var(--radius-ui);
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(13, 43, 92, 0.06);
}

main.facilities-page .fm-related-carousel__viewport:focus-visible {
    box-shadow:
        inset 0 0 0 1px rgba(13, 43, 92, 0.06),
        0 0 0 3px rgba(216, 155, 43, 0.35);
}

main.facilities-page .fm-related-carousel__track {
    display: flex;
    align-items: stretch;
    gap: clamp(12px, 1.4vw, 18px);
    margin: 0;
    padding: 4px 2px 8px;
    list-style: none;
    will-change: transform;
}

main.facilities-page .fm-related-carousel__slide {
    flex: 0 0 calc((100% - (2 * clamp(12px, 1.4vw, 18px))) / 3);
    min-width: 0;
    margin: 0;
    opacity: 0.72;
    transition: opacity 0.45s ease;
}

main.facilities-page .fm-related-carousel__slide[aria-hidden="false"] {
    opacity: 1;
}

main.facilities-page .fm-related-carousel__slide .fm-related-card {
    height: 100%;
}

main.facilities-page .fm-related-carousel__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(10px, 1.5vw, 18px);
    margin-top: clamp(14px, 1.8vw, 20px);
}

main.facilities-page .fm-related-carousel__btn {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(13, 43, 92, 0.12);
    border-radius: 8px;
    background: #fff;
    color: var(--iic-navy);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(10, 35, 72, 0.06);
    transition:
        transform 0.25s var(--iic-motion-ease-out),
        border-color 0.25s var(--iic-motion-ease-out),
        box-shadow 0.25s var(--iic-motion-ease-out);
}

main.facilities-page .fm-related-carousel__btn:hover {
    border-color: rgba(184, 130, 42, 0.45);
}

main.facilities-page .fm-related-carousel__btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(216, 155, 43, 0.35);
}

main.facilities-page .fm-related-carousel__dots {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

main.facilities-page .fm-related-carousel__dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(13, 43, 92, 0.18);
    cursor: pointer;
    transition:
        transform 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease;
}

main.facilities-page .fm-related-carousel__dot.is-active,
main.facilities-page .fm-related-carousel__dot[aria-selected="true"] {
    background: var(--iic-gold-primary);
    box-shadow: 0 0 0 2px rgba(216, 155, 43, 0.25);
    transform: scale(1.15);
}

main.facilities-page .fm-related-carousel__dot:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(216, 155, 43, 0.4);
}

main.facilities-page .fm-related-carousel--reduced-motion .fm-related-carousel__track {
    transition: none !important;
}

main.facilities-page .fm-related-carousel--reduced-motion .fm-related-carousel__slide {
    transition: none !important;
    opacity: 1 !important;
}

@media (max-width: 767px) {
    main.facilities-page .fm-related-carousel__slide {
        flex: 0 0 100%;
    }
}

@media (hover: hover) and (pointer: fine) {
    main.facilities-page .fm-related-carousel__btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(10, 35, 72, 0.1);
    }

    main.facilities-page .fm-related-carousel:not(:hover) .fm-related-carousel__slide[aria-hidden="false"] .fm-related-card:hover {
        transform: translateY(-4px);
        border-color: rgba(13, 43, 92, 0.12);
        border-top-color: rgba(216, 155, 43, 0.65);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.92) inset,
            0 18px 40px rgba(10, 35, 72, 0.11);
    }
}

html[dir="rtl"] main.facilities-page .fm-related-carousel__btn--prev span,
html[dir="rtl"] main.facilities-page .fm-related-carousel__btn--next span {
    display: inline-block;
    transform: scaleX(-1);
}

/* Marine page — related services carousel (scoped) */
main.marine-page .marine-related-carousel {
    position: relative;
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding-inline: var(--page-gutter);
}

main.marine-page .marine-related-carousel__viewport {
    overflow: hidden;
    border-radius: var(--radius-ui);
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(13, 43, 92, 0.06);
}

main.marine-page .marine-related-carousel__viewport:focus-visible {
    box-shadow:
        inset 0 0 0 1px rgba(13, 43, 92, 0.06),
        0 0 0 3px rgba(216, 155, 43, 0.35);
}

main.marine-page .marine-related-carousel__track {
    display: flex;
    align-items: stretch;
    gap: clamp(12px, 1.4vw, 18px);
    margin: 0;
    padding: 4px 2px 8px;
    list-style: none;
    will-change: transform;
}

main.marine-page .marine-related-carousel__slide {
    flex: 0 0 calc((100% - (2 * clamp(12px, 1.4vw, 18px))) / 3);
    min-width: 0;
    margin: 0;
    opacity: 0.72;
    transition: opacity 0.45s ease;
}

main.marine-page .marine-related-carousel__slide[aria-hidden="false"] {
    opacity: 1;
}

main.marine-page .marine-related-carousel__slide .marine-related-card {
    height: 100%;
}

main.marine-page .marine-related-carousel__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(10px, 1.5vw, 18px);
    margin-top: clamp(14px, 1.8vw, 20px);
}

main.marine-page .marine-related-carousel__btn {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(13, 43, 92, 0.12);
    border-radius: 8px;
    background: #fff;
    color: var(--iic-navy);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(10, 35, 72, 0.06);
    transition:
        transform 0.25s var(--iic-motion-ease-out),
        border-color 0.25s var(--iic-motion-ease-out),
        box-shadow 0.25s var(--iic-motion-ease-out);
}

main.marine-page .marine-related-carousel__btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(216, 155, 43, 0.35);
}

main.marine-page .marine-related-carousel__dots {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

main.marine-page .marine-related-carousel__dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(13, 43, 92, 0.18);
    cursor: pointer;
    transition:
        transform 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease;
}

main.marine-page .marine-related-carousel__dot.is-active,
main.marine-page .marine-related-carousel__dot[aria-selected="true"] {
    background: var(--iic-gold-primary);
    box-shadow: 0 0 0 2px rgba(216, 155, 43, 0.25);
    transform: scale(1.15);
}

main.marine-page .marine-related-carousel__dot:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(216, 155, 43, 0.4);
}

main.marine-page .marine-related-carousel--reduced-motion .marine-related-carousel__track {
    transition: none !important;
}

main.marine-page .marine-related-carousel--reduced-motion .marine-related-carousel__slide {
    transition: none !important;
    opacity: 1 !important;
}

@media (max-width: 767px) {
    main.marine-page .marine-related-carousel__slide {
        flex: 0 0 100%;
    }
}

@media (hover: hover) and (pointer: fine) {
    main.marine-page .marine-related-carousel__btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(10, 35, 72, 0.1);
    }

    main.marine-page .marine-related-carousel:not(:hover) .marine-related-carousel__slide[aria-hidden="false"] .marine-related-card:hover {
        transform: translateY(-4px);
        border-color: rgba(13, 43, 92, 0.12);
        border-top-color: rgba(216, 155, 43, 0.65);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.92) inset,
            0 18px 40px rgba(10, 35, 72, 0.11);
    }
}

html[dir="rtl"] main.marine-page .marine-related-carousel__btn--prev span,
html[dir="rtl"] main.marine-page .marine-related-carousel__btn--next span {
    display: inline-block;
    transform: scaleX(-1);
}

/* Shared related-services carousel — service hub & capability pages */
main.service-page .service-related-carousel,
main.service-page .inspection-related-carousel,
main.service-page .industrial-related-carousel,
main.service-doc .service-related-carousel,
main.printing-page .printing-related-carousel,
main.training-page .training-related-carousel,
main.trading-page .trading-related-carousel,
main.consultancy-page .consultancy-related-carousel {
    position: relative;
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding-inline: var(--page-gutter);
}

main.service-page .service-related-section,
main.service-doc .service-related-section,
main.printing-page .service-related-section,
main.training-page .service-related-section,
main.trading-page .service-related-section,
main.consultancy-page .service-related-section {
    padding-block: clamp(1.1rem, 2.1vw, 1.75rem);
    background: #fff;
    border-top: 1px solid rgba(13, 43, 92, 0.06);
}

main.service-page .service-related-carousel__viewport,
main.service-page .inspection-related-carousel__viewport,
main.service-page .industrial-related-carousel__viewport,
main.service-doc .service-related-carousel__viewport,
main.printing-page .printing-related-carousel__viewport,
main.training-page .training-related-carousel__viewport,
main.trading-page .trading-related-carousel__viewport,
main.consultancy-page .consultancy-related-carousel__viewport {
    overflow: hidden;
    border-radius: var(--radius-ui);
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(13, 43, 92, 0.06);
}

main.service-page .service-related-carousel__viewport:focus-visible,
main.service-page .inspection-related-carousel__viewport:focus-visible,
main.service-page .industrial-related-carousel__viewport:focus-visible,
main.service-doc .service-related-carousel__viewport:focus-visible,
main.printing-page .printing-related-carousel__viewport:focus-visible,
main.training-page .training-related-carousel__viewport:focus-visible,
main.trading-page .trading-related-carousel__viewport:focus-visible,
main.consultancy-page .consultancy-related-carousel__viewport:focus-visible {
    box-shadow:
        inset 0 0 0 1px rgba(13, 43, 92, 0.06),
        0 0 0 3px rgba(216, 155, 43, 0.35);
}

main.service-page .service-related-carousel__track,
main.service-page .inspection-related-carousel__track,
main.service-page .industrial-related-carousel__track,
main.service-doc .service-related-carousel__track,
main.printing-page .printing-related-carousel__track,
main.training-page .training-related-carousel__track,
main.trading-page .trading-related-carousel__track,
main.consultancy-page .consultancy-related-carousel__track {
    display: flex;
    align-items: stretch;
    gap: clamp(12px, 1.4vw, 18px);
    margin: 0;
    padding: 4px 2px 8px;
    list-style: none;
    will-change: transform;
}

main.service-page .service-related-carousel__slide,
main.service-page .inspection-related-carousel__slide,
main.service-page .industrial-related-carousel__slide,
main.service-doc .service-related-carousel__slide,
main.printing-page .printing-related-carousel__slide,
main.training-page .training-related-carousel__slide,
main.trading-page .trading-related-carousel__slide,
main.consultancy-page .consultancy-related-carousel__slide {
    flex: 0 0 calc((100% - (2 * clamp(12px, 1.4vw, 18px))) / 3);
    min-width: 0;
    margin: 0;
    opacity: 0.72;
    transition: opacity 0.45s ease;
}

main.service-page .service-related-carousel__slide[aria-hidden="false"],
main.service-page .inspection-related-carousel__slide[aria-hidden="false"],
main.service-page .industrial-related-carousel__slide[aria-hidden="false"],
main.service-doc .service-related-carousel__slide[aria-hidden="false"],
main.printing-page .printing-related-carousel__slide[aria-hidden="false"],
main.training-page .training-related-carousel__slide[aria-hidden="false"],
main.trading-page .trading-related-carousel__slide[aria-hidden="false"],
main.consultancy-page .consultancy-related-carousel__slide[aria-hidden="false"] {
    opacity: 1;
}

main.service-page .service-related-carousel__slide .service-related-card,
main.service-page .inspection-related-carousel__slide .inspection-related-card,
main.service-page .industrial-related-carousel__slide .industrial-related-card,
main.service-doc .service-related-carousel__slide .service-related-card,
main.printing-page .printing-related-carousel__slide .printing-related-card,
main.training-page .training-related-carousel__slide .training-related-card,
main.trading-page .trading-related-carousel__slide .trading-related-card,
main.consultancy-page .consultancy-related-carousel__slide .consultancy-related-card {
    height: 100%;
    position: relative;
    border-top: 2px solid rgba(216, 155, 43, 0.42);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.92) inset,
        0 8px 22px rgba(10, 35, 72, 0.08),
        0 2px 6px rgba(10, 35, 72, 0.04);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out);
}

main.service-page .service-related-carousel__controls,
main.service-page .inspection-related-carousel__controls,
main.service-page .industrial-related-carousel__controls,
main.service-doc .service-related-carousel__controls,
main.printing-page .printing-related-carousel__controls,
main.training-page .training-related-carousel__controls,
main.trading-page .trading-related-carousel__controls,
main.consultancy-page .consultancy-related-carousel__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(10px, 1.5vw, 18px);
    margin-top: clamp(14px, 1.8vw, 20px);
}

main.service-page .service-related-carousel__btn,
main.service-page .inspection-related-carousel__btn,
main.service-page .industrial-related-carousel__btn,
main.service-doc .service-related-carousel__btn,
main.printing-page .printing-related-carousel__btn,
main.training-page .training-related-carousel__btn,
main.trading-page .trading-related-carousel__btn,
main.consultancy-page .consultancy-related-carousel__btn {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(13, 43, 92, 0.12);
    border-radius: 8px;
    background: #fff;
    color: var(--iic-navy);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(10, 35, 72, 0.06);
    transition:
        transform 0.25s var(--iic-motion-ease-out),
        border-color 0.25s var(--iic-motion-ease-out),
        box-shadow 0.25s var(--iic-motion-ease-out);
}

main.service-page .service-related-carousel__btn:focus-visible,
main.service-page .inspection-related-carousel__btn:focus-visible,
main.service-page .industrial-related-carousel__btn:focus-visible,
main.service-doc .service-related-carousel__btn:focus-visible,
main.printing-page .printing-related-carousel__btn:focus-visible,
main.training-page .training-related-carousel__btn:focus-visible,
main.trading-page .trading-related-carousel__btn:focus-visible,
main.consultancy-page .consultancy-related-carousel__btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(216, 155, 43, 0.35);
}

main.service-page .service-related-carousel__dots,
main.service-page .inspection-related-carousel__dots,
main.service-page .industrial-related-carousel__dots,
main.service-doc .service-related-carousel__dots,
main.printing-page .printing-related-carousel__dots,
main.training-page .training-related-carousel__dots,
main.trading-page .trading-related-carousel__dots,
main.consultancy-page .consultancy-related-carousel__dots {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

main.service-page .service-related-carousel__dot,
main.service-page .inspection-related-carousel__dot,
main.service-page .industrial-related-carousel__dot,
main.service-doc .service-related-carousel__dot,
main.printing-page .printing-related-carousel__dot,
main.training-page .training-related-carousel__dot,
main.trading-page .trading-related-carousel__dot,
main.consultancy-page .consultancy-related-carousel__dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(13, 43, 92, 0.18);
    cursor: pointer;
    transition:
        transform 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease;
}

main.service-page .service-related-carousel__dot.is-active,
main.service-page .service-related-carousel__dot[aria-selected="true"],
main.service-page .inspection-related-carousel__dot.is-active,
main.service-page .inspection-related-carousel__dot[aria-selected="true"],
main.service-page .industrial-related-carousel__dot.is-active,
main.service-page .industrial-related-carousel__dot[aria-selected="true"],
main.service-doc .service-related-carousel__dot.is-active,
main.service-doc .service-related-carousel__dot[aria-selected="true"],
main.printing-page .printing-related-carousel__dot.is-active,
main.printing-page .printing-related-carousel__dot[aria-selected="true"],
main.training-page .training-related-carousel__dot.is-active,
main.training-page .training-related-carousel__dot[aria-selected="true"],
main.trading-page .trading-related-carousel__dot.is-active,
main.trading-page .trading-related-carousel__dot[aria-selected="true"],
main.consultancy-page .consultancy-related-carousel__dot.is-active,
main.consultancy-page .consultancy-related-carousel__dot[aria-selected="true"] {
    background: var(--iic-gold-primary);
    box-shadow: 0 0 0 2px rgba(216, 155, 43, 0.25);
    transform: scale(1.15);
}

main.service-page .service-related-carousel--reduced-motion .service-related-carousel__track,
main.service-page .inspection-related-carousel--reduced-motion .inspection-related-carousel__track,
main.service-page .industrial-related-carousel--reduced-motion .industrial-related-carousel__track,
main.service-doc .service-related-carousel--reduced-motion .service-related-carousel__track,
main.printing-page .printing-related-carousel--reduced-motion .printing-related-carousel__track,
main.training-page .training-related-carousel--reduced-motion .training-related-carousel__track,
main.trading-page .trading-related-carousel--reduced-motion .trading-related-carousel__track,
main.consultancy-page .consultancy-related-carousel--reduced-motion .consultancy-related-carousel__track {
    transition: none !important;
}

@media (max-width: 767px) {
    main.service-page .service-related-carousel__slide,
    main.service-page .inspection-related-carousel__slide,
    main.service-page .industrial-related-carousel__slide,
    main.service-doc .service-related-carousel__slide,
    main.printing-page .printing-related-carousel__slide,
    main.training-page .training-related-carousel__slide,
    main.trading-page .trading-related-carousel__slide,
    main.consultancy-page .consultancy-related-carousel__slide {
        flex: 0 0 100%;
    }
}

@media (hover: hover) and (pointer: fine) {
    main.service-page .service-related-carousel__btn:hover,
    main.service-page .inspection-related-carousel__btn:hover,
    main.service-page .industrial-related-carousel__btn:hover,
    main.service-doc .service-related-carousel__btn:hover,
    main.printing-page .printing-related-carousel__btn:hover,
    main.training-page .training-related-carousel__btn:hover,
    main.trading-page .trading-related-carousel__btn:hover,
    main.consultancy-page .consultancy-related-carousel__btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(10, 35, 72, 0.1);
    }

    main.service-page .service-related-carousel:not(:hover) .service-related-carousel__slide[aria-hidden="false"] .service-related-card:hover,
    main.service-page .inspection-related-carousel:not(:hover) .inspection-related-carousel__slide[aria-hidden="false"] .inspection-related-card:hover,
    main.service-page .industrial-related-carousel:not(:hover) .industrial-related-carousel__slide[aria-hidden="false"] .industrial-related-card:hover,
    main.service-doc .service-related-carousel:not(:hover) .service-related-carousel__slide[aria-hidden="false"] .service-related-card:hover,
    main.printing-page .printing-related-carousel:not(:hover) .printing-related-carousel__slide[aria-hidden="false"] .printing-related-card:hover,
    main.training-page .training-related-carousel:not(:hover) .training-related-carousel__slide[aria-hidden="false"] .training-related-card:hover,
    main.trading-page .trading-related-carousel:not(:hover) .trading-related-carousel__slide[aria-hidden="false"] .trading-related-card:hover,
    main.consultancy-page .consultancy-related-carousel:not(:hover) .consultancy-related-carousel__slide[aria-hidden="false"] .consultancy-related-card:hover {
        transform: translateY(-4px);
        border-color: rgba(13, 43, 92, 0.12);
        border-top-color: rgba(216, 155, 43, 0.65);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.92) inset,
            0 18px 40px rgba(10, 35, 72, 0.11);
    }
}

html[dir="rtl"] main.service-page .service-related-carousel__btn--prev span,
html[dir="rtl"] main.service-page .service-related-carousel__btn--next span,
html[dir="rtl"] main.service-page .inspection-related-carousel__btn--prev span,
html[dir="rtl"] main.service-page .inspection-related-carousel__btn--next span,
html[dir="rtl"] main.service-page .industrial-related-carousel__btn--prev span,
html[dir="rtl"] main.service-page .industrial-related-carousel__btn--next span,
html[dir="rtl"] main.service-doc .service-related-carousel__btn--prev span,
html[dir="rtl"] main.service-doc .service-related-carousel__btn--next span,
html[dir="rtl"] main.printing-page .printing-related-carousel__btn--prev span,
html[dir="rtl"] main.printing-page .printing-related-carousel__btn--next span,
html[dir="rtl"] main.training-page .training-related-carousel__btn--prev span,
html[dir="rtl"] main.training-page .training-related-carousel__btn--next span,
html[dir="rtl"] main.trading-page .trading-related-carousel__btn--prev span,
html[dir="rtl"] main.trading-page .trading-related-carousel__btn--next span,
html[dir="rtl"] main.consultancy-page .consultancy-related-carousel__btn--prev span,
html[dir="rtl"] main.consultancy-page .consultancy-related-carousel__btn--next span {
    display: inline-block;
    transform: scaleX(-1);
}

/* =============================================================================
   Facilities page — enterprise revamp (scoped main.facilities-page only)
   ============================================================================= */

main.facilities-page .facilities-hero {
    position: relative;
    overflow: hidden;
}

main.facilities-page .facilities-hero__parallax {
    position: absolute;
    inset: -8% 0 0;
    background-image: var(--hero-image);
    background-size: cover;
    background-position: center 22%;
    pointer-events: none;
    will-change: transform;
    opacity: 0.42;
    filter: saturate(1.05) contrast(1.02);
}

main.facilities-page .facilities-hero .page-hero-copy {
    position: relative;
    z-index: 2;
}

/* KPI metrics band */
main.facilities-page .fm-metrics {
    padding-block: clamp(1.35rem, 2.6vw, 2.1rem);
    background:
        linear-gradient(165deg, rgba(8, 28, 56, 0.97) 0%, rgba(12, 42, 78, 0.94) 48%, rgba(10, 36, 68, 0.98) 100%);
    border-block: 1px solid rgba(200, 148, 52, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

main.facilities-page .fm-metrics__eyebrow {
    margin: 0 auto clamp(0.65rem, 1.2vw, 0.9rem);
    max-width: var(--iic-container-wide);
    padding-inline: var(--page-gutter);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(216, 155, 43, 0.92);
}

main.facilities-page .fm-metrics__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(10px, 1.4vw, 18px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding-inline: var(--page-gutter);
    list-style: none;
}

main.facilities-page .fm-metric {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.35rem;
    min-height: 108px;
    padding: clamp(14px, 1.6vw, 20px) clamp(10px, 1.2vw, 14px);
    border-radius: var(--radius-ui);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.03) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.12) inset,
        0 14px 32px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(6px);
    opacity: 0;
    transform: translateY(16px) scale(0.98);
    transition:
        opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}

main.facilities-page .fm-metric.is-metric-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

main.facilities-page .fm-metric__value {
    font-size: clamp(1.55rem, 2.8vw, 2.15rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #fff;
}

main.facilities-page .fm-metric__label {
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.72);
}

/* FM operating stack — vertical journey */
main.facilities-page .fm-stack {
    padding-block: clamp(2rem, 3.8vw, 3.2rem);
    background:
        linear-gradient(180deg, #f7f9fc 0%, #eef3f9 42%, #f4f7fb 100%);
}

main.facilities-page .fm-stack__journey {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: min(720px, 92vw);
    margin: clamp(1.2rem, 2.4vw, 2rem) auto 0;
    padding-inline: var(--page-gutter);
}

main.facilities-page .fm-stack__layer {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: clamp(14px, 2vw, 22px);
    align-items: stretch;
    opacity: 0;
    transform: translateY(18px);
    transition:
        opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

main.facilities-page .fm-stack__layer.is-visible {
    opacity: 1;
    transform: translateY(0);
}

main.facilities-page .fm-stack__rail {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 4px;
}

main.facilities-page .fm-stack__node {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #fff;
    background: linear-gradient(145deg, #0d2b5c 0%, #143d72 100%);
    border: 2px solid rgba(216, 155, 43, 0.55);
    box-shadow: 0 8px 20px rgba(10, 35, 72, 0.18);
}

main.facilities-page .fm-stack__connector {
    flex: 1;
    width: 2px;
    min-height: clamp(28px, 4vw, 44px);
    margin-block: 6px;
    background: linear-gradient(180deg, rgba(216, 155, 43, 0.75) 0%, rgba(13, 43, 92, 0.35) 100%);
    border-radius: 2px;
}

main.facilities-page .fm-stack__card {
    padding: clamp(16px, 2vw, 22px) clamp(16px, 2.2vw, 24px);
    border-radius: var(--radius-ui);
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.08);
    border-top: 3px solid rgba(216, 155, 43, 0.65);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 12px 28px rgba(10, 35, 72, 0.07);
}

main.facilities-page .fm-stack__icon {
    display: inline-flex;
    margin-bottom: 0.55rem;
    color: var(--iic-navy);
}

main.facilities-page .fm-stack__title {
    margin: 0 0 0.45rem;
    font-size: clamp(1.05rem, 1.5vw, 1.2rem);
    color: var(--fm-heading, #061428);
}

main.facilities-page .fm-stack__text {
    margin: 0;
    font-size: 0.94rem;
    line-height: 1.55;
    color: var(--fm-text-body, rgba(10, 35, 72, 0.82));
}

/* Building readiness timeline */
main.facilities-page .fm-readiness {
    padding-block: clamp(2rem, 3.6vw, 3rem);
    background:
        linear-gradient(165deg, rgba(8, 30, 58, 0.98) 0%, rgba(14, 48, 88, 0.94) 55%, rgba(10, 38, 72, 0.99) 100%);
    color: #fff;
}

main.facilities-page .fm-readiness .section-heading h2 {
    color: #fff !important;
    text-shadow: none;
}

main.facilities-page .fm-readiness .section-heading .eyebrow--gold {
    color: var(--iic-gold-primary) !important;
}

main.facilities-page .fm-readiness .section-heading p:last-child {
    color: rgba(255, 255, 255, 0.88) !important;
}

main.facilities-page .fm-readiness .section-heading h2::after {
    background: linear-gradient(90deg, rgba(216, 155, 43, 0.55), rgba(232, 178, 72, 0.95)) !important;
    opacity: 1 !important;
}

main.facilities-page .fm-readiness__timeline {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: clamp(6px, 1vw, 12px);
    max-width: var(--iic-container-wide);
    margin: clamp(1.4rem, 2.6vw, 2.2rem) auto 0;
    padding-inline: var(--page-gutter);
}

main.facilities-page .fm-readiness__rail {
    position: absolute;
    top: 20px;
    left: var(--page-gutter);
    right: var(--page-gutter);
    height: 2px;
    background: rgba(255, 255, 255, 0.16);
    border-radius: 2px;
    overflow: hidden;
    pointer-events: none;
    box-shadow: 0 0 12px rgba(216, 155, 43, 0.08);
}

main.facilities-page .fm-readiness__rail-fill {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(216, 155, 43, 0.45) 0%, rgba(232, 178, 72, 0.98) 55%, rgba(216, 155, 43, 0.85) 100%);
    box-shadow: 0 0 14px rgba(216, 155, 43, 0.35);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 1.35s cubic-bezier(0.22, 1, 0.36, 1);
}

main.facilities-page .fm-readiness__rail-flow {
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
}

main.facilities-page .fm-readiness__rail-flow::after {
    content: "";
    position: absolute;
    top: 0;
    left: -35%;
    width: 32%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(216, 155, 43, 0.12) 35%,
        rgba(232, 178, 72, 0.28) 50%,
        rgba(216, 155, 43, 0.12) 65%,
        transparent 100%
    );
    transform: translateX(0);
}

main.facilities-page .fm-readiness__timeline.fm-readiness--active .fm-readiness__rail-fill {
    transform: scaleX(1);
}

main.facilities-page .fm-readiness__timeline.fm-readiness--motion.fm-readiness--revealed .fm-readiness__rail-flow {
    opacity: 1;
}

main.facilities-page .fm-readiness__timeline.fm-readiness--motion.fm-readiness--revealed .fm-readiness__rail-flow::after {
    animation: fm-readiness-line-flow 9s ease-in-out infinite;
}

@keyframes fm-readiness-line-flow {
    0% {
        left: -35%;
    }
    100% {
        left: 103%;
    }
}

@keyframes fm-readiness-dot-pulse {
    0%,
    100% {
        transform: scale(1);
        box-shadow:
            0 0 0 3px rgba(216, 155, 43, 0.18),
            0 0 10px rgba(216, 155, 43, 0.26);
    }
    50% {
        transform: scale(1.05);
        box-shadow:
            0 0 0 4px rgba(216, 155, 43, 0.26),
            0 0 14px rgba(216, 155, 43, 0.38);
    }
}

html[dir="rtl"] main.facilities-page .fm-readiness__rail-fill,
body.is-rtl main.facilities-page .fm-readiness__rail-fill {
    transform-origin: right center;
}

html[dir="rtl"] main.facilities-page .fm-readiness__timeline.fm-readiness--motion.fm-readiness--revealed .fm-readiness__rail-flow::after,
body.is-rtl main.facilities-page .fm-readiness__timeline.fm-readiness--motion.fm-readiness--revealed .fm-readiness__rail-flow::after {
    animation-name: fm-readiness-line-flow-rtl;
}

@keyframes fm-readiness-line-flow-rtl {
    0% {
        left: 103%;
    }
    100% {
        left: -35%;
    }
}

main.facilities-page .fm-readiness__step {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    padding: clamp(1.35rem, 1.8vw, 1.65rem) clamp(14px, 1.6vw, 18px) clamp(14px, 1.6vw, 18px);
    border-radius: var(--radius-ui);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 100%);
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
    opacity: 0;
    transform: translateY(12px);
    transition:
        opacity 0.48s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.48s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.28s ease,
        box-shadow 0.28s ease;
}

main.facilities-page .fm-readiness__step::before {
    content: "";
    position: absolute;
    top: -27px;
    left: 50%;
    width: 11px;
    height: 11px;
    margin-left: -5.5px;
    border-radius: 50%;
    background: rgba(216, 155, 43, 0.95);
    border: 2px solid rgba(255, 255, 255, 0.92);
    box-shadow:
        0 0 0 3px rgba(216, 155, 43, 0.2),
        0 0 10px rgba(216, 155, 43, 0.3);
    transform: scale(0);
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s ease;
}

main.facilities-page .fm-readiness__step.is-stage-visible {
    opacity: 1;
    transform: translateY(0);
}

main.facilities-page .fm-readiness__step.is-stage-visible::before {
    transform: scale(1);
}

main.facilities-page .fm-readiness__timeline.fm-readiness--motion .fm-readiness__step.is-stage-visible::before {
    animation: fm-readiness-dot-pulse 3.6s ease-in-out infinite;
}

main.facilities-page .fm-readiness__timeline.fm-readiness--motion .fm-readiness__step[data-readiness-index="0"].is-stage-visible::before {
    animation-delay: 0s;
}

main.facilities-page .fm-readiness__timeline.fm-readiness--motion .fm-readiness__step[data-readiness-index="1"].is-stage-visible::before {
    animation-delay: 0.45s;
}

main.facilities-page .fm-readiness__timeline.fm-readiness--motion .fm-readiness__step[data-readiness-index="2"].is-stage-visible::before {
    animation-delay: 0.9s;
}

main.facilities-page .fm-readiness__timeline.fm-readiness--motion .fm-readiness__step[data-readiness-index="3"].is-stage-visible::before {
    animation-delay: 1.35s;
}

main.facilities-page .fm-readiness__arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 clamp(18px, 2vw, 28px);
    padding-top: 28px;
    font-size: 1rem;
    font-weight: 600;
    color: rgba(216, 155, 43, 0.9);
    opacity: 0;
    transform: scale(0.85);
    transition:
        opacity 0.45s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

main.facilities-page .fm-readiness__arrow::after {
    content: "";
    position: absolute;
    top: 19px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(216, 155, 43, 0.15), rgba(216, 155, 43, 0.55));
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.08s;
}

main.facilities-page .fm-readiness__arrow.is-stage-visible {
    opacity: 1;
    transform: scale(1);
}

main.facilities-page .fm-readiness__arrow.is-stage-visible::after {
    transform: scaleX(1);
}

main.facilities-page .fm-readiness__num {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: rgba(216, 155, 43, 0.95);
}

main.facilities-page .fm-readiness__title {
    margin: 0 0 0.45rem;
    font-size: clamp(0.95rem, 1.3vw, 1.08rem);
    font-weight: 600;
    color: #fff;
}

main.facilities-page .fm-readiness__text {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.58;
    color: rgba(255, 255, 255, 0.86);
}

/* Regional reach dashboard */
main.facilities-page .fm-regional {
    padding-block: clamp(2.2rem, 4vw, 3.4rem);
    background:
        linear-gradient(180deg, #fff 0%, #f3f7fb 55%, #eef3f9 100%);
    border-top: 1px solid rgba(13, 43, 92, 0.06);
}

main.facilities-page .fm-regional__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.15fr) minmax(0, 0.9fr);
    gap: clamp(18px, 2.4vw, 32px);
    align-items: center;
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding-inline: var(--page-gutter);
}

main.facilities-page .fm-regional__intro h2 {
    margin: 0.35rem 0 0.85rem;
    font-size: clamp(1.35rem, 2.2vw, 1.85rem);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -0.02em;
    color: var(--fm-heading, #061428);
    text-wrap: balance;
}

main.facilities-page .fm-regional__lead {
    margin: 0;
    font-size: 0.96rem;
    line-height: 1.68;
    color: var(--fm-text-body, rgba(10, 35, 72, 0.82));
}

main.facilities-page .fm-regional__map-shell {
    position: relative;
    padding: clamp(12px, 1.6vw, 18px);
    border-radius: var(--radius-ui);
    background:
        radial-gradient(ellipse 80% 70% at 50% 42%, rgba(216, 155, 43, 0.12) 0%, transparent 62%),
        linear-gradient(155deg, rgba(10, 36, 68, 0.96) 0%, rgba(14, 48, 88, 0.92) 100%);
    border: 1px solid rgba(216, 155, 43, 0.32);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.1) inset,
        0 0 0 1px rgba(216, 155, 43, 0.08),
        0 18px 40px rgba(10, 35, 72, 0.14),
        0 0 48px rgba(216, 155, 43, 0.1);
}

main.facilities-page .fm-regional__map .presence-geo-hub__label {
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif !important;
    font-size: 1.75px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08px !important;
    text-transform: uppercase !important;
    fill: rgba(255, 248, 238, 0.94) !important;
    stroke: rgba(8, 28, 56, 0.72) !important;
    stroke-width: 0.32px !important;
    paint-order: stroke fill !important;
}

main.facilities-page .fm-regional__map .presence-geo-hub__dot {
    fill: rgba(216, 155, 43, 0.98) !important;
    filter: drop-shadow(0 0 2px rgba(216, 155, 43, 0.55));
}

main.facilities-page .fm-regional__map .presence-geo-hub__halo {
    stroke: rgba(216, 155, 43, 0.5) !important;
    stroke-width: 0.28px !important;
}

main.facilities-page .fm-regional__map {
    aspect-ratio: 100 / 115;
    max-height: 280px;
}

main.facilities-page .fm-regional__map-caption {
    margin: 0.65rem 0 0;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: center;
    color: rgba(255, 255, 255, 0.72);
}

main.facilities-page .fm-regional__stats {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.4vw, 14px);
    list-style: none;
    margin: 0;
    padding: 0;
}

main.facilities-page .fm-regional-stat {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 88px;
    padding: clamp(14px, 1.6vw, 18px);
    border-radius: var(--radius-ui);
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.08);
    border-inline-start: 3px solid rgba(216, 155, 43, 0.7);
    box-shadow: 0 10px 24px rgba(10, 35, 72, 0.06);
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}

main.facilities-page .fm-regional-stat.is-visible {
    opacity: 1;
    transform: translateY(0);
}

main.facilities-page .fm-regional-stat__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.15rem;
    min-height: 44px;
}

main.facilities-page .fm-regional-stat__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    align-self: center;
    border-radius: 10px;
    background: rgba(13, 43, 92, 0.06);
    color: var(--iic-navy);
}

main.facilities-page .fm-regional-stat__icon svg {
    width: 22px;
    height: 22px;
}

main.facilities-page .fm-regional-stat__k {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(10, 35, 72, 0.55);
}

main.facilities-page .fm-regional-stat__v {
    display: block;
    font-size: 1.05rem;
    color: var(--fm-heading, #061428);
}

/* Tablet carousel — 2 visible (facilities only) */
@media (min-width: 768px) and (max-width: 1100px) {
    main.facilities-page .fm-related-carousel__slide {
        flex: 0 0 calc((100% - clamp(12px, 1.4vw, 18px)) / 2);
    }
}

/* Responsive — stack & readiness */
@media (max-width: 1024px) {
    main.facilities-page .fm-metrics__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main.facilities-page .fm-regional__grid {
        grid-template-columns: 1fr;
    }

    main.facilities-page .fm-regional__viz {
        order: 2;
    }

    main.facilities-page .fm-regional__stats {
        order: 3;
        flex-direction: row;
        flex-wrap: wrap;
    }

    main.facilities-page .fm-regional-stat {
        flex: 1 1 calc(50% - 8px);
        min-width: 200px;
    }

    main.facilities-page .fm-readiness__timeline {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 14px !important;
    }

    main.facilities-page .fm-readiness__rail {
        display: none;
    }

    main.facilities-page .fm-readiness__arrow {
        display: none;
    }

    main.facilities-page .fm-readiness__step {
        flex: none !important;
        width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 767px) {
    main.facilities-page .fm-metrics__grid {
        grid-template-columns: 1fr 1fr;
    }

    main.facilities-page .fm-regional__stats {
        flex-direction: column;
    }

    main.facilities-page .fm-regional-stat {
        flex: 1 1 auto;
    }

    main.facilities-page .fm-stack__layer {
        grid-template-columns: 44px 1fr;
    }
}

@media (max-width: 480px) {
    main.facilities-page .fm-metrics__grid {
        grid-template-columns: 1fr;
    }
}

/* Desktop card micro-interactions */
@media (hover: hover) and (pointer: fine) {
    main.facilities-page.facilities-page--hover-ready .fm-cap-card,
    main.facilities-page.facilities-page--hover-ready .fm-why-card,
    main.facilities-page.facilities-page--hover-ready .fm-stack__card,
    main.facilities-page.facilities-page--hover-ready .fm-readiness__step.is-stage-visible,
    main.facilities-page.facilities-page--hover-ready .fm-regional-stat.is-visible,
    main.facilities-page.facilities-page--hover-ready .fm-metric.is-metric-visible {
        transition:
            transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 0.28s ease,
            border-color 0.28s ease;
    }

    main.facilities-page.facilities-page--hover-ready .fm-cap-card:hover,
    main.facilities-page.facilities-page--hover-ready .fm-why-card:hover,
    main.facilities-page.facilities-page--hover-ready .fm-stack__card:hover {
        transform: translateY(-8px);
        border-color: rgba(216, 155, 43, 0.35);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.95) inset,
            0 20px 40px rgba(10, 35, 72, 0.12),
            0 0 0 1px rgba(216, 155, 43, 0.18),
            0 0 24px rgba(216, 155, 43, 0.1);
    }

    main.facilities-page.facilities-page--hover-ready .fm-readiness__step.is-stage-visible:hover {
        transform: translateY(-8px);
        border-color: rgba(216, 155, 43, 0.55);
        box-shadow:
            0 16px 36px rgba(0, 0, 0, 0.2),
            0 0 0 1px rgba(216, 155, 43, 0.22),
            0 0 26px rgba(216, 155, 43, 0.16);
    }

    main.facilities-page.facilities-page--hover-ready .fm-readiness__step.is-stage-visible:hover::before {
        animation: none;
        transform: scale(1.08);
        box-shadow:
            0 0 0 5px rgba(216, 155, 43, 0.32),
            0 0 20px rgba(216, 155, 43, 0.52);
    }

    main.facilities-page.facilities-page--hover-ready .fm-regional-stat.is-visible:hover,
    main.facilities-page.facilities-page--hover-ready .fm-metric.is-metric-visible:hover {
        transform: translateY(-8px);
        border-color: rgba(216, 155, 43, 0.38);
        border-inline-start-color: rgba(216, 155, 43, 0.95);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.95) inset,
            0 20px 40px rgba(10, 35, 72, 0.12),
            0 0 22px rgba(216, 155, 43, 0.1);
    }
}

main.facilities-page .fm-cap-card,
main.facilities-page .fm-why-card,
main.facilities-page .fm-stack__card {
    transition:
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}

main.facilities-page .fm-capabilities__grid.is-visible .fm-cap-card,
main.facilities-page .fm-why__grid.is-visible .fm-why-card {
    transition:
        opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}

@media (prefers-reduced-motion: reduce) {
    main.facilities-page .facilities-hero__parallax {
        transform: none !important;
    }

    main.facilities-page .fm-stack__layer,
    main.facilities-page .fm-regional-stat,
    main.facilities-page .fm-readiness__step,
    main.facilities-page .fm-readiness__arrow,
    main.facilities-page .fm-metric,
    main.facilities-page .fm-readiness__rail-fill {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    main.facilities-page .fm-readiness__step::before,
    main.facilities-page .fm-readiness__arrow::after {
        transform: scale(1) !important;
        transition: none !important;
        animation: none !important;
    }

    main.facilities-page .fm-readiness__rail-flow,
    main.facilities-page .fm-readiness__rail-flow::after {
        animation: none !important;
        opacity: 0 !important;
    }

    main.facilities-page .fm-readiness__timeline.fm-readiness--active .fm-readiness__rail-fill {
        transform: scaleX(1);
    }
}

@media (max-width: 1024px) {
    main.facilities-page .fm-readiness__step::before,
    main.facilities-page .fm-readiness__arrow::after {
        display: none;
    }

    main.facilities-page .fm-readiness__step {
        padding-top: clamp(14px, 1.6vw, 18px);
    }
}

/* Related services carousel — global motion & tablet layout (all hub pages) */
main [data-iic-related-carousel] [class$="-related-carousel__track"] {
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

main [data-iic-related-carousel] [class$="-related-carousel__slide"] {
    transition: opacity 0.2s ease;
}

main [data-iic-related-carousel][data-carousel-autoplay="true"] [class$="-related-carousel__slide"] {
    transition: opacity 0.15s ease;
}

@media (min-width: 768px) and (max-width: 1100px) {
    main [data-iic-related-carousel] [class$="-related-carousel__slide"] {
        flex: 0 0 calc((100% - clamp(12px, 1.4vw, 18px)) / 2);
    }
}

main [data-iic-related-carousel] [class$="-related-carousel--reduced-motion"] [class$="-related-carousel__track"] {
    transition: none !important;
}

main [data-iic-related-carousel] [class$="-related-carousel--reduced-motion"] [class$="-related-carousel__slide"] {
    transition: none !important;
    opacity: 1 !important;
}

/* =============================================================================
   Printing page — profile-aligned refactor (4 pillars, featured, trust)
   ============================================================================= */

main.printing-page .section {
    padding: clamp(28px, 4vw, 44px) var(--page-gutter) !important;
}

main.printing-page .section-heading {
    margin-bottom: clamp(16px, 2.2vw, 24px) !important;
}

main.printing-page .service-breadcrumb {
    margin: 0 0 0.65rem;
}

main.printing-page .service-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

main.printing-page .service-breadcrumb__item:not(:last-child)::after {
    content: "›";
    margin-inline-start: 0.5rem;
    color: rgba(216, 155, 43, 0.85);
}

main.printing-page .service-breadcrumb__item a {
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
}

main.printing-page .service-breadcrumb__item a:hover {
    color: #fff;
    text-decoration: underline;
}

main.printing-page .service-breadcrumb__item[aria-current="page"] {
    color: rgba(255, 255, 255, 0.95);
}

main.printing-page .printing-hero__lead {
    max-width: 62ch;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.55;
}

main.printing-page .printing-hero .printing-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

main.printing-page .printing-hero .printing-hero__actions .button {
    min-height: 44px;
    padding: 0 22px;
    border-radius: 999px !important;
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 0.06em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    white-space: nowrap;
}

main.printing-page .printing-sectors-section {
    padding-block: clamp(22px, 3.2vw, 34px) !important;
    background: #ffffff;
    border-bottom: 1px solid rgba(15, 45, 84, 0.08);
}

main.printing-page .printing-sectors-section .section-heading {
    margin-bottom: clamp(12px, 1.8vw, 18px) !important;
}

main.printing-page .printing-sectors-section .section-heading h2 {
    color: var(--print-heading, #10294d) !important;
    text-shadow: none;
}

main.printing-page .printing-sectors-section .section-heading p {
    color: rgba(15, 45, 84, 0.72) !important;
    max-width: 62ch;
    text-shadow: none;
}

main.printing-page .printing-sectors__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: min(920px, 100%);
}

main.printing-page .printing-sectors__tags li {
    padding: 0.35rem 0.65rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--iic-navy, #0a2348);
    background: #ffffff;
    border: 1px solid rgba(216, 155, 43, 0.35);
    border-radius: 4px;
}

main.printing-page .printing-hero__audience {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: clamp(12px, 1.6vw, 16px) 0 clamp(14px, 1.8vw, 18px);
    padding: 0;
    list-style: none;
}

main.printing-page .printing-hero__audience li {
    padding: 0.35rem 0.65rem;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(216, 155, 43, 0.35);
    border-radius: 4px;
}

/* Four service pillars — enterprise catalogue cards */
main.printing-page .printing-pillars-section {
    background: linear-gradient(180deg, #f4f7fb 0%, #ffffff 100%) !important;
    border-block: 1px solid rgba(15, 45, 84, 0.08);
}

main.printing-page .printing-pillars-section .section-heading h2 {
    color: var(--print-heading, #10294d) !important;
    text-shadow: none;
}

main.printing-page .printing-pillars-section .section-heading p {
    color: rgba(15, 45, 84, 0.72) !important;
    max-width: 58ch;
    text-shadow: none;
}

main.printing-page .printing-pillars-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 24px);
    align-items: stretch;
    max-width: min(1080px, 100%);
    margin: 0 auto;
}

main.printing-page .printing-pillar-card {
    display: grid;
    grid-template-rows: minmax(0, 7fr) minmax(0, 3fr);
    min-height: clamp(380px, 36vw, 440px);
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(15, 45, 84, 0.1);
    background: #ffffff;
    box-shadow:
        0 4px 6px rgba(15, 45, 84, 0.04),
        0 14px 32px rgba(15, 45, 84, 0.08);
    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}

main.printing-page .printing-pillar-card__media {
    position: relative;
    min-height: 0;
    max-height: none;
    aspect-ratio: unset;
    overflow: hidden;
    background: #eef2f7;
}

main.printing-page .printing-pillar-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 58%, rgba(15, 45, 84, 0.06) 100%);
}

main.printing-page .printing-pillar-card__media img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center center;
    filter: brightness(1.08) contrast(1.04) saturate(1.03);
}

main.printing-page .printing-pillar-card__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 0;
    padding: clamp(16px, 2vw, 20px) clamp(16px, 2vw, 22px) clamp(14px, 1.8vw, 18px);
    background: #ffffff;
    border-top: 3px solid rgba(197, 139, 23, 0.42);
}

main.printing-page .printing-pillar-card__copy {
    min-width: 0;
}

main.printing-page .printing-pillars-section .printing-pillar-card__body h3 {
    margin: 0 0 0.5rem;
    font-size: clamp(1.02rem, 1.35vw, 1.15rem);
    font-weight: 700 !important;
    line-height: 1.28;
    letter-spacing: 0.01em;
    color: var(--print-heading, #10294d) !important;
    text-shadow: none;
    opacity: 1 !important;
}

main.printing-page .printing-pillars-section .printing-pillar-card__body p {
    margin: 0;
    font-size: clamp(0.84rem, 1vw, 0.9rem);
    line-height: 1.58;
    color: rgba(15, 45, 84, 0.72) !important;
    opacity: 1 !important;
}

main.printing-page .printing-pillar-card__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin-top: auto;
    margin-inline-start: auto;
    border-radius: 999px;
    border: 1px solid rgba(197, 139, 23, 0.35);
    background: rgba(197, 139, 23, 0.08);
    color: var(--iic-gold-primary, #c58b17);
    font-size: 1rem;
    line-height: 1;
    transition:
        transform 0.24s ease,
        background-color 0.24s ease,
        border-color 0.24s ease;
}

/* Featured deliverables — visual labels only */
main.printing-page .printing-featured-section {
    background: #fff !important;
    border-bottom: 1px solid rgba(15, 45, 84, 0.08);
}

main.printing-page .printing-featured-section .section-heading {
    margin-bottom: clamp(12px, 1.6vw, 18px) !important;
}

main.printing-page .printing-featured-section .section-heading p {
    display: none;
}

main.printing-page .printing-featured-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(10px, 1.2vw, 14px);
    align-items: stretch;
    max-width: var(--iic-container-wide);
    margin: 0 auto;
}

main.printing-page .printing-featured-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(15, 45, 84, 0.1);
    box-shadow: 0 8px 22px rgba(15, 45, 84, 0.07);
}

main.printing-page .printing-featured-card__img {
    display: block;
    width: 100%;
    flex: 1 1 auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center center;
    filter: brightness(1.14) contrast(1.05) saturate(1.04);
}

main.printing-page .printing-featured-card__label {
    margin: 0;
    padding: 0.55rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 700;
    text-align: center;
    color: var(--print-heading, #10294d);
    background: #fff;
    border-top: 2px solid rgba(197, 139, 23, 0.45);
}

/* Client trust */
main.printing-page .printing-trust-section {
    padding: clamp(28px, 4vw, 40px) var(--page-gutter);
    background: linear-gradient(165deg, #eef2f7 0%, #e8edf4 100%);
    border-block: 1px solid rgba(15, 45, 84, 0.08);
}

main.printing-page .printing-trust__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: clamp(18px, 2.4vw, 28px);
    align-items: center;
    max-width: var(--iic-container-wide);
    margin: 0 auto;
}

main.printing-page .printing-trust__copy h2 {
    margin: 0.35rem 0 0.55rem;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    line-height: 1.2;
    color: var(--print-heading, #10294d);
}

main.printing-page .printing-trust__copy p {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.58;
    color: var(--print-body, #314866);
    max-width: 52ch;
}

main.printing-page .printing-trust__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, 14px);
    margin: 0;
    padding: 0;
    list-style: none;
}

main.printing-page .printing-trust-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: clamp(92px, 10vw, 108px);
    padding: clamp(14px, 1.6vw, 18px);
    text-align: center;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(15, 45, 84, 0.1);
    border-top: 2px solid rgba(197, 139, 23, 0.5);
    box-shadow: 0 8px 20px rgba(15, 45, 84, 0.06);
}

main.printing-page .printing-trust-stat__value {
    display: block;
    font-size: clamp(1.4rem, 2.2vw, 1.7rem);
    font-weight: 800;
    line-height: 1.1;
    color: var(--print-heading, #10294d);
    letter-spacing: -0.02em;
    overflow-wrap: break-word;
    word-break: normal;
}

main.printing-page .printing-trust__stats > .printing-trust-stat:nth-child(2) .printing-trust-stat__value {
    font-size: clamp(0.78rem, 1.1vw, 0.98rem);
    line-height: 1.3;
    letter-spacing: 0.01em;
    max-width: 18ch;
}

main.printing-page .printing-trust-stat__label {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--print-muted, #52637d);
    max-width: 18ch;
}

/* Final CTA — strongest closing band on the page */
main.printing-page > .printing-cta.iic-final-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-block: clamp(2.1rem, 3.6vw, 2.85rem) !important;
    background:
        radial-gradient(ellipse 70% 90% at 12% 50%, rgba(216, 155, 43, 0.12), transparent 55%),
        linear-gradient(165deg, #061528 0%, #0a2348 42%, #0f2f57 100%);
    border-top: 1px solid rgba(214, 163, 54, 0.38);
    box-shadow: 0 -10px 36px rgba(7, 28, 60, 0.18);
}

main.printing-page > .printing-cta.iic-final-cta::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--iic-gold-primary), transparent);
    pointer-events: none;
}

main.printing-page > .printing-cta .iic-final-cta__inner {
    position: relative;
    z-index: 1;
    max-width: min(720px, 100%);
    margin-inline: auto;
    text-align: center;
}

main.printing-page > .printing-cta .iic-final-cta__title {
    margin-bottom: 0.75rem;
    font-size: clamp(1.4rem, 2.5vw, 1.85rem);
    font-weight: 800;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.3);
}

main.printing-page > .printing-cta .iic-final-cta__text {
    margin-inline: auto;
    margin-bottom: 1.35rem;
    max-width: 58ch;
    font-size: clamp(0.95rem, 1.15vw, 1.05rem);
    line-height: 1.58;
    color: rgba(255, 255, 255, 0.92);
}

main.printing-page > .printing-cta .iic-final-cta__actions {
    justify-content: center;
    gap: 0.75rem 1rem;
}

main.printing-page > .printing-cta .iic-final-cta__actions .button {
    min-height: 50px;
    padding: 0.7rem 1.5rem;
    font-size: 0.95rem;
}

@media (max-width: 1024px) {
    main.printing-page .printing-pillars-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(14px, 2vw, 18px);
    }

    main.printing-page .printing-featured-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main.printing-page .printing-trust__inner {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    main.printing-page .printing-pillars-grid {
        grid-template-columns: 1fr;
        max-width: min(480px, 100%);
    }

    main.printing-page .printing-pillar-card {
        display: flex;
        flex-direction: column;
        min-height: 0;
        height: auto;
        grid-template-rows: unset;
    }

    main.printing-page .printing-featured-grid {
        grid-template-columns: 1fr;
    }

    main.printing-page .printing-trust__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    main.printing-page .printing-trust__stats {
        grid-template-columns: 1fr;
    }
}

@media (hover: hover) and (pointer: fine) {
    main.printing-page .printing-pillar-card:hover {
        transform: translateY(-4px);
        border-color: rgba(197, 139, 23, 0.38);
        box-shadow:
            0 8px 12px rgba(15, 45, 84, 0.06),
            0 20px 40px rgba(15, 45, 84, 0.12);
    }

    main.printing-page .printing-pillar-card:hover .printing-pillar-card__arrow {
        transform: translateX(3px);
        background: rgba(197, 139, 23, 0.16);
        border-color: rgba(197, 139, 23, 0.5);
    }

    html[dir="rtl"] main.printing-page .printing-pillar-card:hover .printing-pillar-card__arrow {
        transform: translateX(-3px);
    }

    main.printing-page .printing-featured-card:hover {
        box-shadow: 0 14px 30px rgba(15, 45, 84, 0.12);
    }

    main.printing-page .printing-featured-card:hover .printing-featured-card__img {
        filter: brightness(1.03);
    }

    main.printing-page > .printing-cta .iic-final-cta__actions .button {
        transition:
            transform 0.26s var(--iic-motion-ease-out, ease),
            box-shadow 0.26s var(--iic-motion-ease-out, ease),
            border-color 0.26s var(--iic-motion-ease-out, ease);
    }

    main.printing-page > .printing-cta .iic-final-cta__actions .button:hover {
        transform: translateY(-2px);
    }

    main.printing-page > .printing-cta .iic-final-cta__actions .button.primary:hover,
    main.printing-page > .printing-cta .iic-final-cta__actions .button.gold-button:hover {
        box-shadow: 0 10px 28px rgba(216, 155, 43, 0.28) !important;
    }
}

/* =============================================================================
   Download Center — main.downloads-page (premium resource hub)
   ============================================================================= */

main.downloads-page {
    --dl-section-pad: clamp(1.35rem, 2.4vw, 2rem);
    background: #f4f7fb;
}

main.downloads-page > section {
    margin: 0;
}

main.downloads-page .downloads-hero {
    min-height: clamp(280px, 38vh, 380px);
    padding-block: clamp(2.5rem, 5vw, 3.5rem);
}

main.downloads-page .downloads-hero .page-hero-copy h1 {
    max-width: 18ch;
    text-wrap: balance;
}

main.downloads-page .downloads-hero__lead {
    max-width: 52ch;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.55;
}

/* Profile guidance — directly below hero */
main.downloads-page .dl-guide {
    padding-block: var(--dl-section-pad);
    background: #fff;
    border-bottom: 1px solid rgba(13, 43, 92, 0.08);
}

main.downloads-page .dl-guide__inner,
main.downloads-page .dl-documents__inner,
main.downloads-page .dl-procurement__inner {
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding-inline: var(--page-gutter);
}

main.downloads-page .dl-guide__inner {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.55fr);
    gap: clamp(16px, 2.2vw, 28px);
    align-items: start;
}

main.downloads-page .dl-guide__intro h2 {
    margin: 0.35rem 0 0.5rem;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    color: var(--iic-navy);
}

main.downloads-page .dl-guide__intro p {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.55;
    color: rgba(10, 35, 72, 0.72);
}

main.downloads-page .dl-guide__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(8px, 1vw, 12px);
}

main.downloads-page .dl-guide-card {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: clamp(12px, 1.4vw, 16px);
    border-radius: var(--radius-ui);
    background: linear-gradient(165deg, #fff 0%, #f6f9fc 100%);
    border: 1px solid rgba(13, 43, 92, 0.08);
    border-top: 2px solid rgba(216, 155, 43, 0.5);
    box-shadow: 0 8px 20px rgba(10, 35, 72, 0.05);
    text-decoration: none;
    color: inherit;
    transition:
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}

main.downloads-page .dl-guide-card__code {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    color: var(--iic-gold-primary);
}

main.downloads-page .dl-guide-card__icon {
    color: var(--iic-navy);
}

main.downloads-page .dl-guide-card__icon .iic-line-icon {
    width: 22px;
    height: 22px;
}

main.downloads-page .dl-guide-card__title {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--iic-navy);
}

main.downloads-page .dl-guide-card__text {
    margin: 0;
    font-size: 0.78rem;
    line-height: 1.45;
    color: rgba(10, 35, 72, 0.68);
}

/* Document cards */
main.downloads-page .dl-documents {
    padding-block: var(--dl-section-pad);
}

main.downloads-page .dl-documents .section-heading {
    margin-bottom: clamp(14px, 1.8vw, 20px);
}

main.downloads-page .dl-documents .section-heading h2 {
    color: var(--iic-navy);
}

main.downloads-page .dl-documents .section-heading p {
    max-width: 58ch;
    color: rgba(10, 35, 72, 0.72);
}

main.downloads-page .dl-documents__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(12px, 1.6vw, 18px);
}

main.downloads-page .dl-doc-card {
    display: grid;
    grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr);
    gap: 0;
    border-radius: var(--radius-ui);
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.09);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 12px 28px rgba(10, 35, 72, 0.07);
    transition:
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}

main.downloads-page .dl-doc-card__thumb {
    position: relative;
    display: block;
    min-height: 100%;
    overflow: hidden;
    text-decoration: none;
}

main.downloads-page .dl-doc-card__thumb img {
    width: 100%;
    height: 100%;
    min-height: 200px;
    object-fit: cover;
    object-position: center;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

main.downloads-page .dl-doc-card__format {
    position: absolute;
    top: 10px;
    inset-inline-start: 10px;
    padding: 0.2rem 0.5rem;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    background: rgba(8, 28, 56, 0.82);
    border: 1px solid rgba(216, 155, 43, 0.45);
    border-radius: 4px;
}

main.downloads-page .dl-doc-card__body {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: clamp(14px, 1.6vw, 18px);
}

main.downloads-page .dl-doc-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

main.downloads-page .dl-doc-card__code {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    color: var(--iic-gold-primary);
}

main.downloads-page .dl-doc-card__icon {
    color: var(--iic-navy);
    opacity: 0.85;
}

main.downloads-page .dl-doc-card__title {
    margin: 0;
    font-size: clamp(1rem, 1.35vw, 1.12rem);
    font-weight: 700;
    color: var(--iic-navy);
    line-height: 1.25;
}

main.downloads-page .dl-doc-card__desc {
    margin: 0;
    flex: 1;
    font-size: 0.86rem;
    line-height: 1.52;
    color: rgba(10, 35, 72, 0.74);
}

main.downloads-page .dl-doc-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 0.15rem 0 0.35rem;
    padding: 0;
    list-style: none;
}

main.downloads-page .dl-doc-card__meta li {
    display: flex;
    gap: 0.35rem;
    font-size: 0.75rem;
}

main.downloads-page .dl-doc-card__meta-k {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(10, 35, 72, 0.5);
}

main.downloads-page .dl-doc-card__meta-v {
    font-weight: 700;
    color: var(--iic-navy);
}

main.downloads-page .dl-doc-card__cta {
    align-self: flex-start;
    margin-top: auto;
    padding: 0.55rem 1.1rem;
    font-size: 0.82rem;
}

/* Quick facts strip */
main.downloads-page .dl-facts {
    padding-block: clamp(1rem, 1.8vw, 1.35rem);
    background: linear-gradient(165deg, rgba(8, 28, 56, 0.98) 0%, rgba(14, 48, 88, 0.95) 100%);
    border-block: 1px solid rgba(216, 155, 43, 0.22);
}

main.downloads-page .dl-facts__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(8px, 1.2vw, 14px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding-inline: var(--page-gutter);
    list-style: none;
}

main.downloads-page .dl-fact {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.2rem;
    padding: clamp(10px, 1.2vw, 14px);
    border-radius: var(--radius-ui);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

main.downloads-page .dl-fact__value {
    font-size: clamp(1.25rem, 2.2vw, 1.55rem);
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
}

main.downloads-page .dl-fact__label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.72);
}

/* Procurement guidance */
main.downloads-page .dl-procurement {
    padding-block: var(--dl-section-pad);
    background: #fff;
}

main.downloads-page .dl-procurement__intro h2 {
    margin: 0.35rem 0 0.45rem;
    color: var(--iic-navy);
}

main.downloads-page .dl-procurement__intro p {
    margin: 0 0 clamp(12px, 1.6vw, 16px);
    max-width: 56ch;
    color: rgba(10, 35, 72, 0.72);
}

main.downloads-page .dl-procurement__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: clamp(8px, 1vw, 10px);
}

main.downloads-page .dl-procurement__item {
    padding: clamp(12px, 1.4vw, 16px) clamp(14px, 1.6vw, 18px);
    border-radius: var(--radius-ui);
    background: #f6f9fc;
    border: 1px solid rgba(13, 43, 92, 0.07);
    border-inline-start: 3px solid rgba(216, 155, 43, 0.65);
}

main.downloads-page .dl-procurement__q {
    margin: 0 0 0.35rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--iic-navy);
}

main.downloads-page .dl-procurement__a {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.5;
    color: rgba(10, 35, 72, 0.74);
}

main.downloads-page .dl-procurement__a a {
    margin-inline-start: 0.35rem;
    font-weight: 700;
    color: var(--iic-gold-primary);
    text-decoration: none;
    white-space: nowrap;
}

main.downloads-page .dl-procurement__a a:hover {
    text-decoration: underline;
}

main.downloads-page .dl-cta {
    margin-top: 0;
}

main.downloads-page .dl-cta .iic-final-cta__inner {
    padding-block: clamp(1.75rem, 3vw, 2.5rem);
}

/* Responsive */
@media (max-width: 1024px) {
    main.downloads-page .dl-guide__inner {
        grid-template-columns: 1fr;
    }

    main.downloads-page .dl-guide__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main.downloads-page .dl-documents__grid {
        grid-template-columns: 1fr;
    }

    main.downloads-page .dl-facts__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    main.downloads-page .dl-guide__grid {
        grid-template-columns: 1fr;
    }

    main.downloads-page .dl-doc-card {
        grid-template-columns: 1fr;
    }

    main.downloads-page .dl-doc-card__thumb img {
        min-height: 160px;
    }

    main.downloads-page .dl-facts__grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (hover: hover) and (pointer: fine) {
    main.downloads-page .dl-guide-card:hover {
        transform: translateY(-4px);
        border-color: rgba(216, 155, 43, 0.35);
        box-shadow: 0 16px 32px rgba(10, 35, 72, 0.1);
    }

    main.downloads-page .dl-doc-card:hover {
        transform: translateY(-6px);
        border-color: rgba(216, 155, 43, 0.32);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.95) inset,
            0 20px 40px rgba(10, 35, 72, 0.12);
    }

    main.downloads-page .dl-doc-card:hover .dl-doc-card__thumb img {
        transform: scale(1.04);
    }
}

@media (prefers-reduced-motion: reduce) {
    main.downloads-page .dl-guide-card,
    main.downloads-page .dl-doc-card,
    main.downloads-page .dl-doc-card__thumb img {
        transition: none !important;
    }
}

/* --- Industrial hub enterprise landing (inspection.php) --- */
main.inspection-industrial-page {
    background: #fff;
}

main.inspection-industrial-page > section:not(.page-hero):not(.iic-final-cta) {
    padding-block: clamp(0.85rem, 1.55vw, 1.35rem) !important;
}

main.inspection-industrial-page > .iic-final-cta {
    padding-block: clamp(1.35rem, 2.4vw, 2rem) !important;
    margin-top: 0 !important;
}

main.inspection-industrial-page .section-heading {
    max-width: var(--iic-container-wide);
    margin: 0 auto clamp(10px, 1.3vw, 16px);
    padding-inline: var(--page-gutter);
    text-align: start;
}

main.inspection-industrial-page .section-heading h2 {
    max-width: min(42rem, 100%);
    text-wrap: pretty;
    line-height: 1.22;
    letter-spacing: 0.005em;
}

main.inspection-industrial-page #ins-value-heading {
    max-width: min(52rem, 100%);
}

main.inspection-industrial-page .section-heading p:last-child {
    margin-bottom: 0;
    max-width: 58ch;
    color: var(--iic-muted);
}

main.inspection-industrial-page .ins-hub-hero-lead {
    max-width: 52ch;
    font-size: clamp(0.86rem, 1vw, 0.96rem);
    line-height: 1.5;
}

main.inspection-industrial-page .ins-overview {
    align-items: center;
    gap: clamp(16px, 2.4vw, 32px);
    max-width: var(--iic-container-wide);
    margin-inline: auto;
    padding-inline: var(--page-gutter);
}

main.inspection-industrial-page .ins-overview__media {
    border-radius: var(--radius-ui);
    overflow: hidden;
    border: 1px solid var(--iic-border);
    box-shadow: var(--iic-card-shadow);
    line-height: 0;
    background: #fff;
}

main.inspection-industrial-page .ins-overview__media img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: center 40%;
}

main.inspection-industrial-page .ins-overview .section-copy {
    max-width: none;
}

main.inspection-industrial-page .ins-overview .section-copy p {
    color: var(--iic-muted);
    font-size: var(--type-caption);
    line-height: var(--line-relaxed);
}

main.inspection-industrial-page .ins-value {
    padding-inline: var(--page-gutter);
    padding-bottom: clamp(0.45rem, 0.9vw, 0.7rem) !important;
    background: #fff;
}

main.inspection-industrial-page .ins-value__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, var(--iic-grid-gap));
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    align-items: stretch;
}

main.inspection-industrial-page .ins-value-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    padding: clamp(14px, 1.6vw, 18px);
    border-radius: 10px;
    background: #faf9f6;
    border: 1px solid rgba(13, 43, 92, 0.08);
    border-inline-start: 3px solid rgba(184, 130, 42, 0.55);
    box-shadow: 0 4px 14px rgba(10, 35, 72, 0.04);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out);
}

main.inspection-industrial-page .ins-value-card__icon {
    color: var(--iic-gold-primary);
    line-height: 1;
}

main.inspection-industrial-page .ins-value-card__icon .iic-line-icon {
    width: var(--iic-icon-glyph);
    height: var(--iic-icon-glyph);
    display: block;
}

main.inspection-industrial-page .ins-value-card h3 {
    margin: 0;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.82rem, 1.2vw, 0.94rem);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--iic-navy);
    line-height: 1.25;
}

main.inspection-industrial-page .ins-value-card p {
    margin: 0;
    flex: 1 1 auto;
    font-size: var(--type-caption);
    line-height: 1.45;
    color: var(--iic-muted);
}

main.inspection-industrial-page .ins-kpi {
    padding-block: clamp(0.9rem, 1.55vw, 1.2rem) !important;
    background:
        linear-gradient(165deg, rgba(8, 28, 56, 0.97) 0%, rgba(12, 42, 78, 0.94) 48%, rgba(10, 36, 68, 0.98) 100%);
    border-block: 1px solid rgba(200, 148, 52, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

main.inspection-industrial-page .ins-kpi__eyebrow {
    margin: 0 auto clamp(0.45rem, 0.9vw, 0.65rem);
    max-width: var(--iic-container-wide);
    padding-inline: var(--page-gutter);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(216, 155, 43, 0.92);
}

main.inspection-industrial-page .ins-kpi__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(10px, 1.4vw, 18px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding-inline: var(--page-gutter);
    list-style: none;
}

main.inspection-industrial-page .ins-kpi-metric {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.35rem;
    min-height: 108px;
    padding: clamp(14px, 1.6vw, 20px) clamp(10px, 1.2vw, 14px);
    border-radius: var(--radius-ui);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.03) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.12) inset,
        0 14px 32px rgba(0, 0, 0, 0.18);
}

main.inspection-industrial-page .ins-kpi-metric__value {
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #fff;
}

main.inspection-industrial-page .ins-kpi-metric__label {
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.35;
}

main.inspection-industrial-page .ins-capabilities {
    padding-inline: var(--page-gutter);
    padding-top: clamp(0.6rem, 1.1vw, 0.9rem) !important;
    padding-bottom: clamp(0.85rem, 1.45vw, 1.2rem) !important;
    background:
        radial-gradient(ellipse 70% 50% at 50% 0%, rgba(11, 42, 82, 0.03), transparent 55%),
        #f6f4ef;
    border-block: 1px solid rgba(13, 43, 92, 0.06);
}

main.inspection-industrial-page .ins-capabilities .section-heading {
    margin-bottom: clamp(8px, 1.1vw, 12px);
}

main.inspection-industrial-page .ins-cap-group {
    margin-bottom: clamp(0.7rem, 1.3vw, 1rem);
    max-width: var(--iic-container-wide);
    margin-inline: auto;
}

main.inspection-industrial-page .ins-cap-group:last-child {
    margin-bottom: 0;
}

main.inspection-industrial-page .ins-cap-group__title {
    margin: 0 0 0.4rem;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.9rem, 1.2vw, 1rem);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--iic-navy);
}

main.inspection-industrial-page .ins-cap-group__intro {
    margin: 0 0 0.65rem;
    max-width: 58ch;
    color: var(--iic-muted);
    font-size: var(--type-caption);
    line-height: 1.55;
}

main.inspection-industrial-page .ins-capabilities__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, 18px);
    align-items: stretch;
    grid-auto-rows: 1fr;
}

main.inspection-industrial-page .ins-cap-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    align-self: stretch;
    background: #fff;
    border: 1px solid rgba(15, 45, 84, 0.1);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(15, 45, 84, 0.07);
    transition:
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

main.inspection-industrial-page .ins-cap-card__media {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    flex: 0 0 auto;
}

main.inspection-industrial-page .ins-cap-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

main.inspection-industrial-page .ins-cap-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: clamp(12px, 1.4vw, 16px);
    gap: 0.45rem;
}

main.inspection-industrial-page .ins-cap-card__title {
    margin: 0;
    font-size: clamp(0.95rem, 1.1vw, 1.05rem);
    font-weight: 700;
    line-height: 1.3;
}

main.inspection-industrial-page .ins-cap-card__title a {
    color: var(--iic-navy, #0f2d54) !important;
    text-decoration: none;
}

main.inspection-industrial-page .ins-cap-card__title a:hover {
    color: var(--iic-gold, #c58b17) !important;
}

main.inspection-industrial-page .ins-cap-card__desc {
    margin: 0;
    flex: 1 1 auto;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--iic-muted, #5a6b7d);
}

main.inspection-industrial-page .ins-cap-card__cta {
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    font-weight: 600;
}

main.inspection-industrial-page .ins-workflow {
    padding-inline: var(--page-gutter);
    background: #fff;
}

main.inspection-industrial-page .ins-workflow__track {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: clamp(10px, 1.2vw, 14px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding: clamp(14px, 1.8vw, 20px);
    border-radius: var(--radius-ui);
    background: linear-gradient(180deg, #f4f2ec 0%, #faf9f6 100%);
    border: 1px solid rgba(13, 43, 92, 0.09);
    box-shadow: var(--iic-card-shadow);
}

main.inspection-industrial-page .ins-workflow-step {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: min(150px, 42vw);
    flex: 1 1 0;
    max-width: 12.5rem;
    padding: 12px 10px;
    text-align: center;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.08);
    box-shadow: 0 4px 12px rgba(10, 35, 72, 0.05);
}

main.inspection-industrial-page .ins-workflow-step__num {
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--iic-gold-primary);
}

main.inspection-industrial-page .ins-workflow-step__title {
    margin: 0;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.72rem, 1vw, 0.82rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--iic-navy);
    line-height: 1.28;
}

main.inspection-industrial-page .ins-workflow-step__text {
    margin: 0;
    font-size: clamp(0.68rem, 0.85vw, 0.76rem);
    line-height: 1.42;
    color: var(--iic-muted);
}

main.inspection-industrial-page .ins-workflow-step__connector {
    flex: 0 0 auto;
    align-self: center;
    width: clamp(18px, 2.5vw, 32px);
    height: 3px;
    margin-top: 1.5rem;
    border-radius: 3px;
    background: linear-gradient(
        90deg,
        rgba(13, 43, 92, 0.12),
        rgba(216, 155, 43, 0.85),
        rgba(13, 43, 92, 0.12)
    );
}

main.inspection-industrial-page .ins-hub-related.section {
    padding-top: clamp(1rem, 2vw, 1.5rem);
    padding-bottom: clamp(1.25rem, 2vw, 1.75rem);
    background: #fff;
}

main.inspection-industrial-page .ins-hub-related .section-heading {
    max-width: var(--iic-container-wide, 1200px);
    margin-inline: auto;
    padding-inline: var(--gutter, 1.25rem);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

main.inspection-industrial-page .ins-hub-related-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, 16px);
    max-width: var(--iic-container-wide, 1200px);
    margin: 0 auto;
    padding-inline: var(--gutter, 1.25rem);
    align-items: stretch;
    grid-auto-rows: 1fr;
}

main.inspection-industrial-page .ins-hub-related-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid rgba(15, 45, 84, 0.1);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 6px 18px rgba(15, 45, 84, 0.06);
    transition:
        transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

main.inspection-industrial-page .ins-hub-related-card__media {
    display: block;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100px;
}

main.inspection-industrial-page .ins-hub-related-card__body {
    padding: clamp(10px, 1.2vw, 14px);
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 1 1 auto;
}

main.inspection-industrial-page .ins-hub-related-card__body h3 {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
}

main.inspection-industrial-page .ins-hub-related-card__body h3 a {
    color: var(--iic-navy, #0f2d54) !important;
    text-decoration: none;
}

main.inspection-industrial-page .ins-hub-related-card__body p {
    margin: 0;
    flex: 1 1 auto;
    font-size: 0.8rem;
    line-height: 1.45;
    color: var(--iic-muted, #5a6b7d);
}

main.inspection-industrial-page .ins-hub-final-cta {
    margin-top: 0;
}

@media (max-width: 1100px) {
    main.inspection-industrial-page .ins-value__grid,
    main.inspection-industrial-page .ins-kpi__grid,
    main.inspection-industrial-page .ins-capabilities__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main.inspection-industrial-page .ins-hub-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    main.inspection-industrial-page .ins-value__grid,
    main.inspection-industrial-page .ins-kpi__grid,
    main.inspection-industrial-page .ins-capabilities__grid,
    main.inspection-industrial-page .ins-hub-related-grid {
        grid-template-columns: 1fr;
    }

    main.inspection-industrial-page .ins-workflow__track {
        flex-direction: column;
        align-items: stretch;
    }

    main.inspection-industrial-page .ins-workflow-step {
        max-width: none;
        text-align: start;
    }

    main.inspection-industrial-page .ins-workflow-step__connector {
        width: 3px;
        height: clamp(14px, 3vw, 22px);
        margin: 0 auto;
    }
}

@media (hover: hover) and (pointer: fine) {
    main.inspection-industrial-page .ins-value-card:hover,
    main.inspection-industrial-page .ins-cap-card:hover,
    main.inspection-industrial-page .ins-hub-related-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 14px 32px rgba(15, 45, 84, 0.12);
        border-color: rgba(197, 139, 23, 0.35);
    }

    main.inspection-industrial-page .ins-cap-card:hover .ins-cap-card__media img {
        transform: scale(1.04);
    }

    main.inspection-industrial-page .ins-hub-related-card:hover .ins-hub-related-card__media {
        filter: brightness(1.03);
    }
}

/* =============================================================================
   Navigation QA — desktop hover intent, mobile accordion, z-index (1100px)
   ============================================================================= */

.site-header,
#header-inner.iic-header-shell,
#header-inner.iic-header-shell .nav-links--main-tier {
    overflow: visible !important;
}

#nav-services-wrap.nav-has-dropdown {
    position: relative;
    z-index: 120;
}

@media (min-width: 1101px) {
    #header-inner.iic-header-shell #nav-links.nav-links--main-tier {
        position: static !important;
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        width: 100% !important;
        max-height: none !important;
        overflow: visible !important;
    }

    #header-inner.iic-header-shell .nav-services-caret {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        pointer-events: auto;
    }

    #header-inner.iic-header-shell .nav-has-dropdown:hover .nav-dropdown--services,
    #header-inner.iic-header-shell .nav-has-dropdown:focus-within .nav-dropdown--services {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap.dropdown-open .nav-dropdown--services {
        display: block !important;
        position: absolute !important;
        top: 100% !important;
        left: 0;
        right: auto;
        margin: 0 !important;
        padding: 12px 10px 10px !important;
        min-width: 240px !important;
        max-width: 280px !important;
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        z-index: 260 !important;
        overflow: visible !important;
        background: #ffffff !important;
        border: 1px solid var(--iic-border, rgba(10, 35, 72, 0.12)) !important;
        box-shadow: 0 20px 50px rgba(10, 35, 72, 0.14) !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap.dropdown-open .nav-dropdown--services::before {
        content: "";
        position: absolute;
        top: -14px;
        left: 0;
        right: 0;
        height: 14px;
        background: transparent;
    }

    html[dir="rtl"] #header-inner.iic-header-shell #nav-services-wrap.dropdown-open .nav-dropdown--services {
        left: auto;
        right: 0;
    }

    #header-inner.iic-header-shell #nav-services-wrap .nav-tier--flyout {
        position: relative;
        overflow: visible;
    }

    #header-inner.iic-header-shell #nav-services-wrap .nav-tier__panel {
        z-index: 270 !important;
        pointer-events: none;
    }

    #header-inner.iic-header-shell #nav-services-wrap .nav-tier--flyout:hover .nav-tier__panel,
    #header-inner.iic-header-shell #nav-services-wrap .nav-tier--flyout:focus-within .nav-tier__panel {
        pointer-events: auto !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap .nav-tier__panel::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -10px;
        width: 10px;
        background: transparent;
    }

    html[dir="rtl"] #header-inner.iic-header-shell #nav-services-wrap .nav-tier__panel::before {
        left: auto;
        right: -10px;
    }
}

/* --- Inspection & Industrial sub-service detail (legacy content layout) --- */
main.service-doc-page--legacy > section {
    padding-block: clamp(1.5rem, 3vw, 2.25rem) !important;
}

main.service-doc-page--legacy .svc-detail-overview {
    padding-top: clamp(1.25rem, 2.5vw, 2rem);
    padding-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
    background: #fff;
}

main.service-doc-page--legacy .svc-detail-overview__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: clamp(1.25rem, 2.5vw, 2rem);
    align-items: center;
    max-width: var(--iic-container-wide, 1200px);
    margin: 0 auto;
    padding-inline: var(--page-gutter, 1.25rem);
}

main.service-doc-page--legacy .svc-detail-overview__copy h2 {
    color: var(--iic-navy, #0a2348) !important;
    font-size: clamp(1.35rem, 2.2vw, 1.75rem);
    margin: 0 0 0.75rem;
}

main.service-doc-page--legacy .svc-detail-overview__copy p {
    color: var(--iic-muted, #5a6b7d);
    line-height: 1.6;
    margin: 0 0 0.85rem;
}

main.service-doc-page--legacy .svc-detail-overview__media {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(10, 35, 72, 0.1);
    box-shadow: 0 12px 32px rgba(10, 35, 72, 0.1);
    aspect-ratio: 4 / 3;
}

main.service-doc-page--legacy .svc-detail-overview__media img {
    display: block;
    width: 100%;
    height: 100%;
}

main.service-doc-page--legacy .svc-detail-scope {
    padding-block: clamp(1rem, 2vw, 1.5rem);
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border-top: 1px solid rgba(10, 35, 72, 0.06);
}

main.service-doc-page--legacy .svc-detail-scope:nth-child(even) {
    background: #fff;
}

main.service-doc-page--legacy .svc-detail-scope .section-heading--compact {
    max-width: var(--iic-container-wide, 1200px);
    margin-inline: auto;
    padding-inline: var(--page-gutter, 1.25rem);
    text-align: start;
}

main.service-doc-page--legacy .svc-detail-scope .section-heading--compact h2 {
    color: var(--iic-navy, #0a2348) !important;
    font-size: clamp(1.1rem, 1.8vw, 1.35rem);
    margin: 0;
}

main.service-doc-page--legacy .svc-detail-scope__inner {
    max-width: var(--iic-container-wide, 1200px);
    margin: 0 auto;
    padding-inline: var(--page-gutter, 1.25rem);
}

main.service-doc-page--legacy .svc-detail-scope__lead {
    margin: 0 0 0.85rem;
    color: var(--iic-muted, #5a6b7d);
    line-height: 1.6;
    max-width: 62rem;
}

main.service-doc-page--legacy .svc-detail-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.5rem;
    max-width: 52rem;
}

main.service-doc-page--legacy .svc-detail-list li {
    position: relative;
    padding: 0.65rem 0.85rem 0.65rem 2rem;
    background: #fff;
    border: 1px solid rgba(10, 35, 72, 0.08);
    border-radius: 8px;
    color: var(--iic-navy, #0a2348);
    font-size: 0.9375rem;
    line-height: 1.45;
}

main.service-doc-page--legacy .svc-detail-list li::before {
    content: "";
    position: absolute;
    left: 0.85rem;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--iic-gold-primary, #c58b17);
    transform: translateY(-50%);
}

html[dir="rtl"] main.service-doc-page--legacy .svc-detail-list li {
    padding: 0.65rem 2rem 0.65rem 0.85rem;
}

html[dir="rtl"] main.service-doc-page--legacy .svc-detail-list li::before {
    left: auto;
    right: 0.85rem;
}

main.service-doc-page--legacy .svc-detail-final-cta {
    margin-top: 0;
}

@media (max-width: 900px) {
    main.service-doc-page--legacy .svc-detail-overview__grid {
        grid-template-columns: 1fr;
    }

    main.service-doc-page--legacy .svc-detail-overview__media {
        order: -1;
        max-height: 280px;
    }
}

/* --- Conventional NDT: legacy detail rules (superseded by conv-ndt-landing.css when .service-doc-page--conv-ndt-landing) --- */
main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) > section {
    padding-block: clamp(1.25rem, 2.5vw, 1.85rem) !important;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .section-heading {
    max-width: var(--iic-container-wide, 1200px);
    margin-inline: auto clamp(1rem, 2vw, 1.5rem);
    padding-inline: var(--page-gutter, 1.25rem);
    text-align: start;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .section-heading h2 {
    color: var(--iic-navy, #0a2348) !important;
    font-size: clamp(1.25rem, 2vw, 1.55rem);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .section-heading p:last-child {
    max-width: 58ch;
    color: var(--iic-muted, #5a6b7d);
    margin-bottom: 0;
    font-size: var(--type-caption, 0.9375rem);
}

/* Split hero — copy left, controlled equipment image right */
main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-split-hero {
    padding-top: calc(var(--sticky-offset, 72px) + clamp(1rem, 2vw, 1.35rem)) !important;
    padding-bottom: clamp(1rem, 2vw, 1.35rem) !important;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border-bottom: 1px solid rgba(10, 35, 72, 0.06);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-split-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: clamp(1.25rem, 2.5vw, 2rem);
    align-items: center;
    max-width: var(--iic-container-wide, 1200px);
    margin: 0 auto;
    padding-inline: var(--page-gutter, 1.25rem);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-split-hero__content h1 {
    color: var(--iic-navy, #0a2348) !important;
    margin: 0 0 0.65rem;
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    line-height: 1.15;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-split-hero__lead {
    color: var(--iic-muted, #5a6b7d);
    line-height: 1.65;
    margin: 0 0 1rem;
    max-width: 52ch;
    font-size: var(--type-body-sm, 1rem);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-split-hero__content .hero-actions {
    flex-wrap: wrap;
    gap: 10px 12px;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-split-hero__media {
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(10, 35, 72, 0.1);
    box-shadow: 0 12px 32px rgba(10, 35, 72, 0.1);
    background: #fff;
    line-height: 0;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-split-hero__media img {
    display: block;
    width: 100%;
    height: auto;
    max-height: min(280px, 34vw);
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-split-hero__media figcaption {
    padding: 0.5rem 0.75rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--iic-navy, #0a2348);
    border-top: 2px solid rgba(197, 139, 23, 0.45);
    line-height: 1.4;
}

/* Overview — text-only two columns (no duplicate hero image) */
main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-overview {
    padding-top: clamp(0.85rem, 1.6vw, 1.15rem) !important;
    background: #fff;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-overview .svc-detail-overview__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: clamp(1.25rem, 2.5vw, 2rem);
    align-items: start;
    max-width: var(--iic-container-wide, 1200px);
    margin: 0 auto;
    padding-inline: var(--page-gutter, 1.25rem);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-overview .svc-detail-overview__copy h2 {
    color: var(--iic-navy, #0a2348) !important;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    margin: 0 0 0.5rem;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-overview__body p {
    margin: 0;
    color: var(--iic-muted, #5a6b7d);
    line-height: 1.65;
    font-size: var(--type-caption, 0.9375rem);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-key {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border-top: 1px solid rgba(10, 35, 72, 0.06);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-key__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: clamp(12px, 1.4vw, 16px);
    max-width: var(--iic-container-wide, 1200px);
    margin: 0 auto;
    padding-inline: var(--page-gutter, 1.25rem);
    align-items: stretch;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-key-card {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
    padding: clamp(14px, 1.6vw, 18px);
    background: #fff;
    border: 1px solid rgba(10, 35, 72, 0.1);
    border-radius: 10px;
    box-shadow: 0 8px 22px rgba(10, 35, 72, 0.06);
    border-top: 3px solid var(--iic-gold-primary, #c58b17);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-key-card__icon {
    color: var(--iic-gold-primary, #c58b17);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-key-card h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--iic-navy, #0a2348) !important;
    line-height: 1.3;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-key-card p {
    margin: 0;
    flex: 1 1 auto;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--iic-muted, #5a6b7d);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-other {
    background: #fff;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-other__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(10px, 1.2vw, 14px);
    max-width: var(--iic-container-wide, 1200px);
    margin: 0 auto;
    padding-inline: var(--page-gutter, 1.25rem);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-other-card {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: clamp(12px, 1.4vw, 16px);
    background: #fff;
    border: 1px solid rgba(10, 35, 72, 0.1);
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(10, 35, 72, 0.05);
    min-height: 100%;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-other-card__icon {
    flex-shrink: 0;
    color: var(--iic-gold-primary, #c58b17);
    margin-top: 2px;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-other-card__body h3 {
    margin: 0 0 0.35rem;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--iic-navy, #0a2348) !important;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-other-card__body p {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--iic-muted, #5a6b7d);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-gallery {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border-top: 1px solid rgba(10, 35, 72, 0.06);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-gallery__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, 18px);
    max-width: 880px;
    margin: 0 auto;
    padding-inline: var(--page-gutter, 1.25rem);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-gallery__item {
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(10, 35, 72, 0.1);
    background: #fff;
    box-shadow: 0 8px 22px rgba(10, 35, 72, 0.07);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-gallery__frame {
    line-height: 0;
    background: #f8fafc;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-gallery__frame img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 200px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-gallery__item figcaption {
    padding: 0.55rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--iic-navy, #0a2348);
    border-top: 2px solid rgba(197, 139, 23, 0.4);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-borescope {
    background: #fff;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-borescope__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.85fr);
    gap: clamp(1.25rem, 2.5vw, 2rem);
    align-items: center;
    max-width: var(--iic-container-wide, 1200px);
    margin: 0 auto;
    padding-inline: var(--page-gutter, 1.25rem);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-borescope__copy h2 {
    color: var(--iic-navy, #0a2348) !important;
    margin: 0 0 0.75rem;
    font-size: clamp(1.15rem, 1.8vw, 1.45rem);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-borescope__media {
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(10, 35, 72, 0.1);
    box-shadow: 0 10px 26px rgba(10, 35, 72, 0.08);
    line-height: 0;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-borescope__media img {
    display: block;
    width: 100%;
    height: auto;
    max-height: min(220px, 28vw);
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-borescope__copy p {
    color: var(--iic-muted, #5a6b7d);
    line-height: 1.65;
    margin: 0 0 0.85rem;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-reporting {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border-top: 1px solid rgba(10, 35, 72, 0.06);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-reporting__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, 16px);
    max-width: var(--iic-container-wide, 1200px);
    margin: 0 auto;
    padding-inline: var(--page-gutter, 1.25rem);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-reporting-card {
    padding: clamp(14px, 1.5vw, 18px);
    background: #fff;
    border: 1px solid rgba(10, 35, 72, 0.1);
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(10, 35, 72, 0.05);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-reporting-card__icon {
    color: var(--iic-gold-primary, #c58b17);
    margin-bottom: 0.35rem;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-reporting-card h3 {
    margin: 0 0 0.4rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--iic-navy, #0a2348) !important;
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-reporting-card p {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--iic-muted, #5a6b7d);
}

main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-cta {
    margin-top: 0;
}

@media (max-width: 1024px) {
    main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-other__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-split-hero__grid,
    main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-overview__grid,
    main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-borescope__grid {
        grid-template-columns: 1fr;
    }

    main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-split-hero__media {
        order: -1;
    }

    main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-split-hero__media img,
    main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-borescope__media img {
        max-height: 220px;
    }

    main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-key__grid,
    main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-other__grid,
    main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-gallery__grid,
    main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-reporting__grid {
        grid-template-columns: 1fr;
    }

    main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-gallery__grid {
        max-width: none;
    }
}

html[dir="rtl"] main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-split-hero__grid,
html[dir="rtl"] main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-overview__grid,
html[dir="rtl"] main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-borescope__grid {
    direction: rtl;
}

html[dir="rtl"] main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-split-hero__content,
html[dir="rtl"] main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-overview__copy,
html[dir="rtl"] main.service-doc-page--conv-ndt:not(.service-doc-page--conv-ndt-landing) .conv-ndt-borescope__copy {
    direction: rtl;
    text-align: right;
}

@media (max-width: 1100px) {
    #header-inner.iic-header-shell .nav-services-caret {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        pointer-events: auto;
    }

    #header-inner.iic-header-shell #nav-services-wrap:not(.dropdown-open) .nav-dropdown--services {
        display: none !important;
        max-height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        overflow: hidden !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap.dropdown-open .nav-dropdown--services {
        display: flex !important;
        flex-direction: column !important;
        position: static !important;
        width: 100% !important;
        max-height: min(70vh, 560px) !important;
        overflow-y: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        margin-top: 6px !important;
        padding: 6px !important;
        background: #f8fafc !important;
        border: 1px solid rgba(10, 35, 72, 0.1) !important;
        border-radius: 8px !important;
        box-shadow: none !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap .nav-tier__chevron {
        display: inline-flex !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap .nav-tier__hub,
    #header-inner.iic-header-shell #nav-services-wrap .nav-tier__sublink {
        pointer-events: auto !important;
        position: relative;
        z-index: 1;
    }
}

/* IIC logo — final cascade: approved original asset, height-only scale (no distortion) */
.site-header img.brand-logo,
.site-header--scrolled img.brand-logo,
.site-footer img.brand-logo,
.brand-logo-wrap img.brand-logo,
.brand-logo.brand-logo--full,
.brand-logo.brand-logo--footer {
    width: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}

/* =============================================================================
   Mobile & Tablet — final responsiveness lock (max-width: 1100px only)
   Desktop ≥1101px: untouched; client-approved layout preserved.
   ============================================================================= */

@media (max-width: 1100px) {
    #header-inner.iic-header-shell .brand--header-hero .brand-logo.brand-logo--full {
        height: clamp(56px, 14.5vw, 76px) !important;
        width: auto !important;
        max-width: min(220px, 52vw) !important;
    }

    #header-inner.iic-header-shell .brand-logo-wrap--full {
        padding: 2px 4px !important;
    }

    #header-inner.iic-header-shell {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: unset !important;
        grid-template-rows: unset !important;
    }

    #header-inner.iic-header-shell label.nav-button span {
        display: block !important;
        position: relative !important;
        width: 20px !important;
        height: 2px !important;
        background: #0a2348 !important;
        border-radius: 1px !important;
        transition: transform 0.28s ease, background 0.28s ease, top 0.28s ease !important;
    }

    #header-inner.iic-header-shell label.nav-button span::before,
    #header-inner.iic-header-shell label.nav-button span::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        width: 20px !important;
        height: 2px !important;
        background: #0a2348 !important;
        border-radius: 1px !important;
        transition: transform 0.28s ease, top 0.28s ease !important;
    }

    #header-inner.iic-header-shell label.nav-button span::before {
        top: -7px !important;
    }

    #header-inner.iic-header-shell label.nav-button span::after {
        top: 7px !important;
    }

    #header-inner.iic-header-shell .nav-toggle:checked ~ label.nav-button span {
        background: transparent !important;
    }

    #header-inner.iic-header-shell .nav-toggle:checked ~ label.nav-button span::before {
        top: 0 !important;
        transform: rotate(45deg) !important;
    }

    #header-inner.iic-header-shell .nav-toggle:checked ~ label.nav-button span::after {
        top: 0 !important;
        transform: rotate(-45deg) !important;
    }

    #header-inner.iic-header-shell:not(.is-nav-open) #nav-links.nav-links--main-tier {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #header-inner.iic-header-shell.is-nav-open #nav-links.nav-links--main-tier {
        display: flex !important;
        position: fixed !important;
        top: var(--sticky-offset, 72px) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 12px var(--page-gutter, 20px) calc(24px + env(safe-area-inset-bottom, 0px)) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        z-index: 51 !important;
        border-radius: 0 !important;
        border-top: 1px solid rgba(10, 35, 72, 0.08) !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    #header-inner.iic-header-shell .nav-services-caret {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        padding: 0 !important;
        border-radius: 8px !important;
        pointer-events: auto !important;
        transition: background 0.2s ease !important;
    }

    #header-inner.iic-header-shell .nav-services-caret:active {
        background: rgba(10, 35, 72, 0.06) !important;
    }

    #header-inner.iic-header-shell .nav-services-caret-icon {
        transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap.dropdown-open .nav-services-caret-icon {
        transform: rotate(225deg) !important;
        margin-top: 2px !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap:not(.dropdown-open) .nav-dropdown--services {
        display: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap.dropdown-open .nav-dropdown--services {
        display: flex !important;
        flex-direction: column !important;
        position: static !important;
        width: 100% !important;
        max-height: min(65vh, 520px) !important;
        overflow-y: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        margin-top: 6px !important;
        padding: 6px !important;
        background: #f8fafc !important;
        border: 1px solid rgba(10, 35, 72, 0.1) !important;
        border-radius: 8px !important;
        box-shadow: none !important;
    }

    #header-inner.iic-header-shell #nav-links.nav-links--main-tier > a:not(.nav-cta),
    #header-inner.iic-header-shell #nav-links.nav-links--main-tier > .nav-item > .nav-services-head > a.nav-parent {
        font-size: clamp(0.78rem, 2.8vw, 0.88rem) !important;
        letter-spacing: 0.06em !important;
    }

    body.mobile-nav-open {
        overflow: hidden !important;
        touch-action: none;
    }

    /* Backdrop is outside header — raise header above backdrop so nav links receive taps */
    body.mobile-nav-open .site-header {
        z-index: 55 !important;
    }

    .nav-mobile-backdrop {
        z-index: 50 !important;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    #header-inner.iic-header-shell .brand--header-hero .brand-logo.brand-logo--full {
        height: clamp(60px, 10vw, 76px) !important;
    }

    #header-inner.iic-header-shell.is-nav-open #nav-links.nav-links--main-tier {
        padding-inline: clamp(20px, 4vw, 32px) !important;
    }
}

@media (max-width: 640px) {
    #header-inner.iic-header-shell .brand--header-hero .brand-logo.brand-logo--full {
        height: clamp(54px, 15vw, 72px) !important;
        max-width: min(200px, 58vw) !important;
    }

    .floating-cta {
        bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
    }

    .whatsapp-button {
        bottom: calc(max(12px, env(safe-area-inset-bottom, 0px)) + 58px) !important;
    }
}

/* =============================================================================
   Marine Technical Services page — scoped to main.marine-ts-page
   ============================================================================= */

main.marine-ts-page .marine-hero-tagline {
    margin: 0 0 0.65rem;
    font-size: clamp(1.05rem, 1.6vw, 1.28rem);
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--iic-gold-primary, #d6a43a);
}

main.marine-ts-page .marine-ts-services {
    padding: var(--section-y-lg) var(--page-gutter);
    background: var(--iic-bg);
    border-bottom: 1px solid var(--iic-border);
}

main.marine-ts-page .marine-ts-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(14px, 1.8vw, 20px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    overflow: visible;
    padding-block: 6px;
}

main.marine-ts-page .marine-ts-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: clamp(16px, 1.8vw, 22px);
    border: 1px solid var(--iic-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: var(--iic-card-shadow);
    border-inline-start: 3px solid var(--iic-gold-primary);
    transition:
        transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
        box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
        border-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

main.marine-ts-page .marine-ts-card__head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}

main.marine-ts-page .marine-ts-card__num {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(214, 164, 58, 0.12);
    border: 1px solid rgba(214, 164, 58, 0.35);
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--iic-gold-primary);
}

main.marine-ts-page .marine-ts-card__title {
    margin: 0;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.95rem, 1.2vw, 1.08rem);
    font-weight: 700;
    line-height: 1.25;
    color: var(--iic-navy);
    overflow-wrap: anywhere;
    word-break: normal;
    text-wrap: balance;
}

main.marine-ts-page .marine-ts-card__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

main.marine-ts-page .marine-ts-card__list li {
    position: relative;
    padding-inline-start: 14px;
    font-size: var(--type-body-sm);
    line-height: 1.45;
    color: var(--iic-muted);
}

main.marine-ts-page .marine-ts-card__list li::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0.55em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--iic-gold-primary);
}

main.marine-ts-page .marine-ts-card__highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
    padding-top: 12px;
}

main.marine-ts-page .marine-ts-highlight {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(214, 164, 58, 0.45);
    background: rgba(214, 164, 58, 0.1);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--iic-navy);
}

main.marine-ts-page .marine-ts-why {
    padding: var(--section-y) var(--page-gutter);
    background: var(--iic-bg-2);
    border-bottom: 1px solid var(--iic-border);
}

main.marine-ts-page .marine-ts-why__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(10px, 1.4vw, 14px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

main.marine-ts-page .marine-ts-why__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 10px;
    border: 1px solid var(--iic-border);
    background: #fff;
    font-size: var(--type-body-sm);
    font-weight: 600;
    line-height: 1.4;
    color: var(--iic-navy);
    transition: box-shadow 0.28s ease, border-color 0.28s ease;
}

main.marine-ts-page .marine-ts-why__mark {
    flex: 0 0 auto;
    color: var(--iic-gold-primary);
    font-weight: 800;
}

main.marine-ts-page .marine-ts-coverage {
    padding: var(--section-y-lg) var(--page-gutter);
    background: linear-gradient(180deg, #071c3c 0%, #0b2a52 100%);
    border-bottom: 1px solid rgba(214, 164, 58, 0.22);
}

main.marine-ts-page .marine-ts-coverage .section-heading h2,
main.marine-ts-page .marine-ts-coverage .section-heading p {
    color: rgba(255, 255, 255, 0.9);
}

main.marine-ts-page .marine-ts-coverage .section-heading .eyebrow--gold {
    color: var(--iic-gold-primary) !important;
    opacity: 1;
}

main.marine-ts-page .marine-ts-coverage .section-heading h2 {
    color: #ffffff !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.38);
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    letter-spacing: 0.02em;
}

main.marine-ts-page .marine-ts-coverage .section-heading p {
    color: rgba(255, 255, 255, 0.88) !important;
    max-width: 58ch;
}

main.marine-ts-page .marine-ts-ports {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 12px;
    max-width: var(--iic-container-wide);
    margin: 0 auto;
}

main.marine-ts-page .marine-ts-port {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 999px;
    border: 1px solid rgba(214, 164, 58, 0.4);
    background: rgba(255, 255, 255, 0.06);
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.92);
}

@media (max-width: 1100px) {
    main.marine-ts-page .marine-ts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main.marine-ts-page .marine-ts-why__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    main.marine-ts-page .marine-ts-grid,
    main.marine-ts-page .marine-ts-why__list {
        grid-template-columns: 1fr;
    }
}

/* Mobile left slide drawer — final override */
@media (max-width: 1100px) {
    #header-inner.iic-header-shell:not(.is-nav-open) #nav-links.nav-links--main-tier {
        display: flex !important;
    }

    #header-inner.iic-header-shell #nav-links.nav-links--main-tier {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        width: min(320px, 86vw) !important;
        max-width: min(320px, 86vw) !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: calc(var(--sticky-offset, 72px) + 12px) var(--page-gutter, 20px) calc(24px + env(safe-area-inset-bottom, 0px)) !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        border: 0 !important;
        border-radius: 0 !important;
        border-inline-end: 1px solid rgba(10, 35, 72, 0.1) !important;
        background: #ffffff !important;
        box-shadow: 12px 0 48px rgba(6, 17, 31, 0.28) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(-105%) !important;
        transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease, visibility 0.22s ease !important;
        z-index: 56 !important;
    }

    #header-inner.iic-header-shell.is-nav-open #nav-links.nav-links--main-tier {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(0) !important;
    }

    html[dir="rtl"] #header-inner.iic-header-shell #nav-links.nav-links--main-tier {
        left: auto !important;
        right: 0 !important;
        transform: translateX(105%) !important;
        box-shadow: -12px 0 48px rgba(6, 17, 31, 0.28) !important;
        border-inline-end: 0 !important;
        border-inline-start: 1px solid rgba(10, 35, 72, 0.1) !important;
    }

    html[dir="rtl"] #header-inner.iic-header-shell.is-nav-open #nav-links.nav-links--main-tier {
        transform: translateX(0) !important;
    }

    .nav-mobile-backdrop {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(6, 17, 31, 0.52) !important;
        z-index: 50 !important;
    }

    #nav-mobile-close.nav-mobile-close {
        display: inline-flex !important;
    }
}

main.service-doc-page--svc-landing .svc-landing-ind-card h3 {
    hyphens: none;
    overflow-wrap: break-word;
    word-break: normal;
    text-wrap: pretty;
}

@media (max-width: 768px) {
    main.service-doc-page--svc-landing .svc-landing-ind__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    main.service-doc-page--svc-landing .svc-landing-ind-card h3 {
        font-size: 0.8125rem;
        line-height: 1.35;
    }
}

.home-landing .model-industry-card span,
main.home-landing .home-ind-related-card span {
    hyphens: none;
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
}

@media (max-width: 900px) {
    .floating-cta {
        left: auto !important;
        right: max(12px, env(safe-area-inset-right, 0px)) !important;
        bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
        max-width: min(220px, calc(100vw - 24px)) !important;
        min-height: 40px !important;
        padding: 8px 14px !important;
        font-size: 0.62rem !important;
        box-shadow: 0 6px 18px rgba(216, 155, 43, 0.28) !important;
    }

    .iic-assistant {
        --iic-fab-bottom: max(68px, calc(env(safe-area-inset-bottom, 0px) + 52px));
    }

    .iic-assistant-launcher {
        bottom: calc(max(var(--iic-fab-bottom), env(safe-area-inset-bottom, 0px)) + 46px) !important;
    }
}

@media (max-width: 768px) {
    main.service-doc-page--svc-landing .svc-landing-workflow-pro__pipeline {
        padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    }
}

/* =============================================================================
   Marine page refinement pass — hero UNTOUCHED; KPI, cards, coverage, FABs
   ============================================================================= */

@keyframes marineTsFadeUp {
    from {
        opacity: 0;
        transform: translate3d(0, 18px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* KPI strip */
main.marine-ts-page .marine-ts-kpi {
    padding: clamp(20px, 2.5vw, 28px) var(--page-gutter);
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border-bottom: 1px solid var(--iic-border);
}

main.marine-ts-page .marine-ts-kpi__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(10px, 1.4vw, 14px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
}

main.marine-ts-page .marine-ts-kpi__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 88px;
    padding: clamp(14px, 1.6vw, 18px) 12px;
    text-align: center;
    border: 1px solid var(--iic-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(10, 35, 72, 0.06);
    border-top: 2px solid rgba(214, 164, 58, 0.55);
}

main.marine-ts-page .marine-ts-kpi__value {
    display: block;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 0.04em;
    color: var(--iic-navy);
}

main.marine-ts-page .marine-ts-kpi__label {
    display: block;
    margin-top: 6px;
    font-size: clamp(0.68rem, 1.05vw, 0.78rem);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--iic-muted);
}

/* Service cards — scroll reveal + desktop hover (transform/opacity only) */
html.iic-motion-ready main.marine-ts-page .marine-ts-grid.stagger-group > .marine-ts-card {
    opacity: 0 !important;
    transform: translate3d(0, 24px, 0) !important;
    transition:
        opacity 520ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
        border-color 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

html.iic-motion-ready main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
}

main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(1) { transition-delay: 0ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(2) { transition-delay: 65ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(3) { transition-delay: 130ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(4) { transition-delay: 195ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(5) { transition-delay: 260ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(6) { transition-delay: 325ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(7) { transition-delay: 390ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(8) { transition-delay: 455ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(9) { transition-delay: 520ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(10) { transition-delay: 585ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(11) { transition-delay: 650ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(12) { transition-delay: 715ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(13) { transition-delay: 780ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(14) { transition-delay: 845ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(15) { transition-delay: 910ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(16) { transition-delay: 975ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(17) { transition-delay: 1040ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(18) { transition-delay: 1105ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(19) { transition-delay: 1170ms; }
main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:nth-child(20) { transition-delay: 1235ms; }

@media (hover: hover) and (pointer: fine) {
    html.iic-motion-ready main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:hover {
        transform: translate3d(0, -6px, 0) !important;
        border-color: rgba(214, 158, 46, 0.85);
        box-shadow:
            0 22px 50px rgba(8, 31, 61, 0.14),
            0 0 0 1px rgba(214, 158, 46, 0.28);
    }
}

/* Card 13 — centered final row (3-col desktop) */
@media (min-width: 1101px) {
    main.marine-ts-page .marine-ts-grid .marine-ts-card:last-child:nth-child(3n + 1) {
        grid-column: 2;
    }
}

/* Card 13 — centered final row (2-col tablet) */
@media (min-width: 641px) and (max-width: 1100px) {
    main.marine-ts-page .marine-ts-grid .marine-ts-card:last-child:nth-child(odd):nth-last-child(1) {
        grid-column: 1 / -1;
        width: min(100%, calc(50% - 7px));
        justify-self: center;
    }
}

/* Why choose us — reveal + hover */
html.iic-motion-ready main.marine-ts-page .marine-ts-why__list.stagger-group > .marine-ts-why__item {
    opacity: 0 !important;
    transform: translate3d(0, 14px, 0) !important;
    transition:
        opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s ease,
        border-color 0.28s ease !important;
}

html.iic-motion-ready main.marine-ts-page .marine-ts-why__list.stagger-group.is-visible > .marine-ts-why__item {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
}

main.marine-ts-page .marine-ts-why__list.stagger-group.is-visible > .marine-ts-why__item:nth-child(1) { transition-delay: 0ms; }
main.marine-ts-page .marine-ts-why__list.stagger-group.is-visible > .marine-ts-why__item:nth-child(2) { transition-delay: 60ms; }
main.marine-ts-page .marine-ts-why__list.stagger-group.is-visible > .marine-ts-why__item:nth-child(3) { transition-delay: 120ms; }
main.marine-ts-page .marine-ts-why__list.stagger-group.is-visible > .marine-ts-why__item:nth-child(4) { transition-delay: 180ms; }
main.marine-ts-page .marine-ts-why__list.stagger-group.is-visible > .marine-ts-why__item:nth-child(5) { transition-delay: 240ms; }
main.marine-ts-page .marine-ts-why__list.stagger-group.is-visible > .marine-ts-why__item:nth-child(6) { transition-delay: 300ms; }
main.marine-ts-page .marine-ts-why__list.stagger-group.is-visible > .marine-ts-why__item:nth-child(7) { transition-delay: 360ms; }
main.marine-ts-page .marine-ts-why__list.stagger-group.is-visible > .marine-ts-why__item:nth-child(8) { transition-delay: 420ms; }

main.marine-ts-page .marine-ts-why__mark {
    transition: transform 0.28s ease, color 0.28s ease;
}

@media (hover: hover) and (pointer: fine) {
    main.marine-ts-page .marine-ts-why__item:hover {
        transform: translate3d(0, -3px, 0);
        border-color: rgba(214, 164, 58, 0.35);
        box-shadow: 0 12px 28px rgba(10, 35, 72, 0.1);
    }

    main.marine-ts-page .marine-ts-why__item:hover .marine-ts-why__mark {
        transform: scale(1.15);
        color: #c58b17;
    }
}

html.iic-motion-ready main.marine-ts-page .marine-ts-kpi__grid.stagger-group > .marine-ts-kpi__card {
    opacity: 0 !important;
    transform: translate3d(0, 12px, 0) !important;
    transition:
        opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html.iic-motion-ready main.marine-ts-page .marine-ts-kpi__grid.stagger-group.is-visible > .marine-ts-kpi__card {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
}

main.marine-ts-page .marine-ts-kpi__grid.stagger-group.is-visible > .marine-ts-kpi__card:nth-child(1) { transition-delay: 0ms; }
main.marine-ts-page .marine-ts-kpi__grid.stagger-group.is-visible > .marine-ts-kpi__card:nth-child(2) { transition-delay: 80ms; }
main.marine-ts-page .marine-ts-kpi__grid.stagger-group.is-visible > .marine-ts-kpi__card:nth-child(3) { transition-delay: 160ms; }
main.marine-ts-page .marine-ts-kpi__grid.stagger-group.is-visible > .marine-ts-kpi__card:nth-child(4) { transition-delay: 240ms; }

@media (max-width: 900px) {
    main.marine-ts-page .marine-ts-kpi__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    main.marine-ts-page .marine-ts-kpi__grid {
        grid-template-columns: 1fr;
    }
}

/* Floating FABs — desktop + mobile spacing (marine and site-wide) */
.iic-assistant {
    --iic-fab-right: max(18px, env(safe-area-inset-right, 0px));
    --iic-fab-bottom: max(18px, env(safe-area-inset-bottom, 0px));
}

.iic-assistant-launcher {
    bottom: calc(var(--iic-fab-bottom) + 52px);
    right: var(--iic-fab-right);
    z-index: 15;
}

.iic-assistant-wa-fab {
    bottom: var(--iic-fab-bottom);
    right: var(--iic-fab-right);
    z-index: 15;
}

.floating-cta {
    right: var(--iic-fab-right, 18px);
    bottom: var(--iic-fab-bottom, 18px);
    z-index: 14;
}

@media (min-width: 901px) {
    .floating-cta {
        max-width: 240px;
        min-height: 42px;
        padding: 10px 16px;
        box-shadow: 0 8px 22px rgba(216, 155, 43, 0.28);
    }

    .iic-assistant-launcher {
        bottom: calc(var(--iic-fab-bottom) + 56px);
    }

    main.marine-ts-page > section:last-of-type,
    main.marine-ts-page > .iic-final-cta {
        scroll-margin-bottom: 24px;
    }
}

@media (max-width: 900px) {
    main.marine-ts-page .marine-related,
    main.marine-ts-page .iic-final-cta {
        padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
    }
}

/* Sticky header — premium glass depth on scroll (no layout shift) */
.site-header {
    transition:
        background 0.28s ease,
        box-shadow 0.28s ease,
        border-color 0.28s ease,
        backdrop-filter 0.28s ease;
}

.site-header.site-header--scrolled {
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(12px) saturate(1.15);
    -webkit-backdrop-filter: blur(12px) saturate(1.15);
    border-bottom-color: rgba(10, 35, 72, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

@media (prefers-reduced-motion: reduce) {
    html.iic-motion-ready main.marine-ts-page .marine-ts-grid.stagger-group > .marine-ts-card,
    main.marine-ts-page .marine-ts-grid.stagger-group > .marine-ts-card,
    main.marine-ts-page .marine-ts-why__list.stagger-group > .marine-ts-why__item,
    main.marine-ts-page .marine-ts-kpi__grid.stagger-group > .marine-ts-kpi__card {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    @media (hover: hover) and (pointer: fine) {
        html.iic-motion-ready main.marine-ts-page .marine-ts-grid.stagger-group.is-visible > .marine-ts-card:hover,
        main.marine-ts-page .marine-ts-card:hover,
        main.marine-ts-page .marine-ts-why__item:hover {
            transform: none !important;
            box-shadow: var(--iic-card-shadow);
            border-color: var(--iic-border);
        }
    }
}

/* =============================================================================
   Full-site mobile QA — scroll stability, FAB clearance, forms (no redesign)
   ============================================================================= */

@media (max-width: 900px) {
    html {
        scroll-padding-bottom: calc(108px + env(safe-area-inset-bottom, 0px));
    }

    main > section:last-of-type,
    main .iic-final-cta,
    main .service-related-section {
        scroll-margin-bottom: calc(108px + env(safe-area-inset-bottom, 0px));
    }

    .site-footer.site-footer--premium {
        padding-bottom: calc(108px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .site-footer--premium .site-footer__bottom {
        padding-bottom: 0;
    }

    .iic-contact-form,
    .iic-contact-grid,
    .contact-form {
        width: 100%;
        max-width: 100%;
    }

    .iic-contact-form .iic-form-field input,
    .iic-contact-form .iic-form-field textarea,
    .iic-contact-form .iic-form-field select,
    .iic-contact-form .iic-form-field input[type="file"],
    .contact-form input,
    .contact-form textarea,
    .contact-form select,
    .contact-form input[type="file"] {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .iic-contact-form .iic-form-row,
    .iic-form-row {
        grid-template-columns: 1fr !important;
    }

    .iic-contact-form .iic-form-actions .button,
    .iic-form-actions .button {
        width: 100%;
        max-width: 100%;
        min-height: 44px;
    }

    /* Left drawer nav — override legacy dropdown rules at max-width: 900px */
    #header-inner.iic-header-shell #nav-links.nav-links--main-tier {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        width: min(320px, 86vw) !important;
        max-width: min(320px, 86vw) !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    html[dir="rtl"] #header-inner.iic-header-shell #nav-links.nav-links--main-tier {
        left: auto !important;
        right: 0 !important;
    }
}

@media (max-width: 640px) {
    main.home-landing .presence-feature-strip__scroll {
        margin-inline: 0;
        width: 100%;
        max-width: 100%;
    }

    main.home-landing .presence-feature-card {
        width: min(280px, calc(100vw - (2 * var(--page-gutter)) - 20px));
    }

    .hero-actions,
    .iic-final-cta__actions {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .hero-actions .button,
    .iic-final-cta__actions .button {
        width: 100%;
        min-height: 44px;
        justify-content: center;
    }

    .floating-cta {
        max-width: min(210px, calc(100vw - 24px)) !important;
        min-height: 44px !important;
        padding: 10px 14px !important;
    }

    .iic-assistant-launcher,
    .iic-assistant-wa-fab,
    .whatsapp-button {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.iic-motion-ready .stagger-group > *,
    html.iic-motion-ready .reveal,
    html.iic-motion-ready .reveal-up {
        transform: none !important;
        animation: none !important;
    }
}

/* =============================================================================
   RTL — phone numbers & email addresses stay left-to-right (site-wide)
   ============================================================================= */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] .iic-ltr,
html[dir="rtl"] [dir="ltr"],
html[dir="rtl"] .preserve-ltr {
    direction: ltr;
    unicode-bidi: embed;
    display: inline-block;
}

html[dir="rtl"] a.iic-contact-card__value[href^="tel:"],
html[dir="rtl"] a.iic-contact-card__value[href^="mailto:"],
html[dir="rtl"] a.iic-quick-card[href^="tel:"] .iic-quick-card__value,
html[dir="rtl"] a.iic-quick-card[href^="mailto:"] .iic-quick-card__value,
html[dir="rtl"] .iic-contact-card__meta a[href^="tel:"],
html[dir="rtl"] .footer-contact-line a[href^="tel:"],
html[dir="rtl"] .footer-contact-line a[href^="mailto:"],
html[dir="rtl"] .iic-assistant-email-fallback__link {
    direction: ltr;
    unicode-bidi: embed;
    display: inline-block;
}

html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] .iic-contact-form input[type="tel"],
html[dir="rtl"] .iic-contact-form input[type="email"] {
    direction: ltr;
    unicode-bidi: embed;
    text-align: left;
}

html[dir="rtl"] .iic-assistant-rich-card__text .iic-ltr {
    direction: ltr;
    unicode-bidi: embed;
    display: inline-block;
}

/* Legal pages — scoped spacing only (Privacy Policy, Terms & Conditions) */
.legal-page .legal-document__inner {
    max-width: min(920px, 100%);
}

.legal-page .legal-document__updated {
    margin: 0 0 1.75rem;
    font-size: var(--type-caption);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--iic-muted);
}

.legal-page .legal-document__section + .legal-document__section,
.legal-page .legal-document__sep + .legal-document__section {
    margin-top: clamp(1.5rem, 3vw, 2.25rem);
}

.legal-page .legal-document__sep {
    margin: clamp(1.25rem, 2.5vw, 1.75rem) 0;
}

.legal-page .legal-document__section .about-enterprise__head {
    margin-bottom: 0.65rem;
}

.legal-page .legal-document__section .about-enterprise__head h2 {
    font-size: clamp(1.15rem, 2vw, 1.35rem);
    line-height: 1.35;
}

.legal-page__cta {
    margin-top: 0;
}

/* =============================================================================
   Mobile Services dropdown — iOS tap fix (z-index stacking + touch targets)
   ============================================================================= */

@media (max-width: 1100px) {
    body.mobile-nav-open {
        overflow: hidden !important;
        touch-action: auto;
    }

    body.mobile-nav-open .site-header {
        z-index: 60 !important;
        isolation: isolate;
    }

    .nav-mobile-backdrop:not([hidden]) {
        z-index: 50 !important;
    }

    #header-inner.iic-header-shell.is-nav-open #nav-links.nav-links--main-tier {
        z-index: 62 !important;
        pointer-events: auto !important;
    }

    #header-inner.iic-header-shell .nav-services-head,
    #header-inner.iic-header-shell .nav-services-caret,
    #header-inner.iic-header-shell .nav-services-link,
    #header-inner.iic-header-shell .nav-tier__chevron {
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
        cursor: pointer;
    }

    #header-inner.iic-header-shell .nav-services-head {
        position: relative;
        z-index: 2;
    }

    #header-inner.iic-header-shell #nav-services-wrap.is-open .nav-dropdown--services,
    #header-inner.iic-header-shell #nav-services-wrap.dropdown-open .nav-dropdown--services {
        display: flex !important;
        flex-direction: column !important;
        position: static !important;
        width: 100% !important;
        max-height: min(65vh, 520px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        margin-top: 6px !important;
        padding: 6px !important;
        background: #f8fafc !important;
        border: 1px solid rgba(10, 35, 72, 0.1) !important;
        border-radius: 8px !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap:not(.is-open):not(.dropdown-open) .nav-dropdown--services {
        display: none !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap.is-open .nav-services-caret-icon,
    #header-inner.iic-header-shell #nav-services-wrap.dropdown-open .nav-services-caret-icon {
        transform: rotate(225deg) !important;
        margin-top: 2px !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap .nav-tier__panel {
        display: none !important;
        max-height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #header-inner.iic-header-shell #nav-services-wrap .nav-tier.is-expanded .nav-tier__panel {
        display: block !important;
        max-height: 520px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* =============================================================================
   Mobile responsive bug-fix pass — iPhone / Android (768px, 480px)
   Layout-only; desktop unchanged above 768px.
   ============================================================================= */

@media (max-width: 768px) {
    :root {
        --sticky-offset: 72px;
        --iic-hero-top-gap: 8px;
        --page-hero-min-height-mobile: min(48svh, 400px);
    }

    html {
        scroll-padding-top: calc(var(--sticky-offset) + 8px);
    }

    body > main {
        padding-top: var(--sticky-offset) !important;
        padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .page-hero,
    .home-landing .home-hero,
    .model-hero {
        margin: var(--iic-hero-top-gap) 0 0 !important;
        min-height: var(--page-hero-min-height-mobile) !important;
        padding-top: clamp(18px, 4vw, 28px) !important;
        padding-bottom: clamp(24px, 5vw, 36px) !important;
        padding-inline: var(--page-gutter) !important;
        align-items: flex-end !important;
    }

    body.page-home .home-landing .home-hero {
        min-height: min(68svh, 560px) !important;
        align-items: center !important;
    }

    body > main > .page-hero:first-child,
    body > main.home-landing > .home-hero:first-child,
    body > main > .model-hero:first-child {
        margin-top: var(--iic-hero-top-gap) !important;
    }

    body.page-home .home-landing .home-hero {
        min-height: min(68svh, 560px) !important;
        align-items: center !important;
    }

    .page-hero-copy,
    .model-hero-copy,
    .home-landing .home-hero__content {
        max-width: 100% !important;
        width: 100% !important;
    }

    .page-hero-copy h1,
    .model-hero-copy h1,
    .home-landing .home-hero__title {
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: manual;
        font-size: clamp(1.35rem, 6.2vw, 1.85rem) !important;
        line-height: 1.14 !important;
    }

    .page-hero-copy p,
    .model-hero-copy p,
    .home-landing .home-hero__lead {
        font-size: clamp(0.88rem, 3.6vw, 1rem) !important;
        line-height: 1.55 !important;
        max-width: 100% !important;
    }

    .hero-actions,
    .iic-final-cta__actions {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .hero-actions .button,
    .iic-final-cta__actions .button {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 44px !important;
        padding: 0.55rem 1rem !important;
        font-size: clamp(0.72rem, 3.2vw, 0.84rem) !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        text-align: center !important;
    }

    .button.primary.gold-button,
    .button.gold-button:not(.button--header-cta),
    .iic-final-cta__actions .button.primary,
    .iic-final-cta__actions .button.gold-button {
        color: #071c3c !important;
        background: var(--iic-gold-primary) !important;
        border-color: rgba(196, 138, 36, 0.65) !important;
        opacity: 1 !important;
    }

    .iic-final-cta__actions .button.secondary {
        color: var(--iic-navy) !important;
        background: #ffffff !important;
    }

    .service-process-grid,
    .service-methodology-grid,
    .service-steps-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .service-process-item,
    .service-methodology-item,
    .service-step-item {
        min-width: 0 !important;
        word-break: normal !important;
        overflow-wrap: break-word;
    }

    .floating-cta {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        left: max(12px, env(safe-area-inset-left, 0px)) !important;
        right: auto !important;
        bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
        width: auto !important;
        max-width: min(168px, calc(50vw - 16px)) !important;
        min-height: 40px !important;
        padding: 8px 12px !important;
        font-size: 0.58rem !important;
        line-height: 1.2 !important;
        letter-spacing: 0.06em !important;
        color: #071c3c !important;
        background: var(--iic-gold-primary) !important;
        z-index: 10048 !important;
        box-shadow: 0 8px 20px rgba(216, 155, 43, 0.28) !important;
    }

    .iic-assistant {
        --iic-fab-bottom: max(12px, env(safe-area-inset-bottom, 0px));
        --iic-fab-right: max(12px, env(safe-area-inset-right, 0px));
    }

    .iic-assistant-wa-fab {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        padding: 0 !important;
        bottom: var(--iic-fab-bottom) !important;
        right: var(--iic-fab-right) !important;
        z-index: 10049 !important;
    }

    .iic-assistant-wa-fab__label {
        display: none !important;
    }

    .iic-assistant-launcher {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        padding: 0 !important;
        bottom: calc(var(--iic-fab-bottom) + 52px) !important;
        right: var(--iic-fab-right) !important;
        z-index: 10051 !important;
    }

    .iic-final-cta,
    .service-page .iic-final-cta,
    .printing-page .iic-final-cta,
    main.marine-ts-page > .iic-final-cta,
    main.facilities-page > .iic-final-cta {
        padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* Training page */
    .training-page .training-hero.page-hero {
        min-height: min(46svh, 360px) !important;
    }

    .training-page:not(.training-academy) .training-hero .button.secondary {
        background: rgba(255, 255, 255, 0.14) !important;
        color: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.48) !important;
    }

    .training-page .training-overview.split.service-overview {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    .training-page .certification-pathway__media {
        aspect-ratio: 16 / 9 !important;
        max-height: none !important;
        min-height: 120px !important;
    }

    .training-page .certification-pathway__media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .training-page .progression-levels,
    .training-page .progression-flow__track {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    .training-page .progression-flow__track:not(.specialist-grid)::before {
        display: none !important;
    }

    .training-page .progression-flow__track > .level-item,
    .training-page .specialist-grid > .level-item,
    .training-page .specialist-item {
        flex: none !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .training-page .level-connector {
        width: 100% !important;
        min-width: 0 !important;
        height: 20px !important;
        flex: none !important;
    }

    .training-page .level-item h4,
    .training-page .level-item p,
    .training-page .specialist-item h4,
    .training-page .specialist-item p,
    .training-page .pathway-title {
        word-break: normal !important;
        overflow-wrap: break-word;
    }

    .training-page .certification-pathway__body {
        padding: 12px 14px 14px !important;
    }

    .training-page .iic-final-cta__actions .button.primary,
    .training-page .iic-final-cta__actions .button.gold-button {
        color: #071c3c !important;
        background: var(--iic-gold-primary) !important;
        -webkit-text-fill-color: #071c3c !important;
    }

    /* Printing page — featured/category mobile; pillars keep catalogue layout */
    main.printing-page .printing-featured-grid,
    .printing-page .printing-categories-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    main.printing-page .printing-pillars-grid {
        grid-template-columns: 1fr !important;
        max-width: min(480px, 100%) !important;
    }

    main.printing-page .printing-pillar-card {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        min-height: 0 !important;
        grid-template-rows: unset !important;
    }

    main.printing-page .printing-pillar-card__media {
        display: block !important;
        width: 100% !important;
        height: clamp(200px, 56vw, 280px) !important;
        max-height: clamp(200px, 56vw, 280px) !important;
        aspect-ratio: unset !important;
        overflow: hidden !important;
        flex: none !important;
    }

    main.printing-page .printing-pillar-card__media img {
        width: 100% !important;
        height: 100% !important;
        max-height: clamp(200px, 56vw, 280px) !important;
        min-height: 0 !important;
        object-fit: cover !important;
        object-position: center !important;
        aspect-ratio: unset !important;
    }

    /* Home gateway — media must not span full card (background row only) */
    .home-landing .home-gateway {
        grid-template-rows: clamp(200px, 56vw, 280px) auto !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .home-landing .home-gateway__media,
    .home-landing .home-gateway__shade {
        grid-row: 1 !important;
        grid-column: 1 !important;
        height: clamp(200px, 56vw, 280px) !important;
        max-height: clamp(200px, 56vw, 280px) !important;
        min-height: 0 !important;
    }

    .home-landing .home-gateway__body {
        grid-row: 2 !important;
        grid-column: 1 !important;
    }

    .printing-page .printing-category-card {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .printing-page .printing-category-card__media {
        width: 100% !important;
        height: clamp(200px, 56vw, 280px) !important;
        max-height: clamp(200px, 56vw, 280px) !important;
        aspect-ratio: unset !important;
        flex: none !important;
        overflow: hidden !important;
        transform: none !important;
    }

    .printing-page .printing-category-card__media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    /* Service hub / category / capability card images — controlled mobile height */
    main.printing-page .printing-featured-card__img {
        display: block !important;
        width: 100% !important;
        height: clamp(200px, 56vw, 280px) !important;
        max-height: clamp(200px, 56vw, 280px) !important;
        flex: none !important;
        aspect-ratio: unset !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    main.inspection-industrial-page .ins-cap-card__media,
    main.inspection-industrial-page .ins-hub-related-card__media,
    .service-category-card__media,
    .services-hub-service-media,
    .home-core-card__media,
    .home-gateway__media,
    .service-card-media,
    .service-related-card__media,
    .marine-service-media,
    .dl-doc-card__thumb {
        height: clamp(200px, 56vw, 280px) !important;
        max-height: clamp(200px, 56vw, 280px) !important;
        aspect-ratio: unset !important;
        overflow: hidden !important;
    }

    main.inspection-industrial-page .ins-cap-card__media img,
    .service-category-card__media,
    .services-hub-service-media img,
    .home-core-card__media img,
    .home-gateway__media img,
    .service-card-media img,
    .service-related-card__media img,
    .marine-service-media img,
    .dl-doc-card__thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    main.inspection-industrial-page .ins-overview__media img {
        height: clamp(200px, 50vw, 280px) !important;
        max-height: clamp(200px, 50vw, 280px) !important;
        aspect-ratio: unset !important;
        object-fit: cover !important;
    }

    main.printing-page .printing-pillar-card__body,
    .printing-page .printing-category-card__body {
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Facilities readiness process */
    main.facilities-page .fm-readiness__timeline {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 14px !important;
        padding-inline: var(--page-gutter) !important;
    }

    main.facilities-page .fm-readiness__step {
        flex: none !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    main.facilities-page .fm-readiness__title,
    main.facilities-page .fm-readiness__text {
        word-break: normal !important;
        overflow-wrap: break-word;
        hyphens: manual;
    }

    main.facilities-page .fm-capabilities__grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px) {
    :root {
        --sticky-offset: 66px;
        --page-hero-min-height-mobile: min(44svh, 340px);
    }

    .page-hero,
    .home-landing .home-hero,
    .model-hero {
        min-height: var(--page-hero-min-height-mobile) !important;
        padding-top: 16px !important;
        padding-bottom: 22px !important;
    }

    .hero-actions .button,
    .iic-final-cta__actions .button {
        min-height: 42px !important;
        font-size: 0.72rem !important;
    }

    .floating-cta {
        max-width: min(152px, calc(52vw - 12px)) !important;
        font-size: 0.54rem !important;
    }

    .iic-assistant-launcher,
    .iic-assistant-wa-fab {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
    }

    .iic-assistant-launcher {
        bottom: calc(var(--iic-fab-bottom) + 48px) !important;
    }

    main.inspection-industrial-page .ins-cap-card__media,
    main.inspection-industrial-page .ins-hub-related-card__media,
    .service-category-card__media,
    .services-hub-service-media,
    .home-core-card__media,
    .home-gateway__media,
    .service-card-media,
    .service-related-card__media,
    .marine-service-media,
    .dl-doc-card__thumb,
    main.printing-page .printing-pillar-card__media,
    .printing-page .printing-category-card__media {
        height: clamp(200px, 58vw, 280px) !important;
        max-height: clamp(200px, 58vw, 280px) !important;
    }

    .training-page .training-audience-grid {
        grid-template-columns: 1fr !important;
    }

    main.facilities-page .fm-metrics__grid {
        grid-template-columns: 1fr !important;
    }
}

/* =============================================================================
   Printing & Production — motion polish + responsive QA (page-scoped)
   ============================================================================= */

main.printing-page {
    overflow-x: clip;
}

/* KPI stat reveal */
main.printing-page.printing-page--motion-ready .printing-trust-stat:not(.is-stat-visible) {
    opacity: 0;
    transform: translate3d(0, 12px, 0) scale(0.985);
}

main.printing-page .printing-trust-stat {
    transition:
        opacity 0.52s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.52s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}

main.printing-page .printing-trust-stat.is-stat-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

main.printing-page .printing-trust-stat__value {
    display: block;
    min-height: 1.1em;
}

/* Workflow sequential stagger */
main.printing-page .printing-workflow-track--sequential.stagger-group.is-visible > .workflow-step {
    animation-delay: calc(var(--stagger-index, 0) * 120ms);
}

/* Service card image zoom — desktop fine pointer only */
@media (hover: hover) and (pointer: fine) {
    main.printing-page.printing-page--hover-ready .printing-pillar-card__media img,
    main.printing-page.printing-page--hover-ready .printing-featured-card__img {
        transition:
            transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
            filter 0.35s ease;
        transform: scale(1);
        will-change: transform;
    }

    main.printing-page.printing-page--hover-ready .printing-pillar-card:hover .printing-pillar-card__media img {
        transform: scale(1.045);
    }

    main.printing-page.printing-page--hover-ready .printing-featured-card:hover .printing-featured-card__img {
        transform: scale(1.04);
        filter: brightness(1.05) contrast(1.04) saturate(1.03);
    }

    main.printing-page.printing-page--hover-ready .printing-hero .hero-actions .button,
    main.printing-page.printing-page--hover-ready > .printing-cta .iic-final-cta__actions .button {
        transition:
            transform 0.24s cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 0.24s cubic-bezier(0.22, 1, 0.36, 1),
            border-color 0.24s ease,
            background-color 0.24s ease;
    }

    main.printing-page.printing-page--hover-ready .printing-hero .hero-actions .button:active,
    main.printing-page.printing-page--hover-ready > .printing-cta .iic-final-cta__actions .button:active {
        transform: translateY(0);
    }

    main.printing-page.printing-page--hover-ready .printing-hero .hero-actions .button.primary:hover,
    main.printing-page.printing-page--hover-ready .printing-hero .hero-actions .button.gold-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(216, 155, 43, 0.26);
    }

    main.printing-page.printing-page--hover-ready .printing-hero .hero-actions .button.secondary:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(15, 45, 84, 0.14);
    }
}

/* Tablet landscape — 1024px */
@media (max-width: 1024px) {
    main.printing-page .printing-trust-stat__value {
        font-size: clamp(1.25rem, 2vw, 1.55rem);
    }

    main.printing-page .printing-workflow-track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }
}

/* Tablet — 768px */
@media (max-width: 768px) {
    main.printing-page .printing-trust__inner {
        gap: clamp(16px, 3vw, 22px);
    }

    main.printing-page .printing-trust-stat__label {
        max-width: 20ch;
        hyphens: none;
        overflow-wrap: normal;
        word-break: normal;
    }

    main.printing-page .printing-workflow-track {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    main.printing-page .workflow-step {
        min-width: 0;
        text-align: start !important;
    }

    main.printing-page .workflow-step h3,
    main.printing-page .workflow-step p {
        overflow-wrap: break-word;
        word-break: normal;
    }

    main.printing-page .printing-pillars-grid,
    main.printing-page .printing-featured-grid {
        min-width: 0;
    }

    main.printing-page .printing-pillar-card__copy,
    main.printing-page .printing-pillar-card__body p {
        overflow-wrap: break-word;
        word-break: normal;
    }
}

/* iPhone Pro Max — 430px */
@media (max-width: 430px) {
    main.printing-page .printing-trust-stat__value {
        font-size: clamp(1.12rem, 4.6vw, 1.32rem);
        letter-spacing: -0.01em;
    }

    main.printing-page .printing-trust-stat__label {
        font-size: 0.66rem;
        letter-spacing: 0.05em;
    }

    main.printing-page .printing-workflow-track {
        grid-template-columns: 1fr !important;
    }

    main.printing-page .printing-sectors__tags {
        gap: 6px;
    }

    main.printing-page .printing-sectors__tags li {
        font-size: 0.66rem;
        padding: 0.3rem 0.55rem;
    }

    main.printing-page .printing-hero .printing-hero__actions .button {
        width: 100%;
        min-height: 48px;
        justify-content: center;
        white-space: normal;
        text-align: center;
    }

    main.printing-page .printing-pillar-card {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        height: auto !important;
        grid-template-rows: unset !important;
    }

    main.printing-page .printing-pillar-card__media {
        height: clamp(200px, 56vw, 280px) !important;
        max-height: clamp(200px, 56vw, 280px) !important;
        aspect-ratio: unset !important;
        flex: none !important;
    }
}

/* iPhone — 390px */
@media (max-width: 390px) {
    main.printing-page .printing-trust-stat__label {
        max-width: 22ch;
    }

    main.printing-page .printing-trust-stat__value {
        font-size: clamp(1.05rem, 4.2vw, 1.22rem);
    }

    main.printing-page .section {
        padding-inline: max(14px, var(--page-gutter)) !important;
    }
}

/* Desktop wide — 1440px+ */
@media (min-width: 1440px) {
    main.printing-page .printing-pillars-grid {
        max-width: min(1140px, 100%);
    }

    main.printing-page .printing-trust__inner {
        gap: clamp(24px, 2.8vw, 32px);
    }
}

@media (prefers-reduced-motion: reduce) {
    main.printing-page.printing-page--motion-ready .printing-trust-stat:not(.is-stat-visible) {
        opacity: 1 !important;
        transform: none !important;
    }

    main.printing-page .printing-trust-stat {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    main.printing-page .printing-pillar-card__media img,
    main.printing-page .printing-featured-card__img {
        transform: none !important;
        transition: none !important;
    }

    main.printing-page .printing-workflow-track--sequential.stagger-group.is-visible > .workflow-step {
        animation-delay: 0ms !important;
    }
}

/* =============================================================================
   About page — journey timeline, KPI motion, founder note
   ============================================================================= */

.about-enterprise-page {
    --about-reveal-translate: 20px;
    --about-reveal-duration: 0.72s;
    --about-stagger-step: 100ms;
    overflow-x: clip;
}

.about-enterprise-page .reveal,
.about-enterprise-page .reveal-up {
    --iic-reveal-translate: var(--about-reveal-translate);
    transition-duration: var(--about-reveal-duration);
}

.about-enterprise__band--story {
    background: #ffffff;
}

.about-saudi-vision {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: clamp(18px, 2.4vw, 28px);
    align-items: center;
    max-width: 100%;
    margin: 0 0 clamp(1.25rem, 2.4vw, 1.75rem);
}

.about-saudi-vision__media {
    border-radius: var(--radius-ui);
    overflow: hidden;
    border: 1px solid var(--iic-border);
    border-top: 2px solid rgba(197, 139, 23, 0.28);
    box-shadow: 0 10px 28px rgba(10, 35, 72, 0.08);
    background: #fff;
    line-height: 0;
}

.about-saudi-vision__media--logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: clamp(200px, 28vw, 280px);
    padding: clamp(28px, 4.5vw, 52px);
    background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
}

.about-saudi-vision__logo {
    display: block;
    width: auto;
    max-width: min(100%, clamp(220px, 42vw, 340px));
    height: auto;
    max-height: clamp(110px, 16vw, 180px);
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}

.about-saudi-vision__intro {
    margin: 0;
    max-width: min(52ch, 100%);
}

@media (max-width: 900px) {
    .about-saudi-vision {
        grid-template-columns: 1fr;
    }

    .about-saudi-vision__intro {
        max-width: 100%;
    }

    .about-saudi-vision__media--logo {
        min-height: clamp(180px, 42vw, 240px);
        padding: clamp(22px, 6vw, 40px);
    }

    .about-saudi-vision__logo {
        max-width: min(100%, clamp(200px, 58vw, 300px));
        max-height: clamp(96px, 22vw, 150px);
    }
}

/* KPI strip */
.about-enterprise__credibility {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(10px, 1.4vw, 14px);
    max-width: 100%;
    margin: 0 0 1.25rem;
}

.about-enterprise__credibility-card,
.about-kpi-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: clamp(92px, 10vw, 108px);
    padding: clamp(14px, 1.6vw, 18px) clamp(12px, 1.4vw, 16px);
    text-align: center;
    border: 1px solid var(--iic-border);
    border-top: 2px solid rgba(197, 139, 23, 0.22);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(10, 35, 72, 0.06);
    transition:
        opacity var(--about-reveal-duration) cubic-bezier(0.22, 1, 0.36, 1),
        transform var(--about-reveal-duration) cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.3s ease,
        transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.about-enterprise--motion-ready .about-kpi-card:not(.is-kpi-visible) {
    opacity: 0;
    transform: translate3d(0, var(--about-reveal-translate), 0);
}

.about-enterprise--motion-ready .about-kpi-card.is-kpi-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.about-enterprise__credibility-value {
    display: block;
    min-height: 1.1em;
    font-family: var(--iic-font-display);
    font-size: clamp(1.35rem, 2vw, 1.65rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.02em;
    color: var(--iic-navy, #0f2d54);
    transition: text-shadow 0.3s ease;
}

.about-kpi-card.is-kpi-visible .about-enterprise__credibility-value {
    text-shadow: 0 0 18px rgba(197, 139, 23, 0.12);
}

.about-enterprise__credibility-label {
    font-size: var(--type-caption);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--iic-muted);
    max-width: 16ch;
    line-height: 1.35;
}

html[dir="rtl"] .about-enterprise__credibility-card {
    align-items: center;
}

@media (hover: hover) and (pointer: fine) {
    .about-enterprise--hover-ready .about-kpi-card.is-kpi-visible:hover {
        transform: translate3d(0, -6px, 0);
        border-top-color: rgba(197, 139, 23, 0.55);
        box-shadow: 0 14px 32px rgba(10, 35, 72, 0.1);
    }

    .about-enterprise--hover-ready .about-kpi-card.is-kpi-visible:hover .about-enterprise__credibility-value {
        text-shadow: 0 0 22px rgba(197, 139, 23, 0.2);
    }
}

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

/* Journey section */
.about-journey {
    margin-top: clamp(1.75rem, 3vw, 2.25rem);
    padding-top: clamp(1.5rem, 2.8vw, 2rem);
    border-top: 1px solid rgba(10, 35, 72, 0.1);
}

.about-journey__head {
    margin-bottom: clamp(1.1rem, 2vw, 1.5rem);
    max-width: min(62ch, 100%);
}

.about-journey__head .eyebrow {
    margin-bottom: 0.45rem;
    font-size: var(--type-small);
    letter-spacing: 0.15em;
    font-weight: 700;
    color: var(--iic-gold-primary);
    text-transform: uppercase;
}

.about-journey__head h3 {
    margin: 0 0 0.55rem;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-weight: 700;
    line-height: 1.22;
    color: var(--iic-navy);
}

.about-journey__intro {
    margin: 0;
    font-size: var(--type-body-lg);
    line-height: var(--line-relaxed);
    color: var(--iic-muted);
    text-transform: none;
}

.about-journey-timeline-shell {
    position: relative;
    max-width: min(960px, 100%);
    margin: 0 auto;
    padding-block: 0.5rem;
}

.about-journey-timeline__rail {
    position: absolute;
    inset-inline-start: 21px;
    top: 12px;
    bottom: 12px;
    width: 2px;
    pointer-events: none;
}

.about-journey-timeline__rail-track,
.about-journey-timeline__rail-progress {
    position: absolute;
    inset: 0;
    border-radius: 2px;
    transform-origin: top center;
}

.about-journey-timeline__rail-track {
    background: rgba(15, 45, 84, 0.12);
}

.about-journey-timeline__rail-progress {
    background: linear-gradient(180deg, rgba(197, 139, 23, 0.75) 0%, rgba(15, 45, 84, 0.28) 100%);
    transform: scaleY(0);
    will-change: transform;
}

.about-journey-timeline {
    position: relative;
    display: grid;
    gap: clamp(16px, 2.2vw, 22px);
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-journey-milestone {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: clamp(12px, 1.8vw, 16px);
    align-items: start;
    min-width: 0;
    transition:
        opacity var(--about-reveal-duration) cubic-bezier(0.22, 1, 0.36, 1),
        transform var(--about-reveal-duration) cubic-bezier(0.22, 1, 0.36, 1);
}

.about-enterprise--motion-ready .about-journey-milestone:not(.is-milestone-visible) {
    opacity: 0;
    transform: translate3d(0, var(--about-reveal-translate), 0);
}

.about-journey-milestone.is-milestone-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.about-journey-milestone__marker {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(197, 139, 23, 0.35);
    background: #fff;
    box-shadow: 0 4px 12px rgba(10, 35, 72, 0.08);
}

.about-journey-milestone__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    color: var(--iic-gold-primary);
}

.about-journey-milestone__icon .iic-line-icon {
    width: 100%;
    height: 100%;
}

.about-journey-milestone__card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(10, 35, 72, 0.1);
    border-radius: 10px;
    border-top: 2px solid rgba(197, 139, 23, 0.22);
    background: #fff;
    box-shadow: 0 6px 18px rgba(10, 35, 72, 0.05);
    transition:
        transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.3s ease;
}

.about-journey-milestone__media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    max-height: 180px;
    background: #eef2f7;
}

.about-journey-milestone__media img {
    width: 100%;
    height: calc(100% + 16px);
    object-fit: cover;
    object-position: center center;
    transform: translate3d(0, var(--about-parallax-y, 0px), 0) scale(1);
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.about-journey-milestone__copy {
    padding: clamp(14px, 1.8vw, 18px);
}

.about-journey-milestone__year {
    margin: 0 0 0.35rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--iic-gold-primary);
}

.about-journey-milestone__card h4 {
    margin: 0 0 0.45rem;
    font-size: clamp(0.98rem, 1.2vw, 1.06rem);
    font-weight: 700;
    line-height: 1.28;
    color: var(--iic-navy);
    text-transform: none;
}

.about-journey-milestone__card p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.58;
    color: var(--iic-muted);
    text-transform: none;
}

/* Desktop alternating timeline */
@media (min-width: 901px) {
    .about-journey-timeline__rail {
        inset-inline-start: 50%;
        transform: translateX(-50%);
    }

    html[dir="rtl"] .about-journey-timeline__rail {
        transform: translateX(50%);
    }

    .about-journey-milestone {
        grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr);
        gap: clamp(14px, 2vw, 20px);
        align-items: center;
    }

    .about-journey-milestone--start .about-journey-milestone__marker {
        grid-column: 2;
        grid-row: 1;
    }

    .about-journey-milestone--start .about-journey-milestone__card {
        grid-column: 1;
        grid-row: 1;
    }

    .about-journey-milestone--alt .about-journey-milestone__marker {
        grid-column: 2;
        grid-row: 1;
    }

    .about-journey-milestone--alt .about-journey-milestone__card {
        grid-column: 3;
        grid-row: 1;
    }
}

@media (hover: hover) and (pointer: fine) {
    .about-enterprise--hover-ready .about-journey-milestone.is-milestone-visible .about-journey-milestone__card:hover {
        transform: translateY(-6px);
        border-top-color: rgba(197, 139, 23, 0.55);
        box-shadow: 0 16px 34px rgba(10, 35, 72, 0.1);
    }

    .about-enterprise--hover-ready .about-journey-milestone.is-milestone-visible .about-journey-milestone__card:hover .about-journey-milestone__media img {
        transform: translate3d(0, var(--about-parallax-y, 0px), 0) scale(1.03);
    }
}

/* Founder note */
.about-founder-note {
    margin: clamp(1.5rem, 2.8vw, 2rem) 0 0;
    padding: clamp(18px, 2.4vw, 24px) clamp(18px, 2.4vw, 26px);
    border: 1px solid rgba(10, 35, 72, 0.1);
    border-inline-start: 3px solid var(--iic-gold-primary);
    border-radius: 10px;
    background: linear-gradient(135deg, #ffffff 0%, #f7f9fc 100%);
    box-shadow: 0 8px 24px rgba(10, 35, 72, 0.06);
    transition:
        opacity var(--about-reveal-duration) cubic-bezier(0.22, 1, 0.36, 1),
        transform var(--about-reveal-duration) cubic-bezier(0.22, 1, 0.36, 1);
}

.about-enterprise--motion-ready .about-founder-note:not(.is-founder-visible) {
    opacity: 0;
    transform: translate3d(0, var(--about-reveal-translate), 0);
}

.about-founder-note.is-founder-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

html[dir="rtl"] .about-founder-note {
    border-inline-start: 1px solid rgba(10, 35, 72, 0.1);
    border-inline-end: 3px solid var(--iic-gold-primary);
}

.about-founder-note__head {
    margin-bottom: 0.75rem;
}

.about-founder-note__head .eyebrow {
    margin-bottom: 0.35rem;
    font-size: var(--type-small);
    letter-spacing: 0.15em;
    font-weight: 700;
    color: var(--iic-gold-primary);
    text-transform: uppercase;
}

.about-founder-note__head h3 {
    margin: 0;
    font-size: clamp(1.05rem, 1.6vw, 1.2rem);
    font-weight: 700;
    line-height: 1.25;
    color: var(--iic-navy);
}

.about-founder-note__title-text {
    position: relative;
    display: inline-block;
}

.about-founder-note__title-text::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.35rem;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, rgba(197, 139, 23, 0.75), rgba(197, 139, 23, 0.15));
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

html[dir="rtl"] .about-founder-note__title-text::after {
    transform-origin: right center;
}

.about-founder-note.is-founder-visible .about-founder-note__title-text::after {
    transform: scaleX(1);
}

.about-founder-note__quote {
    margin: 0.65rem 0 0;
    font-size: clamp(0.94rem, 1.1vw, 1.02rem);
    line-height: 1.65;
    color: var(--iic-navy);
}

.about-founder-note__quote::before {
    content: "\201C";
    margin-inline-end: 0.15em;
    color: rgba(197, 139, 23, 0.75);
    font-size: 1.15em;
    line-height: 0;
}

.about-founder-note__quote::after {
    content: "\201D";
    margin-inline-start: 0.15em;
    color: rgba(197, 139, 23, 0.75);
    font-size: 1.15em;
    line-height: 0;
}

.about-founder-note__attribution {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin: 0.85rem 0 0;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(10, 35, 72, 0.08);
}

.about-founder-note__name {
    font-style: normal;
    font-size: clamp(0.92rem, 1.05vw, 1rem);
    font-weight: 700;
    line-height: 1.3;
    color: var(--iic-navy);
}

.about-founder-note__role {
    font-size: var(--type-caption);
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--iic-muted);
}

/* Homepage trust strip + About certification cards — stagger reveal (existing motion system) */
.home-trust-compliance {
    --iic-trust-reveal-y: 16px;
    --iic-trust-reveal-duration: 0.65s;
    --iic-trust-stagger-step: 100ms;
}

/* Homepage certification strip — executive credential card refinement */
.home-trust-compliance .about-kpi-strip .about-enterprise__credibility-card {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid rgba(216, 155, 43, 0.24);
    border-top: none;
    border-radius: 14px;
    box-shadow: var(--iic-card-shadow);
}

.home-trust-compliance .about-kpi-strip .about-enterprise__credibility-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(216, 155, 43, 0.45) 18%,
        var(--iic-gold-primary) 50%,
        rgba(216, 155, 43, 0.45) 82%,
        transparent 100%
    );
    pointer-events: none;
}

.home-trust-compliance .about-enterprise__credibility-value {
    font-weight: 800;
    letter-spacing: 0.03em;
    color: var(--iic-navy);
}

.home-trust-compliance .about-enterprise__credibility-label {
    font-weight: 700;
    letter-spacing: 0.075em;
    color: rgba(10, 35, 72, 0.58);
}

@media (hover: hover) and (pointer: fine) {
    html.iic-motion-ready .home-trust-compliance .about-kpi-strip.stagger-group.is-visible > .about-enterprise__credibility-card:hover,
    .home-trust-compliance .about-kpi-strip .about-enterprise__credibility-card:hover {
        transform: translate3d(0, -4px, 0) !important;
        border-color: rgba(216, 155, 43, 0.38);
        box-shadow: var(--iic-card-shadow-lift);
    }

    .home-trust-compliance .about-kpi-strip .about-enterprise__credibility-card:hover::before {
        background: linear-gradient(
            90deg,
            transparent 0%,
            rgba(216, 155, 43, 0.62) 18%,
            var(--iic-gold-primary) 50%,
            rgba(216, 155, 43, 0.62) 82%,
            transparent 100%
        );
    }

    .home-trust-compliance .about-kpi-strip .about-enterprise__credibility-card:hover .about-enterprise__credibility-value {
        text-shadow: 0 0 20px rgba(216, 155, 43, 0.14);
    }
}

html.iic-motion-ready .home-trust-compliance .about-kpi-strip.stagger-group:not(.is-visible) > .about-enterprise__credibility-card,
html.iic-motion-ready .about-enterprise-page .about-cert-card-grid.stagger-group:not(.is-visible) > .about-enterprise__card {
    opacity: 0 !important;
    transform: translate3d(0, var(--iic-trust-reveal-y, var(--about-reveal-translate, 16px)), 0) !important;
    animation: none !important;
    transition:
        opacity var(--iic-trust-reveal-duration, var(--about-reveal-duration, 0.65s)) cubic-bezier(0.22, 1, 0.36, 1),
        transform var(--iic-trust-reveal-duration, var(--about-reveal-duration, 0.65s)) cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.3s ease !important;
}

html.iic-motion-ready .home-trust-compliance .about-kpi-strip.stagger-group.is-visible > .about-enterprise__credibility-card,
html.iic-motion-ready .about-enterprise-page .about-cert-card-grid.stagger-group.is-visible > .about-enterprise__card {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    animation: none !important;
    transition:
        opacity var(--iic-trust-reveal-duration, var(--about-reveal-duration, 0.65s)) cubic-bezier(0.22, 1, 0.36, 1),
        transform var(--iic-trust-reveal-duration, var(--about-reveal-duration, 0.65s)) cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.3s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.3s ease !important;
    transition-delay: calc(var(--stagger-index, 0) * var(--iic-trust-stagger-step, var(--about-stagger-step, 100ms))) !important;
}

/* About page card hovers (other sections) */
@media (hover: hover) and (pointer: fine) {
    .about-enterprise--hover-ready .about-enterprise__card:hover,
    .about-enterprise--hover-ready .about-enterprise__purpose-card:hover,
    .about-enterprise--hover-ready .about-enterprise__sector:hover,
    .about-enterprise--hover-ready .about-enterprise__why:hover {
        transform: translateY(-6px);
        border-color: rgba(197, 139, 23, 0.35) !important;
        box-shadow: var(--iic-card-shadow-lift) !important;
    }
}

@media (max-width: 768px) {
    .about-enterprise-page {
        --about-reveal-translate: 10px;
        --about-reveal-duration: 0.36s;
    }

    .home-trust-compliance {
        --iic-trust-reveal-y: 10px;
        --iic-trust-reveal-duration: 0.48s;
    }

    .about-journey-milestone__media img {
        transform: none !important;
        height: 100%;
    }
}

@media (max-width: 640px) {
    .about-enterprise__credibility-value {
        font-size: clamp(1.15rem, 4.8vw, 1.4rem);
    }

    .about-enterprise__credibility-label {
        max-width: 18ch;
        font-size: 0.66rem;
    }

    .about-founder-note {
        padding: 16px 14px;
    }
}

@media (max-width: 390px) {
    .about-enterprise__credibility {
        grid-template-columns: 1fr;
    }

    .about-journey-milestone__card h4,
    .about-journey-milestone__card p,
    .about-founder-note__quote {
        overflow-wrap: break-word;
        word-break: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-enterprise-page {
        --about-reveal-translate: 0px;
        --about-reveal-duration: 0.01ms;
    }

    .home-trust-compliance {
        --iic-trust-reveal-y: 0px;
        --iic-trust-reveal-duration: 0.01ms;
        --iic-trust-stagger-step: 0ms;
    }

    .home-trust-compliance .about-kpi-strip .about-enterprise__credibility-card:hover {
        transform: none !important;
    }

    .about-enterprise--motion-ready .about-kpi-card:not(.is-kpi-visible),
    html.iic-motion-ready .home-trust-compliance .about-kpi-strip.stagger-group:not(.is-visible) > .about-enterprise__credibility-card,
    html.iic-motion-ready .home-trust-compliance .about-kpi-strip.stagger-group.is-visible > .about-enterprise__credibility-card,
    html.iic-motion-ready .about-enterprise-page .about-cert-card-grid.stagger-group:not(.is-visible) > .about-enterprise__card,
    html.iic-motion-ready .about-enterprise-page .about-cert-card-grid.stagger-group.is-visible > .about-enterprise__card,
    .about-journey-milestone,
    .about-founder-note {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .about-journey-timeline__rail-progress {
        transform: scaleY(1) !important;
    }

    .about-journey-milestone__media img {
        transform: none !important;
        transition: none !important;
    }

    .about-founder-note__title-text::after {
        transform: scaleX(1) !important;
        transition: none !important;
    }
}

/* ==========================================================================
   Trading page — enterprise service hub alignment (scoped .trading-page)
   ========================================================================== */

main.trading-page {
    background: var(--iic-bg);
}

main.trading-page .section-heading {
    max-width: var(--iic-container-wide);
    margin-inline: auto;
    padding-inline: var(--page-gutter);
}

main.trading-page .trading-hero-lead {
    max-width: 52ch;
    font-size: clamp(0.92rem, 1.1vw, 1.02rem);
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.88);
}

main.trading-page .trading-capabilities,
main.trading-page .trading-categories,
main.trading-page .trading-workflow,
main.trading-page .trading-industries,
main.trading-page .trading-why {
    padding-block: clamp(1.4rem, 2.8vw, 2.4rem);
}

main.trading-page .trading-capabilities {
    background: #fff;
    border-bottom: 1px solid rgba(13, 43, 92, 0.06);
}

main.trading-page .trading-capabilities__grid,
main.trading-page .trading-categories__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, var(--iic-grid-gap));
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding-inline: var(--page-gutter);
    align-items: stretch;
}

main.trading-page .trading-cap-card,
main.trading-page .trading-category-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    min-height: 108px;
    padding: clamp(14px, 1.6vw, 18px);
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.09);
    border-inline-start: 3px solid rgba(184, 130, 42, 0.55);
    box-shadow: var(--iic-card-shadow);
    transition:
        transform 0.28s var(--iic-motion-ease-out),
        box-shadow 0.28s var(--iic-motion-ease-out),
        border-color 0.28s var(--iic-motion-ease-out);
}

main.trading-page .trading-categories {
    background:
        radial-gradient(ellipse 70% 50% at 50% 0%, rgba(11, 42, 82, 0.03), transparent 55%),
        #f6f4ef;
    border-block: 1px solid rgba(13, 43, 92, 0.06);
}

main.trading-page .trading-cap-card__icon,
main.trading-page .trading-category-card__icon {
    color: var(--iic-gold-primary);
    line-height: 1;
}

main.trading-page .trading-cap-card__icon .iic-line-icon,
main.trading-page .trading-category-card__icon .iic-line-icon {
    width: var(--iic-icon-glyph);
    height: var(--iic-icon-glyph);
    display: block;
}

main.trading-page .trading-cap-card__title,
main.trading-page .trading-category-card__title {
    margin: 0;
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.82rem, 1.2vw, 0.94rem);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--iic-navy);
    line-height: 1.25;
}

main.trading-page .trading-kpi {
    padding: clamp(20px, 2.5vw, 28px) var(--page-gutter);
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    border-bottom: 1px solid var(--iic-border);
}

main.trading-page .trading-kpi__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(10px, 1.4vw, 14px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
}

main.trading-page .trading-kpi__card {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 88px;
    padding: clamp(14px, 1.6vw, 18px) 12px;
    text-align: center;
    border: 1px solid var(--iic-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(10, 35, 72, 0.06);
    border-top: 2px solid rgba(214, 164, 58, 0.55);
}

main.trading-page .trading-kpi__text {
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: clamp(0.72rem, 1.05vw, 0.84rem);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--iic-navy);
}

main.trading-page .trading-workflow {
    background: #fff;
}

main.trading-page .trading-workflow__track {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: clamp(10px, 1.2vw, 14px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding-inline: var(--page-gutter);
}

main.trading-page .trading-workflow__step {
    flex: 1 1 11.5rem;
    min-width: min(100%, 11.5rem);
    max-width: 14rem;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: clamp(14px, 1.6vw, 18px);
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.09);
    box-shadow: var(--iic-card-shadow);
}

main.trading-page .trading-workflow__num {
    font-family: var(--iic-font-display), Oswald, Inter, system-ui, sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: var(--iic-gold-primary);
}

main.trading-page .trading-workflow__title {
    margin: 0;
    font-size: clamp(0.82rem, 1.1vw, 0.92rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--iic-navy);
    line-height: 1.25;
}

main.trading-page .trading-workflow__text {
    margin: 0;
    font-size: var(--type-caption);
    line-height: 1.45;
    color: var(--iic-muted);
}

main.trading-page .trading-workflow__connector {
    flex: 1 1 auto;
    min-width: clamp(16px, 2vw, 32px);
    max-width: 48px;
    align-self: center;
    height: 2px;
    margin-top: 1.35rem;
    background: linear-gradient(90deg, rgba(184, 130, 42, 0.15), rgba(184, 130, 42, 0.65), rgba(184, 130, 42, 0.15));
}

main.trading-page .trading-industries {
    background: #f6f4ef;
    border-block: 1px solid rgba(13, 43, 92, 0.06);
}

main.trading-page .trading-industries__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(8px, 1vw, 10px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding: 0 var(--page-gutter);
    list-style: none;
}

main.trading-page .trading-industries__badge {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid var(--iic-border);
    background: #fff;
    color: var(--iic-navy);
    font-size: var(--type-small);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    box-shadow: 0 4px 14px rgba(10, 35, 72, 0.04);
}

main.trading-page .trading-why {
    background: #fff;
}

main.trading-page .trading-why__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(10px, 1.2vw, 14px);
    max-width: var(--iic-container-wide);
    margin: 0 auto;
    padding: 0 var(--page-gutter);
    list-style: none;
}

main.trading-page .trading-why__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: clamp(12px, 1.4vw, 16px);
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(13, 43, 92, 0.09);
    border-inline-start: 3px solid rgba(184, 130, 42, 0.55);
    box-shadow: var(--iic-card-shadow);
    font-size: var(--type-body-sm);
    font-weight: 600;
    color: var(--iic-navy);
    line-height: 1.4;
}

main.trading-page .trading-why__mark {
    flex-shrink: 0;
    color: var(--iic-gold-primary);
    font-weight: 700;
}

@media (hover: hover) and (pointer: fine) {
    main.trading-page .trading-cap-card:hover,
    main.trading-page .trading-category-card:hover,
    main.trading-page .trading-kpi__card:hover,
    main.trading-page .trading-workflow__step:hover,
    main.trading-page .trading-why__item:hover {
        transform: translateY(-3px);
        border-color: rgba(13, 43, 92, 0.12);
        box-shadow: var(--iic-card-shadow-lift);
    }

    main.trading-page .trading-industries__badge:hover {
        border-color: rgba(216, 155, 43, 0.45);
        background: #fffaf0;
    }
}

@media (max-width: 1100px) {
    main.trading-page .trading-capabilities__grid,
    main.trading-page .trading-categories__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    main.trading-page .trading-kpi__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    main.trading-page .trading-workflow__track {
        flex-direction: column;
        align-items: stretch;
    }

    main.trading-page .trading-workflow__connector {
        width: 3px;
        height: clamp(16px, 3vw, 22px);
        min-width: 0;
        max-width: none;
        margin: 0 auto;
        background: linear-gradient(180deg, rgba(184, 130, 42, 0.15), rgba(184, 130, 42, 0.65), rgba(184, 130, 42, 0.15));
    }

    main.trading-page .trading-workflow__step {
        max-width: none;
    }
}

@media (max-width: 640px) {
    main.trading-page .trading-capabilities__grid,
    main.trading-page .trading-categories__grid,
    main.trading-page .trading-why__list {
        grid-template-columns: minmax(0, 1fr);
    }

    main.trading-page .trading-kpi__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Trading page — stagger card reveal (parity with marine/facilities hubs) */
@media (prefers-reduced-motion: no-preference) {
    main.trading-page .stagger-group.is-visible > .trading-cap-card,
    main.trading-page .stagger-group.is-visible > .trading-category-card,
    main.trading-page .stagger-group.is-visible > .trading-kpi__card,
    main.trading-page .stagger-group.is-visible > .trading-workflow__step,
    main.trading-page .stagger-group.is-visible > .trading-industries__badge,
    main.trading-page .stagger-group.is-visible > .trading-why__item {
        animation: iicStaggerReveal var(--iic-motion-reveal) var(--iic-motion-ease-out) both;
        animation-delay: calc(var(--stagger-index, 0) * var(--iic-stagger-step));
    }
}

main.trading-page .service-related-section .section-heading {
    margin-bottom: clamp(16px, 2.4vw, 24px);
}

/* =============================================================================
   FINAL MOBILE QA — image height caps, printing pillar reset, trading visibility
   ============================================================================= */

@media (max-width: 768px) {
    .home-landing .home-gateway {
        grid-template-rows: clamp(200px, 56vw, 280px) auto !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .home-landing .home-gateway__media,
    .home-landing .home-gateway__shade {
        grid-row: 1 !important;
        grid-column: 1 !important;
        height: clamp(200px, 56vw, 280px) !important;
        max-height: clamp(200px, 56vw, 280px) !important;
        min-height: 0 !important;
    }

    .home-landing .home-gateway__body {
        grid-row: 2 !important;
        grid-column: 1 !important;
    }

    main.printing-page .printing-pillar-card,
    main.printing-page .printing-category-card {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        height: auto !important;
        grid-template-rows: unset !important;
    }

    main.printing-page .printing-pillar-card__media,
    main.printing-page .printing-category-card__media,
    main.printing-page .printing-featured-card__img,
    main.inspection-industrial-page .ins-cap-card__media,
    main.inspection-industrial-page .ins-hub-related-card__media,
    .service-category-card__media,
    .services-hub-service-media,
    .home-core-card__media,
    .home-gateway__media,
    .service-card-media,
    .service-related-card__media,
    .marine-service-media,
    .dl-doc-card__thumb {
        height: clamp(200px, 56vw, 280px) !important;
        max-height: clamp(200px, 56vw, 280px) !important;
        min-height: 0 !important;
        aspect-ratio: unset !important;
        flex: none !important;
        overflow: hidden !important;
    }

    main.printing-page .printing-pillar-card__media img,
    main.printing-page .printing-category-card__media img,
    main.inspection-industrial-page .ins-cap-card__media img,
    main.inspection-industrial-page .ins-hub-related-card__media img,
    .service-category-card__media img,
    .services-hub-service-media img,
    .home-core-card__media img,
    .home-gateway__media img,
    .service-card-media img,
    .service-related-card__media img,
    .marine-service-media img,
    .dl-doc-card__thumb img {
        width: 100% !important;
        height: 100% !important;
        max-height: clamp(200px, 56vw, 280px) !important;
        min-height: 0 !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    main.printing-page .printing-featured-card__img {
        height: clamp(200px, 56vw, 280px) !important;
        max-height: clamp(200px, 56vw, 280px) !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

/* Trading page — prevent blank sections / ensure content visibility */
html.iic-motion-ready main.trading-page > section {
    opacity: 1 !important;
    transform: none !important;
}

main.trading-page {
    min-height: 0;
    overflow-x: clip;
}

main.trading-page > section {
    min-height: 0;
}

main.trading-page .trading-related-carousel.reveal.is-visible,
main.trading-page .trading-related-carousel.reveal {
    opacity: 1 !important;
    transform: none !important;
}