/* IFC Figma redesign theme — multi-page light watercolor look */
:root {
    --figma-ink: #27343D;
    --figma-ink-deep: #193A57;
    --figma-black: #000403;
    --figma-teal: #2D898E;
    --figma-teal-deep: #317887;
    --figma-bronze: #C88850;
    --figma-bronze-hot: #F09A51;
    --figma-bronze-deep: #DB8741;
    --figma-brown: #62492B;
    --figma-cream: #FEFBF9;
    --figma-cream-2: #FDF8F2;
    --figma-cream-3: #FEF4EA;
    --figma-paper: #FDF9F6;
    --figma-wash: url('../img/figma/hero-wash.jpg');
    --primary: #2D898E;
    --primary-dark: #1f6a6e;
    --light: var(--figma-cream);
    --dark: var(--figma-ink);
    --nav-bg: transparent;
    --nav-bg-bottom: transparent;
    --nav-cta-top: #3C8C8D;
    --nav-cta-bottom: #2D898E;
    --nav-text: var(--figma-brown);
    --nav-muted: rgba(98, 73, 43, 0.35);
    --ifc-dark-gradient: transparent;
}

body.ifc-multipage {
    font-family: 'Akatab', 'Akshar', sans-serif;
    color: var(--figma-ink);
    background: var(--figma-cream);
}

body.ifc-multipage h1,
body.ifc-multipage h2,
body.ifc-multipage h3,
body.ifc-multipage h4,
body.ifc-multipage .fw-bold {
    font-family: 'Akatab', sans-serif;
}

/* —— Navbar (Figma light watercolor) —— */
body.ifc-multipage .navbar-ifc {
    background: var(--figma-wash) center top / cover no-repeat !important;
    background-color: var(--figma-cream) !important;
    border-bottom: 1px solid rgba(98, 73, 43, 0.12);
    box-shadow: 0 8px 24px rgba(39, 52, 61, 0.06);
}

body.ifc-multipage .navbar-ifc .navbar-nav .nav-link {
    color: var(--figma-brown);
    font-family: 'Akatab', sans-serif;
    font-weight: 800;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    opacity: 1;
}

body.ifc-multipage .navbar-ifc .navbar-nav .nav-link:hover,
body.ifc-multipage .navbar-ifc .navbar-nav .nav-link.active {
    color: var(--figma-teal-deep);
}

body.ifc-multipage .navbar-ifc .nav-separator {
    color: rgba(98, 73, 43, 0.35);
}

