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

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

body {
margin: 0;
padding: 0
}

.site-head {
background: #FBFDFC;
border-bottom: 1px solid #3b928624;
box-shadow: 0 7px 14px 0 #3b92861a;
position: relative;
z-index: 100;
overflow: hidden
}

.site-head::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #3B9286 0%, #86B6A6 100%);
pointer-events: none
}

.head-inner {
max-width: 1440px;
margin: 0 auto;
padding: 0 48px;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 32px;
min-height: 96px
}

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

.brand-img-wrap {
display: flex;
align-items: center;
justify-content: center;
width: 88px;
height: 88px;
background: #FBFDFC;
border-radius: 12px 0 12px 0;
box-shadow: 0 1px 6px 0 #3b928612 0 7px 14px 0 #3b92861a;
border: 1.5px solid #3b92862e;
overflow: hidden
}

.brand-img-wrap img {
width: 72px;
height: 72px;
object-fit: contain;
display: block
}

.brand-tag {
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: #86B6A6;
letter-spacing: .12em;
text-transform: uppercase;
white-space: nowrap
}

.pri-nav {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
justify-content: center
}

.pri-nav a {
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
color: #2a6e65;
text-decoration: none;
padding: 8px 16px;
border-radius: 8px;
letter-spacing: .04em;
transition: color .35s ease-in-out, background .35s ease-in-out, transform .38s cubic-bezier(0.34, 1.2, 0.64, 1);
display: inline-block;
white-space: nowrap;
min-height: 44px;
display: flex;
align-items: center
}

.pri-nav a:hover {
color: #3B9286;
background: #3b928614;
transform: translateY(-2px)
}

.pri-nav a:focus-visible {
outline: 3px solid #3B9286;
outline-offset: 2px
}

.head-contact {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
flex-shrink: 0
}

.head-phone {
display: flex;
align-items: center;
gap: 8px;
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
color: #3B9286;
text-decoration: none;
transition: color .3s ease-in-out, transform .38s cubic-bezier(0.34, 1.2, 0.64, 1);
min-height: 44px
}

.head-phone:hover {
color: #2a6e65;
transform: translateY(-2px)
}

.head-phone:focus-visible {
outline: 3px solid #3B9286;
outline-offset: 2px
}

.head-phone .bi {
font-size: 18px;
color: #86B6A6
}

.head-email {
display: flex;
align-items: center;
gap: 8px;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: #3B9286;
text-decoration: none;
letter-spacing: .02em;
transition: color .32s ease-in-out, transform .38s cubic-bezier(0.34, 1.2, 0.64, 1);
min-height: 44px
}

.head-email:hover {
color: #2a6e65;
transform: translateY(-2px)
}

.head-email:focus-visible {
outline: 3px solid #3B9286;
outline-offset: 2px
}

.head-email .bi {
font-size: 14px;
color: #86B6A6
}

@media (max-width: 1024px) {
.head-inner {
padding: 0 32px;
gap: 16px;
grid-template-columns: auto 1fr auto
}
}

@media (max-width: 768px) {
.head-inner {
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
padding: 16px;
gap: 16px;
min-height: unset
}

.head-contact {
grid-column: 2;
grid-row: 1;
align-items: flex-end
}

.pri-nav {
grid-column: 1 / -1;
grid-row: 2;
justify-content: flex-start
}
}

@media (max-width: 320px) {
.head-inner {
padding: 16px 8px;
gap: 8px
}

.pri-nav a {
padding: 8px;
font-size: 14px
}
}

.site-foot {
background: #FBFDFC;
box-shadow: 0 -1px 6px 0 #3b928612;
border-top: 1px solid #3b92861f;
font-family: 'Lato', sans-serif
}

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

.foot-brand {
display: flex;
flex-direction: column;
gap: 16px
}

.foot-logo-wrap {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
background: #FBFDFC;
border-radius: 0 12px 0 12px;
box-shadow: 0 1px 6px 0 #3b928612 0 9px 40px 0 #3b92861f;
border: 1.5px solid #3b928629;
overflow: hidden
}

.foot-logo-wrap img {
width: 64px;
height: 64px;
object-fit: contain;
display: block
}

.foot-desc {
font-size: 14px;
font-weight: 400;
line-height: 1.7;
color: #3a5a55;
max-width: 200px
}

.foot-col {
display: flex;
flex-direction: column;
gap: 16px
}

.foot-col-label {
font-size: 14px;
font-weight: 700;
line-height: 1.4;
color: #3B9286;
letter-spacing: .1em;
text-transform: uppercase
}

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

.foot-col ul li a {
font-size: 14px;
font-weight: 400;
line-height: 1.7;
color: #2a6e65;
text-decoration: none;
transition: color .3s ease-in-out, transform .38s cubic-bezier(0.34, 1.2, 0.64, 1);
display: inline-block
}

.foot-col ul li a:hover {
color: #3B9286;
transform: translateX(4px)
}

.foot-col ul li a:focus-visible {
outline: 3px solid #3B9286;
outline-offset: 2px
}

.foot-contact-item {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
color: #2a6e65
}

.foot-contact-item .bi {
color: #86B6A6;
font-size: 14px;
margin-top: 4px;
flex-shrink: 0
}

.foot-contact-item a {
color: #2a6e65;
text-decoration: none;
transition: color .3s ease-in-out
}

.foot-contact-item a:hover {
color: #3B9286
}

.foot-contact-item a:focus-visible {
outline: 3px solid #3B9286;
outline-offset: 2px
}

.foot-bottom {
max-width: 1440px;
margin: 0 auto;
padding: 16px 48px 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
border-top: 1px solid #3b92861a;
flex-wrap: wrap
}

.foot-copy {
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: #86B6A6
}

.foot-legal {
display: flex;
gap: 16px;
flex-wrap: wrap
}

.foot-legal a {
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: #86B6A6;
text-decoration: none;
transition: color .3s ease-in-out
}

.foot-legal a:hover {
color: #3B9286
}

.foot-legal a:focus-visible {
outline: 3px solid #3B9286;
outline-offset: 2px
}

@media (max-width: 1024px) {
.foot-inner {
grid-template-columns: auto 1fr 1fr;
padding: 48px 32px 32px;
gap: 32px
}

.foot-brand {
grid-column: 1 / -1;
flex-direction: row;
align-items: center;
gap: 16px
}

.foot-desc {
max-width: 360px
}

.foot-bottom {
padding: 16px 32px 32px
}
}

@media (max-width: 768px) {
.foot-inner {
grid-template-columns: 1fr 1fr;
padding: 32px 16px 16px;
gap: 32px
}

.foot-brand {
grid-column: 1 / -1;
flex-direction: column;
align-items: flex-start
}

.foot-bottom {
padding: 16px 16px 32px;
flex-direction: column;
align-items: flex-start
}
}

@media (max-width: 320px) {
.foot-inner {
grid-template-columns: 1fr;
padding: 32px 8px 16px;
gap: 32px
}

.foot-bottom {
padding: 16px 8px 32px
}
}

.ck-strip {
display: none;
position: fixed;
bottom: 32px;
left: 0;
right: 0;
margin: 0 auto;
width: 90%;
max-width: 680px;
background: #FBFDFC;
border-radius: 12px;
box-shadow: 0 9px 40px 0 #3b92861f;
border: 1px solid #3b92862e;
z-index: 8000;
font-family: 'Lato', sans-serif;
padding: 24px 32px
}

.ck-body {
display: flex;
flex-direction: column;
gap: 16px
}

.ck-text {
font-size: 14px;
font-weight: 400;
line-height: 1.7;
color: #2a6e65
}

.ck-text ul {
margin: 8px 0 0;
padding-left: 16px;
display: flex;
flex-direction: column;
gap: 8px
}

.ck-text ul li {
font-size: 14px;
line-height: 1.7;
color: #2a6e65
}

.ck-pref-panel {
display: none;
flex-direction: column;
gap: 8px;
padding: 16px;
background: #3b92860d;
border-radius: 8px
}

.ck-pref-panel.open {
display: flex
}

.ck-toggle-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px
}

.ck-toggle-label {
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: #2a6e65
}

.ck-tog {
position: relative;
width: 40px;
height: 22px;
flex-shrink: 0
}

.ck-tog input {
opacity: 0;
width: 0;
height: 0;
position: absolute
}

