html {
margin: 0;
padding: 0;
box-sizing: border-box
}

body {
margin: 0;
position: relative;
min-height: 100vh;
font-family: 'Oxygen', sans-serif;
font-size: 13px;
line-height: 1.6;
color: #2a2a2a;
background: #fff
}

*,
::before,
::after {
box-sizing: inherit
}

img {
max-width: 100%;
height: auto;
display: block
}

a {
text-decoration: none;
color: inherit
}

button {
font-family: inherit;
cursor: pointer;
border: none;
background: none;
padding: 0
}

::selection {
background: #1e6d6b2e;
color: #2a2a2a
}

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

:focus:not(:focus-visible) {
outline: none
}

::placeholder {
color: #1e6d6b59
}

.topbar {
background: linear-gradient(135deg, #1E6D6B 0%, #175f5d 100%);
position: relative;
padding: 20px 0;
box-shadow: 0 4px 28px 0 #1e6d6b14
}

.topbar::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #fff3 50%, transparent 100%)
}

.topbar__shell {
max-width: 1500px;
margin: 0 auto;
padding: 0 40px
}

.topbar__brand-mount {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 40px
}

.topbar__insignia {
display: flex;
align-items: center;
gap: 20px;
padding: 12px 20px;
background: #ffffff14;
border-radius: 40px;
box-shadow: 0 2px 3px 0 #1e6d6b0d 0 4px 28px 0 #1e6d6b14 0 8px 60px 0 #1e6d6b1c inset 0 0 0 1px #ffffff26
}

.topbar__emblem-hold {
width: 90px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 16px;
box-shadow: 0 2px 3px 0 #1e6d6b0d 0 4px 28px 0 #1e6d6b14;
padding: 12px
}

.topbar__emblem {
width: 100%;
height: 100%;
object-fit: contain
}

.topbar__firm {
display: flex;
flex-direction: column;
gap: 6px
}

.topbar__firm-name {
font-size: 34px;
line-height: 1.1;
font-weight: 700;
color: #fff;
letter-spacing: -.02em
}

.topbar__firm-est {
font-size: 13px;
line-height: 1.4;
color: #ffffffb3;
font-weight: 400
}

.topbar__links-mount {
display: flex;
justify-content: center
}

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

.topbar__menu-spot {
display: block
}

.topbar__anchor {
display: block;
padding: 12px 20px;
font-size: 13px;
line-height: 1.4;
font-weight: 700;
color: #fff;
background: #ffffff0f;
border-radius: 10px;
transition: background-color .24s cubic-bezier(0.4, 0, 0.2, 1), transform .2s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden
}

.topbar__anchor::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, #ffffff26, transparent);
transition: left .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.topbar__anchor:hover {
background: #ffffff1f;
transform: translateY(-1px)
}

.topbar__anchor:hover::before {
left: 100%
}

.topbar__anchor:active {
transform: translateY(0)
}

@media (max-width: 1024px) {
.topbar__shell {
padding: 0 20px
}

.topbar__brand-mount {
margin-bottom: 20px
}

.topbar__emblem-hold {
width: 70px;
height: 70px
}

.topbar__firm-name {
font-size: 25px
}
}

@media (max-width: 768px) {
.topbar {
padding: 20px 0
}

.topbar__insignia {
flex-direction: column;
gap: 12px;
padding: 20px
}

.topbar__firm {
align-items: center;
text-align: center
}

.topbar__menu {
flex-direction: column;
width: 100%;
max-width: 400px
}

.topbar__anchor {
text-align: center;
width: 100%
}
}

@media (max-width: 480px) {
.topbar__shell {
padding: 0 12px
}

.topbar__emblem-hold {
width: 60px;
height: 60px
}

.topbar__firm-name {
font-size: 25px
}
}

.basement {
background: linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);
padding: 80px 0 40px;
position: relative
}

.basement::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #ffffff1a 50%, transparent 100%)
}

.basement__shell {
max-width: 1500px;
margin: 0 auto;
padding: 0 40px
}

.basement__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px;
margin-bottom: 80px
}

.basement__cluster {
display: flex;
flex-direction: column;
gap: 20px
}

.basement__cluster-label {
font-size: 25px;
line-height: 1.1;
font-weight: 700;
color: #fff;
letter-spacing: -.01em;
margin: 0
}

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

.basement__route-spot {
display: block
}

.basement__route-link {
display: inline-block;
font-size: 13px;
line-height: 1.6;
color: #ffffffb3;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1), transform .2s cubic-bezier(0.0, 0, 0.2, 1);
position: relative;
padding-left: 20px
}

.basement__route-link::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
background: #FF7793;
border-radius: 5px;
transition: width .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.basement__route-link:hover {
color: #fff;
transform: translateX(6px)
}

.basement__route-link:hover::before {
width: 12px
}

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

.basement__reach-spot {
display: flex;
align-items: center;
gap: 12px;
font-size: 13px;
line-height: 1.6;
color: #ffffffb3
}

.basement__reach-glyph {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
background: #ff779326;
border-radius: 5px;
flex-shrink: 0
}

.basement__reach-glyph svg {
width: 12px;
height: 12px;
fill: #FF7793
}

