html {
    font-size: 100%
}

body {
    font-family: 'Merriweather', serif;
    background-color: #f4f6fa
}

.header_bar {
    background: linear-gradient(135deg, #0F172C 0%, #162240 60%, #0F172C 100%);
    border-bottom: 2px solid #14A6E7;
    position: relative
}

.header_top_strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1320px;
    margin: 0 auto;
    padding: 24px 48px 16px;
    gap: 48px
}

.brand_area {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    margin-left: 8px
}

.logo_container {
    background-color: #f4f6fa;
    border-radius: 3px;
    padding: 8px;
    box-shadow: 0 3px 4px -1px #14a6e70d 0 7px 18px -1px #14a6e717;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px
}

.logo_container img {
    width: 65px;
    height: 65px;
    object-fit: contain;
    display: block
}

.brand_text_group {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.brand_name {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    color: #E3E8F0;
    letter-spacing: 0;
    text-decoration: none;
    display: block
}

.brand_tagline {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    color: #14A6E7;
    display: block
}

.header_action_link {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0F172C;
    background: linear-gradient(135deg, #14A6E7 0%, #5cc8f5 100%);
    padding: 16px 24px;
    border-radius: 3px;
    text-decoration: none;
    flex-shrink: 0;
    box-shadow: 0 7px 18px -1px #14a6e717;
    transition: box-shadow .25s ease-out, transform .2s ease-out;
    perspective: 600px;
    position: relative;
    overflow: hidden
}

.header_action_link::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(225deg, #5cc8f5 0%, #14A6E7 100%);
    opacity: 0;
    transition: opacity .35s ease-out;
    border-radius: 3px
}

.header_action_link:hover::before {
    opacity: 1
}

.header_action_link:hover {
    box-shadow: 0 12px 36px -1px #14a6e71f;
    transform: perspective(600px) rotateX(4deg) rotateY(-3deg)
}

.header_action_link:focus-visible {
    outline: 3px solid #14A6E7;
    outline-offset: 4px
}

.header_action_link span {
    position: relative;
    z-index: 1
}

.nav_bar {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 48px
}

.nav_list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    border-top: 1px solid #e3e8f01f
}

.nav_list li {
    position: relative
}

.nav_list li+li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background-color: #e3e8f02e
}

.nav_link {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    color: #E3E8F0;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 24px;
    transition: color .2s ease-out, background-color .28s ease-out;
    border-radius: 3px 3px 0 0;
    min-height: 44px
}

.nav_link i {
    font-size: 18px;
    color: #14A6E7;
    flex-shrink: 0
}

.nav_link:hover {
    color: #14A6E7;
    background-color: #14a6e714
}

.nav_link:focus-visible {
    outline: 3px solid #14A6E7;
    outline-offset: 2px
}

.nav_link.active_page {
    color: #14A6E7;
    font-weight: 700
}

@media (max-width: 900px) {
    .header_top_strip {
        padding: 24px 24px 16px;
        gap: 24px
    }

    .nav_bar {
        padding: 0 24px
    }

    .header_action_link {
        padding: 16px;
        font-size: 15px
    }
}

@media (max-width: 600px) {
    .header_top_strip {
        flex-wrap: wrap;
        padding: 16px;
        gap: 16px
    }

    .brand_area {
        margin-left: 0
    }

    .header_action_link {
        order: 3;
        width: 100%;
        text-align: center;
        justify-content: center
    }

    .nav_bar {
        padding: 0 16px
    }

    .nav_link {
        padding: 16px;
        font-size: 15px
    }
}

.page_footer {
    background: linear-gradient(160deg, #0F172C 0%, #162240 100%);
    border-top: 2px solid #14a6e759;
    padding: 48px 0 24px
}

.footer_upper {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 48px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 48px
}

.footer_brand_zone {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-shrink: 0;
    max-width: 280px
}

.footer_logo_container {
    background-color: #f4f6fa;
    border-radius: 3px;
    padding: 8px;
    box-shadow: 0 3px 4px -1px #14a6e70d;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px
}

.footer_logo_container img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    display: block
}

.footer_brand_name {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    color: #E3E8F0;
    text-decoration: none
}

.footer_brand_desc {
    font-family: 'Merriweather', serif;
    font-size: 15px;
    line-height: 1.55;
    color: #e3e8f0a6
}

.footer_right_zone {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px
}

.footer_services_group {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px
}

.footer_services_label {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #14A6E7;
    margin-bottom: 8px
}

.footer_service_item {
    font-family: 'Merriweather', serif;
    font-size: 15px;
    line-height: 1.55;
    color: #e3e8f0bf;
    display: flex;
    align-items: center;
    gap: 8px
}

.footer_service_item i {
    color: #14A6E7;
    font-size: 15px
}

.footer_contact_group {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px
}

.footer_contact_item {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 15px;
    line-height: 1.55;
    color: #e3e8f0a6;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: color .22s ease-out
}

.footer_contact_item i {
    color: #14A6E7;
    font-size: 16px
}

.footer_contact_item:hover {
    color: #14A6E7
}

.footer_contact_item:focus-visible {
    outline: 3px solid #14A6E7;
    outline-offset: 3px
}

.footer_divider {
    max-width: 1320px;
    margin: 24px auto 0;
    padding: 0 48px;
    border: none;
    border-top: 1px solid #e3e8f01a
}

.footer_bottom_bar {
    max-width: 1320px;
    margin: 0 auto;
    padding: 16px 48px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap
}

.footer_legal_text {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 15px;
    line-height: 1.55;
    color: #e3e8f073
}

.footer_legal_links {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap
}

.footer_legal_link {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 15px;
    line-height: 1.55;
    color: #e3e8f08c;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .2s ease-out
}

.footer_legal_link:hover {
    color: #14A6E7
}

.footer_legal_link:focus-visible {
    outline: 3px solid #14A6E7;
    outline-offset: 3px
}

.footer_consent_link {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 15px;
    line-height: 1.55;
    color: #e3e8f073;
    text-decoration: underline;
    text-underline-offset: 3px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: color .2s ease-out
}

.footer_consent_link:hover {
    color: #14A6E7
}

.footer_consent_link:focus-visible {
    outline: 3px solid #14A6E7;
    outline-offset: 3px
}

@media (max-width: 900px) {
    .footer_upper {
        padding: 0 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px
    }

    .footer_right_zone {
        align-items: flex-start;
        width: 100%
    }

    .footer_services_group,
    .footer_contact_group {
        align-items: flex-start
    }

    .footer_divider,
    .footer_bottom_bar {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width: 600px) {
    .footer_upper {
        padding: 0 16px
    }

    .footer_divider,
    .footer_bottom_bar {
        padding-left: 16px;
        padding-right: 16px
    }

    .footer_bottom_bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px
    }
}

.gdpr_popup_holder {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 24px;
    margin: 0 auto;
    width: 92%;
    max-width: 560px;
    z-index: 8000
}

.gdpr_card {
    background: #fff;
    border-radius: 32px;
    padding: 24px;
    box-shadow: 0 12px 36px -1px #0f172c1f;
    border: 1px solid #E3E8F0;
    transform: translateY(40px);
    opacity: 0;
    transition: transform .18s ease-out, opacity .18s ease-out
}

.gdpr_card.visible {
    transform: translateY(0);
    opacity: 1
}

.gdpr_card_icon {
    width: 32px;
    height: 32px;
    margin-bottom: 16px;
    color: #14A6E7
}

.gdpr_body_text {
    font-family: 'Merriweather', serif;
    font-size: 15px;
    line-height: 1.55;
    color: #0F172C;
    margin-bottom: 16px
}

.gdpr_settings_panel {
    display: none;
    margin-bottom: 16px
}

.gdpr_settings_panel.open {
    display: block
}

.gdpr_category_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #E3E8F0;
    gap: 16px
}

.gdpr_category_label {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 15px;
    line-height: 1.3;
    color: #0F172C
}

.gdpr_category_note {
    font-family: 'Merriweather', serif;
    font-size: 15px;
    line-height: 1.3;
    color: #0f172c8c;
    font-style: italic
}

.gdpr_toggle_check {
    width: 18px;
    height: 18px;
    accent-color: #14A6E7;
    flex-shrink: 0;
    cursor: pointer
}

.gdpr_toggle_check:focus-visible {
    outline: 3px solid #14A6E7;
    outline-offset: 3px
}

.gdpr_data_sale_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    gap: 16px
}

.gdpr_data_sale_label {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 15px;
    line-height: 1.3;
    color: #0F172C
}

.gdpr_actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap
}