.ck-tog-track {
position: absolute;
inset: 0;
background: #d0e8e4;
border-radius: 12px;
transition: background .32s ease-in-out;
cursor: pointer
}

.ck-tog input:checked+.ck-tog-track {
background: #3B9286
}

.ck-tog-track::after {
display: block;
width: 16px;
height: 16px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 3px;
left: 3px;
transition: transform .32s ease-in-out
}

.ck-tog input:checked+.ck-tog-track::after {
transform: translateX(18px)
}

.ck-tog input:focus-visible+.ck-tog-track {
outline: 3px solid #3B9286;
outline-offset: 2px
}

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

.ck-btn-acc {
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
color: #FBFDFC;
background: #3B9286;
border: none;
border-radius: 12px;
padding: 8px 24px;
cursor: pointer;
min-height: 44px;
letter-spacing: .04em;
transition: background .32s ease-in-out, transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ck-btn-acc:hover {
background: #2a6e65;
transform: translateY(-2px)
}

.ck-btn-acc:focus-visible {
outline: 3px solid #3B9286;
outline-offset: 2px
}

.ck-btn-rej {
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: #3B9286;
background: transparent;
border: 1.5px solid #86B6A6;
border-radius: 12px;
padding: 8px 24px;
cursor: pointer;
min-height: 44px;
letter-spacing: .04em;
transition: border-color .32s ease-in-out, color .32s ease-in-out, transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ck-btn-rej:hover {
border-color: #3B9286;
color: #2a6e65;
transform: translateY(-2px)
}

.ck-btn-rej:focus-visible {
outline: 3px solid #3B9286;
outline-offset: 2px
}

.ck-btn-pref {
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: #86B6A6;
background: transparent;
border: none;
padding: 0;
cursor: pointer;
min-height: 44px;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .3s ease-in-out
}

.ck-btn-pref:hover {
color: #3B9286
}

.ck-btn-pref:focus-visible {
outline: 3px solid #3B9286;
outline-offset: 2px
}

.content-doc {
max-width: 860px;
margin: 0 auto;
padding: 96px 48px;
color: #2a3d38;
background: #FBFDFC
}

.content-doc h1 {
font-size: 70px;
line-height: 1.1;
color: #3B9286;
margin-bottom: 48px;
letter-spacing: -.5px
}

.content-doc h2 {
font-size: 24px;
line-height: 1.4;
color: #2a3d38;
margin-top: 48px;
margin-bottom: 16px;
letter-spacing: .01em
}

.content-doc h3 {
font-size: 18px;
line-height: 1.4;
color: #3B9286;
margin-top: 32px;
margin-bottom: 16px;
letter-spacing: .02em
}

.content-doc h4,
.content-doc h5,
.content-doc h6 {
font-size: 14px;
line-height: 1.4;
color: #2a3d38;
margin-top: 32px;
margin-bottom: 8px;
letter-spacing: .08em;
text-transform: uppercase
}

.content-doc p {
font-size: 18px;
line-height: 1.7;
color: #3a4f4a;
margin-bottom: 16px
}

.content-doc ul,
.content-doc ol {
font-size: 18px;
line-height: 1.7;
color: #3a4f4a;
margin-bottom: 16px;
padding-left: 32px
}

.content-doc ul {
list-style-type: disc
}

.content-doc ol {
list-style-type: decimal
}

.content-doc li {
margin-bottom: 8px;
padding-left: 8px
}

.content-doc li::marker {
color: #3B9286
}

.content-doc table {
width: 100%;
border-collapse: collapse;
margin-top: 32px;
margin-bottom: 32px;
font-size: 14px;
line-height: 1.7;
box-shadow: 0 1px 6px 0 #3b928612;
border-radius: 8px;
overflow: hidden
}

.content-doc thead {
background: #3B9286;
color: #FBFDFC
}

.content-doc thead th {
font-size: 14px;
letter-spacing: .08em;
text-transform: uppercase;
padding: 16px;
text-align: left;
color: #FBFDFC;
font-weight: 600
}

.content-doc tbody tr {
border-bottom: 1px solid #86b6a640;
transition: background .35s ease-in-out
}

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

.content-doc tbody tr:hover {
background: #86b6a61a
}

.content-doc td {
padding: 16px;
color: #3a4f4a;
vertical-align: top
}

.content-doc th {
padding: 16px
}

.content-doc div {
margin-bottom: 16px
}

@media (max-width: 768px) {
.content-doc {
padding: 48px 32px
}

.content-doc h1 {
font-size: 24px;
margin-bottom: 32px
}

.content-doc h2 {
font-size: 24px;
margin-top: 32px
}

.content-doc h3 {
font-size: 18px;
margin-top: 32px
}

.content-doc p,
.content-doc ul,
.content-doc ol {
font-size: 18px
}

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

@media (max-width: 320px) {
.content-doc {
padding: 32px 16px
}

.content-doc h1 {
font-size: 24px
}

.content-doc h2 {
font-size: 18px
}

.content-doc p,
.content-doc ul,
.content-doc ol {
font-size: 14px
}

.content-doc td,
.content-doc th {
padding: 8px;
font-size: 14px
}
}

.fst {
max-width: 1440px;
margin: 0 auto;
overflow-x: clip;
background: #FBFDFC
}

.fst .scan-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: repeating-linear-gradient(180deg, transparent 0px, transparent 18px, #3b928608 18px, #3b928608 19px);
animation: scanDrift 12s linear infinite;
z-index: 0
}

@keyframes scanDrift {
0% {
background-position: 0 0
}

100% {
background-position: 0 76px
}
}

.fst .ttl-blk {
position: relative;
text-align: center;
padding: 48px 32px 96px;
background: #FBFDFC
}

.fst .ttl-blk .ttl-text {
position: relative;
z-index: 1;
max-width: 720px;
margin: 0 auto 48px
}

.fst .ttl-blk h1 {
font-size: 70px;
line-height: 1.1;
color: #1e3d39;
margin: 0 0 32px;
text-shadow: 0 2px 0 #3b92861f 0 4px 16px #3b928614;
letter-spacing: -1px
}

.fst .ttl-blk .ttl-desc {
font-size: 18px;
line-height: 1.7;
color: #2e5a54;
margin: 0 0 32px
}

.fst .ttl-blk .ttl-link {
display: inline-block;
font-size: 14px;
color: #3B9286;
text-decoration: none;
letter-spacing: .08em;
border-bottom: 1px solid #3b928659;
padding-bottom: 4px;
transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.fst .ttl-blk .ttl-link:hover {
color: #1e3d39;
border-color: #1e3d39;
transform: translateY(-2px)
}

.fst .ttl-blk .img-zone {
position: relative;
max-width: 900px;
margin: 0 auto
}

.fst .ttl-blk .img-deco {
position: absolute;
inset: -12px;
border: 2px solid #3b928638;
border-radius: 12px;
pointer-events: none;
z-index: 0
}

.fst .ttl-blk .img-deco::after {
content: '';
position: absolute;
inset: 5px;
border: 1px solid #86b6a64d;
border-radius: 8px
}

.fst .ttl-blk .ttl-img-wrap {
position: relative;
z-index: 1;
border-radius: 12px;
overflow: hidden;
background: #d4e3df;
width: 100%;
height: 480px
}

.fst .ttl-blk .ttl-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 12px
}

.fst .prereq {
padding: 96px 32px;
background: linear-gradient(247deg, #86b6a626 0%, transparent 70%);
position: relative
}

.fst .prereq .prereq-grid {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start
}

.fst .prereq h2 {
font-size: 24px;
line-height: 1.4;
color: #1e3d39;
margin: 0 0 32px;
text-shadow: 1px 1px 0 #3b928626;
grid-column: 1 / -1
}

.fst .prereq .prereq-col p {
font-size: 18px;
line-height: 1.7;
color: #2e5a54;
margin: 0 0 16px
}

.fst .prereq .req-list {
list-style: none;
padding: 0;
margin: 0
}

.fst .prereq .req-list li {
font-size: 14px;
line-height: 1.7;
padding: 16px;
border-radius: 8px;
margin-bottom: 8px;
letter-spacing: .02em
}

.fst .prereq .req-list li:nth-child(odd) {
background: #3b928612;
color: #1e3d39
}

.fst .prereq .req-list li:nth-child(even) {
background: #86b6a61f;
color: #2e5a54
}

.fst .prereq .req-list li .lbl {
color: #2e5a54;
font-size: 14px
}

.fst .prereq .req-list li .lbl span {
color: #3B9286 !important
}

.fst .team {
padding: 96px 32px 48px;
background: #FBFDFC;
position: relative
}

.fst .team::before {
content: '';
display: block;
height: 2px;
background: linear-gradient(90deg, transparent, #3b928640, transparent);
margin-bottom: 96px
}

.fst .team .team-inner {
max-width: 1100px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 48px;
align-items: start
}

.fst .team .team-img-col {
flex: 0 0 420px
}

.fst .team .team-img-wrap {
border-radius: 12px;
overflow: hidden;
background: #d4e3df;
width: 100%;
height: 320px;
box-shadow: 0 9px 40px 0 #3b92861f
}

.fst .team .team-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.fst .team .team-txt {
flex: 1
}

.fst .team h2 {
font-size: 24px;
line-height: 1.4;
color: #1e3d39;
margin: 0 0 32px;
text-shadow: 1px 1px 0 #3b928626
}

.fst .team .team-txt p {
font-size: 18px;
line-height: 1.7;
color: #2e5a54;
margin: 0 0 16px
}

.fst .team .stat-row {
display: flex;
flex-direction: row;
gap: 32px;
margin-top: 32px
}

.fst .team .stat-item {
background: #3b928612;
border-radius: 8px;
padding: 16px;
flex: 1
}

.fst .team .stat-num {
font-size: 24px;
line-height: 1.1;
color: #3B9286;
font-weight: 700
}

.fst .team .stat-lbl {
font-size: 14px;
line-height: 1.4;
color: #2e5a54;
margin-top: 8px;
letter-spacing: .04em
}

.fst .diff {
padding: 96px 32px;
background: linear-gradient(247deg, #3b928614 0%, transparent 65%);
position: relative
}

.fst .diff .diff-inner {
max-width: 1100px;
margin: 0 auto
}

.fst .diff h2 {
font-size: 24px;
line-height: 1.4;
color: #1e3d39;
margin: 0 0 48px;
text-shadow: 1px 1px 0 #3b928626
}

.fst .diff .diff-cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px
}

.fst .diff .diff-card {
border-radius: 12px;
padding: 32px;
background: #FBFDFC;
box-shadow: 0 7px 14px 0 #3b92861a;
transition: transform .42s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.fst .diff .diff-card:hover {
transform: translateY(-4px);
box-shadow: 0 9px 40px 0 #3b92861f
}

.fst .diff .diff-card .dc-icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #3b92861a;
border-radius: 8px;
margin-bottom: 16px;
color: #3B9286;
font-size: 20px
}

.fst .diff .diff-card h4 {
font-size: 18px;
line-height: 1.4;
color: #1e3d39;
margin: 0 0 16px
}

.fst .diff .diff-card p {
font-size: 14px;
line-height: 1.7;
color: #2e5a54;
margin: 0
}

.fst .prob {
padding: 96px 32px;
background: #FBFDFC;
position: relative
}

.fst .prob .prob-inner {
max-width: 1100px;
margin: 0 auto;
display: flex;
flex-direction: row;
gap: 48px;
align-items: start
}

.fst .prob .prob-txt {
flex: 1
}

.fst .prob h2 {
font-size: 24px;
line-height: 1.4;
color: #1e3d39;
margin: 0 0 32px;
text-shadow: 1px 1px 0 #3b928626
}

.fst .prob .prob-txt p {
font-size: 18px;
line-height: 1.7;
color: #2e5a54;
margin: 0 0 16px
}

.fst .prob .prob-img-col {
flex: 0 0 380px
}

.fst .prob .prob-img-wrap {
border-radius: 12px;
overflow: hidden;
background: #d4e3df;
width: 100%;
height: 300px;
box-shadow: 0 1px 6px 0 #3b928612
}

.fst .prob .prob-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.fst .prob .info-card {
margin-top: 32px;
border-radius: 8px;
background: #3b92860f;
padding: 16px
}

.fst .prob .info-row {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 8px 0;
border-bottom: 1px solid #3b92861f;
font-size: 14px;
line-height: 1.4
}

.fst .prob .info-row:last-child {
border-bottom: none
}

.fst .prob .info-row .ir-lbl {
color: #2e5a54;
letter-spacing: .04em
}

.fst .prob .info-row .ir-val {
color: #3B9286;
font-weight: 600
}

.fst .ex {
padding: 96px 32px;
background: linear-gradient(247deg, #86b6a61f 0%, transparent 70%);
position: relative
}

.fst .ex .ex-inner {
max-width: 1100px;
margin: 0 auto
}

.fst .ex h2 {
font-size: 24px;
line-height: 1.4;
color: #1e3d39;
margin: 0 0 48px;
text-shadow: 1px 1px 0 #3b928626
}

.fst .ex .ex-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start
}

.fst .ex .ex-img-wrap {
border-radius: 12px;
overflow: hidden;
background: #d4e3df;
width: 100%;
height: 360px;
box-shadow: 0 7px 14px 0 #3b92861a
}

.fst .ex .ex-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}

.fst .ex .ex-detail p {
font-size: 18px;
line-height: 1.7;
color: #2e5a54;
margin: 0 0 16px
}

.fst .ex .ex-cols {
display: flex;
flex-direction: row;
gap: 32px;
margin-top: 16px
}

.fst .ex .ex-col p {
font-size: 14px;
line-height: 1.7;
color: #2e5a54;
margin: 0
}

.fst .ex .ex-col {
flex: 1
}

.fst .ex .ex-tag {
display: inline-block;
font-size: 14px;
letter-spacing: .06em;
color: #3B9286;
background: #3b928617;
border-radius: 8px;
padding: 8px 16px;
margin-bottom: 16px
}

@media (max-width: 1024px) {
.fst .ttl-blk h1 {
font-size: 48px
}

.fst .ttl-blk .ttl-img-wrap {
height: 360px
}

.fst .prereq .prereq-grid {
grid-template-columns: 1fr;
gap: 32px
}

.fst .prereq h2 {
grid-column: 1
}

.fst .team .team-inner {
flex-direction: column;
gap: 32px
}

.fst .team .team-img-col {
flex: none;
width: 100%
}

.fst .diff .diff-cards {
grid-template-columns: 1fr;
gap: 16px
}

.fst .prob .prob-inner {
flex-direction: column;
gap: 32px
}

.fst .prob .prob-img-col {
flex: none;
width: 100%
}

.fst .ex .ex-layout {
grid-template-columns: 1fr;
gap: 32px
}
}

@media (max-width: 768px) {
.fst .ttl-blk {
padding: 32px 16px 64px
}

.fst .ttl-blk h1 {
font-size: 24px
}

.fst .ttl-blk .ttl-img-wrap {
height: 220px
}

.fst .prereq {
padding: 48px 16px
}

.fst .team {
padding: 48px 16px 32px
}

.fst .team::before {
margin-bottom: 48px
}

.fst .team .stat-row {
flex-direction: column;
gap: 16px
}

.fst .diff {
padding: 48px 16px
}

.fst .prob {
padding: 48px 16px
}

.fst .ex {
padding: 48px 16px
}

.fst .ex .ex-cols {
flex-direction: column;
gap: 16px
}

.fst .ex .ex-img-wrap {
height: 220px
}

.fst .prob .prob-img-wrap {
height: 220px
}

.fst .team .team-img-wrap {
height: 220px
}
}

@media (max-width: 320px) {
.fst .ttl-blk h1 {
font-size: 24px
}

.fst .ttl-blk .ttl-desc {
font-size: 14px
}
}

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

.ct-us .reveal {
opacity: 0;
transform: translateY(28px);
animation: rise .42s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

.ct-us .reveal.d1 {
animation-delay: .08s
}

.ct-us .reveal.d2 {
animation-delay: .18s
}

.ct-us .reveal.d3 {
animation-delay: .28s
}

.ct-us .reveal.d4 {
animation-delay: .38s
}

.ct-us .reveal.d5 {
animation-delay: .46s
}

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

.ct-us .pg-band {
background: linear-gradient(247deg, #86B6A6 0%, transparent 72%);
padding: 48px 96px 32px;
display: flex;
flex-direction: row;
align-items: center;
gap: 48px;
position: relative
}

.ct-us .pg-band::after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 96px;
right: 96px;
height: 1px;
background: #3B9286;
opacity: .18
}

.ct-us .pg-band::before {
content: '';
display: block;
position: absolute;
bottom: 3px;
left: 96px;
right: 96px;
height: 1px;
background: #3B9286;
opacity: .09
}

.ct-us .band-img-mosaic {
flex: 0 0 auto;
display: grid;
grid-template-columns: 120px 72px;
grid-template-rows: 72px 56px;
gap: 8px;
position: relative
}

.ct-us .band-img-mosaic .img-main {
grid-column: 1 / 2;
grid-row: 1 / 3;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 7px 14px 0 #3b92861a
}

.ct-us .band-img-mosaic .img-main img {
width: 120px;
height: 128px;
object-fit: cover;
display: block;
mix-blend-mode: multiply;
filter: saturate(0.85) contrast(1.08)
}

.ct-us .band-img-mosaic .shape-a {
grid-column: 2 / 3;
grid-row: 1 / 2;
border-radius: 8px;
background: linear-gradient(247deg, #3B9286 0%, #86B6A6 100%);
opacity: .72
}

.ct-us .band-img-mosaic .shape-b {
grid-column: 2 / 3;
grid-row: 2 / 3;
border-radius: 8px;
background: #FBFDFC;
border: 1.5px solid #3b928638;
display: flex;
align-items: center;
justify-content: center
}

.ct-us .band-img-mosaic .shape-b i {
font-size: 24px;
color: #3B9286
}

.ct-us .band-curve {
position: absolute;
left: 248px;
top: 50%;
transform: translateY(-50%);
pointer-events: none
}

.ct-us .band-txt {
flex: 1 1 auto
}

.ct-us .band-txt .pg-label {
font-size: 14px;
letter-spacing: .12em;
color: #3B9286;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 8px
}

.ct-us .band-txt h1 {
font-size: 70px;
line-height: 1.1;
font-weight: 800;
color: #1b3d38;
text-shadow: 0 2px 12px #3b928621;
margin: 0 0 8px
}

.ct-us .band-txt h1 span {
background: linear-gradient(247deg, #3B9286, #86B6A6);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent
}

.ct-us .band-txt .band-sub {
font-size: 18px;
line-height: 1.4;
color: #2e5c54;
max-width: 460px
}

.ct-us .band-meta {
flex: 0 0 auto;
display: flex;
flex-direction: column;
gap: 16px
}

.ct-us .meta-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px
}

.ct-us .meta-item i {
font-size: 18px;
color: #3B9286
}

.ct-us .meta-item .mi-val {
font-size: 14px;
line-height: 1.4;
color: #2e5c54
}

.ct-us .meta-item .mi-val strong {
color: #3B9286
}

.ct-us .icon-trail {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
margin-top: 16px
}

.ct-us .icon-trail .trail-icon {
width: 36px;
height: 36px;
border-radius: 8px;
background: #FBFDFC;
border: 1.5px solid #3b928633;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 1px 6px 0 #3b928612
}

.ct-us .icon-trail .trail-icon i {
font-size: 18px;
color: #3B9286
}

.ct-us .icon-trail .trail-dash {
flex: 1 1 auto;
height: 1px;
border-top: 2px dashed #3b92864d;
min-width: 24px
}

.ct-us .form-wrap {
padding: 48px 96px 96px;
background: #FBFDFC;
display: grid;
grid-template-columns: 1fr 380px;
gap: 48px;
align-items: start
}

.ct-us .form-card {
background: #fff;
border-radius: 12px;
padding: 48px;
box-shadow: 0 9px 40px 0 #3b92861f
}

.ct-us .form-card .fc-head {
margin-bottom: 32px
}

.ct-us .form-card .fc-head h2 {
font-size: 24px;
line-height: 1.1;
font-weight: 700;
color: #1b3d38;
text-shadow: 0 1px 6px #3b92861a;
margin: 0 0 8px
}

.ct-us .form-card .fc-head p {
font-size: 14px;
line-height: 1.7;
color: #4a7a72;
margin: 0
}

.ct-us .frm {
display: flex;
flex-direction: column;
gap: 16px
}

.ct-us .frm .row-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

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

.ct-us .frm .fld label {
font-size: 14px;
font-weight: 600;
color: #2e5c54;
letter-spacing: .04em
}

.ct-us .frm .fld label .req {
color: #3B9286
}

.ct-us .frm .fld input,
.ct-us .frm .fld select {
height: 48px;
padding: 0 16px;
border: 1.5px solid #3b928638;
border-radius: 8px;
font-size: 14px;
color: #1b3d38;
background: #FBFDFC;
outline: none;
transition: border-color .35s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .35s cubic-bezier(0.34, 1.2, 0.64, 1);
appearance: none;
-webkit-appearance: none;
width: 100%;
box-sizing: border-box
}

.ct-us .frm .fld input::placeholder {
color: #9dbfb9;
font-weight: 300
}

.ct-us .frm .fld input:focus,
.ct-us .frm .fld select:focus {
border-color: #3B9286;
box-shadow: 0 7px 14px 0 #3b92861a
}

.ct-us .frm .fld .sel-wrap {
position: relative
}

.ct-us .frm .fld .sel-wrap select {
padding-right: 40px;
cursor: pointer
}

.ct-us .frm .fld .sel-wrap .sel-arrow {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
color: #3B9286;
font-size: 14px
}

.ct-us .frm .slot-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px
}

.ct-us .frm .slot-grid .slot-opt {
position: relative
}

.ct-us .frm .slot-grid .slot-opt input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none
}

.ct-us .frm .slot-grid .slot-opt label {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 8px;
border: 1.5px solid #3b928638;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
color: #4a7a72;
cursor: pointer;
text-align: center;
background: #FBFDFC;
transition: border-color .38s ease-in-out, background .38s ease-in-out, color .38s ease-in-out;
min-height: 56px;
line-height: 1.4
}

.ct-us .frm .slot-grid .slot-opt label:hover {
border-color: #3B9286;
background: #3b92860f;
transform: translateY(-2px)
}

.ct-us .frm .slot-grid .slot-opt input[type="radio"]:checked+label {
border-color: #3B9286;
background: #3b92861f;
color: #1b3d38;
font-weight: 700
}

.ct-us .frm .slot-label {
font-size: 14px;
font-weight: 600;
color: #2e5c54;
letter-spacing: .04em;
margin-bottom: 4px
}

.ct-us .frm .priv-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px
}

.ct-us .frm .priv-row input[type="checkbox"] {
width: 18px;
height: 18px;
min-width: 18px;
accent-color: #3B9286;
margin-top: 2px;
cursor: pointer
}

.ct-us .frm .priv-row .priv-txt {
font-size: 14px;
line-height: 1.7;
color: #4a7a72
}

.ct-us .frm .priv-row .priv-txt a {
color: #3B9286;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .3s ease-in-out
}

.ct-us .frm .priv-row .priv-txt a:hover {
color: #2e5c54
}

.ct-us .frm .submit-btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 0 32px;
height: 52px;
background: #3B9286;
color: #FBFDFC;
border: none;
border-radius: 8px;
font-size: 14px;
font-weight: 700;
letter-spacing: .06em;
cursor: pointer;
text-transform: uppercase;
box-shadow: 0 7px 14px 0 #3b92861a;
transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1);
align-self: flex-start
}

.ct-us .frm .submit-btn:hover {
background: #2e5c54;
transform: translateY(-3px);
box-shadow: 0 9px 40px 0 #3b92861f
}

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

.ct-us .aside-col {
display: flex;
flex-direction: column;
gap: 32px
}

.ct-us .aside-col .contact-block {
background: #fff;
border-radius: 12px;
padding: 32px;
box-shadow: 0 7px 14px 0 #3b92861a
}

.ct-us .aside-col .contact-block h3 {
font-size: 18px;
font-weight: 700;
color: #1b3d38;
text-shadow: 0 1px 4px #3b928617;
margin: 0 0 16px
}

.ct-us .aside-col .contact-block .ci-list {
display: flex;
flex-direction: column;
gap: 16px;
list-style: none;
padding: 0;
margin: 0
}

.ct-us .aside-col .contact-block .ci-list li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 8px
}

