@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto@latest/700.css";

body {
    margin: 0;
    -webkit-text-size-adjust: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #1b2060;
    background: #fff
}

:focus-visible {
    outline: 3px solid #F8D802;
    outline-offset: 2px
}

.page-box {
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box
}

.site-header {
    position: relative;
    background: #272E81;
    border-bottom: 3px solid #F8D802;
    box-shadow: 0 4px 14px 0 #272e8117;
    z-index: 100
}

.header-top-strip {
    background: #1b2060;
    padding: 4px 40px
}

.header-top-strip .page-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px
}

.contact-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #F7E8F7;
    font-size: 15px;
    line-height: 1.5;
    text-decoration: none;
    transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1);
    min-height: 44px
}

.contact-chip:hover {
    color: #F8D802
}

.contact-chip i {
    font-size: 18px;
    color: #F8D802
}

.header-body {
    padding: 16px 40px 0
}

.header-body .page-box {
    display: flex;
    align-items: flex-end;
    gap: 40px
}

.brand-box {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    padding-bottom: 16px
}

.logo-shield {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #F8D802;
    box-shadow: 0 2px 4px 0 #272e810d 0 4px 14px 0 #272e8117;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 4px
}

.logo-shield img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    opacity: 0;
    transition: opacity .42s ease-in-out
}

.logo-shield img.loaded {
    opacity: 1
}

.brand-text-group {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.brand-name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: #F8D802;
    letter-spacing: .04em;
    text-decoration: none
}

.brand-tagline {
    font-size: 15px;
    line-height: 1.2;
    color: #F7E8F7;
    letter-spacing: .02em
}

.primary-nav {
    flex: 1;
    padding-bottom: 0
}

.primary-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 4px
}

.primary-nav ul li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    color: #F7E8F7;
    text-decoration: none;
    border-radius: 8px 8px 0 0;
    border-bottom: 3px solid transparent;
    transition: color .35s ease-in-out, background .4s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .35s ease-in-out;
    min-height: 44px;
    letter-spacing: .01em
}

.primary-nav ul li a:hover {
    color: #F8D802;
    background: #f7e8f714;
    border-bottom-color: #F8D802
}

.primary-nav ul li a i {
    font-size: 18px;
    color: #F8D802
}

.site-footer {
    background: #1b2060;
    border-top: 3px solid #F8D802;
    box-shadow: 0 8px 60px 0 #272e8124
}

.footer-top-band {
    background: #272E81;
    padding: 16px 40px
}

.footer-top-band .page-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap
}

.footer-brand-row {
    display: flex;
    align-items: center;
    gap: 16px
}

.footer-logo-box {
    width: 44px;
    height: 44px;
    background: #fff;
    border-radius: 8px;
    border: 2px solid #F8D802;
    box-shadow: 0 2px 4px 0 #272e810d;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    overflow: hidden
}

.footer-logo-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    opacity: 0;
    transition: opacity .42s ease-in-out
}

.footer-logo-box img.loaded {
    opacity: 1
}

.footer-brand-name {
    font-size: 18px;
    font-weight: 700;
    color: #F8D802;
    letter-spacing: .04em;
    line-height: 1.2
}

.footer-founding {
    font-size: 15px;
    color: #F7E8F7;
    line-height: 1.5
}

.footer-body {
    padding: 40px 40px 24px
}

.footer-body .page-box {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: flex-start
}

.footer-col-main {
    flex: 2;
    min-width: 240px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.footer-desc {
    font-size: 15px;
    line-height: 1.7;
    color: #c8cef5;
    max-width: 480px
}

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

.footer-contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #F7E8F7;
    font-size: 15px;
    line-height: 1.5;
    text-decoration: none;
    transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.footer-contact-item:hover {
    color: #F8D802
}

.footer-contact-item i {
    color: #F8D802;
    font-size: 18px;
    flex-shrink: 0
}

.footer-addr {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #c8cef5;
    font-size: 15px;
    line-height: 1.5
}

.footer-addr i {
    color: #F8D802;
    font-size: 18px;
    flex-shrink: 0;
    margin-top: 2px
}

.footer-col-links {
    flex: 1;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.footer-links-label {
    font-size: 15px;
    font-weight: 700;
    color: #F8D802;
    letter-spacing: .04em;
    line-height: 1.2;
    border-bottom: 1px solid #f8d80240;
    border-left: 3px solid #F8D802;
    padding: 8px 0 8px 16px
}

.footer-links-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.footer-links-list li a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #c8cef5;
    font-size: 15px;
    line-height: 1.5;
    text-decoration: none;
    transition: color .35s ease-in-out;
    min-height: 44px
}

.footer-links-list li a:hover {
    color: #F8D802
}

.footer-links-list li a i {
    font-size: 15px;
    color: #F8D802
}

.footer-bottom {
    border-top: 1px solid #f8d8022e;
    padding: 16px 40px
}

.footer-bottom .page-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px
}

.footer-copy {
    font-size: 15px;
    color: #7b85c8;
    line-height: 1.5
}

.footer-script-deco {
    font-family: Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-size: 18px;
    color: #f8d80273;
    letter-spacing: .06em;
    line-height: 1.2;
    user-select: none;
    pointer-events: none
}

.cookie-notice {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 4000;
    background: #272E81;
    border: 2px solid #F8D802;
    border-radius: 8px;
    box-shadow: 0 8px 60px 0 #272e8124;
    padding: 16px 24px;
    max-width: 360px;
    width: calc(100vw - 48px);
    box-sizing: border-box;
    display: none;
    transition: transform .18s ease-in-out, opacity .18s ease-in-out
}

.cookie-notice.visible {
    transform: translateY(0);
    opacity: 1
}

.cookie-notice.hidden-up {
    transform: translateY(-24px);
    opacity: 0
}

.cookie-notice-text {
    font-size: 15px;
    line-height: 1.5;
    color: #F7E8F7;
    margin-bottom: 16px
}

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

.cookie-accept-btn {
    font-size: 15px;
    font-weight: 700;
    color: #1b2060;
    background: #F8D802;
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    cursor: pointer;
    line-height: 1.5;
    min-height: 44px;
    transition: background .35s ease-in-out, color .35s ease-in-out
}

.cookie-accept-btn:hover {
    background: #ffe033;
    color: #1b2060
}

.cookie-decline-link {
    font-size: 15px;
    color: #c8cef5;
    text-decoration: underline;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 1.5;
    min-height: 44px;
    display: flex;
    align-items: center;
    transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.cookie-decline-link:hover {
    color: #F8D802
}

.optout-row {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px
}

.optout-label {
    font-size: 15px;
    color: #c8cef5;
    line-height: 1.5;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px
}

.optout-label input[type="checkbox"] {
    accent-color: #F8D802;
    width: 16px;
    height: 16px;
    cursor: pointer
}

@media (max-width: 900px) {
    .header-top-strip {
        padding: 4px 16px
    }

    .header-body {
        padding: 16px 16px 0
    }

    .header-body .page-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px
    }

    .brand-box {
        padding-bottom: 0
    }

    .primary-nav {
        width: 100%
    }

    .primary-nav ul {
        gap: 4px
    }

    .primary-nav ul li a {
        border-radius: 8px;
        border-bottom: none;
        border-left: 3px solid transparent;
        padding: 8px 16px
    }

    .primary-nav ul li a:hover {
        border-left-color: #F8D802;
        border-bottom-color: transparent
    }

    .footer-top-band {
        padding: 16px
    }

    .footer-body {
        padding: 24px 16px 16px
    }

    .footer-bottom {
        padding: 16px
    }

    .footer-top-band .page-box {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width: 600px) {
    .header-top-strip .page-box {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px
    }

    .footer-body .page-box {
        flex-direction: column
    }

    .footer-bottom .page-box {
        flex-direction: column;
        align-items: flex-start
    }

    .cookie-notice {
        left: 8px;
        bottom: 8px;
        width: calc(100vw - 16px)
    }
}

.doc-a-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 80px 40px;
    background: #fff
}

