*,
*::before,
*::after {
box-sizing: border-box;
}

html {
font-family: 'Merriweather', Georgia, serif;
font-size: 17px;
line-height: 1.65;
color: #1a1a2e;
background-color: #ffffff;
}

body {
margin: 0;
}

.top-bar {
background: #BC145F;
padding: 8px 24px;
}

.top-bar__plate {
max-width: 1280px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}

.top-bar__contact {
display: flex;
align-items: center;
gap: 24px;
list-style: none;
margin: 0;
padding: 0;
}

.top-bar__contact li {
display: flex;
align-items: center;
gap: 8px;
}

.top-bar__contact a {
color: #ffffff;
font-size: 14px;
line-height: 1.15;
text-decoration: none;
transition: opacity 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.top-bar__contact a:hover {
opacity: 0.78;
}

.top-bar__contact a:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(38, 186, 212, 0.55);
border-radius: 3px;
}

.top-bar__descriptor {
font-size: 14px;
color: rgba(255, 255, 255, 0.82);
line-height: 1.15;
font-style: italic;
letter-spacing: 0.02em;
}

.site-header {
background: linear-gradient(135deg, #ffffff 0%, #E6E3E3 100%);
border-bottom: 3px solid #26BAD4;
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
position: relative;
}

.header-band {
max-width: 1280px;
margin: 0 auto;
padding: 24px 24px 0 24px;
display: flex;
align-items: flex-start;
gap: 48px;
}

.brand-pod {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
flex-shrink: 0;
}

.brand-pod__mark {
width: 48px;
height: 48px;
border-radius: 50%;
border-top: 2px solid #26BAD4;
border-bottom: 2px solid #26BAD4;
background: #ffffff;
box-shadow: 0 1px 4px -1px rgba(38, 186, 212, 0.05), 0 4px 22px -1px rgba(38, 186, 212, 0.09);
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
overflow: hidden;
}

.brand-pod__mark img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
display: block;
}

.brand-pod__name {
font-size: 14px;
font-weight: 700;
color: #BC145F;
line-height: 1.15;
letter-spacing: 0.04em;
text-transform: uppercase;
}

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

.site-nav {
width: 100%;
}

.site-nav__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
}

.site-nav__list li {
display: flex;
}

.site-nav__list a {
display: flex;
align-items: center;
padding: 8px 24px;
font-size: 14px;
line-height: 1.15;
color: #2c2c3a;
text-decoration: none;
border-radius: 6px;
font-family: 'Merriweather', Georgia, serif;
transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
min-height: 44px;
white-space: nowrap;
}

.site-nav__list a:hover {
background-color: #26BAD4;
color: #ffffff;
}

.site-nav__list a:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(38, 186, 212, 0.55);
}

.site-nav__list a.active {
background-color: rgba(38, 186, 212, 0.12);
color: #0e8fa3;
}

.header-tagline {
font-size: 14px;
color: #555566;
line-height: 1.15;
font-style: italic;
padding-bottom: 24px;
text-align: right;
}

.header-accent-strip {
height: 6px;
background: linear-gradient(90deg, #26BAD4 0%, #BC145F 100%);
width: 100%;
}

@media (max-width: 768px) {
.top-bar__descriptor {
display: none;
}

.top-bar__contact {
gap: 8px;
}

.header-band {
flex-direction: column;
align-items: stretch;
gap: 24px;
padding: 24px 24px 0 24px;
}

.brand-pod {
flex-direction: row;
justify-content: flex-start;
}

.header-right {
align-items: flex-start;
}

.site-nav__list {
justify-content: flex-start;
}

.header-tagline {
text-align: left;
}
}

@media (max-width: 640px) {
.top-bar__contact li:last-child {
display: none;
}

.site-nav__list a {
padding: 8px 16px;
}
}

.site-footer {
background: #2c2c3a;
color: #E6E3E3;
padding: 48px 24px;
}

.footer-plate {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}

.footer-brand {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}

.footer-brand__mark {
width: 44px;
height: 44px;
border-radius: 50%;
border-top: 2px solid #26BAD4;
border-bottom: 2px solid #26BAD4;
background: #3a3a4e;
box-shadow: 0 1px 4px -1px rgba(38, 186, 212, 0.05), 0 4px 22px -1px rgba(38, 186, 212, 0.09);
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
overflow: hidden;
}

.footer-brand__mark img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
display: block;
}

.footer-brand__name {
font-size: 14px;
font-weight: 700;
color: #26BAD4;
line-height: 1.15;
letter-spacing: 0.05em;
text-transform: uppercase;
}

.footer-divider {
width: 48px;
height: 2px;
background: linear-gradient(90deg, #26BAD4, #BC145F);
border-radius: 3px;
}

.footer-address {
text-align: center;
font-size: 14px;
line-height: 1.65;
color: rgba(230, 227, 227, 0.72);
font-style: normal;
}

.footer-links {
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}

.footer-links a {
font-size: 14px;
color: rgba(230, 227, 227, 0.78);
text-decoration: none;
line-height: 1.15;
border-bottom: 1px solid rgba(38, 186, 212, 0.35);
padding-bottom: 2px;
transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.footer-links a:hover {
color: #26BAD4;
border-color: #26BAD4;
}

.footer-links a:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(38, 186, 212, 0.55);
border-radius: 3px;
}

.footer-copy {
font-size: 14px;
color: rgba(230, 227, 227, 0.45);
line-height: 1.15;
text-align: center;
}

.cookie-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background: #2c2c3a;
border-bottom: 3px solid #26BAD4;
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
transform: translateY(-100%);
transition: transform 0.26s cubic-bezier(0.0, 0, 0.2, 1);
display: none;
}

.cookie-bar--visible {
transform: translateY(0);
}

.cookie-bar__pod {
max-width: 1280px;
margin: 0 auto;
padding: 24px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 24px;
}

.cookie-bar__text {
flex: 1;
min-width: 200px;
}

.cookie-bar__headline {
font-size: 14px;
font-weight: 700;
color: #26BAD4;
line-height: 1.15;
margin-bottom: 8px;
font-family: 'Merriweather', Georgia, serif;
}

.cookie-bar__description {
font-size: 14px;
color: rgba(230, 227, 227, 0.85);
line-height: 1.65;
margin: 0;
}

.cookie-bar__categories {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}

