html,
body {
margin: 0;
padding: 0;
}

body {
font-family: 'Manrope', sans-serif;
}

.gym-header {
background: linear-gradient(135deg, #247194 0%, #1a5570 60%, #90C2D0 100%);
position: relative;
}

.gym-header__brand-bar {
display: flex;
align-items: center;
gap: 24px;
max-width: 1400px;
margin: 0 auto;
padding: 24px 40px 12px 40px;
border-bottom: 1px solid rgba(144, 194, 208, 0.3);
}

.gym-header__logo-wrap {
flex-shrink: 0;
border: 1px solid rgba(255, 255, 255, 0.9);
border-radius: 10px 0px 10px 0px;
padding: 8px;
background-color: rgba(255, 255, 255, 0.12);
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
}

.gym-header__logo-wrap img {
display: block;
width: 70px;
height: 70px;
object-fit: contain;
}

.gym-header__brand-text {
flex: 1;
}

.gym-header__brand-name {
font-size: 24px;
font-weight: 700;
line-height: 1.2;
color: #ffffff;
letter-spacing: -0.02em;
}

.gym-header__tagline {
font-size: 14px;
font-weight: 400;
line-height: 1.6;
color: #C8EEF4;
letter-spacing: 0.04em;
margin-top: 4px;
}

.gym-header__contact-strip {
display: flex;
align-items: center;
gap: 24px;
margin-left: auto;
}

.gym-header__contact-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #C8EEF4;
line-height: 1.6;
letter-spacing: 0.03em;
text-decoration: none;
transition: color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.gym-header__contact-item:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(144, 194, 208, 0.6);
border-radius: 6px;
}

.gym-header__contact-item i {
font-size: 16px;
color: #90C2D0;
}

.gym-header__nav-bar {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}

.gym-nav {
display: flex;
align-items: stretch;
gap: 4px;
flex-wrap: wrap;
}

.gym-nav__item {
position: relative;
}

.gym-nav__link {
display: flex;
align-items: center;
gap: 8px;
padding: 16px 24px;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.05em;
color: #C8EEF4;
text-decoration: none;
border-radius: 6px 6px 0px 0px;
transition: color 0.5s ease, background-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
min-height: 44px;
}

.gym-nav__link:hover {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
}

.gym-nav__link:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(200, 238, 244, 0.5);
}

.gym-nav__link--active {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.15);
}

.gym-nav__link i {
font-size: 14px;
opacity: 0.75;
}

.gym-nav__sub {
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
background: #1a5570;
border-radius: 0px 6px 6px 6px;
box-shadow: -1px 12px 40px 0 rgba(36, 113, 148, 0.13);
padding: 8px 0;
opacity: 0;
pointer-events: none;
transition: opacity 0.5s ease;
z-index: 100;
}

.gym-nav__item:hover .gym-nav__sub,
.gym-nav__item:focus-within .gym-nav__sub {
opacity: 1;
pointer-events: auto;
}

.gym-nav__sub-link {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 24px;
font-size: 14px;
font-weight: 400;
line-height: 1.6;
letter-spacing: 0.03em;
color: #C8EEF4;
text-decoration: none;
transition: color 0.5s ease, background-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
min-height: 44px;
}

.gym-nav__sub-link:hover {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.08);
}

.gym-nav__sub-link:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(144, 194, 208, 0.5) inset;
}

.gym-footer {
background: #0f3a4d;
border-top: 4px solid #247194;
}

.gym-footer__upper {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px 40px 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
border-bottom: 1px solid rgba(144, 194, 208, 0.2);
}

.gym-footer__col-label {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.1em;
color: #90C2D0;
line-height: 1.2;
margin-bottom: 24px;
text-transform: uppercase;
}

.gym-footer__brand-desc {
font-size: 14px;
font-weight: 400;
line-height: 1.9;
color: rgba(200, 238, 244, 0.7);
letter-spacing: 0.02em;
}

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

.gym-footer__links a {
font-size: 14px;
font-weight: 400;
line-height: 1.6;
color: rgba(200, 238, 244, 0.75);
text-decoration: none;
letter-spacing: 0.03em;
display: flex;
align-items: center;
gap: 8px;
padding: 4px 0;
transition: color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
min-height: 44px;
}

.gym-footer__links a:hover {
color: #C8EEF4;
}

.gym-footer__links a:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(144, 194, 208, 0.5);
border-radius: 6px;
}

.gym-footer__links a i {
font-size: 14px;
color: #247194;
flex-shrink: 0;
}

.gym-footer__hours-block {
display: flex;
flex-direction: column;
gap: 12px;
}

.gym-footer__hours-row {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.02em;
padding: 8px 12px;
border-radius: 6px;
background: rgba(36, 113, 148, 0.15);
}

.gym-footer__hours-day {
color: rgba(200, 238, 244, 0.7);
font-weight: 400;
}

.gym-footer__hours-time {
color: #C8EEF4;
font-weight: 700;
}

.gym-footer__contact-list {
list-style: none;
padding: 0;
margin: 24px 0 0 0;
display: flex;
flex-direction: column;
gap: 8px;
}

.gym-footer__contact-list li {
display: flex;
align-items: center;
gap: 8px;
}

.gym-footer__contact-list a {
font-size: 14px;
font-weight: 400;
line-height: 1.6;
color: rgba(200, 238, 244, 0.75);
text-decoration: none;
letter-spacing: 0.03em;
transition: color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.gym-footer__contact-list a:hover {
color: #C8EEF4;
}

.gym-footer__contact-list a:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(144, 194, 208, 0.5);
border-radius: 6px;
}

.gym-footer__contact-list i {
font-size: 14px;
color: #247194;
flex-shrink: 0;
}

.gym-footer__lower {
max-width: 1400px;
margin: 0 auto;
padding: 24px 40px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 24px;
}

.gym-footer__legal-links {
display: flex;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}

.gym-footer__legal-links a {
font-size: 14px;
font-weight: 400;
line-height: 1.6;
color: rgba(144, 194, 208, 0.6);
text-decoration: none;
letter-spacing: 0.03em;
transition: color 0.5s ease;
min-height: 44px;
display: flex;
align-items: center;
}

.gym-footer__legal-links a:hover {
color: #90C2D0;
}

.gym-footer__legal-links a:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(144, 194, 208, 0.5);
border-radius: 6px;
}

.gym-footer__copy {
font-size: 14px;
font-weight: 400;
line-height: 1.6;
color: rgba(144, 194, 208, 0.5);
letter-spacing: 0.03em;
}

.gym-footer__logo-end {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px 40px 40px;
display: flex;
justify-content: flex-start;
}

.gym-footer__logo-wrap {
border: 1px solid rgba(144, 194, 208, 0.4);
border-radius: 0px 10px 0px 10px;
padding: 8px;
background-color: rgba(255, 255, 255, 0.06);
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
}

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

@media (max-width: 900px) {
.gym-header__brand-bar {
padding: 24px 24px 12px 24px;
flex-wrap: wrap;
}

.gym-header__contact-strip {
display: none;
}

.gym-header__nav-bar {
padding: 0 24px;
}

.gym-nav {
gap: 0;
}

.gym-nav__link {
padding: 12px 16px;
font-size: 14px;
}

.gym-footer__upper {
grid-template-columns: 1fr;
padding: 40px 24px;
gap: 40px;
}

.gym-footer__lower {
padding: 24px;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}

.gym-footer__logo-end {
padding: 0 24px 40px 24px;
}
}

.legal-wrapper {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
}

.legal-wrapper p {
font-size: 16px;
line-height: 1.9;
color: #2c3e50;
margin-bottom: 24px;
letter-spacing: 0.01em;
}

.legal-wrapper strong,
.legal-wrapper b {
font-weight: 700;
color: #247194;
}

.legal-wrapper ul,
.legal-wrapper ol {
margin: 0 0 24px 0;
padding-left: 40px;
}

.legal-wrapper ul {
list-style-type: disc;
}

.legal-wrapper ol {
list-style-type: decimal;
}

.legal-wrapper li {
font-size: 16px;
line-height: 1.9;
color: #2c3e50;
margin-bottom: 8px;
letter-spacing: 0.01em;
}

.legal-wrapper li:last-child {
margin-bottom: 0;
}

.legal-wrapper ul ul,
.legal-wrapper ol ol,
.legal-wrapper ul ol,
.legal-wrapper ol ul {
margin-top: 8px;
margin-bottom: 8px;
}

.legal-wrapper table {
width: 100%;
border-collapse: collapse;
margin-bottom: 40px;
font-size: 14px;
line-height: 1.6;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
border-radius: 6px;
overflow: hidden;
}

.legal-wrapper thead {
background-color: #247194;
}

.legal-wrapper thead th {
color: #ffffff;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.04em;
padding: 12px 24px;
text-align: left;
}

.legal-wrapper tbody tr {
border-bottom: 1px solid #C8EEF4;
transition: background-color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.legal-wrapper tbody tr:last-child {
border-bottom: none;
}

.legal-wrapper tbody tr:nth-child(even) {
background-color: #f4fbfd;
}

.legal-wrapper tbody tr:hover {
background-color: #C8EEF4;
}

.legal-wrapper td {
padding: 12px 24px;
font-size: 14px;
line-height: 1.6;
color: #2c3e50;
vertical-align: top;
}

.legal-wrapper th {
padding: 12px 24px;
}

.legal-wrapper hr {
border: none;
border-top: 1px solid #90C2D0;
margin: 40px 0;
opacity: 0.5;
}

@media (max-width: 768px) {
.legal-wrapper {
padding: 40px 24px;
}

.legal-wrapper p {
font-size: 16px;
line-height: 1.9;
}

.legal-wrapper ul,
.legal-wrapper ol {
padding-left: 24px;
}

.legal-wrapper table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

.legal-wrapper thead th,
.legal-wrapper td {
padding: 12px;
white-space: nowrap;
}

.legal-wrapper hr {
margin: 24px 0;
}
}

@media (max-width: 480px) {
.legal-wrapper {
padding: 24px 12px;
}

.legal-wrapper thead th,
.legal-wrapper td {
padding: 8px 12px;
}
}

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

.arc-det .read-band {
background: #247194;
width: 100%;
padding: 8px 24px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 24px;
}

.arc-det .read-band__item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
color: #C8EEF4;
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.04em;
}

.arc-det .read-band__icon {
font-size: 16px;
color: #90C2D0;
}

.arc-det .read-band__tag {
background: #90C2D0;
color: #247194;
font-size: 14px;
line-height: 1.6;
padding: 4px 12px;
border-radius: 6px;
font-weight: 700;
letter-spacing: 0.06em;
}

.arc-det .art-top {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px 40px;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 40px;
align-items: start;
}