body.ifc-multipage .navbar-ifc .nav-cta {
    background: linear-gradient(135deg, #3C9196 0%, #2D898E 55%, #246f73 100%);
    color: #fff !important;
    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(45, 137, 142, 0.35);
    font-weight: 800;
}

body.ifc-multipage .navbar-ifc .nav-cta:hover {
    background: linear-gradient(135deg, #48a3a8 0%, #317887 100%);
    color: #fff !important;
}

body.ifc-multipage .navbar-ifc .navbar-toggler {
    border-color: rgba(98, 73, 43, 0.25);
}

body.ifc-multipage .navbar-ifc .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2898, 73, 43, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (max-width: 991.98px) {
    body.ifc-multipage .navbar-ifc .navbar-collapse {
        background: rgba(253, 249, 246, 0.97);
        border-top-color: rgba(98, 73, 43, 0.12);
    }

    body.ifc-multipage .navbar-ifc .navbar-nav .nav-link {
        color: var(--figma-brown) !important;
    }
}

/* —— Page layout —— */
body.ifc-multipage .page-section {
    padding-top: 7rem;
}

body.ifc-multipage .container-xxl.bg-white {
    background: transparent !important;
}

/* —— Hero —— */
body.ifc-multipage .ifc-hero-shell,
body.ifc-multipage .ifc-dark-bg {
    background: var(--figma-wash) center top / cover no-repeat !important;
    background-color: var(--figma-cream) !important;
}

body.ifc-multipage .hero-section {
    background: transparent;
    padding: 7.5rem 0 4.5rem;
}

body.ifc-multipage .hero-eyebrow {
    color: var(--figma-bronze);
    font-family: 'Akatab', sans-serif;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

body.ifc-multipage .hero-headline {
    color: var(--figma-ink-deep);
    font-weight: 900;
}

body.ifc-multipage .hero-sub {
    color: rgba(39, 52, 61, 0.78);
}

body.ifc-multipage .hero-content .hero-ctas {
    justify-content: center;
    width: 100%;
}

body.ifc-multipage .btn-hero-primary {
    background: linear-gradient(135deg, #3C9196, #2D898E);
    color: #fff;
    border: none;
    box-shadow: 0 10px 24px rgba(45, 137, 142, 0.28);
}

body.ifc-multipage .btn-hero-primary:hover {
    background: #246f73;
    color: #fff;
}

body.ifc-multipage .btn-hero-secondary {
    color: var(--figma-teal-deep);
    border-color: rgba(45, 137, 142, 0.45);
}

body.ifc-multipage .btn-hero-secondary:hover {
    background: rgba(45, 137, 142, 0.08);
    color: var(--figma-teal-deep);
}

body.ifc-multipage .hero-video-frame {
    /* Final treatment is further down — keep this stub from fighting it */
    background: transparent;
    border: none;
    box-shadow: none;
}

body.ifc-multipage .vf-tl,
body.ifc-multipage .vf-tr,
body.ifc-multipage .vf-bl,
body.ifc-multipage .vf-br {
    border-color: var(--figma-teal) !important;
}

/* —— Section accents (force light paper over legacy dark fills) —— */
body.ifc-multipage .wws-section,
body.ifc-multipage .leaks-section,
body.ifc-multipage .arch-section,
body.ifc-multipage .svc-section,
body.ifc-multipage .strat-section,
body.ifc-multipage .biz-section,
body.ifc-multipage .mex-section,
body.ifc-multipage .web-section,
body.ifc-multipage .why-section {
    background: var(--figma-cream) !important;
    background-color: var(--figma-cream) !important;
    color: var(--figma-ink);
}

body.ifc-multipage .biz-section::before,
body.ifc-multipage .web-section::before {
    opacity: 0.35;
    filter: saturate(0.8);
}

body.ifc-multipage .wws-title,
body.ifc-multipage .wws-subtitle,
body.ifc-multipage .wws-intro,
body.ifc-multipage .wws-card-title,
body.ifc-multipage .wws-card-desc,
body.ifc-multipage .wws-list li,
body.ifc-multipage .wws-tagline,
body.ifc-multipage .leaks-title,
body.ifc-multipage .leaks-subtitle,
body.ifc-multipage .lc-title,
body.ifc-multipage .lc-desc,
body.ifc-multipage .arch-title,
body.ifc-multipage .arch-subtitle,
body.ifc-multipage .arch-sub2,
body.ifc-multipage .arch-step-title,
body.ifc-multipage .arch-bullets li,
body.ifc-multipage .arch-quote,
body.ifc-multipage .arch-quote p,
body.ifc-multipage .arch-proof-sub,
body.ifc-multipage .arch-case-brand,
body.ifc-multipage .arch-proof-caption,
body.ifc-multipage .svc-heading,
body.ifc-multipage .svc-title,
body.ifc-multipage .svc-desc,
body.ifc-multipage .biz-heading,
body.ifc-multipage .biz-subheading,
body.ifc-multipage .biz-desc,
body.ifc-multipage .biz-card-title,
body.ifc-multipage .biz-card-intro,
body.ifc-multipage .biz-card-list li,
body.ifc-multipage .why-heading,
body.ifc-multipage .why-subhead,
body.ifc-multipage .why-card-title,
body.ifc-multipage .why-card-desc,
body.ifc-multipage .why-quote-text,
body.ifc-multipage .why-stat-num,
body.ifc-multipage .why-stat-desc,
body.ifc-multipage .why-testi-text,
body.ifc-multipage .why-author-name,
body.ifc-multipage .why-video-title,
body.ifc-multipage .why-cta-heading,
body.ifc-multipage .web-heading,
body.ifc-multipage .web-subhead,
body.ifc-multipage .hero-copy .hero-headline,
body.ifc-multipage .hero-copy .hero-sub,
body.ifc-multipage .hero-motto {
    color: var(--figma-ink-deep) !important;
}

body.ifc-multipage .wws-num,
body.ifc-multipage .lc-num,
body.ifc-multipage .arch-num,
body.ifc-multipage .svc-link,
body.ifc-multipage .lc-cta {
    color: var(--figma-teal) !important;
}

body.ifc-multipage .arch-quote-bold {
    color: var(--figma-bronze-hot) !important;
}

body.ifc-multipage .wws-card,
body.ifc-multipage .leak-card,
body.ifc-multipage .arch-proof-card,
body.ifc-multipage .arch-metrics,
body.ifc-multipage .arch-process {
    background: rgba(255, 255, 255, 0.82) !important;
    color: var(--figma-ink);
    border: 1px solid rgba(98, 73, 43, 0.1);
}

body.ifc-multipage .diag-panel,
body.ifc-multipage .leaks-modal {
    background: #fff !important;
    color: var(--figma-ink);
}

body.ifc-multipage .arch-title-gold,
body.ifc-multipage .hero-teal,
body.ifc-multipage .why-teal,
body.ifc-multipage .footer-teal {
    color: var(--figma-bronze-hot) !important;
}

body.ifc-multipage .wws-card,
body.ifc-multipage .leak-card {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(98, 73, 43, 0.08);
    box-shadow: 0 12px 30px rgba(39, 52, 61, 0.06);
}

body.ifc-multipage .svc-heading,
body.ifc-multipage .wws-title,
body.ifc-multipage .leaks-title,
body.ifc-multipage .arch-title,
body.ifc-multipage .why-heading,
body.ifc-multipage .web-heading,
body.ifc-multipage .biz-heading {
    color: var(--figma-ink-deep);
}

body.ifc-multipage .leaks-eyebrow,
body.ifc-multipage .web-eyebrow,
body.ifc-multipage .arch-proof-label,
body.ifc-multipage .why-logos-label,
body.ifc-multipage .why-stats-label,
body.ifc-multipage .why-testi-label,
body.ifc-multipage .why-videos-label {
    color: var(--figma-bronze);
    font-weight: 800;
    letter-spacing: 0.14em;
}

/* —— Footer (Figma cream / bronze) —— */
body.ifc-multipage .ifc-footer {
    background: #F7EDE4;
    color: #000403;
    border-top: none;
}

body.ifc-multipage .footer-top {
    background: url('../img/figma/footer/cta-bg.jpg') center / cover no-repeat;
    background-color: #FEF4EA;
    border-bottom: none;
    padding: 3.25rem 0 2rem;
    overflow: hidden;
}

body.ifc-multipage .footer-top-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.95fr);
    align-items: center;
    gap: 2rem;
}

body.ifc-multipage .footer-top-left {
    max-width: 520px;
}

body.ifc-multipage .footer-top-art {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

body.ifc-multipage .footer-top-art img {
    width: 100%;
    max-width: 520px;
    height: auto;
    display: block;
}

body.ifc-multipage .footer-top-label {
    color: #D58644;
    font-family: 'Akatab', sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: none;
    margin-bottom: 0.5rem;
}

body.ifc-multipage .footer-top-heading {
    font-family: 'Akatab', sans-serif;
    font-size: clamp(1.6rem, 2.8vw, 2.35rem);
    font-weight: 900;
    color: #F09A51;
    line-height: 1.25;
    margin-bottom: 1.5rem;
}

body.ifc-multipage .footer-teal {
    color: #F09A51 !important;
}

body.ifc-multipage .footer-top-actions {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
}

body.ifc-multipage .footer-cta-primary {
    background: #F09A51;
    color: #fff;
    font-family: 'Akatab', sans-serif;
    font-weight: 800;
    font-size: 0.95rem;
    letter-spacing: 0.02em;
    border-radius: 7px;
    box-shadow: none;
    padding: 0.8rem 1.5rem;
}

body.ifc-multipage .footer-cta-primary:hover {
    background: #DB8741;
    color: #fff;
    box-shadow: 0 12px 28px rgba(219, 135, 65, 0.4);
}

body.ifc-multipage .footer-cta-primary i {
    display: none;
}

body.ifc-multipage .footer-cta-whatsapp {
    background: transparent;
    border: 1.5px solid #F09A51;
    color: #F09A51;
    font-family: 'Akatab', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    padding: 0.75rem 1.35rem;
    border-radius: 6px;
    box-shadow: none;
    text-transform: none;
}

body.ifc-multipage .footer-cta-whatsapp:hover {
    background: rgba(240, 154, 81, 0.1);
    border-color: #DB8741;
    color: #DB8741;
}

body.ifc-multipage .footer-cta-whatsapp i {
    display: none;
}

body.ifc-multipage .footer-main {
    padding: 2.5rem 0 2.25rem;
    background: #F7EDE4;
}

body.ifc-multipage .footer-brand-desc {
    color: rgba(0, 4, 3, 0.75);
    font-size: 0.82rem;
    line-height: 1.7;
    max-width: 280px;
}

body.ifc-multipage .footer-logo-img {
    height: 56px;
    width: auto;
    filter: none;
    margin-bottom: 0.85rem;
}

body.ifc-multipage .footer-socials {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

body.ifc-multipage .footer-social-link {
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent !important;
    border: none !important;
    color: inherit;
    padding: 0;
    display: inline-flex;
    box-shadow: none;
}

body.ifc-multipage .footer-social-link img {
    width: 40px;
    height: 40px;
    display: block;
    object-fit: contain;
}

body.ifc-multipage .footer-social-link:hover {
    background: transparent !important;
    border: none !important;
    opacity: 0.85;
}

body.ifc-multipage .footer-col-title {
    color: #F09A51;
    font-family: 'Akatab', sans-serif;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: none;
    margin-bottom: 1rem;
}

body.ifc-multipage .footer-links {
    gap: 0.65rem;
}

body.ifc-multipage .footer-links li {
    position: relative;
    padding-left: 0.9rem;
}

body.ifc-multipage .footer-links li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #F09A51;
}

body.ifc-multipage .footer-links a {
    color: #000403;
    font-size: 0.9rem;
    font-weight: 600;
}

body.ifc-multipage .footer-links a:hover {
    color: #F09A51;
    padding-left: 0;
}

body.ifc-multipage .footer-service-icons {
    display: flex;
    align-items: flex-end;
    gap: 0.35rem;
    margin-top: 1.25rem;
    flex-wrap: wrap;
}

body.ifc-multipage .footer-service-icons img {
    height: 64px;
    width: auto;
    max-width: 72px;
    object-fit: contain;
}

body.ifc-multipage .footer-contact-list li {
    color: #000403;
    font-size: 0.9rem;
    font-weight: 600;
}

body.ifc-multipage .footer-contact-list i {
    color: #62492B;
}

body.ifc-multipage .footer-contact-list a {
    color: #000403;
}

body.ifc-multipage .footer-contact-list a:hover {
    color: #F09A51;
}

body.ifc-multipage .footer-bottom {
    border-top: 3px solid #CB833B;
    padding: 1.15rem 0 1.4rem;
    background: #F7EDE4;
}

body.ifc-multipage .footer-copy,
body.ifc-multipage .footer-legal,
body.ifc-multipage .footer-legal a {
    color: #000403;
    font-size: 0.85rem;
    font-weight: 600;
}

body.ifc-multipage .footer-legal a:hover {
    color: #F09A51;
}

body.ifc-multipage .footer-legal span {
    opacity: 0.7;
    color: #000403;
}

body.ifc-multipage .back-to-top {
    background: #F09A51 !important;
    border-color: #F09A51 !important;
    color: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 8px 20px rgba(240, 154, 81, 0.35);
}

body.ifc-multipage .back-to-top:hover {
    background: #DB8741 !important;
    border-color: #DB8741 !important;
}

@media (max-width: 991.98px) {
    body.ifc-multipage .footer-top-inner {
        grid-template-columns: 1fr;
        text-align: left;
    }

    body.ifc-multipage .footer-top-art {
        order: -1;
    }

    body.ifc-multipage .footer-top-art img {
        max-width: 360px;
    }
}

/* —— Contact page —— */
.contact-page {
    min-height: 70vh;
    background: var(--figma-wash) center / cover no-repeat;
    background-color: var(--figma-cream);
}

.contact-page-inner {
    max-width: 720px;
    margin: 0 auto;
    padding: 3rem 0 4rem;
    text-align: center;
}

.contact-eyebrow {
    color: var(--figma-bronze);
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
}

.contact-heading {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    color: var(--figma-ink-deep);
    margin-bottom: 1rem;
}

.contact-lead {
    color: rgba(39, 52, 61, 0.75);
    margin-bottom: 2rem;
}

.contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 2.5rem;
}

.contact-details {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.75rem;
    color: var(--figma-ink);
}

.contact-details a {
    color: var(--figma-teal-deep);
    text-decoration: none;
}

.contact-details i {
    color: var(--figma-bronze);
    width: 1.25rem;
    margin-right: 0.4rem;
}

/* Spinner stays light */
body.ifc-multipage #spinner.show {
    background: var(--figma-cream) !important;
}

body.ifc-multipage .spinner-grow.text-primary {
    color: var(--figma-teal) !important;
}

/* ══════════════════════════════════════════
   Figma textured buttons + leaks + modal
══════════════════════════════════════════ */

/* Watercolor CTA button backgrounds */
body.ifc-multipage .navbar-ifc .nav-cta,
body.ifc-multipage .btn-hero-primary,
body.ifc-multipage .web-cta-btn,
body.ifc-multipage .why-cta-btn {
    background-color: transparent !important;
    background-image: url('../img/figma/ui/btn-hero-primary.png') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 0.95rem 1.85rem !important;
}

body.ifc-multipage .navbar-ifc .nav-cta:hover,
body.ifc-multipage .btn-hero-primary:hover,
body.ifc-multipage .web-cta-btn:hover,
body.ifc-multipage .why-cta-btn:hover {
    background-image: url('../img/figma/ui/btn-hero-primary.png') !important;
    filter: brightness(1.06) saturate(1.05);
    color: #fff !important;
    box-shadow: none !important;
}

body.ifc-multipage .leaks-eyebrow {
    color: #27343D !important;
    font-weight: 900 !important;
}

body.ifc-multipage .leaks-title,
body.ifc-multipage .leaks-subtitle {
    color: #27343D !important;
}

body.ifc-multipage .leaks-subtitle {
    opacity: 0.75;
}

/* Leak cards — Figma parchment frames */
body.ifc-multipage .leak-card.lc-vertical,
body.ifc-multipage .leak-card {
    background-color: transparent !important;
    background-image: url('../img/figma/ui/leak-card-0.png?v=8') !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 18px !important;
    color: #27343D !important;
    min-height: 220px;
    padding: 1.35rem 1.25rem 1.2rem !important;
}


body.ifc-multipage .leak-card.lc-vertical:hover,
body.ifc-multipage .leak-card.lc-vertical.active {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(98, 73, 43, 0.18) !important;
    border: none !important;
}

body.ifc-multipage .lc-num {
    color: #C88850 !important;
    opacity: 1 !important;
    font-weight: 800;
}

body.ifc-multipage .leak-card:hover .lc-num,
body.ifc-multipage .leak-card.active .lc-num {
    color: #DB8741 !important;
}

/* Icons always visible (were near-white on cream) */
body.ifc-multipage .lc-icon {
    width: 56px !important;
    height: 56px !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    opacity: 1 !important;
}

body.ifc-multipage .lc-icon i {
    color: #C88850 !important;
    opacity: 1 !important;
    font-size: 1.15rem !important;
}

body.ifc-multipage .lc-icon img {
    width: 56px;
    height: 56px;
    object-fit: contain;
    display: block;
    opacity: 1 !important;
}

body.ifc-multipage .leak-card:hover .lc-icon,
body.ifc-multipage .leak-card.active .lc-icon {
    background: transparent !important;
    border: none !important;
}

body.ifc-multipage .lc-title {
    color: #27343D !important;
    font-family: 'Akatab', sans-serif !important;
    font-weight: 800 !important;
}

body.ifc-multipage .leak-card:hover .lc-title,
body.ifc-multipage .leak-card.active .lc-title {
    color: #193A57 !important;
}

body.ifc-multipage .lc-desc {
    color: rgba(39, 52, 61, 0.72) !important;
}

body.ifc-multipage .lc-cta {
    color: #C88850 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em;
}

body.ifc-multipage .leak-card:hover .lc-cta,
body.ifc-multipage .leak-card.active .lc-cta {
    color: #DB8741 !important;
}

/* Legend — visible on light bg */
body.ifc-multipage .leaks-legend {
    gap: 2.5rem;
    margin-top: 1.75rem;
}

body.ifc-multipage .legend-item {
    color: #27343D !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

body.ifc-multipage .red-dot {
    background: #C88850 !important;
    box-shadow: none !important;
    width: 10px;
    height: 10px;
}

body.ifc-multipage .teal-dot {
    background: #2D898E !important;
    box-shadow: none !important;
    width: 10px;
    height: 10px;
}

/* Diagnostic popup — Figma cream / bronze */
/* ══════════════════════════════════════════
   Diagnostic popup — Figma cream / bronze / teal
   The old design painted every .diag-panel child with a navy
   gradient; that rule is what made the popup still look dark.
   ══════════════════════════════════════════ */
body.ifc-multipage .leaks-modal-overlay {
    background: rgba(39, 52, 61, 0.48) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body.ifc-multipage .leaks-modal {
    background: #FEFBF9 url('../img/figma/hero-wash.jpg') center top / cover no-repeat !important;
    border: 1px solid rgba(200, 136, 80, 0.35) !important;
    border-radius: 18px !important;
    box-shadow: 0 28px 70px rgba(39, 52, 61, 0.28) !important;
    color: #27343D !important;
}

/* Kill the navy cards the old stylesheet puts on every panel child */
body.ifc-multipage .diag-panel > * {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(200, 136, 80, 0.22) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(98, 73, 43, 0.06);
    color: #27343D !important;
}

body.ifc-multipage .leaks-modal-body .diag-panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.ifc-multipage .leaks-modal-close {
    background: rgba(240, 154, 81, 0.12) !important;
    border: 1px solid rgba(200, 136, 80, 0.45) !important;
    color: #62492B !important;
}

body.ifc-multipage .leaks-modal-close:hover {
    background: rgba(240, 154, 81, 0.25) !important;
    border-color: #DB8741 !important;
    color: #DB8741 !important;
}

body.ifc-multipage .leaks-modal-body {
    color: #27343D;
    scrollbar-color: rgba(200, 136, 80, 0.45) transparent;
}

body.ifc-multipage .leaks-modal-body::-webkit-scrollbar-thumb {
    background: rgba(200, 136, 80, 0.45);
}

body.ifc-multipage .diag-label {
    font-family: 'Akatab', sans-serif !important;
    color: #2D898E !important;
    border-bottom-color: rgba(200, 136, 80, 0.28) !important;
    background: transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.ifc-multipage .diag-section {
    border-bottom-color: rgba(98, 73, 43, 0.1) !important;
}

body.ifc-multipage .diag-section-label {
    font-family: 'Akatab', sans-serif !important;
    color: rgba(39, 52, 61, 0.5) !important;
}

body.ifc-multipage .diag-section-label.red {
    color: #C88850 !important;
}

body.ifc-multipage .diag-section-label.teal {
    color: #2D898E !important;
}

body.ifc-multipage .diag-title {
    color: #193A57 !important;
    font-family: 'Akatab', sans-serif !important;
}

body.ifc-multipage .diag-desc,
body.ifc-multipage .diag-snap-sub {
    color: rgba(39, 52, 61, 0.72) !important;
}

/* Cost / metric / dashboard cards inside the panel */
body.ifc-multipage .diag-cost-card,
body.ifc-multipage .diag-cost-card-h,
body.ifc-multipage .diag-dash-card,
body.ifc-multipage .diag-metric-card,
body.ifc-multipage .diag-notif-impact,
body.ifc-multipage .diag-result-box {
    background: #FEFBF9 !important;
    border: 1px solid rgba(200, 136, 80, 0.28) !important;
    color: #27343D !important;
    box-shadow: none !important;
}

body.ifc-multipage .diag-cost-text h5,
body.ifc-multipage .diag-cost-card h5,
body.ifc-multipage .diag-dash-val,
body.ifc-multipage .diag-donut-val {
    color: #193A57 !important;
}

body.ifc-multipage .diag-cost-text p,
body.ifc-multipage .diag-cost-card p,
body.ifc-multipage .diag-dash-head,
body.ifc-multipage .diag-metric-label,
body.ifc-multipage .diag-impact-sub,
body.ifc-multipage .diag-impact-note {
    color: rgba(39, 52, 61, 0.65) !important;
}

body.ifc-multipage .diag-cost-icon {
    color: #C88850 !important;
}

/* Icons that were forced red for the dark theme → Figma bronze */
body.ifc-multipage .diag-warn-img,
body.ifc-multipage .diag-warn-sm,
body.ifc-multipage .diag-cost-icon-box img {
    filter: brightness(0) saturate(100%) invert(58%) sepia(42%) saturate(650%) hue-rotate(346deg) brightness(95%) !important;
}

body.ifc-multipage .diag-cost-icon-circle {
    border-color: rgba(200, 136, 80, 0.55) !important;
    background: rgba(240, 154, 81, 0.08) !important;
}

body.ifc-multipage .diag-x,
body.ifc-multipage .diag-dash-arrow {
    color: #C88850 !important;
}

body.ifc-multipage .diag-impact-label {
    color: #C88850 !important;
}

body.ifc-multipage .diag-metric-val {
    color: #2D898E !important;
}

body.ifc-multipage .diag-metric-val.red-val {
    color: #C88850 !important;
}

body.ifc-multipage .diag-metric-bar {
    background: rgba(39, 52, 61, 0.1) !important;
}

body.ifc-multipage .diag-metric-bar::after {
    background: #2D898E !important;
}

body.ifc-multipage .diag-metric-bar.red-bar::after {
    background: #C88850 !important;
}

body.ifc-multipage .diag-dash-connected {
    border-color: rgba(200, 136, 80, 0.5) !important;
    background: rgba(254, 251, 249, 0.55) !important;
}

body.ifc-multipage .diag-warning-center,
body.ifc-multipage .diag-warning-bar {
    background: rgba(200, 136, 80, 0.12) !important;
    border-color: rgba(200, 136, 80, 0.4) !important;
    color: #62492B !important;
}

/* Mini charts — teal / bronze on cream */
body.ifc-multipage .chart-green {
    background: linear-gradient(to top, rgba(45, 137, 142, 0.18) 0%, transparent 100%) !important;
}

body.ifc-multipage .chart-green::after {
    background: #2D898E !important;
}

body.ifc-multipage .chart-bars::before,
body.ifc-multipage .chart-bars::after {
    background: rgba(45, 137, 142, 0.6) !important;
}

body.ifc-multipage .chart-donut {
    background:
        radial-gradient(circle at center, #FEFBF9 38%, transparent 38%),
        conic-gradient(#2D898E 0 220deg, rgba(39, 52, 61, 0.12) 220deg) !important;
}

body.ifc-multipage .chart-bars-gold {
    background: repeating-linear-gradient(
        to right,
        rgba(200, 136, 80, 0.65) 0,
        rgba(200, 136, 80, 0.65) 4px,
        transparent 4px,
        transparent 8px
    ) !important;
    background-size: 100% 55% !important;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
}

/* Result boxes (pipeline panel) */
body.ifc-multipage .diag-result-box {
    color: rgba(39, 52, 61, 0.7) !important;
}

body.ifc-multipage .green-box {
    background: rgba(45, 137, 142, 0.1) !important;
    border: 1px solid rgba(45, 137, 142, 0.35) !important;
}

body.ifc-multipage .green-box strong {
    color: #2D898E !important;
}

body.ifc-multipage .red-box {
    background: rgba(200, 136, 80, 0.12) !important;
    border: 1px solid rgba(200, 136, 80, 0.4) !important;
}

body.ifc-multipage .red-box strong {
    color: #C88850 !important;
}

body.ifc-multipage .grey-box {
    background: rgba(39, 52, 61, 0.05) !important;
    border: 1px solid rgba(39, 52, 61, 0.12) !important;
}

body.ifc-multipage .grey-box strong {
    color: #27343D !important;
}

/* IFC Fix block */
body.ifc-multipage .diag-fix {
    background: rgba(45, 137, 142, 0.08) !important;
    border-color: rgba(45, 137, 142, 0.3) !important;
}

body.ifc-multipage .diag-fix-col1 p,
body.ifc-multipage .diag-fix-list li {
    color: #27343D !important;
}

body.ifc-multipage .diag-teal-dot {
    background: #2D898E !important;
    box-shadow: 0 0 6px rgba(45, 137, 142, 0.45) !important;
}

body.ifc-multipage .diag-check-teal {
    filter: brightness(0) saturate(100%) invert(42%) sepia(42%) saturate(650%) hue-rotate(140deg) brightness(95%) !important;
}

body.ifc-multipage .diag-fix-shield-img {
    filter: brightness(0) saturate(100%) invert(42%) sepia(42%) saturate(650%) hue-rotate(140deg) brightness(95%)
        drop-shadow(0 0 6px rgba(45, 137, 142, 0.35)) !important;
    animation: none !important;
}

body.ifc-multipage .diag-fix-illus,
body.ifc-multipage .diag-fix-illus-teal {
    filter: none !important;
    animation: none !important;
}

/* Pipeline snapshot art has white text on a transparent canvas —
   pin a dark plate behind just this image so it stays readable */
body.ifc-multipage .diag-pipeline-img {
    background: #0A1620 !important;
    border-radius: 10px !important;
    padding: 0.5rem !important;
    box-sizing: border-box;
}

/* Diagnostic popup — stack every horizontal row on tablet / phone */
@media (max-width: 991.98px) {
    body.ifc-multipage .leaks-modal-overlay {
        padding: 0.7rem 0.7rem 1.25rem !important;
        align-items: flex-start !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    body.ifc-multipage .leaks-modal {
        max-width: 100% !important;
        max-height: none !important;
        width: 100% !important;
        margin: 0 0 1rem;
    }

    body.ifc-multipage .leaks-modal-body {
        padding: 2.4rem 1.15rem 1.6rem !important;
        overflow: visible;
    }

    body.ifc-multipage .diag-title {
        font-size: 1.28rem !important;
        line-height: 1.25 !important;
    }

    body.ifc-multipage .diag-cost-grid,
    body.ifc-multipage .diag-cost-grid-h {
        grid-template-columns: 1fr !important;
        gap: 0.7rem !important;
    }

    body.ifc-multipage .diag-dashboards {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 0.6rem !important;
    }

    body.ifc-multipage .diag-dash-card {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body.ifc-multipage .diag-dash-head {
        white-space: normal !important;
        overflow: visible !important;
    }

    body.ifc-multipage .diag-warning-center {
        flex-wrap: wrap !important;
        text-align: center;
        justify-content: center;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0.75rem 0.85rem !important;
        font-size: 0.78rem !important;
        line-height: 1.4;
    }

    body.ifc-multipage .diag-fix-inner-3col,
    body.ifc-multipage .diag-fix-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 1.15rem !important;
    }

    body.ifc-multipage .diag-fix-col1 {
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left;
        gap: 0.7rem !important;
    }

    body.ifc-multipage .diag-fix-col3,
    body.ifc-multipage .diag-fix-right {
        width: 100% !important;
        max-width: 240px;
        margin: 0 auto;
    }

    body.ifc-multipage .diag-pipeline-wrap,
    body.ifc-multipage .diag-notif-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 1rem !important;
    }

    body.ifc-multipage .diag-pipeline-img,
    body.ifc-multipage .diag-snapshot-img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
    }

    body.ifc-multipage .diag-pipeline-results {
        width: 100% !important;
        flex-direction: column !important;
        gap: 0.55rem !important;
    }

    body.ifc-multipage .diag-result-box {
        width: 100%;
    }

    body.ifc-multipage .diag-notif-impact {
        width: 100% !important;
    }
}

@media (max-width: 575.98px) {
    body.ifc-multipage .leaks-modal-overlay {
        padding: 0 !important;
        align-items: stretch !important;
    }

    body.ifc-multipage .leaks-modal {
        height: 100%;
        max-height: 100% !important;
        border-radius: 0 !important;
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    body.ifc-multipage .leaks-modal-body {
        padding: 3.4rem 1rem 1.75rem !important;
        overflow-y: auto;
        flex: 1 1 auto;
        -webkit-overflow-scrolling: touch;
    }

    body.ifc-multipage .leaks-modal-close {
        top: 0.7rem !important;
        right: 0.7rem !important;
    }

    body.ifc-multipage .diag-cost-card-h {
        align-items: flex-start;
    }

    body.ifc-multipage .diag-fix-shield-img {
        width: 72px !important;
        height: 72px !important;
    }
}

body.ifc-multipage .why-cta-strip {
    background: transparent !important;
    background-image: none !important;
    border: 1.5px solid #2A4543 !important;
    border-radius: 18px !important;
    overflow: hidden;
}

body.ifc-multipage .why-cta-heading {
    color: #F09A51 !important;
}

body.ifc-multipage .why-cta-heading .why-teal {
    color: #2D898E !important;
}

body.ifc-multipage .why-cta-checks span {
    color: #27343D !important;
}

body.ifc-multipage .why-cta-checks i {
    color: #E8924A !important;
}

/* ══════════════════════════════════════════
   Figma display type + System Leaks section
   Palette sampled directly off the Figma canvas
   ══════════════════════════════════════════ */
body.ifc-multipage {
    --figma-display: 'Abril Fatface', 'Playfair Display', Georgia, serif;
    --leaks-paper: #FAF4EA;
    --leaks-bronze: #CB7A3A;
    --leaks-bronze-soft: #CB8B57;
    --leaks-ink: #3D4A51;
    --leaks-ink-soft: #5B676D;
}

body.ifc-multipage .figma-display,
body.ifc-multipage .leaks-title {
    font-family: var(--figma-display) !important;
    font-weight: 400 !important;
}

/* Section canvas: warm paper; illustration sits in .leaks-bg-art so it can fade + shift */
body.ifc-multipage .leaks-section {
    background: var(--leaks-paper) !important;
    padding: 4.5rem 0 9rem !important;
    position: relative;
    overflow: hidden;
}

body.ifc-multipage .leaks-bg-art {
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: url('../img/figma/ui/leaks-illustration.png') 28% 100% / cover no-repeat;
    opacity: 0.34;
    -webkit-mask-image: linear-gradient(
        180deg,
        transparent 0%,
        rgba(0, 0, 0, 0.35) 12%,
        #000 28%,
        #000 72%,
        rgba(0, 0, 0, 0.35) 88%,
        transparent 100%
    );
    mask-image: linear-gradient(
        180deg,
        transparent 0%,
        rgba(0, 0, 0, 0.35) 12%,
        #000 28%,
        #000 72%,
        rgba(0, 0, 0, 0.35) 88%,
        transparent 100%
    );
}

body.ifc-multipage .leaks-header {
    margin-bottom: 3.5rem !important;
}

body.ifc-multipage .leaks-eyebrow {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em !important;
    color: #46535A !important;
    margin-bottom: 0.55rem !important;
}

body.ifc-multipage .leaks-title {
    font-size: clamp(2.3rem, 4.4vw, 4rem) !important;
    line-height: 1.06 !important;
    letter-spacing: 0.005em !important;
    color: var(--leaks-bronze) !important;
    margin-bottom: 0.75rem !important;
}

body.ifc-multipage .leaks-subtitle {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    color: var(--leaks-ink-soft) !important;
    max-width: 560px !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    background: none !important;
    padding: 0 !important;
}

/* Cards: Figma's translucent parchment frames (icon is part of the artwork) */
body.ifc-multipage .leaks-cards-col {
    gap: 1.05rem !important;
}

body.ifc-multipage .leak-card.lc-vertical,
body.ifc-multipage .leak-card {
    background-color: transparent !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 16px !important;
    color: var(--leaks-ink) !important;
    min-height: 218px !important;
    padding: 1.15rem 1.15rem 1.05rem !important;
}

body.ifc-multipage .leak-card[data-leak="1"] { background-image: url('../img/figma/ui/leak-card-0.png?v=8') !important; }
body.ifc-multipage .leak-card[data-leak="2"] { background-image: url('../img/figma/ui/leak-card-1.png?v=8') !important; }
body.ifc-multipage .leak-card[data-leak="3"] { background-image: url('../img/figma/ui/leak-card-2.png?v=8') !important; }
body.ifc-multipage .leak-card[data-leak="4"] { background-image: url('../img/figma/ui/leak-card-3.png?v=8') !important; }

body.ifc-multipage .leak-card.lc-vertical:hover,
body.ifc-multipage .leak-card.lc-vertical.active {
    transform: translateY(-5px);
    box-shadow: 0 16px 30px rgba(120, 86, 48, 0.16) !important;
    border: none !important;
}

body.ifc-multipage .lc-card-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    margin-bottom: 1.15rem !important;
}

/* HQ icons overlay the blank parchment frames — never stretch */
body.ifc-multipage .lc-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 96px !important;
    height: 96px !important;
    flex-shrink: 0 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    margin-top: -0.15rem;
    margin-right: -0.15rem;
}

body.ifc-multipage .lc-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block;
    pointer-events: none;
}

body.ifc-multipage .lc-num {
    font-family: 'Akatab', sans-serif !important;
    font-size: 1.12rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    color: var(--leaks-bronze-soft) !important;
    opacity: 1 !important;
    padding-left: 1rem !important;
    margin-left: 0.35rem !important;
    margin-top: 0.45rem !important;
}

body.ifc-multipage .lc-title {
    font-family: 'Akatab', sans-serif !important;
    font-size: 1.02rem !important;
    font-weight: 800 !important;
    line-height: 1.28 !important;
    color: var(--leaks-ink) !important;
    margin-bottom: 0.45rem !important;
}

body.ifc-multipage .lc-desc {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.76rem !important;
    line-height: 1.45 !important;
    color: var(--leaks-ink-soft) !important;
    margin-bottom: 0.85rem !important;
}

body.ifc-multipage .lc-cta {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    gap: 0.45rem !important;
    color: var(--leaks-bronze) !important;
    opacity: 1 !important;
}

body.ifc-multipage .leak-card:hover .lc-num,
body.ifc-multipage .leak-card.active .lc-num,
body.ifc-multipage .leak-card:hover .lc-cta,
body.ifc-multipage .leak-card.active .lc-cta {
    color: #B96725 !important;
}

body.ifc-multipage .leak-card:hover .lc-title,
body.ifc-multipage .leak-card.active .lc-title {
    color: #27343D !important;
}

/* Legend: plain text on the illustration, Figma dot colours */
body.ifc-multipage .leaks-legend {
    gap: 2.25rem !important;
    margin-top: 3rem !important;
}

body.ifc-multipage .legend-item {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    color: var(--leaks-ink) !important;
    gap: 0.45rem !important;
}

body.ifc-multipage .legend-dot {
    width: 8px !important;
    height: 8px !important;
    box-shadow: none !important;
}

body.ifc-multipage .red-dot {
    background: #F19F59 !important;
}

body.ifc-multipage .teal-dot {
    background: #419498 !important;
}

@media (max-width: 991.98px) {
    body.ifc-multipage .leaks-section {
        padding: 3.5rem 0 6rem !important;
    }

    body.ifc-multipage .leaks-cards-col {
        flex-wrap: wrap;
    }

    body.ifc-multipage .leak-card.lc-vertical {
        flex: 1 1 calc(50% - 0.55rem);
    }
}

@media (max-width: 575.98px) {
    body.ifc-multipage .leaks-section {
        padding: 3rem 0 4.5rem !important;
    }

    body.ifc-multipage .leak-card.lc-vertical {
        flex: 1 1 100%;
        min-height: 200px !important;
    }
}

/* ══════════════════════════════════════════
   One continuous canvas
   Every stacked section shares a single paper tone; each piece of
   Figma artwork is veiled down and faded into that exact tone at
   its top and bottom edges, so section joins are invisible.
   ══════════════════════════════════════════ */
html {
    background-color: #FBF5EC;
}

body.ifc-multipage {
    --page-paper: #FBF5EC;

    /* Veil sits above the artwork: solid paper at the seams, sheer in the middle */
    --art-veil: linear-gradient(180deg,
        rgba(251, 245, 236, 1) 0%,
        rgba(251, 245, 236, 0.78) 10%,
        rgba(251, 245, 236, 0.5) 32%,
        rgba(251, 245, 236, 0.5) 66%,
        rgba(251, 245, 236, 0.8) 90%,
        rgba(251, 245, 236, 1) 100%);

    /* Lighter veil where the illustration itself is the content */
    --art-veil-soft: linear-gradient(180deg,
        rgba(251, 245, 236, 1) 0%,
        rgba(251, 245, 236, 0.68) 9%,
        rgba(251, 245, 236, 0.26) 30%,
        rgba(251, 245, 236, 0.26) 74%,
        rgba(251, 245, 236, 0.62) 92%,
        rgba(251, 245, 236, 0.96) 100%);

    background: var(--page-paper) !important;
}

body.ifc-multipage .hero-section,
body.ifc-multipage .wws-section,
body.ifc-multipage .svc-section,
body.ifc-multipage .strat-section,
body.ifc-multipage .biz-section,
body.ifc-multipage .mex-section,
body.ifc-multipage .why-section,
body.ifc-multipage .web-section,
body.ifc-multipage .arch-section,
body.ifc-multipage .leaks-section,
body.ifc-multipage .page-section,
body.ifc-multipage .contact-page {
    background: transparent !important;
    background-color: transparent !important;
    border-top: none !important;
}

/* Hairline dividers would redraw the seams we just removed */
body.ifc-multipage .biz-section::before,
body.ifc-multipage .web-section::before,
body.ifc-multipage .mex-section {
    border-top: none !important;
}

body.ifc-multipage .biz-section::before,
body.ifc-multipage .web-section::before {
    display: none !important;
}

/* Watercolour wash — first section of each page */
body.ifc-multipage .hero-section,
body.ifc-multipage .svc-section,
body.ifc-multipage .why-section,
body.ifc-multipage .contact-page {
    background-image: var(--art-veil), url('../img/figma/hero-wash.jpg') !important;
    background-size: 100% 100%, cover !important;
    background-position: center center, center top !important;
    background-repeat: no-repeat, no-repeat !important;
}

body.ifc-multipage .web-section:first-of-type {
    background-image: none !important;
    background-color: var(--page-paper) !important;
    position: relative;
    overflow: hidden;
    padding-bottom: 4.5rem !important;
}

body.ifc-multipage .web-stage {
    position: relative;
    max-width: 760px;
    margin: 0 auto 2.25rem;
    min-height: 320px;
}

body.ifc-multipage .web-layer-41 {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
    pointer-events: none;
}

body.ifc-multipage .web-stage .web-grid {
    position: absolute;
    inset: 0;
    z-index: 1;
    margin-bottom: 0;
    align-content: center;
    background: transparent;
}

body.ifc-multipage #webinars .seminars-empty,
body.ifc-multipage #webinars .web-loading {
    display: none !important;
}

body.ifc-multipage #webinars.web-section > .container {
    position: relative;
    z-index: 1;
}

/* System leaks — faded illustration lives on .leaks-bg-art, not the section fill */
body.ifc-multipage .leaks-section {
    background-image: none !important;
    background-color: var(--page-paper) !important;
}

body.ifc-multipage .leaks-section > .container {
    position: relative;
    z-index: 1;
}

/* Framework / case studies architecture art */
body.ifc-multipage .arch-section {
    background-image: var(--art-veil-soft), url('../img/figma/ui/framework-art-soft.jpg') !important;
    background-size: 100% 100%, cover !important;
    background-position: center center, center center !important;
    background-repeat: no-repeat, no-repeat !important;
}

/* Navbar melts into the paper instead of banding across the top */
body.ifc-multipage .navbar-ifc {
    background: rgba(251, 245, 236, 0.92) !important;
    background-image: none !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(98, 73, 43, 0.07) !important;
    box-shadow: 0 6px 20px rgba(39, 52, 61, 0.04) !important;
}

/* Footer eases out of the page tone rather than starting on a hard edge */
body.ifc-multipage .ifc-footer {
    background: linear-gradient(180deg,
        var(--page-paper) 0%,
        #F9F1E7 40%,
        #F7EDE4 100%) !important;
}

body.ifc-multipage .footer-top {
    background-image: linear-gradient(180deg,
            rgba(252, 245, 236, 0.95) 0%,
            rgba(254, 244, 234, 0.5) 18%,
            rgba(254, 244, 234, 0.5) 78%,
            rgba(250, 240, 230, 0.92) 100%),
        url('../img/figma/footer/cta-bg.jpg') !important;
    background-size: 100% 100%, cover !important;
    background-position: center center, center center !important;
    background-repeat: no-repeat, no-repeat !important;
    background-color: transparent !important;
}

body.ifc-multipage .footer-bottom {
    background: transparent !important;
    border-top: 1px solid rgba(203, 131, 59, 0.35) !important;
}

/* ══════════════════════════════════════════
   Who We Serve cards — straight from Figma
   Frame is the Figma image fill at its 80% opacity, with the 2px
   teal stroke and 21px radius; icons are the original artwork.
   ══════════════════════════════════════════ */
body.ifc-multipage .wws-card {
    position: relative;
    background: url('../img/figma/ui/wws-card-bg.jpg') center center / 100% 100% no-repeat !important;
    background-color: transparent !important;
    border: 2px solid #2D898E !important;
    border-radius: 21px !important;
    box-shadow: none !important;
    overflow: hidden;
}

body.ifc-multipage .wws-card::before {
    display: none !important;
}

body.ifc-multipage .wws-card:hover,
body.ifc-multipage .wws-card:focus-visible,
body.ifc-multipage .wws-card.wws-active {
    transform: translateY(-6px);
    border-color: #C88850 !important;
    box-shadow: 0 18px 34px rgba(120, 86, 48, 0.18) !important;
}

/* Copy spans the card; artwork sits where Figma places it, behind the text */
body.ifc-multipage .wws-card-body {
    padding: 1.35rem 1.4rem 1.3rem !important;
    z-index: 1;
}

body.ifc-multipage .wws-illustration {
    position: absolute;
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 0;
    pointer-events: none;
}

body.ifc-multipage .wws-illustration img,
body.ifc-multipage .wws-card:hover .wws-illustration img,
body.ifc-multipage .wws-card:focus-visible .wws-illustration img,
body.ifc-multipage .wws-card.wws-active .wws-illustration img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    filter: none !important;
}

body.ifc-multipage .wws-card:hover .wws-illustration img,
body.ifc-multipage .wws-card:focus-visible .wws-illustration img,
body.ifc-multipage .wws-card.wws-active .wws-illustration img {
    transform: scale(1.03);
}

/* Icon placement as a share of the card box, measured off the Figma frame */
body.ifc-multipage .wws-card:nth-child(1) .wws-illustration {
    top: 7%;
    right: 1%;
    width: 42%;
}

body.ifc-multipage .wws-card:nth-child(2) .wws-illustration {
    top: 12%;
    right: 5.5%;
    width: 31%;
}

body.ifc-multipage .wws-card:nth-child(3) .wws-illustration {
    top: 8%;
    right: 3%;
    width: 31%;
}

/* Figma card typography */
body.ifc-multipage .wws-num,
body.ifc-multipage .wws-card:hover .wws-num,
body.ifc-multipage .wws-card:focus-visible .wws-num,
body.ifc-multipage .wws-card.wws-active .wws-num {
    font-family: 'Akshar', sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    color: #296251 !important;
    margin-bottom: 0.45rem !important;
}

body.ifc-multipage .wws-card-title {
    font-family: 'Akatab', sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    color: #2D898E !important;
    max-width: 74%;
    margin-bottom: 0.5rem !important;
}

body.ifc-multipage .wws-card-desc {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.97rem !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    color: #C88850 !important;
    max-width: 76%;
    margin-bottom: 1rem !important;
}

body.ifc-multipage .wws-list,
body.ifc-multipage .wws-card:hover .wws-list,
body.ifc-multipage .wws-card:focus-visible .wws-list,
body.ifc-multipage .wws-card.wws-active .wws-list {
    border-top: 1px solid #A4A4A4 !important;
    padding-top: 0.85rem !important;
}

body.ifc-multipage .wws-list li,
body.ifc-multipage .wws-card:hover .wws-list li,
body.ifc-multipage .wws-card:focus-visible .wws-list li,
body.ifc-multipage .wws-card.wws-active .wws-list li {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    color: #11757A !important;
    padding-left: 1.05rem !important;
}

body.ifc-multipage .wws-list li::before {
    width: 6px !important;
    height: 6px !important;
    background: #11757A !important;
    box-shadow: none !important;
}

body.ifc-multipage .wws-card:hover .wws-list li::before,
body.ifc-multipage .wws-card:focus-visible .wws-list li::before,
body.ifc-multipage .wws-card.wws-active .wws-list li::before {
    background: #C88850 !important;
    box-shadow: none !important;
}

/* ══════════════════════════════════════════
   CTA button pair — Figma "Ready to grow?" block
   Solid #F09A51 at 7px radius for the primary; the WhatsApp button
   is the same shape as a 1px outline with orange label.
   ══════════════════════════════════════════ */
body.ifc-multipage .footer-cta-primary,
body.ifc-multipage .footer-cta-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Akatab', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    text-decoration: none;
    border-radius: 7px !important;
    padding: 0.72rem 1.4rem !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

body.ifc-multipage .footer-cta-primary {
    background: #F09A51 !important;
    background-color: #F09A51 !important;
    border: 1px solid #F09A51 !important;
    color: #FFFFFF !important;
}

body.ifc-multipage .footer-cta-primary:hover,
body.ifc-multipage .footer-cta-primary:focus-visible {
    background: #DB8741 !important;
    background-color: #DB8741 !important;
    border-color: #DB8741 !important;
    color: #FFFFFF !important;
}

body.ifc-multipage .footer-cta-whatsapp {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #F09A51 !important;
    color: #F09A51 !important;
}

body.ifc-multipage .footer-cta-whatsapp:hover,
body.ifc-multipage .footer-cta-whatsapp:focus-visible {
    background: #F09A51 !important;
    background-color: #F09A51 !important;
    border-color: #F09A51 !important;
    color: #FFFFFF !important;
}

/* ══════════════════════════════════════════
   Hero video — Figma's hand-painted watercolour frame
   The artwork is a border with a transparent centre, so it maps
   straight onto border-image and the video shows through.
   ══════════════════════════════════════════ */
body.ifc-multipage .hero-video-frame {
    --vf-inset: clamp(10px, 1.45vw, 20px);
    position: relative;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    /* Video sits inside the painted rim so square corners never poke out */
    padding: var(--vf-inset);
}

/* Watercolour frame stretched over the full box, covering the inset rim */
body.ifc-multipage .hero-video-frame::after {
    content: '';
    position: absolute;
    inset: 0;
    background: url('../img/figma/ui/hero-video-frame.png') center / 100% 100% no-repeat;
    pointer-events: none;
    z-index: 4;
}

/* Figma has no blueprint corner ticks */
body.ifc-multipage .vf-corner {
    display: none !important;
}

body.ifc-multipage .hero-video {
    display: block;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

body.ifc-multipage .hero-video-controls {
    bottom: calc(0.85rem + var(--vf-inset, 12px));
    right: calc(0.85rem + var(--vf-inset, 12px));
}

body.ifc-multipage .video-fs-btn,
body.ifc-multipage .video-sound-btn {
    background: rgba(39, 52, 61, 0.82) !important;
    border-color: rgba(200, 136, 80, 0.45) !important;
}

body.ifc-multipage .video-fs-btn:hover,
body.ifc-multipage .video-sound-btn:hover {
    background: rgba(240, 154, 81, 0.35) !important;
    border-color: rgba(240, 154, 81, 0.85) !important;
    box-shadow: 0 0 12px rgba(240, 154, 81, 0.35) !important;
}

body.ifc-multipage .video-fs-btn svg,
body.ifc-multipage .video-sound-btn svg {
    color: #F09A51 !important;
}


/* ══════════════════════════════════════════
   Proof of Execution (case-studies) — Figma cream
   Old dark theme left white text on cream cards.
   ══════════════════════════════════════════ */
body.ifc-multipage .arch-proof-label {
    font-family: 'Akatab', sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
    color: #27343D !important;
    margin-bottom: 0.35rem !important;
}

body.ifc-multipage .arch-proof-sub {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    color: #27343D !important;
    opacity: 0.75;
    margin-bottom: 1.5rem !important;
}

body.ifc-multipage .arch-proof-grid {
    /* Wider process col (5) so pills stay inside the watercolor frame */
    grid-template-columns: 1.25fr 0.95fr 0.95fr 1.5fr 1.45fr 1.1fr !important;
    gap: 0.85rem !important;
    --proof-card-height: 230px;
}

body.ifc-multipage .arch-proof-caption {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.62rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    color: #27343D !important;
    text-align: center;
}

body.ifc-multipage .arch-proof-caption-spacer {
    visibility: hidden;
}

/* Watercolour plate behind every proof card / media tile */
body.ifc-multipage .arch-proof-card,
body.ifc-multipage .arch-proof-media {
    position: relative;
    background-color: #FBF5EC !important;
    background-image: url('../img/figma/ui/arch-proof-frame.png') !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: none !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    overflow: hidden;
    padding: 7px !important;
}

body.ifc-multipage .arch-proof-card::after,
body.ifc-multipage .arch-proof-media::after {
    display: none !important;
}

/* Peach / cream inset plate on text cards (frame shows around the rim) */
body.ifc-multipage .arch-proof-card.arch-case-study,
body.ifc-multipage .arch-proof-card.arch-process {
    background-image:
        linear-gradient(#FEF4EA, #FEF4EA),
        url('../img/figma/ui/arch-proof-frame.png') !important;
    background-size: calc(100% - 14px) calc(100% - 14px), 100% 100% !important;
    background-position: center, center !important;
    background-repeat: no-repeat, no-repeat !important;
    padding: 0.85rem 0.9rem !important;
}

/* Case study: frame only on the outer card; cream lives in .arch-case-inner */
body.ifc-multipage .arch-proof-card.arch-case-study {
    background-color: transparent !important;
    background-image: url('../img/figma/ui/arch-proof-frame.png') !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 14px !important;
    overflow: hidden !important;
    height: var(--proof-card-height, 230px) !important;
    max-height: var(--proof-card-height, 230px) !important;
    min-height: var(--proof-card-height, 230px) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

body.ifc-multipage .arch-case-inner {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    box-sizing: border-box;
    background: #FEF4EA;
    border-radius: 8px;
    padding: 0.55rem 0.65rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Process card: slightly deeper cream inset so pills clear the brushstroke */
body.ifc-multipage .arch-proof-card.arch-process {
    background-size: calc(100% - 22px) calc(100% - 18px), 100% 100% !important;
}

body.ifc-multipage .arch-case-label {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.58rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #F09A51 !important;
    margin-bottom: 0.2rem !important;
}

body.ifc-multipage .arch-case-brand {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.92rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #27343D !important;
    margin-bottom: 0.1rem !important;
}

body.ifc-multipage .arch-case-campaign {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #27343D !important;
    margin-bottom: 0.45rem !important;
}

body.ifc-multipage .arch-case-meta {
    gap: 0.28rem !important;
}

body.ifc-multipage .arch-case-meta div span {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.5rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #27343D !important;
    opacity: 0.7;
}

body.ifc-multipage .arch-case-meta div p {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #27343D !important;
    margin: 0 !important;
    line-height: 1.25 !important;
}

/* Media tiles — cream behind the frame so transparent edges don't show black */
body.ifc-multipage .arch-proof-media {
    background-color: #FBF5EC !important;
}

body.ifc-multipage .arch-proof-media img,
body.ifc-multipage .arch-proof-media video {
    border-radius: 10px;
}

body.ifc-multipage .arch-video-expand {
    border-color: rgba(200, 136, 80, 0.55) !important;
    background: rgba(254, 251, 249, 0.92) !important;
    color: #C88850 !important;
    z-index: 4;
}

body.ifc-multipage .arch-proof-video-wrap:hover .arch-video-expand,
body.ifc-multipage .arch-video-expand:hover {
    background: #F09A51 !important;
    border-color: #F09A51 !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(240, 154, 81, 0.35) !important;
}

/* Execution process pills — keep icons, Figma bronze stroke */
body.ifc-multipage .arch-process {
    gap: 0.35rem !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    height: 100% !important;
    justify-content: space-between !important;
}

body.ifc-multipage .arch-proof-card.arch-process {
    height: var(--proof-card-height, 230px) !important;
    max-height: var(--proof-card-height, 230px) !important;
    min-height: var(--proof-card-height, 230px) !important;
    /* Extra side inset so pills sit inside the brushstroke, not on it */
    padding: 0.7rem 1.05rem !important;
    overflow: hidden !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

body.ifc-multipage .arch-process-step {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.58rem !important;
    font-weight: 800 !important;
    color: #27343D !important;
    background: #FEFBF9 !important;
    border: 1px solid #C88850 !important;
    border-radius: 15px !important;
    padding: 0.28rem 0.45rem !important;
    white-space: nowrap !important;
    flex: 1 1 0 !important;
    line-height: 1.15 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    gap: 0.35rem !important;
    display: flex !important;
    align-items: center !important;
}

body.ifc-multipage .arch-process-step i {
    color: #C88850 !important;
    font-size: 0.6rem !important;
    width: 11px;
    flex-shrink: 0;
}

body.ifc-multipage .arch-proof-card.arch-metrics {
    background-color: transparent !important;
    background-image: url('../img/figma/ui/arch-proof-frame.png') !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 10px !important;
    overflow: hidden;
}

body.ifc-multipage .arch-metrics-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
    background: #FEF4EA;
    border-radius: 10px;
    padding: 0.55rem 0.5rem 0.45rem;
    overflow: hidden;
}

body.ifc-multipage .arch-metrics-head,
body.ifc-multipage .arch-metric-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr) minmax(0, 0.95fr) !important;
    gap: 0.2rem !important;
    align-items: center !important;
}

body.ifc-multipage .arch-metrics-head {
    color: #27343D !important;
    border-bottom-color: rgba(39, 52, 61, 0.12) !important;
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.48rem !important;
    letter-spacing: 0.04em !important;
    line-height: 1.15 !important;
    padding-bottom: 0.3rem !important;
    margin-bottom: 0.15rem !important;
    align-items: end !important;
}

body.ifc-multipage .arch-before-label,
body.ifc-multipage .arch-after-label {
    display: block;
    min-width: 0;
    white-space: nowrap;
}

body.ifc-multipage .arch-before-label {
    text-align: center !important;
}

body.ifc-multipage .arch-after-label {
    color: #D97521 !important;
    text-align: center !important;
    font-size: 0.48rem !important;
    line-height: 1.15 !important;
}

body.ifc-multipage .arch-after-label small {
    display: inline !important;
    font-size: inherit !important;
    letter-spacing: inherit !important;
    white-space: nowrap;
}

body.ifc-multipage .arch-metric-row {
    border-bottom-color: rgba(39, 52, 61, 0.08) !important;
    padding: 0.28rem 0 !important;
}

body.ifc-multipage .arch-metric-label {
    color: #27343D !important;
    font-weight: 700 !important;
    font-size: 0.52rem !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow: hidden;
}

body.ifc-multipage .arch-metric-before {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    overflow: visible !important;
}

body.ifc-multipage .arch-metric-after {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    overflow: visible !important;
}

body.ifc-multipage .arch-before-val {
    color: rgba(39, 52, 61, 0.45) !important;
    display: block;
    width: 100%;
    text-align: center !important;
}

body.ifc-multipage .arch-after-val {
    color: #27343D !important;
    font-size: 0.78rem !important;
}

body.ifc-multipage .arch-delta.positive {
    color: #D97521 !important;
    background: rgba(217, 117, 33, 0.12) !important;
}

body.ifc-multipage .arch-delta.negative {
    color: #D97521 !important;
    background: rgba(217, 117, 33, 0.12) !important;
}

/* Bottom capabilities strip */
body.ifc-multipage .arch-bottom-strip {
    margin-top: 1.75rem;
    background: url('../img/figma/ui/arch-bottom-strip.jpg') center / 100% 100% no-repeat !important;
    background-color: #E8F0F2 !important;
    border: none !important;
    border-radius: 40px !important;
    padding: 1.35rem 1.75rem !important;
    gap: 1.5rem !important;
}

body.ifc-multipage .arch-bottom-left p {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: #27343D !important;
    line-height: 1.55 !important;
}

body.ifc-multipage .arch-strip-shield {
    filter: none !important;
    width: 58px !important;
    height: 58px !important;
    object-fit: contain !important;
}

body.ifc-multipage .arch-strip-ico-img,
body.ifc-multipage .arch-strip-icon:hover .arch-strip-ico-img {
    filter: none !important;
    width: 52px !important;
    height: 52px !important;
    object-fit: contain !important;
}

body.ifc-multipage .arch-bottom-icons {
    gap: 1.15rem !important;
    align-items: flex-end;
}

body.ifc-multipage .arch-strip-icon {
    gap: 0.25rem !important;
}

body.ifc-multipage .arch-strip-icon span {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.58rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    color: #27343D !important;
}

@media (max-width: 1199.98px) {
    body.ifc-multipage .arch-proof-grid {
        grid-template-columns: 1fr 1fr 1fr !important;
        --proof-card-height: 210px;
    }
}

@media (max-width: 991.98px) {
    body.ifc-multipage .arch-bottom-icons {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        width: 100% !important;
        gap: 0.35rem !important;
    }

    body.ifc-multipage .arch-strip-icon {
        flex: 1 1 0 !important;
        min-width: 0 !important;
    }
}

@media (max-width: 767.98px) {
    body.ifc-multipage .arch-proof-grid {
        grid-template-columns: 1fr !important;
        --proof-card-height: 200px;
    }

    body.ifc-multipage .arch-bottom-strip {
        border-radius: 24px !important;
        background-size: cover !important;
        padding: 1.1rem 0.85rem !important;
    }

    body.ifc-multipage .arch-bottom-icons {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        width: 100% !important;
        gap: 0.2rem !important;
    }

    body.ifc-multipage .arch-strip-icon {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        gap: 0.15rem !important;
    }

    body.ifc-multipage .arch-strip-ico-img,
    body.ifc-multipage .arch-strip-icon:hover .arch-strip-ico-img {
        width: 38px !important;
        height: 38px !important;
    }

    body.ifc-multipage .arch-strip-icon span {
        font-size: 0.42rem !important;
        letter-spacing: 0.02em !important;
        text-align: center;
        line-height: 1.15 !important;
    }
}

/* ══════════════════════════════════════════
   IFC Growth Architecture — Figma assets + type
   ══════════════════════════════════════════ */
body.ifc-multipage .arch-header {
    margin-bottom: 2.75rem !important;
}

body.ifc-multipage .arch-title {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 900 !important;
    font-size: clamp(1.85rem, 4.2vw, 3.4rem) !important;
    letter-spacing: 0.01em !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
    color: #2D898E !important;
    margin-bottom: 0.65rem !important;
}

body.ifc-multipage .arch-title-gold {
    color: #F09A51 !important;
}

body.ifc-multipage .arch-subtitle {
    font-family: 'Akatab', sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    color: #27343D !important;
    margin-bottom: 0.45rem !important;
}

body.ifc-multipage .arch-sub2 {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    color: #27343D !important;
    opacity: 0.8;
}

body.ifc-multipage .arch-connector-img {
    display: none !important;
}

body.ifc-multipage .arch-pillars {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

body.ifc-multipage .arch-pillars .arch-col {
    flex: none;
    padding: 0 !important;
    border-right: none !important;
    text-align: left;
}

body.ifc-multipage .arch-num {
    font-family: 'Akshar', sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    color: #C88850 !important;
    margin-bottom: 0.35rem !important;
}

body.ifc-multipage .arch-step-title {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 900 !important;
    color: #27343D !important;
    line-height: 1.3 !important;
    min-height: 2.6em;
    margin-bottom: 0.75rem !important;
}

body.ifc-multipage .arch-icon-wrap {
    margin: 0 0 0.9rem;
}

body.ifc-multipage .arch-step-icon {
    display: block;
    width: 100%;
    max-width: 220px;
    height: auto;
    margin: 0 auto;
    image-rendering: auto;
}

body.ifc-multipage .arch-bullets {
    gap: 0.4rem !important;
}

body.ifc-multipage .arch-bullets li {
    font-family: 'Akatab', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    color: #27343D !important;
    padding-left: 0.9rem !important;
}

body.ifc-multipage .arch-bullets li::before {
    background: #2D898E !important;
    width: 5px !important;
    height: 5px !important;
}

body.ifc-multipage .arch-quote {
    background: rgba(254, 244, 234, 0.85) !important;
    border: 1px solid rgba(200, 136, 80, 0.28) !important;
    border-radius: 14px !important;
}

body.ifc-multipage .arch-quote p {
    font-family: 'Akatab', sans-serif !important;
    color: #27343D !important;
}

body.ifc-multipage .arch-quote-bold {
    font-family: 'Akatab', sans-serif !important;
    color: #2D898E !important;
    font-weight: 900 !important;
}

@media (max-width: 991.98px) {
    body.ifc-multipage .arch-pillars {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem 1.25rem;
    }

    body.ifc-multipage .arch-step-title {
        min-height: 0;
    }
}

@media (max-width: 575.98px) {
    body.ifc-multipage .arch-pillars {
        grid-template-columns: 1fr;
    }
}

/* ══════════════════════════════════════════
   Services page — Strategic Solutions / Biz / Mex
══════════════════════════════════════════ */

body.ifc-multipage .svc-section {
    padding: 7rem 0 3rem !important;
    /* Lighter pastel wash — Figma Strategic Solutions is airy, not heavy */
    background-image:
        linear-gradient(180deg,
            rgba(251, 245, 236, 0.72) 0%,
            rgba(251, 245, 236, 0.45) 28%,
            rgba(251, 245, 236, 0.55) 100%),
        url('../img/figma/hero-wash.jpg') !important;
    background-size: 100% 100%, cover !important;
    background-position: center center, center top !important;
    background-repeat: no-repeat, no-repeat !important;
}

body.ifc-multipage .svc-header {
    margin-bottom: 1.35rem !important;
    text-align: left;
}

body.ifc-multipage .svc-heading {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 900 !important;
    font-size: clamp(1.55rem, 2.6vw, 2.15rem) !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #F09A51 !important;
    line-height: 1.15 !important;
    margin: 0 !important;
}

body.ifc-multipage .svc-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.1rem 1.25rem !important;
    max-width: 1040px;
}

/* Figma cards: watercolor plate only — no cream/white rectangle behind it */
body.ifc-multipage .svc-card {
    position: relative;
    display: block !important;
    aspect-ratio: 584 / 366;
    width: 100%;
    min-height: 0;
    height: auto;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    overflow: visible;
    cursor: default;
    transition: transform 0.25s ease;
}

body.ifc-multipage .svc-card:hover {
    transform: translateY(-2px);
    filter: none;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

body.ifc-multipage .svc-card-plate {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
    pointer-events: none;
    user-select: none;
    z-index: 0;
    display: block;
    /* Softer than full-strength wash — Figma layer×fill ≈ 0.45; dial down a touch more */
    opacity: 0.38;
}

body.ifc-multipage .svc-card-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    height: 100%;
    box-sizing: border-box;
    padding: 8% 7% 7%;
    background: transparent !important;
}

body.ifc-multipage .svc-icon-box {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 0 0.1rem !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    display: block !important;
    line-height: 0;
}

body.ifc-multipage .svc-card:hover .svc-icon-box {
    background: transparent !important;
    border: none !important;
}

body.ifc-multipage .svc-icon-box img {
    display: block;
    width: auto;
    height: 48px;
    max-width: 72px;
    object-fit: contain;
}

body.ifc-multipage .svc-card:nth-child(1) .svc-icon-box img,
body.ifc-multipage .svc-card:nth-child(2) .svc-icon-box img {
    height: 52px;
    max-width: 78px;
}

body.ifc-multipage .svc-title {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 900 !important;
    font-size: clamp(1.2rem, 1.8vw, 1.55rem) !important;
    color: #B27A49 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

body.ifc-multipage .svc-desc {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    color: #27343D !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    flex-grow: 1;
    opacity: 1 !important;
    max-width: 36em;
}

body.ifc-multipage .svc-link {
    font-family: 'Akshar', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    letter-spacing: 0.06em;
    color: #3C8C8D !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    margin-top: 0.45rem !important;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

body.ifc-multipage .svc-link:hover {
    color: #2D898E !important;
}

body.ifc-multipage .svc-link i {
    font-size: 0.7rem;
}

/* Strategy overview */
body.ifc-multipage .strat-section {
    padding: 3.5rem 0 4.5rem !important;
}

body.ifc-multipage .strat-section .hero-split {
    align-items: center;
    gap: 2.5rem;
}

body.ifc-multipage .strat-section .hero-headline {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 900 !important;
    font-size: clamp(1.85rem, 3.6vw, 3.2rem) !important;
    line-height: 1.15 !important;
    color: #F09A51 !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 1.25rem !important;
}

body.ifc-multipage .strat-section .hero-headline .hero-teal {
    color: #F09A51 !important;
}

body.ifc-multipage .strat-section .hero-sub,
body.ifc-multipage .strat-section .hero-motto {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    color: #27343D !important;
    line-height: 1.7 !important;
    opacity: 1 !important;
}

body.ifc-multipage .strat-section .hero-motto .hero-teal {
    color: #2D898E !important;
}

body.ifc-multipage .strat-section .hero-dash-img {
    opacity: 1 !important;
    max-width: 100%;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    animation: none;
}

body.ifc-multipage .strat-section .btn-hero-secondary {
    background: #C88850 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-family: 'Akshar', sans-serif !important;
    font-weight: 600 !important;
    padding: 0.9rem 1.5rem !important;
}

body.ifc-multipage .strat-section .btn-hero-secondary:hover {
    background: #B27A49 !important;
    color: #fff !important;
}

body.ifc-multipage .strat-section .btn-hero-primary {
    font-family: 'Akshar', sans-serif !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

/* Business Strategy + Marketing Execution */
body.ifc-multipage .biz-section,
body.ifc-multipage .mex-section {
    padding: 4rem 0 !important;
    overflow: visible !important;
}

body.ifc-multipage .biz-layout {
    grid-template-columns: minmax(240px, 280px) 1fr 1fr !important;
    gap: 1.35rem !important;
    align-items: start !important;
}

body.ifc-multipage .mex-layout {
    grid-template-columns: minmax(260px, 300px) 1fr 1fr 1fr !important;
    gap: 1.15rem !important;
    align-items: start !important;
}

body.ifc-multipage .biz-label-col {
    overflow: visible !important;
    min-width: 0;
    padding-right: 0.5rem !important;
}

body.ifc-multipage .biz-heading {
    font-family: 'Abril Fatface', serif !important;
    font-weight: 400 !important;
    font-size: clamp(1.85rem, 2.8vw, 2.5rem) !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    color: #D0854A !important;
    line-height: 1.05 !important;
    margin-bottom: 1rem !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: keep-all;
    max-width: none !important;
}

body.ifc-multipage .mex-section .biz-heading {
    font-size: clamp(1.7rem, 2.5vw, 2.35rem) !important;
}

body.ifc-multipage .biz-rule {
    width: 72px !important;
    height: 2px !important;
    background: #D0854A !important;
    border: none !important;
    margin: 0 0 1.1rem !important;
    opacity: 0.85;
}

body.ifc-multipage .biz-subheading {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 900 !important;
    font-size: 1rem !important;
    color: #193A57 !important;
    margin-bottom: 0.75rem !important;
}

body.ifc-multipage .biz-desc,
body.ifc-multipage .mex-tagline {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.92rem !important;
    color: #193A57 !important;
    line-height: 1.65 !important;
}

body.ifc-multipage .mex-tagline {
    font-weight: 800 !important;
    font-style: italic !important;
    color: #285B56 !important;
    margin-top: 0.85rem !important;
}

/* Watercolor outer frame + cream inner card (Figma nested card) */
body.ifc-multipage .biz-card {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 2px solid #2D898E !important;
    border-radius: 21px !important;
    box-shadow: none !important;
    padding: 15px !important;
    overflow: hidden;
    min-height: 340px;
    min-width: 0;
    box-sizing: border-box;
    transition: transform 0.3s ease;
}

body.ifc-multipage .biz-card:hover {
    transform: translateY(-3px);
    background: transparent !important;
    background-image: none !important;
    border: 2px solid #2D898E !important;
    box-shadow: none !important;
}

body.ifc-multipage .biz-card-plate {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    user-select: none;
    z-index: 0;
    display: block;
    border-radius: 19px;
    opacity: 0.85;
    font-size: 0;
    color: transparent;
}

body.ifc-multipage .biz-card-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    flex: 1 1 auto;
    height: 100%;
    box-sizing: border-box;
    padding: 1.1rem 1.05rem 0.95rem;
    background: #FDF8F2 !important;
    border: 1px solid #C88850 !important;
    border-radius: 9px !important;
    box-shadow: 0 4px 18px rgba(39, 52, 61, 0.06);
}

body.ifc-multipage .biz-card-top {
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.1rem;
}

body.ifc-multipage .biz-card-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px;
    border-radius: 8px !important;
    background: rgba(200, 136, 80, 0.14) !important;
    border: 1px solid rgba(200, 136, 80, 0.28) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

body.ifc-multipage .biz-card-icon img {
    width: 26px;
    height: 26px;
    object-fit: contain;
    display: block;
}

body.ifc-multipage .biz-card-title {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 900 !important;
    font-size: 0.95rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em;
    color: #193A57 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    overflow-wrap: anywhere;
    hyphens: auto;
}

body.ifc-multipage .biz-card-intro {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.86rem !important;
    color: #193A57 !important;
    margin-bottom: 0.1rem !important;
}

body.ifc-multipage .biz-card-body {
    display: grid;
    grid-template-columns: 1fr minmax(88px, 42%);
    gap: 0.5rem 0.65rem;
    align-items: end;
    flex: 1 1 auto;
}

body.ifc-multipage .biz-card-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.ifc-multipage .biz-card-list li {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.86rem !important;
    color: #193A57 !important;
    padding: 0.2rem 0 0.2rem 1.35rem !important;
    position: relative;
    line-height: 1.4;
}

body.ifc-multipage .biz-card-list li::before {
    content: '' !important;
    position: absolute;
    left: 0;
    top: 0.38rem;
    width: 14px;
    height: 14px;
    background: url('../img/figma/ui/biz-check.png') center / contain no-repeat !important;
    border-radius: 0 !important;
}

body.ifc-multipage .biz-card-art {
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    min-height: 0;
}

body.ifc-multipage .biz-card-art img {
    max-width: 100%;
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

body.ifc-multipage .mex-section .biz-card-art img {
    max-height: 100px;
}

body.ifc-multipage .biz-card-note {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-family: 'Akatab', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.82rem !important;
    color: #193A57 !important;
    line-height: 1.4 !important;
    margin-top: 0.35rem;
    padding-top: 0.7rem;
    border-top: 1px solid rgba(200, 136, 80, 0.35);
    background: transparent !important;
}

body.ifc-multipage .biz-card-note em {
    font-style: italic;
    font-weight: 700;
}

body.ifc-multipage .biz-card-note img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    flex-shrink: 0;
    margin-top: 0.05rem;
}

body.ifc-multipage .biz-card-note i {
    display: none !important;
}

body.ifc-multipage .biz-label-art {
    margin-top: 1.75rem;
    max-width: 220px;
}

body.ifc-multipage .biz-label-art img {
    width: 100%;
    height: auto;
    display: block;
    mix-blend-mode: multiply;
}

body.ifc-multipage .mex-section .biz-card {
    min-height: 380px;
}

@media (max-width: 1199.98px) {
    body.ifc-multipage .mex-layout {
        grid-template-columns: 1fr 1fr !important;
        gap: 1.25rem !important;
    }

    body.ifc-multipage .mex-layout .biz-label-col {
        grid-column: 1 / -1;
    }

    body.ifc-multipage .mex-section .biz-heading {
        font-size: clamp(2rem, 4vw, 2.6rem) !important;
    }
}

@media (max-width: 991.98px) {
    body.ifc-multipage .biz-layout {
        grid-template-columns: 1fr 1fr !important;
        gap: 1.25rem !important;
    }

    body.ifc-multipage .biz-layout .biz-label-col {
        grid-column: 1 / -1;
    }

    body.ifc-multipage .mex-layout {
        grid-template-columns: 1fr !important;
    }

    body.ifc-multipage .mex-section .biz-card {
        min-height: 0;
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    body.ifc-multipage .biz-layout,
    body.ifc-multipage .mex-layout {
        grid-template-columns: 1fr !important;
        gap: 1.35rem !important;
    }

    body.ifc-multipage .biz-layout .biz-label-col,
    body.ifc-multipage .mex-layout .biz-label-col {
        grid-column: 1 / -1;
        padding-right: 0 !important;
    }

    body.ifc-multipage .biz-card,
    body.ifc-multipage .mex-section .biz-card {
        min-height: 0;
        max-width: 440px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    body.ifc-multipage .biz-card-title {
        font-size: 1rem !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
    }

    body.ifc-multipage .biz-card-body {
        grid-template-columns: 1fr !important;
    }

    body.ifc-multipage .biz-card-art {
        justify-content: center;
        margin-top: 0.5rem;
    }

    body.ifc-multipage .biz-card-art img {
        max-height: 110px;
    }

    body.ifc-multipage .biz-heading,
    body.ifc-multipage .mex-section .biz-heading {
        font-size: clamp(1.85rem, 8vw, 2.4rem) !important;
    }
}

@media (max-width: 575.98px) {
    body.ifc-multipage .biz-card-body {
        grid-template-columns: 1fr;
    }

    body.ifc-multipage .biz-card-art {
        justify-content: center;
    }

    body.ifc-multipage .biz-card-art img {
        max-height: 100px;
    }
}

@media (max-width: 991.98px) {
    body.ifc-multipage .svc-grid {
        gap: 0.9rem !important;
        max-width: none;
    }

    body.ifc-multipage .svc-icon-box img,
    body.ifc-multipage .svc-card:nth-child(1) .svc-icon-box img,
    body.ifc-multipage .svc-card:nth-child(2) .svc-icon-box img {
        height: 44px;
        max-width: 64px;
    }
}

@media (max-width: 767.98px) {
    body.ifc-multipage .svc-section {
        padding: 5.5rem 0 2.5rem !important;
    }

    body.ifc-multipage .svc-grid {
        grid-template-columns: 1fr !important;
    }

    body.ifc-multipage .svc-card {
        aspect-ratio: 584 / 366;
        max-width: 520px;
    }

    body.ifc-multipage .strat-section .hero-split {
        flex-direction: column;
        gap: 2rem;
    }

    body.ifc-multipage .strat-section .hero-copy {
        flex: 1 1 auto;
        max-width: 100%;
    }
}

/* ══════════════════════════════════════════
   About Us / Why IFC — Figma match
══════════════════════════════════════════ */

body.ifc-multipage .why-section {
    padding: 5.5rem 0 4rem !important;
    overflow: visible !important;
    background-image:
        linear-gradient(180deg,
            rgba(251, 245, 236, 0.78) 0%,
            rgba(251, 245, 236, 0.42) 35%,
            rgba(251, 245, 236, 0.55) 100%),
        url('../img/figma/ui/why-section-bg.jpg') !important;
    background-size: 100% 100%, cover !important;
    background-position: center top, center top !important;
    background-repeat: no-repeat, no-repeat !important;
}

body.ifc-multipage .why-header {
    text-align: center;
    margin-bottom: 2.5rem !important;
}

body.ifc-multipage .why-heading {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 900 !important;
    font-size: clamp(2rem, 4vw, 3.4rem) !important;
    color: #F09A51 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    margin-bottom: 0.85rem !important;
}

body.ifc-multipage .why-subhead {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 600 !important;
    font-size: clamp(1.05rem, 2vw, 1rem) !important;
    color: #27343D !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}

body.ifc-multipage .why-subhead .why-teal,
body.ifc-multipage .why-quote-text .why-teal {
    color: #37818B !important;
}

body.ifc-multipage .why-cards {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1.25rem 1.1rem !important;
    margin: 2.25rem 0 2rem !important;
    padding-top: 1.75rem;
    align-items: start;
}

/* Figma: watercolor frame 290×207 + cream inner 256×172 + icon overlapping top */
body.ifc-multipage .why-card {
    position: relative;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    aspect-ratio: 290 / 207;
    width: 100%;
    min-height: 0;
    overflow: visible;
}

body.ifc-multipage .why-card:hover {
    border: none !important;
    box-shadow: none !important;
    transform: translateY(-2px);
}

body.ifc-multipage .why-card-plate {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    pointer-events: none;
    z-index: 0;
    display: block;
}

body.ifc-multipage .why-card-icon {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -42%);
    z-index: 2;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    line-height: 0;
    font-size: inherit !important;
    color: inherit !important;
}

body.ifc-multipage .why-card-icon img {
    display: block;
    width: auto;
    height: clamp(58px, 7vw, 78px);
    max-width: 96px;
    object-fit: contain;
}

body.ifc-multipage .why-card-inner {
    position: absolute;
    z-index: 1;
    left: 5.8%;
    right: 5.8%;
    top: 9.2%;
    bottom: 8%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 0.45rem;
    box-sizing: border-box;
    padding: 2.6rem 0.85rem 0.85rem;
    background: #FDF9F6 !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

body.ifc-multipage .why-card-title {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(0.85rem, 1.15vw, 1rem) !important;
    color: #81B6AF !important;
    margin: 0 !important;
    line-height: 1.25 !important;
}

body.ifc-multipage .why-card-desc {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(0.72rem, 0.95vw, 0.82rem) !important;
    color: #193A57 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}

/* Quote bar */
body.ifc-multipage .why-quote-bar {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 88px;
    margin: 0.5rem auto 2.75rem !important;
    max-width: 980px;
    padding: 1.1rem 1.5rem !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    gap: 0.85rem;
}

body.ifc-multipage .why-quote-bar-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    pointer-events: none;
    z-index: 0;
}

body.ifc-multipage .why-quote-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    margin-bottom: 10px;
}

body.ifc-multipage .why-quote-icon {
    font-size: inherit !important;
    color: inherit !important;
    line-height: 0;
    flex-shrink: 0;
}

body.ifc-multipage .why-quote-icon img {
    width: 42px;
    height: 42px;
    object-fit: contain;
    display: block;
}

body.ifc-multipage .why-quote-text {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(1.05rem, 2vw, 1rem) !important;
    color: #27343D !important;
    margin: 0 !important;
}

/* Logos */
body.ifc-multipage .why-logos-wrap {
    margin-bottom: 2.75rem !important;
    text-align: center;
}

body.ifc-multipage .why-logos-label,
body.ifc-multipage .why-stats-label,
body.ifc-multipage .why-testi-label,
body.ifc-multipage .why-videos-label {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 800 !important;
    font-size: 1rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #B7925D !important;
    margin-bottom: 1.35rem !important;
}

body.ifc-multipage .why-logos {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    gap: 0 !important;
}

body.ifc-multipage .why-logos-frame {
    position: relative;
    width: min(512px, 100%);
    aspect-ratio: 512 / 68;
    border-radius: 4px;
    overflow: hidden;
    background: transparent;
}

body.ifc-multipage .why-logos-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    margin: 0;
}

body.ifc-multipage .why-logo-names {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1.35fr 1fr;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 0.75rem;
    box-sizing: border-box;
}

body.ifc-multipage .why-logo-names span {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(0.78rem, 1.4vw, 1rem) !important;
    color: #27343D !important;
    text-align: center;
    line-height: 1.1;
}

body.ifc-multipage .why-logo-placeholder {
    display: none !important;
}

/* Stats */
body.ifc-multipage .why-stats-wrap {
    margin-bottom: 3rem !important;
    text-align: center;
}

body.ifc-multipage .why-stats {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    align-items: start;
}

body.ifc-multipage .why-stat {
    border: none !important;
    border-right: 1px solid rgba(183, 146, 93, 0.45) !important;
    padding: 0.35rem 0.85rem !important;
    background: transparent !important;
}

body.ifc-multipage .why-stat:last-child {
    border-right: none !important;
}

body.ifc-multipage .why-stat-num {
    display: block;
    font-family: 'Akatab', sans-serif !important;
    font-weight: 900 !important;
    font-size: clamp(1.6rem, 2.8vw, 2.75rem) !important;
    color: #317887 !important;
    line-height: 1.05 !important;
    margin-bottom: 0.45rem !important;
}

body.ifc-multipage .why-stat-desc {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 800 !important;
    font-size: 0.82rem !important;
    color: #B7925D !important;
    line-height: 1.4 !important;
}

/* Testimonials */
body.ifc-multipage .why-testi-wrap {
    margin-bottom: 3rem !important;
    text-align: center;
}

body.ifc-multipage .why-testi-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.15rem !important;
    text-align: left;
}

body.ifc-multipage .why-testi-card {
    background: #C3DBDD !important;
    border: 1px solid #4A858B !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    padding: 1.25rem 1.2rem 1.15rem !important;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-height: 250px;
}

body.ifc-multipage .why-testi-card:hover {
    border-color: #4A858B !important;
    box-shadow: none !important;
}

body.ifc-multipage .why-testi-quote {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 800 !important;
    font-size: 2.75rem !important;
    line-height: 0.8 !important;
    color: #568891 !important;
    margin: 0 !important;
}

body.ifc-multipage .why-testi-text {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 800 !important;
    font-size: 0.9rem !important;
    color: #000403 !important;
    line-height: 1.55 !important;
    margin: 0 !important;
    flex-grow: 1;
}

body.ifc-multipage .why-stars {
    display: none !important;
}

body.ifc-multipage .why-testi-author {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: auto;
}

body.ifc-multipage .why-avatar,
body.ifc-multipage .why-avatar-placeholder {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    object-fit: cover;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.45);
}

body.ifc-multipage .why-author-name {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 800 !important;
    font-size: 0.88rem !important;
    color: #000403 !important;
    margin: 0 !important;
}

body.ifc-multipage .why-author-role {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.78rem !important;
    color: #000403 !important;
    opacity: 0.75;
    margin: 0 !important;
}

/* Videos */
body.ifc-multipage .why-videos-wrap {
    margin-bottom: 3rem !important;
    text-align: center;
}

body.ifc-multipage .why-videos {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1.1rem !important;
    text-align: left;
}

body.ifc-multipage .why-video-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.ifc-multipage .why-video-thumb {
    position: relative;
    border: 1px solid #B7925D !important;
    border-radius: 14px !important;
    overflow: hidden;
    aspect-ratio: 290 / 173;
    background: #F7EDE4 !important;
}

body.ifc-multipage .why-video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.ifc-multipage .why-play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(253, 248, 242, 0.92) !important;
    color: #C88850 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(39, 52, 61, 0.18);
}

body.ifc-multipage .why-video-dur {
    display: none !important;
}

body.ifc-multipage .why-video-title {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    color: #000403 !important;
    margin: 0.7rem 0 0 !important;
    line-height: 1.4 !important;
}

/* CTA — matches Figma strip: illustration left in art, copy right */
body.ifc-multipage .why-cta-strip {
    position: relative;
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    gap: 0;
    min-height: 340px;
    padding: 2.4rem 2.4rem 2.2rem 2rem !important;
    background: #F7F0E6 !important;
    background-image: none !important;
    border: 1.5px solid #2A4543 !important;
    border-radius: 18px !important;
    overflow: hidden;
}

body.ifc-multipage .why-cta-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
    pointer-events: none;
    z-index: 0;
}

body.ifc-multipage .why-cta-copy {
    position: relative;
    z-index: 1;
    text-align: left;
    max-width: 28rem;
    width: min(100%, 28rem);
    margin-left: auto;
    margin-right: 1.25rem;
}

body.ifc-multipage .why-cta-icon {
    display: none !important;
}

body.ifc-multipage .why-cta-heading {
    font-family: 'Akatab', sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(1.55rem, 2.8vw, 2.45rem) !important;
    color: #E8924A !important;
    line-height: 1.18 !important;
    margin: 0 0 1.25rem !important;
    letter-spacing: -0.01em;
}

body.ifc-multipage .why-cta-heading .why-teal {
    color: #2A7A7E !important;
}

body.ifc-multipage .why-cta-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 0.55rem;
    font-family: 'Akatab', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    text-transform: none !important;
    letter-spacing: 0.01em;
    color: #fff !important;
    background-color: rgba(232, 146, 74, 0.52) !important;
    background-image: none !important;
    background-size: auto !important;
    border: 1px solid rgba(232, 146, 74, 0.45) !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 14px rgba(180, 100, 40, 0.14) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    padding: 0.78rem 1.55rem !important;
    text-decoration: none !important;
    margin-bottom: 1.15rem;
    text-shadow: 0 1px 2px rgba(80, 40, 10, 0.25);
}

body.ifc-multipage .why-cta-btn i {
    font-size: 0.78rem;
    transition: transform 0.2s ease;
}

body.ifc-multipage .why-cta-btn:hover {
    background-color: rgba(232, 146, 74, 0.72) !important;
    background-image: none !important;
    filter: none;
    color: #fff !important;
    border-color: rgba(232, 146, 74, 0.65) !important;
    box-shadow: 0 6px 16px rgba(180, 100, 40, 0.2) !important;
}

body.ifc-multipage .why-cta-btn:hover i {
    transform: translateX(3px);
}

body.ifc-multipage .why-cta-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1.35rem;
}