.cookie-bar__category {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: rgba(230, 227, 227, 0.78);
cursor: pointer;
padding: 8px;
border-radius: 6px;
transition: background-color 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.cookie-bar__category:hover {
background-color: rgba(38, 186, 212, 0.1);
}

.cookie-bar__category input[type="checkbox"] {
width: 16px;
height: 16px;
accent-color: #26BAD4;
cursor: pointer;
}

.cookie-bar__category--required {
opacity: 0.65;
cursor: default;
}

.cookie-bar__category--required:hover {
background-color: transparent;
}

.cookie-bar__actions {
display: flex;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}

.cookie-bar__accept {
font-size: 14px;
font-family: 'Merriweather', Georgia, serif;
color: #2c2c3a;
background: #26BAD4;
border: none;
border-radius: 6px;
padding: 8px 24px;
cursor: pointer;
font-weight: 700;
line-height: 1.15;
min-height: 44px;
transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.cookie-bar__accept:hover {
background-color: #1fa8bf;
}

.cookie-bar__accept:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(38, 186, 212, 0.55);
}

.cookie-bar__reject {
font-size: 14px;
font-family: 'Merriweather', Georgia, serif;
color: rgba(230, 227, 227, 0.78);
background: transparent;
border: none;
cursor: pointer;
text-decoration: underline;
line-height: 1.15;
padding: 8px;
min-height: 44px;
transition: color 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.cookie-bar__reject:hover {
color: #BC145F;
}

.cookie-bar__reject:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(188, 20, 95, 0.45);
border-radius: 3px;
}

.prefs-trigger {
position: fixed;
bottom: 24px;
left: 24px;
z-index: 999;
width: 44px;
height: 44px;
border-radius: 50%;
background: #2c2c3a;
border: 2px solid #26BAD4;
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
cursor: pointer;
display: none;
align-items: center;
justify-content: center;
transition: background-color 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.prefs-trigger:hover {
background-color: #26BAD4;
}

.prefs-trigger:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(38, 186, 212, 0.55);
}

.prefs-trigger svg {
width: 20px;
height: 20px;
fill: #26BAD4;
transition: fill 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.prefs-trigger:hover svg {
fill: #2c2c3a;
}

@media (max-width: 768px) {
.cookie-bar__pod {
flex-direction: column;
align-items: flex-start;
}

.cookie-bar__actions {
width: 100%;
}
}

.contact-us {
background: #ffffff;
overflow-x: clip;
position: relative;
}

.contact-us .form-area {
background: #ffffff;
padding: 96px 24px;
position: relative;
}

.contact-us .form-area::before {
content: '';
position: absolute;
top: -60px;
right: -60px;
width: 220px;
height: 220px;
border-radius: 50%;
border: 1px solid rgba(38, 186, 212, 0.08);
pointer-events: none;
}

.contact-us .form-area::after {
content: '';
position: absolute;
top: -30px;
right: -30px;
width: 160px;
height: 160px;
border-radius: 50%;
border: 1px solid rgba(38, 186, 212, 0.12);
pointer-events: none;
}

.contact-us .form-area__inner {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 96px;
align-items: flex-start;
}

.contact-us .form-area__left {
flex: 1 1 420px;
min-width: 0;
}

.contact-us .form-area__label {
font-size: 14px;
line-height: 1.15;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #26BAD4;
font-weight: 700;
margin-bottom: 24px;
display: block;
}

.contact-us .form-area__heading {
font-size: 40px;
line-height: 1.15;
font-weight: 900;
color: #111827;
margin: 0 0 24px 0;
}

.contact-us .form-area__heading em {
font-style: normal;
color: #BC145F;
}

.contact-us .form-area__description {
font-size: 17px;
line-height: 1.65;
color: #374151;
margin: 0 0 48px 0;
max-width: 400px;
}

.contact-us .form-area__right {
flex: 1 1 480px;
min-width: 0;
}

.contact-us .contact-form {
background: #ffffff;
border: 1px solid #E6E3E3;
border-radius: 16px;
padding: 48px;
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
}

.contact-us .field-group {
margin-bottom: 24px;
}

.contact-us .field-group__label {
display: block;
font-size: 14px;
line-height: 1.15;
font-weight: 600;
color: #111827;
margin-bottom: 8px;
}

.contact-us .field-group__input {
width: 100%;
padding: 16px;
font-size: 17px;
line-height: 1.65;
color: #111827;
background: #ffffff;
border: 1.5px solid #E6E3E3;
border-radius: 6px;
box-shadow: inset 0 1px 4px -1px rgba(38, 186, 212, 0.05);
transition: border-color 0.22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1);
box-sizing: border-box;
outline: none;
appearance: none;
-webkit-appearance: none;
}

.contact-us .field-group__input::placeholder {
font-style: italic;
opacity: 0.55;
color: #374151;
}

.contact-us .field-group__input:focus {
border-color: #26BAD4;
box-shadow: inset 0 1px 4px -1px rgba(38, 186, 212, 0.05), 0 0 0 3px rgba(38, 186, 212, 0.15);
}

.contact-us .field-group__select {
width: 100%;
padding: 16px;
font-size: 17px;
line-height: 1.65;
color: #111827;
background: #ffffff;
border: 1.5px solid #E6E3E3;
border-radius: 6px;
box-shadow: inset 0 1px 4px -1px rgba(38, 186, 212, 0.05);
transition: border-color 0.25s cubic-bezier(0.0, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.0, 0, 0.2, 1);
box-sizing: border-box;
outline: none;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2326BAD4' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 48px;
}

.contact-us .field-group__select:focus {
border-color: #26BAD4;
box-shadow: inset 0 1px 4px -1px rgba(38, 186, 212, 0.05), 0 0 0 3px rgba(38, 186, 212, 0.15);
}

.contact-us .priority-group {
margin-bottom: 24px;
}

.contact-us .priority-group__label {
display: block;
font-size: 14px;
line-height: 1.15;
font-weight: 600;
color: #111827;
margin-bottom: 8px;
}

.contact-us .priority-options {
display: flex;
flex-direction: row;
gap: 8px;
}

.contact-us .priority-option {
flex: 1;
}

.contact-us .priority-option input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}

.contact-us .priority-option__btn {
display: block;
text-align: center;
padding: 12px 8px;
font-size: 14px;
line-height: 1.15;
font-weight: 600;
color: #374151;
background: #ffffff;
border: 1.5px solid #E6E3E3;
border-radius: 6px;
cursor: pointer;
transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
user-select: none;
}

.contact-us .priority-option input[type="radio"]:checked+.priority-option__btn {
background: #26BAD4;
border-color: #26BAD4;
color: #ffffff;
}

.contact-us .priority-option input[type="radio"]:focus+.priority-option__btn {
outline: 3px solid rgba(38, 186, 212, 0.4);
outline-offset: 2px;
}

.contact-us .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
margin-bottom: 24px;
}

.contact-us .privacy-row__check {
width: 18px;
height: 18px;
min-width: 18px;
margin-top: 3px;
accent-color: #26BAD4;
cursor: pointer;
}

.contact-us .privacy-row__text {
font-size: 14px;
line-height: 1.65;
color: #374151;
}