.ct-us .aside-col .contact-block .ci-list li:nth-child(odd) .ci-icon {
background: #3b92861a
}

.ct-us .aside-col .contact-block .ci-list li:nth-child(even) .ci-icon {
background: #86b6a62e
}

.ct-us .aside-col .contact-block .ci-list .ci-icon {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center
}

.ct-us .aside-col .contact-block .ci-list .ci-icon i {
font-size: 18px;
color: #3B9286
}

.ct-us .aside-col .contact-block .ci-list .ci-body {
display: flex;
flex-direction: column;
gap: 0
}

.ct-us .aside-col .contact-block .ci-list .ci-lbl {
font-size: 14px;
font-weight: 600;
color: #3B9286;
letter-spacing: .05em
}

.ct-us .aside-col .contact-block .ci-list .ci-lbl::after {
content: ':';
color: #3B9286
}

.ct-us .aside-col .contact-block .ci-list .ci-val {
font-size: 14px;
line-height: 1.7;
color: #2e5c54
}

.ct-us .aside-col .contact-block .ci-list .ci-val a {
color: #2e5c54;
text-decoration: none;
transition: color .3s ease-in-out
}

.ct-us .aside-col .contact-block .ci-list .ci-val a:hover {
color: #3B9286
}

.ct-us .aside-col .avail-block {
background: linear-gradient(247deg, #3B9286 0%, #86B6A6 100%);
border-radius: 12px;
padding: 32px;
box-shadow: 0 9px 40px 0 #3b92861f
}

.ct-us .aside-col .avail-block h4 {
font-size: 18px;
font-weight: 700;
color: #FBFDFC;
text-shadow: 0 1px 6px #1b3d382e;
margin: 0 0 16px
}

.ct-us .aside-col .avail-block .avail-rows {
display: flex;
flex-direction: column;
gap: 8px
}

.ct-us .aside-col .avail-block .av-row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #fbfdfc2e
}