.arc-det .art-img-col {
position: relative;
}

.arc-det .art-img-wrap {
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 12px 40px 0 rgba(36, 113, 148, 0.13);
position: relative;
}

.arc-det .art-img-wrap::before {
content: "";
display: block;
position: absolute;
inset: 0;
background: conic-gradient(from 220deg at 20% 80%, rgba(36, 113, 148, 0.18) 0deg, rgba(144, 194, 208, 0.10) 120deg, rgba(200, 238, 244, 0.08) 240deg, rgba(36, 113, 148, 0.14) 360deg);
z-index: 1;
border-radius: 10px;
}

.arc-det .art-img {
width: 100%;
aspect-ratio: 4/5;
object-fit: cover;
display: block;
border-radius: 10px;
filter: contrast(1.04) saturate(1.08);
}

.arc-det .art-img-blur {
background: #C8EEF4;
width: 100%;
aspect-ratio: 4/5;
border-radius: 10px;
display: block;
}

.arc-det .art-img-accent {
position: absolute;
bottom: -12px;
right: -12px;
width: 80px;
height: 80px;
border-radius: 10px;
background: conic-gradient(from 180deg at 30% 70%, #247194 0deg, #90C2D0 180deg, #C8EEF4 360deg);
opacity: 0.22;
z-index: 0;
pointer-events: none;
}

.arc-det .art-blur-spot {
position: absolute;
border-radius: 50%;
pointer-events: none;
z-index: 0;
}

.arc-det .art-blur-spot--a {
width: 120px;
height: 120px;
background: rgba(144, 194, 208, 0.28);
top: -24px;
left: -24px;
filter: blur(32px);
}

.arc-det .art-blur-spot--b {
width: 80px;
height: 80px;
background: rgba(36, 113, 148, 0.18);
bottom: 24px;
right: -16px;
filter: blur(20px);
}

.arc-det .art-text-col {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 40px;
}

.arc-det .art-like-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.arc-det .art-like-badge {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
background: #C8EEF4;
border-radius: 6px;
padding: 4px 12px;
font-size: 14px;
color: #247194;
font-weight: 700;
letter-spacing: 0.04em;
}

.arc-det .art-like-icon {
font-size: 16px;
color: #247194;
}

.arc-det .art-h1 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1a3a4a;
margin: 0;
}

.arc-det .art-h1 span {
font-size: 70px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #247194;
display: block;
}

.arc-det .art-sub {
font-size: 24px;
line-height: 1.6;
color: #247194;
margin: 0;
font-weight: 400;
letter-spacing: -0.01em;
}

.arc-det .art-meta-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}

.arc-det .art-meta-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 14px;
color: #3a6a7a;
letter-spacing: 0.03em;
line-height: 1.6;
}

.arc-det .art-meta-icon {
font-size: 16px;
color: #90C2D0;
}

.arc-det .art-double-border {
border: 1px solid #90C2D0;
outline: 3px solid #247194;
outline-offset: 4px;
border-radius: 6px;
padding: 24px;
background: #f4fbfd;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
}

.arc-det .art-double-border__label {
font-size: 14px;
color: #90C2D0;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 8px;
line-height: 1.6;
}

.arc-det .art-double-border__text {
font-size: 16px;
color: #1a3a4a;
line-height: 1.9;
margin: 0;
}

.arc-det .art-cta-link {
display: inline-flex;
align-items: center;
gap: 8px;
background: #247194;
color: #C8EEF4;
font-size: 16px;
line-height: 1.6;
padding: 12px 24px;
border-radius: 6px;
text-decoration: none;
font-weight: 700;
letter-spacing: 0.04em;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.13);
transition: brightness 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
align-self: flex-start;
}

.arc-det .art-cta-link:hover {
filter: brightness(1.12);
}

.arc-det .art-cta-link:focus {
outline: 3px solid #90C2D0;
outline-offset: 4px;
}

.arc-det .divider-band {
width: 100%;
background: #C8EEF4;
height: 8px;
margin: 0;
}

.arc-det .art-body-sec {
background: #f4fbfd;
width: 100%;
position: relative;
}

.arc-det .art-body-sec::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
radial-gradient(circle, rgba(36, 113, 148, 0.07) 2px, transparent 2px),
radial-gradient(circle, rgba(144, 194, 208, 0.05) 3px, transparent 3px),
radial-gradient(circle, rgba(36, 113, 148, 0.04) 1px, transparent 1px);
background-size: 60px 60px, 90px 90px, 40px 40px;
background-position: 0 0, 30px 30px, 15px 50px;
pointer-events: none;
z-index: 0;
}

.arc-det .art-body-inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
display: grid;
grid-template-columns: 2fr 1fr;
gap: 80px;
position: relative;
z-index: 1;
}

.arc-det .art-prose {
display: flex;
flex-direction: column;
gap: 24px;
}

.arc-det .art-prose__abbr {
font-size: 70px;
line-height: 1.2;
letter-spacing: -0.04em;
color: #C8EEF4;
font-weight: 900;
pointer-events: none;
user-select: none;
display: block;
margin-bottom: -24px;
}

.arc-det .art-prose p {
font-size: 16px;
line-height: 1.9;
color: #1a3a4a;
margin: 0;
}

.arc-det .art-prose p:first-of-type {
font-size: 24px;
line-height: 1.6;
color: #247194;
}

.arc-det .art-prose h2 {
font-size: 24px;
line-height: 1.6;
color: #247194;
margin: 0;
letter-spacing: -0.01em;
}

.arc-det .art-prose small {
font-size: 14px;
color: #3a6a7a;
line-height: 1.6;
letter-spacing: 0.03em;
}

.arc-det .art-prose cite {
font-size: 16px;
color: #247194;
font-style: italic;
line-height: 1.9;
}

.arc-det .art-prose ul,
.arc-det .art-prose ol {
margin: 0;
padding-left: 24px;
display: flex;
flex-direction: column;
gap: 8px;
}

.arc-det .art-prose li {
font-size: 16px;
line-height: 1.9;
color: #1a3a4a;
}

.arc-det .art-prose blockquote {
margin: 0;
padding: 24px;
background: #fff;
border-radius: 10px;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
position: relative;
}

.arc-det .art-prose blockquote::before {
content: "\201C";
font-size: 52px;
line-height: 1.2;
color: #247194;
position: absolute;
top: 8px;
left: 12px;
font-weight: 900;
}

.arc-det .art-prose blockquote::after {
content: "\201D";
font-size: 52px;
line-height: 1.2;
color: #247194;
position: absolute;
bottom: 0px;
right: 12px;
font-weight: 900;
}

.arc-det .art-prose blockquote p {
padding-left: 40px;
padding-right: 40px;
font-size: 16px;
color: #1a3a4a;
}

.arc-det .art-prose figure {
margin: 0;
border-radius: 10px;
overflow: hidden;
}

.arc-det .art-prose figcaption {
font-size: 14px;
color: #3a6a7a;
line-height: 1.6;
margin-top: 8px;
letter-spacing: 0.03em;
}

.arc-det .art-prose table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
line-height: 1.6;
color: #1a3a4a;
border-radius: 6px;
overflow: hidden;
box-shadow: -1px 3px 5px 0 rgba(36, 113, 148, 0.05);
}

.arc-det .art-prose thead {
background: #247194;
color: #C8EEF4;
}

.arc-det .art-prose tfoot {
background: #C8EEF4;
color: #247194;
font-weight: 700;
}

.arc-det .art-prose th,
.arc-det .art-prose td {
padding: 12px 16px;
text-align: left;
border-bottom: 1px solid #C8EEF4;
}

.arc-det .art-prose caption {
font-size: 14px;
color: #3a6a7a;
padding-bottom: 8px;
text-align: left;
letter-spacing: 0.04em;
}

.arc-det .art-sidebar {
display: flex;
flex-direction: column;
gap: 40px;
padding-top: 40px;
}

.arc-det .art-sidebar__card {
background: #fff;
border-radius: 10px;
padding: 24px;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
display: flex;
flex-direction: column;
gap: 12px;
}

.arc-det .art-sidebar__card-label {
font-size: 14px;
color: #90C2D0;
letter-spacing: 0.08em;
text-transform: uppercase;
line-height: 1.6;
font-weight: 700;
}

.arc-det .art-sidebar__card-text {
font-size: 16px;
line-height: 1.9;
color: #1a3a4a;
margin: 0;
}

.arc-det .art-sidebar__metric {
display: flex;
flex-direction: column;
gap: 4px;
}

.arc-det .art-sidebar__metric-num {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #247194;
font-weight: 900;
}

.arc-det .art-sidebar__metric-label {
font-size: 14px;
color: #3a6a7a;
line-height: 1.6;
letter-spacing: 0.04em;
}

.arc-det .art-sidebar__nav-link {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 16px;
color: #247194;
text-decoration: none;
font-weight: 700;
line-height: 1.6;
padding: 12px;
border-radius: 6px;
background: #C8EEF4;
transition: filter 0.5s ease;
}

.arc-det .art-sidebar__nav-link:hover {
filter: brightness(0.93);
}

.arc-det .art-sidebar__nav-link:focus {
outline: 3px solid #247194;
outline-offset: 3px;
}

.arc-det .art-sidebar__nav-icon {
font-size: 18px;
color: #247194;
}

.arc-det .art-sidebar__right-block {
text-align: right;
border: 1px solid #90C2D0;
outline: 3px solid #C8EEF4;
outline-offset: 4px;
border-radius: 6px;
padding: 24px;
background: #fff;
}

.arc-det .art-sidebar__right-block p {
font-size: 16px;
line-height: 1.9;
color: #1a3a4a;
margin: 0;
}

.arc-det .art-sidebar__right-block-label {
font-size: 14px;
color: #247194;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
line-height: 1.6;
margin-bottom: 8px;
}

