:root {
    --co-blue: #3263D9;
    --co-hover: #234DB8;
    --co-navy: #17325E;
    --co-muted: #63738D;
    --co-line: #DCE4F1;
    --co-sky: #ECF2FC;
    --co-bg: #F6F9FE;
    --co-green: #326F69;
    --co-font: "Blogger Sans","Trebuchet MS",Arial,sans-serif;
}
* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 110px;
    -webkit-text-size-adjust: 100%;
}
body.co-page {
    margin: 0;
    background: var(--co-bg);
    color: var(--co-navy);
    font: 400 17px/1.5 var(--co-font);
    -webkit-font-smoothing: antialiased;
}
button,input,textarea,select {
    font: inherit;
    color: inherit;
}
a,button,summary {
    -webkit-tap-highlight-color: transparent;
}
button {
    cursor: pointer;
}
a {
    color: inherit;
    text-decoration: none;
}
button {
    border: 0;
}
h1,h2,h3,h4,p {
    margin: 0;
}
h1,h2,h3,h4 {
    font-weight: 500;
}
p {
    color: var(--co-muted);
}
img {
    max-width: 100%;
    height: auto;
}
svg {
    display: block;
}
button:disabled {
    opacity: .6;
    cursor: not-allowed;
}
[hidden] {
    display: none!important;
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
    outline: 3px solid var(--co-blue);
    outline-offset: 4px;
}
::selection {
    background: #D5E3FF;
    color: var(--co-navy);
}
.co-wrap {
    width: min(1240px,calc(100% - 96px));
    margin-inline: auto;
}
.co-icon {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}
.co-skip {
    position: fixed;
    left: 20px;
    top: -100px;
    z-index: 200;
    background: var(--co-navy);
    color: white;
    border-radius: 10px;
    padding: 12px 20px;
}
.co-skip:focus {
    top: 10px;
}
.co-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    border: 1px solid transparent;
    border-radius: 11px;
    padding: 12px 21px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    transition: background .15s,border-color .15s;
}
.co-btn .co-icon {
    width: 18px;
    height: 18px;
}
.co-btn-primary {
    background: var(--co-blue);
    color: white;
    box-shadow: 0 4px 9px #3263D90C;
}
.co-btn-primary:hover {
    background: var(--co-hover);
}
.co-btn-secondary {
    background: white;
    border-color: var(--co-line);
}
.co-btn-secondary:hover {
    border-color: #BBCFF1;
    background: #F7FAFF;
}
.co-btn-white {
    color: var(--co-navy);
    background: white;
}
.co-btn-white:hover {
    background: #E9F1FF;
}
.co-text-link {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    min-height: 44px;
    color: var(--co-blue);
    background: transparent;
    font-size: 16px;
    padding: 3px 0;
}
.co-text-link:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}
.co-text-link .co-icon {
    width: 18px;
    height: 18px;
}
.co-icon-btn {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: transparent;
    display: grid;
    place-items: center;
    color: var(--co-navy);
}
.co-icon-btn:hover {
    background: var(--co-sky);
}
.co-brand {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
}
.co-brand-mark {
    width: 43px;
    height: 43px;
    background: var(--co-blue);
    color: #fff;
    border-radius: 14px;
    display: grid;
    place-items: center;
}
.co-brand-mark .co-mark {
    width: 36px;
    height: 36px;
}
.co-wordmark {
    font-weight: 700;
    font-size: 27px;
    letter-spacing: -1px;
}
.co-beta {
    font-size: 12px;
    color: #6B7FA1;
    border: 1px solid #CDDAED;
    border-radius: 4px;
    padding: 1px 5px;
    margin-left: 3px;
    margin-bottom: 9px;
}
.co-login {
    font-size: 16px;
}
.co-menu-button {
    display: none;
}
.co-crumbs {
    display: flex;
    gap: 9px;
    align-items: center;
    font-size: 13px;
    color: #6B7D98;
    padding-top: 28px;
    flex-wrap: wrap;
}
.co-crumbs a:hover {
    text-decoration: underline;
}
.co-crumbs .co-icon {
    width: 12px;
    height: 12px;
}
.co-kicker {
    font-size: 12px;
    line-height: 1.4;
    color: #547298;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.co-kicker:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--co-blue);
    box-shadow: 0 0 0 4px #E5EDFB;
    flex-shrink: 0;
}
.co-lead {
    font-size: 21px;
    line-height: 1.5;
    max-width: 575px;
}
.co-actions {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}
.co-section {
    padding: 76px 0;
}
.co-section h2 {
    font-size: 43px;
    line-height: 1.15;
    letter-spacing: -1px;
}
.co-section-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 30px;
    margin-bottom: 30px;
}
.co-section-head>p {
    font-size: 18px;
    margin-bottom: 4px;
}
.co-about-hero {
    display: grid;
    grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);
    gap: 52px;
    align-items: center;
    padding: 48px 0 45px;
    min-height: 505px;
}
.co-hero-copy h1 {
    font-size: 72px;
    line-height: 1.04;
    font-weight: 500;
    letter-spacing: -2px;
    margin-bottom: 25px;
}
.co-hero-copy h1 span {
    color: var(--co-blue);
}
.co-hero-copy .co-actions {
    margin-top: 30px;
    gap: 24px;
}
.co-hero-copy .co-btn {
    min-height: 53px;
    padding-inline: 22px;
}
.co-hero-foot {
    font-size: 13px;
    margin-top: 22px;
    color: #687E9F;
}
.co-about-art {
    position: relative;
    height: 415px;
    isolation: isolate;
}
.co-orbit {
    position: absolute;
    inset: 9px -8px 2px -20px;
    border-radius: 50%;
    border: 1px solid #DBE7FB;
    transform: rotate(-12deg);
    z-index: -1;
}
.co-orbit:after {
    content: "";
    position: absolute;
    inset: 26px;
    background: #EAF1FD;
    border-radius: 50%;
}
.co-handnote {
    position: absolute;
    top: 2px;
    right: 34px;
    font-size: 20px;
    font-style: italic;
    color: #6787BB;
    transform: rotate(-5deg);
}
.co-plan-card {
    position: absolute;
    left: 0;
    right: 0;
    top: 64px;
    padding: 23px 24px 29px;
    border: 1px solid #D6E3F8;
    background: white;
    border-radius: 21px;
    box-shadow: 0 18px 36px #3157890D;
    transform: rotate(-3deg);
}
.co-plan-card-top {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #6D819F;
    margin-bottom: 21px;
}
.co-mini-mark {
    display: inline-grid;
    place-items: center;
    width: 29px;
    height: 29px;
    background: #EAF1FC;
    border-radius: 9px;
    color: var(--co-blue);
    flex-shrink: 0;
}
.co-mini-mark .co-mark {
    width: 27px;
    height: 27px;
}
.co-card-dot {
    width: 6px;
    height: 6px;
    background: #9AB8EA;
    border-radius: 50%;
    margin-left: auto;
}
.co-plan-card h2 {
    font-size: 29px;
    line-height: 1.15;
    letter-spacing: -.4px;
    font-weight: 500;
    margin-bottom: 26px;
}
.co-plan-card h2 span {
    color: #637DA4;
}
.co-art-steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}
.co-art-steps>div {
    min-width: 0;
}
.co-art-steps>div>span {
    width: 33px;
    height: 33px;
    display: grid;
    place-items: center;
    background: #F2F6FD;
    border-radius: 10px;
    color: #5A84D1;
    margin-bottom: 10px;
}
.co-art-steps b {
    display: block;
    font-size: 16px;
    font-weight: 500;
}
.co-art-steps small {
    font-size: 10px;
    color: #7285A3;
    white-space: nowrap;
}
.co-art-steps>i {
    height: 1px;
    background: #CDDBF0;
    width: 22px;
    flex-shrink: 0;
    align-self: center;
    margin-top: 4px;
}
.co-art-note {
    position: absolute;
    left: -23px;
    bottom: 40px;
    border: 1px solid #D9E5F7;
    padding: 14px 16px;
    background: white;
    border-radius: 14px;
    box-shadow: 0 9px 22px #31578908;
    display: flex;
    gap: 11px;
    align-items: center;
    transform: rotate(2deg);
    font-size: 14px;
}
.co-art-note>.co-icon {
    width: 25px;
    height: 25px;
    background: #EFF7F5;
    border-radius: 50%;
    color: var(--co-green);
    padding: 4px;
}
.co-art-note small {
    display: block;
    color: var(--co-muted);
    font-size: 11px;
    margin-top: 3px;
}
.co-about-art>.co-capy {
    width: 136px;
    height: 136px;
    position: absolute;
    right: -16px;
    bottom: 0;
}
.co-three-notes {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
    padding: 29px 0;
    border-top: 1px solid var(--co-line);
    border-bottom: 1px solid var(--co-line);
}
.co-three-notes>div {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}
.co-three-notes .co-icon {
    color: #5E83BD;
    margin-top: 4px;
    width: 24px;
    height: 24px;
}
.co-three-notes strong {
    display: block;
    font-size: 17px;
    font-weight: 500;
    color: var(--co-navy);
}
.co-three-notes p span {
    display: block;
    font-size: 14px;
    margin-top: 3px;
}
.co-mission {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,.92fr);
    gap: 95px;
    align-items: center;
}
.co-mission-copy>p {
    font-size: 18px;
    line-height: 1.65;
    margin-top: 20px;
    max-width: 540px;
}
.co-mission-copy .co-emphasis {
    font-weight: 500;
    color: var(--co-navy);
    line-height: 1.55;
}
.co-meaning-card {
    background: #fff;
    border: 1px solid var(--co-line);
    border-radius: 22px;
    padding: 25px;
    box-shadow: 0 12px 25px #23426C04;
}
.co-meaning-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    font-size: 17px;
}
.co-meaning-heading small {
    font-size: 11px;
    color: #6A809F;
    white-space: nowrap;
}
.co-meaning-choices {
    display: flex;
    padding: 4px;
    gap: 3px;
    border: 1px solid #E8EEF8;
    border-radius: 11px;
    background: #F5F8FD;
    margin-top: 20px;
}
.co-meaning-choices button {
    background: transparent;
    flex: 1;
    font-size: 14px;
    padding: 9px 5px;
    border: 1px solid transparent;
    border-radius: 7px;
    white-space: nowrap;
    min-height: 40px;
}
.co-meaning-choices button[aria-pressed=true] {
    background: #fff;
    color: var(--co-blue);
    border-color: #E2E9F5;
    box-shadow: 0 2px 4px #17325E05;
}
.co-meaning-operation {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 26px 0;
}
.co-meaning-icon {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    color: var(--co-blue);
    background: var(--co-sky);
    border-radius: 13px;
    flex-shrink: 0;
}
.co-meaning-operation>div {
    min-width: 0;
}
.co-meaning-operation div>span {
    font-size: 15px;
}
.co-meaning-operation small {
    display: block;
    font-size: 12px;
    color: var(--co-muted);
    margin-top: 2px;
}
.co-meaning-operation strong {
    margin-left: auto;
    white-space: nowrap;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -.3px;
}
.co-meaning-operation strong>span {
    font-size: 18px;
    color: #6582AE;
}
.co-meaning-result {
    background: #EEF4FD;
    border-radius: 14px;
    padding: 22px 23px;
}
.co-meaning-result>span {
    font-size: 13px;
    color: #657DA0;
}
.co-meaning-result strong {
    display: block;
    color: var(--co-blue);
    font-size: 53px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -1px;
    margin: 5px 0;
}
.co-meaning-result strong small {
    font-size: 29px;
    letter-spacing: 0;
}
.co-meaning-result p {
    font-size: 15px;
    min-height: 23px;
    color: #537099;
}
.co-meaning-bottom {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 17px;
    color: #71829C;
    font-size: 11px;
}
.co-meaning-bottom .co-icon {
    width: 14px;
    height: 14px;
}
.co-directions {
    padding-top: 16px;
}
.co-directions-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.co-direction {
    border: 1px solid var(--co-line);
    border-radius: 22px;
    padding: 30px 34px;
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 0;
}
.co-direction-money {
    background: #EDF3FD;
}
.co-direction-products {
    background: #fff;
}
.co-direction-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.co-number {
    font-size: 13px;
    color: #6480AA;
    letter-spacing: 1px;
}
.co-direction-top>.co-icon {
    width: 28px;
    height: 28px;
    color: #6E90C6;
}
.co-direction h3 {
    font-size: 34px;
    line-height: 1.12;
    letter-spacing: -.5px;
    margin-bottom: 16px;
}
.co-direction>p {
    max-width: 445px;
    font-size: 18px;
    line-height: 1.55;
}
.co-direction>.co-text-link {
    align-self: flex-start;
    margin-top: auto;
    padding-top: 18px;
}
.co-mini-budget {
    padding: 20px 22px;
    background: white;
    border: 1px solid #D5E3F8;
    border-radius: 14px;
    margin: 24px 0 5px;
    max-width: 445px;
}
.co-mini-budget>div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    margin-bottom: 15px;
}
.co-mini-budget .co-icon {
    width: 19px;
    height: 19px;
    color: #6689C3;
}
.co-budget-lines {
    display: grid;
    grid-template-columns: 1.2fr 1fr .85fr;
    gap: 9px;
}
.co-budget-lines>span {
    font-size: 11px;
    color: #667D9D;
}
.co-budget-lines i {
    display: block;
    height: 8px;
    border-radius: 6px;
    background: #ADC6F0;
    margin-top: 8px;
}
.co-budget-lines>span:nth-child(2) i {
    background: #719ADD;
}
.co-budget-lines>span:nth-child(3) i {
    background: var(--co-blue);
}
.co-criteria {
    display: grid;
    gap: 14px;
    margin: 26px 0 19px;
    font-size: 16px;
}
.co-criteria>span {
    display: flex;
    gap: 10px;
    align-items: center;
}
.co-criteria .co-icon {
    width: 19px;
    height: 19px;
    color: #5E82B9;
}
.co-principles {
    padding-top: 0;
}
.co-principle-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 28px;
    border-top: 1px solid var(--co-line);
    padding-top: 30px;
}
.co-principle-icon {
    color: #5B7FB9;
    display: block;
    margin-bottom: 20px;
}
.co-principle-icon>.co-icon {
    height: 27px;
    width: 27px;
}
.co-principle-grid h3 {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 12px;
}
.co-principle-grid p {
    font-size: 16px;
    line-height: 1.6;
}
.co-bro-strip {
    display: flex;
    align-items: center;
    gap: 26px;
    padding: 28px 30px;
    background: #ECF2FD;
    border: 1px solid #DCE7F9;
    border-radius: 18px;
    margin-bottom: 54px;
}
.co-bro-symbol {
    width: 65px;
    height: 65px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: var(--co-blue);
    background: #fff;
    border-radius: 50%;
}
.co-bro-symbol>.co-mark {
    width: 56px;
    height: 56px;
}
.co-bro-strip h2 {
    font-size: 28px;
    line-height: 1.15;
    margin-bottom: 8px;
    letter-spacing: -.3px;
}
.co-bro-strip p {
    font-size: 16px;
    line-height: 1.5;
}
.co-bro-strip>.co-btn {
    margin-left: auto;
    flex-shrink: 0;
}
.co-closing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    background: #17325E;
    color: white;
    border-radius: 23px;
    padding: 37px 42px;
    margin-bottom: 66px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.co-closing:after {
    content: "";
    width: 420px;
    height: 420px;
    border-radius: 50%;
    border: 1px solid #C7DAFF17;
    position: absolute;
    right: -85px;
    top: -130px;
    box-shadow: 0 0 0 35px #C7DAFF06;
    z-index: -1;
}
.co-closing .co-kicker {
    color: #BED0EE;
    margin-bottom: 10px;
}
.co-closing .co-kicker:before {
    background: #ACC5F6;
    box-shadow: none;
}
.co-closing h2 {
    font-size: 39px;
    line-height: 1.15;
    letter-spacing: -.7px;
}
.co-closing p {
    color: #BED0EE;
    font-size: 18px;
    margin-top: 11px;
}
.co-closing>.co-btn {
    flex-shrink: 0;
}
.co-contact-hero {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 70px;
    align-items: center;
    padding: 35px 0 36px;
    min-height: 325px;
}
.co-contact-hero h1 {
    font-size: 70px;
    line-height: 1.06;
    letter-spacing: -1.9px;
    margin-bottom: 21px;
}
.co-contact-hero h1 span {
    color: var(--co-blue);
}
.co-contact-hero .co-lead {
    font-size: 20px;
    max-width: 560px;
}
.co-contact-art {
    height: 280px;
    position: relative;
    isolation: isolate;
}
.co-contact-orbit {
    position: absolute;
    inset: 0 10px;
    border: 1px solid #DBE7FB;
    transform: rotate(-9deg);
    border-radius: 50%;
    z-index: -1;
}
.co-contact-orbit:after {
    content: "";
    position: absolute;
    inset: 19px;
    border-radius: 50%;
    background: #EDF3FE;
}
.co-chat-one {
    position: absolute;
    top: 27px;
    left: 12px;
    right: 69px;
    background: white;
    border: 1px solid #D5E2F8;
    border-radius: 17px 17px 17px 4px;
    padding: 19px 23px;
    font-size: 22px;
    transform: rotate(-3deg);
    box-shadow: 0 15px 26px #17325E08;
}
.co-chat-one>span {
    display: block;
    font-size: 15px;
    color: #6A7F9E;
    margin-top: 2px;
}
.co-chat-two {
    position: absolute;
    top: 134px;
    left: 55px;
    right: 17px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #D5E2F8;
    background: white;
    border-radius: 17px 17px 4px 17px;
    padding: 15px 18px;
    transform: rotate(2deg);
    box-shadow: 0 9px 22px #17325E08;
    font-size: 19px;
}
.co-chat-two .co-mini-mark {
    width: 40px;
    height: 40px;
    border-radius: 12px;
}
.co-chat-two .co-mark {
    width: 35px;
    height: 35px;
}
.co-chat-two>div>span {
    display: block;
    font-size: 12px;
    color: #6A7F9E;
    margin-top: 2px;
}
.co-contact-art>.co-capy {
    position: absolute;
    right: -6px;
    bottom: -10px;
    width: 98px;
    height: 98px;
}
.co-topic-cards {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
    margin: 0 0 34px;
}
.co-topic-card {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 15px;
    background: #fff;
    border: 1px solid var(--co-line);
    border-radius: 15px;
    padding: 20px;
    transition: background .15s,border-color .15s;
}
.co-topic-card:hover,.co-topic-card[aria-pressed=true] {
    border-color: #AEC6F2;
    background: #F0F5FE;
}
.co-topic-card>span:nth-child(2) {
    min-width: 0;
}
.co-topic-icon {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    background: var(--co-sky);
    border-radius: 12px;
    color: #577EBB;
    flex-shrink: 0;
}
.co-topic-card strong {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;
}
.co-topic-card small {
    display: block;
    font-size: 13px;
    color: #7083A0;
    margin-top: 4px;
}
.co-topic-card>.co-icon {
    width: 17px;
    height: 17px;
    margin-left: auto;
    color: #6784B5;
}
.co-contact-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 356px;
    gap: 28px;
    align-items: start;
}
.co-form-card {
    background: white;
    border: 1px solid var(--co-line);
    border-radius: 21px;
    padding: 30px;
    min-width: 0;
    scroll-margin-top: 110px;
}
.co-form-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 21px;
}
.co-form-heading .co-kicker {
    margin-bottom: 9px;
}
.co-form-heading h2 {
    font-size: 35px;
    line-height: 1.2;
    letter-spacing: -.5px;
}
.co-form-heading-icon {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #F2F6FD;
    color: #809ACA;
}
.co-preview-note {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #F6F9FE;
    border: 1px solid #E3EBF6;
    border-radius: 9px;
    padding: 10px 13px;
    margin-bottom: 23px;
    font-size: 12px;
    color: #687F9F;
}
.co-preview-note .co-icon {
    width: 16px;
    height: 16px;
}
.co-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
    min-width: 0;
}
.co-field label {
    font-size: 16px;
    font-weight: 500;
}
.co-field label>span {
    font-size: 12px;
    color: #7387A5;
    font-weight: 400;
    margin-left: 4px;
}
.co-field input,.co-field select,.co-field textarea {
    border: 1px solid #D6E0EF;
    border-radius: 10px;
    background: #FCFDFF;
    padding: 12px 14px;
    min-height: 48px;
    width: 100%;
    min-width: 0;
    transition: border-color .15s;
    line-height: 1.4;
    font-size: 16px;
}
.co-field select {
    padding-right: 30px;
}
.co-field textarea {
    resize: vertical;
    min-height: 152px;
}
.co-field input:hover,.co-field textarea:hover,.co-field select:hover {
    border-color: #B6C9E7;
}
.co-field input:focus,.co-field textarea:focus,.co-field select:focus {
    border-color: var(--co-blue);
}
.co-field input::placeholder,.co-field textarea::placeholder {
    color: #8493AA;
}
.co-topic-help {
    font-size: 12px;
    color: #6A809E;
    min-height: 18px;
    line-height: 1.45;
    margin-top: 1px;
}
.co-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
.co-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.co-counter {
    font-size: 11px;
    color: #6B81A1;
    white-space: nowrap;
}
.co-sensitive-note {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 0 0 21px;
}
.co-sensitive-note .co-icon {
    width: 15px;
    height: 15px;
    margin-top: 2px;
    color: #7891B6;
}
.co-sensitive-note p {
    font-size: 12px;
    line-height: 1.45;
}
.co-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: #637895;
    line-height: 1.55;
    cursor: pointer;
    min-height: 32px;
}
.co-consent input {
    accent-color: var(--co-blue);
    width: 17px;
    height: 17px;
    margin: 2px 0 0;
    flex-shrink: 0;
}
.co-consent a {
    color: var(--co-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.co-form-bottom {
    margin-top: 22px;
    display: flex;
    gap: 21px;
    align-items: center;
}
.co-form-bottom>span {
    font-size: 11px;
    color: #6C819F;
    line-height: 1.5;
}
.co-error {
    font-size: 12px;
    color: #A24041;
    line-height: 1.4;
}
.co-error:empty {
    display: none;
}
.co-field [aria-invalid=true] {
    border-color: #C57173;
    background: #FFFBFB;
}
.co-form-alert {
    color: #943F42;
    background: #FFF3F3;
    border: 1px solid #EACFD0;
    border-radius: 10px;
    padding: 11px 13px;
    margin-bottom: 18px;
    font-size: 14px;
}
.co-form-result {
    padding: 22px 0 12px;
}
.co-result-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    background: #EEF5FC;
    color: var(--co-blue);
    border-radius: 14px;
    margin-bottom: 18px;
}
.co-form-result h3 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.5px;
    margin-bottom: 15px;
}
.co-form-result p {
    font-size: 17px;
    line-height: 1.6;
    max-width: 580px;
}
.co-result-actions {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 24px;
}
.co-contact-aside {
    display: grid;
    gap: 20px;
    min-width: 0;
}
.co-channel-card {
    background: white;
    border: 1px solid var(--co-line);
    border-radius: 18px;
    padding: 25px;
}
.co-channel-card .co-kicker {
    font-size: 10px;
    margin-bottom: 12px;
}
.co-channel-card h2 {
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -.3px;
}
.co-channel-card>p {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 9px;
}
.co-channel {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-top: 18px;
    margin-top: 19px;
    border-top: 1px solid var(--co-line);
    min-width: 0;
}
.co-channel>.co-icon:first-child {
    color: #698ABC;
    width: 21px;
    height: 21px;
}
.co-channel>span {
    min-width: 0;
    overflow-wrap: anywhere;
}
.co-channel small {
    display: block;
    font-size: 11px;
    color: #6B819F;
}
.co-channel strong {
    font-size: 18px;
    font-weight: 500;
}
.co-channel>.co-icon:last-child {
    width: 17px;
    height: 17px;
    margin-left: auto;
    color: #7790B7;
}
.co-channel:hover strong {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.co-channel-static {
    align-items: flex-start;
}
.co-channel-static strong {
    font-size: 15px;
}
.co-before-send {
    padding: 5px 17px 0;
}
.co-before-send h2 {
    font-size: 21px;
    line-height: 1.25;
}
.co-before-send ol {
    counter-reset: step;
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
    display: grid;
    gap: 15px;
}
.co-before-send li {
    position: relative;
    padding-left: 32px;
    font-size: 14px;
    color: #637895;
    line-height: 1.5;
    counter-increment: step;
}
.co-before-send li:before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    background: #E8EFFB;
    color: #5E7DAC;
    border-radius: 50%;
    font-size: 11px;
}
.co-bank-help {
    padding: 23px 25px;
    background: #ECF3FD;
    border: 1px solid #D9E6F9;
    border-radius: 18px;
}
.co-bank-help-icon {
    display: block;
    color: #6489BF;
    margin-bottom: 11px;
}
.co-bank-help h2 {
    font-size: 23px;
    line-height: 1.25;
    margin-bottom: 10px;
}
.co-bank-help p {
    font-size: 14px;
    line-height: 1.6;
}
.co-bank-help .co-text-link {
    margin-top: 10px;
    font-size: 14px;
}
.co-faq {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 60px;
    padding-top: 65px;
    padding-bottom: 52px;
}
.co-faq h2 {
    font-size: 36px;
    line-height: 1.15;
}
.co-faq>div>p {
    font-size: 16px;
    margin-top: 16px;
}
.co-faq-items {
    border-top: 1px solid var(--co-line);
}
.co-faq details {
    border-bottom: 1px solid var(--co-line);
    padding: 0;
}
.co-faq summary {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    list-style: none;
    font-size: 19px;
    line-height: 1.35;
    font-weight: 500;
    padding: 20px 0;
}
.co-faq summary::-webkit-details-marker {
    display: none;
}
.co-faq summary>span {
    width: 29px;
    height: 29px;
    border: 1px solid #DEE7F4;
    background: #FFF;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}
.co-faq summary .co-icon {
    width: 15px;
    height: 15px;
    transition: transform .15s;
}
.co-faq details[open] summary .co-icon {
    transform: rotate(180deg);
}
.co-faq details>p {
    font-size: 16px;
    line-height: 1.65;
    padding: 0 38px 23px 0;
}
.co-contact-closing {
    display: flex;
    align-items: center;
    gap: 17px;
    border-top: 1px solid var(--co-line);
    padding: 25px 0 35px;
    margin-bottom: 20px;
}
.co-contact-closing>span {
    color: var(--co-blue);
    width: 49px;
    height: 49px;
    background: #EAF1FD;
    border-radius: 50%;
    flex-shrink: 0;
    display: grid;
    place-items: center;
}
.co-contact-closing>span>.co-mark {
    width: 40px;
    height: 40px;
}
.co-contact-closing strong {
    display: block;
    color: var(--co-navy);
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 3px;
}
.co-contact-closing p {
    font-size: 15px;
}
.co-contact-closing>.co-text-link {
    margin-left: auto;
    flex-shrink: 0;
}
.co-legal-panel {
    border: 1px solid var(--co-line);
    border-radius: 18px;
    background: white;
    padding: 25px 30px;
    margin-top: 28px;
}
.co-legal-panel h2 {
    font-size: 25px;
    margin-bottom: 18px;
}
.co-legal-panel dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 35px;
    margin: 0;
}
.co-legal-panel dl>div {
    min-width: 0;
}
.co-legal-panel dt {
    font-size: 12px;
    color: #7285A3;
    margin-bottom: 4px;
}
.co-legal-panel dd {
    margin: 0;
    font-size: 17px;
    overflow-wrap: anywhere;
}
.co-form-entry {
    padding: 14px 0 15px;
}
.co-form-entry h3 {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 15px;
}
.co-form-entry p {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 24px;
}
.co-feedback-host {
    min-width: 0;
    overflow-wrap: anywhere;
}
.co-feedback-host .box,.co-feedback-host .block,.co-feedback-host .feedback {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.co-feedback-host h1,.co-feedback-host h2,.co-feedback-host h3 {
    font-size: 24px;
    line-height: 1.3;
    margin: 0 0 16px;
}
.co-feedback-host input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),.co-feedback-host textarea,.co-feedback-host select {
    max-width: 100%;
    width: 100%;
    border: 1px solid #D6E0EF;
    border-radius: 10px;
    padding: 12px 14px;
    background: #FCFDFF;
    min-height: 48px;
    font-family: var(--co-font);
    font-size: 16px;
    line-height: 1.4;
}
.co-feedback-host textarea {
    min-height: 152px;
    resize: vertical;
}
.co-feedback-host select {
    padding-right: 28px;
}
.co-feedback-host label {
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin-bottom: 7px;
}
.co-feedback-host label input[type=checkbox] {
    width: 17px;
    height: 17px;
    accent-color: var(--co-blue);
    vertical-align: middle;
}
.co-feedback-host ul,.co-feedback-host ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
.co-feedback-host li,.co-feedback-host .form-group,.co-feedback-host .form-item {
    margin-bottom: 19px;
}
.co-feedback-host button[type=submit],.co-feedback-host input[type=submit] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    border: 0;
    border-radius: 11px;
    padding: 12px 24px;
    background: var(--co-blue);
    color: white;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    font-family: var(--co-font);
}
.co-feedback-host [type=submit]:hover {
    background: var(--co-hover);
}
.co-feedback-host img {
    max-width: 100%;
    height: auto;
}
.co-feedback-host fieldset {
    min-width: 0;
    max-width: 100%;
    border: 0;
    padding: 0;
    margin: 0 0 20px;
}
.co-feedback-host table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
}
.co-feedback-host td {
    padding: 8px 0;
}
.co-feedback-host .g-recaptcha {
    max-width: 100%;
    overflow: auto;
}
.co-native-topic-note {
    font-size: 13px;
    color: #647C9E;
    padding: 11px 13px;
    background: #F3F7FE;
    border-radius: 9px;
    margin-bottom: 18px;
}
.co-system-info:empty {
    display: none;
}
.co-system-info {
    margin-top: 15px;
    overflow-wrap: anywhere;
}
.co-system-info .berrors {
    padding: 16px 20px;
    background: #FFF5F4;
    border: 1px solid #EDD6D3;
    border-radius: 12px;
}
.co-toast {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100% - 32px);
    background: var(--co-navy);
    color: white;
    box-shadow: 0 6px 25px #17325E22;
    border-radius: 12px;
    padding: 13px 21px;
    font-size: 15px;
    z-index: 90;
}
@media(min-width:1650px) {
    .co-about-hero {
        padding-block: 55px;
        min-height: 520px;
    }
    .co-about-art {
        height: 440px;
    }
    .co-plan-card {
        top: 77px;
    }
    .co-art-note {
        bottom: 48px;
    }
}
@media(max-width:1200px) {
    .co-wrap {
        width: calc(100% - 64px);
    }
    .co-start {
        padding-inline: 16px;
        font-size: 15px;
    }
    .co-about-hero {
        gap: 35px;
        grid-template-columns: 1.08fr .92fr;
        min-height: 470px;
    }
    .co-hero-copy h1 {
        font-size: 62px;
        letter-spacing: -1.5px;
    }
    .co-lead {
        font-size: 19px;
    }
    .co-hero-copy .co-actions {
        gap: 16px;
    }
    .co-hero-copy .co-btn {
        font-size: 15px;
        padding-inline: 17px;
    }
    .co-hero-copy .co-text-link {
        font-size: 15px;
    }
    .co-plan-card {
        padding: 21px 20px 25px;
    }
    .co-plan-card h2 {
        font-size: 26px;
    }
    .co-art-steps small {
        font-size: 9px;
    }
    .co-art-steps b {
        font-size: 14px;
    }
    .co-art-steps>i {
        width: 14px;
    }
    .co-handnote {
        font-size: 18px;
    }
    .co-art-note {
        left: -8px;
        font-size: 12px;
        padding: 12px;
    }
    .co-art-note small {
        font-size: 10px;
    }
    .co-about-art>.co-capy {
        width: 113px;
        height: 113px;
        right: -8px;
    }
    .co-mission {
        gap: 50px;
    }
    .co-section h2 {
        font-size: 39px;
    }
    .co-mission-copy>p {
        font-size: 17px;
    }
    .co-meaning-card {
        padding: 21px;
    }
    .co-meaning-heading {
        font-size: 16px;
    }
    .co-meaning-heading small {
        font-size: 10px;
    }
    .co-meaning-operation {
        gap: 9px;
    }
    .co-meaning-operation div>span {
        font-size: 13px;
    }
    .co-meaning-operation strong {
        font-size: 22px;
    }
    .co-meaning-icon {
        width: 37px;
        height: 37px;
        border-radius: 11px;
    }
    .co-principle-grid {
        gap: 22px;
    }
    .co-principle-grid h3 {
        font-size: 21px;
    }
    .co-bro-strip {
        gap: 20px;
        padding: 25px;
    }
    .co-bro-strip p {
        font-size: 15px;
    }
    .co-bro-strip h2 {
        font-size: 26px;
    }
    .co-bro-symbol {
        width: 52px;
        height: 52px;
    }
    .co-bro-symbol .co-mark {
        width: 45px;
        height: 45px;
    }
    .co-contact-hero {
        gap: 40px;
    }
    .co-contact-hero h1 {
        font-size: 62px;
    }
    .co-contact-hero .co-lead {
        font-size: 19px;
    }
    .co-topic-card {
        padding: 18px 16px;
        gap: 12px;
    }
    .co-topic-card strong {
        font-size: 18px;
    }
    .co-topic-card small {
        font-size: 12px;
    }
    .co-topic-icon {
        width: 37px;
        height: 37px;
        border-radius: 11px;
    }
    .co-contact-layout {
        grid-template-columns: minmax(0,1fr) 305px;
        gap: 22px;
    }
    .co-form-card {
        padding: 25px;
    }
    .co-form-row {
        gap: 14px;
    }
    .co-field label {
        font-size: 15px;
    }
    .co-field label>span {
        font-size: 10px;
    }
    .co-form-bottom {
        gap: 14px;
    }
    .co-form-bottom>.co-btn {
        font-size: 14px;
        padding-inline: 17px;
    }
    .co-form-bottom>span {
        font-size: 10px;
    }
    .co-channel-card {
        padding: 22px;
    }
    .co-channel-card h2 {
        font-size: 24px;
    }
    .co-bank-help {
        padding: 22px;
    }
    .co-bank-help h2 {
        font-size: 21px;
    }
}
@media(max-width:1023px) {
    .co-login {
        display: none;
    }
    .co-menu-button {
        display: grid;
    }
    .co-hero-copy h1 {
        font-size: 56px;
    }
    .co-about-hero {
        gap: 24px;
    }
    .co-about-art {
        height: 380px;
    }
    .co-art-note {
        bottom: 39px;
        max-width: calc(100% - 48px);
    }
    .co-art-note .co-icon {
        display: none;
    }
    .co-about-art>.co-capy {
        width: 101px;
        height: 101px;
        bottom: 0;
    }
    .co-plan-card h2 {
        font-size: 24px;
    }
    .co-art-steps small {
        white-space: normal;
        display: block;
        line-height: 1.2;
    }
    .co-art-steps>i {
        display: none;
    }
    .co-hero-copy .co-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        margin-top: 23px;
    }
    .co-hero-foot {
        max-width: 320px;
    }
    .co-three-notes {
        gap: 20px;
    }
    .co-three-notes>div {
        gap: 10px;
    }
    .co-three-notes strong {
        font-size: 16px;
    }
    .co-three-notes p span {
        font-size: 13px;
    }
    .co-section {
        padding-block: 57px;
    }
    .co-section h2 {
        font-size: 35px;
    }
    .co-section-head>p {
        font-size: 16px;
    }
    .co-mission {
        gap: 30px;
        grid-template-columns: 1fr 1fr;
    }
    .co-meaning-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }
    .co-meaning-operation {
        flex-wrap: wrap;
    }
    .co-meaning-operation strong {
        width: 100%;
        margin-left: 46px;
        font-size: 26px;
        margin-top: 0;
        line-height: 1;
    }
    .co-mission-copy>p {
        font-size: 16px;
        line-height: 1.6;
    }
    .co-direction {
        padding: 27px;
    }
    .co-direction h3 {
        font-size: 30px;
    }
    .co-direction>p {
        font-size: 16px;
    }
    .co-mini-budget {
        padding: 17px;
    }
    .co-budget-lines>span {
        font-size: 10px;
    }
    .co-direction>.co-text-link {
        font-size: 15px;
    }
    .co-principle-grid {
        grid-template-columns: repeat(2,1fr);
        gap: 30px 35px;
    }
    .co-principle-icon {
        margin-bottom: 15px;
    }
    .co-principle-grid h3 {
        font-size: 23px;
    }
    .co-bro-strip {
        display: grid;
        grid-template-columns: 52px 1fr;
        gap: 16px 20px;
    }
    .co-bro-strip>.co-btn {
        grid-column: 2;
        justify-self: start;
        margin-left: 0;
    }
    .co-bro-strip p br {
        display: none;
    }
    .co-bro-strip {
        margin-bottom: 40px;
    }
    .co-closing {
        padding: 32px;
        margin-bottom: 50px;
    }
    .co-closing h2 {
        font-size: 32px;
    }
    .co-closing p {
        font-size: 16px;
    }
    .co-closing>.co-btn {
        font-size: 15px;
        padding-inline: 16px;
    }
    .co-contact-hero {
        grid-template-columns: 1.15fr .85fr;
        gap: 25px;
    }
    .co-contact-hero h1 {
        font-size: 56px;
    }
    .co-contact-hero .co-lead {
        font-size: 18px;
    }
    .co-chat-one {
        right: 28px;
        left: 0;
        font-size: 20px;
        padding: 17px 18px;
    }
    .co-chat-two {
        right: 0;
        left: 15px;
        font-size: 17px;
        padding: 13px 14px;
    }
    .co-chat-two>div>span {
        font-size: 10px;
    }
    .co-topic-card {
        gap: 10px;
        padding: 16px 13px;
    }
    .co-topic-card strong {
        font-size: 17px;
    }
    .co-topic-card small {
        font-size: 11px;
    }
    .co-topic-card>.co-icon {
        display: none;
    }
    .co-contact-layout {
        grid-template-columns: minmax(0,1fr) 270px;
        gap: 20px;
    }
    .co-form-card {
        padding: 23px;
    }
    .co-form-heading h2 {
        font-size: 30px;
    }
    .co-form-heading-icon {
        width: 37px;
        height: 37px;
    }
    .co-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .co-form-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 13px;
    }
    .co-form-bottom>span br {
        display: none;
    }
    .co-form-bottom>.co-btn {
        font-size: 16px;
    }
    .co-field label>span {
        font-size: 12px;
    }
    .co-channel-card {
        padding: 20px;
    }
    .co-channel-card h2 {
        font-size: 22px;
    }
    .co-channel-card>p {
        font-size: 14px;
    }
    .co-bank-help {
        padding: 21px;
    }
    .co-before-send {
        padding-inline: 10px;
    }
    .co-faq {
        gap: 34px;
        grid-template-columns: .7fr 1.3fr;
    }
    .co-faq h2 {
        font-size: 31px;
    }
    .co-faq summary {
        font-size: 17px;
    }
    .co-faq details>p {
        font-size: 15px;
    }
    .co-contact-closing strong {
        font-size: 17px;
    }
    .co-contact-closing>.co-text-link {
        font-size: 14px;
    }
}
@media(max-width:760px) {
    .co-wrap {
        width: calc(100% - 40px);
    }
    .co-brand-mark {
        width: 36px;
        height: 36px;
        border-radius: 12px;
    }
    .co-brand-mark>.co-mark {
        width: 31px;
        height: 31px;
    }
    .co-wordmark {
        font-size: 24px;
    }
    .co-beta {
        font-size: 10px;
        margin-bottom: 6px;
    }
    .co-start {
        font-size: 13px;
        min-height: 42px;
        padding: 10px 13px;
        gap: 8px;
    }
    .co-start .co-icon {
        width: 14px;
        height: 14px;
    }
    .co-crumbs {
        padding-top: 21px;
        font-size: 12px;
    }
    .co-about-hero {
        grid-template-columns: 1fr;
        padding: 34px 0 27px;
        gap: 13px;
    }
    .co-hero-copy h1 {
        font-size: 59px;
        line-height: 1.03;
        letter-spacing: -1.3px;
    }
    .co-hero-copy .co-lead {
        font-size: 19px;
        max-width: 560px;
    }
    .co-hero-copy .co-actions {
        flex-direction: row;
        align-items: center;
        gap: 15px 22px;
    }
    .co-hero-copy .co-btn {
        min-height: 50px;
        font-size: 15px;
    }
    .co-hero-foot {
        max-width: none;
        margin-top: 15px;
        font-size: 12px;
    }
    .co-about-art {
        max-width: 480px;
        justify-self: center;
        width: 100%;
        height: 368px;
        margin-top: 0;
    }
    .co-orbit {
        inset: 10px 6px 5px 6px;
    }
    .co-plan-card {
        left: 22px;
        right: 22px;
        top: 63px;
    }
    .co-plan-card h2 {
        font-size: 27px;
        margin-bottom: 19px;
    }
    .co-plan-card-top {
        margin-bottom: 17px;
    }
    .co-art-steps b {
        font-size: 15px;
    }
    .co-art-steps small {
        font-size: 10px;
    }
    .co-art-steps>i {
        display: block;
        width: 18px;
    }
    .co-art-note {
        left: 5px;
        bottom: 24px;
        max-width: 350px;
        font-size: 13px;
        padding: 13px 14px;
    }
    .co-art-note small {
        font-size: 10px;
    }
    .co-art-note>.co-icon {
        display: block;
    }
    .co-about-art>.co-capy {
        width: 111px;
        height: 111px;
        right: -5px;
        bottom: -5px;
    }
    .co-three-notes {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 24px 0;
    }
    .co-three-notes>div {
        gap: 13px;
    }
    .co-three-notes strong {
        font-size: 17px;
    }
    .co-three-notes p span {
        font-size: 14px;
    }
    .co-section {
        padding: 44px 0;
    }
    .co-section h2 {
        font-size: 35px;
        letter-spacing: -.6px;
    }
    .co-section .co-kicker {
        margin-bottom: 15px;
    }
    .co-mission {
        grid-template-columns: 1fr;
        gap: 26px;
    }
    .co-mission-copy>p {
        font-size: 17px;
        margin-top: 17px;
        max-width: none;
    }
    .co-meaning-card {
        max-width: none;
        padding: 23px;
    }
    .co-meaning-heading {
        flex-direction: row;
        align-items: center;
        font-size: 17px;
    }
    .co-meaning-heading small {
        font-size: 11px;
    }
    .co-meaning-operation {
        flex-wrap: nowrap;
    }
    .co-meaning-operation div>span {
        font-size: 15px;
    }
    .co-meaning-operation strong {
        width: auto;
        margin-left: auto;
        font-size: 26px;
    }
    .co-meaning-icon {
        width: 43px;
        height: 43px;
        border-radius: 13px;
    }
    .co-meaning-result strong {
        font-size: 49px;
    }
    .co-section-head {
        display: block;
        margin-bottom: 24px;
    }
    .co-section-head>p {
        margin-top: 17px;
        font-size: 17px;
    }
    .co-section-head>p br {
        display: none;
    }
    .co-directions {
        padding-top: 13px;
    }
    .co-directions-grid {
        gap: 18px;
    }
    .co-direction {
        padding: 23px;
    }
    .co-direction h3 {
        font-size: 27px;
    }
    .co-direction>p {
        font-size: 15px;
    }
    .co-direction-top {
        margin-bottom: 18px;
    }
    .co-mini-budget {
        padding: 13px;
        margin-top: 20px;
    }
    .co-mini-budget>div:first-child {
        font-size: 12px;
    }
    .co-budget-lines {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .co-budget-lines>span {
        font-size: 11px;
        display: flex;
        align-items: center;
        gap: 6px;
        justify-content: space-between;
    }
    .co-budget-lines i {
        margin: 0;
        width: 44%;
        height: 6px;
    }
    .co-criteria {
        gap: 16px;
        font-size: 14px;
    }
    .co-direction>.co-text-link {
        font-size: 14px;
        align-items: center;
    }
    .co-direction>.co-text-link .co-icon {
        width: 14px;
    }
    .co-principles {
        padding-top: 0;
    }
    .co-principle-grid {
        gap: 30px;
    }
    .co-principle-grid h3 {
        font-size: 22px;
    }
    .co-principle-grid p {
        font-size: 15px;
    }
    .co-closing {
        padding: 27px;
        flex-direction: column;
        align-items: flex-start;
        gap: 23px;
    }
    .co-closing h2 {
        font-size: 34px;
    }
    .co-closing>.co-btn {
        font-size: 16px;
    }
    .co-closing p {
        font-size: 17px;
    }
    .co-closing .co-kicker {
        margin-bottom: 12px;
    }
    .co-contact-hero {
        grid-template-columns: 1fr;
        padding: 30px 0 23px;
        gap: 5px;
    }
    .co-contact-hero h1 {
        font-size: 61px;
        letter-spacing: -1.4px;
    }
    .co-contact-hero .co-lead {
        font-size: 19px;
        max-width: 570px;
    }
    .co-contact-art {
        width: min(100%,430px);
        height: 235px;
        justify-self: center;
    }
    .co-contact-orbit {
        inset: 10px 12px 0;
    }
    .co-chat-one {
        left: 17px;
        right: 73px;
        top: 26px;
        font-size: 22px;
        padding: 17px 20px;
    }
    .co-chat-one>span {
        font-size: 14px;
    }
    .co-chat-two {
        left: 62px;
        right: 8px;
        top: 122px;
        font-size: 19px;
        padding: 13px 17px;
    }
    .co-chat-two>div>span {
        font-size: 11px;
    }
    .co-contact-art>.co-capy {
        width: 84px;
        height: 84px;
        bottom: -13px;
        right: -6px;
    }
    .co-topic-cards {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 8px;
        margin-bottom: 23px;
    }
    .co-topic-card {
        padding: 15px 18px;
        gap: 15px;
    }
    .co-topic-card strong {
        font-size: 20px;
    }
    .co-topic-card small {
        font-size: 13px;
    }
    .co-topic-icon {
        width: 43px;
        height: 43px;
    }
    .co-topic-card>.co-icon {
        display: block;
    }
    .co-contact-layout {
        grid-template-columns: 1fr;
        gap: 22px;
    }
    .co-form-card {
        padding: 25px;
    }
    .co-form-row {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
    .co-form-heading h2 {
        font-size: 33px;
    }
    .co-form-heading-icon {
        width: 43px;
        height: 43px;
    }
    .co-field label {
        font-size: 15px;
    }
    .co-field label>span {
        font-size: 10px;
    }
    .co-form-bottom {
        flex-direction: row;
        align-items: center;
        gap: 17px;
    }
    .co-contact-aside {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        align-items: start;
    }
    .co-channel-card {
        padding: 22px;
        grid-column: 1 / 2;
        grid-row: 1;
    }
    .co-bank-help {
        padding: 22px;
        grid-column: 2 / 3;
        grid-row: 1 / 3;
    }
    .co-before-send {
        grid-column: 1 / 2;
        grid-row: 2;
        padding: 5px 10px;
    }
    .co-before-send h2 {
        font-size: 20px;
    }
    .co-before-send li {
        font-size: 13px;
    }
    .co-faq {
        grid-template-columns: 1fr;
        gap: 24px;
        padding-top: 43px;
    }
    .co-faq h2 {
        font-size: 34px;
    }
    .co-faq h2 br {
        display: none;
    }
    .co-faq>div>p {
        margin-top: 12px;
    }
    .co-faq summary {
        font-size: 18px;
        padding: 18px 0;
    }
    .co-faq details>p {
        font-size: 16px;
        padding-right: 15px;
    }
    .co-contact-closing {
        flex-wrap: wrap;
        gap: 14px;
        margin-bottom: 5px;
        padding-top: 23px;
    }
    .co-contact-closing>p {
        flex: 1;
    }
    .co-contact-closing strong {
        font-size: 18px;
    }
    .co-contact-closing>.co-text-link {
        margin-left: 65px;
        font-size: 15px;
    }
}
@media(max-width:500px) {
    .co-wrap {
        width: calc(100% - 32px);
    }
    .co-start {
        display: none;
    }
    .co-brand-mark {
        width: 33px;
        height: 33px;
        border-radius: 11px;
    }
    .co-brand-mark>.co-mark {
        width: 29px;
        height: 29px;
    }
    .co-wordmark {
        font-size: 23px;
    }
    .co-brand {
        gap: 8px;
    }
    .co-beta {
        font-size: 10px;
        margin-left: 2px;
    }
    .co-crumbs {
        font-size: 11px;
        padding-top: 20px;
    }
    .co-kicker {
        font-size: 10px;
        letter-spacing: 1.2px;
        margin-bottom: 17px;
    }
    .co-about-hero {
        padding-top: 31px;
        gap: 13px;
    }
    .co-hero-copy h1 {
        font-size: 47px;
        line-height: 1.06;
        letter-spacing: -1.3px;
        margin-bottom: 18px;
    }
    .co-hero-copy .co-lead {
        font-size: 18px;
        line-height: 1.5;
    }
    .co-hero-copy .co-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        margin-top: 22px;
    }
    .co-hero-copy .co-btn {
        font-size: 16px;
        min-height: 50px;
        justify-content: space-between;
        padding-inline: 20px;
    }
    .co-hero-copy .co-text-link {
        align-self: flex-start;
        font-size: 15px;
    }
    .co-hero-foot {
        font-size: 11px;
        line-height: 1.5;
        margin-top: 11px;
        max-width: 300px;
    }
    .co-about-art {
        height: 335px;
    }
    .co-plan-card {
        left: 9px;
        right: 9px;
        top: 55px;
        padding: 18px 18px 22px;
        border-radius: 17px;
    }
    .co-handnote {
        font-size: 17px;
        right: 18px;
        top: 6px;
    }
    .co-plan-card h2 {
        font-size: 24px;
        margin-bottom: 18px;
    }
    .co-plan-card-top {
        font-size: 11px;
        margin-bottom: 16px;
    }
    .co-art-steps b {
        font-size: 14px;
    }
    .co-art-steps small {
        font-size: 9px;
    }
    .co-art-steps>i {
        width: 12px;
    }
    .co-art-steps>div>span {
        width: 29px;
        height: 29px;
        border-radius: 9px;
        margin-bottom: 8px;
    }
    .co-art-steps .co-icon {
        width: 18px;
        height: 18px;
    }
    .co-art-note {
        font-size: 11px;
        max-width: calc(100% - 64px);
        padding: 11px;
        gap: 7px;
        bottom: 16px;
        left: 0;
        border-radius: 11px;
    }
    .co-art-note small {
        font-size: 9px;
    }
    .co-art-note>.co-icon {
        width: 22px;
        height: 22px;
    }
    .co-about-art>.co-capy {
        width: 92px;
        height: 92px;
        right: -4px;
        bottom: -6px;
    }
    .co-three-notes {
        gap: 19px;
        padding: 24px 0;
    }
    .co-three-notes>div {
        gap: 13px;
    }
    .co-three-notes .co-icon {
        width: 23px;
        height: 23px;
    }
    .co-three-notes strong {
        font-size: 16px;
    }
    .co-three-notes p span {
        font-size: 13px;
    }
    .co-section {
        padding: 38px 0;
    }
    .co-section h2 {
        font-size: 32px;
        line-height: 1.16;
        letter-spacing: -.6px;
    }
    .co-mission-copy>p {
        font-size: 16px;
        line-height: 1.65;
        margin-top: 17px;
    }
    .co-meaning-card {
        padding: 18px;
        border-radius: 18px;
    }
    .co-meaning-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
        font-size: 17px;
    }
    .co-meaning-heading small {
        font-size: 10px;
    }
    .co-meaning-choices {
        margin-top: 16px;
    }
    .co-meaning-choices button {
        font-size: 13px;
        padding: 8px 5px;
        min-height: 38px;
    }
    .co-meaning-operation {
        padding: 23px 0;
        gap: 9px;
    }
    .co-meaning-icon {
        width: 36px;
        height: 36px;
        border-radius: 11px;
    }
    .co-meaning-icon>.co-icon {
        width: 19px;
        height: 19px;
    }
    .co-meaning-operation div>span {
        font-size: 12px;
    }
    .co-meaning-operation small {
        font-size: 10px;
    }
    .co-meaning-operation strong {
        font-size: 21px;
    }
    .co-meaning-operation strong>span {
        font-size: 14px;
    }
    .co-meaning-result {
        padding: 19px;
    }
    .co-meaning-result>span {
        font-size: 12px;
    }
    .co-meaning-result strong {
        font-size: 46px;
    }
    .co-meaning-result p {
        font-size: 14px;
        line-height: 1.5;
        min-height: 42px;
    }
    .co-meaning-bottom {
        font-size: 9px;
        gap: 6px;
        align-items: flex-start;
    }
    .co-meaning-bottom>.co-icon {
        width: 12px;
        height: 12px;
        margin-top: 1px;
    }
    .co-directions {
        padding-top: 5px;
    }
    .co-directions-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }
    .co-section-head>p {
        font-size: 16px;
        margin-top: 17px;
    }
    .co-direction {
        padding: 25px;
        border-radius: 18px;
    }
    .co-direction h3 {
        font-size: 31px;
    }
    .co-direction>p {
        font-size: 16px;
        line-height: 1.55;
    }
    .co-direction>.co-text-link {
        font-size: 15px;
    }
    .co-direction>.co-text-link .co-icon {
        width: 17px;
    }
    .co-mini-budget {
        padding: 17px;
    }
    .co-mini-budget>div:first-child {
        font-size: 14px;
    }
    .co-budget-lines {
        grid-template-columns: 1.2fr 1fr .9fr;
        gap: 9px;
    }
    .co-budget-lines>span {
        display: block;
        font-size: 9px;
    }
    .co-budget-lines i {
        width: 100%;
        margin-top: 8px;
        height: 7px;
    }
    .co-criteria {
        font-size: 16px;
        gap: 13px;
        margin: 22px 0 15px;
    }
    .co-principles {
        padding-top: 3px;
    }
    .co-principle-grid {
        grid-template-columns: 1fr;
        gap: 25px;
        padding-top: 25px;
    }
    .co-principle-grid article {
        display: grid;
        grid-template-columns: 27px 1fr;
        gap: 0 14px;
    }
    .co-principle-icon {
        grid-row: 1 / 3;
        margin: 2px 0 0;
    }
    .co-principle-icon>.co-icon {
        width: 24px;
        height: 24px;
    }
    .co-principle-grid h3 {
        font-size: 22px;
        margin-bottom: 8px;
    }
    .co-principle-grid p {
        font-size: 15px;
    }
    .co-bro-strip {
        padding: 22px 20px;
        border-radius: 16px;
        grid-template-columns: 40px 1fr;
        gap: 12px 14px;
        margin-bottom: 28px;
    }
    .co-bro-symbol {
        width: 40px;
        height: 40px;
    }
    .co-bro-symbol>.co-mark {
        width: 34px;
        height: 34px;
    }
    .co-bro-strip h2 {
        font-size: 24px;
        line-height: 1.2;
    }
    .co-bro-strip p {
        font-size: 14px;
        line-height: 1.55;
    }
    .co-bro-strip>.co-btn {
        grid-column: 1 / -1;
        width: 100%;
        margin-top: 3px;
        font-size: 15px;
    }
    .co-closing {
        padding: 28px 24px;
        margin-bottom: 40px;
        border-radius: 18px;
        gap: 22px;
    }
    .co-closing h2 {
        font-size: 34px;
        line-height: 1.13;
        max-width: 260px;
    }
    .co-closing p {
        font-size: 16px;
    }
    .co-closing>.co-btn {
        width: 100%;
        justify-content: space-between;
    }
    .co-closing:after {
        right: -245px;
    }
    .co-contact-hero {
        padding-top: 30px;
        gap: 6px;
        padding-bottom: 18px;
    }
    .co-contact-hero h1 {
        font-size: 47px;
        line-height: 1.06;
        letter-spacing: -1.2px;
        margin-bottom: 17px;
    }
    .co-contact-hero .co-lead {
        font-size: 18px;
        line-height: 1.5;
    }
    .co-contact-art {
        height: 227px;
        max-width: 354px;
    }
    .co-chat-one {
        top: 28px;
        left: 11px;
        right: 59px;
        font-size: 21px;
        padding: 15px 19px;
    }
    .co-chat-one>span {
        font-size: 13px;
    }
    .co-chat-two {
        top: 124px;
        left: 33px;
        right: 15px;
        padding: 13px 14px;
        font-size: 17px;
        gap: 10px;
    }
    .co-chat-two .co-mini-mark {
        width: 35px;
        height: 35px;
        border-radius: 10px;
    }
    .co-chat-two .co-mark {
        width: 31px;
        height: 31px;
    }
    .co-chat-two>div>span {
        font-size: 10px;
    }
    .co-contact-art>.co-capy {
        width: 75px;
        height: 75px;
        bottom: -5px;
        right: 3px;
    }
    .co-topic-cards {
        margin-bottom: 22px;
    }
    .co-topic-card {
        padding: 14px 16px;
        gap: 13px;
        border-radius: 13px;
    }
    .co-topic-icon {
        width: 38px;
        height: 38px;
        border-radius: 11px;
    }
    .co-topic-icon>.co-icon {
        width: 20px;
        height: 20px;
    }
    .co-topic-card strong {
        font-size: 19px;
    }
    .co-topic-card small {
        font-size: 12px;
    }
    .co-topic-card>.co-icon {
        width: 16px;
        height: 16px;
    }
    .co-form-card {
        padding: 23px 18px;
        border-radius: 18px;
        scroll-margin-top: 86px;
    }
    .co-form-heading h2 {
        font-size: 30px;
        letter-spacing: -.5px;
    }
    .co-form-heading .co-kicker {
        font-size: 9px;
        letter-spacing: 1px;
    }
    .co-form-heading-icon {
        width: 35px;
        height: 35px;
        border-radius: 10px;
    }
    .co-form-heading-icon>.co-icon {
        width: 19px;
        height: 19px;
    }
    .co-form-heading {
        gap: 10px;
        margin-bottom: 19px;
    }
    .co-preview-note {
        font-size: 10px;
        padding: 9px 10px;
        gap: 6px;
        margin-bottom: 20px;
    }
    .co-preview-note>.co-icon {
        width: 14px;
        height: 14px;
    }
    .co-field {
        margin-bottom: 18px;
    }
    .co-field label {
        font-size: 15px;
    }
    .co-field label>span {
        font-size: 11px;
    }
    .co-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .co-field input,.co-field select,.co-field textarea {
        font-size: 16px;
        padding: 12px;
    }
    .co-topic-help {
        font-size: 11px;
    }
    .co-counter {
        font-size: 10px;
    }
    .co-sensitive-note p {
        font-size: 11px;
    }
    .co-consent {
        font-size: 12px;
        gap: 9px;
    }
    .co-consent input {
        margin-top: 1px;
    }
    .co-form-bottom {
        flex-direction: column;
        align-items: stretch;
        gap: 13px;
    }
    .co-form-bottom .co-btn {
        font-size: 15px;
        justify-content: space-between;
        padding-inline: 17px;
        min-height: 49px;
    }
    .co-form-bottom>span {
        font-size: 10px;
        line-height: 1.45;
    }
    .co-form-result h3 {
        font-size: 27px;
    }
    .co-form-result p {
        font-size: 15px;
    }
    .co-result-actions {
        gap: 12px;
        align-items: stretch;
        flex-direction: column;
    }
    .co-result-actions>.co-btn {
        font-size: 14px;
    }
    .co-result-actions>.co-text-link {
        align-self: flex-start;
        font-size: 14px;
    }
    .co-contact-aside {
        grid-template-columns: 1fr;
        gap: 22px;
    }
    .co-channel-card,.co-bank-help,.co-before-send {
        grid-column: auto;
        grid-row: auto;
    }
    .co-channel-card {
        padding: 23px;
    }
    .co-channel-card h2 {
        font-size: 26px;
    }
    .co-channel-card>p {
        font-size: 15px;
    }
    .co-channel strong {
        font-size: 18px;
    }
    .co-before-send {
        padding: 0 12px;
    }
    .co-before-send h2 {
        font-size: 22px;
    }
    .co-before-send li {
        font-size: 14px;
    }
    .co-bank-help {
        padding: 23px;
    }
    .co-bank-help h2 {
        font-size: 23px;
    }
    .co-bank-help p {
        font-size: 15px;
    }
    .co-bank-help .co-text-link {
        font-size: 15px;
    }
    .co-faq {
        gap: 20px;
        padding-top: 40px;
        padding-bottom: 36px;
    }
    .co-faq h2 {
        font-size: 32px;
    }
    .co-faq h2 br {
        display: block;
    }
    .co-faq summary {
        font-size: 17px;
        gap: 14px;
        padding: 18px 0;
    }
    .co-faq summary>span {
        width: 26px;
        height: 26px;
    }
    .co-faq details>p {
        font-size: 15px;
        padding-right: 10px;
    }
    .co-contact-closing {
        gap: 13px;
        align-items: flex-start;
        margin-bottom: 0;
        padding-top: 24px;
    }
    .co-contact-closing>span {
        width: 39px;
        height: 39px;
    }
    .co-contact-closing>span>.co-mark {
        width: 34px;
        height: 34px;
    }
    .co-contact-closing strong {
        font-size: 17px;
        line-height: 1.3;
        margin-bottom: 6px;
    }
    .co-contact-closing p {
        font-size: 14px;
        line-height: 1.5;
    }
    .co-contact-closing>.co-text-link {
        margin-left: 52px;
        font-size: 14px;
    }
    .co-legal-panel {
        padding: 23px 20px;
    }
    .co-legal-panel dl {
        grid-template-columns: 1fr;
        gap: 17px;
    }
    .co-toast {
        font-size: 13px;
        padding: 12px 17px;
        bottom: 17px;
    }
    .co-feedback-host button[type=submit],.co-feedback-host input[type=submit] {
        width: 100%;
    }
}
@media(max-width:359px) {
    .co-wrap {
        width: calc(100% - 28px);
    }
    .co-hero-copy h1 {
        font-size: 41px;
        letter-spacing: -1.2px;
    }
    .co-hero-copy .co-lead {
        font-size: 17px;
    }
    .co-about-art {
        height: 329px;
    }
    .co-plan-card {
        padding: 17px 14px;
        left: 8px;
        right: 5px;
    }
    .co-plan-card h2 {
        font-size: 22px;
    }
    .co-art-steps {
        gap: 5px;
    }
    .co-art-steps>i {
        width: 7px;
    }
    .co-art-steps b {
        font-size: 13px;
    }
    .co-art-steps small {
        font-size: 8px;
    }
    .co-art-note {
        max-width: calc(100% - 51px);
        font-size: 10px;
        gap: 6px;
        padding: 10px;
    }
    .co-art-note small {
        font-size: 8px;
    }
    .co-art-note>.co-icon {
        display: none;
    }
    .co-about-art>.co-capy {
        width: 80px;
        height: 80px;
    }
    .co-three-notes p span {
        font-size: 12px;
    }
    .co-section h2 {
        font-size: 29px;
    }
    .co-meaning-card {
        padding: 15px;
    }
    .co-meaning-choices button {
        font-size: 12px;
        padding-inline: 3px;
    }
    .co-meaning-operation {
        gap: 7px;
        flex-wrap: wrap;
    }
    .co-meaning-operation strong {
        width: 100%;
        margin-left: 44px;
        font-size: 25px;
        margin-top: 1px;
    }
    .co-meaning-operation div>span {
        font-size: 13px;
    }
    .co-meaning-bottom {
        font-size: 8px;
    }
    .co-direction {
        padding: 22px;
    }
    .co-direction h3 {
        font-size: 29px;
    }
    .co-direction>p {
        font-size: 15px;
    }
    .co-budget-lines>span {
        font-size: 8px;
    }
    .co-contact-hero h1 {
        font-size: 41px;
        letter-spacing: -1px;
    }
    .co-contact-hero .co-lead {
        font-size: 17px;
    }
    .co-chat-one {
        font-size: 19px;
        padding: 14px 16px;
    }
    .co-chat-two {
        left: 18px;
        right: 7px;
        font-size: 16px;
        padding: 12px 13px;
    }
    .co-chat-two>div>span {
        font-size: 9px;
    }
    .co-topic-card {
        padding: 13px;
        gap: 11px;
    }
    .co-topic-card strong {
        font-size: 18px;
    }
    .co-topic-card small {
        font-size: 11px;
    }
    .co-form-card {
        padding: 21px 15px;
    }
    .co-form-heading h2 {
        font-size: 27px;
    }
    .co-form-heading-icon {
        width: 29px;
        height: 29px;
    }
    .co-form-heading-icon>.co-icon {
        width: 17px;
        height: 17px;
    }
    .co-preview-note {
        font-size: 9px;
        padding-inline: 8px;
    }
    .co-form-result h3 {
        font-size: 25px;
    }
    .co-closing {
        padding: 25px 22px;
    }
    .co-closing h2 {
        font-size: 32px;
    }
}
@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto;
    }
    *,*:before,*:after {
        animation: none!important;
        transition: none!important;
    }
}
@media print {
    .co-topic-cards,.co-toast,.co-actions,.co-closing,.co-bro-strip>.co-btn,.co-form-bottom,.co-contact-closing>.co-text-link {
        display: none!important;
    }
    html {
        scroll-behavior: auto;
    }
    body.co-page {
        background: white;
        font-size: 12pt;
        color: #17325E;
    }
    .co-wrap {
        width: 100%;
    }
    .co-about-hero,.co-mission,.co-contact-layout {
        display: block;
        min-height: 0;
        padding-block: 22px;
    }
    .co-contact-hero {
        display: block;
        padding: 22px 0;
    }
    .co-hero-copy h1,.co-contact-hero h1 {
        font-size: 35pt;
    }
    .co-about-art,.co-contact-art {
        display: none;
    }
    .co-meaning-card {
        margin-top: 24px;
    }
    .co-section {
        padding-block: 25px;
    }
    .co-section h2 {
        font-size: 25pt;
    }
    .co-directions-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .co-direction,.co-meaning-card,.co-form-card,.co-bank-help {
        break-inside: avoid;
    }
    .co-principle-grid {
        grid-template-columns: 1fr 1fr;
    }
    .co-contact-aside {
        display: none;
    }
    .co-faq {
        display: block;
    }
    .co-faq-items {
        margin-top: 20px;
    }
    .co-faq details>p {
        display: block;
    }
    .co-faq details::details-content {
        content-visibility: visible;
        height: auto;
    }
    .co-lead {
        font-size: 15pt;
    }
}
.co-orbit {
    inset: 9px 0 2px;
    transform: none;
}
.co-about-art {
    height: 450px;
}
.co-art-note {
    top: 370px;
    bottom: auto;
}
@media(max-width:1200px) {
    .co-about-art {
        height: 440px;
    }
    .co-art-note {
        top: 350px;
    }
}
@media(max-width:1023px) {
    .co-about-art {
        height: 430px;
    }
    .co-art-note {
        top: 335px;
    }
}
@media(max-width:760px) {
    .co-about-art {
        height: 430px;
    }
    .co-art-note {
        top: 337px;
    }
}
@media(max-width:500px) {
    .co-about-art {
        height: 385px;
    }
    .co-art-note {
        top: 305px;
    }
}
@media(max-width:359px) {
    .co-about-art {
        height: 365px;
    }
    .co-art-note {
        top: 292px;
    }
}
.co-demo-form fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.co-direct-contacts {
    margin: 20px 0 48px;
    scroll-margin-top: 110px;
}
.co-direct-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 26px;
}
.co-direct-heading h2 {
    margin: 8px 0 0;
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.15;
}
.co-direct-heading > p {
    max-width: 310px;
    color: var(--co-muted, #627797);
    font-size: 17px;
    line-height: 1.5;
    margin: 0;
}
.co-contact-methods {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.co-contact-method {
    display: flex;
    align-items: start;
    gap: 18px;
    border: 1px solid #DCE6F5;
    background: #FFFFFF;
    border-radius: 22px;
    padding: 28px;
    color: #17325E;
    text-decoration: none;
    transition: border-color .18s, box-shadow .18s;
    min-width: 0;
}
.co-contact-method:hover, .co-contact-method:focus-visible {
    border-color: #3263D9;
    box-shadow: 0 10px 32px #17325E0C;
}
.co-method-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 14px;
    color: #3263D9;
    background: #EDF3FF;
}
.co-method-body { min-width: 0; }
.co-method-body .co-kicker { font-size: 12px; }
.co-method-body h3 {
    font-size: clamp(21px, 2vw, 28px);
    margin: 10px 0;
    font-weight: 500;
    overflow-wrap: anywhere;
}
.co-method-body p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #627797;
}
.co-method-arrow { margin-left: auto; color: #3263D9; }
.co-social-fill { fill: currentColor; stroke: none; }
.co-contact-notes {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 24px;
    margin-bottom: 40px;
}
.co-contact-notes p { line-height: 1.6; }
.co-contact-notes .co-bank-help { margin: 0; }
@media (max-width: 850px) {
    .co-contact-method { padding: 24px; gap: 14px; }
    .co-method-arrow { display: none; }
    .co-contact-notes { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
    .co-direct-heading { display: block; }
    .co-direct-heading > p { margin-top: 16px; max-width: none; }
    .co-contact-methods, .co-contact-notes { grid-template-columns: 1fr; }
    .co-contact-method { padding: 22px 18px; }
    .co-method-icon { width: 40px; height: 40px; flex-basis: 40px; border-radius: 12px; }
    .co-direct-contacts { margin-top: 28px; }
    .co-contact-notes { margin-bottom: 28px; }
}