.contact-us .privacy-row__text a {
color: #BC145F;
text-decoration: underline;
transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-us .privacy-row__text a:hover {
opacity: 0.75;
}

.contact-us .submit-btn {
width: 100%;
padding: 16px 24px;
font-size: 17px;
line-height: 1.15;
font-weight: 700;
color: #ffffff;
background: #26BAD4;
border: none;
border-radius: 6px;
cursor: pointer;
transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
}

.contact-us .submit-btn:hover {
background: #1fa8c0;
box-shadow: 0 12px 52px -1px rgba(38, 186, 212, 0.12);
}

.contact-us .submit-btn:active {
background: #178fa3;
}

.contact-us .submit-btn:focus {
outline: 3px solid rgba(38, 186, 212, 0.4);
outline-offset: 2px;
}

.contact-us .zigzag-divider {
width: 100%;
display: block;
line-height: 0;
overflow: hidden;
}

.contact-us .info-strip {
background: #111827;
padding: 48px 24px;
position: relative;
overflow: hidden;
}

.contact-us .info-strip__circles {
position: absolute;
bottom: -80px;
left: -80px;
pointer-events: none;
}

.contact-us .info-strip__inner {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 48px;
align-items: stretch;
justify-content: space-between;
}

.contact-us .info-card {
flex: 1 1 0;
padding: 24px;
border: 1px solid rgba(38, 186, 212, 0.2);
border-radius: 10px;
background: rgba(38, 186, 212, 0.05);
display: flex;
flex-direction: column;
gap: 8px;
}

.contact-us .info-card__type {
font-size: 14px;
line-height: 1.15;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #26BAD4;
font-weight: 700;
}

.contact-us .info-card__value {
font-size: 17px;
line-height: 1.65;
color: #E6E3E3;
font-weight: 400;
}

.contact-us .info-card__value a {
color: #E6E3E3;
text-decoration: none;
transition: color 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-us .info-card__value a:hover {
color: #26BAD4;
}

.contact-us .zigzag-divider-bottom {
width: 100%;
display: block;
line-height: 0;
overflow: hidden;
}

.contact-us .response-area {
background: #E6E3E3;
padding: 96px 24px;
position: relative;
}

.contact-us .response-area__circles {
position: absolute;
top: -40px;
right: -40px;
pointer-events: none;
}

.contact-us .response-area__inner {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 48px;
align-items: center;
}

.contact-us .response-area__text {
flex: 1 1 480px;
min-width: 0;
}

.contact-us .response-area__tag {
font-size: 14px;
line-height: 1.15;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #BC145F;
font-weight: 700;
margin-bottom: 24px;
display: block;
}

.contact-us .response-area__heading {
font-size: 40px;
line-height: 1.15;
font-weight: 900;
color: #111827;
margin: 0 0 24px 0;
}

.contact-us .response-area__heading span {
color: #26BAD4;
}

.contact-us .response-area__body {
font-size: 17px;
line-height: 1.65;
color: #374151;
margin: 0;
max-width: 460px;
}

.contact-us .response-area__sidebar {
flex: 0 0 320px;
min-width: 0;
}

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

.contact-us .response-step {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 24px;
padding: 24px;
background: #ffffff;
border-radius: 10px;
border-left: 4px solid #26BAD4;
border-top: 1px solid #E6E3E3;
border-right: 1px solid #E6E3E3;
border-bottom: 1px solid #E6E3E3;
box-shadow: 0 1px 4px -1px rgba(38, 186, 212, 0.05);
opacity: 0;
transform: translateX(24px);
animation: step-reveal 0.26s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.contact-us .response-step:nth-child(1) {
animation-delay: 0.1s;
}

.contact-us .response-step:nth-child(2) {
animation-delay: 0.22s;
}

.contact-us .response-step:nth-child(3) {
animation-delay: 0.34s;
}

@keyframes step-reveal {
to {
opacity: 1;
transform: translateX(0);
}
}

.contact-us .response-step__num {
font-size: 22px;
line-height: 1.15;
font-weight: 900;
color: #26BAD4;
min-width: 32px;
}

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

.contact-us .response-step__name {
font-size: 14px;
line-height: 1.15;
font-weight: 700;
color: #111827;
}

.contact-us .response-step__note {
font-size: 14px;
line-height: 1.65;
color: #374151;
margin: 0;
}

@media (max-width: 1024px) {
.contact-us .form-area__inner {
flex-direction: column;
gap: 48px;
}

.contact-us .form-area__left {
flex: none;
}

.contact-us .form-area__description {
max-width: 100%;
}

.contact-us .response-area__inner {
flex-direction: column;
gap: 48px;
}

.contact-us .response-area__sidebar {
flex: none;
width: 100%;
}

.contact-us .info-strip__inner {
flex-direction: column;
gap: 24px;
}
}

@media (max-width: 768px) {
.contact-us .form-area {
padding: 48px 24px;
}

.contact-us .form-area__heading {
font-size: 40px;
}

.contact-us .contact-form {
padding: 24px;
}

.contact-us .priority-options {
flex-direction: column;
}

.contact-us .response-area {
padding: 48px 24px;
}

.contact-us .response-area__heading {
font-size: 40px;
}
}

@media (max-width: 640px) {
.contact-us .form-area__heading {
font-size: 22px;
}

.contact-us .response-area__heading {
font-size: 22px;
}

.contact-us .info-strip__inner {
gap: 24px;
}
}

.about-us {
background-color: #ffffff;
overflow-x: clip;
position: relative;
}

.about-us .fog-layer {
position: fixed;
top: 0;
left: 0;
width: 200%;
height: 100%;
background: rgba(255, 255, 255, 0.07);
pointer-events: none;
z-index: 0;
animation: fogDrift 18s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

@keyframes fogDrift {
0% {
transform: translateX(0);
}

100% {
transform: translateX(-25%);
}
}

.about-us .spotlight {
position: relative;
padding: 96px 24px;
background: radial-gradient(ellipse at 8% 15%, rgba(38, 186, 212, 0.18) 0%, transparent 62%);
overflow: hidden;
}

.about-us .spotlight__dot-grid {
position: absolute;
top: 0;
left: 0;
width: 52%;
height: 100%;
pointer-events: none;
overflow: hidden;
}

.about-us .spotlight__dot-grid svg {
width: 100%;
height: 100%;
opacity: 0.22;
}

.about-us .spotlight__strokes {
position: absolute;
top: 24px;
right: 48px;
display: flex;
flex-direction: column;
gap: 8px;
pointer-events: none;
}

.about-us .spotlight__strokes span {
display: block;
height: 3px;
border-radius: 3px;
background: #26BAD4;
opacity: 0.35;
}

.about-us .spotlight__grid {
position: relative;
z-index: 1;
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}

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

.about-us .spotlight__label {
display: inline-block;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #26BAD4;
line-height: 1.15;
}

.about-us .spotlight__heading {
font-size: 40px;
font-weight: 900;
line-height: 1.15;
color: #111820;
margin: 0;
letter-spacing: -0.01em;
}

.about-us .spotlight__heading em {
font-style: normal;
color: #BC145F;
}

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

.about-us .spotlight__points li {
font-size: 17px;
line-height: 1.65;
color: #2a2a35;
padding-left: 24px;
position: relative;
}

.about-us .spotlight__points li::before {
content: '';
position: absolute;
left: 0;
top: 11px;
width: 10px;
height: 2px;
background: #26BAD4;
border-radius: 3px;
}

.about-us .spotlight__image-wrap {
position: relative;
border-radius: 10px;
overflow: hidden;
width: 100%;
aspect-ratio: 4/3;
box-shadow: 0 12px 52px -1px rgba(38, 186, 212, 0.12);
}

.about-us .spotlight__image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.about-us .spotlight__image-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(38, 186, 212, 0.28) 0%, transparent 55%);
pointer-events: none;
}

.about-us .team-strip {
background: #111820;
padding: 96px 24px;
position: relative;
}

.about-us .team-strip__top-bar {
max-width: 1280px;
margin: 0 auto 48px;
border-top: 2px solid #26BAD4;
padding-top: 24px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 48px;
}

.about-us .team-strip__top-heading {
font-size: 40px;
font-weight: 900;
line-height: 1.15;
color: #ffffff;
margin: 0;
flex: 0 0 auto;
max-width: 380px;
}

.about-us .team-strip__top-text {
font-size: 17px;
line-height: 1.65;
color: #b0b8c8;
margin: 0;
max-width: 480px;
align-self: center;
}

.about-us .team-strip__columns {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0;
border-top: 1px solid rgba(38, 186, 212, 0.2);
}

.about-us .team-member {
padding: 48px 24px;
border-right: 1px solid rgba(38, 186, 212, 0.12);
display: flex;
flex-direction: column;
gap: 24px;
transition: background-color 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.about-us .team-member:last-child {
border-right: none;
}

.about-us .team-member:hover {
background-color: rgba(38, 186, 212, 0.06);
}

.about-us .team-member__portrait {
width: 100%;
aspect-ratio: 7/9;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
flex-shrink: 0;
}

.about-us .team-member__portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.about-us .team-member__no-portrait {
width: 100%;
aspect-ratio: 7/9;
border-radius: 10px;
background: linear-gradient(160deg, rgba(38, 186, 212, 0.15) 0%, rgba(188, 20, 95, 0.08) 100%);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.about-us .team-member__initials {
font-size: 40px;
font-weight: 900;
color: rgba(38, 186, 212, 0.55);
line-height: 1.15;
}

.about-us .team-member__name {
font-size: 22px;
font-weight: 800;
line-height: 1.15;
color: #ffffff;
margin: 0;
}

.about-us .team-member__role {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #26BAD4;
line-height: 1.15;
margin: 0;
}

.about-us .team-member__bio {
font-size: 17px;
line-height: 1.65;
color: #8c96a8;
margin: 0;
}

.about-us .approach-block {
padding: 96px 24px;
background: #E6E3E3;
position: relative;
}

.about-us .approach-block__inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 5fr 7fr;
gap: 48px;
align-items: start;
}

.about-us .approach-block__left {
position: sticky;
top: 48px;
display: flex;
flex-direction: column;
gap: 24px;
}

.about-us .approach-block__eyebrow {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #BC145F;
line-height: 1.15;
}

.about-us .approach-block__heading {
font-size: 40px;
font-weight: 900;
line-height: 1.15;
color: #111820;
margin: 0;
}

.about-us .approach-block__image-wrap {
border-radius: 10px;
overflow: hidden;
width: 100%;
aspect-ratio: 3/2;
box-shadow: 0 4px 22px -1px rgba(188, 20, 95, 0.09);
margin-top: 8px;
}

.about-us .approach-block__image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.about-us .approach-block__right {
display: flex;
flex-direction: column;
gap: 8px;
}

.about-us .approach-item {
background: #ffffff;
border-radius: 6px;
padding: 24px;
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start;
box-shadow: 0 1px 4px -1px rgba(38, 186, 212, 0.05);
transition: box-shadow 0.25s cubic-bezier(0.0, 0, 0.2, 1), transform 0.25s cubic-bezier(0.0, 0, 0.2, 1);
cursor: default;
}

.about-us .approach-item:hover {
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
transform: translateX(8px);
}

.about-us .approach-item__number {
font-size: 40px;
font-weight: 900;
line-height: 1.15;
color: rgba(38, 186, 212, 0.18);
flex-shrink: 0;
width: 48px;
text-align: right;
}

.about-us .approach-item__body {
display: flex;
flex-direction: column;
gap: 8px;
}

.about-us .approach-item__title {
font-size: 17px;
font-weight: 800;
line-height: 1.15;
color: #111820;
margin: 0;
}

.about-us .approach-item__desc {
font-size: 17px;
line-height: 1.65;
color: #444455;
margin: 0;
}

.about-us .approach-block__accent-wrap {
margin-top: 24px;
padding: 24px;
border-radius: 6px;
background: linear-gradient(108deg, #26BAD4 0%, rgba(38, 186, 212, 0.55) 100%);
display: flex;
flex-direction: column;
gap: 8px;
}

.about-us .approach-block__accent-text {
font-size: 22px;
font-weight: 800;
line-height: 1.15;
color: #ffffff;
margin: 0;
}

.about-us .approach-block__accent-sub {
font-size: 17px;
line-height: 1.65;
color: rgba(255, 255, 255, 0.82);
margin: 0;
}

@media (max-width: 1024px) {
.about-us .spotlight__grid {
grid-template-columns: 1fr;
gap: 48px;
}

.about-us .team-strip__columns {
grid-template-columns: 1fr 1fr;
}

.about-us .team-member:nth-child(2) {
border-right: none;
}

.about-us .team-member:nth-child(3) {
border-right: none;
border-top: 1px solid rgba(38, 186, 212, 0.12);
grid-column: span 2;
max-width: 420px;
}

.about-us .approach-block__inner {
grid-template-columns: 1fr;
}

.about-us .approach-block__left {
position: static;
}

.about-us .team-strip__top-bar {
flex-direction: column;
gap: 24px;
}
}

@media (max-width: 768px) {
.about-us .spotlight {
padding: 48px 24px;
}

.about-us .spotlight__heading {
font-size: 40px;
}

.about-us .team-strip {
padding: 48px 24px;
}

.about-us .team-strip__columns {
grid-template-columns: 1fr;
}

.about-us .team-member {
border-right: none;
border-bottom: 1px solid rgba(38, 186, 212, 0.12);
}

.about-us .team-member:last-child {
border-bottom: none;
}

.about-us .team-member:nth-child(3) {
grid-column: span 1;
max-width: 100%;
}

.about-us .approach-block {
padding: 48px 24px;
}

.about-us .team-strip__top-heading {
font-size: 22px;
}
}

@media (max-width: 640px) {
.about-us .spotlight__heading {
font-size: 22px;
}

.about-us .approach-block__heading {
font-size: 22px;
}

.about-us .spotlight__strokes {
display: none;
}

.about-us .approach-item {
flex-direction: column;
gap: 8px;
}
}

.opening {
background: #ffffff;
overflow-x: clip;
position: relative;
}

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

.opening__pulse-overlay {
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, rgba(38, 186, 212, 0.06) 0%, transparent 100%);
animation: overlayBreath 6s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
z-index: 0;
}

@keyframes overlayBreath {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

.opening__title-block {
position: relative;
padding: 96px 24px 96px;
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
z-index: 1;
}

.opening__title-block::before {
content: "";
position: absolute;
top: 48px;
left: 10%;
width: 320px;
height: 320px;
background: rgba(38, 186, 212, 0.13);
filter: blur(80px);
border-radius: 50%;
pointer-events: none;
}

.opening__title-block::after {
content: "";
position: absolute;
bottom: 48px;
right: 10%;
width: 260px;
height: 260px;
background: rgba(188, 20, 95, 0.09);
filter: blur(70px);
border-radius: 50%;
pointer-events: none;
}

.opening__label {
display: inline-block;
font-size: 14px;
line-height: 1.15;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #BC145F;
border: 1px solid rgba(188, 20, 95, 0.3);
border-radius: 3px;
padding: 8px 24px;
margin-bottom: 24px;
}

.opening__headline {
font-size: 70px;
line-height: 1.15;
font-weight: 900;
color: #111827;
margin: 0 0 24px;
max-width: 860px;
}

.opening__headline em {
font-style: normal;
color: #26BAD4;
}

.opening__subline {
font-size: 22px;
line-height: 1.65;
color: #374151;
max-width: 560px;
margin: 0 0 48px;
}

.opening__image-frame {
position: relative;
width: 100%;
max-width: 900px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 12px 52px -1px rgba(38, 186, 212, 0.12);
}

.opening__image-frame img {
width: 100%;
height: 480px;
object-fit: cover;
object-position: center;
display: block;
filter: contrast(1.04) brightness(0.97);
}

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

.opening__divider {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 24px;
margin: 0;
}

.opening__divider-line {
width: 80px;
height: 1px;
background: #26BAD4;
}

.opening__divider-cross {
width: 12px;
height: 12px;
position: relative;
flex-shrink: 0;
}

.opening__divider-cross::before,
.opening__divider-cross::after {
content: "";
position: absolute;
background: #BC145F;
border-radius: 0px;
}

.opening__divider-cross::before {
width: 12px;
height: 2px;
top: 5px;
left: 0;
}

.opening__divider-cross::after {
width: 2px;
height: 12px;
top: 0;
left: 5px;
}

.opening__results {
background: #f4f4f5;
padding: 96px 24px;
position: relative;
}

.opening__results-inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}

.opening__results-lead {
display: flex;
flex-direction: column;
gap: 24px;
}

.opening__results-tag {
font-size: 14px;
line-height: 1.15;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #26BAD4;
font-weight: 700;
}

.opening__results-heading {
font-size: 40px;
line-height: 1.15;
font-weight: 900;
color: #111827;
margin: 0;
}

.opening__results-body {
font-size: 17px;
line-height: 1.65;
color: #374151;
margin: 0;
}

.opening__results-image {
width: 100%;
height: 380px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
}

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

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

.opening__card {
background: #ffffff;
border-radius: 10px;
padding: 24px;
border-left: 4px solid #26BAD4;
border-top: 1px solid #E6E3E3;
border-right: 1px solid #E6E3E3;
border-bottom: 1px solid #E6E3E3;
box-shadow: 0 1px 4px -1px rgba(38, 186, 212, 0.05);
position: relative;
}

.opening__card-quote {
font-size: 17px;
line-height: 1.65;
color: #1f2937;
margin: 0 0 24px;
font-style: italic;
}

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

.opening__card-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
background: #E6E3E3;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
overflow: hidden;
}

.opening__card-avatar img {
width: 40px;
height: 40px;
object-fit: cover;
object-position: center;
}

.opening__card-initials {
font-size: 14px;
font-weight: 700;
color: #26BAD4;
}

.opening__card-name {
font-size: 14px;
font-weight: 700;
color: #111827;
line-height: 1.15;
}

.opening__card-role {
font-size: 14px;
color: #6b7280;
line-height: 1.15;
}

.opening__team {
background: #ffffff;
padding: 96px 24px;
position: relative;
}

.opening__team::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 40%;
height: 100%;
background: rgba(188, 20, 95, 0.04);
pointer-events: none;
}

.opening__team-inner {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 48px;
align-items: start;
position: relative;
z-index: 1;
}

.opening__team-side {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 48px;
}

.opening__team-stat {
border: 1px dashed rgba(38, 186, 212, 0.5);
border-radius: 10px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 8px;
}

.opening__team-stat-number {
font-size: 40px;
font-weight: 900;
color: #26BAD4;
line-height: 1.15;
}

.opening__team-stat-label {
font-size: 14px;
line-height: 1.65;
color: #374151;
}

.opening__team-center {
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
}

.opening__team-portrait {
width: 100%;
height: 420px;
border-radius: 0px;
overflow: hidden;
box-shadow: 0 12px 52px -1px rgba(188, 20, 95, 0.12);
}

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

.opening__team-name {
font-size: 22px;
font-weight: 900;
color: #111827;
margin: 0;
line-height: 1.15;
text-align: center;
}

.opening__team-position {
font-size: 14px;
color: #BC145F;
line-height: 1.15;
text-align: center;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.opening__team-bio {
font-size: 17px;
line-height: 1.65;
color: #374151;
text-align: center;
margin: 0;
}

.opening__team-right {
display: flex;
flex-direction: column;
gap: 24px;
padding-top: 48px;
}

.opening__team-tag-block {
background: #BC145F;
border-radius: 10px;
padding: 24px;
color: #ffffff;
}

.opening__team-tag-heading {
font-size: 17px;
font-weight: 700;
line-height: 1.15;
margin: 0 0 8px;
}

.opening__team-tag-text {
font-size: 14px;
line-height: 1.65;
margin: 0;
opacity: 0.9;
}

.opening__team-heading {
font-size: 40px;
font-weight: 900;
color: #111827;
line-height: 1.15;
margin: 0;
}

.opening__gap {
background: #26BAD4;
padding: 96px 24px;
position: relative;
overflow: hidden;
}

.opening__gap-decor {
position: absolute;
top: -48px;
right: -48px;
width: 300px;
height: 300px;
border: 40px solid rgba(255, 255, 255, 0.08);
border-radius: 50%;
pointer-events: none;
}

.opening__gap-inner {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 48px;
align-items: center;
position: relative;
z-index: 1;
}

.opening__gap-text {
flex: 3;
display: flex;
flex-direction: column;
gap: 24px;
}

.opening__gap-label {
font-size: 14px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.75);
line-height: 1.15;
}

.opening__gap-heading {
font-size: 40px;
font-weight: 900;
color: #ffffff;
line-height: 1.15;
margin: 0;
}

.opening__gap-body {
font-size: 17px;
line-height: 1.65;
color: rgba(255, 255, 255, 0.9);
margin: 0;
max-width: 520px;
}

.opening__gap-metrics {
flex: 2;
display: flex;
flex-direction: column;
gap: 24px;
}

.opening__ring-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
}