@keyframes rowReveal {
from {
opacity: 0;
transform: translateY(24px);
}

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

.arc-det .art-top {
animation: rowReveal 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.arc-det .art-body-inner {
animation: rowReveal 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
}

.arc-det .art-text-col {
animation: rowReveal 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s both;
}

.arc-det .art-sidebar {
animation: rowReveal 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.35s both;
}

@media (max-width: 1024px) {
.arc-det .art-top {
grid-template-columns: 1fr;
padding: 40px 24px 24px;
gap: 24px;
}

.arc-det .art-text-col {
padding-top: 0;
}

.arc-det .art-h1 {
font-size: 52px;
}

.arc-det .art-h1 span {
font-size: 52px;
}

.arc-det .art-body-inner {
grid-template-columns: 1fr;
gap: 40px;
padding: 40px 24px;
}

.arc-det .art-sidebar {
padding-top: 0;
}
}

@media (max-width: 640px) {
.arc-det .art-top {
padding: 24px 12px 12px;
gap: 24px;
}

.arc-det .art-h1 {
font-size: 24px;
}

.arc-det .art-h1 span {
font-size: 52px;
}

.arc-det .art-sub {
font-size: 16px;
}

.arc-det .art-body-inner {
padding: 24px 12px;
gap: 24px;
}

.arc-det .art-prose p:first-of-type {
font-size: 16px;
}

.arc-det .art-prose__abbr {
font-size: 52px;
}

.arc-det .read-band {
flex-direction: column;
gap: 8px;
padding: 12px;
}

.arc-det .art-top,
.arc-det .art-text-col,
.arc-det .art-sidebar,
.arc-det .art-body-inner {
animation: none;
}
}

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

.arc__grid-bound {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}

.arc__banner {
background: #247194;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}

.arc__banner-bg {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
}

.arc__banner-curve {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}

.arc__banner-inner {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
gap: 40px;
}

.arc__banner-text {
flex: 1 1 0;
min-width: 0;
}

.arc__banner-label {
display: inline-block;
background: #90C2D0;
color: #0d3f54;
font-size: 14px;
line-height: 1.2;
letter-spacing: 0.08em;
padding: 4px 12px;
border-radius: 6px;
margin-bottom: 24px;
font-weight: 600;
}

.arc__banner-h1 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #ffffff;
margin-bottom: 24px;
}

.arc__banner-h1 span {
display: block;
font-size: 70px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #C8EEF4;
}

.arc__banner-desc {
font-size: 16px;
line-height: 1.6;
color: #C8EEF4;
max-width: 480px;
}

.arc__banner-img-col {
flex: 0 0 420px;
position: relative;
}

.arc__banner-img-frame {
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 12px 40px 0 rgba(36, 113, 148, 0.13);
position: relative;
}

.arc__banner-img-frame img {
width: 420px;
height: 300px;
object-fit: cover;
display: block;
filter: saturate(1.15) contrast(1.05);
}

.arc__banner-img-overlay {
position: absolute;
inset: 0;
background: conic-gradient(from 200deg at 80% 20%, rgba(36, 113, 148, 0.45) 0deg, rgba(144, 194, 208, 0.2) 120deg, transparent 220deg);
mix-blend-mode: multiply;
border-radius: 10px;
}

.arc__banner-curve-svg {
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
pointer-events: none;
}

.arc__stat-strip {
background: #C8EEF4;
padding-top: 40px;
padding-bottom: 40px;
}

.arc__stat-row {
display: flex;
flex-direction: row;
gap: 40px;
align-items: center;
justify-content: space-between;
}

.arc__stat-item {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1 1 0;
align-items: center;
text-align: center;
}

.arc__stat-num {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #247194;
font-weight: 700;
}

.arc__stat-label {
font-size: 14px;
line-height: 1.6;
color: #1a4d63;
letter-spacing: 0.04em;
}

.arc__stat-arrow {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
color: #247194;
font-size: 24px;
font-weight: 700;
}

.arc__stat-arrow-svg {
width: 32px;
height: 16px;
}

.arc__posts-area {
background: #ffffff;
padding-top: 80px;
padding-bottom: 80px;
}

.arc__posts-head {
margin-bottom: 40px;
}

.arc__posts-h2 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1a3d4f;
}

.arc__posts-h2 span {
font-size: 70px;
display: block;
color: #247194;
line-height: 1.2;
letter-spacing: -0.03em;
}

.arc__card-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}

.arc__card {
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
background: #ffffff;
display: flex;
flex-direction: column;
border: 1px solid #C8EEF4;
transition: box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.arc__card:hover {
box-shadow: -1px 12px 40px 0 rgba(36, 113, 148, 0.13);
}

.arc__card-img-wrap {
position: relative;
overflow: hidden;
height: 220px;
flex-shrink: 0;
}

.arc__card-img-wrap img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.arc__card:hover .arc__card-img-wrap img {
transform: scale(1.04);
}

.arc__card-tag {
position: absolute;
top: 12px;
left: 12px;
background: #247194;
color: #ffffff;
font-size: 14px;
line-height: 1.2;
padding: 4px 12px;
border-radius: 6px;
letter-spacing: 0.05em;
font-weight: 600;
}

.arc__card-body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1 1 auto;
}

.arc__card-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}

.arc__card-date {
font-size: 14px;
line-height: 1.2;
color: #5a8fa3;
letter-spacing: 0.03em;
}

.arc__card-read {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
font-size: 14px;
line-height: 1.2;
color: #5a8fa3;
}

.arc__card-read i {
font-size: 14px;
color: #90C2D0;
}

.arc__card-h3 {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.01em;
color: #1a3d4f;
}

.arc__card-sub {
font-size: 14px;
line-height: 1.6;
color: #247194;
font-weight: 600;
letter-spacing: 0.02em;
}

.arc__card-excerpt {
font-size: 16px;
line-height: 1.6;
color: #2e5f74;
}

.arc__card-foot {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: auto;
padding-top: 12px;
border-top: 1px solid #C8EEF4;
}

.arc__card-likes {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
font-size: 14px;
color: #5a8fa3;
}

.arc__card-likes i {
font-size: 16px;
color: #247194;
}

.arc__card-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 1.2;
color: #247194;
text-decoration: none;
font-weight: 600;
padding: 8px 12px;
border-radius: 6px;
background: #C8EEF4;
transition: background 0.5s ease, color 0.5s ease;
}

.arc__card-link:hover {
background: #247194;
color: #ffffff;
}

.arc__card-link i {
font-size: 16px;
}

.arc__quiz-band {
background: #1a3d4f;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
overflow: hidden;
}

.arc__quiz-deco {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
pointer-events: none;
overflow: hidden;
}

.arc__quiz-inner {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
gap: 80px;
}

.arc__quiz-left {
flex: 1 1 0;
min-width: 0;
}

.arc__quiz-eyebrow {
font-size: 14px;
line-height: 1.2;
letter-spacing: 0.1em;
color: #90C2D0;
font-weight: 600;
margin-bottom: 24px;
text-transform: uppercase;
}

.arc__quiz-h2 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #ffffff;
margin-bottom: 24px;
}

.arc__quiz-h2 em {
font-style: normal;
color: #90C2D0;
}

.arc__quiz-p {
font-size: 16px;
line-height: 1.6;
color: #90C2D0;
margin-bottom: 40px;
max-width: 420px;
}

.arc__quiz-btn {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px;
line-height: 1.2;
padding: 12px 24px;
border-radius: 6px;
background: #247194;
color: #ffffff;
text-decoration: none;
font-weight: 600;
border: none;
cursor: pointer;
transition: filter 0.55s ease;
}

.arc__quiz-btn:hover {
filter: brightness(1.18);
}

.arc__quiz-right {
flex: 0 0 340px;
display: flex;
flex-direction: column;
gap: 12px;
}

.arc__quiz-card {
background: rgba(36, 113, 148, 0.18);
border: 1px solid rgba(144, 194, 208, 0.25);
border-radius: 10px;
padding: 24px;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
}

.arc__quiz-card-icon {
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 10px;
background: #247194;
display: flex;
align-items: center;
justify-content: center;
}

.arc__quiz-card-icon i {
font-size: 20px;
color: #C8EEF4;
}

.arc__quiz-card-text {
flex: 1 1 0;
min-width: 0;
}

.arc__quiz-card-h4 {
font-size: 16px;
line-height: 1.2;
color: #ffffff;
margin-bottom: 4px;
font-weight: 600;
}

.arc__quiz-card-p {
font-size: 14px;
line-height: 1.6;
color: #90C2D0;
}

.arc__roles-area {
background: #f4fbfd;
padding-top: 80px;
padding-bottom: 80px;
}

.arc__roles-head {
margin-bottom: 40px;
text-align: right;
}

.arc__roles-h2 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1a3d4f;
}

.arc__roles-h2 span {
display: block;
font-size: 24px;
color: #247194;
letter-spacing: 0.01em;
line-height: 1.6;
}

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

.arc__role-col {
border-radius: 10px;
padding: 40px 24px;
display: flex;
flex-direction: column;
gap: 24px;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
}

.arc__role-col--beginner {
background: #ffffff;
border-top: 4px solid #C8EEF4;
}

.arc__role-col--active {
background: #247194;
border-top: 4px solid #90C2D0;
}

.arc__role-col--coach {
background: #1a3d4f;
border-top: 4px solid #247194;
}

.arc__role-badge {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
padding: 4px 12px;
border-radius: 6px;
align-self: flex-start;
}

.arc__role-col--beginner .arc__role-badge {
background: #C8EEF4;
color: #1a3d4f;
}

.arc__role-col--active .arc__role-badge {
background: rgba(255, 255, 255, 0.18);
color: #C8EEF4;
}

.arc__role-col--coach .arc__role-badge {
background: rgba(144, 194, 208, 0.18);
color: #90C2D0;
}

.arc__role-h3 {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.01em;
}

.arc__role-col--beginner .arc__role-h3 {
color: #1a3d4f;
}

.arc__role-col--active .arc__role-h3 {
color: #ffffff;
}

.arc__role-col--coach .arc__role-h3 {
color: #C8EEF4;
}

.arc__role-p {
font-size: 16px;
line-height: 1.6;
}

.arc__role-col--beginner .arc__role-p {
color: #2e5f74;
}

.arc__role-col--active .arc__role-p {
color: #C8EEF4;
}

.arc__role-col--coach .arc__role-p {
color: #90C2D0;
}

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

.arc__role-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
font-size: 14px;
line-height: 1.6;
}

.arc__role-col--beginner .arc__role-list li {
color: #2e5f74;
}

.arc__role-col--active .arc__role-list li {
color: #C8EEF4;
}

.arc__role-col--coach .arc__role-list li {
color: #90C2D0;
}

.arc__role-list-dot {
flex-shrink: 0;
width: 6px;
height: 6px;
border-radius: 1px;
margin-top: 7px;
}

.arc__role-col--beginner .arc__role-list-dot {
background: #247194;
}

.arc__role-col--active .arc__role-list-dot {
background: #C8EEF4;
}

.arc__role-col--coach .arc__role-list-dot {
background: #90C2D0;
}

.arc__quote-area {
background: #ffffff;
padding-top: 80px;
padding-bottom: 80px;
}

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

.arc__quote-left {
flex: 0 0 240px;
display: flex;
flex-direction: column;
gap: 24px;
}

.arc__quote-num-pair {
display: flex;
flex-direction: column;
gap: 8px;
padding: 24px;
border-radius: 10px;
background: #C8EEF4;
box-shadow: -1px 3px 5px 0 rgba(36, 113, 148, 0.05);
}

.arc__quote-num-a {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #247194;
font-weight: 700;
}