.basement__reach-datum {
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.basement__reach-datum:hover {
color: #fff
}

.basement__divider {
height: 1px;
background: linear-gradient(90deg, transparent 0%, #ffffff1a 50%, transparent 100%);
margin: 0 0 40px
}

.basement__base-hold {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 20px
}

.basement__mark-hold {
display: flex;
align-items: center;
gap: 20px
}

.basement__emblem-hold {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff14;
border-radius: 10px;
padding: 6px;
box-shadow: 0 2px 3px 0 #1e6d6b0d
}

.basement__emblem {
width: 100%;
height: 100%;
object-fit: contain
}

.basement__firm-name {
font-size: 25px;
line-height: 1.1;
font-weight: 700;
color: #fff;
margin: 0
}

.basement__legal {
font-size: 13px;
line-height: 1.4;
color: #ffffff80
}

@media (max-width: 1024px) {
.basement {
padding: 40px 0 20px
}

.basement__shell {
padding: 0 20px
}

.basement__grid {
gap: 40px;
margin-bottom: 40px
}
}

@media (max-width: 768px) {
.basement__grid {
grid-template-columns: 1fr;
gap: 40px
}

.basement__base-hold {
flex-direction: column;
align-items: flex-start
}

.basement__mark-hold {
flex-direction: column;
align-items: flex-start
}
}

@media (max-width: 480px) {
.basement__shell {
padding: 0 12px
}
}

.consent-shell {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1200;
max-width: 480px;
width: calc(100% - 40px)
}

.consent-box {
background: #fff;
border-radius: 16px;
box-shadow: 0 8px 60px 0 #1e6d6b1c 0 4px 28px 0 #1e6d6b14;
padding: 20px;
border: 1px solid #1e6d6b1a;
opacity: 0;
transform: translateY(20px);
transition: opacity .26s cubic-bezier(0.4, 0, 0.2, 1), transform .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.consent-box.visible {
opacity: 1;
transform: translateY(0)
}

.consent-box[hidden] {
display: none
}

.consent-prompt {
font-size: 13px;
line-height: 1.6;
color: #2a2a2a;
margin: 0 0 12px
}

.consent-uses {
list-style: none;
margin: 0 0 20px;
padding: 0;
display: flex;
flex-direction: column;
gap: 6px
}

.consent-uses li {
font-size: 13px;
line-height: 1.6;
color: #2a2a2ab3;
padding-left: 20px;
position: relative
}

.consent-uses li::before {
content: '';
position: absolute;
left: 0;
top: 9px;
width: 6px;
height: 6px;
background: #FF7793;
border-radius: 5px
}

.consent-controls {
display: flex;
gap: 12px;
margin-bottom: 12px
}

.consent-accept {
flex: 1;
padding: 12px 20px;
font-size: 13px;
line-height: 1.4;
font-weight: 700;
color: #fff;
background: linear-gradient(135deg, #1E6D6B 0%, #175f5d 100%);
border-radius: 10px;
transition: background .24s cubic-bezier(0.4, 0, 0.2, 1), transform .2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 2px 3px 0 #1e6d6b0d
}

.consent-accept:hover {
background: linear-gradient(135deg, #175f5d 0%, #1E6D6B 100%);
transform: translateY(-1px);
box-shadow: 0 4px 28px 0 #1e6d6b14
}

.consent-accept:active {
transform: translateY(0)
}

.consent-decline {
padding: 12px 20px;
font-size: 13px;
line-height: 1.4;
font-weight: 700;
color: #2a2a2a;
background: #1e6d6b14;
border-radius: 10px;
transition: background .24s cubic-bezier(0.4, 0, 0.2, 1), transform .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.consent-decline:hover {
background: #1e6d6b26;
transform: translateY(-1px)
}

.consent-decline:active {
transform: translateY(0)
}

.consent-manage {
padding: 6px 12px;
font-size: 13px;
line-height: 1.4;
color: #1E6D6B;
background: transparent;
border-radius: 5px;
transition: background .22s cubic-bezier(0.4, 0, 0.2, 1);
text-align: center;
display: block;
width: 100%
}

.consent-manage:hover {
background: #1e6d6b0f
}

.consent-panel {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #1e6d6b1a;
display: none
}

.consent-panel.active {
display: block
}

.consent-toggles {
display: flex;
flex-direction: column;
gap: 12px
}

.consent-toggle-row {
display: flex;
align-items: center;
gap: 12px
}

.consent-checkbox {
width: 20px;
height: 20px;
border: 2px solid #1e6d6b4d;
border-radius: 5px;
cursor: pointer;
transition: border-color .22s cubic-bezier(0.4, 0, 0.2, 1), background .22s cubic-bezier(0.4, 0, 0.2, 1);
flex-shrink: 0
}

.consent-checkbox:hover {
border-color: #1E6D6B
}

.consent-toggle-row input[type="checkbox"] {
display: none
}

.consent-toggle-row input[type="checkbox"]:checked+.consent-checkbox {
background: #1E6D6B;
border-color: #1E6D6B;
position: relative
}

.consent-toggle-row input[type="checkbox"]:checked+.consent-checkbox::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 4px;
height: 8px;
border: solid #fff;
border-width: 0 2px 2px 0
}

.consent-toggle-label {
font-size: 13px;
line-height: 1.4;
color: #2a2a2a;
cursor: pointer
}

.consent-save {
margin-top: 20px;
padding: 12px 20px;
font-size: 13px;
line-height: 1.4;
font-weight: 700;
color: #fff;
background: linear-gradient(135deg, #FF7793 0%, #e66881 100%);
border-radius: 10px;
transition: background .24s cubic-bezier(0.4, 0, 0.2, 1), transform .2s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%
}

.consent-save:hover {
background: linear-gradient(135deg, #e66881 0%, #FF7793 100%);
transform: translateY(-1px)
}

.consent-save:active {
transform: translateY(0)
}

@media (max-width: 768px) {
.consent-shell {
bottom: 12px;
right: 12px;
left: 12px;
width: auto;
max-width: none
}

.consent-controls {
flex-direction: column
}
}

@media (max-width: 480px) {
.consent-box {
padding: 20px 12px
}
}

.n-content-doc {
max-width: 1500px;
margin: 0 auto;
padding: 80px 20px;
background: #fff
}

.n-content-doc h1 {
font-size: 62px;
line-height: 1.1;
color: #1E6D6B;
margin: 0 0 40px
}

.n-content-doc h2 {
font-size: 34px;
line-height: 1.1;
color: #1E6D6B;
margin: 80px 0 20px
}

.n-content-doc h3 {
font-size: 25px;
line-height: 1.4;
color: #1E6D6B;
margin: 40px 0 12px
}

.n-content-doc h4 {
font-size: 25px;
line-height: 1.4;
color: #333;
margin: 40px 0 12px
}

.n-content-doc h5 {
font-size: 13px;
line-height: 1.4;
color: #333;
text-transform: uppercase;
letter-spacing: .05em;
margin: 20px 0 12px
}

.n-content-doc h6 {
font-size: 13px;
line-height: 1.4;
color: #666;
margin: 20px 0 12px
}

.n-content-doc p {
font-size: 13px;
line-height: 1.6;
color: #333;
margin: 0 0 20px
}

.n-content-doc ul {
margin: 0 0 20px;
padding: 0 0 0 20px;
list-style-type: disc
}

.n-content-doc ol {
margin: 0 0 20px;
padding: 0 0 20px;
list-style-type: decimal
}

.n-content-doc li {
font-size: 13px;
line-height: 1.6;
color: #333;
margin: 0 0 6px
}

.n-content-doc ul ul {
margin: 6px 0;
padding: 0 0 0 20px
}

.n-content-doc ol ol {
margin: 6px 0;
padding: 0 0 0 20px
}

.n-content-doc em {
font-style: italic;
color: #333
}

.n-content-doc i {
font-style: italic;
color: #333
}

.n-content-doc strong {
font-weight: 600;
color: #1E6D6B
}

.n-content-doc b {
font-weight: 600;
color: #1E6D6B
}

.n-content-doc a {
color: #1E6D6B;
text-decoration: none;
border-bottom: 1px solid #1e6d6b4d;
transition: border-color .24s cubic-bezier(0.4, 0, 0.2, 1), color .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.n-content-doc a:hover {
color: #FF7793;
border-bottom-color: #ff779380
}

.n-content-doc table {
width: 100%;
border-collapse: collapse;
margin: 0 0 40px;
font-size: 13px;
line-height: 1.4;
background: #fff;
box-shadow: 0 2px 3px 0 #1e6d6b0d;
border-radius: 5px;
overflow: hidden
}

.n-content-doc thead {
background: linear-gradient(135deg, #1E6D6B 0%, #1e6d6bd9 100%)
}

.n-content-doc thead tr {
border: none
}

.n-content-doc thead th {
color: #fff;
font-weight: 600;
text-align: left;
padding: 20px;
border: none
}

.n-content-doc tbody tr {
border-bottom: 1px solid #1e6d6b1a;
transition: background-color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.n-content-doc tbody tr:last-child {
border-bottom: none
}

.n-content-doc tbody tr:hover {
background-color: #ededb926
}

.n-content-doc td {
padding: 20px;
color: #333;
vertical-align: top
}

.n-content-doc th {
padding: 20px;
color: #333;
font-weight: 600;
text-align: left;
vertical-align: top
}

.n-content-doc div {
margin: 0 0 20px
}

.n-content-doc blockquote {
margin: 40px 0;
padding: 20px 20px 20px 40px;
border-left: 5px solid #1E6D6B;
background: #ededb933;
border-radius: 5px;
font-size: 13px;
line-height: 1.6;
color: #333
}

.n-content-doc hr {
border: none;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #1e6d6b33 50%, transparent 100%);
margin: 80px 0
}

@media (max-width: 768px) {
.n-content-doc {
padding: 40px 12px
}

.n-content-doc h1 {
font-size: 34px;
margin: 0 0 20px
}

.n-content-doc h2 {
font-size: 25px;
margin: 40px 0 12px
}

.n-content-doc h3 {
font-size: 25px;
margin: 20px 0 12px
}

.n-content-doc table {
font-size: 13px;
display: block;
overflow-x: auto
}

.n-content-doc thead th {
padding: 12px
}

.n-content-doc td {
padding: 12px
}

.n-content-doc th {
padding: 12px
}

.n-content-doc blockquote {
margin: 20px 0;
padding: 12px 12px 12px 20px
}

.n-content-doc hr {
margin: 40px 0
}
}

.contact-us {
background: linear-gradient(162deg, #fff 0%, #f5f9f9 100%);
max-width: 1500px;
margin: 0 auto;
padding: 0
}

.contact-us__intro {
padding: 80px 20px;
position: relative;
overflow: hidden
}

.contact-us__intro::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 600px;
height: 600px;
border: 2px solid #1e6d6b1f;
border-radius: 50%;
transform: translate(-50%, -50%);
animation: contact-us-pulse-ring 4.2s cubic-bezier(0.4, 0, 0.2, 1) infinite
}

@keyframes contact-us-pulse-ring {

0%,
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 1
}

50% {
transform: translate(-50%, -50%) scale(1.15);
opacity: .6
}
}

.contact-us__intro-wrap {
max-width: 920px;
margin: 0 auto;
position: relative;
z-index: 2
}

.contact-us__intro-media {
width: 240px;
height: 240px;
border-radius: 16px;
overflow: hidden;
float: left;
margin: 0 40px 20px 0;
position: relative;
box-shadow: 0 8px 60px 0 #1e6d6b1c
}

.contact-us__intro-media::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, transparent 0%, #1e6d6bbf 100%);
z-index: 1
}

.contact-us__intro-media::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 40px;
background: #FF7793;
z-index: 2
}

.contact-us__intro-media-corner {
position: absolute;
bottom: 0;
right: 0;
width: 40px;
height: 3px;
background: #FF7793;
z-index: 2
}

.contact-us__intro-visual {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #1E6D6B 0%, #FF7793 100%);
display: flex;
align-items: center;
justify-content: center
}

.contact-us__intro-visual-shape {
width: 120px;
height: 120px;
border: 3px solid #ffffff4d;
border-radius: 50%;
position: relative
}

.contact-us__intro-visual-shape::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
background: #fff3;
border-radius: 10px;
transform: translate(-50%, -50%) rotate(45deg)
}

.contact-us__intro-heading {
font-size: 62px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 20px;
color: #1E6D6B
}

.contact-us__intro-heading-accent {
color: #FF7793
}

.contact-us__intro-text {
font-size: 25px;
line-height: 1.6;
color: #2a2a2a;
margin: 0;
clear: both
}

.contact-us__divider-one {
height: 60px;
overflow: hidden
}

.contact-us__divider-one svg {
width: 100%;
height: 100%;
display: block
}

.contact-us__form-section {
padding: 80px 20px;
background: #fff;
position: relative
}

.contact-us__form-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><rect width="60" height="60" fill="none"/><circle cx="30" cy="30" r="1" fill="%231E6D6B" opacity="0.08"/></svg>');
background-size: 60px 60px;
pointer-events: none
}

.contact-us__form-wrap {
max-width: 800px;
margin: 0 auto;
position: relative;
z-index: 2
}

.contact-us__form-heading {
font-size: 34px;
line-height: 1.4;
letter-spacing: -.01em;
margin: 0 0 12px;
color: #1E6D6B;
text-align: center
}

.contact-us__form-subtext {
font-size: 25px;
line-height: 1.6;
color: #4a4a4a;
margin: 0 0 40px;
text-align: center
}

.contact-us__form {
display: grid;
grid-template-columns: 1fr;
gap: 20px
}

.contact-us__form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px
}

.contact-us__field {
display: flex;
flex-direction: column;
gap: 6px
}

.contact-us__label {
font-size: 13px;
line-height: 1.4;
color: #1E6D6B;
font-weight: 600;
letter-spacing: .02em;
text-transform: uppercase
}

.contact-us__input {
padding: 20px;
border: 2px solid #1e6d6b26;
border-radius: 10px;
font-size: 25px;
line-height: 1.4;
color: #2a2a2a;
background: #fff;
transition: border-color .24s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact-us__input::placeholder {
color: #1e6d6b4d
}

.contact-us__input:hover {
border-color: #1e6d6b4d
}

.contact-us__input:focus {
outline: none;
border-color: #1E6D6B;
box-shadow: 0 4px 28px 0 #1e6d6b14
}

.contact-us__input:focus-visible {
outline: 3px solid #FF7793 !important;
outline-offset: 2px !important
}

.contact-us__select-wrapper {
position: relative
}

.contact-us__select {
width: 100%;
padding: 20px 60px 20px 20px;
border: 2px solid #1e6d6b26;
border-radius: 10px;
font-size: 25px;
line-height: 1.4;
color: #2a2a2a;
background: #fff;
cursor: pointer;
appearance: none;
transition: border-color .24s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact-us__select:hover {
border-color: #1e6d6b4d
}

.contact-us__select:focus {
outline: none;
border-color: #1E6D6B;
box-shadow: 0 4px 28px 0 #1e6d6b14
}

.contact-us__select:focus-visible {
outline: 3px solid #FF7793 !important;
outline-offset: 2px !important
}

.contact-us__select-arrow {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #1E6D6B;
pointer-events: none
}

.contact-us__textarea {
padding: 20px;
border: 2px solid #1e6d6b26;
border-radius: 10px;
font-size: 25px;
line-height: 1.6;
color: #2a2a2a;
background: #fff;
min-height: 180px;
resize: vertical;
transition: border-color .24s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact-us__textarea::placeholder {
color: #1e6d6b4d
}

.contact-us__textarea:hover {
border-color: #1e6d6b4d
}

.contact-us__textarea:focus {
outline: none;
border-color: #1E6D6B;
box-shadow: 0 4px 28px 0 #1e6d6b14
}

.contact-us__textarea:focus-visible {
outline: 3px solid #FF7793 !important;
outline-offset: 2px !important
}

.contact-us__privacy {
display: flex;
align-items: flex-start;
gap: 12px;
margin: 20px 0 0
}

.contact-us__checkbox {
width: 24px;
height: 24px;
min-width: 24px;
border: 2px solid #1e6d6b4d;
border-radius: 5px;
cursor: pointer;
appearance: none;
background: #fff;
position: relative;
transition: background-color .22s cubic-bezier(0.4, 0, 0.2, 1), border-color .22s cubic-bezier(0.4, 0, 0.2, 1);
margin: 4px 0 0
}

.contact-us__checkbox:hover {
border-color: #1E6D6B
}

.contact-us__checkbox:checked {
background: #1E6D6B;
border-color: #1E6D6B
}

.contact-us__checkbox:checked::before {
content: '';
position: absolute;
top: 2px;
left: 6px;
width: 6px;
height: 11px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg)
}

.contact-us__checkbox:focus-visible {
outline: 3px solid #FF7793 !important;
outline-offset: 2px !important
}

.contact-us__privacy-text {
font-size: 13px;
line-height: 1.6;
color: #4a4a4a;
margin: 0
}

.contact-us__privacy-link {
color: #1E6D6B;
text-decoration: underline;
transition: color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact-us__privacy-link:hover {
color: #FF7793
}

.contact-us__privacy-link:focus-visible {
outline: 2px solid #FF7793 !important;
outline-offset: 2px !important
}

.contact-us__submit {
padding: 20px 40px;
border: none;
border-radius: 40px;
font-size: 25px;
line-height: 1.4;
font-weight: 600;
color: #fff;
background: linear-gradient(162deg, #1E6D6B 0%, #FF7793 100%);
cursor: pointer;
transition: transform .26s cubic-bezier(0.0, 0, 0.2, 1), box-shadow .26s cubic-bezier(0.0, 0, 0.2, 1);
box-shadow: 0 4px 28px 0 #1e6d6b14;
margin: 20px 0 0
}

.contact-us__submit:hover {
transform: translateY(-2px);
box-shadow: 0 8px 60px 0 #1e6d6b1c;
background: linear-gradient(210deg, #1E6D6B 0%, #FF7793 100%)
}

.contact-us__submit:active {
transform: translateY(0);
box-shadow: 0 2px 3px 0 #1e6d6b0d
}

.contact-us__submit:focus-visible {
outline: 3px solid #FF7793 !important;
outline-offset: 3px !important
}

.contact-us__divider-two {
height: 60px;
overflow: hidden
}

.contact-us__divider-two svg {
width: 100%;
height: 100%;
display: block
}

.contact-us__details {
padding: 80px 20px;
background: linear-gradient(162deg, #ededb926 0%, #fff0 100%);
position: relative
}

.contact-us__details::before {
content: '';
position: absolute;
top: 20px;
left: 20px;
width: 280px;
height: 280px;
border: 2px solid #ff77931a;
border-radius: 16px;
transform: rotate(12deg);
animation: contact-us-pulse-square 5.6s cubic-bezier(0.4, 0, 0.2, 1) infinite
}

@keyframes contact-us-pulse-square {

0%,
100% {
transform: rotate(12deg) scale(1);
opacity: 1
}

50% {
transform: rotate(12deg) scale(1.08);
opacity: .5
}
}

.contact-us__details-inner {
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 2
}

.contact-us__details-heading {
font-size: 34px;
line-height: 1.4;
letter-spacing: -.01em;
margin: 0 0 40px;
color: #1E6D6B;
text-align: center
}

.contact-us__details-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px
}

.contact-us__detail-item {
background: #fff;
border-radius: 16px;
padding: 40px 20px;
box-shadow: 0 2px 3px 0 #1e6d6b0d;
transition: transform .28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .28s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden
}

.contact-us__detail-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #1E6D6B 0%, #FF7793 100%);
opacity: 0;
transition: opacity .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact-us__detail-item:hover {
transform: translateY(-6px);
box-shadow: 0 8px 60px 0 #1e6d6b1c
}

.contact-us__detail-item:hover::before {
opacity: 1
}

.contact-us__detail-label {
font-size: 13px;
line-height: 1.4;
color: #FF7793;
font-weight: 600;
letter-spacing: .04em;
text-transform: uppercase;
margin: 0 0 12px;
display: block
}

.contact-us__detail-value {
font-size: 25px;
line-height: 1.6;
color: #2a2a2a;
margin: 0;
word-break: break-word
}

.contact-us__detail-link {
color: #1E6D6B;
text-decoration: none;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact-us__detail-link:hover {
color: #FF7793;
text-decoration: underline
}

.contact-us__detail-link:focus-visible {
outline: 2px solid #FF7793 !important;
outline-offset: 2px !important
}

.contact-us__metrics {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin: 40px 0 0
}

.contact-us__metric {
background: linear-gradient(162deg, #1e6d6b0d 0%, #ff77930d 100%);
border-radius: 10px;
padding: 40px 20px;
text-align: center;
position: relative;
overflow: hidden
}

.contact-us__metric::before {
content: attr(data-number);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 120px;
line-height: 1;
font-weight: 700;
color: #1e6d6b0f;
z-index: 1
}

.contact-us__metric-number {
font-size: 62px;
line-height: 1.1;
font-weight: 700;
color: #1E6D6B;
margin: 0 0 6px;
position: relative;
z-index: 2
}

.contact-us__metric-label {
font-size: 25px;
line-height: 1.4;
color: #4a4a4a;
margin: 0;
position: relative;
z-index: 2
}

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

.contact-us__metrics {
grid-template-columns: 1fr
}
}

@media (max-width: 768px) {
.contact-us__intro {
padding: 60px 20px
}

.contact-us__intro-media {
width: 180px;
height: 180px;
float: none;
margin: 0 auto 20px
}

.contact-us__intro-heading {
font-size: clamp(34px, 8vw, 62px);
text-align: center
}

.contact-us__intro-text {
font-size: clamp(13px, 4vw, 25px);
text-align: center
}

.contact-us__form-section {
padding: 60px 20px
}

.contact-us__form-heading {
font-size: clamp(25px, 6vw, 34px)
}

.contact-us__form-subtext {
font-size: clamp(13px, 4vw, 25px)
}

.contact-us__form-row {
grid-template-columns: 1fr
}

.contact-us__input,
.contact-us__select,
.contact-us__textarea,
.contact-us__submit {
font-size: clamp(13px, 4vw, 25px)
}

.contact-us__details {
padding: 60px 20px
}

.contact-us__details-heading {
font-size: clamp(25px, 6vw, 34px)
}

.contact-us__details-grid {
grid-template-columns: 1fr
}

.contact-us__detail-value {
font-size: clamp(13px, 4vw, 25px)
}

.contact-us__metric-number {
font-size: clamp(34px, 10vw, 62px)
}

.contact-us__metric-label {
font-size: clamp(13px, 4vw, 25px)
}
}

@media (max-width: 480px) {
.contact-us__intro {
padding: 40px 20px
}

.contact-us__form-section {
padding: 40px 20px
}

.contact-us__details {
padding: 40px 20px
}

.contact-us__submit {
width: 100%
}
}

@keyframes contact-us-load-expand {
from {
max-height: 0;
opacity: 0
}

to {
max-height: 2000px;
opacity: 1
}
}

.contact-us__intro,
.contact-us__form-section,
.contact-us__details {
animation: contact-us-load-expand .8s cubic-bezier(0.4, 0, 0.2, 1) forwards
}

.contact-us__form-section {
animation-delay: .15s
}

.contact-us__details {
animation-delay: .3s
}

.about__us {
background: #FFF;
color: #1A1A1A;
overflow-x: clip
}

.about__us::selection {
background: #1e6d6b26;
color: #1A1A1A
}

.about__us::placeholder {
color: #1e6d6b66
}

.about__us .opening {
position: relative;
background: linear-gradient(156deg, #1E6D6B 0%, #145755 100%);
padding: 80px 20px;
min-height: 60vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden
}

.about__us .opening::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 4px;
background: #FF7793;
clip-path: polygon(0 0, 85% 0, 85% 100%, 0 100%)
}

.about__us .opening__container {
max-width: 1500px;
width: 100%;
margin: 0 auto;
position: relative;
z-index: 2
}

.about__us .opening__content {
max-width: 820px
}

.about__us .opening__headline {
font-size: clamp(34px, 5vw, 62px);
line-height: 1.1;
color: #FFF;
margin: 0 0 40px;
letter-spacing: -.02em
}

.about__us .opening__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 20px
}

.about__us .opening__item {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 25px;
line-height: 1.4;
color: #ffffffeb
}

.about__us .opening__item::before {
content: '';
width: 8px;
height: 8px;
background: #FF7793;
border-radius: 50%;
margin-top: 12px;
flex-shrink: 0
}

.about__us .opening__decoration {
position: absolute;
bottom: 0;
left: 0;
width: 200px;
height: 3px;
background: #EDEDB9;
opacity: .5;
clip-path: polygon(0 0, 60% 0, 60% 100%, 0 100%)
}

.about__us .story {
padding: 80px 20px;
background: #FAFBFB;
position: relative
}

.about__us .story::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, #1e6d6b04 35px, #1e6d6b04 70px), repeating-linear-gradient(-45deg, transparent, transparent 35px, #1e6d6b04 35px, #1e6d6b04 70px);
pointer-events: none;
animation: story__pattern__cycle 60s ease-in-out infinite
}

@keyframes story__pattern__cycle {

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

50% {
filter: saturate(0.2)
}
}

.about__us .story__container {
max-width: 1500px;
margin: 0 auto;
position: relative;
z-index: 1
}

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

.about__us .story__visual {
position: relative
}

.about__us .story__visual::before {
content: '';
position: absolute;
top: 12px;
left: 12px;
right: 12px;
bottom: 12px;
border: 2px solid #1E6D6B;
border-radius: 10px;
pointer-events: none;
clip-path: polygon(0 0, 0 calc(0% + 20px), 0 calc(100% - 20px), 0 100%, calc(0% + 20px) 100%, calc(100% - 20px) 100%, 100% 100%, 100% calc(100% - 20px), 100% calc(0% + 20px), 100% 0, calc(100% - 20px) 0, calc(0% + 20px) 0)
}

.about__us .story__image {
width: 100%;
height: 480px;
object-fit: cover;
border-radius: 10px;
display: block;
transition: filter .26s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 28px 0 #1e6d6b14
}

.about__us .story__image:hover {
filter: saturate(0.3)
}

.about__us .story__text {
display: flex;
flex-direction: column;
gap: 40px
}

.about__us .story__header {
position: relative
}

.about__us .story__number {
position: absolute;
top: -20px;
left: 0;
font-size: 120px;
line-height: 1;
color: #1e6d6b0f;
font-weight: 700;
pointer-events: none;
user-select: none
}

.about__us .story__title {
font-size: clamp(25px, 4vw, 34px);
line-height: 1.1;
color: #1E6D6B;
margin: 0 0 20px;
letter-spacing: -.01em;
position: relative
}

.about__us .story__intro {
font-size: 25px;
line-height: 1.4;
color: #2A2A2A;
margin: 0
}

.about__us .story__blocks {
display: grid;
grid-template-columns: 1fr;
gap: 40px
}

.about__us .story__block {
background: #FFF;
padding: 40px;
border-radius: 16px;
position: relative;
box-shadow: 0 2px 3px 0 #1e6d6b0d;
transition: box-shadow .24s cubic-bezier(0.0, 0, 0.2, 1)
}

.about__us .story__block:hover {
box-shadow: 0 8px 60px 0 #1e6d6b1c
}

.about__us .story__block::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
background: linear-gradient(135deg, #FF7793 0%, #ff779300 100%);
border-radius: 0 16px 0 0;
opacity: .15
}

.about__us .story__block__label {
font-size: 13px;
line-height: 1.4;
color: #1E6D6B;
text-transform: uppercase;
letter-spacing: .08em;
margin: 0 0 12px;
font-weight: 600
}

.about__us .story__block__text {
font-size: 13px;
line-height: 1.6;
color: #3A3A3A;
margin: 0
}

.about__us .story__approach {
background: linear-gradient(90deg, #1e6d6b05 0%, #ff779305 100%);
padding: 40px;
border-radius: 10px;
border: 1px solid #1e6d6b14
}

.about__us .story__approach__title {
font-size: 25px;
line-height: 1.1;
color: #1E6D6B;
margin: 0 0 20px
}

.about__us .story__approach__description {
font-size: 13px;
line-height: 1.6;
color: #3A3A3A;
margin: 0 0 40px
}

.about__us .story__steps {
display: grid;
grid-template-columns: 1fr;
gap: 20px
}

.about__us .story__step {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 20px;
background: #FFF;
border-radius: 5px;
transition: transform .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.about__us .story__step:hover {
transform: translateX(6px)
}

.about__us .story__step__icon {
width: 48px;
height: 48px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #1E6D6B 0%, #FF7793 100%);
border-radius: 40px;
color: #FFF;
font-size: 20px;
font-weight: 700
}

.about__us .story__step__content {
flex: 1
}

.about__us .story__step__name {
font-size: 13px;
line-height: 1.4;
color: #1E6D6B;
margin: 0 0 6px;
font-weight: 600
}

.about__us .story__step__detail {
font-size: 13px;
line-height: 1.6;
color: #4A4A4A;
margin: 0
}

.about__us .story__dual {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
margin-top: 40px
}

.about__us .story__column {
display: flex;
flex-direction: column;
gap: 20px
}

.about__us .story__column__heading {
font-size: 25px;
line-height: 1.1;
color: #2A2A2A;
margin: 0 0 12px
}

.about__us .story__column__paragraph {
font-size: 13px;
line-height: 1.6;
color: #3A3A3A;
margin: 0
}

.about__us .story__column__visual {
width: 100%;
height: 320px;
border-radius: 10px;
overflow: hidden;
position: relative;
box-shadow: 0 4px 28px 0 #1e6d6b14
}

.about__us .story__column__picture {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: filter .28s cubic-bezier(0.0, 0, 0.2, 1)
}

.about__us .story__column__picture:hover {
filter: saturate(0.4)
}

.about__us .story__featured {
margin-top: 40px;
display: grid;
grid-template-columns: 1fr;
gap: 20px
}

.about__us .story__featured__large {
grid-column: 1;
background: #FFF;
padding: 40px;
border-radius: 16px;
box-shadow: 0 4px 28px 0 #1e6d6b14;
position: relative;
overflow: hidden
}

.about__us .story__featured__large::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 6px;
background: linear-gradient(90deg, #1E6D6B 0%, #FF7793 100%)
}

.about__us .story__featured__image {
width: 100%;
height: 360px;
object-fit: cover;
border-radius: 10px;
margin-bottom: 20px;
display: block;
transition: filter .25s cubic-bezier(0.4, 0, 0.2, 1)
}

.about__us .story__featured__image:hover {
filter: saturate(0.2)
}

.about__us .story__featured__label {
font-size: 13px;
line-height: 1.4;
color: #FF7793;
text-transform: uppercase;
letter-spacing: .08em;
margin: 0 0 12px;
font-weight: 600
}

.about__us .story__featured__heading {
font-size: 25px;
line-height: 1.1;
color: #1E6D6B;
margin: 0 0 20px
}

.about__us .story__featured__text {
font-size: 13px;
line-height: 1.6;
color: #3A3A3A;
margin: 0
}

.about__us .story__featured__small {
background: #FFF;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 3px 0 #1e6d6b0d;
display: flex;
align-items: center;
gap: 20px;
transition: box-shadow .23s cubic-bezier(0.4, 0, 0.2, 1)
}

.about__us .story__featured__small:hover {
box-shadow: 0 4px 28px 0 #1e6d6b14
}

.about__us .story__featured__icon {
width: 56px;
height: 56px;
flex-shrink: 0;
border-radius: 40px;
background: linear-gradient(135deg, #1e6d6b1a 0%, #ff77931a 100%);
display: flex;
align-items: center;
justify-content: center
}

.about__us .story__featured__icon svg {
width: 28px;
height: 28px;
fill: #1E6D6B
}

.about__us .story__featured__info {
flex: 1
}

.about__us .story__featured__metric {
font-size: 25px;
line-height: 1.1;
color: #1E6D6B;
margin: 0 0 6px;
font-weight: 700
}

.about__us .story__featured__caption {
font-size: 13px;
line-height: 1.4;
color: #4A4A4A;
margin: 0
}

.about__us .story__divider {
display: flex;
align-items: center;
justify-content: space-between;
margin: 80px 0 0;
gap: 40px
}

.about__us .story__divider__line {
height: 2px;
width: 120px;
background: linear-gradient(90deg, #1E6D6B 0%, #1e6d6b00 100%)
}

.about__us .story__divider__line.right {
background: linear-gradient(270deg, #FF7793 0%, #ff779300 100%)
}

@media (min-width: 480px) {
.about__us .story__steps {
grid-template-columns: 1fr 1fr
}

.about__us .story__featured {
grid-template-columns: 1fr 1fr
}
}

@media (min-width: 768px) {
.about__us .opening {
padding: 120px 40px
}

.about__us .story {
padding: 120px 40px
}

.about__us .story__grid {
grid-template-columns: 1fr 1fr;
gap: 80px
}

.about__us .story__blocks {
grid-template-columns: 1fr 1fr
}

.about__us .story__dual {
grid-template-columns: 1fr 1fr
}

.about__us .story__steps {
grid-template-columns: repeat(3, 1fr)
}

.about__us .story__featured {
grid-template-columns: 2fr 1fr
}

.about__us .story__featured__large {
grid-column: 1;
grid-row: 1 / 3
}

.about__us .story__featured__small {
grid-column: 2
}
}

@media (min-width: 1024px) {
.about__us .opening {
padding: 140px 40px
}

.about__us .story {
padding: 140px 40px
}

.about__us .story__image {
height: 560px
}

.about__us .story__column__visual {
height: 400px
}

.about__us .story__featured__image {
height: 440px
}
}

@media (min-width: 1280px) {
.about__us .story__steps {
grid-template-columns: repeat(4, 1fr)
}
}

.learning-program {
background: #fff;
color: #1a1a1a;
overflow-x: clip
}

.learning-program ::selection {
background: #1e6d6b26;
color: #1a1a1a
}

.learning-program img {
max-width: 100%;
height: auto;
display: block
}

.learning-program__opening {
max-width: 1500px;
margin: 0 auto;
padding: 80px 20px;
display: grid;
grid-template-columns: 280px 1fr;
gap: 40px;
align-items: center;
position: relative
}

.learning-program__opening::before {
content: '"';
position: absolute;
top: 40px;
right: 80px;
font-size: 420px;
line-height: 1;
color: #1e6d6b0a;
font-weight: 700;
pointer-events: none;
z-index: 0
}

.learning-program__image-zone {
position: relative;
overflow: hidden;
border-radius: 16px
}

.learning-program__image-zone img {
width: 100%;
height: 420px;
object-fit: cover;
filter: saturate(1);
transition: filter .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.learning-program__image-zone::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(circle at center, transparent 40%, #0009 100%);
pointer-events: none
}

.learning-program__image-zone:hover img {
filter: saturate(0.3)
}

.learning-program__text-zone {
position: relative;
z-index: 1;
padding: 40px 0
}

.learning-program__text-zone h1 {
font-size: 62px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 40px;
color: #1E6D6B
}

.learning-program__text-zone ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 20px
}

.learning-program__text-zone li {
font-size: 25px;
line-height: 1.4;
padding-left: 40px;
position: relative;
color: #333
}

.learning-program__text-zone li::before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 8px;
height: 8px;
background: #FF7793;
transform: rotate(45deg);
border-radius: 2px
}

.learning-program__details {
background: linear-gradient(155deg, #1e6d6b08 0%, #ff779308 100%);
padding: 80px 20px;
position: relative;
overflow: hidden
}

.learning-program__details::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
height: 400px;
background: radial-gradient(circle, #ff77931f 0%, transparent 70%);
border-radius: 50%;
animation: learning-program-pulse 8s ease-in-out infinite;
pointer-events: none
}

@keyframes learning-program-pulse {

0%,
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 1
}

50% {
transform: translate(-50%, -50%) scale(1.15);
opacity: .7
}
}

.learning-program__details-wrapper {
max-width: 1500px;
margin: 0 auto;
position: relative;
z-index: 1
}

.learning-program__details-header {
text-align: center;
margin-bottom: 80px
}

.learning-program__details-header h2 {
font-size: 62px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 20px;
color: #1E6D6B
}

.learning-program__details-header p {
font-size: 25px;
line-height: 1.6;
color: #444;
max-width: 900px;
margin: 0 auto
}

.learning-program__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px
}

.learning-program__card {
background: #fff;
border-radius: 16px;
padding: 40px;
box-shadow: 0 2px 3px 0 #1e6d6b0d 0 4px 28px 0 #1e6d6b14;
transition: box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1), transform .24s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden
}

.learning-program__card:hover {
box-shadow: 0 8px 60px 0 #1e6d6b1c;
transform: translateY(-6px)
}

.learning-program__card-number {
position: absolute;
top: -20px;
right: 20px;
font-size: 180px;
line-height: 1;
font-weight: 700;
color: #1e6d6b08;
pointer-events: none
}

.learning-program__card-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #1E6D6B 0%, #1e6d6bb3 100%);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
position: relative;
z-index: 1
}

.learning-program__card-icon svg {
width: 32px;
height: 32px;
fill: #fff
}

.learning-program__card h3 {
font-size: 34px;
line-height: 1.1;
margin: 0 0 12px;
color: #1E6D6B;
position: relative;
z-index: 1
}

.learning-program__card p {
font-size: 25px;
line-height: 1.6;
margin: 0;
color: #555;
position: relative;
z-index: 1
}

.learning-program__structure {
max-width: 1500px;
margin: 0 auto;
padding: 80px 20px;
position: relative
}

.learning-program__structure-header {
margin-bottom: 80px
}

.learning-program__structure-header h2 {
font-size: 62px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 20px;
color: #1E6D6B
}

.learning-program__structure-header p {
font-size: 25px;
line-height: 1.6;
color: #444;
max-width: 800px
}

.learning-program__phases {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
position: relative
}

.learning-program__phases::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 2px;
height: calc(100% - 80px);
background: linear-gradient(180deg, transparent 0%, #1E6D6B 20%, #FF7793 80%, transparent 100%);
pointer-events: none
}

.learning-program__phase {
background: linear-gradient(135deg, #fff 0%, #ededb914 100%);
border-radius: 16px;
padding: 40px;
box-shadow: 0 2px 3px 0 #ff77930d 0 4px 28px 0 #ff779314;
position: relative;
transition: box-shadow .22s cubic-bezier(0.0, 0, 0.2, 1)
}

.learning-program__phase:hover {
box-shadow: 0 8px 60px 0 #ff77931c
}

.learning-program__phase-label {
display: inline-block;
background: linear-gradient(135deg, #FF7793 0%, #ff7793b3 100%);
color: #fff;
font-size: 13px;
line-height: 1.4;
padding: 6px 12px;
border-radius: 40px;
margin-bottom: 20px;
font-weight: 600;
letter-spacing: .03em;
text-transform: uppercase
}

.learning-program__phase h3 {
font-size: 34px;
line-height: 1.1;
margin: 0 0 20px;
color: #1E6D6B
}

.learning-program__phase-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 12px
}

.learning-program__phase-list li {
font-size: 25px;
line-height: 1.6;
color: #555;
display: flex;
align-items: flex-start;
gap: 12px
}

.learning-program__phase-list li::before {
content: '';
flex-shrink: 0;
width: 6px;
height: 6px;
background: #FF7793;
border-radius: 50%;
margin-top: 12px
}

.learning-program__phase-divider {
width: 80px;
height: 2px;
background: linear-gradient(90deg, transparent 0%, #1E6D6B 50%, transparent 100%);
margin: 20px 0;
position: relative
}

.learning-program__phase-divider::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 8px;
height: 8px;
background: #1E6D6B;
border-radius: 2px
}

.learning-program__phase-duration {
font-size: 13px;
line-height: 1.4;
color: #FF7793;
font-weight: 600
}

.learning-program__outcomes {
background: linear-gradient(180deg, #1e6d6b05 0%, #ff779305 100%);
padding: 80px 20px;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
position: relative
}

.learning-program__outcomes::before {
content: '';
position: absolute;
inset: 0;
background: #fff9;
pointer-events: none
}

.learning-program__outcomes-wrapper {
max-width: 1500px;
margin: 0 auto;
position: relative;
z-index: 1
}

.learning-program__outcomes-header {
text-align: center;
margin-bottom: 80px
}

.learning-program__outcomes-header h2 {
font-size: 62px;
line-height: 1.1;
letter-spacing: -.02em;
margin: 0 0 20px;
color: #1E6D6B
}

.learning-program__central-container {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(12, 60px);
gap: 20px;
position: relative
}

.learning-program__central-visual {
grid-column: 5 / 9;
grid-row: 4 / 10;
position: relative;
z-index: 2;
overflow: hidden;
border-radius: 10px
}

.learning-program__central-visual img {
width: 100%;
height: 100%;
object-fit: cover;
filter: saturate(1);
transition: filter .28s cubic-bezier(0.4, 0, 0.2, 1)
}

.learning-program__central-visual:hover img {
filter: saturate(0.2)
}

.learning-program__outcome-item {
background: #fff;
border-radius: 10px;
padding: 20px;
box-shadow: 0 2px 3px 0 #1e6d6b0d 0 4px 28px 0 #1e6d6b14;
display: flex;
flex-direction: column;
gap: 6px;
position: relative;
z-index: 1;
transition: transform .24s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.learning-program__outcome-item:hover {
transform: scale(1.05);
box-shadow: 0 8px 60px 0 #1e6d6b1c
}

.learning-program__outcome-item--top-left {
grid-column: 1 / 5;
grid-row: 2 / 5
}

.learning-program__outcome-item--top-right {
grid-column: 9 / 13;
grid-row: 2 / 5
}

.learning-program__outcome-item--middle-left {
grid-column: 1 / 4;
grid-row: 6 / 9
}

.learning-program__outcome-item--middle-right {
grid-column: 10 / 13;
grid-row: 6 / 9
}

.learning-program__outcome-item--bottom-left {
grid-column: 1 / 5;
grid-row: 10 / 13
}

.learning-program__outcome-item--bottom-right {
grid-column: 9 / 13;
grid-row: 10 / 13
}

.learning-program__outcome-item h4 {
font-size: 25px;
line-height: 1.1;
margin: 0;
color: #1E6D6B
}

.learning-program__outcome-item p {
font-size: 13px;
line-height: 1.4;
margin: 0;
color: #666
}

.learning-program__connector {
position: absolute;
pointer-events: none;
z-index: 0
}

.learning-program__connector--tl {
top: 20%;
left: 25%;
width: 180px;
height: 120px
}

.learning-program__connector--tr {
top: 20%;
right: 25%;
width: 180px;
height: 120px
}

.learning-program__connector--bl {
bottom: 20%;
left: 25%;
width: 180px;
height: 120px
}

.learning-program__connector--br {
bottom: 20%;
right: 25%;
width: 180px;
height: 120px
}

.learning-program__connector svg {
width: 100%;
height: 100%
}

.learning-program__connector path {
fill: none;
stroke: #1e6d6b26;
stroke-width: 2
}

@media (max-width: 1280px) {
.learning-program__opening {
grid-template-columns: 240px 1fr;
gap: 40px;
padding: 80px 20px
}

.learning-program__opening::before {
font-size: 340px;
right: 60px
}

.learning-program__image-zone img {
height: 360px
}

.learning-program__text-zone h1 {
font-size: 62px
}

.learning-program__grid {
grid-template-columns: repeat(2, 1fr)
}

.learning-program__central-container {
grid-template-rows: repeat(12, 50px)
}
}

@media (max-width: 1024px) {
.learning-program__opening {
grid-template-columns: 1fr;
gap: 40px;
padding: 80px 20px
}

.learning-program__opening::before {
font-size: 280px;
top: 20px;
right: 20px
}

.learning-program__image-zone img {
height: 320px
}

.learning-program__text-zone h1 {
font-size: clamp(34px, 5vw, 62px)
}

.learning-program__text-zone li {
font-size: clamp(13px, 2.5vw, 25px)
}

.learning-program__details-header h2,
.learning-program__structure-header h2,
.learning-program__outcomes-header h2 {
font-size: clamp(34px, 5vw, 62px)
}

.learning-program__details-header p,
.learning-program__structure-header p {
font-size: clamp(13px, 2.5vw, 25px)
}

.learning-program__grid {
grid-template-columns: 1fr;
gap: 40px
}

.learning-program__card h3 {
font-size: clamp(25px, 3.5vw, 34px)
}

.learning-program__card p {
font-size: clamp(13px, 2.5vw, 25px)
}

.learning-program__phases {
grid-template-columns: 1fr;
gap: 40px
}

.learning-program__phases::before {
display: none
}

.learning-program__phase h3 {
font-size: clamp(25px, 3.5vw, 34px)
}

.learning-program__phase-list li {
font-size: clamp(13px, 2.5vw, 25px)
}

.learning-program__central-container {
display: flex;
flex-direction: column;
gap: 20px
}

.learning-program__central-visual {
order: 1;
height: 280px
}

.learning-program__outcome-item {
order: 2
}

.learning-program__outcome-item h4 {
font-size: clamp(13px, 2.5vw, 25px)
}

.learning-program__connector {
display: none
}
}

@media (max-width: 768px) {
.learning-program__opening {
padding: 40px 20px;
gap: 20px
}

.learning-program__opening::before {
font-size: 200px
}

.learning-program__image-zone img {
height: 240px
}

.learning-program__details,
.learning-program__structure,
.learning-program__outcomes {
padding: 40px 20px
}

.learning-program__details-header,
.learning-program__structure-header,
.learning-program__outcomes-header {
margin-bottom: 40px
}

.learning-program__card,
.learning-program__phase {
padding: 20px
}

.learning-program__card-number {
font-size: 120px;
top: -10px
}

.learning-program__card-icon {
width: 50px;
height: 50px
}

.learning-program__card-icon svg {
width: 26px;
height: 26px
}

.learning-program__central-visual {
height: 220px
}
}

@media (max-width: 480px) {
.learning-program__opening {
padding: 20px 12px
}

.learning-program__opening::before {
font-size: 140px;
top: 10px;
right: 10px
}

.learning-program__image-zone img {
height: 200px
}

.learning-program__text-zone {
padding: 20px 0
}

.learning-program__text-zone h1 {
margin-bottom: 20px
}

.learning-program__text-zone ul {
gap: 12px
}

.learning-program__text-zone li {
padding-left: 20px
}

.learning-program__details,
.learning-program__structure,
.learning-program__outcomes {
padding: 40px 12px
}

.learning-program__grid,
.learning-program__phases {
gap: 20px
}

.learning-program__card-number {
font-size: 90px
}

.learning-program__outcome-item {
padding: 12px
}
}

.success-page {
min-height: 100vh;
background: linear-gradient(217deg, #1e6d6b08 0%, transparent 50%), linear-gradient(343deg, #ff779308 0%, transparent 50%), #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 20px
}

.success-page__container {
max-width: 680px;
width: 100%;
background: #fff;
border-radius: 16px;
box-shadow: 0 8px 60px 0 #1e6d6b1c;
padding: 80px 40px;
text-align: center
}

.success-page__icon-wrapper {
width: 120px;
height: 120px;
margin: 0 auto 40px;
background: linear-gradient(217deg, #1E6D6B 0%, #FF7793 100%);
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
transition: transform .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.success-page__icon-wrapper:hover {
transform: scale(1.05)
}

.success-page__checkmark {
width: 56px;
height: 56px;
border: 4px solid #fff;
border-radius: 50%;
position: relative
}

.success-page__checkmark::after {
content: '';
position: absolute;
width: 12px;
height: 24px;
border: solid #fff;
border-width: 0 4px 4px 0;
top: 8px;
left: 18px;
transform: rotate(45deg)
}

.success-page__title {
font-size: 62px;
line-height: 1.1;
color: #1E6D6B;
margin: 0 0 20px;
letter-spacing: -.02em
}

.success-page__message {
font-size: 25px;
line-height: 1.4;
color: #333;
margin: 0 0 12px
}

.success-page__details {
font-size: 13px;
line-height: 1.6;
color: #666;
margin: 0 0 40px;
max-width: 520px;
margin-left: auto;
margin-right: auto
}

.success-page__actions {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap
}

.success-page__button {
font-size: 13px;
padding: 12px 40px;
border: none;
border-radius: 10px;
cursor: pointer;
text-decoration: none;
display: inline-block;
transition: transform .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1);
font-weight: 500;
letter-spacing: .01em
}

.success-page__button--primary {
background: linear-gradient(217deg, #1E6D6B 0%, #FF7793 100%);
color: #fff;
box-shadow: 0 4px 28px 0 #1e6d6b14
}

.success-page__button--primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 60px 0 #1e6d6b1c;
background: linear-gradient(343deg, #1E6D6B 0%, #FF7793 100%)
}

.success-page__button--secondary {
background: #fff;
color: #1E6D6B;
border: 2px solid #1E6D6B
}

.success-page__button--secondary:hover {
background: #1e6d6b0a;
transform: translateY(-2px)
}

.success-page__info-grid {
margin: 40px 0 0;
padding: 40px 0 0;
border-top: 1px solid #1e6d6b1f;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 20px
}

.success-page__info-item {
text-align: center
}

.success-page__info-label {
font-size: 13px;
line-height: 1.4;
color: #999;
margin: 0 0 6px;
text-transform: uppercase;
letter-spacing: .05em
}

.success-page__info-value {
font-size: 25px;
line-height: 1.1;
color: #1E6D6B;
margin: 0;
font-weight: 500
}

@media (max-width: 768px) {
.success-page__container {
padding: 40px 20px
}

.success-page__icon-wrapper {
width: 100px;
height: 100px;
margin-bottom: 20px
}

.success-page__checkmark {
width: 48px;
height: 48px
}

.success-page__checkmark::after {
width: 10px;
height: 20px;
top: 6px;
left: 15px
}

.success-page__title {
font-size: 34px
}

.success-page__message {
font-size: 25px
}

.success-page__actions {
flex-direction: column
}

.success-page__button {
width: 100%
}

.success-page__info-grid {
grid-template-columns: 1fr;
gap: 20px
}
}

@media (max-width: 480px) {
.success-page {
padding: 20px 12px
}

.success-page__title {
font-size: 34px
}
}

.start {
background: linear-gradient(147deg, #EDEDB9 0%, #fff 100%);
padding: 0;
margin: 0
}

.start__title-outer {
max-width: 1500px;
margin: 0 auto;
padding: 80px 40px 40px;
display: flex;
gap: 40px;
align-items: stretch;
position: relative
}

.start__title-outer::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(circle, #1e6d6b14 1px, transparent 1px), radial-gradient(circle, #1e6d6b14 1px, transparent 1px);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
pointer-events: none
}

.start__title-image-col {
flex: 0 0 280px;
position: relative;
z-index: 1
}

.start__title-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
filter: grayscale(100%) contrast(1.4);
transition: filter .26s cubic-bezier(0.4, 0, 0.2, 1);
display: block;
box-shadow: 0 4px 28px 0 #1e6d6b14
}

.start__title-image:hover {
filter: grayscale(0%) contrast(1)
}

.start__title-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
position: relative;
z-index: 1
}

.start__title-heading {
font-size: 62px;
line-height: 1.1;
letter-spacing: -.02em;
color: #1E6D6B;
margin: 0
}

.start__title-description {
font-size: 25px;
line-height: 1.4;
color: #333;
margin: 0
}

.start__title-link {
display: inline-flex;
align-items: center;
gap: 12px;
font-size: 25px;
color: #1E6D6B;
text-decoration: none;
font-weight: 500;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.start__title-link:hover {
color: #FF7793
}

.start__title-link::after {
content: '';
width: 20px;
height: 20px;
background: currentColor;
clip-path: polygon(0 50%, 70% 50%, 70% 0, 100% 50%, 70% 100%, 70% 50%);
transition: transform .24s cubic-bezier(0.0, 0, 0.2, 1)
}

.start__title-link:hover::after {
transform: translateX(6px)
}

.start__proof {
max-width: 1500px;
margin: 0 auto;
padding: 80px 40px;
background: #fff
}

.start__proof-heading {
font-size: 34px;
line-height: 1.1;
letter-spacing: -.01em;
color: #1E6D6B;
margin: 0 0 40px;
text-align: center
}

.start__proof-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px
}

.start__proof-card {
background: linear-gradient(147deg, #1e6d6b08 0%, #ff779308 100%);
padding: 40px;
border-radius: 16px;
box-shadow: 0 2px 3px 0 #1e6d6b0d;
transition: box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1), transform .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.start__proof-card:hover {
box-shadow: 0 8px 60px 0 #1e6d6b1c;
transform: translateY(-6px)
}

.start__proof-card-icon {
width: 60px;
height: 60px;
margin: 0 0 20px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(147deg, #1E6D6B 0%, #FF7793 100%);
border-radius: 40px;
animation: start-icon-settle .8s cubic-bezier(0.4, 0, 0.2, 1) forwards
}

@keyframes start-icon-settle {
0% {
transform: rotate(0deg)
}

50% {
transform: rotate(360deg)
}

100% {
transform: rotate(360deg)
}
}

.start__proof-card-icon svg {
width: 32px;
height: 32px;
fill: #fff
}

.start__proof-card-title {
font-size: 25px;
line-height: 1.1;
color: #1E6D6B;
margin: 0 0 12px
}

.start__proof-card-text {
font-size: 13px;
line-height: 1.6;
color: #555;
margin: 0
}

.start__approach {
max-width: 1500px;
margin: 0 auto;
padding: 80px 40px;
background: linear-gradient(147deg, #ededb94d 0%, #ffffff4d 100%)
}

.start__approach-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center
}

.start__approach-visual {
position: relative
}

.start__approach-image-wrap {
position: relative;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 28px 0 #1e6d6b14;
border: 6px solid #fff
}

.start__approach-image {
width: 100%;
height: 520px;
object-fit: cover;
display: block;
transition: filter .28s cubic-bezier(0.0, 0, 0.2, 1)
}

.start__approach-image:hover {
filter: saturate(0)
}

.start__approach-label {
position: absolute;
top: 20px;
right: 20px;
background: #ff7793f2;
color: #fff;
padding: 12px 20px;
border-radius: 40px;
font-size: 13px;
font-weight: 600;
box-shadow: 0 4px 28px 0 #ff77934d
}

.start__approach-content {
display: flex;
flex-direction: column;
gap: 20px
}

.start__approach-heading {
font-size: 34px;
line-height: 1.1;
letter-spacing: -.01em;
color: #1E6D6B;
margin: 0
}

.start__approach-text {
font-size: 13px;
line-height: 1.6;
color: #555;
margin: 0
}

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

.start__approach-list-item {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 13px;
line-height: 1.6;
color: #555
}

.start__approach-list-item::before {
content: '';
width: 20px;
height: 20px;
flex-shrink: 0;
margin-top: 2px;
background: #1E6D6B;
clip-path: polygon(0 50%, 35% 85%, 100% 10%, 85% 0, 35% 65%, 15% 50%)
}

.start__gap {
max-width: 1500px;
margin: 0 auto;
padding: 80px 40px;
background: #fff
}

.start__gap-heading {
font-size: 34px;
line-height: 1.1;
letter-spacing: -.01em;
color: #1E6D6B;
margin: 0 0 40px;
text-align: center
}

.start__gap-matrix {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 40px;
max-width: 900px;
margin: 0 auto
}

.start__gap-zone {
padding: 40px;
border-radius: 16px;
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
box-shadow: 0 2px 3px 0 #1e6d6b0d;
transition: box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.start__gap-zone:hover {
box-shadow: 0 4px 28px 0 #1e6d6b14
}

.start__gap-zone.urgent {
background: linear-gradient(147deg, #ff77931f 0%, #ff77930f 100%)
}

.start__gap-zone.strategic {
background: linear-gradient(147deg, #1e6d6b1f 0%, #1e6d6b0f 100%)
}

.start__gap-zone.explore {
background: linear-gradient(147deg, #ededb966 0%, #ededb933 100%)
}

.start__gap-zone.defer {
background: linear-gradient(147deg, #c8c8c81f 0%, #c8c8c80f 100%)
}

.start__gap-zone-label {
font-size: 25px;
line-height: 1.1;
color: #1E6D6B;
font-weight: 600;
margin: 0
}

.start__gap-zone-text {
font-size: 13px;
line-height: 1.6;
color: #555;
margin: 0
}

.start__graduation {
max-width: 1500px;
margin: 0 auto;
padding: 80px 40px;
background: linear-gradient(147deg, #1e6d6b0d 0%, #ff77930d 100%);
position: relative
}

.start__graduation-heading {
font-size: 34px;
line-height: 1.1;
letter-spacing: -.01em;
color: #1E6D6B;
margin: 0 0 40px;
text-align: center
}

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

.start__graduation-item {
background: #fff;
padding: 40px;
border-radius: 16px;
box-shadow: 0 2px 3px 0 #1e6d6b0d;
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
transition: transform .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.start__graduation-item:hover {
transform: translateY(-6px)
}

.start__graduation-item-number {
position: absolute;
top: 20px;
right: 20px;
font-size: 80px;
line-height: 1;
color: #1e6d6b14;
font-weight: 700;
pointer-events: none
}

.start__graduation-item-title {
font-size: 25px;
line-height: 1.1;
color: #1E6D6B;
margin: 0;
position: relative;
z-index: 1
}

.start__graduation-item-text {
font-size: 13px;
line-height: 1.6;
color: #555;
margin: 0;
position: relative;
z-index: 1
}

.start__investment {
max-width: 1500px;
margin: 0 auto;
padding: 80px 40px;
background: #fff
}

.start__investment-inner {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 80px;
align-items: start
}

.start__investment-content {
display: flex;
flex-direction: column;
gap: 20px
}

.start__investment-heading {
font-size: 34px;
line-height: 1.1;
letter-spacing: -.01em;
color: #1E6D6B;
margin: 0
}

.start__investment-text {
font-size: 13px;
line-height: 1.6;
color: #555;
margin: 0
}

.start__investment-details {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 12px
}

.start__investment-details-item {
display: flex;
justify-content: space-between;
align-items: baseline;
font-size: 13px;
line-height: 1.6;
padding: 12px 0;
border-bottom: 1px solid #1e6d6b1a
}

.start__investment-details-label {
color: #555
}

.start__investment-details-label::after {
content: ':';
color: #FF7793;
margin-left: 6px
}

.start__investment-details-value {
color: #1E6D6B;
font-weight: 600;
text-align: right
}

.start__investment-visual {
position: relative
}

.start__investment-image-wrap {
position: relative;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 28px 0 #1e6d6b14;
border: 6px solid #f5f5f5
}

.start__investment-image {
width: 100%;
height: 420px;
object-fit: cover;
display: block;
transition: filter .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.start__investment-image:hover {
filter: saturate(0)
}

.start__reputation {
max-width: 1500px;
margin: 0 auto;
padding: 80px 40px;
background: linear-gradient(147deg, #ededb94d 0%, #ffffff4d 100%)
}

.start__reputation-heading {
font-size: 34px;
line-height: 1.1;
letter-spacing: -.01em;
color: #1E6D6B;
margin: 0 0 40px;
text-align: center
}

.start__reputation-content {
max-width: 900px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 40px
}

.start__reputation-block {
background: #fff;
padding: 40px;
border-radius: 16px;
box-shadow: 0 2px 3px 0 #1e6d6b0d;
display: flex;
flex-direction: column;
gap: 20px;
position: relative
}

.start__reputation-block::before {
content: '';
position: absolute;
top: 0;
left: 40px;
width: 60px;
height: 6px;
background: linear-gradient(90deg, #1E6D6B 0%, #FF7793 100%);
border-radius: 0 0 5px 5px
}

.start__reputation-block-title {
font-size: 25px;
line-height: 1.1;
color: #1E6D6B;
margin: 0
}

.start__reputation-block-text {
font-size: 13px;
line-height: 1.6;
color: #555;
margin: 0
}

.start__reputation-testimonial {
background: linear-gradient(147deg, #1e6d6b08 0%, #ff779308 100%);
padding: 40px;
border-radius: 16px;
display: flex;
flex-direction: column;
gap: 20px
}

.start__reputation-testimonial-text {
font-size: 13px;
line-height: 1.6;
color: #555;
margin: 0;
font-style: italic
}

.start__reputation-testimonial-author {
font-size: 13px;
line-height: 1.6;
color: #1E6D6B;
font-weight: 600;
margin: 0
}

.start__reputation-divider {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin: 20px 0
}

.start__reputation-divider::before,
.start__reputation-divider::after {
content: '';
flex: 1;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #1e6d6b33 50%, transparent 100%)
}

.start__reputation-divider-icon {
width: 40px;
height: 40px;
background: linear-gradient(147deg, #1E6D6B 0%, #FF7793 100%);
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center
}

.start__reputation-divider-icon svg {
width: 20px;
height: 20px;
fill: #fff
}

.start ::selection {
background: #1e6d6b33;
color: #000
}

.start input::placeholder,
.start textarea::placeholder {
color: #1e6d6b66
}

@media (max-width: 1024px) {
.start__title-outer {
flex-direction: column;
padding: 60px 40px 40px
}

.start__title-image-col {
flex: 0 0 auto;
width: 100%;
max-width: 400px;
margin: 0 auto
}

.start__title-heading {
font-size: 34px
}

.start__title-description {
font-size: 13px
}

.start__title-link {
font-size: 13px
}

.start__approach-inner {
grid-template-columns: 1fr;
gap: 40px
}

.start__investment-inner {
grid-template-columns: 1fr;
gap: 40px
}

.start__graduation-grid {
grid-template-columns: 1fr
}
}

@media (max-width: 768px) {
.start__proof {
padding: 60px 20px
}

.start__approach {
padding: 60px 20px
}

.start__gap {
padding: 60px 20px
}

.start__graduation {
padding: 60px 20px
}

.start__investment {
padding: 60px 20px
}

.start__reputation {
padding: 60px 20px
}

.start__title-outer {
padding: 40px 20px 20px
}

.start__gap-matrix {
grid-template-columns: 1fr;
grid-template-rows: auto
}

.start__proof-heading,
.start__approach-heading,
.start__gap-heading,
.start__graduation-heading,
.start__investment-heading,
.start__reputation-heading {
font-size: 25px
}
}

@media (max-width: 480px) {
.start__title-heading {
font-size: 25px
}

.start__proof-card,
.start__graduation-item,
.start__reputation-block,
.start__reputation-testimonial {
padding: 20px
}

.start__approach-content,
.start__investment-content {
gap: 12px
}
}