body.ifc-multipage .why-cta-checks span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-family: 'Akatab', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    color: #1A1A1A !important;
}

body.ifc-multipage .why-cta-checks i {
    color: #E8924A !important;
    font-size: 0.72rem !important;
    line-height: 1;
    background: none !important;
}

body.ifc-multipage .why-cta-checks img {
    width: 15px;
    height: 15px;
    object-fit: contain;
    background: transparent !important;
}

body.ifc-multipage .why-cta-side {
    display: none !important;
}

@media (max-width: 1199.98px) {
    body.ifc-multipage .why-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding-top: 2rem;
    }

    body.ifc-multipage .why-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.ifc-multipage .why-videos {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 991.98px) {
    body.ifc-multipage .why-cta-strip {
        min-height: 280px;
        padding: 1.75rem 1.25rem 1.75rem 1rem !important;
        justify-content: flex-end;
        align-items: center;
    }

    body.ifc-multipage .why-cta-copy {
        margin-left: auto;
        margin-right: 0;
        max-width: 68%;
        width: 68%;
        padding-left: 0.5rem;
    }

    body.ifc-multipage .why-cta-bg {
        object-fit: cover;
        object-position: left center;
        opacity: 0.45;
    }
}

@media (max-width: 767.98px) {
    body.ifc-multipage .arch-process-step {
        font-size: 0.7rem !important;
        padding: 0.4rem 0.65rem !important;
        white-space: nowrap !important;
    }
    body.ifc-multipage .arch-process {
        gap: 0.35rem !important;
    }
    body.ifc-multipage .arch-proof-card.arch-process {
        min-height: 0 !important;
        padding: 0.85rem 1.1rem !important;
    }
}