.doc-a-inner h1 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #272E81;
    margin-bottom: 40px;
    margin-top: 0
}

.doc-a-inner h2 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .01em;
    color: #272E81;
    margin-top: 40px;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #F8D802
}

.doc-a-inner h3 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .01em;
    color: #272E81;
    margin-top: 24px;
    margin-bottom: 8px
}

.doc-a-inner h4,
.doc-a-inner h5,
.doc-a-inner h6 {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .02em;
    color: #272E81;
    margin-top: 24px;
    margin-bottom: 8px
}

.doc-a-inner p {
    font-size: 15px;
    line-height: 1.7;
    color: #2a2a3d;
    margin-top: 0;
    margin-bottom: 16px
}

.doc-a-inner ul,
.doc-a-inner ol {
    font-size: 15px;
    line-height: 1.7;
    color: #2a2a3d;
    margin-top: 0;
    margin-bottom: 16px;
    padding-left: 24px
}

.doc-a-inner ul {
    list-style: none;
    padding-left: 0
}

.doc-a-inner ul li {
    padding-left: 24px;
    position: relative;
    margin-bottom: 8px
}

.doc-a-inner ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    background: #F8D802;
    border-radius: 3px
}

.doc-a-inner ol {
    list-style: decimal
}

.doc-a-inner ol li {
    margin-bottom: 8px;
    padding-left: 8px
}

.doc-a-inner ol li::marker {
    color: #272E81;
    font-weight: 700
}

.doc-a-inner strong,
.doc-a-inner b {
    color: #272E81;
    font-weight: 700
}

.doc-a-inner em,
.doc-a-inner i {
    color: #2a2a3d;
    font-style: italic
}

.doc-a-inner a {
    color: #272E81;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: #F8D802;
    transition: color .35s cubic-bezier(0.34, 1.2, 0.64, 1), text-decoration-color .4s ease-in-out
}

.doc-a-inner a:hover {
    color: #F8D802;
    text-decoration-color: #272E81
}

.doc-a-inner table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 14px 0 #272e8117
}

.doc-a-inner thead {
    background: #272E81
}

.doc-a-inner thead th {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .03em;
    padding: 16px 24px;
    text-align: left
}

.doc-a-inner tbody tr {
    border-bottom: 1px solid #F7E8F7;
    transition: background .35s ease-in-out
}

.doc-a-inner tbody tr:last-child {
    border-bottom: none
}

.doc-a-inner tbody tr:nth-child(even) {
    background: #F7E8F7
}

.doc-a-inner tbody tr:hover {
    background: #f8d8021f
}

.doc-a-inner td {
    padding: 16px 24px;
    color: #2a2a3d;
    vertical-align: top
}

.doc-a-inner th {
    padding: 16px 24px
}

@media (max-width: 900px) {
    .doc-a-inner {
        padding: 40px 24px
    }

    .doc-a-inner h1 {
        font-size: 58px
    }

    .doc-a-inner table {
        display: block;
        overflow-x: auto
    }
}

@media (max-width: 600px) {
    .doc-a-inner {
        padding: 40px 16px
    }

    .doc-a-inner h1 {
        font-size: 18px;
        line-height: 1.2
    }

    .doc-a-inner thead th,
    .doc-a-inner td {
        padding: 8px 16px
    }
}

.abt-pg {
    max-width: 1440px;
    margin: 0 auto;
    overflow-x: clip
}

.abt-pg .schema-block {
    display: none
}

.abt-pg .band-strip {
    position: relative;
    padding: 40px 80px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    justify-content: flex-end
}

.abt-pg .band-strip::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(163deg, transparent, transparent 18px, #272e810a 18px, #272e810a 20px);
    pointer-events: none
}

.abt-pg .band-text {
    flex: 0 0 auto;
    max-width: 520px;
    text-align: right;
    z-index: 1
}

.abt-pg .band-text .sub-label {
    display: inline-block;
    border: 1.5px solid #272E81;
    color: #272E81;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .08em;
    padding: 4px 16px;
    border-radius: 3px;
    margin-bottom: 16px
}

.abt-pg .band-text .pg-h1 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #272E81;
    margin: 0 0 16px
}

.abt-pg .band-text .pg-h1 span {
    font-size: 72px;
    line-height: 1.2;
    letter-spacing: -.03em;
    display: block;
    color: #1a2068
}

.abt-pg .band-text .pg-desc {
    font-size: 18px;
    line-height: 1.7;
    color: #2d2d5e;
    margin: 0
}

.abt-pg .band-img-wrap {
    flex: 0 0 340px;
    width: 340px;
    height: 260px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 14px 0 #272e8117;
    z-index: 1
}

.abt-pg .band-img-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(163deg, #f7e8f700 60%, #272e8159 100%);
    pointer-events: none;
    border-radius: 12px
}

.abt-pg .band-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    transition: opacity .45s cubic-bezier(0.34, 1.2, 0.64, 1);
    border-radius: 12px
}

.abt-pg .band-img-wrap img.loaded {
    opacity: 1
}

.abt-pg .band-dots {
    position: absolute;
    left: 40px;
    top: 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    width: 120px;
    pointer-events: none;
    z-index: 0
}

.abt-pg .band-dots span {
    display: block;
    border-radius: 50%;
    background: #f8d80259
}

.abt-pg .band-dots span:nth-child(1) {
    width: 6px;
    height: 6px
}

.abt-pg .band-dots span:nth-child(2) {
    width: 10px;
    height: 10px
}

.abt-pg .band-dots span:nth-child(3) {
    width: 4px;
    height: 4px
}

.abt-pg .band-dots span:nth-child(4) {
    width: 8px;
    height: 8px
}

.abt-pg .band-dots span:nth-child(5) {
    width: 12px;
    height: 12px
}

.abt-pg .band-dots span:nth-child(6) {
    width: 5px;
    height: 5px
}

.abt-pg .band-dots span:nth-child(7) {
    width: 9px;
    height: 9px
}

.abt-pg .band-dots span:nth-child(8) {
    width: 7px;
    height: 7px
}

.abt-pg .band-dots span:nth-child(9) {
    width: 11px;
    height: 11px
}

.abt-pg .band-dots span:nth-child(10) {
    width: 4px;
    height: 4px
}

.abt-pg .band-dots span:nth-child(11) {
    width: 8px;
    height: 8px
}