.ct-us .aside-col .avail-block .av-row:last-child {
border-bottom: none
}

.ct-us .aside-col .avail-block .av-day {
font-size: 14px;
color: #fbfdfcd1;
font-weight: 500
}

.ct-us .aside-col .avail-block .av-time {
font-size: 14px;
color: #FBFDFC;
font-weight: 700
}

.ct-us .aside-col .avail-block .av-closed {
font-size: 14px;
color: #fbfdfc80;
font-style: italic
}

.ct-us .aside-col .tg-block {
background: #fff;
border-radius: 12px;
padding: 32px;
box-shadow: 0 1px 6px 0 #3b928612;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px
}

.ct-us .aside-col .tg-block .tg-icon {
width: 48px;
height: 48px;
min-width: 48px;
border-radius: 12px;
background: #3b92861a;
display: flex;
align-items: center;
justify-content: center
}

.ct-us .aside-col .tg-block .tg-icon i {
font-size: 24px;
color: #3B9286
}

.ct-us .aside-col .tg-block .tg-body {
flex: 1 1 auto
}

.ct-us .aside-col .tg-block .tg-body p {
font-size: 14px;
line-height: 1.7;
color: #4a7a72;
margin: 0 0 8px
}

.ct-us .aside-col .tg-block .tg-body a {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 700;
color: #3B9286;
text-decoration: none;
letter-spacing: .04em;
transition: color .35s ease-in-out, transform .35s ease-in-out
}

