@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('assets/fonts/montserrat-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('assets/fonts/montserrat-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --ct-dark-petrol: #0E4148;
    --ct-petrol: #18828E;
    --ct-petrol-gray: #4D8B95;
    --ct-light-petrol: #A9D6DB;
    --ct-gold: #B7791F;
    --ct-text: #233A3E;
    --ct-text-secondary: #61787C;
    --ct-light-surface: #F4FAFB;
    --ct-line: #E4EFF0;
    --ct-positive: #2E7D58;
    --ct-negative: #C0433A;
    --ct-text-on-petrol: #EAF4F4;
    --ct-accent: #BFE6EA;
    --ct-gradient-start: #1A8B97;
    --ct-white: #FFFFFF;
    --ct-font: 'Montserrat', system-ui, sans-serif;
}

html { scroll-behavior: smooth }
body { margin: 0; background: var(--ct-white); color: var(--ct-text); font-family: var(--ct-font); font-synthesis: none }
a { color: var(--ct-petrol) }
a:hover { color: var(--ct-dark-petrol) }
input:focus, select:focus, textarea:focus, a:focus-visible, button:focus-visible {
    outline: 2px solid var(--ct-petrol); outline-offset: 2px
}

.ct-style-1 {
    font-family: var(--ct-font); color: var(--ct-text); font-size: 16px; line-height: 1.625; background: var(--ct-white)
}

.ct-hero-band {
    position: relative
}

.ct-style-2 {
    background: var(--ct-dark-petrol); padding: 0 3%; min-height: 78px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 12px 28px; box-sizing: border-box
}

.ct-hero-band .ct-style-2 {
    position: absolute; top: 0; left: 0; right: 0; z-index: 40;
    background: linear-gradient(180deg, rgba(14, 65, 72, 0.72) 0%, rgba(14, 65, 72, 0) 100%)
}

.ct-style-3 {
    display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--ct-white); min-width: 0
}

.ct-logo {
    height: 40px; width: auto; max-width: min(240px, 58vw); display: block; object-fit: contain
}

.ct-style-4 {
    display: flex; flex-direction: column; gap: 5px
}

.ct-style-5 {
    font-weight: 700; font-size: 34px; line-height: 1; letter-spacing: -0.02em; color: var(--ct-white)
}

.ct-style-6 {
    font-size: 11px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ct-light-petrol); line-height: 1
}

.ct-style-7 {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0 18px
}

.ct-style-8 {
    color: rgba(234, 244, 244, 0.78); text-decoration: none; font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; line-height: 1.2; padding: 0; min-height: 44px; display: inline-flex; align-items: center; white-space: nowrap; box-sizing: border-box
}
.ct-style-8:hover { color: var(--ct-white); }

.ct-style-9 {
    background: var(--ct-petrol); color: var(--ct-white); text-decoration: none; font-size: 14.5px; font-weight: 700; padding: 12px 22px; border-radius: 0
}

.ct-style-10 {
    display: flex; align-items: center; gap: 2px; margin-left: auto; font-size: 11px; font-weight: 500; letter-spacing: 0.16em
}

.ct-style-11 {
    padding: 6px 6px; text-decoration: none; color: rgba(234, 244, 244, 0.55); text-transform: uppercase; font-weight: 500
}
.ct-style-11:hover { color: var(--ct-white); }

.ct-style-12 {
    color: rgba(234, 244, 244, 0.35)
}

.ct-style-13 {
    padding: 6px 6px; text-decoration: none; color: var(--ct-white); text-transform: uppercase; font-weight: 700
}
.ct-style-13:hover { color: var(--ct-white); }

.ct-style-14 {
    position: relative;
    background-image: url('assets/hero-img.webp');
    background-size: cover; background-position: center; padding: 0 3%; min-height: 100vh; display: flex; flex-direction: column
}

.ct-hero-inner {
    position: relative; flex: 1; max-width: none; margin: 0 auto; width: 100%; min-height: 100vh; box-sizing: border-box;
    display: flex; flex-direction: column; justify-content: flex-end; padding: 0 0 28px
}

.ct-style-15 {
    max-width: 1240px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 56px; align-items: center
}