.arc__quote-arrow-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.arc__quote-num-b {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #1a3d4f;
font-weight: 700;
}

.arc__quote-num-label {
font-size: 14px;
line-height: 1.6;
color: #2e5f74;
}

.arc__quote-right {
flex: 1 1 0;
min-width: 0;
}

.arc__quote-h2 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1a3d4f;
margin-bottom: 24px;
}

.arc__quote-h2 em {
font-style: normal;
font-size: 70px;
display: block;
color: #247194;
line-height: 1.2;
letter-spacing: -0.03em;
}

.arc__quote-block {
position: relative;
padding: 24px 24px 24px 40px;
border-radius: 10px;
background: #f4fbfd;
margin-bottom: 24px;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
}

.arc__quote-mark-open {
position: absolute;
top: 12px;
left: 12px;
font-size: 52px;
line-height: 1;
color: #247194;
font-weight: 700;
line-height: 1;
}

.arc__quote-mark-close {
position: absolute;
bottom: 4px;
right: 16px;
font-size: 52px;
line-height: 1;
color: #247194;
font-weight: 700;
}

.arc__quote-text {
font-size: 16px;
line-height: 1.9;
color: #1a3d4f;
font-style: italic;
}

.arc__quote-attr {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
margin-top: 12px;
}

.arc__quote-avatar {
width: 40px;
height: 40px;
border-radius: 10px;
background: #247194;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.arc__quote-avatar i {
font-size: 20px;
color: #C8EEF4;
}

.arc__quote-name {
font-size: 14px;
line-height: 1.6;
color: #247194;
font-weight: 600;
}

.arc__quote-role-label {
font-size: 14px;
line-height: 1.2;
color: #5a8fa3;
}

.arc__quote-p {
font-size: 16px;
line-height: 1.6;
color: #2e5f74;
}

@media (max-width: 1024px) {
.arc__banner-img-col {
flex: 0 0 300px;
}

.arc__banner-img-frame img {
width: 300px;
height: 220px;
}

.arc__roles-grid {
grid-template-columns: repeat(2, 1fr);
}

.arc__quiz-right {
flex: 0 0 280px;
}
}

@media (max-width: 768px) {
.arc__banner-inner {
flex-direction: column;
}

.arc__banner-img-col {
flex: 0 0 auto;
width: 100%;
}

.arc__banner-img-frame img {
width: 100%;
height: 220px;
}

.arc__banner-h1 {
font-size: 24px;
}

.arc__banner-h1 span {
font-size: 52px;
}

.arc__stat-row {
flex-direction: column;
gap: 24px;
}

.arc__card-grid {
grid-template-columns: 1fr;
}

.arc__quiz-inner {
flex-direction: column;
gap: 40px;
}

.arc__quiz-right {
flex: 0 0 auto;
width: 100%;
}

.arc__quiz-h2 {
font-size: 24px;
}

.arc__roles-grid {
grid-template-columns: 1fr;
}

.arc__roles-head {
text-align: left;
}

.arc__roles-h2 {
font-size: 24px;
}

.arc__quote-inner {
flex-direction: column;
gap: 40px;
}

.arc__quote-left {
flex: 0 0 auto;
width: 100%;
}

.arc__quote-h2 {
font-size: 24px;
}

.arc__quote-h2 em {
font-size: 52px;
}

.arc__posts-h2 {
font-size: 24px;
}

.arc__posts-h2 span {
font-size: 52px;
}
}

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

.abt .pg-load {
animation: pgReveal 0.7s ease forwards;
opacity: 0;
}

@keyframes pgReveal {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

.abt .band-top {
max-width: 1400px;
margin: 0 auto;
padding: 0 24px;
}

.abt .splash {
background: linear-gradient(127deg, #247194 0%, #247194 42%, #C8EEF4 42%, #C8EEF4 100%);
padding: 80px 0 120px;
position: relative;
}

.abt .splash-grid-bg {
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
background-size: 60px 60px;
pointer-events: none;
}

.abt .splash-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 40px;
position: relative;
z-index: 1;
}

.abt .splash-text {
flex: 1 1 55%;
}

.abt .splash-eyebrow {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.12em;
color: #C8EEF4;
text-transform: uppercase;
margin-bottom: 12px;
}

.abt .splash-h1 {
font-size: 70px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #ffffff;
margin: 0 0 24px;
}

.abt .splash-h1 .punct {
color: #90C2D0;
}

.abt .splash-desc {
font-size: 16px;
line-height: 1.9;
color: rgba(255, 255, 255, 0.88);
max-width: 480px;
}

.abt .splash-img-col {
flex: 0 0 380px;
position: relative;
}

.abt .splash-img-frame {
width: 380px;
height: 440px;
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 12px 40px 0 rgba(36, 113, 148, 0.13);
}

.abt .splash-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.abt .splash-img-frame::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 60% 40%, transparent 45%, rgba(36, 113, 148, 0.38) 100%);
pointer-events: none;
}

.abt .splash-arrow {
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
width: 32px;
height: 32px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 2;
}

.abt .splash-arrow svg {
width: 24px;
height: 24px;
opacity: 0.5;
}

.abt .story {
background: #ffffff;
padding: 80px 0;
}

.abt .story-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
gap: 40px;
}

.abt .story-lead {
grid-column: 1 / 3;
grid-row: 1 / 2;
}

.abt .story-lead-h2 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1b4a5e;
margin: 0 0 24px;
}

.abt .story-lead-h2 .big-word {
font-size: 70px;
display: block;
line-height: 1.2;
}

.abt .story-lead-p {
font-size: 16px;
line-height: 1.9;
color: #2d4a55;
max-width: 560px;
}

.abt .story-lead-p--intro {
font-size: 24px;
line-height: 1.6;
color: #247194;
margin-bottom: 12px;
max-width: 520px;
}

.abt .story-img-a {
grid-column: 3 / 4;
grid-row: 1 / 3;
display: flex;
flex-direction: column;
justify-content: stretch;
}

.abt .story-img-a-frame {
width: 100%;
height: 480px;
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
}

.abt .story-img-a-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.abt .story-metrics {
grid-column: 1 / 3;
grid-row: 2 / 3;
display: flex;
flex-direction: row;
gap: 24px;
align-items: stretch;
}

.abt .metric-card {
flex: 1 1 0;
background: #f2f9fb;
border-radius: 10px;
padding: 24px;
box-shadow: -1px 3px 5px 0 rgba(36, 113, 148, 0.05);
display: flex;
flex-direction: column;
gap: 8px;
position: relative;
overflow: hidden;
}

.abt .metric-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #247194, #90C2D0);
border-radius: 10px 10px 0 0;
}

.abt .metric-num {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #247194;
}

.abt .metric-label {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.04em;
color: #3d6a7a;
}

.abt .compare-team {
background: #f0f8fb;
padding: 80px 0;
position: relative;
}

.abt .halftone-bg {
position: absolute;
top: 0;
right: 0;
width: 320px;
height: 320px;
background-image: radial-gradient(circle, rgba(36, 113, 148, 0.18) 1.5px, transparent 1.5px);
background-size: 14px 14px;
mask-image: radial-gradient(ellipse at top right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 70%);
-webkit-mask-image: radial-gradient(ellipse at top right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 70%);
pointer-events: none;
}

.abt .compare-team-inner {
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
display: flex;
flex-direction: column;
gap: 80px;
}

.abt .compare-block {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}

.abt .compare-label {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #247194;
margin-bottom: 12px;
}

.abt .compare-h3 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1b4a5e;
margin: 0 0 24px;
}

.abt .compare-intro {
font-size: 16px;
line-height: 1.9;
color: #2d4a55;
margin-bottom: 40px;
}

.abt .ba-table {
display: grid;
grid-template-columns: 1fr 1fr;
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
}

.abt .ba-col {
display: flex;
flex-direction: column;
}

.abt .ba-col--before {
background: #e8f4f8;
}

.abt .ba-col--after {
background: #247194;
}

.abt .ba-head {
padding: 16px 24px;
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 700;
}

.abt .ba-col--before .ba-head {
color: #247194;
background: #d0eaf3;
}

.abt .ba-col--after .ba-head {
color: #C8EEF4;
background: #1b5f7a;
}

.abt .ba-item {
padding: 12px 24px;
font-size: 14px;
line-height: 1.6;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
border-top: 1px solid rgba(36, 113, 148, 0.1);
}

.abt .ba-col--before .ba-item {
color: #3d6a7a;
}

.abt .ba-col--after .ba-item {
color: #C8EEF4;
border-top-color: rgba(200, 238, 244, 0.15);
}

.abt .ba-dot {
width: 6px;
height: 6px;
border-radius: 50%;
flex-shrink: 0;
}

.abt .ba-col--before .ba-dot {
background: #90C2D0;
}

.abt .ba-col--after .ba-dot {
background: #C8EEF4;
}

.abt .compare-img-col {
display: flex;
flex-direction: column;
gap: 24px;
}

.abt .compare-img-frame {
width: 100%;
height: 340px;
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
}

.abt .compare-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.abt .compare-img-frame:hover img {
transform: scale(1.04);
}

.abt .quote-accent {
background: #C8EEF4;
border-radius: 10px;
padding: 24px;
text-align: right;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 -2px 6px rgba(36, 113, 148, 0.1);
}

.abt .quote-mark {
font-size: 52px;
line-height: 1;
color: #247194;
display: block;
margin-bottom: 8px;
}

.abt .quote-text {
font-size: 16px;
line-height: 1.9;
color: #1b4a5e;
}

.abt .team-block {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}

.abt .team-text {
display: flex;
flex-direction: column;
gap: 24px;
}

.abt .team-h3 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1b4a5e;
margin: 0;
}

.abt .team-p {
font-size: 16px;
line-height: 1.9;
color: #2d4a55;
}

.abt .team-p--intro {
font-size: 24px;
line-height: 1.6;
color: #247194;
}

.abt .app-note {
background: #247194;
border-radius: 10px;
padding: 24px;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.13);
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
}

.abt .app-note-icon {
width: 40px;
height: 40px;
flex-shrink: 0;
background: rgba(200, 238, 244, 0.2);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}

.abt .app-note-icon svg {
width: 22px;
height: 22px;
}

.abt .app-note-text {
flex: 1;
}

.abt .app-note-label {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #90C2D0;
margin-bottom: 4px;
}

.abt .app-note-p {
font-size: 14px;
line-height: 1.6;
color: rgba(200, 238, 244, 0.9);
}

.abt .team-cards {
display: flex;
flex-direction: column;
gap: 24px;
}

.abt .person-card {
display: flex;
flex-direction: row;
gap: 24px;
background: #ffffff;
border-radius: 10px;
padding: 24px;
box-shadow: -1px 3px 5px 0 rgba(36, 113, 148, 0.05);
align-items: flex-start;
position: relative;
overflow: hidden;
}

