/* =========================================================
   BRAINFRAME TECHNOLOGIES
   GLOBAL DESIGN SYSTEM
========================================================= */

:root {

    --brand-red: #E10707;

    --background-light: #FAFAFA;

    --white: #FFFFFF;

    --charcoal: #171717;

    --about-background: #F6F3F2;

    --services-card-background: #FAF8F7;

    --products-background: #F6F3F2;

    --dark-section: #2E2E2E;

    --dark-section-deep: #242424;

    --header-height: 92px;

    --header-height-scrolled: 72px;

    --header-transition: 0.25s ease;

}


/* =========================================================
   GLOBAL
========================================================= */

html {

    scroll-behavior:
        smooth;

}


body {

    margin:
        0;

    background-color:
        var(--background-light);

    color:
        var(--charcoal);

    font-family:
        "Cantarell",
        sans-serif;

}


/* =========================================================
   HEADER
========================================================= */

.site-header {

    position:
        fixed;

    top:
        0;

    left:
        0;

    width:
        100%;

    z-index:
        1000;

    background-color:
        var(--background-light);

    border-bottom:
        1px solid
        rgba(
            23,
            23,
            23,
            0.10
        );

    transition:
        box-shadow var(--header-transition);

}


.header-container {

    height:
        var(--header-height);

    display:
        grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items:
        center;

    padding-left:
        40px;

    padding-right:
        40px;

    transition:
        height var(--header-transition);

}


.brand-logo {

    display:
        inline-flex;

    align-items:
        center;

    justify-self:
        start;

    text-decoration:
        none;

}


.brand-logo img {

    display:
        block;

    width:
        auto;

    height:
        50px;

    max-width:
        230px;

    transition:
        height var(--header-transition);

}


.desktop-navigation {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        28px;

    justify-self:
        center;

}


.desktop-navigation a {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    color:
        var(--charcoal);

    text-decoration:
        none;

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        12px;

    font-weight:
        600;

    text-transform:
        uppercase;

    letter-spacing:
        0.04em;

    white-space:
        nowrap;

    transition:
        color 0.15s ease;

}


.desktop-navigation a:hover {

    color:
        var(--brand-red);

}


.desktop-navigation a.active {

    transform:
        translateY(-4px);

}


.desktop-navigation a.active::after {

    content:
        "";

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        -12px;

    height:
        2px;

    background-color:
        var(--brand-red);

}


.client-login {

    justify-self:
        end;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        11px 22px;

    background-color:
        var(--brand-red);

    color:
        var(--white);

    border:
        1px solid
        var(--brand-red);

    border-radius:
        4px;

    text-decoration:
        none;

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        12px;

    font-weight:
        600;

    text-transform:
        uppercase;

    letter-spacing:
        0.05em;

    white-space:
        nowrap;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;

}


.client-login:hover {

    background-color:
        #C90606;

    border-color:
        #C90606;

    color:
        var(--white);

}


.site-header.scrolled {

    box-shadow:
        0 2px 12px
        rgba(
            0,
            0,
            0,
            0.05
        );

}


.site-header.scrolled
.header-container {

    height:
        var(--header-height-scrolled);

}


.site-header.scrolled
.brand-logo img {

    height:
        42px;

}


.mobile-menu-button {

    display:
        none;

    align-items:
        center;

    justify-content:
        center;

    justify-self:
        end;

    border:
        0;

    background:
        transparent;

    padding:
        6px;

    color:
        var(--charcoal);

    line-height:
        1;

    cursor:
        pointer;

}


.mobile-menu-button
.material-symbols-outlined {

    font-size:
        30px;

    line-height:
        1;

}


.mobile-navigation {

    display:
        none;

    background-color:
        var(--background-light);

    border-top:
        1px solid
        rgba(
            23,
            23,
            23,
            0.08
        );

}


.mobile-navigation nav {

    display:
        flex;

    flex-direction:
        column;

    padding:
        10px 24px 24px;

}


.mobile-navigation nav a {

    padding:
        14px 0;

    color:
        var(--charcoal);

    text-decoration:
        none;

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        14px;

    font-weight:
        600;

    text-transform:
        uppercase;

    letter-spacing:
        0.04em;

    border-bottom:
        1px solid
        rgba(
            23,
            23,
            23,
            0.08
        );

}


.mobile-navigation nav a:hover {

    color:
        var(--brand-red);

}


.mobile-navigation nav a.active {

    color:
        var(--brand-red);

}


.mobile-navigation .mobile-login {

    margin-top:
        16px;

    padding:
        12px 18px;

    border:
        0;

    background-color:
        var(--brand-red);

    color:
        var(--white);

    text-align:
        center;

    border-radius:
        4px;

}


.mobile-navigation .mobile-login:hover {

    color:
        var(--white);

    background-color:
        #C90606;

}


/* =========================================================
   MAIN
========================================================= */

.site-main {

    padding-top:
        var(--header-height);

}


/* =========================================================
   HERO
========================================================= */

.hero-section {

    position:
        relative;

    min-height:
        480px;

    overflow:
        hidden;

    background-color:
        #0B0B0B;

    color:
        var(--white);

    isolation:
        isolate;

}


.hero-background {

    position:
        absolute;

    inset:
        0;

    z-index:
        -3;

    overflow:
        hidden;

}


.hero-background img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

    object-position:
        center;

    opacity:
        0;

    transform:
        scale(1.03);

    -webkit-mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,0.10) 0%,
            rgba(0,0,0,0.10) 30%,
            rgba(0,0,0,0.35) 45%,
            rgba(0,0,0,0.65) 65%,
            rgba(0,0,0,0.85) 82%,
            rgba(0,0,0,1) 100%
        );

    mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,0.10) 0%,
            rgba(0,0,0,0.10) 30%,
            rgba(0,0,0,0.35) 45%,
            rgba(0,0,0,0.65) 65%,
            rgba(0,0,0,0.85) 82%,
            rgba(0,0,0,1) 100%
        );

    transition:
        opacity 1.5s ease,
        transform 2s ease;

}


.hero-section.is-visible
.hero-background img {

    opacity:
        1;

    transform:
        scale(1);

}


.hero-overlay {

    position:
        absolute;

    inset:
        0;

    z-index:
        -2;

    background:
        linear-gradient(
            to right,
            rgba(0,0,0,0.30) 0%,
            rgba(0,0,0,0.20) 30%,
            rgba(0,0,0,0.08) 60%,
            rgba(0,0,0,0) 100%
        );

}


.hero-content {

    position:
        relative;

    z-index:
        2;

    padding-top:
        62px;

    padding-bottom:
        42px;

}


.hero-eyebrow {

    margin-bottom:
        12px;

    color:
        var(--brand-red);

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.hero-title {

    margin:
        0;

    max-width:
        650px;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            42px,
            4.2vw,
            68px
        );

    font-weight:
        400;

    line-height:
        0.98;

    opacity:
        0;

    transform:
        translateY(18px);

    transition:
        opacity 0.9s ease,
        transform 0.9s ease;

}


.hero-section.is-visible
.hero-title {

    opacity:
        1;

    transform:
        translateY(0);

}


.hero-description {

    max-width:
        560px;

    margin-top:
        20px;

    margin-bottom:
        0;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );

    font-size:
        13px;

    line-height:
        1.55;

    opacity:
        0;

    transform:
        translateY(14px);

    transition:
        opacity 0.9s ease 0.15s,
        transform 0.9s ease 0.15s;

}


.hero-section.is-visible
.hero-description {

    opacity:
        1;

    transform:
        translateY(0);

}


.hero-actions {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    margin-top:
        26px;

}


.hero-btn {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    min-height:
        42px;

    padding:
        10px 18px;

    border:
        1px solid transparent;

    border-radius:
        2px;

    text-decoration:
        none;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;

}


.hero-btn
.material-symbols-outlined {

    font-size:
        15px;

}


.hero-btn-primary {

    background-color:
        var(--brand-red);

    color:
        var(--white);

    border-color:
        var(--brand-red);

}


.hero-btn-primary:hover {

    background-color:
        #C90606;

    border-color:
        #C90606;

    color:
        var(--white);

}


.hero-btn-secondary {

    background-color:
        rgba(
            255,
            255,
            255,
            0.08
        );

    border-color:
        rgba(
            255,
            255,
            255,
            0.18
        );

    color:
        var(--white);

}


.hero-btn-secondary:hover {

    background-color:
        rgba(
            255,
            255,
            255,
            0.16
        );

}


.hero-metrics {

    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            1fr
        );

    gap:
        14px;

    margin-top:
        50px;

}


.metric-card {

    position:
        relative;

    min-height:
        125px;

    padding:
        18px;

    background-color:
        rgba(
            15,
            15,
            15,
            0.78
        );

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.04
        );

    overflow:
        hidden;

    z-index:
        3;

}


.metric-card-2 {

    transform:
        translateX(
            calc(
                -100% - 14px
            )
        );

    z-index:
        2;

}


.metric-card-3 {

    transform:
        translateX(
            calc(
                -200% - 28px
            )
        );

    z-index:
        1;

}


.hero-section.metrics-visible
.metric-card-2 {

    transform:
        translateX(0);

    transition:
        transform
        1s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );

}


.hero-section.metrics-visible
.metric-card-3 {

    transform:
        translateX(0);

    transition:
        transform
        1.45s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );

}


.metric-accent {

    position:
        absolute;

    top:
        14px;

    left:
        18px;

    width:
        3px;

    height:
        9px;

    background-color:
        var(--brand-red);

}


.metric-content {

    padding-left:
        8px;

}


.metric-number {

    display:
        flex;

    align-items:
        baseline;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            30px,
            3vw,
            42px
        );

    line-height:
        1;

}


.metric-suffix {

    margin-left:
        2px;

    color:
        var(--brand-red);

    font-size:
        22px;

}


.metric-heading {

    margin-top:
        8px;

    margin-bottom:
        0;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            15px,
            1.5vw,
            21px
        );

    font-weight:
        400;

}


.metric-description {

    max-width:
        260px;

    margin:
        7px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.78
        );

    font-size:
        clamp(
            9px,
            0.9vw,
            13px
        );

    line-height:
        1.45;

    opacity:
        0;

}


.metric-card.revealed
.metric-description {

    opacity:
        1;

    transition:
        opacity 0.5s ease;

}


/* =========================================================
   PARTNERS
========================================================= */

.partners-section {

    position:
        relative;

    overflow:
        hidden;

    background-color:
        var(--white);

    padding-top:
        76px;

    padding-bottom:
        78px;

}


.partners-intro {

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        minmax(
            0,
            1fr
        );

    align-items:
        center;

    gap:
        60px;

    margin-bottom:
        56px;

}


.partners-heading-block {

    display:
        flex;

    align-items:
        center;

}


.partners-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            38px,
            4vw,
            48px
        );

    line-height:
        1;

    text-transform:
        uppercase;

}


.partners-description-block {

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

}


.partners-description {

    max-width:
        500px;

    margin:
        0;

    color:
        rgba(
            23,
            23,
            23,
            0.72
        );

    font-size:
        clamp(
            13px,
            1.1vw,
            16px
        );

    line-height:
        1.55;

    text-align:
        right;

}


.partners-marquee {

    position:
        relative;

    width:
        100%;

    overflow:
        hidden;

}


.partners-marquee::before,
.partners-marquee::after {

    content:
        "";

    position:
        absolute;

    top:
        0;

    bottom:
        0;

    width:
        90px;

    z-index:
        2;

    pointer-events:
        none;

}


.partners-marquee::before {

    left:
        0;

    background:
        linear-gradient(
            to right,
            var(--white),
            rgba(
                255,
                255,
                255,
                0
            )
        );

}


.partners-marquee::after {

    right:
        0;

    background:
        linear-gradient(
            to left,
            var(--white),
            rgba(
                255,
                255,
                255,
                0
            )
        );

}


.partners-marquee-track {

    display:
        flex;

    align-items:
        center;

    width:
        max-content;

    gap:
        110px;

    animation:
        partners-marquee-scroll
        28s
        linear
        infinite;

}


.partners-marquee:hover
.partners-marquee-track {

    animation-play-state:
        paused;

}


.partner-logo {

    flex:
        0 0 auto;

    width:
        125px;

    height:
        74px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

}


.partner-logo img {

    display:
        block;

    width:
        auto;

    height:
        52px;

    max-width:
        125px;

    object-fit:
        contain;

    transition:
        transform 0.25s ease;

}


.partner-logo:hover img {

    transform:
        scale(
            1.06
        );

}


@keyframes partners-marquee-scroll {

    from {

        transform:
            translateX(0);

    }

    to {

        transform:
            translateX(-50%);

    }

}


/* =========================================================
   ABOUT US SECTION
========================================================= */

.about-section {

    position:
        relative;

    overflow:
        hidden;

    background-color:
        var(--about-background);

    padding-top:
        92px;

    padding-bottom:
        96px;

}


.about-layout {

    align-items:
        center;

}


.about-image-column {

    position:
        relative;

}


.about-content-column {

    position:
        relative;

    padding-left:
        26px;

}


.about-image-wrapper {

    position:
        relative;

    width:
        100%;

    padding:
        18px 0 0 16px;

}


.about-red-accent {

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        96px;

    height:
        96px;

    background-color:
        rgba(
            225,
            7,
            7,
            0.10
        );

    z-index:
        0;

    transform:
        translate(
            20px,
            20px
        );

}


.about-section.is-visible
.about-red-accent {

    transform:
        translate(
            0,
            0
        );

    transition:
        transform
        0.9s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );

}


.about-image-frame {

    position:
        relative;

    z-index:
        1;

    overflow:
        hidden;

    width:
        100%;

    box-shadow:
        0 22px 34px
        rgba(
            23,
            23,
            23,
            0.12
        );

}


.about-image {

    display:
        block;

    width:
        100%;

    height:
        auto;

    transform:
        scale(1);

    transition:
        transform
        0.45s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );

}


.about-image-frame:hover
.about-image {

    transform:
        scale(
            1.035
        );

}


.about-image-caption {

    position:
        absolute;

    left:
        16px;

    bottom:
        16px;

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    padding:
        10px 16px;

    background:
        rgba(
            23,
            23,
            23,
            0.90
        );

    color:
        var(--white);

}


.about-image-caption
.material-symbols-outlined {

    color:
        var(--brand-red);

    font-size:
        14px;

}


.about-image-caption div {

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

}


.about-image-caption strong {

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.16em;

    line-height:
        1.2;

}


.about-image-caption span {

    color:
        rgba(
            255,
            255,
            255,
            0.60
        );

    font-size:
        8px;

    letter-spacing:
        0.12em;

    line-height:
        1.2;

}


.about-eyebrow {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    margin:
        0 0 10px;

    color:
        var(--brand-red);

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

    opacity:
        0;

    transform:
        translateY(12px);

}


.about-section.is-visible
.about-eyebrow {

    opacity:
        1;

    transform:
        translateY(0);

    transition:
        opacity 0.75s ease,
        transform 0.75s ease;

}


.about-eyebrow span {

    display:
        inline-block;

    width:
        4px;

    height:
        10px;

    background-color:
        var(--brand-red);

}


.about-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            38px,
            3.7vw,
            48px
        );

    font-weight:
        400;

    line-height:
        0.98;

    opacity:
        0;

    transform:
        translateY(20px);

}


.about-section.is-visible
.about-title {

    opacity:
        1;

    transform:
        translateY(0);

    transition:
        opacity 0.85s ease 0.08s,
        transform 0.85s ease 0.08s;

}


.about-description {

    max-width:
        600px;

    margin:
        24px 0 28px;

    color:
        #705A55;

    font-size:
        16px;

    line-height:
        1.8;

    opacity:
        0;

    transform:
        translateY(18px);

}


.about-section.is-visible
.about-description {

    opacity:
        1;

    transform:
        translateY(0);

    transition:
        opacity 0.85s ease 0.18s,
        transform 0.85s ease 0.18s;

}


.about-feature-list {

    list-style:
        none;

    margin:
        0;

    padding:
        0;

    display:
        flex;

    flex-direction:
        column;

    gap:
        18px;

}


.about-feature-item {

    display:
        grid;

    grid-template-columns:
        42px minmax(
            0,
            1fr
        );

    align-items:
        start;

    gap:
        12px;

    opacity:
        0;

    transform:
        translateY(-18px);

}


.about-section.feature-list-visible
.about-feature-item {

    animation:
        about-feature-reveal
        0.65s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        )
        forwards;

}


.about-section.feature-list-visible
.about-feature-item:nth-child(1) {

    animation-delay:
        0.15s;

}


.about-section.feature-list-visible
.about-feature-item:nth-child(2) {

    animation-delay:
        0.35s;

}


.about-section.feature-list-visible
.about-feature-item:nth-child(3) {

    animation-delay:
        0.55s;

}


@keyframes about-feature-reveal {

    from {

        opacity:
            0;

        transform:
            translateY(-18px);

    }

    to {

        opacity:
            1;

        transform:
            translateY(0);

    }

}


.about-feature-icon {

    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background-color:
        rgba(
            225,
            7,
            7,
            0.10
        );

}


.about-feature-icon
.material-symbols-outlined {

    color:
        var(--brand-red);

    font-size:
        18px;

}


.about-feature-text {

    padding-top:
        1px;

}


.about-feature-item h3 {

    margin:
        0 0 4px;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            16px,
            1.45vw,
            23px
        );

    font-weight:
        400;

    line-height:
        1;

}


.about-feature-item p {

    margin:
        0;

    color:
        #746A67;

    font-size:
        12px;

    line-height:
        1.45;

}


.about-cta {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        0;

    min-width:
        290px;

    height:
        52px;

    margin-top:
        30px;

    padding:
        0 24px;

    overflow:
        hidden;

    background-color:
        #2E2E2E;

    color:
        var(--white);

    text-decoration:
        none;

    font-size:
        12px;

    font-weight:
        600;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;

    box-shadow:
        0 2px 4px
        rgba(
            0,
            0,
            0,
            0.12
        );

}


.about-cta:hover {

    background-color:
        var(--brand-red);

    color:
        var(--white);

}


.about-cta-label {

    position:
        relative;

    z-index:
        2;

}