.ct-style-16 {
    min-width: 0; max-width: 680px; flex: 1 1 auto;
    display: flex; flex-direction: column; justify-content: center; gap: 20px; padding: 78px 0 0
}

.ct-style-17 {
    font-size: 11px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ct-light-petrol)
}

.ct-style-16 .ct-style-17 {
    display: inline-flex; align-items: center; gap: 8px; width: fit-content;
    letter-spacing: 1.21px; border: 1px solid rgba(191, 230, 234, 0.45); padding: 5px 15px; color: var(--ct-accent); font-weight: 600;
    border-radius: 100px; background: rgba(191, 230, 234, 0.12)
}
.ct-style-16 .ct-style-17::before {
    content: ""; width: 6px; height: 6px; background: var(--ct-light-petrol); flex: 0 0 auto; border-radius: 50%
}

.ct-style-18 {
    margin: 0; font-family: var(--ct-font); font-weight: 500; font-size: clamp(2.1rem, 4vw, 3.6rem); line-height: 1.1; letter-spacing: -0.02em; color: var(--ct-text-on-petrol)
}

.ct-style-19 {
    margin: 0; font-size: 17.6px; line-height: 1.6; font-weight: 400; color: var(--ct-text-on-petrol); max-width: 540px
}

.ct-style-20 {
    display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px
}

.ct-style-21,
.ct-style-22 {
    background: transparent; color: var(--ct-text-on-petrol); text-decoration: none; font-weight: 600; font-size: 12px; letter-spacing: 0.14em; line-height: 1; text-transform: uppercase; padding: 14px 22px; min-height: 44px; border: 1px solid rgba(234, 244, 244, 0.72); border-radius: 0; display: inline-flex; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box
}
.ct-style-22 {
    border-color: rgba(234, 244, 244, 0.4)
}
.ct-style-21:hover,
.ct-style-22:hover { background: var(--ct-text-on-petrol); color: var(--ct-dark-petrol); border-color: var(--ct-text-on-petrol); }

.ct-hero-foot {
    display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; width: 100%; flex-wrap: wrap
}

.ct-hero-trust {
    display: flex; flex-direction: column; gap: 7px; margin: 0; flex: 1 1 0; min-width: min(100%, 320px)
}

.ct-hero-trust-label {
    font-size: 11px; font-weight: 600; letter-spacing: 0.11em; text-transform: uppercase; color: rgba(234, 244, 244, 0.78)
}

.ct-hero-trust-row {
    display: flex; flex-wrap: nowrap; align-items: center; gap: 6px
}

.ct-hero-trust-logo {
    display: flex; align-items: center; justify-content: center; gap: 6px; background: var(--ct-white); min-height: 34px; padding: 4px 8px
}

.ct-hero-trust-logo img {
    max-height: 20px; max-width: 88px; width: auto; object-fit: contain; display: block
}

.ct-hero-trust-logo span {
    font-weight: 600; font-size: 13px; letter-spacing: 0.02em; color: var(--ct-text); line-height: 1
}

.ct-style-23 {
    flex: 1 1 100%; min-width: 0; width: 100%; height: auto; border-radius: 0; display: block
}

.ct-style-24 {
    position: relative; display: flex; flex-wrap: nowrap; gap: 0; margin: 0; flex-shrink: 0;
    background: linear-gradient(rgba(234, 244, 244, 0.16) 0%, rgba(14, 69, 72, 0.42) 100%);
    backdrop-filter: blur(28px) saturate(1.6); -webkit-backdrop-filter: blur(28px) saturate(1.6);
    box-shadow: 0 18px 40px rgba(6, 24, 28, 0.28)
}

.ct-style-25 {
    display: flex; flex-direction: column; gap: 4px
}

.ct-kpi-box {
    display: flex; flex-direction: column; gap: 4px; background: transparent; padding: 19px 25px; min-width: 118px; border: 0; text-align: center
}

.ct-style-26 {
    font-family: var(--ct-font); font-weight: 600; font-size: 30px; line-height: 1; letter-spacing: -0.02em; color: var(--ct-white)
}