.ct-us .aside-col .tg-block .tg-body a:hover {
color: #2e5c54;
transform: translateX(3px)
}

@media (max-width: 1024px) {
.ct-us .pg-band {
padding: 32px 48px;
gap: 32px
}

.ct-us .pg-band::after,
.ct-us .pg-band::before {
left: 48px;
right: 48px
}

.ct-us .band-txt h1 {
font-size: 48px
}

.ct-us .form-wrap {
padding: 48px 48px 96px;
grid-template-columns: 1fr;
gap: 32px
}

.ct-us .aside-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px
}

.ct-us .aside-col .avail-block {
grid-column: 1 / 3
}
}

@media (max-width: 768px) {
.ct-us .pg-band {
padding: 32px 16px;
flex-direction: column;
gap: 16px
}

.ct-us .pg-band::after,
.ct-us .pg-band::before {
left: 16px;
right: 16px
}

.ct-us .band-img-mosaic {
display: none
}

.ct-us .band-curve {
display: none
}

.ct-us .band-meta {
flex-direction: row;
flex-wrap: wrap;
gap: 8px
}

.ct-us .band-txt h1 {
font-size: 36px
}

.ct-us .form-wrap {
padding: 32px 16px 48px;
grid-template-columns: 1fr;
gap: 32px
}

.ct-us .form-card {
padding: 32px 16px
}

.ct-us .frm .row-2 {
grid-template-columns: 1fr
}

.ct-us .frm .slot-grid {
grid-template-columns: repeat(2, 1fr)
}

.ct-us .aside-col {
display: flex;
flex-direction: column;
gap: 16px
}
}

@media (max-width: 320px) {
.ct-us .band-txt h1 {
font-size: 24px
}

.ct-us .frm .slot-grid {
grid-template-columns: 1fr
}
}

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

.abt-pg .abt-wrap {
max-width: 1440px;
margin: 0 auto;
padding: 0 48px
}

.abt-pg .abt-top {
padding: 96px 0 0;
position: relative;
background: #FBFDFC
}

.abt-pg .abt-top::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(247deg, #86B6A6 0%, transparent 60%);
opacity: .13;
pointer-events: none
}

.abt-pg .abt-top-inner {
max-width: 1440px;
margin: 0 auto;
padding: 0 48px 96px;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 48px
}

.abt-pg .abt-img-col {
flex: 0 0 48%;
position: relative
}

.abt-pg .abt-img-border {
position: absolute;
top: -16px;
left: -16px;
width: calc(100% - 16px);
height: calc(100% - 16px);
border: 2px solid #86B6A6;
border-radius: 12px;
opacity: .5;
pointer-events: none;
z-index: 0
}

.abt-pg .abt-img-wrap {
position: relative;
border-radius: 12px;
overflow: hidden;
z-index: 1;
background: #d4ddd9
}

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

.abt-pg .abt-img-wrap:hover img {
transform: scale(1.03)
}

.abt-pg .abt-img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(247deg, #3B9286 0%, transparent 65%);
opacity: .35;
pointer-events: none
}

.abt-pg .abt-geo {
position: absolute;
bottom: -24px;
right: -24px;
width: 96px;
height: 96px;
border: 3px solid #3B9286;
border-radius: 12px;
opacity: .18;
pointer-events: none;
animation: geo-spin 18s linear infinite;
z-index: 0
}

.abt-pg .abt-geo-sm {
position: absolute;
top: 32px;
right: -40px;
width: 48px;
height: 48px;
border: 2px solid #86B6A6;
border-radius: 8px;
opacity: .22;
pointer-events: none;
animation: geo-spin 12s linear infinite reverse;
z-index: 0
}

@keyframes geo-spin {
from {
transform: rotate(0deg)
}

to {
transform: rotate(360deg)
}
}

.abt-pg .abt-txt-col {
flex: 1;
padding-top: 32px
}

.abt-pg .abt-eyebrow {
font-size: 14px;
font-weight: 600;
letter-spacing: .12em;
color: #3B9286;
text-transform: uppercase;
margin-bottom: 16px;
display: block
}

.abt-pg .abt-h1 {
font-size: 70px;
line-height: 1.1;
font-weight: 800;
color: #1b3a35;
margin: 0 0 32px;
text-shadow: 0 2px 12px #3b92861a
}

.abt-pg .abt-desc {
font-size: 18px;
line-height: 1.7;
color: #2d4a45;
margin: 0;
columns: 2;
column-gap: 32px
}