.about-cta-arrow {

    display:
        inline-flex;

    width:
        0;

    margin-left:
        0;

    overflow:
        hidden;

    opacity:
        0;

    transform:
        translateX(
            -12px
        );

    font-size:
        17px;

    line-height:
        1;

    transition:
        width 0.28s ease,
        margin-left 0.28s ease,
        opacity 0.28s ease,
        transform 0.28s ease;

}


.about-cta:hover
.about-cta-arrow {

    width:
        18px;

    margin-left:
        9px;

    opacity:
        1;

    transform:
        translateX(0);

}


/* =========================================================
   SERVICES SECTION
========================================================= */

.services-section {

    position:
        relative;

    overflow:
        hidden;

    background-color:
        var(--white);

    padding-top:
        92px;

    padding-bottom:
        94px;

}


.services-intro {

    margin-bottom:
        60px;

}


.services-eyebrow {

    margin:
        0 0 8px;

    color:
        var(--brand-red);

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.services-eyebrow span {

    display:
        inline-block;

    width:
        4px;

    height:
        10px;

    background-color:
        var(--brand-red);

}


.services-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            42px,
            4.2vw,
            60px
        );

    font-weight:
        400;

    line-height:
        1;

}


.services-description {

    max-width:
        650px;

    margin:
        22px 0 0;

    color:
        #67615E;

    font-size:
        16px;

    line-height:
        1.75;

}


.services-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            1fr
        );

    gap:
        20px;

}


.service-card {

    min-height:
        480px;

    height:
        480px;

    display:
        flex;

    flex-direction:
        column;

    padding:
        30px 32px 28px;

    background-color:
        var(--services-card-background);

    border:
        1px solid
        rgba(
            23,
            23,
            23,
            0.025
        );

    box-shadow:
        0 2px 8px
        rgba(
            23,
            23,
            23,
            0.025
        );

    opacity:
        0;

    transform:
        translateY(50px);

    will-change:
        transform,
        opacity;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;

}


.services-section.cards-visible
.service-card {

    opacity:
        1;

    transform:
        translateY(0);

    transition:
        opacity 0.7s ease,
        transform 0.7s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        ),
        box-shadow 0.25s ease;

}


.services-section.cards-visible
.service-card:nth-child(1) {

    transition-delay:
        0.05s;

}


.services-section.cards-visible
.service-card:nth-child(2) {

    transition-delay:
        0.18s;

}


.services-section.cards-visible
.service-card:nth-child(3) {

    transition-delay:
        0.31s;

}


.services-section.cards-visible
.service-card:nth-child(4) {

    transition-delay:
        0.44s;

}


.service-card:hover {

    transform:
        translateY(-4px)
        scale(1.025);

    box-shadow:
        0 14px 28px
        rgba(
            23,
            23,
            23,
            0.08
        );

}


.service-card-icon {

    width:
        54px;

    height:
        54px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        24px;

    background-color:
        #EEEAE9;

    color:
        var(--charcoal);

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;

}


.service-card-icon
.material-symbols-outlined {

    font-size:
        28px;

}


.service-card:hover
.service-card-icon {

    background-color:
        rgba(
            225,
            7,
            7,
            0.10
        );

    color:
        var(--brand-red);

    transform:
        scale(1.04);

}


.service-card-label {

    display:
        block;

    margin-bottom:
        10px;

    color:
        #77706D;

    font-size:
        9px;

    font-weight:
        600;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.service-card-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            26px,
            2.1vw,
            35px
        );

    font-weight:
        400;

    line-height:
        1.02;

}


.service-card-description {

    margin:
        18px 0 0;

    color:
        #715F59;

    font-size:
        14px;

    line-height:
        1.65;

}


.service-card-link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    width:
        fit-content;

    margin-top:
        auto;

    padding-top:
        20px;

    color:
        var(--brand-red);

    text-decoration:
        none;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;

}


.service-card-link
.material-symbols-outlined {

    font-size:
        15px;

    transition:
        transform 0.2s ease;

}


.service-card-link:hover {

    color:
        #C90606;

}


.service-card-link:hover
.material-symbols-outlined {

    transform:
        translateX(4px);

}


.services-more {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    margin-top:
        64px;

}


.services-more-text {

    margin:
        0;

    color:
        #797370;

    font-size:
        12px;

    font-weight:
        500;

    letter-spacing:
        0.18em;

    text-align:
        center;

    text-transform:
        uppercase;

    opacity:
        0;

    transform:
        translateX(-35px);

}


.services-section.more-visible
.services-more-text {

    opacity:
        1;

    transform:
        translateX(0);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease;

}


.services-cta {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        0;

    min-width:
        300px;

    height:
        52px;

    margin-top:
        16px;

    padding:
        0 28px;

    overflow:
        hidden;

    background-color:
        var(--brand-red);

    color:
        var(--white);

    text-decoration:
        none;

    font-size:
        12px;

    font-weight:
        700;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;

    box-shadow:
        0 5px 14px
        rgba(
            225,
            7,
            7,
            0.16
        );

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background-color 0.2s ease;

}


.services-cta:hover {

    transform:
        scale(1.035);

    background-color:
        #C90606;

    color:
        var(--white);

    box-shadow:
        0 8px 20px
        rgba(
            225,
            7,
            7,
            0.22
        );

}


.services-cta-label {

    position:
        relative;

    z-index:
        2;

}


.services-cta-arrow {

    width:
        0;

    margin-left:
        0;

    overflow:
        hidden;

    opacity:
        0;

    transform:
        translateX(-12px);

    font-size:
        17px;

    line-height:
        1;

    transition:
        width 0.28s ease,
        margin-left 0.28s ease,
        opacity 0.28s ease,
        transform 0.28s ease;

}


.services-cta:hover
.services-cta-arrow {

    width:
        20px;

    margin-left:
        10px;

    opacity:
        1;

    transform:
        translateX(0);

}


/* =========================================================
   PRODUCTS SECTION
========================================================= */

.products-section {

    position:
        relative;

    overflow:
        hidden;

    background-color:
        var(--products-background);

    padding-top:
        92px;

    padding-bottom:
        94px;

}


.products-intro {

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        minmax(
            0,
            1fr
        );

    align-items:
        center;

    gap:
        70px;

    margin-bottom:
        58px;

}


.products-heading-block {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

}


.products-eyebrow {

    margin:
        0 0 8px;

    color:
        var(--brand-red);

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.products-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            44px,
            4.4vw,
            62px
        );

    font-weight:
        400;

    line-height:
        1;

}


.products-description-block {

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

}


.products-description {

    max-width:
        540px;

    margin:
        0;

    color:
        #6D6764;

    font-size:
        16px;

    line-height:
        1.65;

}


.products-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            5,
            minmax(
                0,
                1fr
            )
        );

    gap:
        20px;

}


.product-card {

    height:
        304px;

    min-height:
        304px;

    display:
        flex;

    flex-direction:
        column;

    padding:
        22px 22px 20px;

    background-color:
        var(--white);

    border:
        1px solid
        rgba(
            23,
            23,
            23,
            0.035
        );

    box-shadow:
        0 2px 6px
        rgba(
            23,
            23,
            23,
            0.025
        );

    opacity:
        0;

    transform:
        translateY(50px);

    will-change:
        opacity,
        transform;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;

}


.products-section.cards-visible
.product-card {

    opacity:
        1;

    transform:
        translateY(0);

    transition:
        opacity 0.65s ease,
        transform 0.65s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        ),
        box-shadow 0.25s ease;

}


.products-section.cards-visible
.product-card:nth-child(1) {

    transition-delay:
        0.05s;

}


.products-section.cards-visible
.product-card:nth-child(2) {

    transition-delay:
        0.15s;

}


.products-section.cards-visible
.product-card:nth-child(3) {

    transition-delay:
        0.25s;

}


.products-section.cards-visible
.product-card:nth-child(4) {

    transition-delay:
        0.35s;

}


.products-section.cards-visible
.product-card:nth-child(5) {

    transition-delay:
        0.45s;

}


.products-section.cards-visible
.product-card:nth-child(6) {

    transition-delay:
        0.80s;

}


.products-section.cards-visible
.product-card:nth-child(7) {

    transition-delay:
        0.90s;

}


.products-section.cards-visible
.product-card:nth-child(8) {

    transition-delay:
        1.00s;

}


.products-section.cards-visible
.product-card:nth-child(9) {

    transition-delay:
        1.10s;

}


.products-section.cards-visible
.product-card:nth-child(10) {

    transition-delay:
        1.20s;

}


.product-card:hover {

    transform:
        translateY(-6px);

    box-shadow:
        0 14px 28px
        rgba(
            23,
            23,
            23,
            0.10
        );

}


.product-card-top {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    margin-bottom:
        16px;

}


.product-card-icon {

    color:
        var(--brand-red);

    font-size:
        26px;

    line-height:
        1;

}


.product-card-tier {

    color:
        #A09B98;

    font-size:
        9px;

    font-weight:
        600;

    letter-spacing:
        0.14em;

    text-transform:
        uppercase;

}


.product-card-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            20px,
            1.65vw,
            27px
        );

    font-weight:
        400;

    line-height:
        1.05;

}


.product-card-description {

    margin:
        12px 0 0;

    color:
        #706B68;

    font-size:
        12px;

    line-height:
        1.55;

}


.product-card-tags {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;

    margin-top:
        12px;

}


.product-card-tags span {

    display:
        inline-flex;

    align-items:
        center;

    min-height:
        19px;

    padding:
        3px 7px;

    background-color:
        #F0EEED;

    color:
        #55504D;

    font-size:
        8px;

    font-weight:
        600;

    letter-spacing:
        0.08em;

}


.product-card-link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        5px;

    width:
        fit-content;

    margin-top:
        auto;

    padding-top:
        14px;

    color:
        var(--brand-red);

    text-decoration:
        none;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;

}


.product-card-link
.material-symbols-outlined {

    font-size:
        14px;

    transition:
        transform 0.2s ease;

}


.product-card-link:hover {

    color:
        #C90606;

}


.product-card-link:hover
.material-symbols-outlined {

    transform:
        translateX(4px);

}


.products-cta-wrapper {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-top:
        58px;

}


.products-cta {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        380px;

    height:
        54px;

    padding:
        0 28px;

    overflow:
        hidden;

    background-color:
        var(--white);

    color:
        var(--charcoal);

    text-decoration:
        none;

    font-size:
        12px;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    text-transform:
        uppercase;

    box-shadow:
        0 3px 8px
        rgba(
            23,
            23,
            23,
            0.08
        );

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.25s ease;

}


.products-cta:hover {

    background-color:
        var(--brand-red);

    color:
        var(--white);

    box-shadow:
        0 8px 18px
        rgba(
            225,
            7,
            7,
            0.20
        );

}


.products-cta-label {

    position:
        relative;

    z-index:
        2;

}


.products-cta-arrow {

    display:
        inline-flex;

    width:
        0;

    margin-left:
        0;

    overflow:
        hidden;

    opacity:
        0;

    transform:
        translateX(
            -12px
        );

    font-size:
        17px;

    line-height:
        1;

    transition:
        width 0.3s ease,
        margin-left 0.3s ease,
        opacity 0.3s ease,
        transform 0.3s ease;

}


.products-cta:hover
.products-cta-arrow {

    width:
        20px;

    margin-left:
        10px;

    opacity:
        1;

    transform:
        translateX(0);

}


/* =========================================================
   CONNECT WITH US SECTION
========================================================= */

.contact-cta-section {

    position:
        relative;

    overflow:
        hidden;

    background-color:
        var(--dark-section);

    color:
        var(--white);

    padding-top:
        88px;

    padding-bottom:
        88px;

}


.contact-cta-content {

    max-width:
        900px;

    margin:
        0 auto;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    text-align:
        center;

}


/* =========================================================
   CONTACT CTA EYEBROW
========================================================= */

.contact-cta-eyebrow {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    margin:
        0 0 12px;

    color:
        rgba(
            255,
            255,
            255,
            0.80
        );

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.contact-cta-eyebrow span {

    width:
        7px;

    height:
        7px;

    display:
        inline-block;

    background-color:
        var(--brand-red);

    border-radius:
        50%;

}


/* =========================================================
   CONTACT CTA TITLE
========================================================= */

.contact-cta-title {

    margin:
        0;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            40px,
            4.8vw,
            68px
        );

    font-weight:
        400;

    line-height:
        0.98;

}


/* =========================================================
   CONTACT CTA DESCRIPTION
========================================================= */

.contact-cta-description {

    max-width:
        760px;

    margin:
        24px auto 0;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );

    font-size:
        16px;

    line-height:
        1.75;

}


/* =========================================================
   CONTACT CTA BUTTON
========================================================= */

.contact-cta-button {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        0;

    min-width:
        260px;

    height:
        52px;

    margin-top:
        34px;

    padding:
        0 26px;

    background-color:
        var(--brand-red);

    color:
        var(--white);

    text-decoration:
        none;

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    text-transform:
        uppercase;

    box-shadow:
        0 5px 16px
        rgba(
            0,
            0,
            0,
            0.18
        );

    transition:
        background-color 0.2s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;

}


.contact-cta-button:hover {

    background-color:
        #C90606;

    color:
        var(--white);

    transform:
        scale(
            1.035
        );

    box-shadow:
        0 8px 22px
        rgba(
            0,
            0,
            0,
            0.25
        );

}


.contact-cta-button-label {

    position:
        relative;

    z-index:
        2;

}


.contact-cta-button-arrow {

    display:
        inline-flex;

    width:
        0;

    margin-left:
        0;

    overflow:
        hidden;

    opacity:
        0;

    transform:
        translateX(
            -12px
        );

    font-size:
        17px;

    transition:
        width 0.28s ease,
        margin-left 0.28s ease,
        opacity 0.28s ease,
        transform 0.28s ease;

}


.contact-cta-button:hover
.contact-cta-button-arrow {

    width:
        19px;

    margin-left:
        10px;

    opacity:
        1;

    transform:
        translateX(0);

}


/* =========================================================
   FOOTER
========================================================= */

.site-footer {

    background-color:
        var(--dark-section);

    color:
        var(--white);

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.30
        );

}


/* =========================================================
   FOOTER MAIN
========================================================= */

.footer-main {

    display:
        grid;

    grid-template-columns:
        1.35fr
        1fr
        1fr
        1.45fr;

    gap:
        70px;

    padding-top:
        42px;

    padding-bottom:
        40px;

}


/* =========================================================
   FOOTER COLUMN
========================================================= */

.footer-column {

    min-width:
        0;

}


/* =========================================================
   COMPANY NAME
========================================================= */

.footer-company-name {

    margin:
        0;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        22px;

    font-weight:
        400;

    line-height:
        1;

}


.footer-company-description {

    max-width:
        290px;

    margin:
        18px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );

    font-size:
        13px;

    line-height:
        1.65;

}


/* =========================================================
   FOOTER UPTIME
========================================================= */

.footer-uptime {

    display:
        flex;

    align-items:
        center;

    gap:
        6px;

    margin-top:
        18px;

    color:
        rgba(
            255,
            255,
            255,
            0.86
        );

    font-size:
        9px;

    font-weight:
        600;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;

}


.footer-uptime span {

    width:
        7px;

    height:
        7px;

    display:
        inline-block;

    background-color:
        var(--brand-red);

    border-radius:
        50%;

}


/* =========================================================
   FOOTER HEADING
========================================================= */

.footer-heading {

    margin:
        0 0 16px;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        16px;

    font-weight:
        400;

    line-height:
        1;

}


/* =========================================================
   FOOTER LINKS
========================================================= */

.footer-links {

    display:
        flex;

    flex-direction:
        column;

    gap:
        10px;

}


.footer-links a {

    color:
        rgba(
            255,
            255,
            255,
            0.70
        );

    text-decoration:
        none;

    font-size:
        13px;

    line-height:
        1.35;

    transition:
        color 0.2s ease,
        transform 0.2s ease;

}


.footer-links a:hover {

    color:
        var(--white);

    transform:
        translateX(3px);

}


/* =========================================================
   FOOTER CONTACT LABEL
========================================================= */

.footer-contact-label {

    margin:
        0 0 8px;

    color:
        rgba(
            255,
            255,
            255,
            0.78
        );

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.15em;

    text-transform:
        uppercase;

}


/* =========================================================
   FOOTER ADDRESS
========================================================= */

.footer-address {

    margin:
        0 0 16px;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        12px;

    font-style:
        normal;

    line-height:
        1.65;

}


/* =========================================================
   FOOTER CONTACT ITEMS
========================================================= */

.footer-contact-item {

    display:
        flex;

    align-items:
        flex-start;

    gap:
        8px;

    margin-bottom:
        9px;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );

    text-decoration:
        none;

    font-size:
        12px;

    line-height:
        1.4;

    transition:
        color 0.2s ease;

}


.footer-contact-item:hover {

    color:
        var(--white);

}


.footer-contact-item
.material-symbols-outlined {

    flex:
        0 0 auto;

    color:
        rgba(
            255,
            180,
            180,
            0.90
        );

    font-size:
        15px;

}


/* =========================================================
   FOOTER BOTTOM
========================================================= */

.footer-bottom {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        30px;

    min-height:
        76px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.15
        );

}


/* =========================================================
   COPYRIGHT
========================================================= */

.footer-copyright {

    margin:
        0;

    color:
        rgba(
            255,
            255,
            255,
            0.65
        );

    font-size:
        11px;

    line-height:
        1.5;

}


/* =========================================================
   LEGAL LINKS
========================================================= */

.footer-legal-links {

    display:
        flex;

    align-items:
        center;

    gap:
        24px;

}


.footer-legal-links a {

    color:
        rgba(
            255,
            255,
            255,
            0.70
        );

    text-decoration:
        none;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.10em;

    text-transform:
        uppercase;

    transition:
        color 0.2s ease;

}