.ct-style-27 {
    font-size: 11px; font-weight: 600; letter-spacing: 0.11em; text-transform: uppercase; color: var(--ct-text-on-petrol)
}

.ct-style-28 {
    background: var(--ct-light-surface); padding: 44px 5%
}

.ct-style-29 {
    max-width: 1240px; margin: 0 auto; display: flex; flex-direction: column; gap: 24px
}

.ct-style-30 {
    font-size: 11px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ct-text-secondary); text-align: center
}

.ct-style-31 {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 20px
}

.ct-style-32 {
    background: var(--ct-white); border: 1px solid var(--ct-line); border-radius: 0; padding: 20px 16px; display: flex; flex-direction: column; align-items: center; gap: 12px
}

.ct-style-33 {
    width: 100%; height: 64px; display: flex; align-items: center; justify-content: center
}

.ct-style-34 {
    max-height: 56px; max-width: 100%; object-fit: contain; display: block
}

.ct-style-35 {
    font-size: 11px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ct-text-secondary); text-align: center
}

.ct-style-36 {
    max-height: 44px; max-width: 100%; object-fit: contain; display: block
}

.ct-style-37 {
    width: 100%; height: 64px; display: flex; align-items: center; justify-content: center; gap: 10px
}

.ct-style-38 {
    max-height: 40px; object-fit: contain; display: block
}

.ct-style-39 {
    font-weight: 700; font-size: 24px; letter-spacing: 1px; line-height: 1; color: var(--ct-text)
}

.ct-style-40 {
    max-height: 40px; max-width: 100%; object-fit: contain; display: block
}

.ct-style-41 {
    background: var(--ct-white); padding: 88px 5%
}

.ct-style-42 {
    max-width: 1240px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px
}

.ct-style-43 {
    display: flex; flex-direction: column; gap: 12px; max-width: 720px
}

.ct-style-44 {
    font-size: 11px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ct-petrol)
}

.ct-style-45 {
    margin: 0; font-family: var(--ct-font); font-weight: 500; font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1.2; letter-spacing: -0.01em; color: var(--ct-dark-petrol)
}

.ct-style-46 {
    margin: 0; font-size: 17px; line-height: 1.6; color: var(--ct-text-secondary)
}

.ct-style-47 {
    display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); grid-template-rows: auto auto auto auto; column-gap: 24px; row-gap: 14px
}

.ct-style-48,
.ct-style-52,
.ct-style-53 {
    display: contents
}

.ct-style-48 {
    margin: 0
}

.ct-style-49 {
    grid-column: 1; grid-row: 1 / span 3; width: 100%; height: 0; min-height: 100%; object-fit: cover; object-position: center 40%; border-radius: 0; display: block; align-self: stretch
}

.ct-style-48 > .ct-style-25 {
    grid-column: 1; grid-row: 4
}

.ct-style-50 {
    font-size: 11px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ct-petrol)
}

.ct-style-51 {
    font-size: 17px; font-weight: 600; color: var(--ct-text)
}

.ct-style-52 {
    min-width: 0
}

.ct-style-53 {
    margin: 0
}

.ct-style-54 {
    grid-column: 2; grid-row: 1; width: 100%; height: 176px; object-fit: cover; object-position: center 22%; border-radius: 0; display: block
}

.ct-style-52 > .ct-style-53:first-child > .ct-style-25 {
    grid-column: 2; grid-row: 2
}

.ct-style-55 {
    grid-column: 2; grid-row: 3; width: 100%; height: 176px; object-fit: cover; object-position: center 28%; border-radius: 0; display: block
}

.ct-style-52 > .ct-style-53:last-child > .ct-style-25 {
    grid-column: 2; grid-row: 4
}

.ct-img-credit {
    align-self: end; justify-self: end; position: relative; z-index: 1;
    margin: 0 8px 8px 0; padding: 3px 8px;
    background: rgba(6, 24, 28, 0.55); color: rgba(255, 255, 255, 0.9);
    font-size: 10px; font-weight: 500; letter-spacing: 0.04em; line-height: 1.3; pointer-events: none
}

.ct-img-credit--main { grid-column: 1; grid-row: 3 }