.abt .person-card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(144, 194, 208, 0.06) 0%, transparent 60%);
pointer-events: none;
border-radius: 10px;
opacity: 0;
transition: opacity 0.6s ease;
}

.abt .person-card:hover::after {
opacity: 1;
}

.abt .person-portrait {
width: 72px;
height: 72px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
box-shadow: -1px 3px 5px 0 rgba(36, 113, 148, 0.09);
}

.abt .person-portrait img {
width: 72px;
height: 72px;
object-fit: cover;
object-position: center;
display: block;
}

.abt .person-info {
flex: 1;
display: flex;
flex-direction: column;
gap: 4px;
}

.abt .person-name {
font-size: 16px;
line-height: 1.6;
color: #1b4a5e;
font-weight: 700;
}

.abt .person-role {
font-size: 14px;
line-height: 1.6;
color: #247194;
letter-spacing: 0.04em;
}

.abt .person-bio {
font-size: 14px;
line-height: 1.6;
color: #3d6a7a;
margin-top: 4px;
}

.abt .img-grid-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}

.abt .img-grid-frame {
width: 100%;
height: 200px;
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 3px 5px 0 rgba(36, 113, 148, 0.05);
}

.abt .img-grid-frame img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.abt .img-grid-frame:hover img {
transform: scale(1.05);
}

.abt .expand-card {
position: relative;
overflow: hidden;
}

.abt .expand-card-reveal {
position: absolute;
inset: 0;
background: rgba(36, 113, 148, 0.07);
border-radius: 10px;
transform: scaleX(0);
transform-origin: center;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
pointer-events: none;
}

.abt .expand-card:hover .expand-card-reveal {
transform: scaleX(1);
}

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

.abt .splash {
padding: 40px 0 80px;
}

.abt .splash-h1 {
font-size: 52px;
}

.abt .splash-img-col {
flex: 0 0 auto;
width: 100%;
}

.abt .splash-img-frame {
width: 100%;
height: 280px;
}

.abt .story-inner {
grid-template-columns: 1fr;
padding: 0 24px;
}

.abt .story-lead {
grid-column: 1;
grid-row: auto;
}

.abt .story-img-a {
grid-column: 1;
grid-row: auto;
}

.abt .story-img-a-frame {
height: 260px;
}

.abt .story-metrics {
grid-column: 1;
grid-row: auto;
flex-direction: column;
}

.abt .story-lead-h2 .big-word {
font-size: 52px;
}

.abt .compare-team-inner {
padding: 0 24px;
gap: 40px;
}

.abt .compare-block {
grid-template-columns: 1fr;
}

.abt .team-block {
grid-template-columns: 1fr;
}

.abt .img-grid-row {
grid-template-columns: 1fr;
}

.abt .compare-h3,
.abt .team-h3 {
font-size: 24px;
}

.abt .story-lead-h2 {
font-size: 24px;
}

.abt .ba-table {
grid-template-columns: 1fr 1fr;
}

.abt .compare-img-frame {
height: 220px;
}
}

@media (max-width: 600px) {
.abt .splash-h1 {
font-size: 52px;
}

.abt .metric-num {
font-size: 52px;
}

.abt .ba-table {
grid-template-columns: 1fr;
}

.abt .ba-col--before {
border-radius: 10px 10px 0 0;
}

.abt .ba-col--after {
border-radius: 0 0 10px 10px;
}

.abt .person-card {
flex-direction: column;
}
}

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

.stproj * {
box-sizing: border-box;
}

.stproj .proj-split {
display: flex;
flex-direction: row;
min-height: 520px;
position: relative;
}

.stproj .proj-split__left {
flex: 0 0 58%;
background: #247194;
padding: 80px 40px 80px 80px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}

.stproj .proj-split__left::before {
content: "";
position: absolute;
top: 24px;
left: 24px;
right: 24px;
bottom: 24px;
border: 1px solid rgba(144, 194, 208, 0.4);
pointer-events: none;
}

.stproj .proj-split__right {
flex: 0 0 42%;
background: #C8EEF4;
padding: 80px 40px 80px 40px;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
}

.stproj .proj-split__right::before {
content: "";
position: absolute;
top: 24px;
left: 24px;
right: 24px;
bottom: 24px;
border: 1px solid rgba(36, 113, 148, 0.25);
pointer-events: none;
}

.stproj .split-tag {
display: inline-block;
background: rgba(200, 238, 244, 0.2);
color: #C8EEF4;
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.08em;
padding: 4px 12px;
border-radius: 6px;
margin-bottom: 24px;
width: fit-content;
}

.stproj .split-h1 {
font-size: 70px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #fff;
margin: 0 0 24px 0;
}

.stproj .split-h1 span {
font-size: 52px;
display: block;
}

.stproj .split-quote {
font-size: 16px;
line-height: 1.9;
color: #C8EEF4;
margin: 0;
padding-left: 24px;
border-left: none;
position: relative;
}

.stproj .split-quote::before {
content: "";
position: absolute;
left: 0;
top: 8px;
bottom: 8px;
width: 3px;
background: #90C2D0;
border-radius: 1px;
}

.stproj .split-accent {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #247194;
font-weight: 700;
margin: 0 0 24px 0;
}

.stproj .split-accent span {
font-size: 24px;
display: block;
letter-spacing: 0;
font-weight: 400;
color: #247194;
margin-top: 8px;
}

.stproj .split-desc {
font-size: 16px;
line-height: 1.9;
color: #2c5f74;
margin: 0 0 24px 0;
}

.stproj .split-img {
width: 100%;
height: 220px;
object-fit: cover;
object-position: center;
border-radius: 6px;
display: block;
}

.stproj .wave-divider {
width: 100%;
overflow: hidden;
line-height: 0;
background: #fff;
}

.stproj .wave-divider svg {
display: block;
width: 100%;
}

.stproj .proj-grid {
background: #fff;
padding: 80px 80px;
}

.stproj .proj-grid__top {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 40px;
gap: 40px;
}

.stproj .grid-heading {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1b4a5e;
margin: 0;
max-width: 560px;
}

.stproj .grid-heading em {
font-style: normal;
font-size: 70px;
display: block;
letter-spacing: -0.03em;
}

.stproj .grid-sub {
font-size: 16px;
line-height: 1.9;
color: #3d6e80;
max-width: 340px;
margin: 0;
text-align: right;
}

.stproj .proj-cards {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: auto auto;
gap: 24px;
}