.opening__ring-wrap {
position: relative;
width: 80px;
height: 80px;
flex-shrink: 0;
}

.opening__ring-svg {
width: 80px;
height: 80px;
transform: rotate(-90deg);
}

.opening__ring-track {
fill: none;
stroke: rgba(255, 255, 255, 0.2);
stroke-width: 6;
}

.opening__ring-fill--78 {
fill: none;
stroke: #ffffff;
stroke-width: 6;
stroke-linecap: round;
stroke-dasharray: 195.5;
stroke-dashoffset: 43;
transition: stroke-dashoffset 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.opening__ring-fill--64 {
fill: none;
stroke: #ffffff;
stroke-width: 6;
stroke-linecap: round;
stroke-dasharray: 195.5;
stroke-dashoffset: 70;
transition: stroke-dashoffset 0.22s cubic-bezier(0.0, 0, 0.2, 1);
}

.opening__ring-fill--91 {
fill: none;
stroke: #ffffff;
stroke-width: 6;
stroke-linecap: round;
stroke-dasharray: 195.5;
stroke-dashoffset: 18;
transition: stroke-dashoffset 0.26s cubic-bezier(0.4, 0, 0.2, 1);
}

.opening__ring-number {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 900;
color: #ffffff;
line-height: 1.15;
}

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

.opening__ring-title {
font-size: 17px;
font-weight: 700;
color: #ffffff;
line-height: 1.15;
}

.opening__ring-sub {
font-size: 14px;
line-height: 1.65;
color: rgba(255, 255, 255, 0.8);
}

.opening__outcome {
background: #ffffff;
padding: 96px 24px;
}

.opening__outcome-inner {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 48px;
}

.opening__outcome-top {
display: flex;
flex-direction: row;
gap: 48px;
align-items: end;
}

.opening__outcome-heading-col {
flex: 1;
}

.opening__outcome-label {
font-size: 14px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #BC145F;
font-weight: 700;
line-height: 1.15;
margin-bottom: 24px;
display: block;
}

.opening__outcome-heading {
font-size: 40px;
font-weight: 900;
color: #111827;
line-height: 1.15;
margin: 0;
}

.opening__outcome-intro {
flex: 1;
font-size: 17px;
line-height: 1.65;
color: #374151;
margin: 0;
}

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

.opening__outcome-tile {
border-radius: 10px;
overflow: hidden;
position: relative;
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
}

.opening__outcome-tile img {
width: 100%;
height: 240px;
object-fit: cover;
object-position: center;
display: block;
}

.opening__outcome-tile-body {
background: #f4f4f5;
padding: 24px;
display: flex;
flex-direction: column;
gap: 8px;
}

.opening__outcome-tile-heading {
font-size: 17px;
font-weight: 700;
color: #111827;
line-height: 1.15;
margin: 0;
}

.opening__outcome-tile-text {
font-size: 14px;
line-height: 1.65;
color: #374151;
margin: 0;
}

.opening__outcome-arrow {
display: inline-block;
color: #26BAD4;
margin-left: 8px;
font-style: normal;
}

.opening__outcome-tile--accent .opening__outcome-tile-body {
background: #111827;
}

.opening__outcome-tile--accent .opening__outcome-tile-heading {
color: #ffffff;
}

.opening__outcome-tile--accent .opening__outcome-tile-text {
color: #E6E3E3;
}

.opening__outcome-cta-row {
display: flex;
flex-direction: row;
gap: 24px;
align-items: center;
}

.opening__btn {
display: inline-block;
padding: 24px 48px;
border-radius: 6px;
font-size: 17px;
font-weight: 700;
line-height: 1.15;
text-decoration: none;
border: 2px solid #111827;
background: #111827;
color: #ffffff;
cursor: pointer;
transition: background-color 0.24s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.24s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
}

.opening__btn:hover,
.opening__btn:focus {
background: #26BAD4;
border-color: #26BAD4;
color: #ffffff;
outline: 3px solid rgba(38, 186, 212, 0.4);
outline-offset: 2px;
}

.opening__btn:active {
background: #1da8bf;
border-color: #1da8bf;
}

.opening__btn--ghost {
background: transparent;
color: #111827;
}

.opening__btn--ghost:hover,
.opening__btn--ghost:focus {
background: rgba(38, 186, 212, 0.08);
border-color: #26BAD4;
color: #111827;
}

.opening__hover-border {
position: relative;
}

.opening__hover-border::before,
.opening__hover-border::after {
content: "";
position: absolute;
background: #26BAD4;
transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
transform: scaleX(0);
}

.opening__hover-border::before {
top: 0;
left: 0;
width: 100%;
height: 2px;
transform-origin: left;
}

.opening__hover-border::after {
bottom: 0;
right: 0;
width: 100%;
height: 2px;
transform-origin: right;
}

.opening__hover-border:hover::before,
.opening__hover-border:hover::after {
transform: scaleX(1);
}

@media (max-width: 1024px) {
.opening__headline {
font-size: 40px;
}

.opening__team-inner {
grid-template-columns: 1fr 1fr;
}

.opening__team-side {
display: none;
}

.opening__gap-inner {
flex-direction: column;
}

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

.opening__results-inner {
grid-template-columns: 1fr;
}
}

@media (max-width: 768px) {
.opening__title-block {
padding: 48px 24px 96px;
}

.opening__headline {
font-size: 40px;
}

.opening__team-inner {
grid-template-columns: 1fr;
}

.opening__team-right {
padding-top: 0;
}

.opening__outcome-top {
flex-direction: column;
align-items: flex-start;
}

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

.opening__gap-metrics {
width: 100%;
}

.opening__outcome-cta-row {
flex-direction: column;
align-items: flex-start;
}
}

@media (max-width: 640px) {
.opening__image-frame img {
height: 260px;
}

.opening__results {
padding: 48px 24px;
}

.opening__team {
padding: 48px 24px;
}

.opening__gap {
padding: 48px 24px;
}

.opening__outcome {
padding: 48px 24px;
}

.opening__ring-item {
flex-direction: column;
align-items: flex-start;
}
}

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

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

.quiz__schema {
display: none;
}

.quiz__title-band {
position: relative;
padding: 96px 48px;
background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(38, 186, 212, 0.18) 0%, transparent 70%), #0d1a2e;
overflow: hidden;
}