.footer-legal-links a:hover {

    color:
        var(--white);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {


    .header-container {

        grid-template-columns:
            1fr auto;

        padding-left:
            20px;

        padding-right:
            20px;

    }


    .desktop-navigation,
    .client-login {

        display:
            none;

    }


    .mobile-menu-button {

        display:
            inline-flex;

    }


    .mobile-navigation {

        display:
            block;

    }


    .brand-logo img {

        height:
            46px;

        max-width:
            215px;

    }


    .site-header.scrolled
    .brand-logo img {

        height:
            40px;

    }


    /* HERO */

    .hero-content {

        padding-top:
            50px;

    }


    .hero-title {

        font-size:
            clamp(
                40px,
                8vw,
                58px
            );

    }


    .hero-metrics {

        margin-top:
            40px;

    }


    /* PARTNERS */

    .partners-section {

        padding-top:
            36px;

        padding-bottom:
            44px;

    }


    .partners-intro {

        gap:
            40px;

    }


    .partners-marquee-track {

        gap:
            80px;

    }


    .partner-logo {

        width:
            115px;

        height:
            68px;

    }


    .partner-logo img {

        height:
            46px;

    }


    /* ABOUT */

    .about-section {

        padding-top:
            72px;

        padding-bottom:
            76px;

    }


    .about-content-column {

        padding-left:
            12px;

        padding-top:
            50px;

    }


    .about-title {

        font-size:
            clamp(
                38px,
                6vw,
                52px
            );

    }


    /* SERVICES */

    .services-section {

        padding-top:
            72px;

        padding-bottom:
            76px;

    }


    .services-grid {

        grid-template-columns:
            repeat(
                2,
                1fr
            );

        gap:
            18px;

    }


    .service-card {

        height:
            480px;

        min-height:
            480px;

        padding:
            26px 28px 26px;

    }


    .service-card-title {

        font-size:
            clamp(
                25px,
                3vw,
                32px
            );

    }


    /* PRODUCTS */

    .products-section {

        padding-top:
            72px;

        padding-bottom:
            76px;

    }


    .products-intro {

        gap:
            40px;

        margin-bottom:
            46px;

    }


    .products-title {

        font-size:
            clamp(
                40px,
                6vw,
                52px
            );

    }


    .products-description {

        font-size:
            14px;

    }


    .products-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        gap:
            18px;

    }


    .product-card {

        height:
            310px;

        min-height:
            310px;

    }


    /* CONTACT CTA */

    .contact-cta-section {

        padding-top:
            72px;

        padding-bottom:
            72px;

    }


    .contact-cta-title {

        font-size:
            clamp(
                38px,
                6vw,
                54px
            );

    }


    /* FOOTER */

    .footer-main {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        gap:
            46px 50px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {


    /* HERO */

    .hero-content {

        padding-top:
            44px;

        padding-bottom:
            32px;

    }


    .hero-title {

        font-size:
            clamp(
                38px,
                11vw,
                52px
            );

        line-height:
            1;

    }


    .hero-description {

        max-width:
            100%;

        font-size:
            12px;

    }


    .hero-actions {

        flex-direction:
            column;

        align-items:
            stretch;

        width:
            100%;

    }


    .hero-btn {

        width:
            100%;

    }


    .hero-metrics {

        grid-template-columns:
            1fr;

        gap:
            10px;

        margin-top:
            36px;

    }


    .metric-card-2 {

        transform:
            translateX(
                -110%
            );

    }


    .metric-card-3 {

        transform:
            translateX(
                -110%
            );

    }


    .hero-section.metrics-visible
    .metric-card-2,
    .hero-section.metrics-visible
    .metric-card-3 {

        transform:
            translateX(0);

        transition:
            transform
            0.9s
            cubic-bezier(
                0.22,
                1,
                0.36,
                1
            );

    }


    /* PARTNERS */

    .partners-section {

        padding-top:
            48px;

        padding-bottom:
            54px;

    }


    .partners-intro {

        grid-template-columns:
            1fr;

        gap:
            18px;

        margin-bottom:
            38px;

    }


    .partners-description {

        text-align:
            left;

    }


    .partners-marquee-track {

        gap:
            62px;

        animation-duration:
            24s;

    }


    .partner-logo {

        width:
            105px;

        height:
            62px;

    }


    .partner-logo img {

        height:
            42px;

    }


    /* ABOUT */

    .about-section {

        padding-top:
            54px;

        padding-bottom:
            58px;

    }


    .about-image-wrapper {

        padding:
            14px 0 0 12px;

    }


    .about-red-accent {

        width:
            70px;

        height:
            70px;

        transform:
            translate(
                14px,
                14px
            );

    }


    .about-section.is-visible
    .about-red-accent {

        transform:
            translate(
                0,
                0
            );

    }


    .about-image-caption {

        left:
            10px;

        bottom:
            10px;

        padding:
            8px 10px;

    }


    .about-image-caption strong {

        font-size:
            7px;

    }


    .about-image-caption span {

        font-size:
            6px;

    }


    .about-content-column {

        padding-left:
            12px;

        padding-top:
            42px;

    }


    .about-title {

        font-size:
            clamp(
                34px,
                10vw,
                46px
            );

    }


    .about-description {

        font-size:
            14px;

        line-height:
            1.7;

    }


    .about-feature-list {

        gap:
            14px;

    }


    .about-feature-item {

        grid-template-columns:
            34px minmax(
                0,
                1fr
            );

        gap:
            10px;

    }


    .about-feature-icon {

        width:
            30px;

        height:
            30px;

    }


    .about-feature-icon
    .material-symbols-outlined {

        font-size:
            16px;

    }


    .about-feature-item h3 {

        font-size:
            15px;

    }


    .about-feature-item p {

        font-size:
            10px;

    }


    .about-cta {

        width:
            100%;

        min-width:
            0;

        margin-top:
            24px;

    }


    /* SERVICES */

    .services-section {

        padding-top:
            58px;

        padding-bottom:
            64px;

    }


    .services-intro {

        margin-bottom:
            40px;

    }


    .services-title {

        font-size:
            clamp(
                38px,
                10vw,
                52px
            );

    }


    .services-description {

        margin-top:
            18px;

        font-size:
            14px;

        line-height:
            1.7;

    }


    .services-grid {

        grid-template-columns:
            1fr;

        gap:
            14px;

    }


    .service-card {

        height:
            460px;

        min-height:
            460px;

        padding:
            26px 24px 24px;

    }


    .service-card-title {

        font-size:
            clamp(
                26px,
                8vw,
                34px
            );

    }


    .service-card-description {

        font-size:
            13px;

        line-height:
            1.6;

    }


    .services-more {

        margin-top:
            44px;

    }


    .services-more-text {

        max-width:
            320px;

        font-size:
            10px;

        line-height:
            1.6;

    }


    .services-cta {

        width:
            100%;

        min-width:
            0;

        max-width:
            330px;

    }


    /* PRODUCTS */

    .products-section {

        padding-top:
            58px;

        padding-bottom:
            64px;

    }


    .products-intro {

        grid-template-columns:
            1fr;

        gap:
            18px;

        margin-bottom:
            38px;

    }


    .products-title {

        font-size:
            clamp(
                38px,
                10vw,
                52px
            );

    }


    .products-description {

        max-width:
            100%;

        font-size:
            14px;

        line-height:
            1.7;

    }


    .products-grid {

        grid-template-columns:
            1fr;

        gap:
            14px;

    }


    .product-card {

        height:
            310px;

        min-height:
            310px;

        padding:
            22px 22px 20px;

    }


    .product-card-title {

        font-size:
            23px;

    }


    .product-card-description {

        font-size:
            12px;

    }


    .products-cta-wrapper {

        margin-top:
            40px;

    }


    .products-cta {

        width:
            100%;

        min-width:
            0;

        max-width:
            360px;

    }


    /* CONTACT CTA */

    .contact-cta-section {

        padding-top:
            58px;

        padding-bottom:
            62px;

    }


    .contact-cta-eyebrow {

        font-size:
            8px;

        text-align:
            center;

    }


    .contact-cta-title {

        font-size:
            clamp(
                34px,
                10vw,
                48px
            );

    }


    .contact-cta-description {

        margin-top:
            18px;

        font-size:
            13px;

        line-height:
            1.7;

    }


    .contact-cta-button {

        width:
            100%;

        max-width:
            320px;

    }


    /* FOOTER */

    .footer-main {

        grid-template-columns:
            1fr;

        gap:
            34px;

        padding-top:
            36px;

        padding-bottom:
            36px;

    }


    .footer-company-description {

        max-width:
            100%;

    }


    .footer-bottom {

        flex-direction:
            column;

        align-items:
            flex-start;

        justify-content:
            center;

        gap:
            14px;

        padding-top:
            22px;

        padding-bottom:
            22px;

    }


    .footer-legal-links {

        flex-wrap:
            wrap;

        gap:
            12px 18px;

    }

}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {


    .header-container {

        padding-left:
            64px;

        padding-right:
            64px;

    }


    .desktop-navigation {

        gap:
            34px;

    }


    .hero-content {

        padding-top:
            72px;

        padding-bottom:
            50px;

    }


    .partners-section {

        padding-top:
            92px;

        padding-bottom:
            90px;

    }


    .partners-intro {

        gap:
            100px;

    }


    .partners-marquee-track {

        gap:
            135px;

        animation-duration:
            32s;

    }


    .about-section {

        padding-top:
            112px;

        padding-bottom:
            112px;

    }


    .about-content-column {

        padding-left:
            32px;

    }


    .about-image-wrapper {

        padding:
            18px 0 0 16px;

    }


    .services-section {

        padding-top:
            110px;

        padding-bottom:
            110px;

    }


    .services-intro {

        margin-bottom:
            68px;

    }


    .services-grid {

        gap:
            22px;

    }


    .service-card {

        height:
            490px;

        min-height:
            490px;

        padding:
            32px 34px 30px;

    }


    .service-card-title {

        font-size:
            clamp(
                28px,
                2vw,
                36px
            );

    }


    .products-section {

        padding-top:
            110px;

        padding-bottom:
            112px;

    }


    .products-intro {

        gap:
            100px;

        margin-bottom:
            68px;

    }


    .products-grid {

        gap:
            22px;

    }


    .product-card {

        height:
            315px;

        min-height:
            315px;

        padding:
            24px 24px 21px;

    }


    .product-card-title {

        font-size:
            clamp(
                21px,
                1.55vw,
                27px
            );

    }


    /* CONTACT CTA */

    .contact-cta-section {

        padding-top:
            104px;

        padding-bottom:
            104px;

    }


    .contact-cta-content {

        max-width:
            1000px;

    }


    /* FOOTER */

    .footer-main {

        gap:
            85px;

        padding-top:
            44px;

        padding-bottom:
            44px;

    }

}






/* =========================================================
   CONTACT PAGE
   PAGE-SPECIFIC STYLES
========================================================= */


/* =========================================================
   CONTACT HERO
========================================================= */

/*
    The Contact hero intentionally reuses the same
    animation system as the Home hero.

    We only make the Contact title wider and slightly
    larger so the three-line composition matches the
    supplied reference.
*/

.contact-hero-section {

    min-height:
        520px;

}


.contact-hero-title {

    max-width:
        820px;

    font-size:
        clamp(
            48px,
            5.3vw,
            78px
        );

    line-height:
        1.02;

}


/*
    Only one Contact CTA exists in this Hero.
*/

.contact-hero-section
.hero-actions {

    margin-top:
        32px;

}


/* =========================================================
   CONTACT FORM SECTION
========================================================= */

.contact-form-section {

    position:
        relative;

    overflow:
        hidden;

    background-color:
        var(--background-light);

    padding-top:
        76px;

    padding-bottom:
        82px;

}


/* =========================================================
   CONTACT LAYOUT
========================================================= */

.contact-form-layout {

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            0.78fr
        )
        minmax(
            0,
            1.22fr
        );

    align-items:
        start;

    gap:
        64px;

}


/* =========================================================
   CONTACT INFORMATION
========================================================= */

.contact-information {

    padding-top:
        12px;

}


.contact-information-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            40px,
            3.8vw,
            56px
        );

    font-weight:
        400;

    line-height:
        1;

}


.contact-information-group {

    margin-top:
        34px;

}


.contact-information-label {

    margin:
        0 0 9px;

    color:
        var(--brand-red);

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        0.16em;

    text-transform:
        uppercase;

}


.contact-information-values {

    display:
        flex;

    flex-direction:
        column;

    gap:
        7px;

}


.contact-information-values a {

    color:
        #5F6C72;

    text-decoration:
        none;

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        15px;

    line-height:
        1.45;

    transition:
        color 0.2s ease;

}


.contact-information-values a:hover {

    color:
        var(--brand-red);

}


/* =========================================================
   CONTACT ADDRESS
========================================================= */

.contact-information-address {

    margin:
        0;

    color:
        #5F6C72;

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        15px;

    line-height:
        1.65;

    font-style:
        normal;

}


/* =========================================================
   CONTACT FORM WRAPPER
========================================================= */

.contact-form-wrapper {

    width:
        100%;

    max-width:
        760px;

    margin-left:
        auto;

    padding:
        38px 40px 40px;

    background-color:
        var(--white);

    border:
        1px solid
        rgba(
            23,
            23,
            23,
            0.13
        );

    box-shadow:
        0 10px 28px
        rgba(
            23,
            23,
            23,
            0.045
        );

}


/* =========================================================
   CONTACT FORM
========================================================= */

.contact-form {

    display:
        flex;

    flex-direction:
        column;

    gap:
        26px;

}


/* =========================================================
   FORM ROW
========================================================= */

.contact-form-row {

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    gap:
        20px;

}


/* =========================================================
   FORM FIELD
========================================================= */

.contact-form-field {

    display:
        flex;

    flex-direction:
        column;

    gap:
        8px;

}


.contact-form-field-full {

    width:
        100%;

}


/* =========================================================
   FORM LABEL
========================================================= */

.contact-form-field label {

    color:
        #314A5D;

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        12px;

    font-weight:
        700;

    letter-spacing:
        0.04em;

}


/* =========================================================
   INPUTS
========================================================= */

.contact-form-field input,
.contact-form-field select,
.contact-form-field textarea {

    width:
        100%;

    border:
        1px solid
        #D6DEE2;

    border-radius:
        0;

    background-color:
        #FAFBFB;

    color:
        var(--charcoal);

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        13px;

    outline:
        none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;

}


/* =========================================================
   INPUT / SELECT
========================================================= */

.contact-form-field input,
.contact-form-field select {

    height:
        58px;

    padding:
        0 15px;

}


/* =========================================================
   TEXTAREA
========================================================= */

.contact-form-field textarea {

    min-height:
        150px;

    padding:
        14px 15px;

    resize:
        vertical;

    line-height:
        1.55;

}


/* =========================================================
   FORM FOCUS
========================================================= */

.contact-form-field input:focus,
.contact-form-field select:focus,
.contact-form-field textarea:focus {

    background-color:
        var(--white);

    border-color:
        var(--brand-red);

    box-shadow:
        0 0 0 2px
        rgba(
            225,
            7,
            7,
            0.08
        );

}


/* =========================================================
   SELECT WRAPPER
========================================================= */

.contact-select-wrapper {

    position:
        relative;

}


.contact-select-wrapper select {

    appearance:
        none;

    -webkit-appearance:
        none;

    padding-right:
        44px;

}


.contact-select-icon {

    position:
        absolute;

    top:
        50%;

    right:
        13px;

    color:
        var(--charcoal);

    font-size:
        20px;

    pointer-events:
        none;

    transform:
        translateY(-50%);

}


/* =========================================================
   SEND BUTTON
========================================================= */

.contact-submit-button {

    width:
        100%;

    min-height:
        54px;

    padding:
        0 24px;

    border:
        1px solid
        var(--brand-red);

    border-radius:
        2px;

    background-color:
        var(--brand-red);

    color:
        var(--white);

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        12px;

    font-weight:
        700;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;

    cursor:
        pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;

}