.gdpr_btn {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .22s ease-out
}

.gdpr_btn:focus-visible {
    outline: 3px solid #14A6E7;
    outline-offset: 3px
}

.gdpr_btn_accept {
    color: #14A6E7
}

.gdpr_btn_accept:hover {
    color: #0F172C
}

.gdpr_btn_decline {
    color: #0F172C
}

.gdpr_btn_decline:hover {
    color: #14A6E7
}

.gdpr_btn_settings {
    color: #0f172c8c;
    font-weight: 400;
    margin-left: auto
}

.gdpr_btn_settings:hover {
    color: #14A6E7
}

.gdpr_btn_save {
    color: #14A6E7
}

.gdpr_btn_save:hover {
    color: #0F172C
}

.policy-main {
    max-width: 1320px;
    margin: 0 auto;
    padding: 96px 48px;
    color: #0F172C;
    line-height: 1.75;
    font-size: 18px
}

.policy-main h1 {
    font-size: 60px;
    line-height: 1.1;
    color: #0F172C;
    margin-bottom: 48px;
    margin-top: 0;
    background: linear-gradient(135deg, #0F172C 40%, #14A6E7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.policy-main h2 {
    font-size: 31px;
    line-height: 1.3;
    color: #0F172C;
    margin-top: 96px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #E3E8F0
}

.policy-main h3 {
    font-size: 18px;
    line-height: 1.55;
    color: #0F172C;
    margin-top: 48px;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: .04em
}

.policy-main h4 {
    font-size: 18px;
    line-height: 1.55;
    color: #14A6E7;
    margin-top: 24px;
    margin-bottom: 8px
}

.policy-main h5 {
    font-size: 15px;
    line-height: 1.55;
    color: #0F172C;
    margin-top: 24px;
    margin-bottom: 8px;
    opacity: .85
}

.policy-main h6 {
    font-size: 15px;
    line-height: 1.55;
    color: #0F172C;
    margin-top: 16px;
    margin-bottom: 8px;
    opacity: .7
}

.policy-main strong,
.policy-main b {
    font-weight: 700;
    color: #0F172C
}

.policy-main a {
    color: #14A6E7;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color .22s ease-out, text-decoration-color .18s ease-out
}

.policy-main a:hover {
    color: #0F172C;
    text-decoration-color: #14A6E7
}

.policy-main hr {
    border: none;
    height: 2px;
    background: linear-gradient(90deg, #14A6E7 0%, #E3E8F0 100%);
    border-radius: 3px;
    margin: 48px 0
}

.policy-main table {
    width: 100%;
    border-collapse: collapse;
    margin: 48px 0;
    font-size: 15px;
    line-height: 1.55;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 7px 18px -1px #14a6e717
}

.policy-main thead {
    background: #0F172C;
    color: #E3E8F0
}

.policy-main thead th {
    padding: 16px 24px;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #E3E8F0;
    border: none
}

.policy-main tbody tr {
    border-bottom: 1px solid #E3E8F0;
    transition: background .2s ease-out
}

.policy-main tbody tr:last-child {
    border-bottom: none
}

.policy-main tbody tr:nth-child(even) {
    background: #f4f7fb
}

.policy-main tbody tr:hover {
    background: #14a6e70f
}

.policy-main td {
    padding: 16px 24px;
    color: #0F172C;
    vertical-align: top;
    border: none
}

.policy-main th {
    padding: 16px 24px;
    vertical-align: top;
    border: none
}

@media (max-width: 900px) {
    .policy-main {
        padding: 96px 24px
    }

    .policy-main h1 {
        font-size: 31px
    }

    .policy-main h2 {
        font-size: 18px;
        margin-top: 48px
    }

    .policy-main table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 600px) {
    .policy-main {
        padding: 48px 16px
    }

    .policy-main h1 {
        font-size: 31px;
        margin-bottom: 24px
    }

    .policy-main h2 {
        margin-top: 48px
    }

    .policy-main thead th,
    .policy-main td {
        padding: 8px 16px
    }
}

.contact-us {
    background: #fff;
    overflow-x: clip
}

.contact-us .divider {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 48px;
    max-width: 1320px;
    margin: 0 auto
}

.contact-us .divider span {
    flex: 1;
    height: 1px;
    background: #E3E8F0;
    position: relative
}

.contact-us .divider span::before,
.contact-us .divider span::after {
    content: "";
    position: absolute;
    top: -3px;
    width: 1px;
    height: 7px;
    background: #14A6E7
}

.contact-us .divider span::before {
    left: 20%
}

.contact-us .divider span::after {
    left: 60%
}

.contact-us .divider_tick {
    width: 6px;
    height: 6px;
    border: 1.5px solid #14A6E7;
    border-radius: 3px;
    transform: rotate(45deg);
    flex-shrink: 0
}

.contact-us .reach_block {
    padding: 96px 48px 48px;
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 48px;
    align-items: start
}

.contact-us .reach_label {
    font-size: 15px;
    color: #14A6E7;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: block
}

.contact-us .reach_heading {
    font-size: 60px;
    line-height: 1.1;
    color: #0F172C;
    margin: 0 0 24px;
    position: relative;
    padding-left: 16px
}

.contact-us .reach_heading::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    background: linear-gradient(180deg, #14A6E7 0%, transparent 100%);
    border-radius: 3px
}

.contact-us .reach_heading .underline_word {
    position: relative;
    display: inline-block
}

.contact-us .reach_heading .underline_word::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    height: 2px;
    width: 0;
    background: #14A6E7;
    border-radius: 3px;
    animation: draw_line .45s ease-out .2s forwards
}

@keyframes draw_line {
    to {
        width: 100%
    }
}

.contact-us .reach_desc {
    font-size: 18px;
    line-height: 1.55;
    color: #3a4a6b;
    text-align: justify;
    margin: 0
}

.contact-us .reach_center {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.contact-us .reach_side {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 8px
}

.contact-us .info_card {
    background: #E3E8F0;
    border-radius: 3px;
    padding: 24px;
    border-top: 3px solid #14A6E7;
    box-shadow: 0 3px 4px -1px #14a6e70d;
    transition: transform .25s ease-out, box-shadow .25s ease-out;
    transform-style: preserve-3d
}

.contact-us .info_card:hover {
    transform: perspective(600px) rotateX(2deg) rotateY(-2deg) translateY(-4px);
    box-shadow: 0 12px 36px -1px #14a6e71f
}

.contact-us .info_card_label {
    font-size: 15px;
    color: #14A6E7;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

.contact-us .info_card_label svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

.contact-us .info_card_value {
    font-size: 15px;
    line-height: 1.55;
    color: #0F172C;
    margin: 0;
    word-break: break-word
}

.contact-us .info_card_value a {
    color: #0F172C;
    text-decoration: none;
    position: relative;
    display: inline-block
}

.contact-us .info_card_value a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: #14A6E7;
    transition: width .22s ease-out
}

.contact-us .info_card_value a:hover::after {
    width: 100%;
    right: auto;
    left: 0
}

.contact-us .hours_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 8px
}

.contact-us .hours_row {
    font-size: 15px;
    color: #0F172C;
    line-height: 1.55
}

.contact-us .hours_row.accent {
    color: #14A6E7;
    font-size: 15px
}

.contact-us .form_block {
    background: linear-gradient(67deg, #0F172C 0%, #0F172C 60%, #14A6E7 100%);
    padding: 96px 48px;
    position: relative;
    overflow: hidden
}

.contact-us .form_block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(67deg, transparent, transparent 40px, #14a6e70a 40px, #14a6e70a 41px);
    pointer-events: none
}

.contact-us .form_inner {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 96px;
    align-items: start;
    position: relative
}

.contact-us .form_left {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.contact-us .form_left_heading {
    font-size: 31px;
    line-height: 1.3;
    color: #fff;
    margin: 0;
    position: relative;
    padding-left: 16px
}

.contact-us .form_left_heading::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 3px;
    background: #14A6E7;
    border-radius: 3px
}

.contact-us .form_left_text {
    font-size: 15px;
    line-height: 1.75;
    color: #e3e8f0cc;
    text-align: justify;
    margin: 0
}

.contact-us .response_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.contact-us .response_list li {
    font-size: 15px;
    color: #E3E8F0;
    line-height: 1.55;
    padding-left: 16px;
    position: relative
}

.contact-us .response_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background: #14A6E7;
    border-radius: 3px
}

.contact-us .form_right {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.contact-us .form_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px
}

.contact-us .field_group {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.contact-us .field_group.full {
    grid-column: 1 / -1
}

.contact-us .field_label {
    font-size: 15px;
    color: #E3E8F0;
    letter-spacing: .04em
}

.contact-us .field_label .required_mark {
    color: #14A6E7;
    margin-left: 4px
}

.contact-us .field_input {
    background: #ffffff12;
    border: 1px solid #e3e8f033;
    border-radius: 3px;
    padding: 16px;
    font-size: 15px;
    color: #fff;
    outline: none;
    transition: border-color .22s ease-out, background .22s ease-out, box-shadow .22s ease-out;
    width: 100%;
    box-sizing: border-box
}

.contact-us .field_input::placeholder {
    color: #e3e8f059;
    transition: opacity .35s ease-out
}

.contact-us .field_input:focus::placeholder {
    opacity: 0
}

.contact-us .field_input:focus {
    border-color: #14A6E7;
    background: #14a6e714;
    box-shadow: 0 0 0 3px #14a6e71f
}

.contact-us .field_select {
    background: #ffffff12;
    border: 1px solid #e3e8f033;
    border-radius: 3px;
    padding: 16px;
    font-size: 15px;
    color: #fff;
    outline: none;
    transition: border-color .22s ease-out, background .22s ease-out;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2314A6E7' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px;
    padding-right: 48px
}

.contact-us .field_select option {
    background: #0F172C;
    color: #fff
}

.contact-us .field_select:focus {
    border-color: #14A6E7;
    background-color: #14a6e714;
    box-shadow: 0 0 0 3px #14a6e71f
}

.contact-us .question_type_group {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.contact-us .question_type_label {
    font-size: 15px;
    color: #E3E8F0;
    letter-spacing: .04em
}

.contact-us .type_options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px
}

.contact-us .type_option {
    position: relative
}

.contact-us .type_option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.contact-us .type_option label {
    display: block;
    padding: 8px 16px;
    border: 1px solid #e3e8f040;
    border-radius: 3px;
    font-size: 15px;
    color: #e3e8f0b3;
    cursor: pointer;
    transition: border-color .18s ease-out, color .18s ease-out, background .18s ease-out;
    user-select: none
}

.contact-us .type_option input[type="radio"]:checked+label {
    border-color: #14A6E7;
    color: #14A6E7;
    background: #14a6e71a;
    box-shadow: inset 0 1px 3px #14a6e726
}

.contact-us .type_option label:hover {
    border-color: #14a6e799;
    color: #E3E8F0
}

.contact-us .field_textarea {
    background: #ffffff12;
    border: 1px solid #e3e8f033;
    border-radius: 3px;
    padding: 16px;
    font-size: 15px;
    color: #fff;
    outline: none;
    transition: border-color .22s ease-out, background .22s ease-out, box-shadow .22s ease-out;
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
    min-height: 120px
}

.contact-us .field_textarea::placeholder {
    color: #e3e8f059;
    transition: opacity .35s ease-out
}

.contact-us .field_textarea:focus::placeholder {
    opacity: 0
}

.contact-us .field_textarea:focus {
    border-color: #14A6E7;
    background: #14a6e714;
    box-shadow: 0 0 0 3px #14a6e71f
}

.contact-us .privacy_row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px
}

.contact-us .privacy_checkbox {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-top: 2px;
    accent-color: #14A6E7;
    cursor: pointer
}

.contact-us .privacy_text {
    font-size: 15px;
    line-height: 1.55;
    color: #e3e8f0b3;
    margin: 0
}

.contact-us .privacy_text a {
    color: #14A6E7;
    text-decoration: none;
    position: relative
}

.contact-us .privacy_text a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: #14A6E7;
    transition: width .22s ease-out
}