.quiz__title-band::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #26BAD4 0%, #BC145F 100%);
}

.quiz__title-strokes {
position: absolute;
top: 24px;
right: 48px;
display: flex;
flex-direction: column;
gap: 8px;
pointer-events: none;
}

.quiz__title-strokes span {
display: block;
height: 2px;
background: rgba(38, 186, 212, 0.35);
border-radius: 0px;
}

.quiz__title-strokes span:nth-child(1) {
width: 48px;
}

.quiz__title-strokes span:nth-child(2) {
width: 32px;
}

.quiz__title-strokes span:nth-child(3) {
width: 24px;
}

.quiz__title-strokes span:nth-child(4) {
width: 40px;
}

.quiz__title-inner {
max-width: 1280px;
margin: 0 auto;
text-align: center;
}

.quiz__heading {
font-size: 70px;
line-height: 1.15;
font-weight: 900;
color: #ffffff;
margin: 0 0 24px;
letter-spacing: -0.02em;
animation: quiz-split-reveal 0.26s cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes quiz-split-reveal {
0% {
letter-spacing: 0.12em;
opacity: 0;
}

100% {
letter-spacing: -0.02em;
opacity: 1;
}
}

.quiz__slogan {
font-size: 22px;
line-height: 1.65;
color: rgba(255, 255, 255, 0.72);
margin: 0;
font-style: italic;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}

.quiz__slogan em {
color: #26BAD4;
font-style: normal;
}

.quiz__metrics-row {
background: #E6E3E3;
padding: 48px;
}

.quiz__metrics-inner {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: stretch;
gap: 0;
}

.quiz__metric {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
padding: 24px 48px;
position: relative;
}

.quiz__metric+.quiz__metric::before {
content: '';
position: absolute;
left: 0;
top: 24px;
bottom: 24px;
width: 1px;
background: rgba(38, 186, 212, 0.3);
}

.quiz__metric-number {
font-size: 70px;
line-height: 1.15;
font-weight: 900;
color: #0d1a2e;
letter-spacing: -0.03em;
}

.quiz__metric-number span {
color: #BC145F;
}

.quiz__metric-label {
font-size: 14px;
line-height: 1.65;
color: #3a4a5c;
text-align: center;
margin-top: 8px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
}

.quiz__metric-note {
font-size: 14px;
line-height: 1.65;
color: #5a6a7c;
text-align: center;
margin-top: 8px;
max-width: 220px;
}

.quiz__zigzag-top {
display: block;
width: 100%;
height: 32px;
overflow: hidden;
}

.quiz__zigzag-bottom {
display: block;
width: 100%;
height: 32px;
overflow: hidden;
}

.quiz__questions-area {
background: #ffffff;
padding: 96px 48px;
}

.quiz__questions-inner {
max-width: 1280px;
margin: 0 auto;
}

.quiz__questions-label {
font-size: 14px;
line-height: 1.65;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #BC145F;
margin-bottom: 24px;
display: block;
}

.quiz__questions-heading {
font-size: 40px;
line-height: 1.15;
font-weight: 900;
color: #0d1a2e;
margin: 0 0 48px;
max-width: 680px;
}

.quiz__cards-list {
display: flex;
flex-direction: row;
gap: 24px;
flex-wrap: wrap;
}

.quiz__card {
flex: 1 1 calc(50% - 12px);
min-width: 280px;
background: #ffffff;
border: 1px solid rgba(38, 186, 212, 0.2);
border-radius: 10px;
padding: 24px;
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
transition: box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.22s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
flex-direction: column;
gap: 24px;
}

.quiz__card:hover {
box-shadow: 0 12px 52px -1px rgba(38, 186, 212, 0.12);
border-color: rgba(38, 186, 212, 0.5);
}

.quiz__card-number {
font-size: 40px;
line-height: 1.15;
font-weight: 900;
color: rgba(38, 186, 212, 0.18);
letter-spacing: -0.03em;
}

.quiz__card-question {
font-size: 17px;
line-height: 1.65;
font-weight: 700;
color: #0d1a2e;
margin: 0;
}

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

.quiz__option {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px;
}

.quiz__option input[type="radio"] {
margin-top: 4px;
accent-color: #26BAD4;
flex-shrink: 0;
}

.quiz__option label {
font-size: 14px;
line-height: 1.65;
color: #3a4a5c;
cursor: pointer;
transition: color 0.2s cubic-bezier(0.0, 0, 0.2, 1);
}

.quiz__option:hover label {
color: #0d1a2e;
}

.quiz__card-answer {
background: rgba(38, 186, 212, 0.07);
border-left: 3px solid #26BAD4;
border-radius: 0px 6px 6px 0px;
padding: 8px 24px;
font-size: 14px;
line-height: 1.65;
color: #1a4a55;
display: none;
}

.quiz__card--revealed .quiz__card-answer {
display: block;
}

.quiz__reveal-btn {
align-self: flex-start;
background: #0d1a2e;
color: #ffffff;
border: none;
border-radius: 6px;
padding: 8px 24px;
font-size: 14px;
font-weight: 700;
cursor: pointer;
transition: background 0.24s cubic-bezier(0.4, 0, 0.2, 1);
letter-spacing: 0.04em;
}

.quiz__reveal-btn:hover {
background: #26BAD4;
color: #0d1a2e;
}

.quiz__reveal-btn:focus-visible {
outline: 2px solid #26BAD4;
outline-offset: 2px;
}

.quiz__image-block {
position: relative;
background: #0d1a2e;
overflow: hidden;
}

.quiz__image-wrap {
position: relative;
width: 100%;
height: 480px;
overflow: hidden;
}

.quiz__image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
filter: brightness(0.55) saturate(0.8);
mix-blend-mode: luminosity;
transition: filter 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.quiz__image-block:hover .quiz__image-wrap img {
filter: brightness(0.45) saturate(0.7);
}

.quiz__image-caption {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 48px;
background: linear-gradient(to top, rgba(13, 26, 46, 0.85) 0%, transparent 60%);
opacity: 0;
transition: opacity 0.26s cubic-bezier(0.4, 0, 0.2, 1);
}

.quiz__image-block:hover .quiz__image-caption {
opacity: 1;
}

.quiz__image-caption-text {
font-size: 22px;
line-height: 1.65;
color: #ffffff;
font-weight: 700;
max-width: 560px;
}

.quiz__image-caption-sub {
font-size: 14px;
line-height: 1.65;
color: rgba(255, 255, 255, 0.72);
margin-top: 8px;
}

.quiz__image-overlay-label {
position: absolute;
top: 48px;
left: 48px;
background: #BC145F;
color: #ffffff;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 8px 24px;
border-radius: 3px;
}

.quiz__glossary {
background: #0d1a2e;
padding: 96px 48px 48px;
position: relative;
}

.quiz__glossary-inner {
max-width: 1280px;
margin: 0 auto;
}

.quiz__glossary-heading {
font-size: 40px;
line-height: 1.15;
font-weight: 900;
color: #ffffff;
margin: 0 0 8px;
}

.quiz__glossary-sub {
font-size: 17px;
line-height: 1.65;
color: rgba(255, 255, 255, 0.6);
margin: 0 0 48px;
max-width: 560px;
}

.quiz__glossary-sub em {
color: #26BAD4;
font-style: normal;
}

.quiz__terms-list {
display: flex;
flex-direction: column;
gap: 0;
}

.quiz__term {
border-top: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
flex-direction: row;
align-items: baseline;
gap: 24px;
padding: 24px 0;
transition: background 0.2s cubic-bezier(0.0, 0, 0.2, 1);
}

.quiz__term:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.quiz__term-word {
font-size: 17px;
line-height: 1.65;
font-weight: 900;
color: #26BAD4;
min-width: 220px;
flex-shrink: 0;
}

.quiz__term-def {
font-size: 14px;
line-height: 1.65;
color: rgba(255, 255, 255, 0.72);
flex: 1;
}

.quiz__term-arrow {
display: inline-block;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 8px solid #BC145F;
margin-right: 8px;
flex-shrink: 0;
position: relative;
top: 1px;
}

@media (max-width: 1024px) {
.quiz__heading {
font-size: 40px;
}

.quiz__metric-number {
font-size: 40px;
}

.quiz__metrics-inner {
flex-direction: column;
}

.quiz__metric+.quiz__metric::before {
display: none;
}

.quiz__metric {
border-top: 1px solid rgba(38, 186, 212, 0.2);
padding: 24px;
}
}

@media (max-width: 768px) {
.quiz__title-band {
padding: 48px 24px;
}

.quiz__metrics-row {
padding: 48px 24px;
}

.quiz__questions-area {
padding: 48px 24px;
}

.quiz__glossary {
padding: 48px 24px;
}

.quiz__card {
flex: 1 1 100%;
}

.quiz__image-caption {
opacity: 1;
}

.quiz__image-wrap {
height: 360px;
}

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

.quiz__term-word {
min-width: unset;
}
}

@media (max-width: 640px) {
.quiz__heading {
font-size: 40px;
}

.quiz__slogan {
font-size: 17px;
}

.quiz__questions-heading {
font-size: 22px;
}

.quiz__glossary-heading {
font-size: 22px;
}

.quiz__title-strokes {
display: none;
}

.quiz__image-overlay-label {
top: 24px;
left: 24px;
}

.quiz__image-caption {
padding: 24px;
}
}

.services {
background-color: #ffffff;
overflow-x: clip;
position: relative;
}

.services__schema {
display: none;
}

.services__vignette {
position: fixed;
inset: 0;
pointer-events: none;
z-index: 0;
background: radial-gradient(ellipse at center, transparent 40%, rgba(38, 186, 212, 0.07) 100%);
animation: vignette-breathe 5s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}

@keyframes vignette-breathe {
0% {
opacity: 0.6;
}

100% {
opacity: 1;
}
}

.services__strip {
position: relative;
z-index: 1;
background: linear-gradient(118deg, #0d2a30 0%, #1a4a54 60%, transparent 100%);
padding: 48px 24px;
overflow: hidden;
}

.services__strip-depth {
position: absolute;
top: -24px;
right: 48px;
font-size: 220px;
font-weight: 900;
color: rgba(38, 186, 212, 0.07);
line-height: 1.15;
pointer-events: none;
user-select: none;
letter-spacing: -8px;
}

.services__strip-inner {
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 48px;
}

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

.services__strip-label {
display: inline-block;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #26BAD4;
margin-bottom: 24px;
}

.services__strip-heading {
font-size: 40px;
font-weight: 900;
line-height: 1.15;
color: #ffffff;
margin: 0 0 24px 0;
}

.services__strip-heading span {
color: #26BAD4;
}

.services__strip-body {
font-size: 17px;
line-height: 1.65;
color: rgba(255, 255, 255, 0.78);
margin: 0;
max-width: 480px;
}

.services__strip-image-col {
flex: 0 0 380px;
position: relative;
}

.services__strip-image-frame {
width: 380px;
height: 280px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 12px 52px -1px rgba(38, 186, 212, 0.12);
position: relative;
}

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

.services__strip-image-frame::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(13, 42, 48, 0.7) 0%, transparent 60%);
border-radius: 10px;
}