.stproj .proj-card {
background: #fff;
border-radius: 10px;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
transition: box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.stproj .proj-card:hover {
box-shadow: -1px 12px 40px 0 rgba(36, 113, 148, 0.13);
}

.stproj .proj-card--featured {
grid-row: 1 / 3;
background: #247194;
color: #fff;
}

.stproj .proj-card--mid {
background: #C8EEF4;
}

.stproj .proj-card--accent {
background: #1b4a5e;
color: #fff;
}

.stproj .proj-card--light {
background: #f4fbfd;
}

.stproj .proj-card__icon {
width: 40px;
height: 40px;
background: rgba(144, 194, 208, 0.25);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.stproj .proj-card--featured .proj-card__icon {
background: rgba(200, 238, 244, 0.2);
}

.stproj .proj-card--accent .proj-card__icon {
background: rgba(144, 194, 208, 0.2);
}

.stproj .proj-card__icon i {
font-size: 20px;
color: #247194;
}

.stproj .proj-card--featured .proj-card__icon i,
.stproj .proj-card--accent .proj-card__icon i {
color: #90C2D0;
}

.stproj .proj-card__label {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.06em;
color: #90C2D0;
margin: 0;
}

.stproj .proj-card--mid .proj-card__label,
.stproj .proj-card--light .proj-card__label {
color: #247194;
}

.stproj .proj-card__name {
font-size: 24px;
line-height: 1.2;
color: #fff;
margin: 0;
letter-spacing: -0.01em;
}

.stproj .proj-card--mid .proj-card__name,
.stproj .proj-card--light .proj-card__name {
color: #1b4a5e;
}

.stproj .proj-card__text {
font-size: 16px;
line-height: 1.9;
color: rgba(255, 255, 255, 0.85);
margin: 0;
}

.stproj .proj-card--mid .proj-card__text,
.stproj .proj-card--light .proj-card__text {
color: #2c5f74;
}

.stproj .proj-card__meta {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
margin-top: auto;
}

.stproj .proj-card__tag {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.04em;
background: rgba(200, 238, 244, 0.2);
color: #C8EEF4;
padding: 4px 8px;
border-radius: 6px;
}

.stproj .proj-card--mid .proj-card__tag,
.stproj .proj-card--light .proj-card__tag {
background: rgba(36, 113, 148, 0.1);
color: #247194;
}

.stproj .proj-card__stat {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #fff;
margin: 0;
font-weight: 700;
}

.stproj .proj-card--mid .proj-card__stat {
color: #247194;
}

.stproj .proj-card__stat-desc {
font-size: 14px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.7);
margin: 0;
}

.stproj .proj-card--mid .proj-card__stat-desc {
color: #3d6e80;
}

.stproj .wave-divider--inv {
background: #f4fbfd;
}

.stproj .proj-reviews {
background: #f4fbfd;
padding: 80px 80px;
position: relative;
overflow: hidden;
}

.stproj .proj-reviews__bg {
position: absolute;
top: 0;
right: 0;
width: 45%;
height: 100%;
background: conic-gradient(from 200deg at 100% 50%, #C8EEF4 0deg, #90C2D0 60deg, #247194 120deg, #C8EEF4 180deg, #f4fbfd 240deg, #f4fbfd 360deg);
opacity: 0.18;
pointer-events: none;
}

.stproj .reviews-layout {
display: flex;
flex-direction: row;
gap: 80px;
align-items: flex-start;
position: relative;
}

.stproj .reviews-left {
flex: 0 0 340px;
}

.stproj .reviews-heading {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1b4a5e;
margin: 0 0 24px 0;
}

.stproj .reviews-heading strong {
font-size: 70px;
display: block;
letter-spacing: -0.03em;
color: #247194;
}

.stproj .reviews-body {
font-size: 16px;
line-height: 1.9;
color: #3d6e80;
margin: 0 0 40px 0;
}

.stproj .reviews-stat-row {
display: flex;
flex-direction: column;
gap: 24px;
}

.stproj .reviews-stat {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}

.stproj .reviews-stat__num {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #247194;
font-weight: 700;
min-width: 80px;
}

.stproj .reviews-stat__label {
font-size: 14px;
line-height: 1.6;
color: #3d6e80;
}

.stproj .reviews-right {
flex: 1;
display: flex;
flex-direction: column;
gap: 24px;
}

.stproj .review-card {
background: #fff;
border-radius: 10px;
padding: 24px;
box-shadow: -1px 3px 5px 0 rgba(36, 113, 148, 0.05);
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start;
transition: box-shadow 0.7s ease;
}

.stproj .review-card:hover {
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
}

.stproj .review-card--alt {
background: #247194;
}

.stproj .review-portrait {
width: 80px;
height: 80px;
flex-shrink: 0;
overflow: hidden;
border-radius: 0;
}

.stproj .review-portrait img {
width: 80px;
height: 80px;
object-fit: cover;
object-position: center;
display: block;
}

.stproj .review-body {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}

.stproj .review-name {
font-size: 16px;
line-height: 1.6;
color: #1b4a5e;
margin: 0;
font-weight: 700;
}

.stproj .review-card--alt .review-name {
color: #C8EEF4;
}

.stproj .review-role {
font-size: 14px;
line-height: 1.6;
color: #90C2D0;
margin: 0;
letter-spacing: 0.05em;
}

.stproj .review-text {
font-size: 16px;
line-height: 1.9;
color: #3d6e80;
margin: 0;
}

.stproj .review-card--alt .review-text {
color: rgba(200, 238, 244, 0.9);
}

.stproj .review-quote-mark {
font-size: 52px;
line-height: 1;
color: #C8EEF4;
font-weight: 700;
align-self: flex-start;
margin-top: -8px;
}

.stproj .review-card--alt .review-quote-mark {
color: rgba(200, 238, 244, 0.35);
}

.stproj .review-tags {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
}

.stproj .review-tag {
font-size: 14px;
line-height: 1.6;
background: #C8EEF4;
color: #247194;
padding: 4px 8px;
border-radius: 6px;
letter-spacing: 0.04em;
}

.stproj .review-card--alt .review-tag {
background: rgba(200, 238, 244, 0.15);
color: #C8EEF4;
}

@keyframes scaleIn {
from {
transform: scale(0.9);
opacity: 0;
}

to {
transform: scale(1);
opacity: 1;
}
}

.stproj .proj-split__left {
animation: scaleIn 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.stproj .proj-split__right {
animation: scaleIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
}

.stproj .proj-card {
animation: scaleIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.stproj .proj-card:nth-child(1) {
animation-delay: 0.05s;
}

.stproj .proj-card:nth-child(2) {
animation-delay: 0.12s;
}

.stproj .proj-card:nth-child(3) {
animation-delay: 0.18s;
}

.stproj .proj-card:nth-child(4) {
animation-delay: 0.22s;
}

.stproj .proj-card:nth-child(5) {
animation-delay: 0.28s;
}

@media (max-width: 1100px) {
.stproj .proj-split {
flex-direction: column;
}

.stproj .proj-split__left,
.stproj .proj-split__right {
flex: none;
width: 100%;
padding: 40px 24px;
}

.stproj .split-h1 {
font-size: 52px;
}

.stproj .split-h1 span {
font-size: 40px;
}

.stproj .proj-grid {
padding: 40px 24px;
}

.stproj .proj-grid__top {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}

.stproj .grid-sub {
text-align: left;
}

.stproj .proj-cards {
grid-template-columns: 1fr;
grid-template-rows: auto;
}

.stproj .proj-card--featured {
grid-row: auto;
}

.stproj .proj-reviews {
padding: 40px 24px;
}

.stproj .reviews-layout {
flex-direction: column;
gap: 40px;
}

.stproj .reviews-left {
flex: none;
width: 100%;
}

.stproj .review-card {
flex-direction: column;
gap: 12px;
}

.stproj .grid-heading em {
font-size: 52px;
}

.stproj .grid-heading {
font-size: 40px;
}

.stproj .reviews-heading strong {
font-size: 52px;
}

.stproj .reviews-heading {
font-size: 40px;
}

.stproj .split-accent {
font-size: 40px;
}
}

@media (max-width: 600px) {
.stproj .split-h1 {
font-size: 40px;
}

.stproj .split-h1 span {
font-size: 24px;
}

.stproj .proj-split__left::before,
.stproj .proj-split__right::before {
top: 12px;
left: 12px;
right: 12px;
bottom: 12px;
}

.stproj .reviews-stat__num {
font-size: 40px;
min-width: 60px;
}

.stproj .proj-card__stat {
font-size: 40px;
}
}

.ld {
max-width: 100%;
overflow-x: clip;
}

.ld .pg-wrap {
max-width: 1400px;
margin: 0 auto;
padding: 0 24px;
}

.ld .diamonds {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 0;
}

.ld .diamonds__gem {
width: 8px;
height: 8px;
background: #90C2D0;
transform: rotate(45deg);
border-radius: 1px;
}

.ld .diamonds__gem--sm {
width: 5px;
height: 5px;
background: #C8EEF4;
}

.ld .opener {
padding: 80px 0 40px;
background: #fff;
position: relative;
}

.ld .opener__wave {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
}

.ld .opener__wave svg {
display: block;
width: 100%;
}

.ld .opener__grid {
display: grid;
grid-template-columns: 1fr 320px;
gap: 40px;
align-items: center;
}

.ld .opener__left {
display: flex;
flex-direction: column;
gap: 24px;
}

.ld .opener__tag {
display: inline-flex;
align-items: center;
gap: 8px;
background: #C8EEF4;
color: #247194;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.06em;
padding: 4px 12px;
border-radius: 6px;
width: fit-content;
}

.ld .opener__tag i {
font-size: 16px;
}

.ld .opener__h1 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1a3a4a;
margin: 0;
}

.ld .opener__h1 span {
font-size: 70px;
display: block;
color: #247194;
line-height: 1.2;
}

.ld .opener__problem {
font-size: 16px;
line-height: 1.6;
color: #2d5468;
max-width: 520px;
margin: 0;
}

.ld .opener__solution {
font-size: 14px;
line-height: 1.9;
color: #3a6a80;
max-width: 480px;
margin: 0;
padding: 12px 24px;
border-top: 1px solid #C8EEF4;
border-bottom: 1px solid #C8EEF4;
}

.ld .opener__cta-row {
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
}

.ld .btn-primary {
background: #247194;
color: #fff;
border: none;
border-radius: 6px;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
transition: filter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ld .btn-primary:hover {
filter: brightness(1.15);
}

.ld .btn-primary:focus {
outline: 2px solid #247194;
outline-offset: 3px;
}

.ld .btn-secondary {
background: #C8EEF4;
color: #247194;
border: none;
border-radius: 6px;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: filter 0.5s ease;
}

.ld .btn-secondary:hover {
filter: brightness(0.92);
}

.ld .btn-secondary:focus {
outline: 2px solid #247194;
outline-offset: 3px;
}

.ld .opener__right {
position: relative;
}

.ld .opener__img-frame {
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 12px 40px 0 rgba(36, 113, 148, 0.13);
position: relative;
}

.ld .opener__img-frame::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at top left, rgba(36, 113, 148, 0.38) 0%, transparent 55%),
radial-gradient(ellipse at bottom right, rgba(36, 113, 148, 0.32) 0%, transparent 55%);
z-index: 1;
pointer-events: none;
}

.ld .opener__img-frame img {
display: block;
width: 100%;
height: 340px;
object-fit: cover;
object-position: center;
}

.ld .opener__math {
position: absolute;
top: -20px;
right: -16px;
font-size: 120px;
line-height: 1;
color: transparent;
-webkit-text-stroke: 2px rgba(36, 113, 148, 0.10);
pointer-events: none;
user-select: none;
z-index: 0;
}

.ld .support {
padding: 80px 0 40px;
background: linear-gradient(158deg, #f0f9fb 0%, #e4f4f8 60%, #fff 100%);
}

.ld .support__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}

.ld .support__left {
display: flex;
flex-direction: column;
gap: 24px;
}

.ld .support__eyebrow {
font-size: 14px;
letter-spacing: 0.08em;
color: #247194;
font-weight: 700;
text-transform: uppercase;
margin: 0;
}

.ld .support__h2 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.018em;
color: #1a3a4a;
margin: 0;
}

.ld .support__h2 em {
font-style: normal;
font-size: 70px;
display: block;
color: #247194;
}

.ld .support__body {
font-size: 16px;
line-height: 1.6;
color: #2d5468;
margin: 0;
}

.ld .support__quote {
font-size: 16px;
line-height: 1.9;
color: #1a3a4a;
margin: 0;
font-style: italic;
text-align: right;
padding-right: 12px;
}

.ld .support__quote::before {
content: "\201C";
color: #247194;
font-size: 24px;
font-style: normal;
font-weight: 700;
margin-right: 4px;
}

.ld .support__quote::after {
content: "\201D";
color: #247194;
font-size: 24px;
font-style: normal;
font-weight: 700;
margin-left: 4px;
}

.ld .support__right {
display: flex;
flex-direction: column;
gap: 12px;
}

.ld .support__card {
background: #fff;
border-radius: 10px;
padding: 24px;
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
}

.ld .support__card-icon {
width: 40px;
height: 40px;
min-width: 40px;
background: #C8EEF4;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #247194;
}

.ld .support__card-icon i {
font-size: 22px;
}

.ld .support__card-body {
display: flex;
flex-direction: column;
gap: 4px;
}

.ld .support__card-h {
font-size: 16px;
font-weight: 700;
color: #1a3a4a;
margin: 0;
}

.ld .support__card-p {
font-size: 14px;
line-height: 1.6;
color: #3a6a80;
margin: 0;
}

.ld .avail {
padding: 80px 0;
background: #fff;
position: relative;
}

.ld .avail__bg-img {
position: absolute;
inset: 0;
background-image: url('./artwork/15-backdrop.jpg');
background-size: cover;
background-position: center;
filter: saturate(0.3);
animation: desat-cycle 8s ease-in-out infinite;
z-index: 0;
}

@keyframes desat-cycle {
0% {
filter: saturate(0.3);
}

50% {
filter: saturate(1);
}

100% {
filter: saturate(0.3);
}
}

.ld .avail__bg-overlay {
position: absolute;
inset: 0;
background: rgba(36, 113, 148, 0.82);
z-index: 1;
}

.ld .avail__content {
position: relative;
z-index: 2;
}

.ld .avail__head {
text-align: center;
margin-bottom: 40px;
display: flex;
flex-direction: column;
gap: 12px;
}

.ld .avail__h2 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.018em;
color: #fff;
margin: 0;
}

.ld .avail__h2 span {
font-size: 70px;
display: block;
color: #C8EEF4;
}

.ld .avail__sub {
font-size: 16px;
line-height: 1.6;
color: #C8EEF4;
max-width: 560px;
margin: 0 auto;
}

.ld .avail__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1.4fr;
gap: 12px;
}