.abt-pg .band-dots span:nth-child(12) {
    width: 6px;
    height: 6px
}

.abt-pg .divider-concave {
    display: block;
    width: 100%;
    height: 48px;
    background: #fff;
    clip-path: ellipse(55% 100% at 50% 0%);
    margin-bottom: -8px;
    position: relative;
    z-index: 2
}

.abt-pg .about-body {
    background: linear-gradient(163deg, #f0f1fb 0%, #f0f1fb 55%, #F7E8F7 100%);
    background-size: 200% 200%;
    animation: bg-breathe 8s ease-in-out infinite;
    padding: 80px;
    position: relative
}

@keyframes bg-breathe {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.abt-pg .about-body .dots-border-tr {
    position: absolute;
    top: 24px;
    right: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    width: 100px;
    pointer-events: none
}

.abt-pg .about-body .dots-border-tr span {
    display: block;
    border-radius: 50%;
    background: #f8d80266
}

.abt-pg .about-body .dots-border-tr span:nth-child(1) {
    width: 5px;
    height: 5px
}

.abt-pg .about-body .dots-border-tr span:nth-child(2) {
    width: 9px;
    height: 9px
}

.abt-pg .about-body .dots-border-tr span:nth-child(3) {
    width: 6px;
    height: 6px
}

.abt-pg .about-body .dots-border-tr span:nth-child(4) {
    width: 11px;
    height: 11px
}

.abt-pg .about-body .dots-border-tr span:nth-child(5) {
    width: 4px;
    height: 4px
}

.abt-pg .about-body .dots-border-tr span:nth-child(6) {
    width: 8px;
    height: 8px
}

.abt-pg .about-layout {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 40px;
    align-items: start;
    max-width: 1280px;
    margin: 0 auto
}

.abt-pg .about-main {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.abt-pg .about-main .section-h2 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #272E81;
    margin: 0 0 8px
}

.abt-pg .about-main .section-h2 .word-big {
    font-size: 72px;
    display: inline
}

.abt-pg .about-main .para-group {
    display: flex;
    flex-direction: column
}

.abt-pg .about-main .para-group p {
    font-size: 18px;
    line-height: 1.7;
    color: #1e2340;
    margin: 0;
    text-indent: 2em
}

.abt-pg .about-main .accent-box {
    display: inline-block;
    border: 1.5px solid #272E81;
    border-radius: 3px;
    padding: 8px 16px;
    font-size: 15px;
    line-height: 1.5;
    color: #272E81;
    background: #f7e8f780
}

.abt-pg .about-main .img-trio {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.abt-pg .img-frame {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 14px 0 #272e8117
}

.abt-pg .img-frame img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    opacity: 0;
    transition: opacity .4s cubic-bezier(0.34, 1.2, 0.64, 1);
    filter: grayscale(60%)
}

.abt-pg .img-frame img.loaded {
    opacity: 1
}

.abt-pg .img-frame .color-wash {
    position: absolute;
    inset: 0;
    background: linear-gradient(163deg, #f8d80200 0%, #272e818c 100%);
    opacity: 0;
    transition: opacity .38s cubic-bezier(0.34, 1.2, 0.64, 1);
    pointer-events: none;
    border-radius: 12px
}

.abt-pg .img-frame:hover .color-wash {
    opacity: 1
}

.abt-pg .img-frame:hover img {
    filter: grayscale(0%)
}

.abt-pg .img-frame.tall {
    grid-row: span 1
}

.abt-pg .img-frame.tall img {
    height: 200px
}

.abt-pg .draw-outline-wrap {
    position: relative;
    display: inline-block
}

.abt-pg .draw-outline-wrap svg.draw-rect {
    position: absolute;
    inset: -6px;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    pointer-events: none;
    overflow: visible
}

.abt-pg .draw-outline-wrap svg.draw-rect rect {
    fill: none;
    stroke: #F8D802;
    stroke-width: 2.5;
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    rx: 8;
    ry: 8;
    animation: draw-in 1.2s cubic-bezier(0.34, 1.2, 0.64, 1) .3s forwards
}

@keyframes draw-in {
    to {
        stroke-dashoffset: 0
    }
}

.abt-pg .metrics-row {
    display: flex;
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap
}

.abt-pg .metric-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

.abt-pg .ring-wrap {
    position: relative;
    width: 80px;
    height: 80px
}

.abt-pg .ring-wrap svg {
    width: 80px;
    height: 80px;
    transform: rotate(-90deg)
}

.abt-pg .ring-wrap .ring-bg {
    fill: none;
    stroke: #272e811f;
    stroke-width: 6
}

.abt-pg .ring-wrap .ring-fill {
    fill: none;
    stroke: #F8D802;
    stroke-width: 6;
    stroke-linecap: round;
    stroke-dasharray: 201;
    stroke-dashoffset: 201;
    animation: ring-fill-anim 1.4s cubic-bezier(0.34, 1.2, 0.64, 1) .5s forwards;
    transition: stroke .35s ease-in-out
}

.abt-pg .ring-fill.r72 {
    --offset: 56
}

.abt-pg .ring-fill.r88 {
    --offset: 24
}

.abt-pg .ring-fill.r65 {
    --offset: 70
}

@keyframes ring-fill-anim {
    to {
        stroke-dashoffset: var(--offset)
    }
}

.abt-pg .ring-num {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    color: #272E81
}

.abt-pg .metric-label {
    font-size: 15px;
    line-height: 1.5;
    color: #2d2d5e;
    text-align: center;
    max-width: 80px
}

.abt-pg .about-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.abt-pg .sidebar-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px
}

.abt-pg .sidebar-card {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 14px 0 #272e8117;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.abt-pg .sidebar-card .card-ico {
    width: 40px;
    height: 40px;
    background: linear-gradient(163deg, #F8D802 0%, #f8d80266 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.abt-pg .sidebar-card .card-ico i {
    font-size: 20px;
    color: #272E81
}

.abt-pg .sidebar-card h4 {
    font-size: 18px;
    line-height: 1.2;
    color: #272E81;
    margin: 0
}

.abt-pg .sidebar-card p {
    font-size: 15px;
    line-height: 1.7;
    color: #1e2340;
    margin: 0
}

.abt-pg .sidebar-card:nth-child(odd) {
    background: #fff
}

.abt-pg .sidebar-card:nth-child(even) {
    background: linear-gradient(163deg, #F7E8F7 0%, #fff 100%)
}

.abt-pg .team-strip {
    background: #272E81;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0 8px 60px 0 #272e8124
}

.abt-pg .team-strip h4 {
    font-size: 18px;
    line-height: 1.2;
    color: #F8D802;
    margin: 0
}

.abt-pg .team-member {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding: 8px 0
}

.abt-pg .team-member+.team-member {
    border-top: 1px solid #f8d80233
}

.abt-pg .member-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(163deg, #F8D802 0%, #f8d80280 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px;
    color: #272E81;
    font-weight: 700
}

.abt-pg .member-info .m-name {
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    font-weight: 600
}

.abt-pg .member-info .m-role {
    font-size: 15px;
    line-height: 1.5;
    color: #f7e8f7bf
}

@media (max-width: 1200px) {
    .abt-pg .band-strip {
        padding: 40px
    }

    .abt-pg .about-body {
        padding: 80px 40px
    }

    .abt-pg .band-text .pg-h1 {
        font-size: 58px
    }

    .abt-pg .band-text .pg-h1 span {
        font-size: 58px
    }
}

@media (max-width: 900px) {
    .abt-pg .band-strip {
        flex-direction: column-reverse;
        align-items: flex-start;
        padding: 40px 24px
    }

    .abt-pg .band-text {
        text-align: left;
        max-width: 100%
    }

    .abt-pg .band-img-wrap {
        flex: none;
        width: 100%;
        height: 220px
    }

    .abt-pg .about-body {
        padding: 40px 24px
    }

    .abt-pg .about-layout {
        grid-template-columns: 1fr
    }

    .abt-pg .about-main .section-h2 {
        font-size: 40px
    }

    .abt-pg .about-main .section-h2 .word-big {
        font-size: 58px
    }
}

@media (max-width: 600px) {
    .abt-pg .band-text .pg-h1 {
        font-size: 40px
    }

    .abt-pg .band-text .pg-h1 span {
        font-size: 40px
    }

    .abt-pg .about-main .img-trio {
        grid-template-columns: 1fr
    }

    .abt-pg .metrics-row {
        gap: 16px
    }

    .abt-pg .about-main .section-h2 {
        font-size: 32px
    }

    .abt-pg .about-main .section-h2 .word-big {
        font-size: 40px
    }
}

.cnt-us {
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden
}

.cnt-us .pg-open {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 520px;
    position: relative
}

.cnt-us .pg-open::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    box-shadow: inset 0 0 120px 0 #272e8117;
    z-index: 1
}

.cnt-us .pg-open__img-col {
    position: relative;
    overflow: hidden
}

.cnt-us .pg-open__img-col::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 60%;
    background: #F8D802;
    z-index: 2
}

.cnt-us .pg-open__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    transition: opacity .45s cubic-bezier(0.34, 1.2, 0.64, 1);
    filter: saturate(0.85) brightness(0.96)
}

.cnt-us .pg-open__img.loaded {
    opacity: 1
}

.cnt-us .pg-open__text-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px;
    background: #fff;
    position: relative
}