.services__strip-strokes {
position: absolute;
bottom: 24px;
left: -24px;
display: flex;
flex-direction: column;
gap: 8px;
pointer-events: none;
}

.services__strip-stroke {
height: 3px;
background: #26BAD4;
border-radius: 3px;
opacity: 0.5;
}

.services__strip-stroke:nth-child(1) {
width: 32px;
}

.services__strip-stroke:nth-child(2) {
width: 22px;
}

.services__strip-stroke:nth-child(3) {
width: 40px;
}

.services__strip-stroke:nth-child(4) {
width: 16px;
}

.services__catalog {
position: relative;
z-index: 1;
background: #E6E3E3;
padding: 96px 24px;
}

.services__catalog-inner {
max-width: 1280px;
margin: 0 auto;
}

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

.services__catalog-heading {
font-size: 40px;
font-weight: 900;
line-height: 1.15;
color: #0d2a30;
margin: 0;
max-width: 520px;
}

.services__catalog-subtext {
font-size: 17px;
line-height: 1.65;
color: #3a4a4d;
margin: 0;
max-width: 360px;
text-align: right;
}

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

.services__card {
background: #ffffff;
border-radius: 10px;
padding: 48px 24px 24px 24px;
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
position: relative;
display: flex;
flex-direction: column;
gap: 24px;
transition: box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1), transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
border-top: 3px solid #26BAD4;
border-left: 1px solid rgba(38, 186, 212, 0.12);
border-right: 1px solid rgba(38, 186, 212, 0.12);
border-bottom: 1px solid rgba(38, 186, 212, 0.12);
}