.contact-us .privacy_text a:hover::after {
    width: 100%;
    right: auto;
    left: 0
}

.contact-us .submit_btn {
    align-self: flex-start;
    background: #14A6E7;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 16px 48px;
    font-size: 15px;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: 0 7px 18px -1px #14a6e717;
    transition: box-shadow .25s ease-out, transform .2s ease-out
}

.contact-us .submit_btn::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -75%;
    width: 50%;
    height: 200%;
    background: #ffffff26;
    transform: skewX(-20deg);
    transition: left .35s ease-out
}

.contact-us .submit_btn:hover::before {
    left: 125%
}

.contact-us .submit_btn:hover {
    box-shadow: 0 12px 36px -1px #14a6e71f;
    transform: perspective(600px) rotateX(2deg) translateY(-2px)
}

.contact-us .submit_btn:active {
    box-shadow: inset 0 3px 4px -1px #0f172c26;
    transform: translateY(0)
}

.contact-us .bottom_block {
    padding: 48px 48px 96px;
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 48px;
    align-items: start
}

.contact-us .stat_item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    background: #fff;
    border-radius: 32px;
    border-top: 3px solid #E3E8F0;
    box-shadow: 0 3px 4px -1px #0f172c0d;
    transition: transform .2s ease-out, box-shadow .2s ease-out;
    transform-style: preserve-3d
}

.contact-us .stat_item:hover {
    transform: perspective(700px) rotateY(3deg) rotateX(-2deg) translateY(-4px);
    box-shadow: 0 12px 36px -1px #0f172c1f
}

.contact-us .stat_number {
    font-size: 60px;
    line-height: 1.1;
    color: #0F172C;
    background: linear-gradient(67deg, #0F172C 40%, #14A6E7 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.contact-us .stat_desc {
    font-size: 15px;
    line-height: 1.55;
    color: #3a4a6b;
    margin: 0
}

.contact-us .stat_item.wide {
    grid-column: span 1
}

@media (max-width: 1200px) {
    .contact-us .reach_block {
        grid-template-columns: 1fr 1fr;
        padding: 96px 24px 48px
    }

    .contact-us .reach_side:last-child {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px
    }

    .contact-us .form_inner {
        grid-template-columns: 1fr;
        gap: 48px
    }

    .contact-us .form_block {
        padding: 96px 24px
    }

    .contact-us .bottom_block {
        padding: 48px 24px 96px
    }
}

@media (max-width: 900px) {
    .contact-us .reach_block {
        grid-template-columns: 1fr;
        padding: 48px 24px;
        gap: 24px
    }

    .contact-us .reach_heading {
        font-size: 31px
    }

    .contact-us .reach_side:last-child {
        grid-template-columns: 1fr 1fr
    }

    .contact-us .form_row {
        grid-template-columns: 1fr
    }

    .contact-us .bottom_block {
        grid-template-columns: 1fr 1fr;
        padding: 48px 24px;
        gap: 24px
    }

    .contact-us .divider {
        padding: 0 24px
    }
}

@media (max-width: 600px) {
    .contact-us .reach_block {
        padding: 48px 16px;
        gap: 16px
    }

    .contact-us .reach_side:last-child {
        grid-template-columns: 1fr
    }

    .contact-us .form_block {
        padding: 48px 16px
    }

    .contact-us .type_options {
        flex-direction: column
    }

    .contact-us .bottom_block {
        grid-template-columns: 1fr;
        padding: 48px 16px;
        gap: 16px
    }

    .contact-us .stat_number {
        font-size: 31px
    }

    .contact-us .divider {
        padding: 0 16px
    }

    .contact-us .submit_btn {
        width: 100%;
        text-align: center
    }
}

.portfolio_root {
    background: #fff;
    overflow-x: clip
}

.portfolio_root *,
.portfolio_root ::before,
.portfolio_root ::after {
    box-sizing: border-box
}

.portfolio_root ::selection {
    background: #14A6E7;
    color: #fff
}

.portfolio_root .accent_underline {
    position: relative;
    display: inline-block
}

.portfolio_root .accent_underline::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #14A6E7;
    transform: scaleX(0);
    transform-origin: left;
    animation: draw_line .45s ease-out .6s forwards
}

@keyframes draw_line {
    to {
        transform: scaleX(1)
    }
}

@keyframes stripe_drift {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 80px 80px
    }
}

.portfolio_root .divider_triangles {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 8px 0
}

.portfolio_root .divider_triangles svg {
    opacity: .35
}

.portfolio_root .page_title_block {
    position: relative;
    background: #fff;
    padding: 96px 0 48px;
    overflow: hidden
}

.portfolio_root .page_title_block::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(67deg, transparent, transparent 18px, #14a6e70b 18px, #14a6e70b 20px);
    animation: stripe_drift 14s linear infinite;
    pointer-events: none
}