.cnt-us .pg-open__label {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .12em;
    color: #272E81;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: inline-block;
    border: 1px solid #272E81;
    padding: 4px 8px;
    border-radius: 3px
}

.cnt-us .pg-open__h1 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #272E81;
    margin: 0 0 40px
}

.cnt-us .pg-open__h1 span {
    font-size: 72px;
    display: block;
    color: #272E81;
    line-height: 1.2
}

.cnt-us .pg-open__link {
    display: inline-block;
    background: #272E81;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    padding: 16px 40px;
    border-radius: 8px;
    text-decoration: none;
    align-self: flex-start;
    box-shadow: 0 4px 14px 0 #272e8117;
    transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s ease-in-out
}

.cnt-us .pg-open__link:hover,
.cnt-us .pg-open__link:focus {
    background: #F8D802;
    color: #272E81;
    box-shadow: 0 8px 60px 0 #272e8124
}

.cnt-us .reach-strip {
    background: #F7E8F7;
    padding: 80px;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 40px;
    align-items: start;
    position: relative
}

.cnt-us .reach-strip::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
    height: 2px;
    background: linear-gradient(163deg, #F8D802 60%, #272E81 100%)
}

.cnt-us .reach-strip::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 30%;
    right: 0;
    height: 2px;
    background: linear-gradient(163deg, #272E81 0%, #F7E8F7 100%)
}

.cnt-us .reach-intro__eyebrow {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .08em;
    color: #272E81;
    opacity: .7;
    margin-bottom: 16px
}

.cnt-us .reach-intro__h2 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #272E81;
    margin: 0 0 24px
}

.cnt-us .reach-intro__h2 span {
    font-size: 72px
}

.cnt-us .reach-intro__p {
    font-size: 15px;
    line-height: 1.7;
    color: #272E81;
    margin: 0;
    text-indent: 1.5em
}

.cnt-us .reach-item {
    padding: 24px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 4px 0 #272e810d;
    transition: box-shadow .4s ease-in-out, backdrop-filter .4s ease-in-out
}

.cnt-us .reach-item:hover {
    box-shadow: 0 8px 60px 0 #272e8124;
    backdrop-filter: blur(8px);
    background: #ffffffd1
}