@media (max-width: 767.98px) {
    body.ifc-multipage .why-section {
        padding: 4.5rem 0 3rem !important;
    }

    body.ifc-multipage .why-cards,
    body.ifc-multipage .why-testi-grid,
    body.ifc-multipage .why-stats,
    body.ifc-multipage .why-videos {
        grid-template-columns: 1fr !important;
    }

    body.ifc-multipage .why-cards {
        max-width: 360px;
        margin-left: auto !important;
        margin-right: auto !important;
        gap: 2.35rem 0 !important;
        padding-top: 2.5rem;
    }

    body.ifc-multipage .why-card {
        aspect-ratio: auto !important;
        height: auto !important;
        min-height: 0 !important;
    }

    body.ifc-multipage .why-card-plate {
        inset: 0;
        height: 100%;
        object-fit: fill;
    }

    body.ifc-multipage .why-card-icon {
        transform: translate(-50%, -48%);
    }

    body.ifc-multipage .why-card-icon img {
        height: 72px !important;
        max-width: 88px;
    }

    body.ifc-multipage .why-card-inner {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: auto;
        margin: 7% 6.5% 8%;
        padding: 2.75rem 1.15rem 1.35rem !important;
        gap: 0.55rem;
        justify-content: center;
        min-height: 0;
    }

    body.ifc-multipage .why-card-title {
        font-size: 1.2rem !important;
        line-height: 1.3 !important;
    }

    body.ifc-multipage .why-card-desc {
        font-size: 0.98rem !important;
        line-height: 1.5 !important;
    }

    body.ifc-multipage .why-cta-strip {
        min-height: 300px;
        padding: 1.5rem 1rem 1.5rem 0.75rem !important;
        justify-content: flex-end;
        align-items: center;
    }

    body.ifc-multipage .why-cta-bg {
        object-fit: cover;
        object-position: left 35% center;
        opacity: 0.32;
    }

    body.ifc-multipage .why-cta-copy {
        max-width: 62%;
        width: 62%;
        margin-left: auto;
        margin-right: 0;
        text-align: left;
    }

    body.ifc-multipage .why-cta-heading {
        font-size: 1.28rem !important;
        margin-bottom: 0.95rem !important;
    }

    body.ifc-multipage .why-cta-btn {
        padding: 0.75rem 1.1rem !important;
        font-size: 0.88rem !important;
        margin-bottom: 0.9rem;
    }

    body.ifc-multipage .why-cta-checks {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.45rem;
    }

    body.ifc-multipage .why-cta-checks span {
        font-size: 0.78rem !important;
    }
}