.ct-img-credit--side { grid-column: 2; grid-row: 3 }

.ct-style-56 {
    background: var(--ct-light-surface); padding: 88px 5%
}

.ct-style-57 {
    display: flex; flex-direction: column; gap: 12px; max-width: 760px
}

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

.ct-style-59 {
    background: var(--ct-white); border-radius: 0; overflow: hidden; box-shadow: 0 4px 24px rgba(14, 65, 72, 0.08); display: flex; flex-direction: column
}

.ct-style-60 {
    width: 100%; height: 230px; object-fit: cover; object-position: center 25%; display: block
}

#cat-corporate > .ct-style-60 {
    object-position: center top
}

.ct-style-61 {
    padding: 24px; display: flex; flex-direction: column; gap: 10px
}

.ct-style-62 {
    font-size: 11px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ct-petrol)
}

.ct-style-63 {
    margin: 0; font-family: var(--ct-font); font-weight: 600; font-size: 22px; line-height: 1.25; letter-spacing: -0.01em; color: var(--ct-dark-petrol)
}

.ct-style-64 {
    margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--ct-text-secondary)
}

.ct-style-65 {
    width: 100%; height: 230px; object-fit: cover; object-position: center 15%; display: block
}

.ct-style-66 {
    width: 100%; height: 230px; object-fit: cover; object-position: center 35%; display: block
}

.ct-style-67 {
    width: 100%; height: 230px; object-fit: cover; display: block
}

.ct-pos-facility { object-position: center 48% }
.ct-pos-trades { object-position: center 36% }
.ct-pos-promo { object-position: center 48% }
.ct-pos-pet { object-position: 28% 42% }

.ct-style-68 {
    max-width: 1240px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start
}

.ct-style-69 {
    flex: 1 1 480px; min-width: 0; display: flex; flex-direction: column; gap: 20px
}

.ct-style-70 {
    display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px
}

.ct-style-71 {
    display: inline-flex; align-items: center; gap: 8px; background: var(--ct-light-surface); border: 1px solid var(--ct-line); border-radius: 0; padding: 9px 16px; font-size: 14.5px; font-weight: 600; color: var(--ct-petrol)
}

.ct-style-72 {
    flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 20px
}

.ct-style-73 {
    background: linear-gradient(135deg, var(--ct-gradient-start), var(--ct-dark-petrol)); border-radius: 0; padding: 28px; display: flex; flex-direction: column; gap: 10px
}

.ct-style-74 {
    margin: 0; font-family: var(--ct-font); font-weight: 600; font-size: 22px; line-height: 1.25; letter-spacing: -0.01em; color: var(--ct-white)
}

.ct-style-75 {
    margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--ct-text-on-petrol)
}

.ct-style-76 {
    background: var(--ct-dark-petrol); padding: 88px 5%
}

.ct-style-77 {
    display: flex; flex-direction: column; gap: 12px; max-width: 780px
}

.ct-style-78 {
    margin: 0; font-family: var(--ct-font); font-weight: 500; font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1.2; letter-spacing: -0.01em; color: var(--ct-white)
}

.ct-style-79 {
    margin: 0; font-size: 17px; line-height: 1.6; color: var(--ct-text-on-petrol)
}

.ct-style-80 {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px
}

.ct-style-81 {
    background: var(--ct-petrol); border: 1px solid rgba(169, 214, 219, 0.28); border-radius: 0; padding: 26px; display: flex; flex-direction: column; gap: 8px
}

.ct-style-82 {
    margin: 0; font-size: 18px; font-weight: 600; color: var(--ct-white)
}

.ct-style-83 {
    background: var(--ct-white); border: 1px solid var(--ct-line); border-radius: 0; padding: 26px; display: flex; flex-direction: column; gap: 8px
}

.ct-style-84 {
    font-family: var(--ct-font); font-weight: 500; font-size: 30px; line-height: 1; letter-spacing: -0.02em; color: var(--ct-petrol)
}

.ct-style-85 {
    margin: 0; font-size: 18px; font-weight: 600; color: var(--ct-dark-petrol)
}

.ct-style-86 {
    max-width: 1240px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 56px
}