.cnt-us .reach-item__icon {
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(163deg, #F8D802 40%, #272E81 100%);
    border-radius: 8px
}

.cnt-us .reach-item__icon i {
    font-size: 18px;
    color: #272E81
}

.cnt-us .reach-item__label {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .06em;
    color: #272E81;
    opacity: .6;
    margin-bottom: 8px;
    text-transform: uppercase
}

.cnt-us .reach-item__val {
    font-size: 15px;
    line-height: 1.7;
    color: #272E81;
    margin: 0
}

.cnt-us .reach-item__val a {
    color: #272E81;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.cnt-us .reach-item__val a:hover {
    color: #F8D802
}

.cnt-us .form-zone {
    padding: 80px;
    background: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
    position: relative
}

.cnt-us .form-zone::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 200px;
    pointer-events: none;
    background: repeating-linear-gradient(163deg, transparent, transparent 12px, #272e810f 12px, #272e810f 13px);
    border-radius: 0 0 0 12px
}

.cnt-us .form-zone__aside {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.cnt-us .form-aside__heading {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #272E81;
    margin: 0
}

.cnt-us .form-aside__heading span {
    font-size: 72px;
    display: block
}

.cnt-us .form-aside__desc {
    font-size: 15px;
    line-height: 1.7;
    color: #272E81;
    margin: 0;
    text-indent: 1.5em
}

.cnt-us .steps-row {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.cnt-us .step-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px
}

.cnt-us .step-item:nth-child(odd) {
    background: #f7e8f780;
    border-radius: 8px;
    padding: 16px
}

.cnt-us .step-item:nth-child(even) {
    background: #f8d80214;
    border-radius: 8px;
    padding: 16px
}

.cnt-us .step-num {
    font-size: 58px;
    line-height: 1.2;
    color: #F8D802;
    font-weight: 700;
    letter-spacing: -.03em;
    min-width: 48px;
    text-align: center;
    flex-shrink: 0
}

.cnt-us .step-body__title {
    font-size: 15px;
    line-height: 1.5;
    color: #272E81;
    font-weight: 600;
    margin: 0 0 4px
}

.cnt-us .step-body__desc {
    font-size: 15px;
    line-height: 1.7;
    color: #272E81;
    margin: 0;
    opacity: .8
}

.cnt-us .edit-form {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.cnt-us .edit-form__fieldset {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.cnt-us .edit-form__label {
    font-size: 15px;
    line-height: 1.5;
    color: #272E81;
    letter-spacing: .06em;
    text-transform: uppercase
}

.cnt-us .edit-form__input {
    width: 100%;
    padding: 16px;
    border: 1.5px solid #272e8133;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.5;
    color: #272E81;
    background: #fff;
    box-sizing: border-box;
    transition: border-color .38s ease-in-out, box-shadow .38s ease-in-out;
    box-shadow: inset 0 2px 4px 0 #272e810d
}

.cnt-us .edit-form__input::placeholder {
    color: #272e8159;
    font-style: italic
}

.cnt-us .edit-form__input:focus {
    outline: none;
    border-color: #272E81;
    box-shadow: inset 0 2px 6px 0 #272e8117 0 0 0 3px #f8d80240
}

.cnt-us .budget-group {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.cnt-us .budget-group__label {
    font-size: 15px;
    line-height: 1.5;
    color: #272E81;
    letter-spacing: .06em;
    text-transform: uppercase
}

.cnt-us .budget-opts {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.cnt-us .budget-opt {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    cursor: pointer;
    padding: 16px;
    border-radius: 8px;
    border: 1.5px solid #272e8126;
    transition: border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), background .38s ease-in-out;
    background: #fff
}

.cnt-us .budget-opt:hover {
    border-color: #272E81;
    background: #f7e8f766
}

.cnt-us .budget-opt input[type="radio"] {
    accent-color: #272E81;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    cursor: pointer
}

.cnt-us .budget-opt input[type="radio"]:focus {
    outline: 3px solid #f8d80280;
    outline-offset: 2px
}

.cnt-us .budget-opt__text {
    font-size: 15px;
    line-height: 1.5;
    color: #272E81
}

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

.cnt-us .privacy-row input[type="checkbox"] {
    accent-color: #272E81;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-top: 2px;
    cursor: pointer
}

.cnt-us .privacy-row input[type="checkbox"]:focus {
    outline: 3px solid #f8d80280;
    outline-offset: 2px
}

.cnt-us .privacy-row__text {
    font-size: 15px;
    line-height: 1.7;
    color: #272E81;
    margin: 0
}

.cnt-us .privacy-row__text a {
    color: #272E81;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.cnt-us .privacy-row__text a:hover {
    color: #F8D802
}

.cnt-us .form-submit {
    display: inline-block;
    background: #272E81;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    padding: 16px 40px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    align-self: flex-start;
    box-shadow: 0 4px 14px 0 #272e8117;
    transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s ease-in-out;
    transform: scale(0.95);
    animation: settle .45s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

.cnt-us .form-submit:hover,
.cnt-us .form-submit:focus {
    background: #F8D802;
    color: #272E81;
    box-shadow: 0 8px 60px 0 #272e8124;
    outline: none
}

.cnt-us .form-submit:active {
    transform: scale(0.97)
}

@keyframes settle {
    from {
        transform: scale(0.95)
    }

    to {
        transform: scale(1)
    }
}

.cnt-us .pg-open__img-col,
.cnt-us .reach-strip,
.cnt-us .form-zone {
    animation: settle .45s cubic-bezier(0.34, 1.2, 0.64, 1) both
}

@media (max-width: 1200px) {
    .cnt-us .pg-open {
        grid-template-columns: 1fr 1fr
    }

    .cnt-us .pg-open__text-col {
        padding: 80px 40px
    }

    .cnt-us .reach-strip {
        padding: 80px 40px;
        grid-template-columns: 1fr 1fr;
        gap: 24px
    }

    .cnt-us .reach-intro__h2 {
        font-size: 58px
    }

    .cnt-us .reach-intro {
        grid-column: 1 / -1
    }

    .cnt-us .form-zone {
        padding: 80px 40px;
        gap: 40px
    }
}

@media (max-width: 900px) {
    .cnt-us .pg-open {
        grid-template-columns: 1fr
    }

    .cnt-us .pg-open__img-col {
        height: 320px
    }

    .cnt-us .pg-open__text-col {
        padding: 40px 24px
    }

    .cnt-us .pg-open__h1 {
        font-size: 58px
    }

    .cnt-us .pg-open__h1 span {
        font-size: 58px
    }

    .cnt-us .reach-strip {
        padding: 40px 24px;
        grid-template-columns: 1fr
    }

    .cnt-us .reach-intro {
        grid-column: 1
    }

    .cnt-us .reach-intro__h2 {
        font-size: 58px
    }

    .cnt-us .reach-intro__h2 span {
        font-size: 58px
    }

    .cnt-us .form-zone {
        grid-template-columns: 1fr;
        padding: 40px 24px;
        gap: 40px
    }

    .cnt-us .form-aside__heading span {
        font-size: 58px
    }
}

@media (max-width: 600px) {
    .cnt-us .pg-open__text-col {
        padding: 40px 16px
    }

    .cnt-us .pg-open__h1 {
        font-size: 58px
    }

    .cnt-us .pg-open__h1 span {
        font-size: 58px
    }

    .cnt-us .reach-strip {
        padding: 40px 16px
    }

    .cnt-us .form-zone {
        padding: 40px 16px
    }

    .cnt-us .budget-opts {
        gap: 8px
    }
}

.opng {
    max-width: 1440px;
    margin: 0 auto;
    overflow-x: clip
}

.opng .dot-field {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

.opng .dot-field span {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #272E81;
    opacity: .08
}

.opng .title-blk {
    position: relative;
    padding: 80px 40px 40px;
    background: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: end
}

.opng .title-blk__left {
    display: flex;
    flex-direction: column;
    gap: 24px;
    z-index: 1
}

.opng .title-blk__eyebrow {
    display: inline-block;
    border: 1.5px solid #272E81;
    color: #272E81;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .06em;
    padding: 4px 16px;
    border-radius: 3px;
    width: fit-content
}

.opng .title-blk__h1 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #1a1700;
    color: #181820;
    margin: 0
}

.opng .title-blk__h1 em {
    font-style: normal;
    color: #272E81
}

.opng .title-blk__sub {
    font-size: 18px;
    line-height: 1.7;
    color: #3a3a4a;
    margin: 0;
    max-width: 480px
}

.opng .title-blk__cta {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap
}

.opng .btn-prim {
    background: #272E81;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.5;
    padding: 16px 40px;
    cursor: pointer;
    box-shadow: 0 4px 14px 0 #272e8117;
    transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.opng .btn-prim:hover,
.opng .btn-prim:focus {
    background: #1e2466;
    box-shadow: 0 8px 60px 0 #272e8124;
    outline: none
}

.opng .btn-sec {
    background: transparent;
    color: #272E81;
    border: 1.5px solid #272E81;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.5;
    padding: 16px 40px;
    cursor: pointer;
    transition: background .34s ease-in-out, color .34s ease-in-out
}

.opng .btn-sec:hover,
.opng .btn-sec:focus {
    background: #272E81;
    color: #fff;
    outline: none
}

.opng .title-blk__right {
    position: relative;
    z-index: 1
}

.opng .title-blk__img-wrap {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1/1;
    box-shadow: 0 8px 60px 0 #272e8124
}

.opng .title-blk__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    transition: opacity .45s ease-in-out
}

.opng .title-blk__img-wrap img.loaded {
    opacity: 1
}

.opng .title-blk__img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(163deg, #f8d8028c 0%, #272e81b8 100%)
}

.opng .strokes-deco {
    position: absolute;
    bottom: 40px;
    left: 40px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
    z-index: 0
}

.opng .strokes-deco span {
    display: block;
    height: 3px;
    border-radius: 3px;
    background: #F8D802;
    opacity: .55
}

.opng .chevron-div {
    width: 100%;
    overflow: hidden;
    line-height: 0
}

.opng .chevron-div svg {
    display: block;
    width: 100%
}

.opng .value-blk {
    background: #F7E8F7;
    padding: 80px 40px
}

.opng .value-blk__grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 40px;
    align-items: start;
    max-width: 1200px;
    margin: 0 auto
}

.opng .value-blk__label {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .07em;
    color: #272E81;
    text-transform: uppercase;
    margin: 0 0 16px
}

.opng .value-blk__h2 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #181820;
    margin: 0 0 24px
}

.opng .value-blk__h2 strong {
    display: block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5;
    color: #3a3a4a;
    margin-top: 8px
}

.opng .value-blk__img-wrap {
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 1/1;
    box-shadow: 0 4px 14px 0 #272e8117
}

.opng .value-blk__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    transition: opacity .42s ease-in-out
}

.opng .value-blk__img-wrap img.loaded {
    opacity: 1
}

.opng .value-blk__items {
    display: flex;
    flex-direction: column;
    gap: 0
}

.opng .value-item {
    padding: 16px 0;
    border-bottom: 1px solid #272e811f;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start
}

.opng .value-item:first-child {
    border-top: 1px solid #272e811f
}

.opng .value-item:nth-child(odd) {
    background: transparent
}

.opng .value-item:nth-child(even) {
    background: #f8d80214;
    padding-left: 8px;
    padding-right: 8px
}

.opng .value-item__icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 8px;
    background: #272E81;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F8D802;
    font-size: 18px
}

.opng .value-item__text {
    flex: 1
}

.opng .value-item__text h4 {
    font-size: 15px;
    line-height: 1.5;
    color: #181820;
    margin: 0 0 4px;
    font-weight: 600
}

.opng .value-item__text p {
    font-size: 15px;
    line-height: 1.7;
    color: #3a3a4a;
    margin: 0
}

.opng .rep-blk {
    background: #272E81;
    padding: 80px 40px;
    position: relative
}

.opng .rep-blk__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
    align-items: center
}

.opng .rep-blk__h2 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #fff;
    margin: 0 0 24px
}