.abt-pg .abt-divider-shadow {
width: 100%;
height: 32px;
background: linear-gradient(to bottom, #3b928612 0%, transparent 100%)
}

.abt-pg .abt-story {
background: #fff;
position: relative;
padding: 96px 0
}

.abt-pg .abt-story-bg {
position: absolute;
inset: 0;
background: repeating-linear-gradient(45deg, transparent, transparent 28px, #86b6a60f 28px, #86b6a60f 29px);
pointer-events: none
}

.abt-pg .abt-story-inner {
max-width: 1440px;
margin: 0 auto;
padding: 0 48px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
align-items: start
}

.abt-pg .abt-story-lead {
grid-column: 1 / 2
}

.abt-pg .abt-story-lead h2 {
font-size: 24px;
line-height: 1.4;
font-weight: 700;
color: #1b3a35;
margin: 0 0 16px;
text-shadow: 1px 1px 0 #3b928621
}

.abt-pg .abt-story-lead p {
font-size: 18px;
line-height: 1.7;
color: #2d4a45;
margin: 0
}

.abt-pg .abt-pullquote {
grid-column: 2 / 3;
background: linear-gradient(247deg, #3B9286 0%, #86B6A6 100%);
border-radius: 12px;
padding: 48px 32px;
position: relative;
box-shadow: 0 9px 40px 0 #3b92861f
}

.abt-pg .abt-pullquote-mark {
font-size: 70px;
line-height: 1.1;
font-weight: 900;
color: #fbfdfc38;
position: absolute;
top: 8px;
left: 24px;
pointer-events: none;
font-style: normal
}

.abt-pg .abt-pullquote p {
font-size: 18px;
line-height: 1.7;
color: #FBFDFC;
font-weight: 600;
margin: 0 0 16px;
position: relative;
z-index: 1
}

.abt-pg .abt-pullquote cite {
font-size: 14px;
color: #fbfdfcbf;
font-style: normal;
letter-spacing: .06em;
position: relative;
z-index: 1;
display: block
}

.abt-pg .abt-story-extra {
grid-column: 3 / 4;
display: flex;
flex-direction: column;
gap: 32px
}

.abt-pg .abt-stat-card {
background: #FBFDFC;
border-radius: 12px;
padding: 32px;
box-shadow: 0 7px 14px 0 #3b92861a;
position: relative;
transition: transform .35s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .35s ease-in-out
}

.abt-pg .abt-stat-card:hover {
transform: translateY(-4px);
box-shadow: 0 9px 40px 0 #3b92861f
}

.abt-pg .abt-stat-card .abt-corner-tag {
position: absolute;
top: -1px;
right: 16px;
background: #3B9286;
color: #FBFDFC;
font-size: 14px;
font-weight: 700;
padding: 4px 12px;
border-radius: 0 0 8px 8px;
letter-spacing: .04em
}

.abt-pg .abt-stat-num {
font-size: 70px;
line-height: 1.1;
font-weight: 800;
color: #3B9286;
display: block;
text-shadow: 0 2px 8px #3b928621
}

.abt-pg .abt-stat-label {
font-size: 14px;
color: #2d4a45;
font-weight: 500;
letter-spacing: .05em;
margin-top: 8px;
display: block
}

.abt-pg .abt-divider-line {
width: 100%;
height: 1px;
background: linear-gradient(to right, transparent, #3b92862e, transparent)
}

.abt-pg .abt-team {
background: #FBFDFC;
padding: 96px 0;
position: relative
}

.abt-pg .abt-team-inner {
max-width: 1440px;
margin: 0 auto;
padding: 0 48px
}

.abt-pg .abt-team-hd {
margin-bottom: 48px
}

.abt-pg .abt-team-hd h2 {
font-size: 24px;
line-height: 1.4;
font-weight: 700;
color: #1b3a35;
margin: 0 0 8px;
text-shadow: 1px 1px 0 #3b92861a
}

.abt-pg .abt-team-hd p {
font-size: 18px;
line-height: 1.7;
color: #2d4a45;
max-width: 640px;
margin: 0
}

.abt-pg .abt-team-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px
}

.abt-pg .abt-member {
border-radius: 12px;
overflow: hidden;
background: #fff;
box-shadow: 0 1px 6px 0 #3b928612;
position: relative;
transition: box-shadow .4s ease-in-out, transform .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.abt-pg .abt-member:hover {
box-shadow: 0 9px 40px 0 #3b92861f;
transform: translateY(-4px)
}

.abt-pg .abt-member-img {
width: 100%;
height: 260px;
object-fit: cover;
display: block;
background: #d4ddd9;
transition: opacity .35s ease-in-out
}

.abt-pg .abt-member-body {
padding: 32px
}

.abt-pg .abt-member-name {
font-size: 18px;
font-weight: 700;
color: #1b3a35;
margin: 0 0 8px;
line-height: 1.4
}

.abt-pg .abt-member-role {
font-size: 14px;
color: #3B9286;
font-weight: 600;
letter-spacing: .07em;
text-transform: uppercase;
margin: 0 0 16px;
display: block
}

.abt-pg .abt-member-bio {
font-size: 14px;
line-height: 1.7;
color: #2d4a45;
margin: 0
}

.abt-pg .abt-member-tag {
position: absolute;
top: 16px;
left: 0;
background: #3B9286;
color: #FBFDFC;
font-size: 14px;
font-weight: 700;
padding: 4px 12px 4px 16px;
border-radius: 0 8px 8px 0;
letter-spacing: .04em
}

.abt-pg .abt-member-hover-layer {
position: absolute;
inset: 0;
background: linear-gradient(247deg, #3B9286 0%, #86B6A6 100%);
opacity: 0;
border-radius: 12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 32px;
transition: opacity .4s ease-in-out;
pointer-events: none
}

.abt-pg .abt-member:hover .abt-member-hover-layer {
opacity: 1;
pointer-events: auto
}

.abt-pg .abt-member-hover-layer p {
font-size: 18px;
line-height: 1.7;
color: #FBFDFC;
text-align: center;
margin: 0;
font-weight: 500
}

.abt-pg .abt-member-hover-layer span {
font-size: 14px;
color: #fbfdfccc;
margin-top: 16px;
display: block;
letter-spacing: .06em;
text-align: center
}

.abt-pg .abt-divider-deep {
width: 100%;
height: 48px;
background: linear-gradient(to bottom, #3b92860d 0%, transparent 100%)
}

.abt-pg .abt-vals {
background: #fff;
padding: 96px 0;
position: relative
}

.abt-pg .abt-vals::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, transparent, #3B9286, transparent);
opacity: .3;
pointer-events: none
}

.abt-pg .abt-vals-inner {
max-width: 1440px;
margin: 0 auto;
padding: 0 48px;
display: flex;
flex-direction: row;
gap: 48px;
align-items: flex-start
}

.abt-pg .abt-vals-left {
flex: 0 0 38%;
position: relative
}

.abt-pg .abt-vals-img {
width: 100%;
height: 480px;
object-fit: cover;
border-radius: 12px;
display: block;
background: #d4ddd9
}

.abt-pg .abt-vals-img-tag {
position: absolute;
bottom: 16px;
right: 0;
background: #3B9286;
color: #FBFDFC;
font-size: 14px;
font-weight: 700;
padding: 8px 16px 8px 12px;
border-radius: 8px 0 0 8px;
letter-spacing: .05em
}

.abt-pg .abt-vals-right {
flex: 1
}

.abt-pg .abt-vals-right h2 {
font-size: 24px;
line-height: 1.4;
font-weight: 700;
color: #1b3a35;
margin: 0 0 32px;
text-shadow: 1px 1px 0 #3b92861a
}

.abt-pg .abt-val-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px
}

.abt-pg .abt-val-list li {
padding: 24px 32px;
border-radius: 8px;
font-size: 18px;
line-height: 1.7;
color: #1b3a35;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px
}

.abt-pg .abt-val-list li:nth-child(odd) {
background: #3b928612
}

.abt-pg .abt-val-list li:nth-child(even) {
background: #86b6a61a
}

.abt-pg .abt-val-list li .abt-val-icon {
color: #3B9286;
font-size: 24px;
flex-shrink: 0;
margin-top: 2px
}

.abt-pg .abt-val-list li strong {
color: #1b3a35;
font-weight: 700
}

.abt-pg .abt-val-list li strong span.abt-accent-colon {
color: #3B9286
}

.abt-pg .abt-val-list li p {
margin: 4px 0 0;
font-size: 14px;
line-height: 1.7;
color: #2d4a45
}

@media (max-width: 1024px) {
.abt-pg .abt-top-inner {
flex-direction: column;
padding: 0 32px 96px
}

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

.abt-pg .abt-img-wrap img {
height: 380px
}

.abt-pg .abt-desc {
columns: 1
}

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

.abt-pg .abt-story-lead {
grid-column: 1 / 3
}

.abt-pg .abt-pullquote {
grid-column: 1 / 2
}

.abt-pg .abt-story-extra {
grid-column: 2 / 3
}

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

.abt-pg .abt-team-inner {
padding: 0 32px
}

.abt-pg .abt-vals-inner {
flex-direction: column;
padding: 0 32px
}

.abt-pg .abt-vals-left {
flex: 0 0 auto;
width: 100%
}

.abt-pg .abt-vals-img {
height: 320px
}
}

@media (max-width: 768px) {
.abt-pg .abt-top-inner {
padding: 0 16px 48px
}

.abt-pg .abt-h1 {
font-size: 24px
}

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

.abt-pg .abt-story-lead,
.abt-pg .abt-pullquote,
.abt-pg .abt-story-extra {
grid-column: 1 / 2
}

.abt-pg .abt-story {
padding: 48px 0
}

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

.abt-pg .abt-team-inner,
.abt-pg .abt-vals-inner {
padding: 0 16px
}

.abt-pg .abt-team {
padding: 48px 0
}

.abt-pg .abt-vals {
padding: 48px 0
}

.abt-pg .abt-top {
padding: 48px 0 0
}

.abt-pg .abt-stat-num {
font-size: 24px
}
}

@media (max-width: 320px) {
.abt-pg .abt-h1 {
font-size: 24px
}

.abt-pg .abt-top-inner,
.abt-pg .abt-story-inner,
.abt-pg .abt-team-inner,
.abt-pg .abt-vals-inner {
padding: 0 8px
}
}

.abt-pg :focus-visible {
outline: 3px solid #3B9286 !important;
outline-offset: 3px !important;
border-radius: 4px !important
}

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

.wbn-pg .top-band {
padding: 96px 96px 48px;
background-color: #FBFDFC;
background-image: repeating-linear-gradient(247deg, #3b92860f 0px, #3b92860f 1px, transparent 1px, transparent 40px), repeating-linear-gradient(157deg, #86b6a60d 0px, #86b6a60d 1px, transparent 1px, transparent 60px);
position: relative
}

.wbn-pg .top-band::after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 96px;
right: 96px;
height: 2px;
background: linear-gradient(247deg, #3B9286, #86b6a633, transparent)
}

.wbn-pg .top-band::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #3B9286 0%, #86B6A6 60%, transparent 100%)
}

.wbn-pg .top-label {
font-size: 14px;
letter-spacing: .12em;
color: #3B9286;
text-transform: uppercase;
margin-bottom: 32px;
font-weight: 600
}

.wbn-pg .top-h {
font-size: 70px;
line-height: 1.1;
color: #1a2e2c;
font-weight: 800;
max-width: 680px;
text-shadow: 0 2px 0 #3b928614 0 4px 16px #3b928612;
margin-bottom: 32px
}

.wbn-pg .top-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 18px;
color: #3B9286;
text-decoration: none;
font-weight: 600;
border-bottom: 1.5px solid #3b92864d;
padding-bottom: 4px;
transition: color .35s cubic-bezier(0.34, 1.2, 0.64, 1), border-color .4s ease-in-out, transform .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.wbn-pg .top-link:hover {
color: #2a6e65;
border-color: #2a6e65;
transform: translateY(-2px)
}

.wbn-pg .top-deco {
position: absolute;
top: 96px;
right: 96px;
width: 180px;
height: 180px;
border-radius: 0;
opacity: .07;
background: linear-gradient(247deg, #3B9286, #86B6A6);
pointer-events: none
}

.wbn-pg .top-deco-ring {
position: absolute;
bottom: 48px;
right: 200px;
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid #3b92861f;
pointer-events: none
}

.wbn-pg .sched {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0;
background: #2a3f3d
}

.wbn-pg .sched-col {
padding: 48px 32px;
position: relative
}

.wbn-pg .sched-col:not(:last-child)::after {
content: '';
position: absolute;
top: 32px;
right: 0;
bottom: 32px;
width: 1px;
background: #86b6a626
}

.wbn-pg .sched-col:nth-child(1) {
background: #2a3f3d
}

.wbn-pg .sched-col:nth-child(2) {
background: #233635
}

.wbn-pg .sched-col:nth-child(3) {
background: #1e2f2e
}

.wbn-pg .sched-eyebrow {
font-size: 14px;
letter-spacing: .1em;
color: #86B6A6;
text-transform: uppercase;
margin-bottom: 16px;
font-weight: 600
}

.wbn-pg .sched-h {
font-size: 24px;
line-height: 1.4;
color: #FBFDFC;
font-weight: 700;
margin-bottom: 16px;
text-shadow: 0 1px 6px #3b92861a
}

.wbn-pg .sched-p {
font-size: 14px;
line-height: 1.7;
color: #fbfdfca6;
margin-bottom: 32px
}

.wbn-pg .sched-meta {
display: flex;
flex-direction: column;
gap: 8px
}

.wbn-pg .sched-row {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #fbfdfcbf
}

.wbn-pg .sched-row i {
color: #3B9286;
font-size: 14px
}

.wbn-pg .sched-notch {
position: absolute;
top: 48px;
left: 0;
width: 3px;
height: 48px;
background: #3B9286;
border-radius: 0 8px 8px 0
}

.wbn-pg .sched-wave {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
overflow: hidden
}

.wbn-pg .sched-wave svg {
display: block;
width: 100%;
height: 3px
}

.wbn-pg .cmp-sec {
padding: 96px;
background: #FBFDFC;
display: grid;
grid-template-columns: 1fr 1.6fr;
gap: 96px;
align-items: start
}

.wbn-pg .cmp-left {
position: relative
}

.wbn-pg .cmp-img-wrap {
width: 100%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 9px 40px 0 #3b92861f;
position: relative
}

.wbn-pg .cmp-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(247deg, #3b92862e, transparent 60%);
pointer-events: none
}

.wbn-pg .cmp-img {
width: 100%;
height: 420px;
object-fit: cover;
display: block;
background: #d0dbd8
}

.wbn-pg .cmp-img.loaded {
background: none
}

.wbn-pg .cmp-stat-row {
display: flex;
flex-direction: row;
gap: 16px;
margin-top: 32px
}

.wbn-pg .cmp-stat {
flex: 1;
background: #3B9286;
border-radius: 8px;
padding: 16px;
text-align: center;
box-shadow: 0 7px 14px 0 #3b92861a
}

.wbn-pg .cmp-stat-n {
font-size: 24px;
line-height: 1.1;
color: #FBFDFC;
font-weight: 800;
display: block
}

.wbn-pg .cmp-stat-l {
font-size: 14px;
color: #fbfdfccc;
display: block;
margin-top: 8px
}

.wbn-pg .cmp-label {
font-size: 14px;
letter-spacing: .1em;
color: #3B9286;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 16px
}

.wbn-pg .cmp-h {
font-size: 24px;
line-height: 1.4;
color: #1a2e2c;
font-weight: 700;
margin-bottom: 16px;
text-shadow: 0 1px 4px #3b928612
}

.wbn-pg .cmp-body {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 32px
}

.wbn-pg .cmp-p {
font-size: 14px;
line-height: 1.7;
color: #344c49
}

.wbn-pg .cmp-table {
width: 100%;
border-collapse: collapse;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 1px 6px 0 #3b928612
}

.wbn-pg .cmp-table thead tr {
background: #3B9286
}

.wbn-pg .cmp-table thead th {
padding: 16px;
font-size: 14px;
color: #FBFDFC;
font-weight: 600;
text-align: left;
letter-spacing: .05em
}

.wbn-pg .cmp-table tbody tr:nth-child(odd) {
background: #86b6a614
}

.wbn-pg .cmp-table tbody tr:nth-child(even) {
background: #FBFDFC
}

.wbn-pg .cmp-table tbody td {
padding: 16px;
font-size: 14px;
color: #344c49;
line-height: 1.4
}

.wbn-pg .cmp-table .chk {
color: #3B9286;
font-size: 18px
}

.wbn-pg .cmp-table .crs {
color: #b05a5a;
font-size: 18px
}

.wbn-pg .anchor-sec {
background: linear-gradient(247deg, #3B9286 0%, #86B6A6 60%, #b8d4c8 100%);
padding: 96px;
position: relative;
display: flex;
flex-direction: row;
gap: 96px;
align-items: center
}

.wbn-pg .anchor-sec::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(247deg, #3b928666, #86b6a633, transparent 80%);
pointer-events: none;
animation: ctr-breath 5s ease-in-out infinite
}

@keyframes ctr-breath {

0%,
100% {
opacity: .6;
filter: contrast(1)
}

50% {
opacity: 1;
filter: contrast(1.18)
}
}

.wbn-pg .anchor-img-wrap {
flex: 0 0 420px;
height: 500px;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 9px 40px 0 #3b92861f;
position: relative;
z-index: 1
}

.wbn-pg .anchor-img-wrap::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 30% 70%, #3b92864d 0%, transparent 65%);
pointer-events: none
}

.wbn-pg .anchor-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
background: #c0d4cf
}

.wbn-pg .anchor-img.loaded {
background: none
}

.wbn-pg .anchor-txt {
flex: 1;
position: relative;
z-index: 1
}

.wbn-pg .anchor-label {
font-size: 14px;
letter-spacing: .12em;
color: #fbfdfcd9;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 16px
}

.wbn-pg .anchor-h {
font-size: 24px;
line-height: 1.4;
color: #FBFDFC;
font-weight: 800;
margin-bottom: 16px;
text-shadow: 0 2px 8px #1e504b2e
}

.wbn-pg .anchor-p {
font-size: 14px;
line-height: 1.7;
color: #fbfdfce0;
margin-bottom: 32px
}

.wbn-pg .anchor-items {
display: flex;
flex-direction: column;
gap: 16px
}

.wbn-pg .anchor-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
background: #fbfdfc1a;
border-radius: 8px;
padding: 16px;
position: relative;
transition: background .4s ease-in-out, transform .35s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.wbn-pg .anchor-item:hover {
background: #fbfdfc2e;
transform: translateX(4px)
}

.wbn-pg .anchor-item-notch {
position: absolute;
left: 0;
top: 12px;
bottom: 12px;
width: 3px;
background: #fbfdfc80;
border-radius: 0 8px 8px 0
}

.wbn-pg .anchor-icon {
width: 40px;
height: 40px;
border-radius: 8px;
background: #fbfdfc26;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: #FBFDFC;
font-size: 18px
}

.wbn-pg .anchor-item-h {
font-size: 14px;
font-weight: 700;
color: #FBFDFC;
margin-bottom: 8px
}

.wbn-pg .anchor-item-p {
font-size: 14px;
line-height: 1.7;
color: #fbfdfcc7
}

.wbn-pg .anchor-wave {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
overflow: hidden;
pointer-events: none
}

.wbn-pg .anchor-wave svg {
display: block;
width: 100%;
height: 4px
}

.wbn-pg .mat-sec {
padding: 96px;
background: #f0f7f5;
position: relative
}

.wbn-pg .mat-sec::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
overflow: hidden
}

.wbn-pg .mat-top {
margin-bottom: 48px;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 32px
}

.wbn-pg .mat-label {
font-size: 14px;
letter-spacing: .1em;
color: #3B9286;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 16px
}

.wbn-pg .mat-h {
font-size: 24px;
line-height: 1.4;
color: #1a2e2c;
font-weight: 700;
text-shadow: 0 1px 4px #3b928612
}

.wbn-pg .mat-sub {
font-size: 14px;
line-height: 1.7;
color: #4a6360;
max-width: 380px;
text-align: right
}

.wbn-pg .mat-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px
}

.wbn-pg .mat-card {
background: #FBFDFC;
border-radius: 12px;
padding: 32px 16px 16px;
box-shadow: 0 1px 6px 0 #3b928612;
position: relative;
transition: box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1);
animation: slow-tone 8s ease-in-out infinite
}

.wbn-pg .mat-card:nth-child(2) {
animation-delay: 2s
}

.wbn-pg .mat-card:nth-child(3) {
animation-delay: 4s
}

.wbn-pg .mat-card:nth-child(4) {
animation-delay: 6s
}

@keyframes slow-tone {

0%,
100% {
background: #FBFDFC
}

50% {
background: #f3faf8
}
}

.wbn-pg .mat-card:hover {
box-shadow: 0 9px 40px 0 #3b92861f;
transform: translateY(-3px)
}

.wbn-pg .mat-card-notch {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
border-radius: 12px 12px 0 0;
overflow: hidden
}

.wbn-pg .mat-card-notch svg {
display: block;
width: 100%;
height: 3px
}

.wbn-pg .mat-card-icon {
width: 48px;
height: 48px;
border-radius: 8px;
background: #3b92861a;
display: flex;
align-items: center;
justify-content: center;
color: #3B9286;
font-size: 24px;
margin-bottom: 16px
}

.wbn-pg .mat-card-h {
font-size: 18px;
line-height: 1.4;
color: #1a2e2c;
font-weight: 700;
margin-bottom: 8px
}

.wbn-pg .mat-card-p {
font-size: 14px;
line-height: 1.7;
color: #4a6360
}

.wbn-pg .mat-card-tag {
display: inline-block;
margin-top: 16px;
font-size: 14px;
color: #3B9286;
font-weight: 600;
letter-spacing: .06em;
background: #3b928614;
border-radius: 8px;
padding: 4px 8px
}

@media (max-width: 1024px) {
.wbn-pg .top-band {
padding: 96px 48px 48px
}

.wbn-pg .top-band::after {
left: 48px;
right: 48px
}

.wbn-pg .top-deco {
right: 48px
}

.wbn-pg .top-h {
font-size: 48px
}

.wbn-pg .sched {
grid-template-columns: 1fr
}

.wbn-pg .sched-col:not(:last-child)::after {
display: none
}

.wbn-pg .cmp-sec {
grid-template-columns: 1fr;
gap: 48px;
padding: 48px
}

.wbn-pg .anchor-sec {
flex-direction: column;
gap: 48px;
padding: 48px
}

.wbn-pg .anchor-img-wrap {
flex: none;
width: 100%;
height: 320px
}

.wbn-pg .mat-sec {
padding: 48px
}

.wbn-pg .mat-grid {
grid-template-columns: 1fr 1fr
}

.wbn-pg .mat-top {
flex-direction: column;
align-items: flex-start
}

.wbn-pg .mat-sub {
text-align: left
}
}

@media (max-width: 768px) {
.wbn-pg .top-band {
padding: 48px 16px 32px
}

.wbn-pg .top-band::after {
left: 16px;
right: 16px
}

.wbn-pg .top-deco {
display: none
}

.wbn-pg .top-deco-ring {
display: none
}

.wbn-pg .top-h {
font-size: 24px
}

.wbn-pg .sched-col {
padding: 32px 16px
}

.wbn-pg .cmp-sec {
padding: 32px 16px
}

.wbn-pg .cmp-body {
grid-template-columns: 1fr
}

.wbn-pg .anchor-sec {
padding: 32px 16px
}

.wbn-pg .mat-sec {
padding: 32px 16px
}

.wbn-pg .mat-grid {
grid-template-columns: 1fr
}

.wbn-pg .cmp-stat-row {
flex-direction: column
}
}

@media (max-width: 320px) {
.wbn-pg .top-h {
font-size: 24px
}

.wbn-pg .top-band {
padding: 32px 8px 16px
}

.wbn-pg .cmp-sec {
padding: 16px 8px
}

.wbn-pg .anchor-sec {
padding: 16px 8px
}

.wbn-pg .mat-sec {
padding: 16px 8px
}
}

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

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

.success-pg .success-icon {
width: 72px;
height: 72px;
margin: 0 auto 32px;
display: flex;
align-items: center;
justify-content: center
}

.success-pg .success-icon svg {
width: 72px;
height: 72px
}

.success-pg .success-heading {
font-size: 24px;
font-weight: 700;
line-height: 1.1;
color: #1e3a36;
margin: 0 0 16px;
text-shadow: 0 1px 6px #3b928612
}

.success-pg .success-text {
font-size: 18px;
line-height: 1.7;
color: #3a5450;
margin: 0 0 48px
}

.success-pg .success-divider {
width: 48px;
height: 3px;
background: linear-gradient(247deg, #86B6A6, transparent);
border-radius: 0;
margin: 0 auto 48px
}

.success-pg .success-link {
display: inline-block;
font-size: 14px;
font-weight: 600;
letter-spacing: .08em;
color: #FBFDFC;
background: #3B9286;
padding: 16px 32px;
border-radius: 8px;
text-decoration: none;
box-shadow: 0 7px 14px 0 #3b92861a;
transition: background-color .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.success-pg .success-link:hover {
background: #2e7a6f;
box-shadow: 0 9px 40px 0 #3b92861f;
transform: translateY(-2px)
}

.success-pg .success-link:focus {
outline: 2px solid #3B9286;
outline-offset: 4px
}

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

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

.success-pg .success-text {
font-size: 18px
}
}