.ct-style-87 {
    flex: 1 1 380px; min-width: 0; display: flex; flex-direction: column; gap: 20px
}

.ct-style-88 {
    display: flex; flex-direction: column; gap: 18px; margin-top: 8px
}

.ct-style-89 {
    display: flex; flex-direction: column; gap: 2px
}

.ct-style-90 {
    font-size: 11px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ct-text-secondary)
}

.ct-style-91 {
    font-size: 16.5px; font-weight: 600; text-decoration: none
}

.ct-style-92 {
    font-size: 16.5px; font-weight: 600; color: var(--ct-text)
}

.ct-style-93 {
    flex: 1 1 480px; min-width: 0; background: var(--ct-light-surface); border-radius: 0; padding: 32px; box-sizing: border-box; display: flex; flex-direction: column; gap: 18px
}

.ct-style-94 {
    display: flex; flex-wrap: wrap; gap: 18px
}

.ct-style-95 {
    flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 6px
}

.ct-style-96 {
    font-size: 11px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ct-text-secondary)
}

.ct-style-97 {
    font: inherit; font-size: 16px; padding: 12px 14px; border: 1px solid var(--ct-petrol-gray); border-radius: 0; background: var(--ct-white); color: var(--ct-text); box-sizing: border-box; width: 100%; min-height: 46px
}

.ct-style-98 {
    display: flex; flex-direction: column; gap: 6px
}

.ct-style-99 {
    font: inherit; font-size: 16px; padding: 12px 14px; border: 1px solid var(--ct-petrol-gray); border-radius: 0; background: var(--ct-white); color: var(--ct-text); box-sizing: border-box; width: 100%; resize: vertical
}

.ct-style-100 {
    font: inherit; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; background: var(--ct-petrol); color: var(--ct-white); border: 0; border-radius: 0; padding: 15px 28px; min-height: 48px; cursor: pointer; align-self: flex-start
}
.ct-style-100:hover { background: var(--ct-dark-petrol); }

.ct-style-101 {
    background: var(--ct-dark-petrol); padding: 64px 5% 32px; color: var(--ct-text-on-petrol)
}

.ct-style-102 {
    display: flex; flex-wrap: wrap; gap: 40px 56px
}

.ct-style-103 {
    flex: 2 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 16px
}

.ct-style-104 {
    display: flex; align-items: center; gap: 12px
}

.ct-style-105 {
    font-family: var(--ct-font); font-weight: 600; font-size: 20px; letter-spacing: -0.01em; color: var(--ct-white)
}

.ct-style-106 {
    margin: 0; font-size: 15px; color: var(--ct-text-on-petrol); max-width: 380px
}

.ct-style-107 {
    flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 10px
}

.ct-style-108 {
    font-size: 11px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ct-light-petrol)
}

.ct-style-109 {
    color: var(--ct-text-on-petrol); text-decoration: none; font-size: 15px; padding: 4px 0; transition: color 0.2s ease
}
.ct-style-109:hover {
    color: var(--ct-white)
}

.ct-style-110 {
    flex: 1 1 160px; min-width: 0; display: flex; flex-direction: column; gap: 10px
}

.ct-style-111 {
    flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 10px
}

.ct-style-112 {
    font-size: 15px
}

.ct-style-113 {
    border-top: 1px solid rgba(169, 214, 219, 0.22); padding-top: 24px; display: flex; flex-wrap: wrap; gap: 12px 32px; justify-content: space-between; font-size: 14px; color: var(--ct-text-on-petrol)
}

.ct-style-114 {
    display: flex; flex-wrap: wrap; gap: 8px 24px
}

.ct-style-115 {
    color: var(--ct-text-on-petrol); text-decoration: none; transition: color 0.2s ease
}
.ct-style-115:hover {
    color: var(--ct-white)
}

.ct-style-116 {
    color: var(--ct-text-on-petrol); text-decoration: none; font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; line-height: 1.2; padding: 8px 0 8px 4px; min-height: 44px; display: inline-flex; align-items: center; white-space: nowrap; box-sizing: border-box
}
.ct-style-116:hover { color: var(--ct-white); }

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