.portfolio_root .page_title_block .punctuation_anchor {
    position: absolute;
    top: -24px;
    right: 96px;
    font-size: 260px;
    line-height: 1.1;
    color: transparent;
    -webkit-text-stroke: 1.5px #14a6e71a;
    pointer-events: none;
    user-select: none;
    z-index: 0
}

.portfolio_root .title_container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 48px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 48px;
    position: relative;
    z-index: 1
}

.portfolio_root .title_text_side {
    flex: 1 1 0;
    min-width: 0
}

.portfolio_root .title_label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    line-height: 1.55;
    color: #14A6E7;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 16px
}

.portfolio_root .title_label_line {
    width: 32px;
    height: 1px;
    background: #14A6E7
}

.portfolio_root .title_heading_row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 24px
}

.portfolio_root .title_h1 {
    font-size: 60px;
    line-height: 1.1;
    color: #0F172C;
    margin: 0
}

.portfolio_root .counter_badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #14A6E7;
    color: #fff;
    border-radius: 3px;
    padding: 8px 16px;
    min-width: 72px;
    flex-shrink: 0;
    margin-top: 8px;
    box-shadow: 0 7px 18px -1px #14a6e717
}

.portfolio_root .counter_badge .counter_number {
    font-size: 31px;
    line-height: 1.1;
    font-weight: 700
}

.portfolio_root .counter_badge .counter_label {
    font-size: 15px;
    line-height: 1.3;
    opacity: .88
}

.portfolio_root .title_description {
    font-size: 18px;
    line-height: 1.75;
    color: #3a4a62;
    text-align: justified;
    max-width: 560px
}

.portfolio_root .title_image_side {
    flex: 0 0 420px;
    position: relative
}

.portfolio_root .title_image_wrapper {
    position: relative;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 12px 36px -1px #0f172c1f
}

.portfolio_root .title_image_wrapper img {
    width: 420px;
    height: 340px;
    object-fit: cover;
    display: block
}

.portfolio_root .light_leak {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 180px;
    background: radial-gradient(ellipse at 0% 0%, #14a6e761 0%, transparent 68%);
    pointer-events: none;
    border-radius: 32px 0 0 0
}

.portfolio_root .projects_section {
    background: #E3E8F0;
    padding: 96px 0 48px;
    margin-left: 48px;
    border-radius: 32px 0 0 32px
}

.portfolio_root .projects_container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 48px
}

.portfolio_root .section_heading_row {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 48px;
    gap: 24px
}

.portfolio_root .section_h2 {
    font-size: 31px;
    line-height: 1.3;
    color: #0F172C;
    margin: 0;
    border-bottom: 2px solid #14A6E7;
    padding-bottom: 8px
}

.portfolio_root .projects_four_col {
    display: grid;
    grid-template-columns: 1fr 1.4fr 1.4fr 1fr;
    gap: 16px;
    align-items: start
}

.portfolio_root .project_card {
    background: #fff;
    border-radius: 32px;
    padding: 24px;
    box-shadow: 0 3px 4px -1px #0f172c0d;
    transition: box-shadow .25s ease-out, transform .2s ease-out;
    cursor: default
}

.portfolio_root .project_card:hover {
    box-shadow: 0 12px 36px -1px #0f172c1f;
    transform: perspective(600px) rotateY(-2deg) translateY(-4px)
}

.portfolio_root .project_card.wide {
    padding: 32px
}

.portfolio_root .project_card .card_tag {
    display: inline-block;
    font-size: 15px;
    line-height: 1.3;
    color: #14A6E7;
    background: #14a6e71a;
    border-radius: 3px;
    padding: 4px 8px;
    margin-bottom: 16px;
    text-transform: uppercase
}

.portfolio_root .project_card .card_title {
    font-size: 18px;
    line-height: 1.3;
    color: #0F172C;
    margin: 0 0 16px;
    border-bottom: 1.5px solid #E3E8F0;
    padding-bottom: 8px
}

.portfolio_root .project_card .card_body {
    font-size: 15px;
    line-height: 1.55;
    color: #3a4a62;
    text-align: justify;
    margin: 0
}

.portfolio_root .project_card .card_meta {
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap
}

.portfolio_root .project_card .meta_item {
    font-size: 15px;
    line-height: 1.3;
    color: #0F172C;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

.portfolio_root .project_card .meta_item svg {
    flex-shrink: 0
}

.portfolio_root .mini_block {
    background: #0F172C;
    border-radius: 3px;
    padding: 16px;
    margin-top: 16px
}

.portfolio_root .mini_block .mini_label {
    font-size: 15px;
    line-height: 1.3;
    color: #14A6E7;
    text-transform: uppercase;
    margin-bottom: 8px
}

.portfolio_root .mini_block .mini_stat {
    font-size: 31px;
    line-height: 1.1;
    color: #fff;
    font-weight: 700
}

.portfolio_root .mini_block .mini_desc {
    font-size: 15px;
    line-height: 1.55;
    color: #e3e8f0bf;
    margin: 8px 0 0
}

.portfolio_root .numbers_section {
    background: #0F172C;
    padding: 96px 0;
    position: relative;
    overflow: hidden
}

.portfolio_root .numbers_section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(67deg, transparent, transparent 28px, #14a6e70f 28px, #14a6e70f 30px);
    animation: stripe_drift 18s linear infinite;
    pointer-events: none
}

.portfolio_root .numbers_container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 48px;
    position: relative;
    z-index: 1
}

.portfolio_root .numbers_h2 {
    font-size: 31px;
    line-height: 1.3;
    color: #fff;
    margin: 0 0 48px;
    border-bottom: 2px solid #14A6E7;
    padding-bottom: 8px;
    display: inline-block
}

.portfolio_root .numbers_layout {
    display: flex;
    flex-direction: row;
    gap: 48px;
    align-items: flex-start
}

.portfolio_root .numbers_left {
    flex: 1 1 0;
    min-width: 0
}

.portfolio_root .before_after_pair {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: stretch;
    margin-bottom: 48px
}

.portfolio_root .ba_box {
    flex: 1 1 0;
    border-radius: 3px;
    padding: 24px
}

.portfolio_root .ba_box.before {
    background: #e3e8f012;
    border: 1px solid #e3e8f026
}

.portfolio_root .ba_box.after {
    background: #14A6E7
}

.portfolio_root .ba_label {
    font-size: 15px;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 8px
}

.portfolio_root .ba_box.before .ba_label {
    color: #e3e8f08c
}

.portfolio_root .ba_box.after .ba_label {
    color: #ffffffbf
}

.portfolio_root .ba_number {
    font-size: 60px;
    line-height: 1.1;
    font-weight: 700
}

.portfolio_root .ba_box.before .ba_number {
    color: #e3e8f066
}

.portfolio_root .ba_box.after .ba_number {
    color: #fff
}

.portfolio_root .ba_desc {
    font-size: 15px;
    line-height: 1.55;
    margin-top: 8px
}

.portfolio_root .ba_box.before .ba_desc {
    color: #e3e8f099
}

.portfolio_root .ba_box.after .ba_desc {
    color: #ffffffd9
}

.portfolio_root .stats_row {
    display: flex;
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap
}

.portfolio_root .stat_item {
    flex: 1 1 140px;
    border-top: 2px solid #14a6e759;
    padding-top: 16px
}

.portfolio_root .stat_number {
    font-size: 31px;
    line-height: 1.1;
    color: #14A6E7;
    font-weight: 700
}

.portfolio_root .stat_desc {
    font-size: 15px;
    line-height: 1.55;
    color: #e3e8f0b3;
    margin-top: 8px
}

.portfolio_root .numbers_right {
    flex: 0 0 400px
}

.portfolio_root .chart_box {
    background: #e3e8f00d;
    border: 1px solid #e3e8f01f;
    border-radius: 3px;
    padding: 24px
}

.portfolio_root .chart_title {
    font-size: 15px;
    line-height: 1.3;
    color: #e3e8f099;
    text-transform: uppercase;
    margin-bottom: 16px
}

.portfolio_root .chart_svg {
    width: 100%;
    height: auto;
    display: block
}

.portfolio_root .chart_legend {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-top: 16px;
    flex-wrap: wrap
}

.portfolio_root .legend_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    line-height: 1.3;
    color: #e3e8f0a6
}

.portfolio_root .legend_dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0
}

.portfolio_root .approach_section {
    padding: 96px 0 48px;
    background: #fff;
    margin-right: 48px;
    border-radius: 0 32px 32px 0
}

.portfolio_root .approach_container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 48px
}

.portfolio_root .approach_h2 {
    font-size: 31px;
    line-height: 1.3;
    color: #0F172C;
    margin: 0 0 48px;
    border-bottom: 2px solid #14A6E7;
    padding-bottom: 8px;
    display: inline-block
}