.opng .rep-blk__desc {
    font-size: 18px;
    line-height: 1.7;
    color: #f7e8f7d9;
    margin: 0 0 40px
}

.opng .rep-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.opng .rep-card {
    background: #ffffff12;
    border: 1px solid #f8d80240;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 4px 0 #f8d8020d;
    transition: background .36s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .36s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.opng .rep-card:hover {
    background: #f8d8021a;
    border-color: #f8d8028c
}

.opng .rep-card__num {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #F8D802;
    display: block;
    margin-bottom: 8px
}

.opng .rep-card__label {
    font-size: 15px;
    line-height: 1.5;
    color: #f7e8f7cc
}

.opng .rep-blk__img-wrap {
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 1/1;
    box-shadow: 0 8px 60px 0 #f8d80224
}

.opng .rep-blk__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    transition: opacity .44s ease-in-out
}

.opng .rep-blk__img-wrap img.loaded {
    opacity: 1
}

.opng .rep-blk__deco {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 64px;
    height: 64px;
    border: 3px solid #f8d8024d;
    border-radius: 50%;
    animation: spin-slow 14s linear infinite;
    pointer-events: none
}

.opng .rep-blk__deco::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border: 2px dashed #f8d80233;
    border-radius: 50%
}

@keyframes spin-slow {
    to {
        transform: rotate(360deg)
    }
}

.opng .current-blk {
    background: #fff;
    padding: 80px 40px
}

.opng .current-blk__inner {
    max-width: 1200px;
    margin: 0 auto
}

.opng .current-blk__top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
    margin-bottom: 40px
}

.opng .current-blk__h2 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #181820;
    margin: 0
}

.opng .current-blk__right {
    padding-top: 16px
}

.opng .current-blk__desc {
    font-size: 18px;
    line-height: 1.7;
    color: #3a3a4a;
    margin: 0 0 24px
}

.opng .current-blk__tag-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px
}

.opng .c-tag {
    border: 1.5px solid #272E81;
    color: #272E81;
    font-size: 15px;
    line-height: 1.5;
    padding: 4px 16px;
    border-radius: 3px
}

.opng .current-blk__imgs {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 16px
}

.opng .c-img-wrap {
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 1/1;
    box-shadow: 0 4px 14px 0 #272e8117
}

.opng .c-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    transition: opacity .4s ease-in-out
}

.opng .c-img-wrap img.loaded {
    opacity: 1
}

.opng .c-img-wrap.tall {
    aspect-ratio: 3/4
}

.opng .support-blk {
    background: linear-gradient(163deg, #F7E8F7 0%, #fff 80%);
    padding: 80px 40px;
    position: relative
}

.opng .support-blk__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 40px;
    align-items: start
}

.opng .support-blk__anchor {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.opng .support-blk__big-icon {
    width: 160px;
    height: 160px;
    background: #272E81;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F8D802;
    font-size: 72px;
    box-shadow: 0 8px 60px 0 #272e8124
}

.opng .support-blk__h2 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #181820;
    margin: 0 0 24px
}

.opng .support-blk__desc {
    font-size: 18px;
    line-height: 1.7;
    color: #3a3a4a;
    margin: 0 0 24px
}

.opng .support-rows {
    display: flex;
    flex-direction: column;
    gap: 0
}

.opng .support-row {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #272e811a;
    align-items: flex-start
}

.opng .support-row:first-child {
    border-top: 1px solid #272e811a
}

.opng .support-row:nth-child(odd) {
    background: transparent
}

.opng .support-row:nth-child(even) {
    background: #f7e8f780;
    padding-left: 8px
}

.opng .support-row__icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #272E81;
    font-size: 18px
}

.opng .support-row__body h5 {
    font-size: 15px;
    line-height: 1.5;
    color: #181820;
    margin: 0 0 4px;
    font-weight: 600
}

.opng .support-row__body p {
    font-size: 15px;
    line-height: 1.7;
    color: #3a3a4a;
    margin: 0
}

.opng .approach-blk {
    position: relative;
    padding: 80px 40px;
    background-image: url(/image_library/media-20260207.jpg);
    background-size: cover;
    background-position: center
}

.opng .approach-blk__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(163deg, #272e81e0 0%, #141428f0 100%)
}

.opng .approach-blk__inner {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto
}

.opng .approach-blk__h2 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #fff;
    margin: 0 0 8px;
    max-width: 700px
}

.opng .approach-blk__sub {
    font-size: 18px;
    line-height: 1.7;
    color: #f7e8f7cc;
    margin: 0 0 40px;
    max-width: 600px
}

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

.opng .appr-card {
    background: #ffffff0f;
    border: 1px solid #f8d80233;
    border-radius: 12px;
    padding: 24px;
    transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1);
    position: relative
}

.opng .appr-card:hover {
    background: #f8d80217
}

.opng .appr-card__num {
    font-size: 15px;
    line-height: 1.5;
    color: #F8D802;
    letter-spacing: .1em;
    margin-bottom: 8px;
    display: block
}