.ld .avail__item {
background: rgba(255, 255, 255, 0.09);
border: 1px solid rgba(200, 238, 244, 0.25);
border-radius: 10px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
transition: background 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ld .avail__item:hover {
background: rgba(255, 255, 255, 0.17);
}

.ld .avail__item--accent {
background: rgba(200, 238, 244, 0.15);
border-color: rgba(200, 238, 244, 0.5);
}

.ld .avail__item-icon {
width: 44px;
height: 44px;
background: rgba(200, 238, 244, 0.22);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #C8EEF4;
}

.ld .avail__item-icon i {
font-size: 24px;
}

.ld .avail__item-icon--outline {
position: relative;
}

.ld .avail__item-icon--outline::after {
content: "";
position: absolute;
inset: -3px;
border-radius: 10px;
border: 2px solid #C8EEF4;
animation: trace-outline 2.5s linear infinite;
clip-path: inset(0 100% 0 0);
animation: outline-trace 3s linear infinite;
}

@keyframes outline-trace {
0% {
clip-path: inset(0 100% 0 0);
}

25% {
clip-path: inset(0 0 0 0);
}

50% {
clip-path: inset(0 0 100% 0);
}

75% {
clip-path: inset(100% 0 0 0);
}

100% {
clip-path: inset(0 100% 0 0);
}
}

.ld .avail__item-h {
font-size: 16px;
font-weight: 700;
color: #fff;
margin: 0;
}

.ld .avail__item-p {
font-size: 14px;
line-height: 1.6;
color: #C8EEF4;
margin: 0;
}

.ld .avail__item-num {
font-size: 52px;
font-weight: 800;
color: rgba(200, 238, 244, 0.3);
line-height: 1;
margin-top: auto;
}

.ld .team {
padding: 80px 0 40px;
background: #f2f9fb;
}

.ld .team__head {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 40px;
}

.ld .team__eyebrow {
font-size: 14px;
letter-spacing: 0.08em;
color: #247194;
font-weight: 700;
text-transform: uppercase;
margin: 0;
}

.ld .team__h2 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.018em;
color: #1a3a4a;
margin: 0;
}

.ld .team__h2 span {
font-size: 70px;
display: block;
color: #247194;
}

.ld .team__layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}

.ld .team__profiles {
display: flex;
flex-direction: column;
gap: 24px;
}

.ld .team__profile {
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start;
background: #fff;
border-radius: 10px;
padding: 24px;
box-shadow: -1px 3px 5px 0 rgba(36, 113, 148, 0.05);
}

.ld .team__portrait {
width: 90px;
min-width: 90px;
height: 112px;
border-radius: 6px;
overflow: hidden;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
}

.ld .team__portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

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

.ld .team__name {
font-size: 16px;
font-weight: 700;
color: #1a3a4a;
margin: 0;
}

.ld .team__role {
font-size: 14px;
color: #247194;
font-weight: 600;
margin: 0;
}

.ld .team__desc {
font-size: 14px;
line-height: 1.6;
color: #3a6a80;
margin: 0;
}

.ld .team__right {
display: flex;
flex-direction: column;
gap: 24px;
}

.ld .team__image-frame {
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 12px 40px 0 rgba(36, 113, 148, 0.13);
}

.ld .team__image-frame img {
display: block;
width: 100%;
height: 260px;
object-fit: cover;
object-position: center;
}

.ld .team__stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}

.ld .team__stat {
background: #fff;
border-radius: 6px;
padding: 12px;
text-align: center;
box-shadow: -1px 3px 5px 0 rgba(36, 113, 148, 0.05);
}

.ld .team__stat-num {
font-size: 52px;
line-height: 1.2;
font-weight: 800;
color: #247194;
display: block;
letter-spacing: -0.02em;
}

.ld .team__stat-label {
font-size: 14px;
color: #3a6a80;
line-height: 1.6;
}

.ld .outcomes {
padding: 80px 0;
background: #fff;
}

.ld .outcomes__conic {
position: relative;
}

.ld .outcomes__conic::before {
content: "";
position: absolute;
top: -40px;
right: -40px;
width: 280px;
height: 280px;
border-radius: 0;
background: conic-gradient(from 220deg at 80% 20%, rgba(200, 238, 244, 0.5) 0deg, rgba(144, 194, 208, 0.3) 90deg, transparent 180deg);
pointer-events: none;
z-index: 0;
}

.ld .outcomes__top {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 40px;
align-items: center;
margin-bottom: 40px;
position: relative;
z-index: 1;
}

.ld .outcomes__heading {
display: flex;
flex-direction: column;
gap: 12px;
}

.ld .outcomes__h2 {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.018em;
color: #1a3a4a;
margin: 0;
}

.ld .outcomes__h2 span {
font-size: 70px;
display: block;
color: #247194;
}

.ld .outcomes__lead {
font-size: 16px;
line-height: 1.6;
color: #2d5468;
margin: 0;
}

.ld .outcomes__img-frame {
border-radius: 10px;
overflow: hidden;
box-shadow: -1px 12px 40px 0 rgba(36, 113, 148, 0.13);
}

.ld .outcomes__img-frame img {
display: block;
width: 100%;
height: 280px;
object-fit: cover;
object-position: center;
}

.ld .outcomes__steps {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
position: relative;
z-index: 1;
}

.ld .outcomes__step {
display: flex;
flex-direction: column;
gap: 8px;
padding: 24px;
border-radius: 10px;
border: 1px solid #C8EEF4;
transition: box-shadow 0.6s ease;
}

.ld .outcomes__step:hover {
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
}

.ld .outcomes__step-num {
font-size: 52px;
font-weight: 800;
color: #C8EEF4;
line-height: 1.2;
letter-spacing: -0.03em;
}

.ld .outcomes__step-h {
font-size: 16px;
font-weight: 700;
color: #1a3a4a;
margin: 0;
}

.ld .outcomes__step-p {
font-size: 14px;
line-height: 1.6;
color: #3a6a80;
margin: 0;
}

.ld .outcomes__closer {
margin-top: 40px;
background: #C8EEF4;
border-radius: 10px;
padding: 24px 40px;
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
position: relative;
z-index: 1;
}

.ld .outcomes__closer-icon {
color: #247194;
flex-shrink: 0;
}

.ld .outcomes__closer-icon i {
font-size: 40px;
}

.ld .outcomes__closer-text {
display: flex;
flex-direction: column;
gap: 4px;
}

.ld .outcomes__closer-h {
font-size: 16px;
font-weight: 700;
color: #1a3a4a;
margin: 0;
}

.ld .outcomes__closer-p {
font-size: 14px;
line-height: 1.6;
color: #2d5468;
margin: 0;
}

@media (max-width: 900px) {
.ld .opener__grid {
grid-template-columns: 1fr;
}

.ld .opener__math {
display: none;
}

.ld .support__inner {
grid-template-columns: 1fr;
}

.ld .avail__grid {
grid-template-columns: 1fr 1fr;
}

.ld .team__layout {
grid-template-columns: 1fr;
}

.ld .outcomes__top {
grid-template-columns: 1fr;
}

.ld .outcomes__steps {
grid-template-columns: 1fr;
}

.ld .outcomes__conic::before {
display: none;
}
}

@media (max-width: 600px) {
.ld .opener__h1 {
font-size: 24px;
}

.ld .opener__h1 span {
font-size: 52px;
}

.ld .support__h2 {
font-size: 24px;
}

.ld .support__h2 em {
font-size: 52px;
}

.ld .avail__grid {
grid-template-columns: 1fr;
}

.ld .avail__h2 {
font-size: 24px;
}

.ld .avail__h2 span {
font-size: 52px;
}

.ld .team__h2 {
font-size: 24px;
}

.ld .team__h2 span {
font-size: 52px;
}

.ld .team__profile {
flex-direction: column;
}

.ld .outcomes__h2 {
font-size: 24px;
}

.ld .outcomes__h2 span {
font-size: 52px;
}

.ld .outcomes__closer {
flex-direction: column;
padding: 24px;
}

.ld .team__stats {
grid-template-columns: 1fr 1fr;
}

.ld .opener__cta-row {
flex-direction: column;
align-items: flex-start;
}
}

.ct-us {
background: #ffffff;
overflow-x: clip;
}

.ct-us .reach {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
}

.ct-us .reach__left {
position: relative;
}

.ct-us .reach__tag {
display: inline-flex;
align-items: center;
gap: 8px;
background: #C8EEF4;
color: #247194;
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.06em;
padding: 4px 12px;
border-radius: 6px;
margin-bottom: 24px;
}

.ct-us .reach__tag .f7-icons {
font-size: 14px;
}

.ct-us .reach__eyebrow {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1b3d4f;
margin: 0 0 24px 0;
}

.ct-us .reach__eyebrow span {
display: block;
font-size: 70px;
line-height: 1.2;
letter-spacing: -0.03em;
background: conic-gradient(from 210deg at 20% 60%, #247194 0deg, #90C2D0 120deg, #C8EEF4 200deg, #247194 360deg);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.ct-us .reach__desc {
font-size: 16px;
line-height: 1.9;
color: #2c4f60;
margin: 0 0 40px 0;
max-width: 420px;
}

.ct-us .reach__desc--large {
font-size: 24px;
line-height: 1.6;
color: #1b3d4f;
margin: 0 0 24px 0;
max-width: 420px;
}

.ct-us .reach__details {
display: flex;
flex-direction: column;
gap: 24px;
}

.ct-us .detail-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
}

.ct-us .detail-row__icon {
width: 40px;
height: 40px;
background: #C8EEF4;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: -1px 3px 5px 0 rgba(36, 113, 148, 0.05);
}

.ct-us .detail-row__icon .f7-icons {
font-size: 18px;
color: #247194;
}

.ct-us .detail-row__body {
display: flex;
flex-direction: column;
gap: 4px;
}

.ct-us .detail-row__label {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.05em;
color: #90C2D0;
text-transform: uppercase;
}