.portfolio_root .approach_layout {
    display: flex;
    flex-direction: row;
    gap: 48px;
    align-items: flex-start
}

.portfolio_root .approach_image_col {
    flex: 0 0 360px
}

.portfolio_root .approach_img_wrapper {
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 12px 36px -1px #0f172c1f;
    position: relative
}

.portfolio_root .approach_img_wrapper img {
    width: 360px;
    height: 420px;
    object-fit: cover;
    display: block
}

.portfolio_root .approach_img_overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(67deg, #0f172c59 0%, transparent 55%);
    pointer-events: none
}

.portfolio_root .approach_text_col {
    flex: 1 1 0;
    min-width: 0
}

.portfolio_root .approach_intro {
    font-size: 18px;
    line-height: 1.75;
    color: #3a4a62;
    text-align: justify;
    margin: 0 0 24px
}

.portfolio_root .approach_steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.portfolio_root .approach_steps li {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start
}

.portfolio_root .step_number {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: #14A6E7;
    color: #fff;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 700
}

.portfolio_root .step_text {
    flex: 1 1 0
}

.portfolio_root .step_text strong {
    font-size: 15px;
    line-height: 1.3;
    color: #0F172C;
    display: block;
    margin-bottom: 4px
}

.portfolio_root .step_text span {
    font-size: 15px;
    line-height: 1.55;
    color: #3a4a62;
    text-align: justify
}

.portfolio_root .approach_cta_row {
    margin-top: 24px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center
}

.portfolio_root .btn_primary {
    display: inline-block;
    padding: 16px 32px;
    background: #14A6E7;
    color: #fff;
    font-size: 15px;
    line-height: 1.3;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: 0 7px 18px -1px #14a6e717;
    transition: box-shadow .25s ease-out, transform .2s ease-out
}

.portfolio_root .btn_primary::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -75%;
    width: 60%;
    height: 200%;
    background: #ffffff2e;
    transform: skewX(-20deg);
    transition: left .35s ease-out
}

.portfolio_root .btn_primary:hover::before {
    left: 130%
}

.portfolio_root .btn_primary:hover {
    box-shadow: 0 12px 36px -1px #14a6e71f;
    transform: perspective(600px) rotateX(2deg) translateY(-2px)
}

.portfolio_root .btn_primary:active {
    box-shadow: inset 0 3px 6px #0f172c26;
    transform: none
}

.portfolio_root .btn_secondary {
    display: inline-block;
    padding: 16px 32px;
    background: transparent;
    color: #0F172C;
    font-size: 15px;
    line-height: 1.3;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
    border: 1.5px solid #0F172C;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color .2s ease-out, color .2s ease-out, transform .2s ease-out
}

.portfolio_root .btn_secondary:hover {
    border-color: #14A6E7;
    color: #14A6E7;
    transform: perspective(600px) rotateX(-2deg) translateY(-2px)
}

@media (max-width: 1200px) {
    .portfolio_root .title_image_side {
        flex: 0 0 320px
    }

    .portfolio_root .title_image_wrapper img {
        width: 320px;
        height: 280px
    }

    .portfolio_root .projects_four_col {
        grid-template-columns: 1fr 1.3fr 1.3fr 1fr
    }

    .portfolio_root .numbers_right {
        flex: 0 0 320px
    }

    .portfolio_root .approach_image_col {
        flex: 0 0 280px
    }

    .portfolio_root .approach_img_wrapper img {
        width: 280px;
        height: 360px
    }
}

@media (max-width: 900px) {
    .portfolio_root .title_container {
        flex-direction: column;
        padding: 0 24px
    }

    .portfolio_root .title_image_side {
        flex: none;
        width: 100%
    }

    .portfolio_root .title_image_wrapper img {
        width: 100%;
        height: 280px
    }

    .portfolio_root .title_h1 {
        font-size: 31px
    }

    .portfolio_root .projects_section {
        margin-left: 16px
    }

    .portfolio_root .projects_container {
        padding: 0 24px
    }

    .portfolio_root .projects_four_col {
        grid-template-columns: 1fr 1fr
    }

    .portfolio_root .numbers_layout {
        flex-direction: column
    }

    .portfolio_root .numbers_right {
        flex: none;
        width: 100%
    }

    .portfolio_root .numbers_container {
        padding: 0 24px
    }

    .portfolio_root .approach_section {
        margin-right: 16px
    }

    .portfolio_root .approach_layout {
        flex-direction: column
    }

    .portfolio_root .approach_image_col {
        flex: none;
        width: 100%
    }

    .portfolio_root .approach_img_wrapper img {
        width: 100%;
        height: 280px
    }

    .portfolio_root .approach_container {
        padding: 0 24px
    }
}

@media (max-width: 600px) {
    .portfolio_root .page_title_block {
        padding: 48px 0 24px
    }

    .portfolio_root .title_container {
        padding: 0 16px
    }

    .portfolio_root .title_h1 {
        font-size: 31px
    }

    .portfolio_root .title_heading_row {
        flex-direction: column;
        gap: 16px
    }

    .portfolio_root .projects_four_col {
        grid-template-columns: 1fr
    }

    .portfolio_root .projects_section {
        margin-left: 0;
        border-radius: 0;
        padding: 48px 0 24px
    }

    .portfolio_root .projects_container {
        padding: 0 16px
    }

    .portfolio_root .numbers_section {
        padding: 48px 0
    }

    .portfolio_root .numbers_container {
        padding: 0 16px
    }

    .portfolio_root .before_after_pair {
        flex-direction: column
    }

    .portfolio_root .approach_section {
        margin-right: 0;
        border-radius: 0;
        padding: 48px 0 24px
    }

    .portfolio_root .approach_container {
        padding: 0 16px
    }

    .portfolio_root .approach_cta_row {
        flex-direction: column;
        align-items: flex-start
    }

    .portfolio_root .stats_row {
        gap: 16px
    }

    .portfolio_root .punctuation_anchor {
        right: 16px;
        font-size: 140px
    }
}

.launch {
    max-width: 100%;
    overflow-x: hidden
}

.launch .page_container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px
}

.launch ::selection {
    background: #14A6E7;
    color: #fff
}

@keyframes scale_pulse {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.02)
    }
}

@keyframes underline_draw {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes scroll_zoom {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(1.08)
    }
}

.launch .accent_line {
    display: block;
    width: 48px;
    height: 3px;
    background: #14A6E7;
    margin-bottom: 16px
}

.launch .key_word {
    position: relative;
    display: inline-block
}

.launch .key_word::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    width: 0;
    background: #14A6E7;
    animation: underline_draw .45s ease-out .6s forwards
}

.launch .title_block {
    padding: 96px 0 48px;
    background: #fff;
    position: relative
}

.launch .title_block .page_container {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 24px;
    align-items: center
}

.launch .title_image_left,
.launch .title_image_right {
    position: relative;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 12px 36px -1px #14a6e71f
}

.launch .title_image_left img,
.launch .title_image_right img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    display: block;
    border-radius: 32px
}

.launch .title_image_left::after,
.launch .title_image_right::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(67deg, #0f172c8c 0%, transparent 60%, #0f172c73 100%);
    border-radius: 32px;
    pointer-events: none
}

.launch .title_text_zone {
    text-align: left;
    position: relative;
    padding: 24px 16px
}

.launch .title_quote_mark {
    position: absolute;
    top: -16px;
    left: 0;
    font-size: 180px;
    line-height: 1.1;
    color: #E3E8F0;
    opacity: .6;
    pointer-events: none;
    user-select: none;
    z-index: 0
}

.launch .title_text_zone>* {
    position: relative;
    z-index: 1
}

.launch .title_label {
    font-size: 15px;
    line-height: 1.55;
    color: #14A6E7;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: block
}

.launch .title_heading {
    font-size: 60px;
    line-height: 1.1;
    color: #0F172C;
    margin: 0 0 24px
}

.launch .title_heading .key_word::after {
    animation-delay: .8s
}

.launch .title_description {
    font-size: 18px;
    line-height: 1.75;
    color: #0F172C;
    text-align: justify;
    margin: 0 0 24px;
    max-width: 420px
}

.launch .title_cta {
    display: inline-block;
    padding: 16px 48px;
    background: #0F172C;
    color: #fff;
    font-size: 15px;
    line-height: 1.3;
    text-transform: uppercase;
    border-radius: 3px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: color .25s ease-out;
    box-shadow: 0 7px 18px -1px #0f172c17
}