.contact-submit-button:hover {

    background-color:
        #C90606;

    border-color:
        #C90606;

    transform:
        translateY(-1px);

    box-shadow:
        0 7px 16px
        rgba(
            225,
            7,
            7,
            0.18
        );

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {


    .contact-hero-section {

        min-height:
            470px;

    }


    .contact-hero-title {

        max-width:
            700px;

        font-size:
            clamp(
                44px,
                7vw,
                64px
            );

    }


    .contact-form-section {

        padding-top:
            64px;

        padding-bottom:
            70px;

    }


    .contact-form-layout {

        grid-template-columns:
            1fr;

        gap:
            48px;

    }


    .contact-information {

        padding-top:
            0;

    }


    .contact-form-wrapper {

        max-width:
            none;

        margin-left:
            0;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {


    .contact-hero-section {

        min-height:
            500px;

    }


    .contact-hero-title {

        max-width:
            100%;

        font-size:
            clamp(
                40px,
                11vw,
                54px
            );

        line-height:
            1.01;

    }


    .contact-hero-section
    .hero-actions {

        margin-top:
            28px;

    }


    .contact-form-section {

        padding-top:
            52px;

        padding-bottom:
            58px;

    }


    .contact-form-layout {

        gap:
            38px;

    }


    .contact-information-title {

        font-size:
            clamp(
                38px,
                10vw,
                48px
            );

    }


    .contact-information-group {

        margin-top:
            28px;

    }


    .contact-information-values a,
    .contact-information-address {

        font-size:
            14px;

    }


    .contact-form-wrapper {

        padding:
            26px 20px 26px;

    }


    .contact-form {

        gap:
            20px;

    }


    .contact-form-row {

        grid-template-columns:
            1fr;

        gap:
            20px;

    }


    .contact-form-field input,
    .contact-form-field select {

        height:
            54px;

    }


    .contact-form-field textarea {

        min-height:
            135px;

    }


    .contact-submit-button {

        min-height:
            52px;

    }

}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {


    .contact-hero-section {

        min-height:
            540px;

    }


    .contact-hero-title {

        max-width:
            900px;

        font-size:
            clamp(
                56px,
                5vw,
                82px
            );

    }


    .contact-form-section {

        padding-top:
            88px;

        padding-bottom:
            94px;

    }


    .contact-form-layout {

        gap:
            88px;

    }


    .contact-information-title {

        font-size:
            60px;

    }


    .contact-form-wrapper {

        max-width:
            780px;

        padding:
            40px 42px 42px;

    }

}





/* =========================================================
   BRAINFRAME TECHNOLOGIES
   GLOBAL DESIGN SYSTEM
========================================================= */

:root {

    --brand-red: #E10707;

    --background-light: #FAFAFA;

    --white: #FFFFFF;

    --charcoal: #171717;

    --about-background: #F6F3F2;

    --services-card-background: #FAF8F7;

    --products-background: #F6F3F2;

    --dark-section: #2E2E2E;

    --dark-section-deep: #242424;

    --header-height: 92px;

    --header-height-scrolled: 72px;

    --header-transition: 0.25s ease;

}


/* =========================================================
   GLOBAL
========================================================= */

html {

    scroll-behavior:
        smooth;

}


body {

    margin:
        0;

    background-color:
        var(--background-light);

    color:
        var(--charcoal);

    font-family:
        "Cantarell",
        sans-serif;

}


/* =========================================================
   HEADER
========================================================= */

.site-header {

    position:
        fixed;

    top:
        0;

    left:
        0;

    width:
        100%;

    z-index:
        1000;

    background-color:
        var(--background-light);

    border-bottom:
        1px solid
        rgba(
            23,
            23,
            23,
            0.10
        );

    transition:
        box-shadow var(--header-transition);

}


.header-container {

    height:
        var(--header-height);

    display:
        grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items:
        center;

    padding-left:
        40px;

    padding-right:
        40px;

    transition:
        height var(--header-transition);

}


.brand-logo {

    display:
        inline-flex;

    align-items:
        center;

    justify-self:
        start;

    text-decoration:
        none;

}


.brand-logo img {

    display:
        block;

    width:
        auto;

    height:
        50px;

    max-width:
        230px;

    transition:
        height var(--header-transition);

}


.desktop-navigation {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        28px;

    justify-self:
        center;

}


.desktop-navigation a {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    color:
        var(--charcoal);

    text-decoration:
        none;

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        12px;

    font-weight:
        600;

    text-transform:
        uppercase;

    letter-spacing:
        0.04em;

    white-space:
        nowrap;

    transition:
        color 0.15s ease;

}


.desktop-navigation a:hover {

    color:
        var(--brand-red);

}


.desktop-navigation a.active {

    transform:
        translateY(-4px);

}


.desktop-navigation a.active::after {

    content:
        "";

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        -12px;

    height:
        2px;

    background-color:
        var(--brand-red);

}


.client-login {

    justify-self:
        end;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        11px 22px;

    background-color:
        var(--brand-red);

    color:
        var(--white);

    border:
        1px solid
        var(--brand-red);

    border-radius:
        4px;

    text-decoration:
        none;

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        12px;

    font-weight:
        600;

    text-transform:
        uppercase;

    letter-spacing:
        0.05em;

    white-space:
        nowrap;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;

}


.client-login:hover {

    background-color:
        #C90606;

    border-color:
        #C90606;

    color:
        var(--white);

}


.site-header.scrolled {

    box-shadow:
        0 2px 12px
        rgba(
            0,
            0,
            0,
            0.05
        );

}


.site-header.scrolled
.header-container {

    height:
        var(--header-height-scrolled);

}


.site-header.scrolled
.brand-logo img {

    height:
        42px;

}


.mobile-menu-button {

    display:
        none;

    align-items:
        center;

    justify-content:
        center;

    justify-self:
        end;

    border:
        0;

    background:
        transparent;

    padding:
        6px;

    color:
        var(--charcoal);

    line-height:
        1;

    cursor:
        pointer;

}


.mobile-menu-button
.material-symbols-outlined {

    font-size:
        30px;

    line-height:
        1;

}


.mobile-navigation {

    display:
        none;

    background-color:
        var(--background-light);

    border-top:
        1px solid
        rgba(
            23,
            23,
            23,
            0.08
        );

}


.mobile-navigation nav {

    display:
        flex;

    flex-direction:
        column;

    padding:
        10px 24px 24px;

}


.mobile-navigation nav a {

    padding:
        14px 0;

    color:
        var(--charcoal);

    text-decoration:
        none;

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        14px;

    font-weight:
        600;

    text-transform:
        uppercase;

    letter-spacing:
        0.04em;

    border-bottom:
        1px solid
        rgba(
            23,
            23,
            23,
            0.08
        );

}


.mobile-navigation nav a:hover {

    color:
        var(--brand-red);

}


.mobile-navigation nav a.active {

    color:
        var(--brand-red);

}


.mobile-navigation .mobile-login {

    margin-top:
        16px;

    padding:
        12px 18px;

    border:
        0;

    background-color:
        var(--brand-red);

    color:
        var(--white);

    text-align:
        center;

    border-radius:
        4px;

}


.mobile-navigation .mobile-login:hover {

    color:
        var(--white);

    background-color:
        #C90606;

}


/* =========================================================
   MAIN
========================================================= */

.site-main {

    padding-top:
        var(--header-height);

}


/* =========================================================
   HERO
========================================================= */

.hero-section {

    position:
        relative;

    min-height:
        480px;

    overflow:
        hidden;

    background-color:
        #0B0B0B;

    color:
        var(--white);

    isolation:
        isolate;

}


.hero-background {

    position:
        absolute;

    inset:
        0;

    z-index:
        -3;

    overflow:
        hidden;

}


.hero-background img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

    object-position:
        center;

    opacity:
        0;

    transform:
        scale(1.03);

    -webkit-mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,0.10) 0%,
            rgba(0,0,0,0.10) 30%,
            rgba(0,0,0,0.35) 45%,
            rgba(0,0,0,0.65) 65%,
            rgba(0,0,0,0.85) 82%,
            rgba(0,0,0,1) 100%
        );

    mask-image:
        linear-gradient(
            to right,
            rgba(0,0,0,0.10) 0%,
            rgba(0,0,0,0.10) 30%,
            rgba(0,0,0,0.35) 45%,
            rgba(0,0,0,0.65) 65%,
            rgba(0,0,0,0.85) 82%,
            rgba(0,0,0,1) 100%
        );

    transition:
        opacity 1.5s ease,
        transform 2s ease;

}


.hero-section.is-visible
.hero-background img {

    opacity:
        1;

    transform:
        scale(1);

}


.hero-overlay {

    position:
        absolute;

    inset:
        0;

    z-index:
        -2;

    background:
        linear-gradient(
            to right,
            rgba(0,0,0,0.30) 0%,
            rgba(0,0,0,0.20) 30%,
            rgba(0,0,0,0.08) 60%,
            rgba(0,0,0,0) 100%
        );

}


.hero-content {

    position:
        relative;

    z-index:
        2;

    padding-top:
        62px;

    padding-bottom:
        42px;

}


.hero-eyebrow {

    margin-bottom:
        12px;

    color:
        var(--brand-red);

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.hero-title {

    margin:
        0;

    max-width:
        650px;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            42px,
            4.2vw,
            68px
        );

    font-weight:
        400;

    line-height:
        0.98;

    opacity:
        0;

    transform:
        translateY(18px);

    transition:
        opacity 0.9s ease,
        transform 0.9s ease;

}


.hero-section.is-visible
.hero-title {

    opacity:
        1;

    transform:
        translateY(0);

}


.hero-description {

    max-width:
        560px;

    margin-top:
        20px;

    margin-bottom:
        0;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );

    font-size:
        13px;

    line-height:
        1.55;

    opacity:
        0;

    transform:
        translateY(14px);

    transition:
        opacity 0.9s ease 0.15s,
        transform 0.9s ease 0.15s;

}


.hero-section.is-visible
.hero-description {

    opacity:
        1;

    transform:
        translateY(0);

}


.hero-actions {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    margin-top:
        26px;

}


.hero-btn {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    min-height:
        42px;

    padding:
        10px 18px;

    border:
        1px solid transparent;

    border-radius:
        2px;

    text-decoration:
        none;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;

}


.hero-btn
.material-symbols-outlined {

    font-size:
        15px;

}


.hero-btn-primary {

    background-color:
        var(--brand-red);

    color:
        var(--white);

    border-color:
        var(--brand-red);

}


.hero-btn-primary:hover {

    background-color:
        #C90606;

    border-color:
        #C90606;

    color:
        var(--white);

}


.hero-btn-secondary {

    background-color:
        rgba(
            255,
            255,
            255,
            0.08
        );

    border-color:
        rgba(
            255,
            255,
            255,
            0.18
        );

    color:
        var(--white);

}


.hero-btn-secondary:hover {

    background-color:
        rgba(
            255,
            255,
            255,
            0.16
        );

}


.hero-metrics {

    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            1fr
        );

    gap:
        14px;

    margin-top:
        50px;

}


.metric-card {

    position:
        relative;

    min-height:
        125px;

    padding:
        18px;

    background-color:
        rgba(
            15,
            15,
            15,
            0.78
        );

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.04
        );

    overflow:
        hidden;

    z-index:
        3;

}


.metric-card-2 {

    transform:
        translateX(
            calc(
                -100% - 14px
            )
        );

    z-index:
        2;

}


.metric-card-3 {

    transform:
        translateX(
            calc(
                -200% - 28px
            )
        );

    z-index:
        1;

}


.hero-section.metrics-visible
.metric-card-2 {

    transform:
        translateX(0);

    transition:
        transform
        1s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );

}


.hero-section.metrics-visible
.metric-card-3 {

    transform:
        translateX(0);

    transition:
        transform
        1.45s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );

}


.metric-accent {

    position:
        absolute;

    top:
        14px;

    left:
        18px;

    width:
        3px;

    height:
        9px;

    background-color:
        var(--brand-red);

}


.metric-content {

    padding-left:
        8px;

}


.metric-number {

    display:
        flex;

    align-items:
        baseline;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            30px,
            3vw,
            42px
        );

    line-height:
        1;

}


.metric-suffix {

    margin-left:
        2px;

    color:
        var(--brand-red);

    font-size:
        22px;

}


.metric-heading {

    margin-top:
        8px;

    margin-bottom:
        0;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            15px,
            1.5vw,
            21px
        );

    font-weight:
        400;

}


.metric-description {

    max-width:
        260px;

    margin:
        7px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.78
        );

    font-size:
        clamp(
            9px,
            0.9vw,
            13px
        );

    line-height:
        1.45;

    opacity:
        0;

}


.metric-card.revealed
.metric-description {

    opacity:
        1;

    transition:
        opacity 0.5s ease;

}


/* =========================================================
   PARTNERS
========================================================= */

.partners-section {

    position:
        relative;

    overflow:
        hidden;

    background-color:
        var(--white);

    padding-top:
        76px;

    padding-bottom:
        78px;

}


.partners-intro {

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        minmax(
            0,
            1fr
        );

    align-items:
        center;

    gap:
        60px;

    margin-bottom:
        56px;

}


.partners-heading-block {

    display:
        flex;

    align-items:
        center;

}


.partners-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            38px,
            4vw,
            48px
        );

    line-height:
        1;

    text-transform:
        uppercase;

}


.partners-description-block {

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

}


.partners-description {

    max-width:
        500px;

    margin:
        0;

    color:
        rgba(
            23,
            23,
            23,
            0.72
        );

    font-size:
        clamp(
            13px,
            1.1vw,
            16px
        );

    line-height:
        1.55;

    text-align:
        right;

}


.partners-marquee {

    position:
        relative;

    width:
        100%;

    overflow:
        hidden;

}


.partners-marquee::before,
.partners-marquee::after {

    content:
        "";

    position:
        absolute;

    top:
        0;

    bottom:
        0;

    width:
        90px;

    z-index:
        2;

    pointer-events:
        none;

}


.partners-marquee::before {

    left:
        0;

    background:
        linear-gradient(
            to right,
            var(--white),
            rgba(
                255,
                255,
                255,
                0
            )
        );

}


.partners-marquee::after {

    right:
        0;

    background:
        linear-gradient(
            to left,
            var(--white),
            rgba(
                255,
                255,
                255,
                0
            )
        );

}


.partners-marquee-track {

    display:
        flex;

    align-items:
        center;

    width:
        max-content;

    gap:
        110px;

    animation:
        partners-marquee-scroll
        28s
        linear
        infinite;

}


.partners-marquee:hover
.partners-marquee-track {

    animation-play-state:
        paused;

}


.partner-logo {

    flex:
        0 0 auto;

    width:
        125px;

    height:
        74px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

}


.partner-logo img {

    display:
        block;

    width:
        auto;

    height:
        52px;

    max-width:
        125px;

    object-fit:
        contain;

    transition:
        transform 0.25s ease;

}


.partner-logo:hover img {

    transform:
        scale(
            1.06
        );

}


@keyframes partners-marquee-scroll {

    from {

        transform:
            translateX(0);

    }

    to {

        transform:
            translateX(-50%);

    }

}


/* =========================================================
   HOME ABOUT US SECTION
========================================================= */

.about-section {

    position:
        relative;

    overflow:
        hidden;

    background-color:
        var(--about-background);

    padding-top:
        92px;

    padding-bottom:
        96px;

}


.about-layout {

    align-items:
        center;

}


.about-image-column {

    position:
        relative;

}


.about-content-column {

    position:
        relative;

    padding-left:
        26px;

}


.about-image-wrapper {

    position:
        relative;

    width:
        100%;

    padding:
        18px 0 0 16px;

}


.about-red-accent {

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        96px;

    height:
        96px;

    background-color:
        rgba(
            225,
            7,
            7,
            0.10
        );

    z-index:
        0;

    transform:
        translate(
            20px,
            20px
        );

}


.about-section.is-visible
.about-red-accent {

    transform:
        translate(
            0,
            0
        );

    transition:
        transform
        0.9s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );

}


.about-image-frame {

    position:
        relative;

    z-index:
        1;

    overflow:
        hidden;

    width:
        100%;

    box-shadow:
        0 22px 34px
        rgba(
            23,
            23,
            23,
            0.12
        );

}


.about-image {

    display:
        block;

    width:
        100%;

    height:
        auto;

    transform:
        scale(1);

    transition:
        transform
        0.45s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );

}


.about-image-frame:hover
.about-image {

    transform:
        scale(
            1.035
        );

}


.about-image-caption {

    position:
        absolute;

    left:
        16px;

    bottom:
        16px;

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    padding:
        10px 16px;

    background:
        rgba(
            23,
            23,
            23,
            0.90
        );

    color:
        var(--white);

}


.about-image-caption
.material-symbols-outlined {

    color:
        var(--brand-red);

    font-size:
        14px;

}


.about-image-caption div {

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

}


.about-image-caption strong {

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.16em;

    line-height:
        1.2;

}


.about-image-caption span {

    color:
        rgba(
            255,
            255,
            255,
            0.60
        );

    font-size:
        8px;

    letter-spacing:
        0.12em;

    line-height:
        1.2;

}


.about-eyebrow {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    margin:
        0 0 10px;

    color:
        var(--brand-red);

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

    opacity:
        0;

    transform:
        translateY(12px);

}


.about-section.is-visible
.about-eyebrow {

    opacity:
        1;

    transform:
        translateY(0);

    transition:
        opacity 0.75s ease,
        transform 0.75s ease;

}


.about-eyebrow span {

    display:
        inline-block;

    width:
        4px;

    height:
        10px;

    background-color:
        var(--brand-red);

}


.about-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            38px,
            3.7vw,
            48px
        );

    font-weight:
        400;

    line-height:
        0.98;

    opacity:
        0;

    transform:
        translateY(20px);

}


.about-section.is-visible
.about-title {

    opacity:
        1;

    transform:
        translateY(0);

    transition:
        opacity 0.85s ease 0.08s,
        transform 0.85s ease 0.08s;

}


.about-description {

    max-width:
        600px;

    margin:
        24px 0 28px;

    color:
        #705A55;

    font-size:
        16px;

    line-height:
        1.8;

    opacity:
        0;

    transform:
        translateY(18px);

}


.about-section.is-visible
.about-description {

    opacity:
        1;

    transform:
        translateY(0);

    transition:
        opacity 0.85s ease 0.18s,
        transform 0.85s ease 0.18s;

}


.about-feature-list {

    list-style:
        none;

    margin:
        0;

    padding:
        0;

    display:
        flex;

    flex-direction:
        column;

    gap:
        18px;

}


.about-feature-item {

    display:
        grid;

    grid-template-columns:
        42px minmax(
            0,
            1fr
        );

    align-items:
        start;

    gap:
        12px;

    opacity:
        0;

    transform:
        translateY(-18px);

}


.about-section.feature-list-visible
.about-feature-item {

    animation:
        about-feature-reveal
        0.65s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        )
        forwards;

}


.about-section.feature-list-visible
.about-feature-item:nth-child(1) {
    animation-delay:
        0.15s;
}


.about-section.feature-list-visible
.about-feature-item:nth-child(2) {
    animation-delay:
        0.35s;
}


.about-section.feature-list-visible
.about-feature-item:nth-child(3) {
    animation-delay:
        0.55s;
}


@keyframes about-feature-reveal {

    from {
        opacity:
            0;
        transform:
            translateY(-18px);
    }

    to {
        opacity:
            1;
        transform:
            translateY(0);
    }

}


.about-feature-icon {

    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background-color:
        rgba(
            225,
            7,
            7,
            0.10
        );

}


.about-feature-icon
.material-symbols-outlined {

    color:
        var(--brand-red);

    font-size:
        18px;

}


.about-feature-text {

    padding-top:
        1px;

}


.about-feature-item h3 {

    margin:
        0 0 4px;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            16px,
            1.45vw,
            23px
        );

    font-weight:
        400;

    line-height:
        1;

}


.about-feature-item p {

    margin:
        0;

    color:
        #746A67;

    font-size:
        12px;

    line-height:
        1.45;

}


.about-cta {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        290px;

    height:
        52px;

    margin-top:
        30px;

    padding:
        0 24px;

    overflow:
        hidden;

    background-color:
        #2E2E2E;

    color:
        var(--white);

    text-decoration:
        none;

    font-size:
        12px;

    font-weight:
        600;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;

    box-shadow:
        0 2px 4px
        rgba(
            0,
            0,
            0,
            0.12
        );

}


.about-cta:hover {

    background-color:
        var(--brand-red);

    color:
        var(--white);

}


.about-cta-label {

    position:
        relative;

    z-index:
        2;

}