.services__card:hover {
box-shadow: 0 12px 52px -1px rgba(38, 186, 212, 0.12);
transform: translateY(-4px);
}

.services__card--accent {
background: linear-gradient(145deg, #0d2a30 0%, #1a4a54 100%);
border-top: 3px solid #BC145F;
border-left: 1px solid rgba(188, 20, 95, 0.18);
border-right: 1px solid rgba(188, 20, 95, 0.18);
border-bottom: 1px solid rgba(188, 20, 95, 0.18);
}

.services__card--accent:hover {
box-shadow: 0 12px 52px -1px rgba(188, 20, 95, 0.12);
}

.services__card-icon {
width: 48px;
height: 48px;
border-radius: 6px;
background: rgba(38, 186, 212, 0.1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.services__card--accent .services__card-icon {
background: rgba(188, 20, 95, 0.15);
}

.services__card-icon svg {
width: 24px;
height: 24px;
}

.services__card-name {
font-size: 22px;
font-weight: 800;
line-height: 1.15;
color: #0d2a30;
margin: 0;
}

.services__card--accent .services__card-name {
color: #ffffff;
}

.services__card-desc {
font-size: 17px;
line-height: 1.65;
color: #3a4a4d;
margin: 0;
flex: 1;
}

.services__card--accent .services__card-desc {
color: rgba(255, 255, 255, 0.75);
}

.services__card-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
padding-top: 24px;
border-top: 1px solid rgba(38, 186, 212, 0.15);
}

.services__card--accent .services__card-meta {
border-top: 1px solid rgba(255, 255, 255, 0.12);
}

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

.services__card-stat-number {
font-size: 22px;
font-weight: 900;
line-height: 1.15;
color: #26BAD4;
}

.services__card--accent .services__card-stat-number {
color: #BC145F;
}

.services__card-stat-label {
font-size: 14px;
line-height: 1.65;
color: #3a4a4d;
}

.services__card--accent .services__card-stat-label {
color: rgba(255, 255, 255, 0.6);
}

.services__card-arrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 700;
color: #26BAD4;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-top: auto;
}

.services__card--accent .services__card-arrow {
color: #BC145F;
}

.services__card-arrow svg {
width: 16px;
height: 16px;
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.services__card:hover .services__card-arrow svg {
transform: translateX(4px);
}

.services__metric-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
padding: 48px 0 0 0;
border-top: 1px solid rgba(38, 186, 212, 0.2);
}

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

.services__metric-change {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 700;
color: #26BAD4;
}

.services__metric-change svg {
width: 18px;
height: 18px;
}

.services__metric-value {
font-size: 40px;
font-weight: 900;
line-height: 1.15;
color: #0d2a30;
}

.services__metric-name {
font-size: 14px;
line-height: 1.65;
color: #3a4a4d;
}

.services__testimonial-row {
display: flex;
flex-direction: row;
gap: 24px;
margin-top: 48px;
}

.services__testimonial {
flex: 1;
background: #ffffff;
border-radius: 10px;
padding: 24px;
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start;
box-shadow: 0 1px 4px -1px rgba(38, 186, 212, 0.05);
border-left: 3px solid #26BAD4;
border-top: 1px solid rgba(38, 186, 212, 0.1);
border-right: 1px solid rgba(38, 186, 212, 0.1);
border-bottom: 1px solid rgba(38, 186, 212, 0.1);
}

.services__testimonial-portrait {
width: 56px;
height: 56px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}

.services__testimonial-portrait img {
width: 56px;
height: 56px;
object-fit: cover;
object-position: center;
display: block;
}

.services__testimonial-body {
flex: 1;
min-width: 0;
}

.services__testimonial-quote {
font-size: 17px;
line-height: 1.65;
color: #0d2a30;
margin: 0 0 8px 0;
font-style: italic;
}

.services__testimonial-name {
font-size: 14px;
font-weight: 700;
color: #26BAD4;
margin: 0;
}

.services__testimonial-role {
font-size: 14px;
color: #3a4a4d;
margin: 0;
}

.services__image-panel {
margin-top: 48px;
display: flex;
flex-direction: row;
gap: 24px;
align-items: stretch;
}

.services__image-panel-frame {
flex: 0 0 420px;
height: 300px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
position: relative;
}

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

.services__image-panel-frame::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(38, 186, 212, 0.18) 0%, transparent 70%);
}