.ct-us .detail-row__val {
font-size: 16px;
line-height: 1.6;
color: #1b3d4f;
text-decoration: none;
transition: color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct-us .detail-row__val:hover {
color: #247194;
}

.ct-us .reach__wavy {
position: absolute;
bottom: -24px;
left: 0;
width: 100%;
height: 12px;
overflow: hidden;
}

.ct-us .reach__wavy svg {
width: 100%;
height: 12px;
}

.ct-us .reach__right {
position: relative;
}

.ct-us .form-card {
background: #ffffff;
border-radius: 10px;
padding: 40px;
box-shadow: -1px 12px 40px 0 rgba(36, 113, 148, 0.13);
position: relative;
overflow: hidden;
}

.ct-us .form-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: conic-gradient(from 180deg at 0% 50%, #247194, #90C2D0, #C8EEF4, #247194);
border-radius: 10px 10px 0 0;
}

.ct-us .form-card__head {
margin-bottom: 32px;
}

.ct-us .form-card__title {
font-size: 24px;
line-height: 1.2;
color: #1b3d4f;
margin: 0 0 8px 0;
}

.ct-us .form-card__sub {
font-size: 14px;
line-height: 1.6;
color: #5a8a9f;
margin: 0;
}

.ct-us .form-body {
display: flex;
flex-direction: column;
gap: 24px;
}

.ct-us .field-pair {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}

.ct-us .field {
display: flex;
flex-direction: column;
gap: 8px;
}

.ct-us .field__label {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.04em;
color: #247194;
}

.ct-us .field__input {
border: 1px solid #C8EEF4;
border-radius: 6px;
padding: 12px;
font-size: 16px;
line-height: 1.6;
color: #1b3d4f;
background: #f7fbfd;
outline: none;
box-shadow: inset -1px 3px 5px 0 rgba(36, 113, 148, 0.05), inset 0 -1px 3px 0 rgba(144, 194, 208, 0.1);
transition: border-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s ease;
width: 100%;
box-sizing: border-box;
}

.ct-us .field__input::placeholder {
color: #90C2D0;
font-size: 14px;
}

.ct-us .field__input:focus {
border-color: #247194;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09), inset -1px 3px 5px 0 rgba(36, 113, 148, 0.05);
background: #ffffff;
}

.ct-us .field__textarea {
border: 1px solid #C8EEF4;
border-radius: 6px;
padding: 12px;
font-size: 16px;
line-height: 1.9;
color: #1b3d4f;
background: #f7fbfd;
outline: none;
resize: vertical;
min-height: 100px;
box-shadow: inset -1px 3px 5px 0 rgba(36, 113, 148, 0.05), inset 0 -1px 3px 0 rgba(144, 194, 208, 0.1);
transition: border-color 0.7s ease, box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
width: 100%;
box-sizing: border-box;
}

.ct-us .field__textarea::placeholder {
color: #90C2D0;
font-size: 14px;
}

.ct-us .field__textarea:focus {
border-color: #247194;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09), inset -1px 3px 5px 0 rgba(36, 113, 148, 0.05);
background: #ffffff;
}

.ct-us .cond-toggle {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
padding: 12px;
background: #f0f9fb;
border-radius: 6px;
cursor: pointer;
border: 1px solid #C8EEF4;
transition: background 0.5s ease, border-color 0.5s ease;
}

.ct-us .cond-toggle:hover {
background: #e4f5f9;
border-color: #90C2D0;
}

.ct-us .cond-toggle__cb {
width: 18px;
height: 18px;
accent-color: #247194;
cursor: pointer;
flex-shrink: 0;
}

.ct-us .cond-toggle__text {
font-size: 14px;
line-height: 1.6;
color: #2c4f60;
user-select: none;
}

.ct-us .cond-field {
display: none;
flex-direction: column;
gap: 8px;
}

.ct-us .cond-check:checked~.cond-field {
display: flex;
}

.ct-us .cond-group {
display: flex;
flex-direction: column;
gap: 12px;
}

.ct-us .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
padding: 12px;
background: #f7fbfd;
border-radius: 6px;
border: 1px solid #C8EEF4;
}

.ct-us .privacy-row__cb {
width: 18px;
height: 18px;
accent-color: #247194;
cursor: pointer;
flex-shrink: 0;
margin-top: 2px;
}

.ct-us .privacy-row__text {
font-size: 14px;
line-height: 1.6;
color: #2c4f60;
}

.ct-us .privacy-row__text a {
color: #247194;
text-decoration: underline;
text-underline-offset: 2px;
transition: color 0.5s ease;
}

.ct-us .privacy-row__text a:hover {
color: #1b3d4f;
}

.ct-us .submit-btn {
background: #247194;
color: #ffffff;
border: none;
border-radius: 6px;
padding: 12px 40px;
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.03em;
cursor: pointer;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
transition: filter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s ease;
align-self: flex-start;
}

.ct-us .submit-btn:hover {
filter: brightness(1.15);
box-shadow: -1px 12px 40px 0 rgba(36, 113, 148, 0.13);
}

.ct-us .submit-btn:focus {
outline: 2px solid #247194;
outline-offset: 3px;
}

.ct-us .submit-btn:active {
filter: brightness(0.95);
}

.ct-us .info-strip {
background: #1b3d4f;
position: relative;
overflow: hidden;
}

.ct-us .info-strip__bg {
position: absolute;
inset: 0;
background: conic-gradient(from 30deg at 80% 30%, #247194 0deg, #1b3d4f 90deg, #0e2530 200deg, #247194 360deg);
opacity: 0.6;
}

.ct-us .info-strip__inner {
max-width: 1400px;
margin: 0 auto;
padding: 80px 40px;
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
align-items: start;
}

.ct-us .strip-metric {
display: flex;
flex-direction: column;
gap: 8px;
}

.ct-us .strip-metric__num {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #C8EEF4;
}

.ct-us .strip-metric__bar {
height: 2px;
background: #90C2D0;
border-radius: 1px;
position: relative;
overflow: hidden;
}

.ct-us .strip-metric__bar-fill {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: #C8EEF4;
border-radius: 1px;
}

.ct-us .strip-metric__label {
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.05em;
color: #90C2D0;
text-transform: uppercase;
}

.ct-us .strip-metric__desc {
font-size: 16px;
line-height: 1.9;
color: #a8d4de;
margin: 0;
}

.ct-us .strip-quote {
grid-column: 2 / 4;
display: flex;
flex-direction: column;
gap: 24px;
padding-left: 40px;
border-left: none;
position: relative;
}

.ct-us .strip-quote::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
background: linear-gradient(180deg, transparent, #90C2D0 30%, #90C2D0 70%, transparent);
}

.ct-us .strip-quote__mark {
font-size: 52px;
line-height: 1.2;
color: #90C2D0;
display: block;
margin-bottom: -24px;
}

.ct-us .strip-quote__text {
font-size: 24px;
line-height: 1.6;
color: #C8EEF4;
margin: 0;
}

.ct-us .strip-quote__attr {
font-size: 14px;
line-height: 1.6;
color: #90C2D0;
letter-spacing: 0.04em;
}

.ct-us .strip-quote__badges {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-top: 8px;
}

.ct-us .badge {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 14px;
line-height: 1.6;
padding: 4px 12px;
border-radius: 6px;
background: rgba(144, 194, 208, 0.15);
color: #C8EEF4;
border: 1px solid rgba(144, 194, 208, 0.3);
}

.ct-us .badge .f7-icons {
font-size: 14px;
color: #90C2D0;
}

.ct-us .strip-link {
color: #C8EEF4;
font-size: 16px;
line-height: 1.6;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.6s ease;
}

.ct-us .strip-link:hover {
color: #ffffff;
}

.ct-us .strip-wavy {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 12px;
overflow: hidden;
}

.ct-us .strip-wavy svg {
width: 100%;
height: 12px;
}

@media (max-width: 900px) {
.ct-us .reach {
grid-template-columns: 1fr;
gap: 40px;
padding: 40px 24px;
}

.ct-us .reach__eyebrow {
font-size: 40px;
}

.ct-us .reach__eyebrow span {
font-size: 52px;
}

.ct-us .field-pair {
grid-template-columns: 1fr;
}

.ct-us .info-strip__inner {
grid-template-columns: 1fr;
gap: 40px;
padding: 40px 24px;
}

.ct-us .strip-quote {
grid-column: 1;
padding-left: 24px;
}

.ct-us .form-card {
padding: 24px;
}
}

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

.success-pg .result-wrap {
max-width: 560px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}

.success-pg .result-icon {
width: 72px;
height: 72px;
border-radius: 10px;
background: #C8EEF4;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
flex-shrink: 0;
}

.success-pg .result-icon__svg {
display: block;
}

.success-pg .result-card {
width: 100%;
background: #ffffff;
border-radius: 10px;
border: 1px solid #C8EEF4;
box-shadow: -1px 12px 40px 0 rgba(36, 113, 148, 0.13);
padding: 40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
text-align: center;
}

.success-pg .result-card__heading {
font-size: 52px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #247194;
margin: 0;
}

.success-pg .result-card__heading--sub {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.01em;
color: #247194;
margin: 0;
}

.success-pg .result-card__body {
font-size: 16px;
line-height: 1.6;
color: #2c4a57;
margin: 0;
max-width: 420px;
}

.success-pg .result-card__divider {
width: 48px;
height: 1px;
background: #90C2D0;
border: none;
margin: 8px 0;
}

.success-pg .result-card__detail {
font-size: 14px;
line-height: 1.9;
color: #4a7a8a;
margin: 0;
}

.success-pg .result-card__detail--accent {
color: #247194;
font-size: 14px;
line-height: 1.6;
letter-spacing: 0.04em;
text-transform: uppercase;
margin: 0;
}

.success-pg .result-actions {
display: flex;
flex-direction: row;
gap: 12px;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}

.success-pg .action-btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 12px 24px;
border-radius: 6px;
font-size: 14px;
line-height: 1.2;
letter-spacing: 0.03em;
cursor: pointer;
border: none;
text-decoration: none;
transition: filter 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.success-pg .action-btn--primary {
background: #247194;
color: #ffffff;
box-shadow: -1px 7px 25px 0 rgba(36, 113, 148, 0.09);
}

.success-pg .action-btn--secondary {
background: #C8EEF4;
color: #247194;
box-shadow: -1px 3px 5px 0 rgba(36, 113, 148, 0.05);
}

.success-pg .action-btn--primary:hover {
filter: brightness(1.12);
}

.success-pg .action-btn--secondary:hover {
filter: brightness(0.94);
}

.success-pg .action-btn--primary:focus,
.success-pg .action-btn--secondary:focus {
outline: 2px solid #247194;
outline-offset: 3px;
}

.success-pg .action-btn--primary:active,
.success-pg .action-btn--secondary:active {
filter: brightness(0.96);
}

.success-pg .result-note {
font-size: 14px;
line-height: 1.9;
color: #4a7a8a;
text-align: center;
margin: 0;
}

.success-pg .result-note__link {
color: #247194;
text-decoration: underline;
text-underline-offset: 3px;
}

@media (max-width: 600px) {
.success-pg {
padding: 40px 12px;
}

.success-pg .result-card {
padding: 24px;
}

.success-pg .result-card__heading {
font-size: 24px;
}

.success-pg .result-card__heading--sub {
font-size: 16px;
}

.success-pg .result-actions {
flex-direction: column;
align-items: stretch;
}

.success-pg .action-btn {
justify-content: center;
}
}