.about-cta-arrow {

    display:
        inline-flex;

    width:
        0;

    margin-left:
        0;

    overflow:
        hidden;

    opacity:
        0;

    transform:
        translateX(-12px);

    font-size:
        17px;

    transition:
        width 0.28s ease,
        margin-left 0.28s ease,
        opacity 0.28s ease,
        transform 0.28s ease;

}


.about-cta:hover
.about-cta-arrow {

    width:
        18px;

    margin-left:
        9px;

    opacity:
        1;

    transform:
        translateX(0);

}


/* =========================================================
   SERVICES SECTION
========================================================= */

.services-section {

    position:
        relative;

    overflow:
        hidden;

    background-color:
        var(--white);

    padding-top:
        92px;

    padding-bottom:
        94px;

}


.services-intro {

    margin-bottom:
        60px;

}


.services-eyebrow {

    margin:
        0 0 8px;

    color:
        var(--brand-red);

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.services-eyebrow span {

    display:
        inline-block;

    width:
        4px;

    height:
        10px;

    background-color:
        var(--brand-red);

}


.services-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            42px,
            4.2vw,
            60px
        );

    font-weight:
        400;

    line-height:
        1;

}


.services-description {

    max-width:
        650px;

    margin:
        22px 0 0;

    color:
        #67615E;

    font-size:
        16px;

    line-height:
        1.75;

}


.services-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            1fr
        );

    gap:
        20px;

}


.service-card {

    min-height:
        480px;

    height:
        480px;

    display:
        flex;

    flex-direction:
        column;

    padding:
        30px 32px 28px;

    background-color:
        var(--services-card-background);

    border:
        1px solid
        rgba(
            23,
            23,
            23,
            0.025
        );

    box-shadow:
        0 2px 8px
        rgba(
            23,
            23,
            23,
            0.025
        );

    opacity:
        0;

    transform:
        translateY(50px);

    will-change:
        transform,
        opacity;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;

}


.services-section.cards-visible
.service-card {

    opacity:
        1;

    transform:
        translateY(0);

    transition:
        opacity 0.7s ease,
        transform 0.7s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        ),
        box-shadow 0.25s ease;

}


.services-section.cards-visible
.service-card:nth-child(1) {
    transition-delay:
        0.05s;
}


.services-section.cards-visible
.service-card:nth-child(2) {
    transition-delay:
        0.18s;
}


.services-section.cards-visible
.service-card:nth-child(3) {
    transition-delay:
        0.31s;
}


.services-section.cards-visible
.service-card:nth-child(4) {
    transition-delay:
        0.44s;
}


.service-card:hover {

    transform:
        translateY(-4px)
        scale(1.025);

    box-shadow:
        0 14px 28px
        rgba(
            23,
            23,
            23,
            0.08
        );

}


.service-card-icon {

    width:
        54px;

    height:
        54px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        24px;

    background-color:
        #EEEAE9;

    color:
        var(--charcoal);

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;

}


.service-card-icon
.material-symbols-outlined {
    font-size:
        28px;
}


.service-card:hover
.service-card-icon {

    background-color:
        rgba(
            225,
            7,
            7,
            0.10
        );

    color:
        var(--brand-red);

    transform:
        scale(1.04);

}


.service-card-label {

    display:
        block;

    margin-bottom:
        10px;

    color:
        #77706D;

    font-size:
        9px;

    font-weight:
        600;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.service-card-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            26px,
            2.1vw,
            35px
        );

    font-weight:
        400;

    line-height:
        1.02;

}


.service-card-description {

    margin:
        18px 0 0;

    color:
        #715F59;

    font-size:
        14px;

    line-height:
        1.65;

}


.service-card-link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    width:
        fit-content;

    margin-top:
        auto;

    padding-top:
        20px;

    color:
        var(--brand-red);

    text-decoration:
        none;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;

}


.service-card-link
.material-symbols-outlined {

    font-size:
        15px;

    transition:
        transform 0.2s ease;

}


.service-card-link:hover {
    color:
        #C90606;
}


.service-card-link:hover
.material-symbols-outlined {
    transform:
        translateX(4px);
}


.services-more {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    margin-top:
        64px;

}


.services-more-text {

    margin:
        0;

    color:
        #797370;

    font-size:
        12px;

    font-weight:
        500;

    letter-spacing:
        0.18em;

    text-align:
        center;

    text-transform:
        uppercase;

    opacity:
        0;

    transform:
        translateX(-35px);

}


.services-section.more-visible
.services-more-text {

    opacity:
        1;

    transform:
        translateX(0);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease;

}


.services-cta {

    position:
        relative;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        300px;

    height:
        52px;

    margin-top:
        16px;

    padding:
        0 28px;

    overflow:
        hidden;

    background-color:
        var(--brand-red);

    color:
        var(--white);

    text-decoration:
        none;

    font-size:
        12px;

    font-weight:
        700;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;

}


.services-cta:hover {

    transform:
        scale(1.035);

    background-color:
        #C90606;

    color:
        var(--white);

}


.services-cta-label {

    position:
        relative;

    z-index:
        2;

}


.services-cta-arrow {

    width:
        0;

    margin-left:
        0;

    overflow:
        hidden;

    opacity:
        0;

    transform:
        translateX(-12px);

    font-size:
        17px;

    transition:
        width 0.28s ease,
        margin-left 0.28s ease,
        opacity 0.28s ease,
        transform 0.28s ease;

}


.services-cta:hover
.services-cta-arrow {

    width:
        20px;

    margin-left:
        10px;

    opacity:
        1;

    transform:
        translateX(0);

}


/* =========================================================
   PRODUCTS SECTION
========================================================= */

.products-section {

    position:
        relative;

    overflow:
        hidden;

    background-color:
        var(--products-background);

    padding-top:
        92px;

    padding-bottom:
        94px;

}


.products-intro {

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    align-items:
        center;

    gap:
        70px;

    margin-bottom:
        58px;

}


.products-heading-block {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

}


.products-eyebrow {

    margin:
        0 0 8px;

    color:
        var(--brand-red);

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.products-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            44px,
            4.4vw,
            62px
        );

    font-weight:
        400;

    line-height:
        1;

}


.products-description-block {

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

}


.products-description {

    max-width:
        540px;

    margin:
        0;

    color:
        #6D6764;

    font-size:
        16px;

    line-height:
        1.65;

}


.products-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            5,
            minmax(
                0,
                1fr
            )
        );

    gap:
        20px;

}


.product-card {

    height:
        304px;

    min-height:
        304px;

    display:
        flex;

    flex-direction:
        column;

    padding:
        22px 22px 20px;

    background-color:
        var(--white);

    border:
        1px solid
        rgba(
            23,
            23,
            23,
            0.035
        );

    box-shadow:
        0 2px 6px
        rgba(
            23,
            23,
            23,
            0.025
        );

    opacity:
        0;

    transform:
        translateY(50px);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;

}


.products-section.cards-visible
.product-card {

    opacity:
        1;

    transform:
        translateY(0);

    transition:
        opacity 0.65s ease,
        transform 0.65s
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        ),
        box-shadow 0.25s ease;

}


.products-section.cards-visible
.product-card:nth-child(1) {
    transition-delay:
        0.05s;
}


.products-section.cards-visible
.product-card:nth-child(2) {
    transition-delay:
        0.15s;
}


.products-section.cards-visible
.product-card:nth-child(3) {
    transition-delay:
        0.25s;
}


.products-section.cards-visible
.product-card:nth-child(4) {
    transition-delay:
        0.35s;
}


.products-section.cards-visible
.product-card:nth-child(5) {
    transition-delay:
        0.45s;
}


.products-section.cards-visible
.product-card:nth-child(6) {
    transition-delay:
        0.80s;
}


.products-section.cards-visible
.product-card:nth-child(7) {
    transition-delay:
        0.90s;
}


.products-section.cards-visible
.product-card:nth-child(8) {
    transition-delay:
        1.00s;
}


.products-section.cards-visible
.product-card:nth-child(9) {
    transition-delay:
        1.10s;
}


.products-section.cards-visible
.product-card:nth-child(10) {
    transition-delay:
        1.20s;
}


.product-card:hover {

    transform:
        translateY(-6px);

    box-shadow:
        0 14px 28px
        rgba(
            23,
            23,
            23,
            0.10
        );

}


.product-card-top {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    margin-bottom:
        16px;

}


.product-card-icon {

    color:
        var(--brand-red);

    font-size:
        26px;

}


.product-card-tier {

    color:
        #A09B98;

    font-size:
        9px;

    font-weight:
        600;

    letter-spacing:
        0.14em;

}


.product-card-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            20px,
            1.65vw,
            27px
        );

    line-height:
        1.05;

}


.product-card-description {

    margin:
        12px 0 0;

    color:
        #706B68;

    font-size:
        12px;

    line-height:
        1.55;

}


.product-card-tags {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;

    margin-top:
        12px;

}


.product-card-tags span {

    display:
        inline-flex;

    align-items:
        center;

    min-height:
        19px;

    padding:
        3px 7px;

    background-color:
        #F0EEED;

    color:
        #55504D;

    font-size:
        8px;

    font-weight:
        600;

}


.product-card-link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        5px;

    width:
        fit-content;

    margin-top:
        auto;

    padding-top:
        14px;

    color:
        var(--brand-red);

    text-decoration:
        none;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;

}


.product-card-link
.material-symbols-outlined {

    font-size:
        14px;

    transition:
        transform 0.2s ease;

}


.product-card-link:hover {
    color:
        #C90606;
}


.product-card-link:hover
.material-symbols-outlined {
    transform:
        translateX(4px);
}


.products-cta-wrapper {

    display:
        flex;

    justify-content:
        center;

    margin-top:
        58px;

}


.products-cta {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        380px;

    height:
        54px;

    padding:
        0 28px;

    background-color:
        var(--white);

    color:
        var(--charcoal);

    text-decoration:
        none;

    font-size:
        12px;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    text-transform:
        uppercase;

}


.products-cta:hover {

    background-color:
        var(--brand-red);

    color:
        var(--white);

}


.products-cta-label {
    position:
        relative;
}


.products-cta-arrow {

    width:
        0;

    margin-left:
        0;

    overflow:
        hidden;

    opacity:
        0;

    transform:
        translateX(-12px);

    font-size:
        17px;

    transition:
        width 0.3s ease,
        margin-left 0.3s ease,
        opacity 0.3s ease,
        transform 0.3s ease;

}


.products-cta:hover
.products-cta-arrow {

    width:
        20px;

    margin-left:
        10px;

    opacity:
        1;

    transform:
        translateX(0);

}


/* =========================================================
   CONNECT WITH US SECTION
========================================================= */

.contact-cta-section {

    position:
        relative;

    overflow:
        hidden;

    background-color:
        var(--dark-section);

    color:
        var(--white);

    padding-top:
        88px;

    padding-bottom:
        88px;

}


.contact-cta-content {

    max-width:
        900px;

    margin:
        0 auto;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    text-align:
        center;

}


.contact-cta-eyebrow {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    margin:
        0 0 12px;

    color:
        rgba(
            255,
            255,
            255,
            0.80
        );

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        0.18em;

}


.contact-cta-eyebrow span {

    width:
        7px;

    height:
        7px;

    background-color:
        var(--brand-red);

    border-radius:
        50%;

}


.contact-cta-title {

    margin:
        0;

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            40px,
            4.8vw,
            68px
        );

    line-height:
        0.98;

}


.contact-cta-description {

    max-width:
        760px;

    margin:
        24px auto 0;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );

    font-size:
        16px;

    line-height:
        1.75;

}


.contact-cta-button {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        260px;

    height:
        52px;

    margin-top:
        34px;

    padding:
        0 26px;

    background-color:
        var(--brand-red);

    color:
        var(--white);

    text-decoration:
        none;

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    text-transform:
        uppercase;

}


.contact-cta-button:hover {

    background-color:
        #C90606;

    color:
        var(--white);

}


/* =========================================================
   FOOTER
========================================================= */

.site-footer {

    background-color:
        var(--dark-section);

    color:
        var(--white);

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.30
        );

}


.footer-main {

    display:
        grid;

    grid-template-columns:
        1.35fr
        1fr
        1fr
        1.45fr;

    gap:
        70px;

    padding-top:
        42px;

    padding-bottom:
        40px;

}


.footer-column {
    min-width:
        0;
}


.footer-company-name {

    margin:
        0;

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        22px;

    font-weight:
        400;

}


.footer-company-description {

    max-width:
        290px;

    margin:
        18px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );

    font-size:
        13px;

    line-height:
        1.65;

}


.footer-uptime {

    display:
        flex;

    align-items:
        center;

    gap:
        6px;

    margin-top:
        18px;

    color:
        rgba(
            255,
            255,
            255,
            0.86
        );

    font-size:
        9px;

    letter-spacing:
        0.12em;

}


.footer-uptime span {

    width:
        7px;

    height:
        7px;

    background-color:
        var(--brand-red);

    border-radius:
        50%;

}


.footer-heading {

    margin:
        0 0 16px;

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        16px;

    font-weight:
        400;

}


.footer-links {

    display:
        flex;

    flex-direction:
        column;

    gap:
        10px;

}


.footer-links a {

    color:
        rgba(
            255,
            255,
            255,
            0.70
        );

    text-decoration:
        none;

    font-size:
        13px;

}


.footer-links a:hover {

    color:
        var(--white);

    transform:
        translateX(3px);

}


.footer-contact-label {

    margin:
        0 0 8px;

    color:
        rgba(
            255,
            255,
            255,
            0.78
        );

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.15em;

}


.footer-address {

    margin:
        0 0 16px;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );

    font-size:
        12px;

    line-height:
        1.65;

}


.footer-contact-item {

    display:
        flex;

    align-items:
        flex-start;

    gap:
        8px;

    margin-bottom:
        9px;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );

    text-decoration:
        none;

    font-size:
        12px;

}


.footer-contact-item:hover {
    color:
        var(--white);
}


.footer-contact-item
.material-symbols-outlined {

    color:
        rgba(
            255,
            180,
            180,
            0.90
        );

    font-size:
        15px;

}


.footer-bottom {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        30px;

    min-height:
        76px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.15
        );

}


.footer-copyright {

    margin:
        0;

    color:
        rgba(
            255,
            255,
            255,
            0.65
        );

    font-size:
        11px;

}


.footer-legal-links {

    display:
        flex;

    gap:
        24px;

}


.footer-legal-links a {

    color:
        rgba(
            255,
            255,
            255,
            0.70
        );

    text-decoration:
        none;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.10em;

    text-transform:
        uppercase;

}


.footer-legal-links a:hover {
    color:
        var(--white);
}


/* =========================================================
   CONTACT PAGE
   PAGE-SPECIFIC STYLES
========================================================= */

.contact-hero-section {

    min-height:
        520px;

}


.contact-hero-title {

    max-width:
        820px;

    font-size:
        clamp(
            48px,
            5.3vw,
            78px
        );

    line-height:
        1.02;

}


.contact-hero-section
.hero-actions {

    margin-top:
        32px;

}


.contact-form-section {

    position:
        relative;

    overflow:
        hidden;

    background-color:
        var(--background-light);

    padding-top:
        76px;

    padding-bottom:
        82px;

}


.contact-form-layout {

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            0.78fr
        )
        minmax(
            0,
            1.22fr
        );

    gap:
        64px;

}


.contact-information {

    padding-top:
        12px;

}


.contact-information-title {

    margin:
        0;

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            40px,
            3.8vw,
            56px
        );

    line-height:
        1;

}


.contact-information-group {

    margin-top:
        34px;

}


.contact-information-label {

    margin:
        0 0 9px;

    color:
        var(--brand-red);

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        0.16em;

}


.contact-information-values {

    display:
        flex;

    flex-direction:
        column;

    gap:
        7px;

}


.contact-information-values a {

    color:
        #5F6C72;

    text-decoration:
        none;

    font-size:
        15px;

}


.contact-information-values a:hover {
    color:
        var(--brand-red);
}


.contact-information-address {

    margin:
        0;

    color:
        #5F6C72;

    font-size:
        15px;

    line-height:
        1.65;

}


.contact-form-wrapper {

    width:
        100%;

    max-width:
        760px;

    margin-left:
        auto;

    padding:
        38px 40px 40px;

    background-color:
        var(--white);

    border:
        1px solid
        rgba(
            23,
            23,
            23,
            0.13
        );

    box-shadow:
        0 10px 28px
        rgba(
            23,
            23,
            23,
            0.045
        );

}


.contact-form {

    display:
        flex;

    flex-direction:
        column;

    gap:
        26px;

}


.contact-form-row {

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    gap:
        20px;

}


.contact-form-field {

    display:
        flex;

    flex-direction:
        column;

    gap:
        8px;

}


.contact-form-field label {

    color:
        #314A5D;

    font-size:
        12px;

    font-weight:
        700;

}


.contact-form-field input,
.contact-form-field select,
.contact-form-field textarea {

    width:
        100%;

    border:
        1px solid
        #D6DEE2;

    border-radius:
        0;

    background-color:
        #FAFBFB;

    color:
        var(--charcoal);

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        13px;

    outline:
        none;

}


.contact-form-field input,
.contact-form-field select {

    height:
        58px;

    padding:
        0 15px;

}


.contact-form-field textarea {

    min-height:
        150px;

    padding:
        14px 15px;

    resize:
        vertical;

}


.contact-form-field input:focus,
.contact-form-field select:focus,
.contact-form-field textarea:focus {

    background-color:
        var(--white);

    border-color:
        var(--brand-red);

    box-shadow:
        0 0 0 2px
        rgba(
            225,
            7,
            7,
            0.08
        );

}


.contact-select-wrapper {

    position:
        relative;

}


.contact-select-wrapper select {

    appearance:
        none;

}


.contact-select-icon {

    position:
        absolute;

    top:
        50%;

    right:
        13px;

    color:
        var(--charcoal);

    pointer-events:
        none;

    transform:
        translateY(-50%);

}


.contact-submit-button {

    width:
        100%;

    min-height:
        54px;

    border:
        1px solid
        var(--brand-red);

    border-radius:
        2px;

    background-color:
        var(--brand-red);

    color:
        var(--white);

    font-size:
        12px;

    font-weight:
        700;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;

    cursor:
        pointer;

}


.contact-submit-button:hover {

    background-color:
        #C90606;

    border-color:
        #C90606;

}