.services__image-panel-text {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 24px;
}

.services__image-panel-heading {
font-size: 22px;
font-weight: 900;
line-height: 1.15;
color: #0d2a30;
margin: 0;
}

.services__image-panel-body {
font-size: 17px;
line-height: 1.65;
color: #3a4a4d;
margin: 0;
}

.services__image-panel-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 700;
color: #ffffff;
background: #26BAD4;
padding: 8px 24px;
border-radius: 6px;
text-decoration: none;
align-self: flex-start;
transition: background 0.25s cubic-bezier(0.0, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.0, 0, 0.2, 1);
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
}

.services__image-panel-link:hover {
background: #1da8c0;
box-shadow: 0 12px 52px -1px rgba(38, 186, 212, 0.12);
color: #ffffff;
text-decoration: none;
}

.services__image-panel-link:focus {
outline: 2px solid #26BAD4;
outline-offset: 3px;
}

.services__image-panel-strokes {
display: flex;
flex-direction: column;
gap: 8px;
align-self: flex-end;
padding-bottom: 24px;
}

.services__image-panel-stroke {
height: 3px;
background: #BC145F;
border-radius: 3px;
opacity: 0.4;
}

.services__image-panel-stroke:nth-child(1) {
width: 28px;
}

.services__image-panel-stroke:nth-child(2) {
width: 18px;
}

.services__image-panel-stroke:nth-child(3) {
width: 36px;
}

@media (max-width: 1024px) {
.services__grid {
grid-template-columns: repeat(2, 1fr);
}

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

.services__strip-image-col {
flex: 0 0 280px;
}

.services__strip-image-frame {
width: 280px;
height: 220px;
}

.services__catalog-top {
flex-direction: column;
align-items: flex-start;
}

.services__catalog-subtext {
text-align: left;
}

.services__image-panel {
flex-direction: column;
}

.services__image-panel-frame {
flex: none;
width: 100%;
}
}

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

.services__strip-image-col {
flex: none;
width: 100%;
}

.services__strip-image-frame {
width: 100%;
height: 220px;
}

.services__strip-heading {
font-size: 22px;
}

.services__catalog-heading {
font-size: 22px;
}

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

.services__testimonial-row {
flex-direction: column;
}

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

.services__strip-depth {
font-size: 120px;
right: 8px;
}
}

@media (max-width: 640px) {
.services__strip {
padding: 48px 24px;
}

.services__catalog {
padding: 48px 24px;
}

.services__metric-row {
grid-template-columns: 1fr 1fr;
gap: 24px;
}

.services__metric-value {
font-size: 22px;
}
}

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

.success-page .success-card {
max-width: 560px;
width: 100%;
background: #E6E3E3;
border-radius: 16px;
padding: 48px;
box-shadow: 0 4px 22px -1px rgba(38, 186, 212, 0.09);
text-align: center;
}

.success-page .success-card .success-icon {
width: 64px;
height: 64px;
margin: 0 auto 24px;
display: block;
}

.success-page .success-card .success-heading {
font-size: 40px;
line-height: 1.15;
font-weight: 900;
color: #111111;
margin: 0 0 24px;
}

.success-page .success-card .success-heading span {
color: #26BAD4;
}

.success-page .success-card .success-text {
font-size: 17px;
line-height: 1.65;
color: #2a2a2a;
margin: 0 0 48px;
}

.success-page .success-card .success-divider {
width: 48px;
height: 3px;
background: #BC145F;
border-radius: 3px;
margin: 0 auto 48px;
}

.success-page .success-card .success-link {
display: inline-block;
font-size: 17px;
font-weight: 700;
color: #ffffff;
background: #26BAD4;
padding: 24px 48px;
border-radius: 6px;
text-decoration: none;
transition: background-color 0.22s cubic-bezier(0.4, 0, 0.2, 1), color 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.success-page .success-card .success-link:hover {
background: #1da8bf;
}

.success-page .success-card .success-link:focus {
outline: 3px solid #BC145F;
outline-offset: 3px;
}

.success-page .success-card .success-link:active {
background: #178fa3;
}

@media (max-width: 640px) {
.success-page {
padding: 48px 24px;
}

.success-page .success-card {
padding: 48px 24px;
}

.success-page .success-card .success-heading {
font-size: 22px;
}
}

.doc-section {
max-width: 1280px;
margin: 0 auto;
padding: 96px 48px;
color: #2a2a2a;
line-height: 1.65;
font-size: 17px;
}

.doc-section strong,
.doc-section b {
font-weight: 700;
color: #1a1a2e;
}

.doc-section em,
.doc-section i {
font-style: italic;
color: #3a3a3a;
}

.doc-section a {
color: #26BAD4;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.doc-section a:hover {
color: #BC145F;
}

.doc-section a:focus-visible {
outline: 2px solid #26BAD4;
outline-offset: 2px;
border-radius: 3px;
}

.doc-section hr {
border: none;
border-top: 2px solid #E6E3E3;
margin: 48px 0;
}

.doc-section div {
margin-bottom: 24px;
}

@media (max-width: 768px) {
.doc-section {
padding: 48px 24px;
}
}

@media (max-width: 640px) {
.doc-section {
padding: 48px 8px;
font-size: 14px;
}
}