.launch .title_cta::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -75%;
    width: 50%;
    height: 200%;
    background: #14A6E7;
    transform: skewX(-20deg);
    transition: left .35s ease-out;
    z-index: 0
}

.launch .title_cta:hover::before {
    left: 150%
}

.launch .title_cta span {
    position: relative;
    z-index: 1
}

.launch .title_cta:hover {
    color: #fff
}

.launch .title_cta:focus {
    outline: 2px solid #14A6E7;
    outline-offset: 3px
}

.launch .wave_divider {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    margin-top: 48px
}

.launch .wave_divider svg {
    display: block;
    width: 100%
}

.launch .stories_section {
    padding: 96px 0;
    background: linear-gradient(67deg, #E3E8F0 0%, #fff 55%, #E3E8F0 100%)
}

.launch .stories_section .page_container {
    display: flex;
    flex-direction: column;
    gap: 48px
}

.launch .stories_top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start
}

.launch .stories_heading_col h2 {
    font-size: 31px;
    line-height: 1.3;
    color: #0F172C;
    margin: 0 0 16px
}

.launch .stories_heading_col p {
    font-size: 18px;
    line-height: 1.75;
    color: #0F172C;
    text-align: justify;
    margin: 0
}

.launch .stories_image_col {
    position: relative;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 12px 36px -1px #14a6e71f
}

.launch .stories_image_col img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
    border-radius: 32px;
    transition: transform .45s ease-out
}

.launch .stories_image_col:hover img {
    transform: scale(1.04)
}

.launch .stories_cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.launch .story_card {
    background: #fff;
    border-radius: 32px;
    padding: 24px;
    box-shadow: 0 7px 18px -1px #0f172c17;
    transition: transform .2s ease-out, box-shadow .2s ease-out;
    transform-style: preserve-3d
}

.launch .story_card:hover {
    transform: perspective(600px) rotateX(2deg) rotateY(-2deg) translateY(-4px);
    box-shadow: 0 12px 36px -1px #14a6e71f
}

.launch .story_card_name {
    font-size: 15px;
    line-height: 1.3;
    color: #14A6E7;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: block
}

.launch .story_card h4 {
    font-size: 18px;
    line-height: 1.3;
    color: #0F172C;
    margin: 0 0 8px;
    text-decoration: underline;
    text-underline-offset: 4px
}

.launch .story_card p {
    font-size: 15px;
    line-height: 1.55;
    color: #0F172C;
    text-align: justify;
    margin: 0
}

.launch .proof_section {
    padding: 48px 0 96px;
    background: #0F172C;
    position: relative;
    overflow: hidden
}

.launch .proof_section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(67deg, transparent 30%, #14a6e712 60%, transparent 80%);
    pointer-events: none
}

.launch .proof_section .page_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    position: relative
}

.launch .proof_image_stack {
    position: relative;
    height: 420px
}

.launch .proof_img_back {
    position: absolute;
    top: 24px;
    left: 24px;
    width: calc(100% - 24px);
    height: 380px;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 12px 36px -1px #14a6e71f
}

.launch .proof_img_back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .45s ease-out
}

.launch .proof_img_back:hover img {
    transform: scale(1.04)
}

.launch .proof_img_front {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55%;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 12px 36px -1px #14a6e71f;
    border: 3px solid #14A6E7
}

.launch .proof_img_front img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    transition: transform .35s ease-out
}

.launch .proof_img_front:hover img {
    transform: scale(1.05)
}

.launch .proof_text {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.launch .proof_text h2 {
    font-size: 31px;
    line-height: 1.3;
    color: #fff;
    margin: 0
}

.launch .proof_text p {
    font-size: 18px;
    line-height: 1.75;
    color: #E3E8F0;
    text-align: justify;
    margin: 0
}

.launch .proof_metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.launch .metric_item {
    background: #ffffff0d;
    border-radius: 3px;
    padding: 16px;
    border-top: 3px solid #14A6E7;
    animation: scale_pulse 3.5s ease-in-out infinite
}

.launch .metric_item:nth-child(2) {
    animation-delay: .8s
}

.launch .metric_item:nth-child(3) {
    animation-delay: 1.6s
}

.launch .metric_item:nth-child(4) {
    animation-delay: 2.4s
}

.launch .metric_number {
    font-size: 31px;
    line-height: 1.1;
    color: #14A6E7;
    display: block;
    margin-bottom: 8px
}

.launch .metric_label {
    font-size: 15px;
    line-height: 1.55;
    color: #E3E8F0;
    display: block
}

.launch .proof_link {
    display: inline-block;
    padding: 16px 48px;
    background: transparent;
    color: #14A6E7;
    font-size: 15px;
    line-height: 1.3;
    text-transform: uppercase;
    border-radius: 3px;
    text-decoration: none;
    border: 2px solid #14A6E7;
    position: relative;
    overflow: hidden;
    transition: color .25s ease-out, border-color .25s ease-out;
    align-self: flex-start
}

.launch .proof_link::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -75%;
    width: 50%;
    height: 200%;
    background: #14A6E7;
    transform: skewX(-20deg);
    transition: left .35s ease-out;
    z-index: 0
}

.launch .proof_link:hover::before {
    left: 150%
}

.launch .proof_link:hover {
    color: #0F172C
}

.launch .proof_link span {
    position: relative;
    z-index: 1
}

.launch .proof_link:focus {
    outline: 2px solid #14A6E7;
    outline-offset: 3px
}

.launch .support_section {
    padding: 96px 0;
    background: #fff
}

.launch .support_section .page_container {
    display: flex;
    flex-direction: column;
    gap: 48px
}

.launch .support_top {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 48px;
    align-items: start
}

.launch .support_heading h2 {
    font-size: 31px;
    line-height: 1.3;
    color: #0F172C;
    margin: 0 0 16px
}

.launch .support_heading p {
    font-size: 18px;
    line-height: 1.75;
    color: #0F172C;
    text-align: justify;
    margin: 0
}

.launch .support_stat_box {
    background: linear-gradient(67deg, #0F172C 0%, #14A6E7 100%);
    border-radius: 32px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-shadow: 0 12px 36px -1px #14a6e71f;
    animation: scale_pulse 4s ease-in-out infinite
}

.launch .support_stat_number {
    font-size: 60px;
    line-height: 1.1;
    color: #fff;
    display: block
}

.launch .support_stat_desc {
    font-size: 15px;
    line-height: 1.55;
    color: #E3E8F0;
    display: block
}

.launch .support_items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.launch .support_item {
    border-radius: 3px;
    padding: 24px;
    background: #E3E8F0;
    transition: transform .2s ease-out, box-shadow .2s ease-out;
    transform-style: preserve-3d;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.launch .support_item:hover {
    transform: perspective(600px) rotateX(1.5deg) rotateY(2deg) translateY(-3px);
    box-shadow: 0 7px 18px -1px #0f172c17
}

.launch .support_item_icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0F172C;
    border-radius: 3px;
    margin-bottom: 8px
}

.launch .support_item_icon svg {
    width: 22px;
    height: 22px
}

.launch .support_item h4 {
    font-size: 18px;
    line-height: 1.3;
    color: #0F172C;
    margin: 0;
    text-decoration: underline;
    text-underline-offset: 4px
}

.launch .support_item p {
    font-size: 15px;
    line-height: 1.55;
    color: #0F172C;
    text-align: justify;
    margin: 0
}

.launch .support_bottom {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    padding: 24px;
    background: #E3E8F0;
    border-radius: 32px
}

.launch .support_bottom p {
    font-size: 18px;
    line-height: 1.75;
    color: #0F172C;
    margin: 0;
    flex: 1;
    text-align: justify
}

.launch .support_contact_link {
    display: inline-block;
    padding: 16px 48px;
    background: #0F172C;
    color: #fff;
    font-size: 15px;
    line-height: 1.3;
    text-transform: uppercase;
    border-radius: 3px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: color .2s ease-out;
    box-shadow: 0 7px 18px -1px #0f172c17;
    white-space: nowrap;
    flex-shrink: 0
}

.launch .support_contact_link::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -75%;
    width: 50%;
    height: 200%;
    background: #14A6E7;
    transform: skewX(-20deg);
    transition: left .35s ease-out;
    z-index: 0
}

.launch .support_contact_link:hover::before {
    left: 150%
}

.launch .support_contact_link span {
    position: relative;
    z-index: 1
}

.launch .support_contact_link:focus {
    outline: 2px solid #14A6E7;
    outline-offset: 3px
}