/* =========================================================
   ABOUT US PAGE
   STATIC PAGE-SPECIFIC STYLES
========================================================= */


/* =========================================================
   ABOUT PAGE HERO
========================================================= */

.about-page-hero {

    position:
        relative;

    overflow:
        hidden;

    min-height:
        350px;

    background:
        #2E2E2E;

    color:
        var(--white);

}


.about-page-hero-content {

    padding-top:
        60px;

    padding-bottom:
        58px;

    max-width:
        1000px;

}


.about-page-hero-eyebrow {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    margin:
        0 0 23px;

    padding:
        7px 12px;

    background:
        rgba(
            255,
            255,
            255,
            0.10
        );

    color:
        rgba(
            255,
            255,
            255,
            0.88
        );

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.13em;

    line-height:
        1;

    text-transform:
        uppercase;

}


.about-page-hero-eyebrow span {

    width:
        4px;

    height:
        10px;

    display:
        inline-block;

    background:
        var(--brand-red);

}


.about-page-hero-title {

    max-width:
        760px;

    margin:
        0;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            48px,
            5.3vw,
            76px
        );

    font-weight:
        400;

    line-height:
        0.98;

    text-transform:
        uppercase;

}


.about-page-hero-description {

    display:
        flex;

    align-items:
        center;

    gap:
        14px;

    max-width:
        680px;

    margin:
        22px 0 0;

}


.about-page-hero-description span {

    width:
        40px;

    height:
        2px;

    display:
        inline-block;

    flex:
        0 0 auto;

    background:
        var(--brand-red);

}


.about-page-hero-description p {

    margin:
        0;

    color:
        rgba(
            255,
            255,
            255,
            0.82
        );

    font-size:
        15px;

    line-height:
        1.6;

}


.about-page-hero-metrics {

    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            1fr
        );

    gap:
        55px;

    margin-top:
        48px;

}


.about-page-hero-metric {

    display:
        flex;

    flex-direction:
        column;

    gap:
        5px;

}


.about-page-hero-metric-label {

    color:
        rgba(
            255,
            255,
            255,
            0.62
        );

    font-size:
        8px;

    font-weight:
        500;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;

}


.about-page-hero-metric strong {

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        14px;

    font-weight:
        400;

    letter-spacing:
        0.02em;

    text-transform:
        uppercase;

}


/* =========================================================
   EVOLUTION SECTION
========================================================= */

.about-evolution-section {

    background:
        var(--white);

    padding-top:
        78px;

    padding-bottom:
        82px;

}


.about-evolution-visual {

    max-width:
        620px;

}


.about-evolution-image-frame {

    position:
        relative;

    width:
        100%;

    padding:
        6px;

    background:
        #ECEAE9;

}


.about-evolution-image {

    display:
        block;

    width:
        100%;

    height:
        auto;

    aspect-ratio:
        16 / 9;

    object-fit:
        cover;

    object-position:
        center;

    filter:
        grayscale(
            100%
        );

}


.about-evolution-system-details {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    margin-top:
        8px;

    color:
        #85817E;

    font-size:
        8px;

    letter-spacing:
        0.11em;

    text-transform:
        uppercase;

}


.about-evolution-content {

    max-width:
        610px;

    margin-left:
        auto;

}


.about-page-section-eyebrow {

    display:
        flex;

    align-items:
        center;

    gap:
        6px;

    margin:
        0 0 9px;

    color:
        var(--brand-red);

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.16em;

    line-height:
        1.2;

    text-transform:
        uppercase;

}


.about-page-section-eyebrow span {

    width:
        6px;

    height:
        6px;

    flex:
        0 0 auto;

    background:
        var(--brand-red);

    border-radius:
        50%;

}


.about-page-section-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            38px,
            3.5vw,
            56px
        );

    font-weight:
        400;

    line-height:
        0.98;

    text-transform:
        uppercase;

}


.about-evolution-description {

    margin:
        19px 0 0;

    color:
        #6E6764;

    font-size:
        15px;

    line-height:
        1.7;

}


.about-evolution-stat-bar {

    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            1fr
        );

    gap:
        28px;

    margin-top:
        25px;

    padding:
        19px 17px;

    background:
        #F3F0EF;

}


.about-evolution-stat {

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

}


.about-evolution-stat strong {

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        28px;

    line-height:
        1;

}


.about-evolution-stat:first-child strong {

    color:
        var(--brand-red);

}


.about-evolution-stat-title {

    color:
        var(--charcoal);

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

}


.about-evolution-stat small {

    color:
        #77706D;

    font-size:
        9px;

    line-height:
        1.35;

}


/* =========================================================
   VISION / MISSION
========================================================= */

.about-direction-section {

    background:
        #2E2E2E;

    padding-top:
        74px;

    padding-bottom:
        74px;

}


.about-direction-card {

    min-height:
        250px;

    padding:
        31px 32px 27px;

    background:
        #454342;

    color:
        var(--white);

}


.about-direction-label {

    display:
        inline-flex;

    align-items:
        center;

    min-height:
        22px;

    margin-bottom:
        17px;

    padding:
        0 9px;

    background:
        var(--brand-red);

    color:
        var(--white);

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.11em;

    line-height:
        1;

    text-transform:
        uppercase;

}


.about-direction-title {

    margin:
        0;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            28px,
            2.7vw,
            40px
        );

    font-weight:
        400;

    line-height:
        1;

    text-transform:
        uppercase;

}


.about-direction-quote {

    max-width:
        610px;

    margin:
        17px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.80
        );

    font-size:
        14px;

    line-height:
        1.65;

}


.about-direction-footer {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    margin-top:
        24px;

}


.about-direction-footer span:first-child {

    color:
        rgba(
            255,
            255,
            255,
            0.54
        );

    font-size:
        7px;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.about-direction-footer
.material-symbols-outlined {

    color:
        var(--brand-red);

    font-size:
        18px;

}


/* =========================================================
   STRATEGIC PILLARS
========================================================= */

.about-pillars-section {

    background:
        #F6F3F2;

    padding-top:
        78px;

    padding-bottom:
        84px;

}


.about-pillars-intro {

    max-width:
        750px;

    margin-bottom:
        38px;

}


.about-pillars-description {

    max-width:
        680px;

    margin:
        11px 0 0;

    color:
        #706B68;

    font-size:
        14px;

    line-height:
        1.6;

}


.about-pillars-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            1fr
        );

    gap:
        18px;

    align-items:
        start;

}


.about-pillar-card {

    min-height:
        276px;

    padding:
        19px 18px 18px;

    background:
        var(--white);

}


.about-pillar-icon {

    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        14px;

    background:
        #F0EEED;

}


.about-pillar-icon
.material-symbols-outlined {

    color:
        var(--charcoal);

    font-size:
        18px;

}


.about-pillar-label {

    display:
        block;

    margin-bottom:
        6px;

    color:
        #85807D;

    font-size:
        7px;

    font-weight:
        600;

    letter-spacing:
        0.15em;

    text-transform:
        uppercase;

}


.about-pillar-card h3 {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            19px,
            1.55vw,
            28px
        );

    font-weight:
        400;

    line-height:
        1.02;

    text-transform:
        uppercase;

}


.about-pillar-card p {

    margin:
        12px 0 0;

    color:
        #706A67;

    font-size:
        11px;

    line-height:
        1.55;

}


.about-pillar-status {

    display:
        flex;

    align-items:
        center;

    gap:
        5px;

    margin-top:
        17px;

    color:
        #77706D;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;

}


.about-pillar-status > span {

    width:
        5px;

    height:
        5px;

    background:
        var(--brand-red);

    border-radius:
        50%;

}


/* =========================================================
   QUOTE SECTION
========================================================= */

.about-quote-section {

    background:
        var(--white);

    padding-top:
        86px;

    padding-bottom:
        88px;

}


.about-quote-content {

    max-width:
        820px;

    margin:
        0 auto;

    text-align:
        center;

}


.about-quote-mark {

    width:
        30px;

    height:
        30px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin:
        0 auto 16px;

    background:
        rgba(
            225,
            7,
            7,
            0.12
        );

    color:
        var(--brand-red);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        16px;

}


.about-quote-content blockquote {

    margin:
        0;

    color:
        #171717;

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        clamp(
            24px,
            2.7vw,
            36px
        );

    font-weight:
        700;

    line-height:
        1.1;

}


.about-quote-author {

    margin:
        16px 0 0;

    color:
        var(--brand-red);

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

}


.about-quote-divider {

    width:
        72px;

    height:
        1px;

    margin:
        28px auto 0;

    background:
        #E4E0DE;

}


.about-quote-cta-title {

    margin:
        30px 0 0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        13px;

    font-weight:
        400;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

}


.about-quote-actions {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    margin-top:
        15px;

}


.about-quote-button {

    min-width:
        170px;

    min-height:
        54px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--white);

    text-decoration:
        none;

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    line-height:
        1.25;

    text-align:
        center;

    text-transform:
        uppercase;

}


.about-quote-button-primary {

    background:
        var(--brand-red);

}


.about-quote-button-secondary {

    background:
        #2E2E2E;

}


.about-quote-button:hover {

    color:
        var(--white);

    filter:
        brightness(
            0.92
        );

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    .header-container {

        grid-template-columns:
            1fr auto;

        padding-left:
            20px;

        padding-right:
            20px;

    }


    .desktop-navigation,
    .client-login {

        display:
            none;

    }


    .mobile-menu-button {

        display:
            inline-flex;

    }


    .mobile-navigation {

        display:
            block;

    }


    .brand-logo img {

        height:
            46px;

        max-width:
            215px;

    }


    .site-header.scrolled
    .brand-logo img {

        height:
            40px;

    }


    /* HOME / COMMON */

    .hero-content {

        padding-top:
            50px;

    }


    .hero-title {

        font-size:
            clamp(
                40px,
                8vw,
                58px
            );

    }


    .hero-metrics {

        margin-top:
            40px;

    }


    .partners-section {

        padding-top:
            36px;

        padding-bottom:
            44px;

    }


    .partners-intro {

        gap:
            40px;

    }


    .partners-marquee-track {

        gap:
            80px;

    }


    .partner-logo {

        width:
            115px;

        height:
            68px;

    }


    .partner-logo img {

        height:
            46px;

    }


    .about-section {

        padding-top:
            72px;

        padding-bottom:
            76px;

    }


    .about-content-column {

        padding-left:
            12px;

        padding-top:
            50px;

    }


    .about-title {

        font-size:
            clamp(
                38px,
                6vw,
                52px
            );

    }


    .services-section {

        padding-top:
            72px;

        padding-bottom:
            76px;

    }


    .services-grid {

        grid-template-columns:
            repeat(
                2,
                1fr
            );

        gap:
            18px;

    }


    .service-card {

        height:
            480px;

        min-height:
            480px;

        padding:
            26px 28px 26px;

    }


    .service-card-title {

        font-size:
            clamp(
                25px,
                3vw,
                32px
            );

    }


    .products-section {

        padding-top:
            72px;

        padding-bottom:
            76px;

    }


    .products-intro {

        gap:
            40px;

        margin-bottom:
            46px;

    }


    .products-title {

        font-size:
            clamp(
                40px,
                6vw,
                52px
            );

    }


    .products-description {

        font-size:
            14px;

    }


    .products-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        gap:
            18px;

    }


    .product-card {

        height:
            310px;

        min-height:
            310px;

    }


    .contact-cta-section {

        padding-top:
            72px;

        padding-bottom:
            72px;

    }


    .contact-cta-title {

        font-size:
            clamp(
                38px,
                6vw,
                54px
            );

    }


    .footer-main {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

        gap:
            46px 50px;

    }


    /* CONTACT PAGE */

    .contact-hero-section {

        min-height:
            470px;

    }


    .contact-hero-title {

        max-width:
            700px;

        font-size:
            clamp(
                44px,
                7vw,
                64px
            );

    }


    .contact-form-section {

        padding-top:
            64px;

        padding-bottom:
            70px;

    }


    .contact-form-layout {

        grid-template-columns:
            1fr;

        gap:
            48px;

    }


    .contact-information {

        padding-top:
            0;

    }


    .contact-form-wrapper {

        max-width:
            none;

        margin-left:
            0;

    }


    /* ABOUT PAGE */

    .about-page-hero {

        min-height:
            390px;

    }


    .about-page-hero-content {

        padding-top:
            54px;

        padding-bottom:
            50px;

    }


    .about-page-hero-title {

        max-width:
            680px;

        font-size:
            clamp(
                44px,
                7vw,
                64px
            );

    }


    .about-page-hero-metrics {

        gap:
            28px;

        margin-top:
            40px;

    }


    .about-evolution-section {

        padding-top:
            64px;

        padding-bottom:
            68px;

    }


    .about-evolution-content {

        max-width:
            none;

        margin-top:
            42px;

    }


    .about-direction-section {

        padding-top:
            60px;

        padding-bottom:
            60px;

    }


    .about-direction-card {

        margin-bottom:
            18px;

    }


    .about-direction-card:last-child {

        margin-bottom:
            0;

    }


    .about-pillars-section {

        padding-top:
            64px;

        padding-bottom:
            70px;

    }


    .about-pillars-grid {

        grid-template-columns:
            repeat(
                2,
                1fr
            );

    }


    .about-quote-section {

        padding-top:
            70px;

        padding-bottom:
            72px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .hero-content {

        padding-top:
            44px;

        padding-bottom:
            32px;

    }


    .hero-title {

        font-size:
            clamp(
                38px,
                11vw,
                52px
            );

        line-height:
            1;

    }


    .hero-description {

        max-width:
            100%;

        font-size:
            12px;

    }


    .hero-actions {

        flex-direction:
            column;

        align-items:
            stretch;

        width:
            100%;

    }


    .hero-btn {

        width:
            100%;

    }


    .hero-metrics {

        grid-template-columns:
            1fr;

        gap:
            10px;

        margin-top:
            36px;

    }


    .metric-card-2 {

        transform:
            translateX(
                -110%
            );

    }


    .metric-card-3 {

        transform:
            translateX(
                -110%
            );

    }


    .hero-section.metrics-visible
    .metric-card-2,
    .hero-section.metrics-visible
    .metric-card-3 {

        transform:
            translateX(0);

        transition:
            transform
            0.9s
            cubic-bezier(
                0.22,
                1,
                0.36,
                1
            );

    }


    .partners-section {

        padding-top:
            48px;

        padding-bottom:
            54px;

    }


    .partners-intro {

        grid-template-columns:
            1fr;

        gap:
            18px;

        margin-bottom:
            38px;

    }


    .partners-description {

        text-align:
            left;

    }


    .partners-marquee-track {

        gap:
            62px;

        animation-duration:
            24s;

    }


    .partner-logo {

        width:
            105px;

        height:
            62px;

    }


    .partner-logo img {

        height:
            42px;

    }


    .about-section {

        padding-top:
            54px;

        padding-bottom:
            58px;

    }


    .about-image-wrapper {

        padding:
            14px 0 0 12px;

    }


    .about-content-column {

        padding-left:
            12px;

        padding-top:
            42px;

    }


    .about-title {

        font-size:
            clamp(
                34px,
                10vw,
                46px
            );

    }


    .about-description {

        font-size:
            14px;

        line-height:
            1.7;

    }


    .about-feature-list {

        gap:
            14px;

    }


    .about-feature-item {

        grid-template-columns:
            34px minmax(
                0,
                1fr
            );

        gap:
            10px;

    }


    .about-feature-icon {

        width:
            30px;

        height:
            30px;

    }


    .about-feature-item h3 {

        font-size:
            15px;

    }


    .about-feature-item p {

        font-size:
            10px;

    }


    .about-cta {

        width:
            100%;

        min-width:
            0;

        margin-top:
            24px;

    }


    .services-section {

        padding-top:
            58px;

        padding-bottom:
            64px;

    }


    .services-intro {

        margin-bottom:
            40px;

    }


    .services-title {

        font-size:
            clamp(
                38px,
                10vw,
                52px
            );

    }


    .services-description {

        margin-top:
            18px;

        font-size:
            14px;

        line-height:
            1.7;

    }


    .services-grid {

        grid-template-columns:
            1fr;

        gap:
            14px;

    }


    .service-card {

        height:
            460px;

        min-height:
            460px;

        padding:
            26px 24px 24px;

    }


    .service-card-title {

        font-size:
            clamp(
                26px,
                8vw,
                34px
            );

    }


    .service-card-description {

        font-size:
            13px;

        line-height:
            1.6;

    }


    .services-more {

        margin-top:
            44px;

    }


    .services-more-text {

        max-width:
            320px;

        font-size:
            10px;

        line-height:
            1.6;

    }


    .services-cta {

        width:
            100%;

        min-width:
            0;

        max-width:
            330px;

    }


    .products-section {

        padding-top:
            58px;

        padding-bottom:
            64px;

    }


    .products-intro {

        grid-template-columns:
            1fr;

        gap:
            18px;

        margin-bottom:
            38px;

    }


    .products-title {

        font-size:
            clamp(
                38px,
                10vw,
                52px
            );

    }


    .products-description {

        max-width:
            100%;

        font-size:
            14px;

        line-height:
            1.7;

    }


    .products-grid {

        grid-template-columns:
            1fr;

        gap:
            14px;

    }


    .product-card {

        height:
            310px;

        min-height:
            310px;

        padding:
            22px 22px 20px;

    }


    .product-card-title {

        font-size:
            23px;

    }


    .products-cta-wrapper {

        margin-top:
            40px;

    }


    .products-cta {

        width:
            100%;

        min-width:
            0;

        max-width:
            360px;

    }


    .contact-cta-section {

        padding-top:
            58px;

        padding-bottom:
            62px;

    }


    .contact-cta-title {

        font-size:
            clamp(
                34px,
                10vw,
                48px
            );

    }


    .contact-cta-description {

        margin-top:
            18px;

        font-size:
            13px;

        line-height:
            1.7;

    }


    .contact-cta-button {

        width:
            100%;

        max-width:
            320px;

    }


    .footer-main {

        grid-template-columns:
            1fr;

        gap:
            34px;

        padding-top:
            36px;

        padding-bottom:
            36px;

    }


    .footer-company-description {

        max-width:
            100%;

    }


    .footer-bottom {

        flex-direction:
            column;

        align-items:
            flex-start;

        justify-content:
            center;

        gap:
            14px;

        padding-top:
            22px;

        padding-bottom:
            22px;

    }


    .footer-legal-links {

        flex-wrap:
            wrap;

        gap:
            12px 18px;

    }


    /* CONTACT PAGE */

    .contact-hero-section {

        min-height:
            500px;

    }


    .contact-hero-title {

        max-width:
            100%;

        font-size:
            clamp(
                40px,
                11vw,
                54px
            );

    }


    .contact-form-section {

        padding-top:
            52px;

        padding-bottom:
            58px;

    }


    .contact-form-layout {

        gap:
            38px;

    }


    .contact-information-title {

        font-size:
            clamp(
                38px,
                10vw,
                48px
            );

    }


    .contact-information-group {

        margin-top:
            28px;

    }


    .contact-information-values a,
    .contact-information-address {

        font-size:
            14px;

    }


    .contact-form-wrapper {

        padding:
            26px 20px 26px;

    }


    .contact-form {

        gap:
            20px;

    }


    .contact-form-row {

        grid-template-columns:
            1fr;

        gap:
            20px;

    }


    /* ABOUT PAGE */

    .about-page-hero {

        min-height:
            auto;

    }


    .about-page-hero-content {

        padding-top:
            46px;

        padding-bottom:
            46px;

    }


    .about-page-hero-eyebrow {

        font-size:
            7px;

        margin-bottom:
            19px;

    }


    .about-page-hero-title {

        font-size:
            clamp(
                38px,
                10vw,
                52px
            );

        line-height:
            1;

    }


    .about-page-hero-description {

        align-items:
            flex-start;

        margin-top:
            20px;

    }


    .about-page-hero-description span {

        width:
            28px;

        margin-top:
            9px;

    }


    .about-page-hero-description p {

        font-size:
            12px;

    }


    .about-page-hero-metrics {

        grid-template-columns:
            repeat(
                2,
                1fr
            );

        gap:
            22px 18px;

        margin-top:
            38px;

    }


    .about-page-hero-metric-label {

        font-size:
            7px;

    }


    .about-page-hero-metric strong {

        font-size:
            12px;

    }


    .about-evolution-section {

        padding-top:
            50px;

        padding-bottom:
            58px;

    }


    .about-evolution-system-details {

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            4px;

        font-size:
            7px;

    }


    .about-evolution-content {

        margin-top:
            36px;

    }


    .about-page-section-title {

        font-size:
            clamp(
                36px,
                10vw,
                48px
            );

    }


    .about-evolution-description {

        margin-top:
            15px;

        font-size:
            13px;

        line-height:
            1.7;

    }


    .about-evolution-stat-bar {

        grid-template-columns:
            repeat(
                3,
                1fr
            );

        gap:
            12px;

        margin-top:
            21px;

        padding:
            16px 12px;

    }


    .about-evolution-stat strong {

        font-size:
            22px;

    }


    .about-evolution-stat-title {

        font-size:
            7px;

    }


    .about-evolution-stat small {

        font-size:
            7px;

    }


    .about-direction-section {

        padding-top:
            48px;

        padding-bottom:
            48px;

    }


    .about-direction-card {

        min-height:
            auto;

        padding:
            24px 20px 22px;

    }


    .about-direction-title {

        font-size:
            clamp(
                24px,
                7vw,
                32px
            );

    }


    .about-direction-quote {

        font-size:
            12px;

        line-height:
            1.65;

    }


    .about-direction-footer {

        margin-top:
            20px;

    }


    .about-pillars-section {

        padding-top:
            52px;

        padding-bottom:
            58px;

    }


    .about-pillars-intro {

        margin-bottom:
            30px;

    }


    .about-pillars-description {

        font-size:
            13px;

    }


    .about-pillars-grid {

        grid-template-columns:
            1fr;

        gap:
            12px;

    }


    .about-pillar-card {

        min-height:
            auto;

        padding:
            20px;

    }


    .about-pillar-card h3 {

        font-size:
            23px;

    }


    .about-pillar-card p {

        font-size:
            11px;

        line-height:
            1.6;

    }


    .about-quote-section {

        padding-top:
            60px;

        padding-bottom:
            64px;

    }


    .about-quote-content blockquote {

        font-size:
            22px;

        line-height:
            1.12;

    }


    .about-quote-actions {

        flex-direction:
            column;

        width:
            100%;

    }


    .about-quote-button {

        width:
            100%;

        max-width:
            300px;

    }

}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

    .header-container {

        padding-left:
            64px;

        padding-right:
            64px;

    }


    .desktop-navigation {

        gap:
            34px;

    }


    .hero-content {

        padding-top:
            72px;

        padding-bottom:
            50px;

    }


    .partners-section {

        padding-top:
            92px;

        padding-bottom:
            90px;

    }


    .partners-intro {

        gap:
            100px;

    }


    .partners-marquee-track {

        gap:
            135px;

        animation-duration:
            32s;

    }


    .about-section {

        padding-top:
            112px;

        padding-bottom:
            112px;

    }


    .about-content-column {

        padding-left:
            32px;

    }


    .about-image-wrapper {

        padding:
            18px 0 0 16px;

    }


    .services-section {

        padding-top:
            110px;

        padding-bottom:
            110px;

    }


    .services-intro {

        margin-bottom:
            68px;

    }


    .services-grid {

        gap:
            22px;

    }


    .service-card {

        height:
            490px;

        min-height:
            490px;

        padding:
            32px 34px 30px;

    }


    .service-card-title {

        font-size:
            clamp(
                28px,
                2vw,
                36px
            );

    }


    .products-section {

        padding-top:
            110px;

        padding-bottom:
            112px;

    }


    .products-intro {

        gap:
            100px;

        margin-bottom:
            68px;

    }


    .products-grid {

        gap:
            22px;

    }


    .product-card {

        height:
            315px;

        min-height:
            315px;

        padding:
            24px 24px 21px;

    }


    .product-card-title {

        font-size:
            clamp(
                21px,
                1.55vw,
                27px
            );

    }


    .contact-cta-section {

        padding-top:
            104px;

        padding-bottom:
            104px;

    }


    .contact-cta-content {

        max-width:
            1000px;

    }


    .footer-main {

        gap:
            85px;

        padding-top:
            44px;

        padding-bottom:
            44px;

    }


    /* ABOUT PAGE */

    .about-page-hero {

        min-height:
            360px;

    }


    .about-page-hero-content {

        padding-top:
            64px;

        padding-bottom:
            62px;

    }


    .about-evolution-section {

        padding-top:
            92px;

        padding-bottom:
            94px;

    }


    .about-evolution-content {

        max-width:
            640px;

    }


    .about-direction-section {

        padding-top:
            84px;

        padding-bottom:
            84px;

    }


    .about-direction-card {

        min-height:
            270px;

        padding:
            34px 36px 30px;

    }


    .about-pillars-section {

        padding-top:
            90px;

        padding-bottom:
            96px;

    }


    .about-pillars-grid {

        gap:
            22px;

    }


    .about-pillar-card {

        min-height:
            290px;

        padding:
            22px 20px 20px;

    }


    .about-quote-section {

        padding-top:
            100px;

        padding-bottom:
            104px;

    }

}