.opng .appr-card h4 {
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    margin: 0 0 8px;
    font-weight: 600
}

.opng .appr-card p {
    font-size: 15px;
    line-height: 1.7;
    color: #f7e8f7bf;
    margin: 0
}

.opng .tooltip-wrap {
    position: relative;
    display: inline-block
}

.opng .tooltip-wrap:focus .tooltip-box,
.opng .tooltip-wrap:focus-within .tooltip-box {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.opng .tooltip-box {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(6px);
    background: #181820;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    padding: 8px 16px;
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .34s ease-in-out, transform .34s ease-in-out;
    z-index: 10
}

.opng .tooltip-box::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #181820
}

@media (max-width: 900px) {
    .opng .title-blk {
        grid-template-columns: 1fr;
        padding: 80px 24px 40px
    }

    .opng .title-blk__h1 {
        font-size: 58px
    }

    .opng .value-blk__grid {
        grid-template-columns: 1fr
    }

    .opng .rep-blk__inner {
        grid-template-columns: 1fr
    }

    .opng .rep-cards {
        grid-template-columns: 1fr 1fr
    }

    .opng .current-blk__top {
        grid-template-columns: 1fr
    }

    .opng .current-blk__imgs {
        grid-template-columns: 1fr
    }

    .opng .c-img-wrap.tall {
        aspect-ratio: 1/1
    }

    .opng .support-blk__inner {
        grid-template-columns: 1fr
    }

    .opng .approach-grid {
        grid-template-columns: 1fr 1fr
    }

    .opng .value-blk,
    .opng .rep-blk,
    .opng .current-blk,
    .opng .support-blk,
    .opng .approach-blk {
        padding: 80px 24px
    }
}

@media (max-width: 600px) {
    .opng .title-blk {
        padding: 80px 16px 40px
    }

    .opng .title-blk__h1 {
        font-size: 58px
    }

    .opng .rep-cards {
        grid-template-columns: 1fr
    }

    .opng .approach-grid {
        grid-template-columns: 1fr
    }

    .opng .value-blk,
    .opng .rep-blk,
    .opng .current-blk,
    .opng .support-blk,
    .opng .approach-blk {
        padding: 80px 16px
    }

    .opng .rep-blk__h2,
    .opng .value-blk__h2,
    .opng .current-blk__h2,
    .opng .support-blk__h2,
    .opng .approach-blk__h2 {
        font-size: 58px
    }
}

.spnsr-pg {
    max-width: 1440px;
    margin: 0 auto;
    overflow-x: clip;
    background: #fff
}

.spnsr-pg .draw-line {
    width: 0;
    height: 2px;
    background: linear-gradient(163deg, #F8D802 30%, #272E81 100%);
    animation: linedraw .45s cubic-bezier(0.34, 1.2, 0.64, 1) .2s forwards
}

@keyframes linedraw {
    to {
        width: 80px
    }
}

.spnsr-pg .dot-accent {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px
}

.spnsr-pg .dot-accent .draw-line {
    display: block
}

.spnsr-pg .dot-end {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #272E81;
    flex-shrink: 0
}

.spnsr-pg .dot-start {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #F8D802;
    flex-shrink: 0
}

.spnsr-pg .tb {
    padding: 40px 80px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 80px;
    position: relative
}

.spnsr-pg .tb::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(163deg, #F7E8F7 60%, #fff 100%);
    z-index: 0
}

.spnsr-pg .tb-img-col {
    flex: 0 0 420px;
    position: relative;
    z-index: 1;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 60px 0 #272e8124
}

.spnsr-pg .tb-img-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    transition: opacity .45s ease-in-out
}

.spnsr-pg .tb-img-col img.loaded {
    opacity: 1
}

.spnsr-pg .tb-img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(163deg, #f8d8022e 0%, #272e818c 100%);
    pointer-events: none
}

.spnsr-pg .tb-dots {
    position: absolute;
    bottom: 24px;
    right: 24px;
    display: grid;
    grid-template-columns: repeat(4, 8px);
    grid-template-rows: repeat(4, 8px);
    gap: 8px;
    pointer-events: none
}

.spnsr-pg .tb-dots span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #f8d802b3;
    display: block
}

.spnsr-pg .tb-text-col {
    flex: 1;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 40px
}

.spnsr-pg .tb-eyebrow {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .12em;
    color: #272E81;
    text-transform: uppercase;
    margin-bottom: 16px;
    border: 1px solid #272E81;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 3px
}

.spnsr-pg .tb-h1 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #1a1f5e;
    margin-bottom: 24px
}

.spnsr-pg .tb-h1 .word-big {
    font-size: 72px;
    display: block;
    line-height: 1.2;
    color: #272E81
}

.spnsr-pg .tb-lead {
    font-size: 18px;
    line-height: 1.7;
    color: #3a3a5c;
    max-width: 480px;
    margin-bottom: 24px
}

.spnsr-pg .tb-lead p {
    text-indent: 1.5em;
    margin: 0
}

.spnsr-pg .tb-lead p+p {
    margin-top: 0
}

.spnsr-pg .tb-stat-row {
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-top: 16px
}

.spnsr-pg .stat-hex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    border: 2px solid #272E81;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 14px 0 #272e8117
}

.spnsr-pg .stat-hex .s-val {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: #272E81
}

.spnsr-pg .stat-hex .s-label {
    font-size: 15px;
    line-height: 1.5;
    color: #555;
    text-align: center;
    padding: 0 4px
}

.spnsr-pg .fmt-block {
    padding: 80px;
    background: #fff;
    position: relative
}

.spnsr-pg .fmt-block::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 100%;
    background: linear-gradient(163deg, #F7E8F7 40%, #fff 100%);
    z-index: 0;
    pointer-events: none
}

.spnsr-pg .fmt-inner {
    position: relative;
    z-index: 1
}

.spnsr-pg .fmt-head {
    margin-bottom: 40px
}

.spnsr-pg .fmt-h2 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #272E81;
    margin-bottom: 8px
}

.spnsr-pg .fmt-h2 .word-big {
    font-size: 72px;
    display: inline;
    color: #1a1f5e
}

.spnsr-pg .fmt-sub {
    font-size: 18px;
    line-height: 1.7;
    color: #3a3a5c;
    max-width: 560px
}

.spnsr-pg .fmt-sub p {
    text-indent: 1.5em;
    margin: 0
}

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