@media (max-width: 1200px) {
    .launch .title_block .page_container {
        grid-template-columns: 1fr 2fr 1fr;
        gap: 16px
    }

    .launch .title_heading {
        font-size: 60px
    }

    .launch .stories_cards {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 900px) {
    .launch .title_block .page_container {
        grid-template-columns: 1fr
    }

    .launch .title_image_left,
    .launch .title_image_right {
        display: none
    }

    .launch .title_heading {
        font-size: 31px
    }

    .launch .stories_top {
        grid-template-columns: 1fr
    }

    .launch .proof_section .page_container {
        grid-template-columns: 1fr
    }

    .launch .proof_image_stack {
        height: 280px
    }

    .launch .proof_img_back {
        height: 260px
    }

    .launch .support_top {
        grid-template-columns: 1fr
    }

    .launch .support_items {
        grid-template-columns: 1fr 1fr
    }

    .launch .support_bottom {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width: 600px) {
    .launch .title_block {
        padding: 48px 0 24px
    }

    .launch .title_heading {
        font-size: 31px
    }

    .launch .stories_cards {
        grid-template-columns: 1fr
    }

    .launch .proof_metrics {
        grid-template-columns: 1fr
    }

    .launch .support_items {
        grid-template-columns: 1fr
    }

    .launch .stories_section,
    .launch .proof_section,
    .launch .support_section {
        padding: 48px 0
    }
}

.about-us-page {
    background: #fff;
    overflow-x: clip
}

.about-us-page *,
.about-us-page ::before,
.about-us-page ::after {
    box-sizing: border-box
}

.about-us-page .label-tag {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #14A6E7;
    margin-bottom: 16px
}

.about-us-page .underline-word {
    position: relative;
    display: inline-block
}

.about-us-page .underline-word::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 3px;
    background: #14A6E7;
    animation: draw-line .45s ease-out .5s forwards
}

@keyframes draw-line {
    to {
        width: 100%
    }
}

@keyframes brightness-pulse {

    0%,
    100% {
        filter: brightness(1)
    }

    50% {
        filter: brightness(1.04)
    }
}

.about-us-page svg.zigzag-divider {
    display: block;
    width: 100%;
    height: 32px;
    overflow: hidden
}

.about-us-page .hero-strip {
    position: relative;
    background: linear-gradient(180deg, transparent 0%, #0F172C 100%);
    overflow: hidden
}

.about-us-page .hero-strip::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(67deg, transparent 60%, #14a6e714 60%, #14a6e714 62%, transparent 62%);
    pointer-events: none
}

.about-us-page .hero-inner {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.55fr;
    align-items: stretch
}

.about-us-page .hero_image_zone {
    position: relative;
    padding: 96px 48px
}

.about-us-page .hero_image_zone::before {
    content: '';
    position: absolute;
    top: 24px;
    left: 24px;
    right: 24px;
    bottom: 24px;
    border: 2px dashed #14a6e759;
    border-radius: 32px;
    pointer-events: none;
    z-index: 0
}

.about-us-page .hero_photo_frame {
    position: relative;
    z-index: 1;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 12px 36px -1px #0f172c1f
}

.about-us-page .hero_photo_frame::after {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
    pointer-events: none;
    border-radius: 32px
}

.about-us-page .hero_photo_frame img {
    display: block;
    width: 100%;
    height: 420px;
    object-fit: cover
}

.about-us-page .hero_text_zone {
    padding: 96px 96px 96px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.about-us-page .hero_text_zone h1 {
    font-size: 60px;
    line-height: 1.1;
    color: #fff;
    margin: 0 0 24px
}

.about-us-page .hero_text_zone h1 span.accent-blue {
    color: #14A6E7
}

.about-us-page .hero_lead {
    font-size: 18px;
    line-height: 1.55;
    color: #E3E8F0;
    margin: 0 0 24px;
    text-align: justify
}

.about-us-page .hero_sub {
    font-size: 15px;
    line-height: 1.75;
    color: #e3e8f0bf;
    margin: 0;
    text-align: justify
}

.about-us-page .hero_stat_row {
    display: flex;
    flex-direction: row;
    gap: 48px;
    margin-top: 48px
}

.about-us-page .stat_item {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.about-us-page .stat_number {
    font-size: 31px;
    line-height: 1.1;
    font-weight: 800;
    color: #14A6E7
}

.about-us-page .stat_label {
    font-size: 15px;
    line-height: 1.3;
    color: #e3e8f0b3;
    text-transform: uppercase;
    letter-spacing: .08em
}

.about-us-page .story_section {
    background: #E3E8F0;
    padding: 96px 0 0;
    animation: brightness-pulse 8s ease-in-out infinite;
    position: relative
}

.about-us-page .story_section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23g)' opacity='0.045'/%3E%3C/svg%3E");
    pointer-events: none
}

.about-us-page .story_section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(67deg, transparent 55%, #14a6e70f 55%, #14a6e70f 58%, transparent 58%);
    pointer-events: none
}

.about-us-page .story_inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 48px;
    position: relative;
    z-index: 1
}

.about-us-page .story_grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 96px;
    align-items: start
}

.about-us-page .story_left h2 {
    font-size: 60px;
    line-height: 1.1;
    color: #0F172C;
    margin: 0 0 24px
}

.about-us-page .story_left p {
    font-size: 18px;
    line-height: 1.55;
    color: #0F172C;
    margin: 0 0 16px;
    text-align: justify
}

.about-us-page .story_left p:last-child {
    margin-bottom: 0
}

.about-us-page .story_right {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 8px
}

.about-us-page .value_card {
    background: #fff;
    border-radius: 32px;
    padding: 24px;
    box-shadow: 0 7px 18px -1px #0f172c17;
    transition: box-shadow .25s ease-out, transform .2s ease-out;
    transform-style: preserve-3d;
    cursor: default
}

.about-us-page .value_card:hover {
    box-shadow: 0 12px 36px -1px #0f172c1f;
    transform: perspective(600px) rotateX(-2deg) rotateY(2deg)
}

.about-us-page .value_card h4 {
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    color: #0F172C;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 0 0 8px;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: #14A6E7
}

.about-us-page .value_card p {
    font-size: 15px;
    line-height: 1.55;
    color: #0F172C;
    margin: 0;
    text-align: justify
}

.about-us-page .team_band {
    margin-top: 96px;
    padding: 48px 0;
    border-top: 1px solid #0f172c1f;
    position: relative;
    z-index: 1
}

.about-us-page .team_band h3 {
    font-size: 31px;
    line-height: 1.3;
    color: #0F172C;
    margin: 0 0 48px
}

.about-us-page .team_row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px
}

.about-us-page .person_card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    transform-style: preserve-3d;
    transition: transform .25s ease-out;
    cursor: default
}

.about-us-page .person_card:hover {
    transform: perspective(500px) rotateX(-3deg) rotateY(3deg)
}

.about-us-page .person_photo {
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 7px 18px -1px #0f172c17
}

.about-us-page .person_photo img {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover
}

.about-us-page .person_info h5 {
    font-size: 18px;
    line-height: 1.3;
    color: #0F172C;
    margin: 0 0 8px;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: #14a6e780
}

.about-us-page .person_info p {
    font-size: 15px;
    line-height: 1.55;
    color: #0f172cb3;
    margin: 0
}

.about-us-page .person_role {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #14A6E7;
    text-transform: uppercase;
    letter-spacing: .07em;
    margin-bottom: 8px
}

.about-us-page .approach_section {
    background: #0F172C;
    padding: 96px 0;
    position: relative;
    overflow: hidden
}

.about-us-page .approach_section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(67deg, transparent 40%, #14a6e70d 40%, #14a6e70d 43%, transparent 43%);
    pointer-events: none
}

.about-us-page .approach_inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 48px;
    position: relative;
    z-index: 1
}

.about-us-page .approach_top {
    display: grid;
    grid-template-columns: 1fr 1.7fr 1fr;
    gap: 48px;
    align-items: center;
    margin-bottom: 96px
}

.about-us-page .approach_top_text h2 {
    font-size: 60px;
    line-height: 1.1;
    color: #fff;
    margin: 0 0 24px
}

.about-us-page .approach_top_text p {
    font-size: 18px;
    line-height: 1.55;
    color: #e3e8f0cc;
    margin: 0;
    text-align: justify
}

.about-us-page .approach_image_col {
    position: relative
}

.about-us-page .approach_image_col img {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 32px;
    box-shadow: 0 12px 36px -1px #14a6e71f
}