/* =========================================================
   SERVICES PAGE
   STATIC PAGE-SPECIFIC STYLES
========================================================= */


/* =========================================================
   SERVICES PAGE VARIABLES
========================================================= */

:root {

    --services-page-dark:
        #2E2E2E;

    --services-page-dark-deep:
        #242424;

    --services-page-card:
        #F0EDEB;

    --services-page-soft:
        #F7F5F4;

    --services-page-text-soft:
        #746B68;

}


/* =========================================================
   SERVICES PAGE GLOBAL SECTIONS
========================================================= */

.services-page-hero,
.services-capabilities-section,
.technology-sales-section,
.hardware-infrastructure-section,
.medical-solutions-section,
.maintenance-amc-section,
.services-page-journey-section,
.services-page-final-cta {

    position:
        relative;

    overflow:
        hidden;

}


/* =========================================================
   SERVICES PAGE HERO
========================================================= */

.services-page-hero {

    background:
        linear-gradient(
            115deg,
            #242424 0%,
            #2E2E2E 48%,
            #282828 100%
        );

    color:
        var(--white);

    padding:
        62px 0 0;

}


.services-page-hero .container {

    position:
        relative;

}


.services-page-eyebrow {

    display:
        flex;

    align-items:
        center;

    gap:
        7px;

    margin:
        0 0 10px;

    color:
        var(--brand-red);

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.17em;

    line-height:
        1.3;

    text-transform:
        uppercase;

}


.services-page-eyebrow span {

    display:
        inline-block;

    width:
        5px;

    height:
        5px;

    flex:
        0 0 auto;

    background:
        var(--brand-red);

}


.services-page-hero-title {

    max-width:
        790px;

    margin:
        0;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            45px,
            5vw,
            72px
        );

    font-weight:
        400;

    line-height:
        0.98;

    text-transform:
        uppercase;

}


.services-page-hero-description {

    max-width:
        720px;

    margin:
        20px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.76
        );

    font-size:
        14px;

    line-height:
        1.65;

}


.services-page-hero-actions {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    margin-top:
        26px;

}


.services-page-primary-button,
.services-page-secondary-button {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    min-height:
        42px;

    padding:
        0 19px;

    text-decoration:
        none;

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

}


.services-page-primary-button {

    background:
        var(--brand-red);

    color:
        var(--white);

    border:
        1px solid
        var(--brand-red);

}


.services-page-primary-button:hover {

    background:
        #C90606;

    border-color:
        #C90606;

    color:
        var(--white);

}


.services-page-secondary-button {

    background:
        rgba(
            255,
            255,
            255,
            0.08
        );

    color:
        var(--white);

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.09
        );

}


.services-page-secondary-button:hover {

    background:
        rgba(
            255,
            255,
            255,
            0.14
        );

    color:
        var(--white);

}


/* =========================================================
   HERO STRIP
========================================================= */

.services-page-hero-strip {

    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    margin-top:
        38px;

    background:
        rgba(
            255,
            255,
            255,
            0.075
        );

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.045
        );

}


.services-page-hero-strip-item {

    min-width:
        0;

    padding:
        19px 18px 18px;

    border-right:
        1px solid
        rgba(
            255,
            255,
            255,
            0.07
        );

}


.services-page-hero-strip-item:last-child {

    border-right:
        0;

}


.services-page-strip-top {

    display:
        flex;

    align-items:
        baseline;

    gap:
        5px;

}


.services-page-strip-number {

    color:
        var(--brand-red);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        16px;

}


.services-page-strip-title {

    color:
        var(--white);

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.06em;

    text-transform:
        uppercase;

}


.services-page-hero-strip-item p {

    margin:
        9px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.57
        );

    font-size:
        10px;

    line-height:
        1.45;

}


/* =========================================================
   CAPABILITIES SECTION
========================================================= */

.services-capabilities-section {

    background:
        #F7F5F4;

    padding:
        70px 0 78px;

}


.services-page-section-intro {

    max-width:
        850px;

    margin-bottom:
        34px;

}


.services-page-light-eyebrow {

    color:
        var(--brand-red);

}


.services-page-section-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            38px,
            4vw,
            57px
        );

    font-weight:
        400;

    line-height:
        1;

    text-transform:
        uppercase;

}


.services-page-section-description {

    max-width:
        760px;

    margin:
        14px 0 0;

    color:
        #6E6764;

    font-size:
        14px;

    line-height:
        1.65;

}


.services-capabilities-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    gap:
        18px;

}


.services-capability-card {

    min-height:
        320px;

    display:
        flex;

    flex-direction:
        column;

    padding:
        22px 20px 19px;

    background:
        var(--white);

    border:
        1px solid
        rgba(
            23,
            23,
            23,
            0.04
        );

}


.services-capability-card-top {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    margin-bottom:
        22px;

}


.services-capability-card-top
.material-symbols-outlined {

    width:
        30px;

    height:
        30px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        rgba(
            225,
            7,
            7,
            0.09
        );

    color:
        var(--brand-red);

    font-size:
        17px;

}


.services-capability-card-top span:last-child {

    color:
        #89827F;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    text-transform:
        uppercase;

}


.services-capability-card h3 {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            21px,
            1.8vw,
            29px
        );

    font-weight:
        400;

    line-height:
        1.03;

    text-transform:
        uppercase;

}


.services-capability-card p {

    margin:
        14px 0 0;

    color:
        #736B68;

    font-size:
        12px;

    line-height:
        1.6;

}


.services-page-card-link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        5px;

    width:
        fit-content;

    margin-top:
        auto;

    padding-top:
        18px;

    color:
        var(--brand-red);

    text-decoration:
        none;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;

}


.services-page-card-link:hover {

    color:
        #C90606;

}


.services-page-card-link
.material-symbols-outlined {

    font-size:
        14px;

}


/* =========================================================
   TECHNOLOGY SALES
========================================================= */

.technology-sales-section {

    background:
        var(--background-light);

    padding:
        76px 0 84px;

}


.services-page-red-eyebrow {

    color:
        var(--brand-red);

}


.technology-sales-intro {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    align-items:
        end;

    gap:
        70px;

    margin-bottom:
        34px;

}


.technology-sales-subtitle {

    margin:
        7px 0 0;

    color:
        #706967;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.11em;

    text-transform:
        uppercase;

}


.technology-sales-description {

    max-width:
        520px;

    justify-self:
        end;

    margin:
        0;

    color:
        #716A67;

    font-size:
        13px;

    line-height:
        1.65;

}


.technology-sales-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        );

    gap:
        18px;

}


.technology-sales-card {

    position:
        relative;

    min-height:
        330px;

    display:
        flex;

    flex-direction:
        column;

    padding:
        21px 20px;

    background:
        #F0EDEB;

    border:
        1px solid
        rgba(
            23,
            23,
            23,
            0.025
        );

}


.technology-sales-card::after {

    content:
        "";

    position:
        absolute;

    top:
        0;

    right:
        0;

    width:
        34px;

    height:
        34px;

    background:
        rgba(
            225,
            7,
            7,
            0.10
        );

    clip-path:
        polygon(
            100% 0,
            100% 100%,
            0 100%,
            100% 0
        );

}


.technology-sales-card-icon {

    width:
        32px;

    height:
        32px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--brand-red);

}


.technology-sales-card-icon
.material-symbols-outlined {

    font-size:
        19px;

}


.technology-sales-card-label {

    margin-top:
        4px;

    color:
        #8B8582;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.13em;

    text-transform:
        uppercase;

}


.technology-sales-card h3 {

    margin:
        8px 0 12px;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        23px;

    font-weight:
        400;

    line-height:
        1.03;

    text-transform:
        uppercase;

}


.technology-sales-card ul {

    margin:
        0;

    padding:
        0;

    list-style:
        none;

}


.technology-sales-card li {

    position:
        relative;

    margin-bottom:
        8px;

    padding-left:
        12px;

    color:
        #706967;

    font-size:
        10px;

    line-height:
        1.4;

}


.technology-sales-card li::before {

    content:
        "";

    position:
        absolute;

    top:
        6px;

    left:
        0;

    width:
        4px;

    height:
        4px;

    background:
        var(--brand-red);

}


.technology-sales-card-note {

    margin-top:
        auto;

    padding-top:
        13px;

    color:
        #6A625F;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.11em;

    text-transform:
        uppercase;

}


.technology-sales-card-highlight {

    background:
        #F0EDEB;

}


.technology-sales-custom {

    justify-content:
        center;

}


.technology-sales-custom h3 {

    max-width:
        240px;

}


.technology-sales-custom p {

    margin:
        0;

    color:
        #706967;

    font-size:
        11px;

    line-height:
        1.55;

}


.technology-sales-custom-button {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        6px;

    min-height:
        38px;

    margin-top:
        auto;

    background:
        #2E2E2E;

    color:
        var(--white);

    text-decoration:
        none;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;

}


.technology-sales-custom-button:hover {

    background:
        var(--brand-red);

    color:
        var(--white);

}


/* =========================================================
   HARDWARE INFRASTRUCTURE
========================================================= */

.hardware-infrastructure-section {

    background:
        #F7F5F4;

    padding:
        78px 0 82px;

}


.hardware-infrastructure-kicker,
.maintenance-amc-kicker {

    margin:
        7px 0 0;

    color:
        #77706D;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.11em;

    text-transform:
        uppercase;

}


.hardware-infrastructure-layout {

    display:
        grid;

    grid-template-columns:
        0.88fr 1.12fr;

    gap:
        22px;

}


.hardware-infrastructure-image-wrap {

    position:
        relative;

    min-height:
        620px;

    overflow:
        hidden;

    background:
        #161616;

}


.hardware-infrastructure-image {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

}


.hardware-infrastructure-image-overlay {

    position:
        absolute;

    right:
        0;

    bottom:
        0;

    left:
        0;

    padding:
        25px 24px 22px;

    background:
        linear-gradient(
            to top,
            rgba(
                23,
                23,
                23,
                0.96
            ) 0%,
            rgba(
                23,
                23,
                23,
                0.74
            ) 75%,
            rgba(
                23,
                23,
                23,
                0
            ) 100%
        );

    color:
        var(--white);

}


.hardware-overlay-label {

    display:
        inline-block;

    padding:
        5px 8px;

    background:
        var(--brand-red);

    color:
        var(--white);

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;

}


.hardware-infrastructure-image-overlay h3 {

    margin:
        9px 0 0;

    max-width:
        410px;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        29px;

    font-weight:
        400;

    line-height:
        1.02;

    text-transform:
        uppercase;

}


.hardware-infrastructure-image-overlay p {

    max-width:
        430px;

    margin:
        8px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.70
        );

    font-size:
        10px;

    line-height:
        1.55;

}


.hardware-overlay-metrics {

    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            1fr
        );

    gap:
        15px;

    margin-top:
        15px;

}


.hardware-overlay-metrics strong {

    display:
        block;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        19px;

    font-weight:
        400;

}