.spnsr-pg .fmt-card {
    border-radius: 12px;
    padding: 40px 24px;
    background: #fff;
    box-shadow: 0 4px 14px 0 #272e8117;
    border-top: 3px solid #F8D802;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.spnsr-pg .fmt-card:nth-child(even) {
    background: linear-gradient(163deg, #F7E8F7 0%, #fff 80%);
    border-top-color: #272E81
}

.spnsr-pg .fmt-card:hover {
    box-shadow: 0 8px 60px 0 #272e8124;
    transform: translateY(-4px)
}

.spnsr-pg .fmt-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: linear-gradient(163deg, #F8D802 0%, #272E81 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.spnsr-pg .fmt-card-icon i {
    font-size: 24px;
    color: #fff
}

.spnsr-pg .fmt-card-h {
    font-size: 18px;
    line-height: 1.5;
    color: #272E81;
    font-weight: 700;
    margin: 0
}

.spnsr-pg .fmt-card-p {
    font-size: 15px;
    line-height: 1.7;
    color: #3a3a5c;
    margin: 0
}

.spnsr-pg .fmt-card-tag {
    display: inline-block;
    border: 1px solid #272E81;
    border-radius: 3px;
    padding: 4px 8px;
    font-size: 15px;
    line-height: 1.5;
    color: #272E81;
    letter-spacing: .06em;
    align-self: flex-start
}

.spnsr-pg .fmt-card:nth-child(even) .fmt-card-tag {
    border-color: #F8D802;
    color: #1a1f5e
}

.spnsr-pg .aud-block {
    padding: 80px;
    background: linear-gradient(163deg, #272E81 55%, #1a1f5e 100%);
    position: relative
}

.spnsr-pg .aud-inner {
    display: flex;
    flex-direction: row;
    gap: 80px;
    align-items: flex-start
}

.spnsr-pg .aud-left {
    flex: 0 0 340px
}

.spnsr-pg .aud-h2 {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #F8D802;
    margin-bottom: 16px
}

.spnsr-pg .aud-h2 .word-big {
    font-size: 72px;
    display: block;
    color: #fff
}

.spnsr-pg .aud-desc {
    font-size: 15px;
    line-height: 1.7;
    color: #f7e8f7d9;
    margin-bottom: 40px
}

.spnsr-pg .aud-desc p {
    text-indent: 1.5em;
    margin: 0
}

.spnsr-pg .aud-contact-box {
    border-radius: 12px;
    background: #f8d8021a;
    border: 1px solid #f8d8024d;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0 4px 14px 0 #f8d80217
}

.spnsr-pg .aud-contact-box .contact-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

.spnsr-pg .aud-contact-box .contact-row i {
    font-size: 18px;
    color: #F8D802;
    flex-shrink: 0
}

.spnsr-pg .aud-contact-box .contact-row a {
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    text-decoration: none;
    transition: color .35s ease-in-out
}

.spnsr-pg .aud-contact-box .contact-row a:hover {
    color: #F8D802
}

.spnsr-pg .aud-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.spnsr-pg .aud-item {
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    transition: background .4s ease-in-out
}

.spnsr-pg .aud-item:nth-child(odd) {
    background: #ffffff0f
}

.spnsr-pg .aud-item:nth-child(even) {
    background: #f8d80214
}

.spnsr-pg .aud-item:hover {
    background: #f8d80226
}

.spnsr-pg .aud-item-num {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 2px solid #F8D802;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #F8D802;
    flex-shrink: 0
}

.spnsr-pg .aud-item-h {
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    font-weight: 700;
    margin: 0 0 8px
}

.spnsr-pg .aud-item-p {
    font-size: 15px;
    line-height: 1.7;
    color: #f7e8f7cc;
    margin: 0
}

.spnsr-pg .aud-divider {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 40px
}

.spnsr-pg .aud-divider .dl {
    height: 1px;
    flex: 1;
    background: #f8d8024d
}

.spnsr-pg .aud-divider .dc {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #F8D802
}

@media (max-width: 1200px) {
    .spnsr-pg .tb {
        padding: 40px;
        gap: 40px
    }

    .spnsr-pg .tb-img-col {
        flex: 0 0 320px
    }

    .spnsr-pg .fmt-block {
        padding: 80px 40px
    }

    .spnsr-pg .aud-block {
        padding: 80px 40px
    }

    .spnsr-pg .fmt-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 900px) {
    .spnsr-pg .tb {
        flex-direction: column;
        padding: 40px 24px;
        gap: 24px
    }

    .spnsr-pg .tb-img-col {
        flex: 0 0 240px;
        height: 240px;
        width: 100%
    }

    .spnsr-pg .tb-text-col {
        padding-left: 0
    }

    .spnsr-pg .tb-h1 {
        font-size: 58px
    }

    .spnsr-pg .tb-h1 .word-big {
        font-size: 58px
    }

    .spnsr-pg .fmt-block {
        padding: 40px 24px
    }

    .spnsr-pg .fmt-block::after {
        display: none
    }

    .spnsr-pg .fmt-grid {
        grid-template-columns: 1fr
    }

    .spnsr-pg .fmt-h2 {
        font-size: 58px
    }

    .spnsr-pg .aud-block {
        padding: 40px 24px
    }

    .spnsr-pg .aud-inner {
        flex-direction: column;
        gap: 40px
    }

    .spnsr-pg .aud-left {
        flex: none;
        width: 100%
    }

    .spnsr-pg .aud-h2 {
        font-size: 58px
    }

    .spnsr-pg .aud-h2 .word-big {
        font-size: 58px
    }
}

@media (max-width: 600px) {
    .spnsr-pg .tb-h1 {
        font-size: 18px
    }

    .spnsr-pg .tb-h1 .word-big {
        font-size: 58px
    }

    .spnsr-pg .tb-stat-row {
        flex-wrap: wrap
    }

    .spnsr-pg .fmt-h2 {
        font-size: 18px
    }

    .spnsr-pg .fmt-h2 .word-big {
        font-size: 58px
    }

    .spnsr-pg .aud-h2 {
        font-size: 18px
    }

    .spnsr-pg .aud-h2 .word-big {
        font-size: 58px
    }
}

.success-pg {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    background: #fff
}

.success-pg .success-wrap {
    max-width: 560px;
    width: 100%;
    text-align: center
}

.success-pg .success-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F7E8F7;
    border-radius: 12px;
    box-shadow: 0 4px 14px 0 #272e8117
}

.success-pg .success-icon svg {
    display: block
}

.success-pg .success-heading {
    font-size: 58px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #272E81;
    margin: 0 0 16px
}

.success-pg .success-heading span {
    display: block;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .01em;
    color: #272E81;
    opacity: .55;
    font-weight: 400;
    margin-top: 8px
}

.success-pg .success-body {
    font-size: 15px;
    line-height: 1.7;
    color: #272E81;
    opacity: .75;
    margin: 0 0 40px;
    padding: 0 16px
}

.success-pg .success-divider {
    width: 48px;
    height: 3px;
    background: #F8D802;
    border-radius: 0;
    margin: 0 auto 40px
}

.success-pg .success-back {
    display: inline-block;
    padding: 16px 40px;
    background: #272E81;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .02em;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 14px 0 #272e8117;
    transition: background-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out
}

.success-pg .success-back:hover {
    background: #1a2268;
    box-shadow: 0 8px 60px 0 #272e8124
}

.success-pg .success-back:focus {
    outline: 3px solid #F8D802;
    outline-offset: 3px
}

.success-pg .success-note {
    margin-top: 24px;
    font-size: 15px;
    line-height: 1.5;
    color: #272E81;
    opacity: .45
}

.success-pg .accent-box {
    display: inline;
    border: 1px solid #272E81;
    opacity: .4;
    border-radius: 3px;
    padding: 0 8px
}

@media (max-width: 600px) {
    .success-pg {
        padding: 80px 16px
    }

    .success-pg .success-heading {
        font-size: 40px
    }
}