.about-us-page .approach_side_col {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.about-us-page .mini_metric {
    background: #e3e8f00f;
    border-radius: 32px;
    padding: 24px;
    border: 1px solid #14a6e733;
    transition: background .2s ease-out, border-color .25s ease-out
}

.about-us-page .mini_metric:hover {
    background: #14a6e71a;
    border-color: #14a6e780
}

.about-us-page .mini_metric_number {
    font-size: 31px;
    line-height: 1.1;
    font-weight: 800;
    color: #14A6E7;
    margin-bottom: 8px
}

.about-us-page .mini_metric_label {
    font-size: 15px;
    line-height: 1.3;
    color: #e3e8f0b3
}

.about-us-page .steps_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px
}

.about-us-page .step_item {
    position: relative;
    padding: 24px;
    background: #e3e8f00a;
    border-radius: 32px;
    border: 1px solid #e3e8f01a;
    transform-style: preserve-3d;
    transition: transform .2s ease-out, background .2s ease-out;
    cursor: default
}

.about-us-page .step_item:hover {
    transform: perspective(600px) rotateX(-2deg) rotateY(-2deg);
    background: #14a6e712
}

.about-us-page .step_number {
    font-size: 60px;
    line-height: 1.1;
    font-weight: 900;
    color: #14a6e72e;
    position: absolute;
    top: 16px;
    right: 24px;
    pointer-events: none
}

.about-us-page .step_item h5 {
    font-size: 18px;
    line-height: 1.3;
    color: #fff;
    margin: 0 0 16px;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: #14a6e780
}

.about-us-page .step_item p {
    font-size: 15px;
    line-height: 1.55;
    color: #e3e8f0bf;
    margin: 0;
    text-align: justify
}

.about-us-page .approach_bottom_images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 96px
}

.about-us-page .bottom_img_frame {
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 12px 36px -1px #14a6e71f;
    transform-style: preserve-3d;
    transition: transform .3s ease-out, box-shadow .3s ease-out
}

.about-us-page .bottom_img_frame:hover {
    transform: perspective(700px) rotateX(-2deg) rotateY(2deg);
    box-shadow: 0 12px 36px -1px #14a6e733
}

.about-us-page .bottom_img_frame img {
    display: block;
    width: 100%;
    height: 260px;
    object-fit: cover
}

.about-us-page .approach_cta_strip {
    margin-top: 96px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    padding: 48px;
    background: #14a6e714;
    border-radius: 32px;
    border: 1px dashed #14a6e766
}

.about-us-page .approach_cta_text h3 {
    font-size: 31px;
    line-height: 1.3;
    color: #fff;
    margin: 0 0 8px
}

.about-us-page .approach_cta_text p {
    font-size: 15px;
    line-height: 1.55;
    color: #e3e8f0bf;
    margin: 0
}

.about-us-page .btn_primary {
    display: inline-block;
    padding: 16px 48px;
    background: #14A6E7;
    color: #0F172C;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow: 0 7px 18px -1px #14a6e717;
    transition: color .2s ease-out, box-shadow .25s ease-out;
    white-space: nowrap;
    flex-shrink: 0
}

.about-us-page .btn_primary::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(67deg, transparent 30%, #ffffff40 50%, transparent 70%);
    transform: translateX(-100%);
    transition: transform .35s ease-out
}

.about-us-page .btn_primary:hover::before {
    transform: translateX(100%)
}

.about-us-page .btn_primary:hover {
    box-shadow: 0 12px 36px -1px #14a6e733;
    color: #0F172C
}

.about-us-page .btn_primary:active {
    box-shadow: inset 0 3px 4px -1px #0f172c26
}

.about-us-page .btn_secondary {
    display: inline-block;
    padding: 16px 48px;
    background: transparent;
    color: #14A6E7;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
    border: 2px solid #14A6E7;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: color .2s ease-out, background .25s ease-out;
    white-space: nowrap;
    flex-shrink: 0
}

.about-us-page .btn_secondary::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(67deg, transparent 30%, #14a6e726 50%, transparent 70%);
    transform: translateX(-100%);
    transition: transform .35s ease-out
}

.about-us-page .btn_secondary:hover::before {
    transform: translateX(100%)
}

.about-us-page .btn_secondary:active {
    box-shadow: inset 0 3px 4px -1px #14a6e733
}

@media (max-width: 1200px) {
    .about-us-page .hero_text_zone {
        padding: 96px 48px
    }

    .about-us-page .hero_text_zone h1 {
        font-size: 60px
    }

    .about-us-page .team_row {
        grid-template-columns: repeat(2, 1fr)
    }

    .about-us-page .approach_top {
        grid-template-columns: 1fr 1.4fr 1fr
    }
}

@media (max-width: 900px) {
    .about-us-page .hero_inner {
        grid-template-columns: 1fr
    }

    .about-us-page .hero_image_zone {
        padding: 48px 48px 24px
    }

    .about-us-page .hero_text_zone {
        padding: 24px 48px 96px
    }

    .about-us-page .hero_text_zone h1 {
        font-size: 60px
    }

    .about-us-page .story_grid {
        grid-template-columns: 1fr;
        gap: 48px
    }

    .about-us-page .approach_top {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .about-us-page .approach_image_col img {
        height: 220px
    }

    .about-us-page .steps_row {
        grid-template-columns: 1fr
    }

    .about-us-page .approach_cta_strip {
        flex-direction: column;
        align-items: flex-start
    }

    .about-us-page .approach_bottom_images {
        grid-template-columns: 1fr
    }
}

@media (max-width: 600px) {
    .about-us-page .hero_image_zone {
        padding: 48px 24px 24px
    }

    .about-us-page .hero_text_zone {
        padding: 24px 24px 48px
    }

    .about-us-page .hero_text_zone h1 {
        font-size: 31px
    }

    .about-us-page .hero_stat_row {
        flex-direction: column;
        gap: 24px
    }

    .about-us-page .story_inner {
        padding: 0 24px
    }

    .about-us-page .story_left h2 {
        font-size: 31px
    }

    .about-us-page .team_row {
        grid-template-columns: 1fr
    }

    .about-us-page .approach_inner {
        padding: 0 24px
    }

    .about-us-page .approach_top_text h2 {
        font-size: 31px
    }

    .about-us-page .approach_cta_strip {
        padding: 24px
    }
}

.success_page {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 96px 24px;
    background: linear-gradient(67deg, #E3E8F0 0%, #fff 40%, #14a6e712 100%)
}

.success_page .success_card {
    max-width: 560px;
    width: 100%;
    background: #fff;
    border-radius: 32px;
    padding: 48px;
    box-shadow: 0 12px 36px -1px #0f172c1f;
    text-align: left
}

.success_page .success_card .icon_wrapper {
    width: 56px;
    height: 56px;
    border-radius: 32px;
    background: linear-gradient(67deg, #14a6e71f, #14a6e738);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px
}

.success_page .success_card .icon_wrapper svg {
    display: block
}

.success_page .success_card .success_heading {
    font-size: 31px;
    line-height: 1.3;
    color: #0F172C;
    margin: 0 0 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #14A6E7;
    display: inline-block
}

.success_page .success_card .success_message {
    font-size: 18px;
    line-height: 1.55;
    color: #0F172C;
    margin: 0 0 16px;
    text-align: justify
}

.success_page .success_card .success_note {
    font-size: 15px;
    line-height: 1.75;
    color: #0F172C;
    opacity: .72;
    margin: 0 0 48px;
    text-align: justify
}

.success_page .success_card .back_button {
    display: inline-block;
    padding: 16px 48px;
    background: #0F172C;
    color: #fff;
    font-size: 15px;
    line-height: 1.1;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 7px 18px -1px #0f172c17;
    transition: color .25s ease-out, box-shadow .2s ease-out
}

.success_page .success_card .back_button::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(67deg, transparent 0%, #14A6E7 50%, transparent 100%);
    transform: translateX(-100%) skewX(-12deg);
    transition: transform .38s ease-out
}

.success_page .success_card .back_button:hover::before {
    transform: translateX(100%) skewX(-12deg)
}

.success_page .success_card .back_button:hover {
    box-shadow: 0 12px 36px -1px #14a6e71f
}

.success_page .success_card .back_button:active {
    box-shadow: inset 0 3px 4px -1px #0f172c1f
}

.success_page .success_card .back_button span {
    position: relative;
    z-index: 1
}

@media (max-width: 600px) {
    .success_page {
        padding: 48px 16px
    }

    .success_page .success_card {
        padding: 24px
    }

    .success_page .success_card .success_heading {
        font-size: 31px
    }
}