.hardware-overlay-metrics span {

    display:
        block;

    margin-top:
        2px;

    color:
        rgba(
            255,
            255,
            255,
            0.56
        );

    font-size:
        7px;

    letter-spacing:
        0.10em;

    text-transform:
        uppercase;

}


.hardware-service-list {

    display:
        flex;

    flex-direction:
        column;

    gap:
        8px;

}


.hardware-service-item {

    display:
        grid;

    grid-template-columns:
        34px minmax(
            0,
            1fr
        );

    gap:
        9px;

    min-height:
        69px;

    padding:
        12px 15px;

    background:
        var(--white);

    border:
        1px solid
        rgba(
            23,
            23,
            23,
            0.035
        );

}


.hardware-service-number {

    color:
        var(--brand-red);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        17px;

}


.hardware-service-item h3 {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        16px;

    font-weight:
        400;

    line-height:
        1.02;

    text-transform:
        uppercase;

}


.hardware-service-item p {

    margin:
        5px 0 0;

    color:
        #726B68;

    font-size:
        9px;

    line-height:
        1.45;

}


/* =========================================================
   MEDICAL SECTION
========================================================= */

.medical-solutions-section {

    background:
        #2E2E2E;

    color:
        var(--white);

    padding:
        78px 0 82px;

}


.services-page-dark-intro {

    max-width:
        780px;

}


.medical-solutions-section
.services-page-section-title {

    color:
        var(--white);

}


.medical-solutions-section
.services-page-section-description {

    color:
        rgba(
            255,
            255,
            255,
            0.68
        );

}


.medical-solutions-layout {

    display:
        grid;

    grid-template-columns:
        1.25fr 0.75fr;

    gap:
        22px;

    align-items:
        stretch;

}


.medical-image-wrap {

    position:
        relative;

    min-height:
        450px;

    overflow:
        hidden;

}


.medical-image {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

}


.medical-image-caption {

    position:
        absolute;

    right:
        0;

    bottom:
        0;

    left:
        0;

    padding:
        16px 18px;

    background:
        linear-gradient(
            to top,
            rgba(
                23,
                23,
                23,
                0.91
            ),
            rgba(
                23,
                23,
                23,
                0
            )
        );

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        17px;

    text-transform:
        uppercase;

}


.medical-image-caption span {

    display:
        block;

    margin-top:
        3px;

    color:
        rgba(
            255,
            255,
            255,
            0.55
        );

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        7px;

    letter-spacing:
        0.12em;

}


.medical-primary-stack {

    display:
        flex;

    flex-direction:
        column;

    gap:
        10px;

}


.medical-primary-card,
.medical-small-card,
.medical-lower-card {

    background:
        rgba(
            255,
            255,
            255,
            0.075
        );

}


.medical-primary-card {

    padding:
        24px;

}


.medical-primary-card p {

    margin:
        0 0 8px;

    color:
        var(--brand-red);

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    text-transform:
        uppercase;

}


.medical-primary-card h3 {

    margin:
        0;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        27px;

    font-weight:
        400;

    line-height:
        1.02;

    text-transform:
        uppercase;

}


.medical-primary-card span {

    display:
        block;

    margin-top:
        10px;

    color:
        rgba(
            255,
            255,
            255,
            0.63
        );

    font-size:
        10px;

    line-height:
        1.55;

}


.medical-small-card {

    display:
        grid;

    grid-template-columns:
        28px minmax(
            0,
            1fr
        );

    gap:
        10px;

    padding:
        15px 16px;

}


.medical-small-number {

    width:
        26px;

    height:
        26px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        rgba(
            225,
            7,
            7,
            0.12
        );

    color:
        var(--brand-red);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        13px;

}


.medical-small-card h3 {

    margin:
        0;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        17px;

    font-weight:
        400;

    line-height:
        1.05;

}


.medical-small-card p {

    margin:
        5px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.58
        );

    font-size:
        9px;

    line-height:
        1.5;

}


.medical-lower-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap:
        18px;

    margin-top:
        20px;

}


.medical-lower-card {

    min-height:
        190px;

    padding:
        21px;

}


.medical-lower-card > span {

    display:
        block;

    width:
        6px;

    height:
        6px;

    margin-bottom:
        17px;

    background:
        var(--brand-red);

}


.medical-lower-card h3 {

    margin:
        0;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        21px;

    font-weight:
        400;

    line-height:
        1.03;

    text-transform:
        uppercase;

}


.medical-lower-card p {

    margin:
        10px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.60
        );

    font-size:
        10px;

    line-height:
        1.5;

}


.medical-lower-card small {

    display:
        block;

    margin-top:
        16px;

    color:
        rgba(
            255,
            255,
            255,
            0.40
        );

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        0.11em;

    text-transform:
        uppercase;

}


/* =========================================================
   MAINTENANCE / AMC
========================================================= */

.maintenance-amc-section {

    background:
        #F7F5F4;

    padding:
        76px 0 82px;

}


.maintenance-amc-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap:
        18px;

}


.maintenance-amc-card {

    min-height:
        280px;

    display:
        flex;

    flex-direction:
        column;

    padding:
        22px 21px 21px;

    background:
        #EEECEB;

}


.maintenance-amc-icon {

    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        15px;

    background:
        var(--brand-red);

    color:
        var(--white);

}


.maintenance-dark-icon {

    background:
        #2E2E2E;

}


.maintenance-amc-icon
.material-symbols-outlined {

    font-size:
        17px;

}


.maintenance-amc-label {

    color:
        var(--brand-red);

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    text-transform:
        uppercase;

}


.maintenance-amc-card h3 {

    margin:
        7px 0 0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        24px;

    font-weight:
        400;

    line-height:
        1.02;

    text-transform:
        uppercase;

}


.maintenance-amc-card p {

    margin:
        12px 0 0;

    color:
        #706967;

    font-size:
        10px;

    line-height:
        1.6;

}


.maintenance-amc-card small {

    margin-top:
        auto;

    padding-top:
        18px;

    color:
        #77716E;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        0.11em;

    text-transform:
        uppercase;

}


/* =========================================================
   SERVICE JOURNEY
========================================================= */

.services-page-journey-section {

    background:
        #F3F0EE;

    padding:
        42px 0 46px;

    text-align:
        center;

}


.services-page-journey-eyebrow {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        6px;

    margin:
        0 0 7px;

    color:
        var(--brand-red);

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    text-transform:
        uppercase;

}


.services-page-journey-eyebrow span {

    width:
        4px;

    height:
        4px;

    background:
        var(--brand-red);

}


.services-page-journey-title {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            27px,
            2.7vw,
            38px
        );

    font-weight:
        400;

    line-height:
        1;

    text-transform:
        uppercase;

}


.services-page-journey-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            5,
            minmax(
                0,
                1fr
            )
        );

    gap:
        9px;

    margin-top:
        24px;

}


.services-page-journey-card {

    min-height:
        130px;

    padding:
        18px 15px;

    background:
        var(--white);

    text-align:
        left;

}


.services-page-journey-card span {

    color:
        var(--brand-red);

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;

}


.services-page-journey-card h3 {

    margin:
        6px 0 0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        19px;

    font-weight:
        400;

    line-height:
        1;

    text-transform:
        uppercase;

}


.services-page-journey-card p {

    margin:
        8px 0 0;

    color:
        #766F6B;

    font-size:
        9px;

    line-height:
        1.45;

}


/* =========================================================
   FINAL CTA
========================================================= */

.services-page-final-cta {

    background:
        var(--dark-section);

    padding:
        36px 0;

}


.services-page-final-cta-inner {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        40px;

    padding:
        35px 34px;

    background:
        linear-gradient(
            100deg,
            #373737 0%,
            #44403F 58%,
            #4F3131 100%
        );

}


.services-page-final-cta
.services-page-eyebrow {

    margin-bottom:
        8px;

}


.services-page-final-cta h2 {

    margin:
        0;

    color:
        var(--white);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            32px,
            3.3vw,
            49px
        );

    font-weight:
        400;

    line-height:
        0.98;

    text-transform:
        uppercase;

}


.services-page-final-cta p {

    max-width:
        650px;

    margin:
        11px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.66
        );

    font-size:
        11px;

    line-height:
        1.55;

}


.services-page-final-actions {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    flex:
        0 0 auto;

}


.services-page-final-primary,
.services-page-final-secondary {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        45px;

    padding:
        0 18px;

    text-decoration:
        none;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        0.10em;

    text-transform:
        uppercase;

}


.services-page-final-primary {

    background:
        var(--brand-red);

    color:
        var(--white);

}


.services-page-final-primary:hover {

    background:
        #C90606;

    color:
        var(--white);

}


.services-page-final-secondary {

    background:
        rgba(
            255,
            255,
            255,
            0.13
        );

    color:
        var(--white);

}


.services-page-final-secondary:hover {

    background:
        rgba(
            255,
            255,
            255,
            0.20
        );

    color:
        var(--white);

}


/* =========================================================
   SERVICES PAGE RESPONSIVE - TABLET
========================================================= */

@media (max-width: 991.98px) {


    .services-page-hero {

        padding-top:
            52px;

    }


    .services-page-hero-title {

        max-width:
            720px;

        font-size:
            clamp(
                42px,
                7vw,
                62px
            );

    }


    .services-page-hero-strip {

        grid-template-columns:
            repeat(
                2,
                1fr
            );

    }


    .services-page-hero-strip-item:nth-child(2) {

        border-right:
            0;

    }


    .services-page-hero-strip-item:nth-child(-n + 2) {

        border-bottom:
            1px solid
            rgba(
                255,
                255,
                255,
                0.07
            );

    }


    .services-capabilities-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

    }


    .technology-sales-intro {

        grid-template-columns:
            1fr;

        gap:
            20px;

    }


    .technology-sales-description {

        justify-self:
            start;

    }


    .technology-sales-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

    }


    .hardware-infrastructure-layout {

        grid-template-columns:
            1fr;

    }


    .hardware-infrastructure-image-wrap {

        min-height:
            540px;

    }


    .medical-solutions-layout {

        grid-template-columns:
            1fr;

    }


    .medical-image-wrap {

        min-height:
            440px;

    }


    .medical-lower-grid {

        grid-template-columns:
            1fr;

    }


    .maintenance-amc-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

    }


    .maintenance-amc-card:last-child {

        grid-column:
            1 / -1;

        max-width:
            calc(
                50% - 9px
            );

    }


    .services-page-journey-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );

    }


    .services-page-final-cta-inner {

        align-items:
            flex-start;

        flex-direction:
            column;

    }

}


/* =========================================================
   SERVICES PAGE RESPONSIVE - MOBILE
========================================================= */

@media (max-width: 767.98px) {


    .services-page-hero {

        padding:
            45px 0 0;

    }


    .services-page-eyebrow {

        font-size:
            8px;

        letter-spacing:
            0.13em;

    }


    .services-page-hero-title {

        font-size:
            clamp(
                35px,
                10.5vw,
                50px
            );

    }


    .services-page-hero-description {

        font-size:
            12px;

        line-height:
            1.65;

    }


    .services-page-hero-actions {

        flex-direction:
            column;

        align-items:
            stretch;

    }


    .services-page-primary-button,
    .services-page-secondary-button {

        width:
            100%;

    }


    .services-page-hero-strip {

        grid-template-columns:
            1fr;

    }


    .services-page-hero-strip-item {

        border-right:
            0;

        border-bottom:
            1px solid
            rgba(
                255,
                255,
                255,
                0.07
            );

    }


    .services-page-hero-strip-item:last-child {

        border-bottom:
            0;

    }


    .services-capabilities-section,
    .technology-sales-section,
    .hardware-infrastructure-section,
    .medical-solutions-section,
    .maintenance-amc-section {

        padding-top:
            55px;

        padding-bottom:
            58px;

    }


    .services-page-section-title {

        font-size:
            clamp(
                34px,
                9.5vw,
                47px
            );

    }


    .services-page-section-description {

        font-size:
            12px;

        line-height:
            1.65;

    }


    .services-capabilities-grid {

        grid-template-columns:
            1fr;

        gap:
            12px;

    }


    .services-capability-card {

        min-height:
            290px;

    }


    .technology-sales-grid {

        grid-template-columns:
            1fr;

        gap:
            12px;

    }


    .technology-sales-card {

        min-height:
            300px;

    }


    .hardware-infrastructure-image-wrap {

        min-height:
            470px;

    }


    .hardware-infrastructure-image-overlay {

        padding:
            21px 18px 19px;

    }


    .hardware-infrastructure-image-overlay h3 {

        font-size:
            24px;

    }


    .hardware-service-item {

        grid-template-columns:
            28px minmax(
                0,
                1fr
            );

        padding:
            12px;

    }


    .hardware-service-item h3 {

        font-size:
            14px;

    }


    .hardware-service-item p {

        font-size:
            8px;

    }


    .medical-image-wrap {

        min-height:
            360px;

    }


    .medical-primary-card h3 {

        font-size:
            22px;

    }


    .medical-lower-card {

        min-height:
            170px;

    }


    .maintenance-amc-grid {

        grid-template-columns:
            1fr;

    }


    .maintenance-amc-card:last-child {

        grid-column:
            auto;

        max-width:
            none;

    }


    .maintenance-amc-card {

        min-height:
            250px;

    }


    .services-page-journey-section {

        padding:
            40px 0 44px;

    }


    .services-page-journey-title {

        font-size:
            27px;

    }


    .services-page-journey-grid {

        grid-template-columns:
            1fr;

        gap:
            8px;

    }


    .services-page-journey-card {

        min-height:
            110px;

    }


    .services-page-final-cta {

        padding:
            24px 0;

    }


    .services-page-final-cta-inner {

        padding:
            27px 20px;

    }


    .services-page-final-cta h2 {

        font-size:
            clamp(
                31px,
                9vw,
                46px
            );

    }


    .services-page-final-actions {

        width:
            100%;

        flex-direction:
            column;

        align-items:
            stretch;

    }


    .services-page-final-primary,
    .services-page-final-secondary {

        width:
            100%;

    }

}


/* =========================================================
   SERVICES PAGE LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {


    .services-page-hero {

        padding-top:
            72px;

    }


    .services-page-hero-title {

        max-width:
            900px;

        font-size:
            clamp(
                56px,
                5vw,
                82px
            );

    }


    .services-page-hero-description {

        font-size:
            15px;

    }


    .services-page-hero-strip-item {

        padding:
            22px;

    }


    .services-capabilities-section,
    .technology-sales-section,
    .hardware-infrastructure-section,
    .medical-solutions-section,
    .maintenance-amc-section {

        padding-top:
            96px;

        padding-bottom:
            100px;

    }


    .services-capabilities-grid,
    .technology-sales-grid {

        gap:
            22px;

    }


    .services-capability-card {

        min-height:
            345px;

        padding:
            25px 23px;

    }


    .technology-sales-card {

        min-height:
            350px;

        padding:
            24px 22px;

    }


    .hardware-infrastructure-layout {

        gap:
            26px;

    }


    .hardware-infrastructure-image-wrap {

        min-height:
            660px;

    }


    .hardware-service-list {

        gap:
            9px;

    }


    .medical-image-wrap {

        min-height:
            500px;

    }


    .maintenance-amc-card {

        min-height:
            300px;

    }

}



/* =========================================================
   PRODUCTS PAGE
   COMING SOON PAGE
========================================================= */


/* =========================================================
   PRODUCTS HERO
   Reuses the Services hero visual system.
========================================================= */

.products-page-hero {

    min-height:
        520px;

}


.products-page-hero-title {

    max-width:
        850px;

}


.products-page-hero-description {

    max-width:
        700px;

}


.products-page-hero-actions {

    margin-top:
        30px;

}


/* =========================================================
   COMING SOON BUTTON
========================================================= */

.products-coming-soon-button {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    min-height:
        44px;

    padding:
        0 24px;

    background:
        var(--brand-red);

    color:
        var(--white);

    border:
        1px solid
        var(--brand-red);

    font-family:
        "Cantarell",
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;

}


.products-coming-soon-button
.material-symbols-outlined {

    font-size:
        16px;

}


/* =========================================================
   PRODUCTS HERO STRIP
========================================================= */

.products-page-hero-strip {

    margin-top:
        44px;

}


/* =========================================================
   COMING SOON INFORMATION
========================================================= */

.products-coming-soon-section {

    position:
        relative;

    overflow:
        hidden;

    background:
        var(--background-light);

    padding:
        82px 0 88px;

}


.products-coming-soon-content {

    max-width:
        850px;

    margin:
        0 auto;

    text-align:
        center;

}


.products-coming-soon-eyebrow {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    margin:
        0 0 11px;

    color:
        var(--brand-red);

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.16em;

    text-transform:
        uppercase;

}


.products-coming-soon-eyebrow span {

    width:
        5px;

    height:
        5px;

    background:
        var(--brand-red);

}


.products-coming-soon-content h2 {

    margin:
        0;

    color:
        var(--charcoal);

    font-family:
        "Fjalla One",
        sans-serif;

    font-size:
        clamp(
            40px,
            4.5vw,
            62px
        );

    font-weight:
        400;

    line-height:
        0.98;

    text-transform:
        uppercase;

}


.products-coming-soon-content > p:last-child {

    max-width:
        700px;

    margin:
        20px auto 0;

    color:
        #706967;

    font-size:
        14px;

    line-height:
        1.75;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {

    .products-page-hero {

        min-height:
            500px;

    }


    .products-coming-soon-section {

        padding:
            70px 0 76px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {

    .products-page-hero {

        min-height:
            520px;

    }


    .products-page-hero-title {

        font-size:
            clamp(
                36px,
                10.5vw,
                52px
            );

    }


    .products-page-hero-description {

        font-size:
            12px;

    }


    .products-coming-soon-button {

        width:
            100%;

        max-width:
            240px;

    }


    .products-coming-soon-section {

        padding:
            58px 0 64px;

    }


    .products-coming-soon-content h2 {

        font-size:
            clamp(
                34px,
                10vw,
                48px
            );

    }


    .products-coming-soon-content > p:last-child {

        font-size:
            13px;

        line-height:
            1.7;

    }

}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

    .products-page-hero {

        min-height:
            540px;

    }


    .products-page-hero-title {

        max-width:
            950px;

    }


    .products-coming-soon-section {

        padding:
            100px 0 106px;

    }

}