.ct-nav-toggle {
    display: none
}

@media (max-width: 1180px) {
    .ct-style-8,
    .ct-style-116 {
        font-size: 10px; letter-spacing: 0.12em
    }
}

@media (max-width: 1100px) {
    .ct-style-2 {
        flex-wrap: nowrap; position: relative; z-index: 40; gap: 12px; padding: 0 5%
    }

    .ct-hero-band .ct-style-2.is-open {
        background: var(--ct-dark-petrol)
    }

    .ct-style-3 {
        min-width: 0
    }

    .ct-logo {
        height: 36px
    }

    .ct-style-5 {
        font-size: 28px
    }

    .ct-style-14 {
        padding: 0 5%; min-height: 0;
        background-image: linear-gradient(to top, rgba(14, 65, 72, 0.92) 0%, rgba(14, 65, 72, 0.72) 24%, rgba(14, 65, 72, 0.34) 52%, rgba(14, 65, 72, 0) 78%), url('assets/hero-img.webp')
    }

    .ct-hero-inner {
        min-height: 0; padding: 0; justify-content: flex-start
    }

    .ct-style-16 {
        max-width: none; flex: none; justify-content: flex-start; padding: 88px 0 28px
    }

    .ct-hero-foot {
        flex-direction: column; align-items: stretch; gap: 20px
    }

    .ct-hero-trust-row {
        flex-wrap: wrap
    }

    .ct-style-24 {
        position: static; width: 100%; justify-content: stretch
    }

    .ct-kpi-box {
        flex: 1; min-width: 0; padding: 16px 12px
    }

    .ct-style-26 {
        font-size: 26px
    }

    .ct-nav-toggle {
        display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; height: 44px; margin-left: 4px; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--ct-white); cursor: pointer
    }

    .ct-nav-toggle-bars {
        position: relative; display: block; width: 22px; height: 2px; background: var(--ct-white); border-radius: 0
    }

    .ct-nav-toggle-bars::before,
    .ct-nav-toggle-bars::after {
        content: ""; position: absolute; left: 0; width: 22px; height: 2px; background: var(--ct-white); border-radius: 0
    }

    .ct-nav-toggle-bars::before { top: -7px }
    .ct-nav-toggle-bars::after { top: 7px }

    .ct-style-2.is-open .ct-nav-toggle-bars { background: transparent }
    .ct-style-2.is-open .ct-nav-toggle-bars::before { top: 0; transform: rotate(45deg) }
    .ct-style-2.is-open .ct-nav-toggle-bars::after { top: 0; transform: rotate(-45deg) }

    .ct-style-7 {
        display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 4px 5% 18px; background: var(--ct-dark-petrol); box-shadow: 0 18px 32px rgba(14, 65, 72, 0.28)
    }

    .ct-style-2.is-open .ct-style-7 { display: flex }

    .ct-style-8,
    .ct-style-116 {
        padding: 14px 0; border-bottom: 1px solid rgba(234, 244, 244, 0.12)
    }

    .ct-style-10 {
        margin-left: auto; margin-top: 0; flex: 0 0 auto
    }
}

@media (max-width: 980px) {
    .ct-style-58 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
}

@media (max-width: 800px) {
    .ct-style-47 {
        display: flex; flex-direction: column; gap: 24px; grid-template-columns: none; grid-template-rows: none
    }

    .ct-style-48,
    .ct-style-52,
    .ct-style-53 {
        display: flex; flex-direction: column; gap: 14px; margin: 0
    }

    .ct-style-49,
    .ct-style-48 > .ct-style-25,
    .ct-style-54,
    .ct-style-55,
    .ct-style-52 > .ct-style-53:first-child > .ct-style-25,
    .ct-style-52 > .ct-style-53:last-child > .ct-style-25 {
        grid-column: auto; grid-row: auto
    }

    .ct-style-49 {
        height: 280px; min-height: 0
    }

    .ct-style-54,
    .ct-style-55 {
        height: 200px
    }

    .ct-img-credit {
        align-self: flex-end; margin: -40px 8px 18px 0
    }

    .ct-style-58 { grid-template-columns: 1fr }
}