* {
box-sizing: border-box
}

html {
scroll-behavior: auto
}

body {
margin: 0;
min-height: 100dvh;
overflow-x: hidden;
font-family: "Arimo", sans-serif
}

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

.hd_plate {
background: linear-gradient(160deg, #0d1220 0%, #1E273E 60%, #0a0f1c 100%);
border-bottom: 1px solid #e1b20e2e;
box-shadow: 1px 4px 14px 0 #1e273e14;
position: relative;
z-index: 100
}

.hd_glass {
backdrop-filter: blur(14px) saturate(1.3);
-webkit-backdrop-filter: blur(14px) saturate(1.3)
}

.hd_top_pod {
max-width: 1366px;
margin: 0 auto;
padding: 16px 32px;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
border-bottom: 1px solid #e1b20e17
}

.brand_cell {
display: flex;
align-items: center;
gap: 16px;
text-decoration: none
}

.brand_logo_pod {
width: 56px;
height: 56px;
border-radius: 20px;
border: 1px solid #e1b20e59;
box-shadow: 1px 2px 4px 0 #1e273e12 0 0 0 3px #e1b20e12;
background: #f9fefb0f;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
flex-shrink: 0
}

.brand_logo_pod img {
width: 44px;
height: 44px;
object-fit: contain;
object-position: center;
display: block
}

.brand_name {
font-size: 24px;
font-weight: 700;
line-height: 1.2;
color: #F9FEFB;
letter-spacing: 0
}

.brand_name span {
color: #E1B20E
}

.hd_region_tag {
font-size: 14px;
line-height: 1.4;
color: #f9fefb8c;
background: #e1b20e12;
border: 1px solid #e1b20e26;
border-radius: 6px;
padding: 4px 8px;
display: flex;
align-items: center;
gap: 8px;
margin-left: 16px
}

.hd_region_tag svg {
flex-shrink: 0
}

.hd_nav_pod {
max-width: 1366px;
margin: 0 auto;
padding: 0 32px
}

.hd_nav_list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 4px
}

.hd_nav_list li {
display: flex
}

.hd_nav_link {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
color: #f9fefbc7;
text-decoration: none;
padding: 16px;
border-radius: 6px;
border: 1px solid transparent;
transition: color .1s ease-out, background .12s ease-out, border-color .1s ease-out;
white-space: nowrap;
min-height: 44px
}

.hd_nav_link svg {
flex-shrink: 0;
opacity: .6;
transition: opacity .1s ease-out
}

.hd_nav_link:hover {
color: #E1B20E;
background: #e1b20e14;
border-color: #e1b20e2e
}

.hd_nav_link:hover svg {
opacity: 1
}

.hd_nav_link.active_link {
color: #E1B20E;
background: #e1b20e1a;
border-color: #e1b20e38;
font-weight: 700
}

@media (max-width: 900px) {
.hd_top_pod {
padding: 16px;
flex-wrap: wrap
}

.hd_region_tag {
margin-left: 0
}

.hd_nav_pod {
padding: 0 16px
}

.hd_nav_link {
font-size: 14px;
padding: 12px
}
}

@media (max-width: 600px) {
.brand_name {
font-size: 18px
}

.hd_nav_link {
padding: 8px
}
}

.ft_plate {
background: #0a0f1c;
border-top: 1px solid #e1b20e26
}

.ft_upper_deck {
max-width: 1366px;
margin: 0 auto;
padding: 64px 32px 32px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px
}

.ft_about_cell {
grid-column: 1 / 2
}

.ft_about_cell p {
font-size: 16px;
line-height: 1.6;
color: #f9fefb99;
margin: 16px 0 0
}

.ft_mission_cell {
grid-column: 2 / 3
}

.ft_mission_cell h3 {
font-size: 14px;
font-weight: 700;
line-height: 1.4;
color: #E1B20E;
text-transform: uppercase;
letter-spacing: 0;
margin: 0 0 16px
}

.ft_mission_cell p {
font-size: 16px;
line-height: 1.6;
color: #f9fefb99;
margin: 0
}

.ft_contact_cell {
grid-column: 3 / 4
}

.ft_contact_cell h3 {
font-size: 14px;
font-weight: 700;
line-height: 1.4;
color: #E1B20E;
text-transform: uppercase;
margin: 0 0 16px
}

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

.ft_contact_list li {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 14px;
line-height: 1.6;
color: #f9fefb99
}

.ft_contact_list li svg {
flex-shrink: 0;
margin-top: 2px;
color: #E1B20E
}

.ft_contact_list a {
color: #f9fefb99;
text-decoration: none;
transition: color .1s ease-out
}

.ft_contact_list a:hover {
color: #E1B20E
}

.ft_divider {
max-width: 1366px;
margin: 0 auto;
padding: 0 32px
}

.ft_divider hr {
border: none;
border-top: 1px solid #e1b20e1f;
margin: 0
}

.ft_lower_deck {
max-width: 1366px;
margin: 0 auto;
padding: 32px 32px 64px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px
}

.ft_logo_cell {
display: flex;
align-items: center;
gap: 16px
}

.ft_logo_pod {
width: 52px;
height: 52px;
border-radius: 12px;
border: 1px solid #e1b20e4d;
box-shadow: 1px 2px 4px 0 #1e273e12;
background: #f9fefb0d;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
flex-shrink: 0
}

.ft_logo_pod img {
width: 40px;
height: 40px;
object-fit: contain;
object-position: center;
display: block
}

.ft_brand_label {
font-size: 16px;
font-weight: 700;
line-height: 1.2;
color: #f9fefbb3
}

.ft_nav_cell {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px
}

.ft_nav_link {
font-size: 14px;
line-height: 1.4;
color: #f9fefb80;
text-decoration: none;
padding: 8px 12px;
border-radius: 6px;
border: 1px solid transparent;
transition: color .09s linear, border-color .09s linear;
min-height: 44px;
display: flex;
align-items: center
}

.ft_nav_link:hover {
color: #E1B20E;
border-color: #e1b20e26
}

.ft_copy_cell {
width: 100%;
text-align: center;
font-size: 14px;
line-height: 1.4;
color: #f9fefb4d;
padding-top: 16px;
border-top: 1px solid #e1b20e12
}

@media (max-width: 900px) {
.ft_upper_deck {
grid-template-columns: 1fr 1fr;
padding: 32px 16px
}

.ft_about_cell {
grid-column: 1 / 3
}

.ft_mission_cell {
grid-column: 1 / 2
}

.ft_contact_cell {
grid-column: 2 / 3
}

.ft_divider {
padding: 0 16px
}

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

@media (max-width: 600px) {
.ft_upper_deck {
grid-template-columns: 1fr;
gap: 32px
}

.ft_about_cell,
.ft_mission_cell,
.ft_contact_cell {
grid-column: 1 / 2
}
}

.consent_card {
position: fixed;
top: 32px;
right: 32px;
width: 340px;
max-width: calc(100vw - 64px);
background: #131929;
border: 1px solid #e1b20e38;
border-radius: 12px;
box-shadow: 1px 9px 48px 0 #1e273e1c;
z-index: 2000;
padding: 32px;
display: none;
transform: translateX(-40px);
opacity: 0;
transition: transform .22s ease-out, opacity .22s ease-out
}

.consent_card.visible {
transform: translateX(0);
opacity: 1
}

.consent_card_title {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
color: #F9FEFB;
margin: 0 0 8px
}

.consent_card_desc {
font-size: 14px;
line-height: 1.6;
color: #f9fefba6;
margin: 0 0 16px
}

.consent_necessary_row {
display: flex;
align-items: center;
justify-content: space-between;
background: #e1b20e0f;
border: 1px solid #e1b20e1f;
border-radius: 6px;
padding: 8px 12px;
margin-bottom: 16px
}

.consent_necessary_label {
font-size: 14px;
line-height: 1.4;
color: #f9fefbb3
}

.consent_always_on {
font-size: 14px;
line-height: 1.4;
color: #E1B20E;
font-weight: 700
}

.consent_toggle_row {
margin-bottom: 16px
}

.consent_toggle_btn {
background: none;
border: none;
padding: 0;
cursor: pointer;
font-size: 14px;
line-height: 1.4;
color: #f9fefb8c;
text-decoration: underline;
font-family: "Arimo", sans-serif;
transition: color .09s linear;
min-height: 44px;
display: flex;
align-items: center;
gap: 8px
}

.consent_toggle_btn:hover,
.consent_toggle_btn:focus-visible {
color: #E1B20E
}

.consent_analytics_panel {
display: none;
background: #f9fefb0a;
border: 1px solid #f9fefb14;
border-radius: 6px;
padding: 12px;
margin-bottom: 16px
}

.consent_analytics_panel.open {
display: block
}

.consent_analytics_row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px
}

.consent_analytics_label {
font-size: 14px;
line-height: 1.4;
color: #f9fefba6
}

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

.consent_switch input {
opacity: 0;
width: 0;
height: 0;
position: absolute
}

.consent_switch_track {
position: absolute;
inset: 0;
background: #f9fefb26;
border-radius: 20px;
cursor: pointer;
transition: background .12s ease-out
}

.consent_switch_track::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
border-radius: 20px;
background: #F9FEFB;
top: 3px;
left: 3px;
transition: transform .12s ease-out
}

.consent_switch input:checked+.consent_switch_track {
background: #E1B20E
}

.consent_switch input:checked+.consent_switch_track::after {
transform: translateX(18px)
}

.consent_actions {
display: flex;
gap: 8px;
flex-wrap: wrap
}

.consent_accept_btn {
flex: 1;
background: #E1B20E;
color: #0a0f1c;
border: none;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
padding: 12px 16px;
cursor: pointer;
font-family: "Arimo", sans-serif;
min-height: 44px;
transition: background .09s linear
}

.consent_accept_btn:hover,
.consent_accept_btn:focus-visible {
background: #c99c0a
}

.consent_reject_btn {
flex: 1;
background: none;
color: #f9fefba6;
border: 1px solid #f9fefb33;
border-radius: 6px;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
padding: 12px 16px;
cursor: pointer;
font-family: "Arimo", sans-serif;
min-height: 44px;
transition: color .09s linear, border-color .09s linear
}

.consent_reject_btn:hover,
.consent_reject_btn:focus-visible {
color: #F9FEFB;
border-color: #f9fefb66
}

@media (max-width: 600px) {
.consent_card {
top: 16px;
right: 16px;
width: calc(100vw - 32px);
max-width: none;
padding: 16px
}
}

.policy-wrapper {
max-width: 1366px;
margin: 0 auto;
padding: 64px 32px;
background: #111827;
color: #e8ede9;
min-height: 100vh
}

.policy-wrapper p {
font-size: 16px;
line-height: 1.9;
margin-bottom: 16px;
color: #c9d4cb
}

.policy-wrapper ul,
.policy-wrapper ol {
margin: 16px 0 32px;
padding-left: 32px
}

.policy-wrapper ul {
list-style: none;
padding-left: 16px
}

.policy-wrapper ul li {
position: relative;
padding-left: 16px
}

.policy-wrapper ul li::before {
content: "";
position: absolute;
left: 0;
top: 11px;
width: 6px;
height: 6px;
background: #E1B20E;
border-radius: 2px
}

.policy-wrapper ol {
list-style: decimal
}

.policy-wrapper ol li::marker {
color: #E1B20E;
font-size: 14px
}

.policy-wrapper li {
font-size: 16px;
line-height: 1.9;
color: #c9d4cb;
margin-bottom: 8px
}

.policy-wrapper strong,
.policy-wrapper b {
font-weight: 700;
color: #F9FEFB
}

.policy-wrapper em,
.policy-wrapper i {
font-style: italic;
color: #b8c8bb
}

.policy-wrapper a {
color: #E1B20E;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition: color .1s ease-out, text-decoration-color .1s ease-out
}

.policy-wrapper a:hover {
color: #F9FEFB;
text-decoration-color: #F9FEFB
}

.policy-wrapper a:visited {
color: #c49a0c
}

.policy-wrapper table {
width: 100%;
border-collapse: collapse;
margin: 32px 0;
font-size: 14px;
border-radius: 6px;
overflow: hidden;
box-shadow: 1px 4px 14px 0 #e1b20e14
}

.policy-wrapper thead {
background: #1E273E
}

.policy-wrapper thead th {
padding: 16px;
text-align: left;
font-size: 14px;
font-weight: 700;
color: #E1B20E;
letter-spacing: 0;
border-bottom: 2px solid #E1B20E
}

.policy-wrapper tbody tr {
border-bottom: 1px solid #1e2a1f;
transition: background .08s linear
}

.policy-wrapper tbody tr:nth-child(even) {
background: #161e2a
}

.policy-wrapper tbody tr:nth-child(odd) {
background: #131a26
}

.policy-wrapper tbody tr:hover {
background: #1E273E
}

.policy-wrapper td {
padding: 16px;
font-size: 14px;
line-height: 1.6;
color: #c9d4cb;
vertical-align: top
}

.policy-wrapper th {
padding: 16px
}

@media (max-width: 900px) {
.policy-wrapper {
padding: 32px 16px
}

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

@media (max-width: 600px) {
.policy-wrapper {
padding: 32px 16px
}

.policy-wrapper p,
.policy-wrapper li {
font-size: 14px
}

.policy-wrapper thead th,
.policy-wrapper td {
font-size: 14px;
padding: 8px
}
}

.lrn_prog {
background: #0d1018;
color: #e8eaf0;
overflow-x: clip
}

.lrn_prog .pg_limit {
max-width: 1366px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px
}

.lrn_prog .divider_dash {
display: flex;
align-items: center;
gap: 4px;
padding: 16px 0;
justify-content: center
}

.lrn_prog .divider_dash span {
display: inline-block;
background: #E1B20E;
opacity: .35
}

.lrn_prog .divider_dash span:nth-child(odd) {
width: 4px;
height: 4px;
border-radius: 50%
}

.lrn_prog .divider_dash span:nth-child(even) {
width: 16px;
height: 2px;
border-radius: 2px
}

.lrn_prog .title_frame {
padding-top: 64px;
padding-bottom: 32px;
border-bottom: 1px solid #e1b20e26
}

.lrn_prog .title_frame .tf_inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: end
}

.lrn_prog .title_frame .tf_img_col {
position: relative
}

.lrn_prog .title_frame .tf_img_wrap {
border-radius: 12px;
overflow: hidden;
position: relative;
box-shadow: 1px 9px 48px 0 #1e273e1c
}

.lrn_prog .title_frame .tf_img_wrap::before {
content: "";
display: block;
position: absolute;
inset: 0;
background: linear-gradient(160deg, #1e273e73 0%, transparent 60%);
z-index: 1;
pointer-events: none
}

.lrn_prog .title_frame .tf_img_wrap img {
display: block;
width: 100%;
height: 420px;
object-fit: cover;
object-position: center 30%;
filter: saturate(0.7) brightness(0.88)
}

.lrn_prog .title_frame .tf_edge_line {
position: absolute;
left: -16px;
top: 24px;
bottom: 24px;
width: 2px;
background: linear-gradient(to bottom, #E1B20E, transparent);
border-radius: 2px
}

.lrn_prog .title_frame .tf_text_col {
display: flex;
flex-direction: column;
gap: 32px;
padding-bottom: 16px
}

.lrn_prog .title_frame .tf_label {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: #E1B20E;
letter-spacing: .06em;
text-transform: uppercase
}

.lrn_prog .title_frame .tf_label_dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #E1B20E;
flex-shrink: 0
}

.lrn_prog .title_frame .tf_h1 {
font-size: 70px;
line-height: 1.2;
color: #F9FEFB;
margin: 0;
clip-path: inset(0 100% 0 0);
animation: reveal_clip .12s ease-out .05s forwards
}

@keyframes reveal_clip {
to {
clip-path: inset(0 0% 0 0)
}
}

.lrn_prog .title_frame .tf_h1 .accent_span {
color: #E1B20E
}

.lrn_prog .title_frame .tf_desc {
font-size: 18px;
line-height: 1.6;
color: #b0b8cc;
max-width: 480px
}

.lrn_prog .title_frame .tf_desc .accent_span {
color: #E1B20E
}

.lrn_prog .title_frame .tf_pull {
font-size: 24px;
line-height: 1.4;
color: #F9FEFB;
border-top: 1px solid #e1b20e4d;
padding-top: 16px
}

.lrn_prog .title_frame .tf_btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: #E1B20E;
color: #0d1018;
font-size: 16px;
font-weight: 700;
padding: 16px 32px;
border-radius: 6px;
border: none;
cursor: pointer;
text-decoration: none;
transition: background .1s ease-out, box-shadow .08s linear;
box-shadow: 1px 4px 14px 0 #e1b20e14;
align-self: flex-start
}

.lrn_prog .title_frame .tf_btn:hover {
background: #f0c420;
box-shadow: 1px 9px 48px 0 #e1b20e1c
}

.lrn_prog .title_frame .tf_btn:focus {
outline: 2px solid #E1B20E;
outline-offset: 3px
}

.lrn_prog .title_frame .tf_btn svg {
width: 18px;
height: 18px;
flex-shrink: 0
}

.lrn_prog .curriculum {
padding-top: 64px;
padding-bottom: 64px;
background: linear-gradient(175deg, #111520 0%, #0d1018 100%);
position: relative
}

.lrn_prog .curriculum::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, #e1b20e40, transparent)
}

.lrn_prog .curriculum .cur_top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start;
margin-bottom: 64px
}

.lrn_prog .curriculum .cur_heading_wrap {
display: flex;
flex-direction: column;
gap: 16px
}

.lrn_prog .curriculum .cur_h2 {
font-size: 36px;
line-height: 1.2;
color: #F9FEFB;
margin: 0;
position: relative;
display: inline-block
}

.lrn_prog .curriculum .cur_h2::after {
content: "";
display: block;
height: 2px;
width: 0;
background: #E1B20E;
border-radius: 2px;
margin-top: 8px;
animation: underline_draw .15s ease-out .1s forwards
}

@keyframes underline_draw {
to {
width: 100%
}
}

.lrn_prog .curriculum .cur_sub {
font-size: 16px;
line-height: 1.6;
color: #8a95ab
}

.lrn_prog .curriculum .cur_pull_right {
font-size: 24px;
line-height: 1.4;
color: #F9FEFB;
border-left: none;
padding: 16px;
background: #e1b20e0f;
border-radius: 6px;
border-top: 2px solid #E1B20E;
box-shadow: inset 0 1px 2px 0 #e1b20e12
}

.lrn_prog .curriculum .cur_pull_right .accent_span {
color: #E1B20E
}

.lrn_prog .curriculum .modules_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px
}

.lrn_prog .curriculum .mod_card {
background: #161b2a;
border-radius: 12px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 16px;
box-shadow: 1px 4px 14px 0 #1e273e14;
transition: box-shadow .1s ease-out, transform .08s ease-out;
position: relative;
overflow: hidden
}

.lrn_prog .curriculum .mod_card::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: transparent;
border-radius: 12px 12px 0 0;
transition: background .1s ease-out
}

.lrn_prog .curriculum .mod_card:hover::before {
background: #E1B20E
}

.lrn_prog .curriculum .mod_card:hover {
box-shadow: 1px 9px 48px 0 #1e273e1c;
transform: translateY(-2px)
}

.lrn_prog .curriculum .mod_num {
font-size: 14px;
color: #E1B20E;
font-weight: 700;
letter-spacing: .08em
}

.lrn_prog .curriculum .mod_h4 {
font-size: 18px;
line-height: 1.4;
color: #F9FEFB;
margin: 0
}

.lrn_prog .curriculum .mod_text {
font-size: 14px;
line-height: 1.6;
color: #8a95ab
}

.lrn_prog .curriculum .mod_icon {
width: 40px;
height: 40px;
flex-shrink: 0
}

.lrn_prog .curriculum .metrics_row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-top: 32px
}

.lrn_prog .curriculum .metric_item {
display: flex;
flex-direction: column;
gap: 4px;
padding: 16px;
background: #e1b20e0a;
border-radius: 6px;
border: 1px solid #e1b20e1f
}

.lrn_prog .curriculum .metric_val {
font-size: 36px;
line-height: 1.2;
color: #E1B20E;
font-weight: 700
}

.lrn_prog .curriculum .metric_lbl {
font-size: 14px;
color: #8a95ab;
line-height: 1.4
}

.lrn_prog .details_block {
padding-top: 64px;
padding-bottom: 64px;
background: #0d1018;
position: relative
}

.lrn_prog .details_block::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, #f9fefb14, transparent)
}

.lrn_prog .details_block .db_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center
}

.lrn_prog .details_block .db_text_col {
display: flex;
flex-direction: column;
gap: 32px
}

.lrn_prog .details_block .db_h2 {
font-size: 36px;
line-height: 1.2;
color: #F9FEFB;
margin: 0;
position: relative;
display: inline-block
}

.lrn_prog .details_block .db_h2::after {
content: "";
display: block;
height: 2px;
width: 0;
background: #E1B20E;
border-radius: 2px;
margin-top: 8px;
animation: underline_draw .15s ease-out .15s forwards
}

.lrn_prog .details_block .db_body {
display: flex;
flex-direction: column;
gap: 16px
}

.lrn_prog .details_block .db_p {
font-size: 16px;
line-height: 1.6;
color: #b0b8cc
}

.lrn_prog .details_block .db_p .accent_span {
color: #E1B20E
}

.lrn_prog .details_block .db_pull {
font-size: 24px;
line-height: 1.4;
color: #F9FEFB;
padding: 16px;
background: #1e273e99;
border-radius: 6px;
border-top: 2px solid #e1b20e66;
box-shadow: inset 0 2px 2px 0 #1e273e12
}

.lrn_prog .details_block .steps_list {
display: flex;
flex-direction: column;
gap: 16px;
list-style: none;
padding: 0;
margin: 0
}

.lrn_prog .details_block .step_item {
display: flex;
align-items: flex-start;
gap: 16px
}

.lrn_prog .details_block .step_num {
width: 32px;
height: 32px;
border-radius: 6px;
background: #e1b20e1f;
border: 1px solid #e1b20e4d;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
color: #E1B20E;
flex-shrink: 0
}

.lrn_prog .details_block .step_text {
font-size: 16px;
line-height: 1.6;
color: #b0b8cc;
padding-top: 4px
}

.lrn_prog .details_block .db_img_col {
position: relative
}

.lrn_prog .details_block .db_img_outer {
border-radius: 12px;
overflow: hidden;
position: relative;
box-shadow: 1px 9px 48px 0 #1e273e1c
}

.lrn_prog .details_block .db_img_outer img {
display: block;
width: 100%;
height: 480px;
object-fit: cover;
object-position: center 20%;
filter: saturate(0.75) brightness(0.85);
transition: filter .12s ease-out
}

.lrn_prog .details_block .db_img_outer:hover img {
filter: saturate(1) brightness(0.95)
}

.lrn_prog .details_block .db_img_caption {
position: absolute;
inset: 0;
background: #0d1018b8;
display: flex;
align-items: flex-end;
padding: 32px;
opacity: 0;
transition: opacity .12s ease-out;
border-radius: 12px
}

.lrn_prog .details_block .db_img_outer:hover .db_img_caption {
opacity: 1
}

.lrn_prog .details_block .db_img_caption_text {
font-size: 16px;
line-height: 1.6;
color: #F9FEFB
}

.lrn_prog .details_block .db_mesh_accent {
position: absolute;
bottom: -32px;
right: -32px;
width: 200px;
height: 200px;
border-radius: 50%;
background: radial-gradient(circle at 40% 60%, #e1b20e14 0%, #1e273e0a 55%, transparent 80%);
pointer-events: none;
z-index: 0
}

.lrn_prog .details_block .db_cta_row {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap
}

.lrn_prog .details_block .db_btn_prim {
display: inline-flex;
align-items: center;
gap: 8px;
background: #E1B20E;
color: #0d1018;
font-size: 16px;
font-weight: 700;
padding: 16px 32px;
border-radius: 6px;
border: none;
cursor: pointer;
text-decoration: none;
transition: background .1s ease-out, box-shadow .08s linear;
box-shadow: 1px 4px 14px 0 #e1b20e14
}

.lrn_prog .details_block .db_btn_prim:hover {
background: #f0c420;
box-shadow: 1px 9px 48px 0 #e1b20e1c
}

.lrn_prog .details_block .db_btn_prim:focus {
outline: 2px solid #E1B20E;
outline-offset: 3px
}

.lrn_prog .details_block .db_btn_prim svg {
width: 18px;
height: 18px
}

.lrn_prog .details_block .db_btn_sec {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
color: #E1B20E;
font-size: 16px;
font-weight: 600;
padding: 16px 32px;
border-radius: 6px;
border: 1px solid #e1b20e66 !important;
cursor: pointer;
text-decoration: none;
transition: border-color .1s ease-out, color .08s linear
}

.lrn_prog .details_block .db_btn_sec:hover {
border-color: #E1B20E !important;
color: #f0c420
}

.lrn_prog .details_block .db_btn_sec:focus {
outline: 2px solid #E1B20E;
outline-offset: 3px
}

@media (max-width: 900px) {
.lrn_prog .title_frame .tf_inner {
grid-template-columns: 1fr;
gap: 32px
}

.lrn_prog .title_frame .tf_h1 {
font-size: 36px
}

.lrn_prog .title_frame .tf_img_wrap img {
height: 280px
}

.lrn_prog .curriculum .cur_top {
grid-template-columns: 1fr;
gap: 32px
}

.lrn_prog .curriculum .modules_grid {
grid-template-columns: 1fr 1fr
}

.lrn_prog .curriculum .metrics_row {
grid-template-columns: repeat(2, 1fr)
}

.lrn_prog .details_block .db_grid {
grid-template-columns: 1fr;
gap: 32px
}

.lrn_prog .details_block .db_img_outer img {
height: 320px
}
}

@media (max-width: 600px) {
.lrn_prog .pg_limit {
padding-left: 16px;
padding-right: 16px
}

.lrn_prog .curriculum .modules_grid {
grid-template-columns: 1fr
}

.lrn_prog .curriculum .metrics_row {
grid-template-columns: 1fr 1fr
}

.lrn_prog .title_frame .tf_h1 {
font-size: 36px
}

.lrn_prog .details_block .db_cta_row {
flex-direction: column;
align-items: flex-start
}
}

.lnch {
background: #0d1017;
color: #e8edf2;
overflow-x: clip
}

.lnch .pg_bound {
max-width: 1366px;
margin: 0 auto;
padding: 0 32px
}

.lnch .accent {
color: #E1B20E
}

.lnch .divider_asym {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 32px
}

.lnch .divider_asym span:first-child {
display: block;
width: 24px;
height: 2px;
background: #E1B20E
}

.lnch .divider_asym span:last-child {
display: block;
width: 120px;
height: 2px;
background: #E1B20E;
opacity: .4
}

.lnch .title_blk {
position: relative;
padding: 64px 0;
background: #0d1017
}

.lnch .title_blk .pg_bound {
display: flex;
flex-direction: row;
align-items: center;
gap: 64px
}

.lnch .title_left {
flex: 1 1 55%;
min-width: 0;
animation: cascade_in .12s ease-out both
}

.lnch .title_left .eyebrow {
font-size: 14px;
line-height: 1.4;
letter-spacing: .08em;
text-transform: uppercase;
color: #E1B20E;
margin-bottom: 16px;
animation: cascade_in .1s ease-out .05s both
}

.lnch .title_left h1 {
font-size: 70px;
line-height: 1.2;
font-weight: 800;
color: #F9FEFB;
margin-bottom: 24px;
animation: cascade_in .12s ease-out .08s both
}

.lnch .title_left .sub_head {
font-size: 18px;
line-height: 1.6;
color: #9aa5b4;
max-width: 480px;
margin-bottom: 32px;
animation: cascade_in .12s ease-out .12s both
}

.lnch .title_left .act_link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 16px 32px;
background: #E1B20E;
color: #0d1017;
font-size: 16px;
font-weight: 700;
text-decoration: none;
border-radius: 6px;
box-shadow: 1px 4px 14px 0 #e1b20e14;
transition: background .1s ease-out, box-shadow .1s ease-out;
animation: cascade_in .12s ease-out .16s both
}

.lnch .title_left .act_link:hover {
background: #c9a00c;
box-shadow: 1px 9px 48px 0 #e1b20e1c
}

.lnch .title_left .act_link svg {
flex-shrink: 0
}

.lnch .title_right {
flex: 1 1 45%;
min-width: 0;
position: relative;
animation: cascade_in .12s ease-out .1s both
}

.lnch .img_frame {
position: relative;
border-radius: 12px;
overflow: hidden;
box-shadow: 1px 9px 48px 0 #1e273e1c
}

.lnch .img_frame img {
width: 100%;
height: 480px;
object-fit: cover;
object-position: center 30%;
display: block
}

.lnch .img_frame::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(160deg, #0d10172e 0%, transparent 60%);
border-radius: 12px;
pointer-events: none
}

.lnch .deco_shape {
position: absolute;
top: -24px;
right: -24px;
width: 120px;
height: 120px;
border: 2px solid #e1b20e2e;
border-radius: 20px;
pointer-events: none;
z-index: 0
}

.lnch .deco_dot {
position: absolute;
bottom: 32px;
left: -16px;
width: 48px;
height: 48px;
background: #e1b20e1f;
border-radius: 50%;
pointer-events: none
}

@keyframes cascade_in {
from {
opacity: 0;
transform: translateY(14px)
}

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

.lnch .community_blk {
padding: 64px 0;
background: #111620;
border-top: 1px solid #f9fefb0d
}

.lnch .community_blk .pg_bound {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
align-items: start
}

.lnch .comm_lead {
grid-column: 1 / 2
}

.lnch .comm_lead h2 {
font-size: 36px;
line-height: 1.2;
font-weight: 700;
color: #F9FEFB;
margin-bottom: 16px;
position: relative;
display: inline-block
}

.lnch .comm_lead h2::after {
content: "";
display: block;
width: 0;
height: 2px;
background: #E1B20E;
border-radius: 2px;
margin-top: 8px;
animation: underline_draw .15s ease-out .2s forwards
}

@keyframes underline_draw {
to {
width: 100%
}
}

.lnch .comm_lead p {
font-size: 16px;
line-height: 1.6;
color: #8a95a3;
margin-bottom: 16px
}

.lnch .comm_imgs {
grid-column: 2 / 3;
display: flex;
flex-direction: column;
gap: 16px
}

.lnch .comm_imgs img {
width: 100%;
height: 200px;
object-fit: cover;
object-position: center 40%;
border-radius: 12px;
display: block;
box-shadow: 1px 2px 4px 0 #1e273e12
}

.lnch .stat_cards {
grid-column: 3 / 4;
display: flex;
flex-direction: column;
gap: 16px
}

.lnch .stat_card {
background: #161c2a;
border-radius: 12px;
padding: 32px;
box-shadow: 1px 4px 14px 0 #1e273e14;
border: 1px solid #e1b20e1a;
position: relative;
overflow: hidden;
transition: border-color .1s ease-out, box-shadow .1s ease-out
}

.lnch .stat_card:hover {
border-color: #e1b20e4d;
box-shadow: 1px 9px 48px 0 #e1b20e1c
}

.lnch .stat_card .stat_num {
font-size: 70px;
font-weight: 800;
line-height: 1.2;
color: #E1B20E;
display: block
}

.lnch .stat_card .stat_lbl {
font-size: 14px;
line-height: 1.4;
color: #8a95a3;
display: block;
margin-top: 4px
}

.lnch .stat_card .stat_bar {
position: absolute;
bottom: 0;
left: 0;
height: 3px;
width: 40%;
background: linear-gradient(90deg, #E1B20E, transparent);
border-radius: 2px
}

.lnch .outcomes_blk {
padding: 64px 0;
background: #0d1017;
position: relative
}

.lnch .outcomes_blk .pg_bound {
display: flex;
flex-direction: column;
gap: 64px
}

.lnch .outcomes_top {
display: flex;
flex-direction: row;
gap: 64px;
align-items: center
}

.lnch .outcomes_text {
flex: 1 1 50%;
min-width: 0
}

.lnch .outcomes_text h2 {
font-size: 36px;
line-height: 1.2;
font-weight: 700;
color: #F9FEFB;
margin-bottom: 16px;
position: relative;
display: inline-block
}

.lnch .outcomes_text h2::after {
content: "";
display: block;
width: 0;
height: 2px;
background: #E1B20E;
border-radius: 2px;
margin-top: 8px;
animation: underline_draw .15s ease-out .25s forwards
}

.lnch .outcomes_text p {
font-size: 16px;
line-height: 1.6;
color: #8a95a3;
margin-bottom: 16px
}

.lnch .pull_quote {
flex: 1 1 50%;
min-width: 0;
padding: 32px;
background: #111620;
border-radius: 12px;
border: 1px solid #e1b20e1f;
box-shadow: 1px 4px 14px 0 #1e273e14
}

.lnch .pull_quote blockquote {
font-size: 24px;
line-height: 1.4;
color: #F9FEFB;
font-weight: 600;
margin: 0 0 16px
}

.lnch .pull_quote cite {
font-size: 14px;
line-height: 1.4;
color: #8a95a3;
font-style: normal
}

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

.lnch .out_item {
display: flex;
flex-direction: column;
gap: 16px;
position: relative
}

.lnch .out_item .out_img_wrap {
border-radius: 12px;
overflow: hidden;
position: relative
}

.lnch .out_item .out_img_wrap img {
width: 100%;
height: 220px;
object-fit: cover;
object-position: center 35%;
display: block;
transition: transform .12s ease-out
}

.lnch .out_item:hover .out_img_wrap img {
transform: scale(1.03)
}

.lnch .out_item .out_img_wrap .img_outline {
position: absolute;
inset: 0;
border-radius: 12px;
border: 2px solid transparent;
transition: border-color .1s ease-out;
pointer-events: none
}

.lnch .out_item:hover .out_img_wrap .img_outline {
border-color: #E1B20E
}

.lnch .out_item h4 {
font-size: 18px;
line-height: 1.4;
font-weight: 600;
color: #F9FEFB;
margin: 0
}

.lnch .out_item p {
font-size: 14px;
line-height: 1.6;
color: #8a95a3;
margin: 0
}

.lnch .approach_blk {
padding: 64px 0;
background: #111620;
border-top: 1px solid #f9fefb0d
}

.lnch .approach_blk .pg_bound {
display: flex;
flex-direction: row;
gap: 64px;
align-items: start
}

.lnch .appr_left {
flex: 1 1 40%;
min-width: 0;
position: relative
}

.lnch .appr_left h2 {
font-size: 36px;
line-height: 1.2;
font-weight: 700;
color: #F9FEFB;
margin-bottom: 16px;
position: relative;
display: inline-block
}

.lnch .appr_left h2::after {
content: "";
display: block;
width: 0;
height: 2px;
background: #E1B20E;
border-radius: 2px;
margin-top: 8px;
animation: underline_draw .15s ease-out .3s forwards
}

.lnch .appr_left p {
font-size: 16px;
line-height: 1.6;
color: #8a95a3;
margin-bottom: 16px
}

.lnch .appr_img_wrap {
margin-top: 32px;
border-radius: 12px;
overflow: hidden;
box-shadow: 1px 9px 48px 0 #1e273e1c
}

.lnch .appr_img_wrap img {
width: 100%;
height: 300px;
object-fit: cover;
object-position: center 50%;
display: block
}

.lnch .appr_right {
flex: 1 1 60%;
min-width: 0;
display: flex;
flex-direction: column;
gap: 16px
}

.lnch .appr_step {
display: flex;
flex-direction: row;
gap: 16px;
align-items: start;
padding: 32px;
background: #161c2a;
border-radius: 12px;
border: 1px solid #f9fefb0f;
box-shadow: 1px 2px 4px 0 #1e273e12;
position: relative;
transition: border-color .1s ease-out
}

.lnch .appr_step:hover {
border-color: #e1b20e40
}

.lnch .appr_step .step_icon {
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 6px;
background: #e1b20e1a;
display: flex;
align-items: center;
justify-content: center;
position: relative
}

.lnch .appr_step .step_icon svg {
width: 20px;
height: 20px
}

.lnch .appr_step .step_icon .icon_trace {
position: absolute;
inset: -3px;
border: 1.5px solid transparent;
border-radius: 8px;
transition: border-color .1s ease-out
}

.lnch .appr_step:hover .step_icon .icon_trace {
border-color: #E1B20E
}

.lnch .appr_step .step_body {
flex: 1;
min-width: 0
}

.lnch .appr_step h5 {
font-size: 16px;
line-height: 1.4;
font-weight: 600;
color: #F9FEFB;
margin: 0 0 8px
}

.lnch .appr_step p {
font-size: 14px;
line-height: 1.6;
color: #8a95a3;
margin: 0
}

@media (max-width: 1200px) {
.lnch .title_left h1 {
font-size: 70px
}

.lnch .community_blk .pg_bound {
grid-template-columns: 1fr 1fr
}

.lnch .comm_lead {
grid-column: 1 / 2
}

.lnch .comm_imgs {
grid-column: 2 / 3
}

.lnch .stat_cards {
grid-column: 1 / 3;
flex-direction: row
}

.lnch .stat_card {
flex: 1
}
}

@media (max-width: 900px) {
.lnch .title_blk .pg_bound {
flex-direction: column;
gap: 32px
}

.lnch .title_left h1 {
font-size: 36px
}

.lnch .img_frame img {
height: 300px
}

.lnch .community_blk .pg_bound {
grid-template-columns: 1fr
}

.lnch .comm_lead {
grid-column: 1
}

.lnch .comm_imgs {
grid-column: 1;
flex-direction: row
}

.lnch .comm_imgs img {
height: 150px
}

.lnch .stat_cards {
grid-column: 1;
flex-direction: row;
flex-wrap: wrap
}

.lnch .outcomes_top {
flex-direction: column;
gap: 32px
}

.lnch .outcomes_grid {
grid-template-columns: 1fr 1fr
}

.lnch .approach_blk .pg_bound {
flex-direction: column;
gap: 32px
}
}

@media (max-width: 600px) {
.lnch .pg_bound {
padding: 0 16px
}

.lnch .title_blk {
padding: 32px 0
}

.lnch .title_left h1 {
font-size: 36px
}

.lnch .community_blk {
padding: 32px 0
}

.lnch .stat_cards {
flex-direction: column
}

.lnch .stat_card .stat_num {
font-size: 36px
}

.lnch .outcomes_blk {
padding: 32px 0
}

.lnch .outcomes_grid {
grid-template-columns: 1fr
}

.lnch .approach_blk {
padding: 32px 0
}

.lnch .comm_imgs {
flex-direction: column
}
}

.abt-pg {
background: #0d1117;
color: #e8edf2;
overflow-x: hidden
}

.abt-pg .pg-limit {
max-width: 1366px;
margin: 0 auto;
padding: 0 32px
}

.abt-pg .dashed-div {
border: none;
border-top: 2px dashed #E1B20E;
opacity: .4;
margin: 0
}

.abt-pg .top-band {
position: relative;
padding: 64px 0;
background: #0d1117;
background-image: linear-gradient(135deg, #e1b20e21 0%, transparent 55%), linear-gradient(225deg, #1e273ee6 0%, transparent 60%);
overflow: hidden
}

.abt-pg .top-band::before {
content: "";
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
pointer-events: none;
z-index: 0
}

.abt-pg .top-band .math-bg {
position: absolute;
right: -32px;
top: 50%;
transform: translateY(-50%);
font-size: 320px;
line-height: 1.2;
color: transparent;
-webkit-text-stroke: 1px #e1b20e12;
pointer-events: none;
z-index: 0;
user-select: none
}

.abt-pg .top-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
position: relative;
z-index: 1
}

.abt-pg .top-text-col {
padding-right: 32px
}

.abt-pg .eyebrow {
font-size: 14px;
line-height: 1.4;
letter-spacing: .08em;
text-transform: uppercase;
color: #E1B20E;
margin-bottom: 16px;
display: flex;
align-items: center;
gap: 8px
}

.abt-pg .eyebrow-line {
display: inline-block;
width: 32px;
height: 2px;
background: #E1B20E;
border-radius: 2px
}

.abt-pg .top-h1 {
font-size: 70px;
line-height: 1.2;
color: #F9FEFB;
margin-bottom: 32px;
position: relative
}

.abt-pg .top-h1 .acc {
color: #E1B20E
}

.abt-pg .top-h1::after {
content: "";
display: block;
width: 0;
height: 3px;
background: #E1B20E;
border-radius: 2px;
margin-top: 8px;
animation: line-draw .5s .2s ease-out forwards
}

@keyframes line-draw {
to {
width: 120px
}
}

.abt-pg .top-desc {
font-size: 18px;
line-height: 1.6;
color: #b8c4d0;
margin-bottom: 32px;
max-width: 480px
}

.abt-pg .counter-row {
display: flex;
flex-direction: row;
gap: 32px;
flex-wrap: wrap
}

.abt-pg .counter-item {
display: flex;
flex-direction: column;
gap: 4px
}

.abt-pg .counter-num {
font-size: 36px;
line-height: 1.2;
color: #E1B20E;
font-weight: 700
}

.abt-pg .counter-label {
font-size: 14px;
line-height: 1.4;
color: #7a8fa6
}

.abt-pg .top-img-col {
position: relative
}

.abt-pg .img-frame {
position: relative;
border-radius: 12px;
overflow: hidden;
box-shadow: 1px 9px 48px 0 #e1b20e1c
}

.abt-pg .img-frame img {
display: block;
width: 100%;
height: 420px;
object-fit: cover;
object-position: center top;
border-radius: 12px
}

.abt-pg .img-overlay {
position: absolute;
inset: 0;
background: linear-gradient(160deg, #e1b20e38 0%, #1e273e8c 100%);
border-radius: 12px;
pointer-events: none
}

.abt-pg .img-badge {
position: absolute;
bottom: 16px;
left: 16px;
background: #0d1117e0;
border: 1px solid #e1b20e4d;
border-radius: 6px;
padding: 8px 16px;
display: flex;
flex-direction: column;
gap: 4px;
box-shadow: 1px 4px 14px 0 #e1b20e14
}

.abt-pg .badge-num {
font-size: 24px;
line-height: 1.2;
color: #E1B20E;
font-weight: 700
}

.abt-pg .badge-txt {
font-size: 14px;
line-height: 1.4;
color: #b8c4d0
}

.abt-pg .elastic-in {
animation: elastic-ent .55s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

@keyframes elastic-ent {
0% {
opacity: 0;
transform: scale(0.88) translateY(24px)
}

100% {
opacity: 1;
transform: scale(1) translateY(0)
}
}

.abt-pg .elastic-in.delay-1 {
animation-delay: .1s
}

.abt-pg .elastic-in.delay-2 {
animation-delay: .22s
}

.abt-pg .elastic-in.delay-3 {
animation-delay: .34s
}

.abt-pg .story-band {
padding: 64px 0;
background: #111620
}

.abt-pg .story-layout {
display: grid;
grid-template-columns: 3fr 2fr;
gap: 64px;
align-items: start
}

.abt-pg .story-text-col {
display: flex;
flex-direction: column;
gap: 32px
}

.abt-pg .story-h2 {
font-size: 36px;
line-height: 1.2;
color: #F9FEFB;
position: relative;
padding-bottom: 16px
}

.abt-pg .story-h2::after {
content: "";
display: block;
width: 0;
height: 2px;
background: #E1B20E;
border-radius: 2px;
position: absolute;
bottom: 0;
left: 0;
animation: line-draw .45s .3s ease-out forwards
}

.abt-pg .story-p {
font-size: 16px;
line-height: 1.9;
color: #b8c4d0
}

.abt-pg .story-p .acc {
color: #E1B20E
}

.abt-pg .pull-quote {
font-size: 18px;
line-height: 1.6;
color: #F9FEFB;
border-top: 2px dashed #e1b20e59;
border-bottom: 2px dashed #e1b20e59;
padding: 16px 0;
font-style: italic
}

.abt-pg .fact-stack {
display: flex;
flex-direction: column;
gap: 16px
}

.abt-pg .fact-card {
background: #e1b20e0f;
border: 1px solid #e1b20e2e;
border-radius: 12px;
padding: 16px;
box-shadow: 1px 2px 4px 0 #e1b20e12;
transition: border-color .12s ease-out, box-shadow .12s ease-out
}

.abt-pg .fact-card:hover {
border-color: #e1b20e73;
box-shadow: 1px 4px 14px 0 #e1b20e14
}

.abt-pg .fact-num {
font-size: 36px;
line-height: 1.2;
color: #E1B20E;
font-weight: 700
}

.abt-pg .fact-desc {
font-size: 14px;
line-height: 1.6;
color: #7a8fa6;
margin-top: 4px
}

.abt-pg .img-pair {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px
}

.abt-pg .img-pair img {
width: 100%;
height: 200px;
object-fit: cover;
object-position: center;
border-radius: 6px;
display: block
}

.abt-pg .img-pair img:first-child {
grid-column: 1 / -1;
height: 240px;
object-position: center 30%
}

.abt-pg .team-band {
padding: 64px 0;
background: #0d1117;
position: relative
}

.abt-pg .team-band .math-bg2 {
position: absolute;
left: -16px;
bottom: -40px;
font-size: 280px;
line-height: 1.2;
color: transparent;
-webkit-text-stroke: 1px #e1b20e0d;
pointer-events: none;
z-index: 0;
user-select: none
}

.abt-pg .team-intro {
text-align: center;
max-width: 640px;
margin: 0 auto 64px;
position: relative;
z-index: 1
}

.abt-pg .team-h2 {
font-size: 36px;
line-height: 1.2;
color: #F9FEFB;
margin-bottom: 16px;
position: relative;
display: inline-block
}

.abt-pg .team-h2::after {
content: "";
display: block;
width: 0;
height: 2px;
background: #E1B20E;
border-radius: 2px;
margin: 8px auto 0;
animation: line-draw .45s .25s ease-out forwards
}

.abt-pg .team-sub {
font-size: 16px;
line-height: 1.6;
color: #7a8fa6;
margin-top: 16px
}

.abt-pg .approach-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
position: relative;
z-index: 1
}

.abt-pg .appr-item {
background: #111620;
border-radius: 12px;
padding: 32px;
border-top: 3px solid transparent;
box-shadow: 1px 4px 14px 0 #1e273e14;
transition: border-color .1s ease-out, transform .1s ease-out;
animation: elastic-ent .55s cubic-bezier(0.34, 1.56, 0.64, 1) both
}

.abt-pg .appr-item:nth-child(1) {
animation-delay: .08s
}

.abt-pg .appr-item:nth-child(2) {
animation-delay: .18s
}

.abt-pg .appr-item:nth-child(3) {
animation-delay: .28s
}

.abt-pg .appr-item:hover {
border-color: #E1B20E;
transform: translateY(-4px)
}

.abt-pg .appr-icon {
width: 40px;
height: 40px;
margin-bottom: 16px
}

.abt-pg .appr-h4 {
font-size: 18px;
line-height: 1.4;
color: #F9FEFB;
margin-bottom: 8px
}

.abt-pg .appr-p {
font-size: 14px;
line-height: 1.6;
color: #7a8fa6
}

.abt-pg .people-band {
padding: 64px 0;
background: #111620
}

.abt-pg .people-layout {
display: grid;
grid-template-columns: 2fr 3fr;
gap: 64px;
align-items: center
}

.abt-pg .people-img-col {
position: relative
}

.abt-pg .people-img-wrap {
border-radius: 12px;
overflow: hidden;
box-shadow: 1px 9px 48px 0 #1e273e1c;
position: relative
}

.abt-pg .people-img-wrap img {
display: block;
width: 100%;
height: 480px;
object-fit: cover;
object-position: center 20%
}

.abt-pg .people-img-wrap::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 55%, #0d1117b3 100%);
pointer-events: none
}

.abt-pg .people-text-col {
display: flex;
flex-direction: column;
gap: 32px
}

.abt-pg .people-h2 {
font-size: 36px;
line-height: 1.2;
color: #F9FEFB;
position: relative;
padding-bottom: 16px
}

.abt-pg .people-h2::after {
content: "";
display: block;
width: 0;
height: 2px;
background: #E1B20E;
border-radius: 2px;
position: absolute;
bottom: 0;
left: 0;
animation: line-draw .45s .3s ease-out forwards
}

.abt-pg .people-p {
font-size: 16px;
line-height: 1.9;
color: #b8c4d0
}

.abt-pg .people-p .acc {
color: #E1B20E
}

.abt-pg .team-list {
display: flex;
flex-direction: column;
gap: 16px
}

.abt-pg .team-member {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
padding: 16px;
background: #e1b20e0a;
border-radius: 6px;
border: 1px solid #e1b20e1a;
transition: background .1s linear, border-color .1s linear
}

.abt-pg .team-member:hover {
background: #e1b20e17;
border-color: #e1b20e4d
}

.abt-pg .member-avatar {
width: 48px;
height: 48px;
border-radius: 6px;
background: linear-gradient(135deg, #e1b20e4d 0%, #1e273ecc 100%);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0
}

.abt-pg .member-avatar svg {
width: 24px;
height: 24px
}

.abt-pg .member-info {
display: flex;
flex-direction: column;
gap: 4px
}

.abt-pg .member-name {
font-size: 16px;
line-height: 1.4;
color: #F9FEFB;
font-weight: 600
}

.abt-pg .member-role {
font-size: 14px;
line-height: 1.4;
color: #7a8fa6
}

.abt-pg .cta-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: #E1B20E;
color: #0d1117;
font-size: 16px;
line-height: 1.4;
font-weight: 700;
padding: 16px 32px;
border-radius: 6px;
text-decoration: none;
border: none;
box-shadow: 1px 4px 14px 0 #e1b20e14;
transition: background .1s ease-out, box-shadow .1s ease-out, transform .08s ease-out;
align-self: flex-start
}

.abt-pg .cta-link:hover {
background: #c99c0a;
box-shadow: 1px 9px 48px 0 #e1b20e1c;
transform: translateY(-2px)
}

.abt-pg .cta-link:active {
transform: translateY(0)
}

.abt-pg .cta-link svg {
width: 18px;
height: 18px;
flex-shrink: 0
}

@media (max-width: 900px) {
.abt-pg .top-grid {
grid-template-columns: 1fr;
gap: 32px
}

.abt-pg .top-text-col {
padding-right: 0
}

.abt-pg .top-h1 {
font-size: 36px
}

.abt-pg .story-layout {
grid-template-columns: 1fr;
gap: 32px
}

.abt-pg .approach-grid {
grid-template-columns: 1fr;
gap: 16px
}

.abt-pg .people-layout {
grid-template-columns: 1fr;
gap: 32px
}

.abt-pg .math-bg,
.abt-pg .math-bg2 {
display: none
}
}

@media (max-width: 600px) {
.abt-pg .pg-limit {
padding: 0 16px
}

.abt-pg .top-band,
.abt-pg .story-band,
.abt-pg .team-band,
.abt-pg .people-band {
padding: 32px 0
}

.abt-pg .counter-row {
gap: 16px
}

.abt-pg .top-h1 {
font-size: 36px
}

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

.abt-pg .img-pair img:first-child {
grid-column: 1
}

.abt-pg .team-intro {
margin-bottom: 32px
}
}

.ct_us {
background: #0d1117;
min-height: 100vh;
overflow: hidden
}

.ct_us .pg_wrap {
max-width: 1366px;
margin: 0 auto;
padding: 0 32px
}

.ct_us .top_band {
position: relative;
padding: 64px 0;
background: linear-gradient(180deg, transparent 0%, #1E273E 60%, #0d1117 100%);
overflow: hidden
}

.ct_us .top_band::before {
content: '';
position: absolute;
top: -80px;
left: 50%;
transform: translateX(-50%);
width: 700px;
height: 700px;
background: radial-gradient(ellipse at 50% 30%, #e1b20e12 0%, transparent 70%);
pointer-events: none
}

.ct_us .curve_bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden
}

.ct_us .curve_bg svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .08
}

.ct_us .dot_row {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
margin-bottom: 32px
}

.ct_us .dot_row span {
width: 6px;
height: 6px;
border-radius: 50%;
background: #E1B20E;
display: block;
opacity: .9
}

.ct_us .dot_row span:nth-child(2) {
opacity: .5
}

.ct_us .dot_row span:nth-child(3) {
opacity: .25
}

.ct_us .top_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start
}

.ct_us .top_left h1 {
font-size: 70px;
line-height: 1.2;
color: #F9FEFB;
margin: 0 0 32px;
font-weight: 800;
position: relative;
display: inline-block
}

.ct_us .top_left h1 .acc {
color: #E1B20E
}

.ct_us .top_left h1::after {
content: '';
display: block;
height: 3px;
width: 0;
background: #E1B20E;
border-radius: 2px;
margin-top: 8px;
animation: line_in .5s .2s ease-out forwards
}

@keyframes line_in {
to {
width: 100%
}
}

.ct_us .top_desc {
color: #adb8c9;
font-size: 18px;
line-height: 1.6;
margin: 0 0 32px;
max-width: 440px
}

.ct_us .info_stack {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 32px
}

.ct_us .info_item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 16px;
background: #f9fefb0a;
border-radius: 12px;
border: 1px solid #e1b20e1f;
box-shadow: 1px 2px 4px 0 #1e273e12;
transition: background .12s ease-out, border-color .12s ease-out
}

.ct_us .info_item:hover {
background: #e1b20e12;
border-color: #e1b20e4d
}

.ct_us .info_icon {
width: 40px;
height: 40px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: #e1b20e1f;
border-radius: 6px
}

.ct_us .info_icon svg {
width: 20px;
height: 20px;
fill: none;
stroke: #E1B20E;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round
}

.ct_us .info_text {
display: flex;
flex-direction: column;
gap: 4px
}

.ct_us .info_label {
font-size: 14px;
color: #6e7f96;
line-height: 1.4;
text-transform: uppercase;
letter-spacing: .05em
}

.ct_us .info_val {
font-size: 16px;
color: #F9FEFB;
line-height: 1.4
}

.ct_us .info_val a {
color: #F9FEFB;
text-decoration: none;
transition: color .1s linear
}

.ct_us .info_val a:hover {
color: #E1B20E
}

.ct_us .top_right {
position: relative
}

.ct_us .img_frame {
position: relative;
border-radius: 12px;
overflow: hidden;
box-shadow: 1px 9px 48px 0 #1e273e1c
}

.ct_us .img_frame img {
width: 100%;
height: 420px;
object-fit: cover;
object-position: center top;
display: block;
transition: transform .15s ease-out
}

.ct_us .img_frame:hover img {
transform: scale(1.03)
}

.ct_us .img_frame::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 55%;
background: linear-gradient(180deg, transparent 0%, #0d1117d9 100%);
pointer-events: none
}

.ct_us .img_caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 32px;
z-index: 2
}

.ct_us .img_caption h4 {
font-size: 24px;
line-height: 1.4;
color: #F9FEFB;
margin: 0 0 8px
}

.ct_us .img_caption p {
font-size: 14px;
color: #adb8c9;
line-height: 1.6;
margin: 0
}

.ct_us .circles_deco {
position: absolute;
top: -40px;
right: -40px;
pointer-events: none;
z-index: 0
}

.ct_us .circles_deco span {
position: absolute;
border-radius: 50%;
border: 1px solid #e1b20e1a
}

.ct_us .circles_deco span:nth-child(1) {
width: 180px;
height: 180px;
top: 0;
right: 0
}

.ct_us .circles_deco span:nth-child(2) {
width: 280px;
height: 280px;
top: -50px;
right: -50px;
opacity: .6
}

.ct_us .circles_deco span:nth-child(3) {
width: 380px;
height: 380px;
top: -100px;
right: -100px;
opacity: .3
}

.ct_us .divider_fade {
height: 2px;
background: linear-gradient(90deg, transparent 0%, #e1b20e59 50%, transparent 100%);
margin: 0
}

.ct_us .form_band {
position: relative;
padding: 64px 0;
background: #111620
}

.ct_us .form_band::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(ellipse at 50% 50%, #1e273e99 0%, transparent 70%);
pointer-events: none
}

.ct_us .form_grid {
display: grid;
grid-template-columns: 380px 1fr;
gap: 64px;
align-items: start;
position: relative;
z-index: 1
}

.ct_us .form_aside {
position: relative
}

.ct_us .aside_img {
border-radius: 12px;
overflow: hidden;
box-shadow: 1px 4px 14px 0 #1e273e14;
margin-bottom: 32px
}

.ct_us .aside_img img {
width: 100%;
height: 260px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .15s ease-out
}

.ct_us .aside_img:hover img {
transform: scale(1.04)
}

.ct_us .pull_quote {
background: #e1b20e14;
border-top: 2px solid #E1B20E;
border-radius: 0 0 12px 12px;
padding: 32px;
margin-bottom: 32px;
position: relative
}

.ct_us .pull_quote blockquote {
margin: 0;
font-size: 18px;
line-height: 1.6;
color: #F9FEFB;
font-style: italic
}

.ct_us .pull_quote cite {
display: block;
margin-top: 16px;
font-size: 14px;
color: #E1B20E;
font-style: normal
}

.ct_us .aside_text {
font-size: 16px;
line-height: 1.6;
color: #adb8c9;
margin: 0
}

.ct_us .form_card {
background: #f9fefb08;
border: 1px solid #f9fefb14;
border-radius: 20px;
padding: 32px;
box-shadow: 1px 4px 14px 0 #1e273e14
}

.ct_us .form_card h2 {
font-size: 36px;
line-height: 1.2;
color: #F9FEFB;
margin: 0 0 8px;
position: relative;
display: inline-block
}

.ct_us .form_card h2::after {
content: '';
display: block;
height: 2px;
width: 0;
background: #E1B20E;
border-radius: 2px;
margin-top: 4px;
animation: line_in .4s .3s ease-out forwards
}

.ct_us .form_sub {
font-size: 16px;
color: #6e7f96;
line-height: 1.4;
margin: 0 0 32px
}

.ct_us .rating_block {
margin-bottom: 32px
}

.ct_us .rating_label {
font-size: 14px;
color: #adb8c9;
line-height: 1.4;
margin-bottom: 16px;
display: block
}

.ct_us .rating_opts {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap
}

.ct_us .rating_opts input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0
}

.ct_us .rating_opts label {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 6px;
border: 1px solid #f9fefb26;
background: #f9fefb0a;
color: #adb8c9;
font-size: 16px;
cursor: pointer;
transition: background .1s ease-out, border-color .1s ease-out, color .1s ease-out
}

.ct_us .rating_opts input[type="radio"]:checked+label {
background: #E1B20E;
border-color: #E1B20E;
color: #0d1117;
font-weight: 700
}

.ct_us .rating_opts label:hover {
border-color: #e1b20e80;
color: #E1B20E
}

.ct_us .rating_opts input[type="radio"]:focus-visible+label {
outline: 2px solid #E1B20E;
outline-offset: 2px
}

.ct_us .field_row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 16px
}

.ct_us .field_wrap {
position: relative;
margin-bottom: 16px
}

.ct_us .field_wrap input,
.ct_us .field_wrap textarea {
width: 100%;
padding: 20px 16px 8px;
background: #f9fefb0d;
border: 1px solid #f9fefb1f;
border-radius: 6px;
color: #F9FEFB;
font-size: 16px;
line-height: 1.4;
box-sizing: border-box;
transition: border-color .1s ease-out, background .1s ease-out;
outline: none;
box-shadow: inset 1px 1px 2px 0 #1e273e12
}

.ct_us .field_wrap textarea {
min-height: 120px;
resize: vertical
}

.ct_us .field_wrap input::placeholder,
.ct_us .field_wrap textarea::placeholder {
color: transparent
}

.ct_us .field_wrap label {
position: absolute;
top: 14px;
left: 16px;
font-size: 16px;
color: #6e7f96;
line-height: 1.4;
pointer-events: none;
transition: top .1s ease-out, font-size .1s ease-out, color .1s ease-out
}

.ct_us .field_wrap input:focus+label,
.ct_us .field_wrap input:not(:placeholder-shown)+label,
.ct_us .field_wrap textarea:focus+label,
.ct_us .field_wrap textarea:not(:placeholder-shown)+label {
top: 6px;
font-size: 14px;
color: #E1B20E
}

.ct_us .field_wrap input:focus,
.ct_us .field_wrap textarea:focus {
border-color: #e1b20e80;
background: #e1b20e0a
}

.ct_us .field_wrap input:focus-visible,
.ct_us .field_wrap textarea:focus-visible {
outline: 2px solid #E1B20E;
outline-offset: -2px
}

.ct_us .privacy_row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
margin-bottom: 32px;
padding: 16px;
background: #f9fefb08;
border-radius: 6px
}

.ct_us .privacy_row input[type="checkbox"] {
width: 18px;
height: 18px;
flex-shrink: 0;
accent-color: #E1B20E;
margin-top: 2px;
cursor: pointer
}

.ct_us .privacy_row label {
font-size: 14px;
color: #adb8c9;
line-height: 1.6;
cursor: pointer
}

.ct_us .privacy_row label a {
color: #E1B20E;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .08s linear
}

.ct_us .privacy_row label a:hover {
color: #F9FEFB
}

.ct_us .submit_btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding: 16px 32px;
background: #E1B20E;
color: #0d1117;
font-size: 16px;
font-weight: 700;
border: none;
border-radius: 6px;
cursor: pointer;
transition: background .1s ease-out, box-shadow .1s ease-out;
box-shadow: 1px 4px 14px 0 #e1b20e14;
position: relative;
overflow: hidden
}

.ct_us .submit_btn:hover {
background: #c9a00c;
box-shadow: 1px 9px 48px 0 #e1b20e1c
}

.ct_us .submit_btn:active {
background: #b08e0a
}

.ct_us .submit_btn:focus-visible {
outline: 2px solid #F9FEFB;
outline-offset: 2px
}

.ct_us .submit_btn svg {
width: 18px;
height: 18px;
fill: none;
stroke: #0d1117;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
flex-shrink: 0
}

.ct_us .dot_row_sm {
display: flex;
flex-direction: row;
gap: 8px;
align-items: center;
margin-top: 32px
}

.ct_us .dot_row_sm span {
width: 5px;
height: 5px;
border-radius: 50%;
background: #e1b20e66;
display: block
}

.ct_us .dot_row_sm span:nth-child(1) {
background: #e1b20ecc
}

.ct_us .dot_row_sm span:nth-child(3) {
background: #e1b20e33
}

@keyframes bg_shift_a {
0% {
background-position: 0 50%
}

50% {
background-position: 100% 50%
}

100% {
background-position: 0 50%
}
}

@media (max-width: 900px) {
.ct_us .top_grid {
grid-template-columns: 1fr;
gap: 32px
}

.ct_us .top_left h1 {
font-size: 36px
}

.ct_us .form_grid {
grid-template-columns: 1fr;
gap: 32px
}

.ct_us .field_row {
grid-template-columns: 1fr
}

.ct_us .circles_deco {
display: none
}
}

@media (max-width: 600px) {
.ct_us .top_band {
padding: 32px 0
}

.ct_us .form_band {
padding: 32px 0
}

.ct_us .pg_wrap {
padding: 0 16px
}

.ct_us .form_card {
padding: 16px
}

.ct_us .top_left h1 {
font-size: 36px
}

.ct_us .form_card h2 {
font-size: 24px
}
}

.srv_pg {
background: #0d1017;
color: #d8dde8;
overflow-x: clip
}

.srv_pg .pg_lead {
max-width: 1366px;
margin: 0 auto;
padding: 64px 32px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative
}

.srv_pg .lead_scan {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
z-index: 0
}

.srv_pg .lead_scan::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: -100%;
height: 200%;
background: repeating-linear-gradient(to bottom, transparent 0px, transparent 3px, #e1b20e06 3px, #e1b20e06 4px);
animation: scan_drift 18s linear infinite
}

@keyframes scan_drift {
0% {
transform: translateY(0)
}

100% {
transform: translateY(50%)
}
}

.srv_pg .lead_eyebrow {
font-size: 14px;
line-height: 1.4;
letter-spacing: .08em;
text-transform: uppercase;
color: #E1B20E;
margin-bottom: 16px;
position: relative;
z-index: 1
}

.srv_pg .lead_h1 {
font-size: 70px;
line-height: 1.2;
color: #F9FEFB;
max-width: 820px;
margin: 0 auto 16px;
position: relative;
z-index: 1
}

.srv_pg .lead_h1 span {
color: #E1B20E
}

.srv_pg .lead_sub {
font-size: 18px;
line-height: 1.6;
max-width: 560px;
color: #9aa3b5;
margin-bottom: 32px;
position: relative;
z-index: 1
}

.srv_pg .lead_arrows {
display: flex;
flex-direction: row;
gap: 8px;
position: relative;
z-index: 1;
align-items: center
}

.srv_pg .lead_arrows svg {
opacity: .35
}

.srv_pg .lead_img_row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
max-width: 1366px;
margin: 0 auto;
padding: 0 32px 64px
}

.srv_pg .img_frame {
position: relative;
border-radius: 12px;
overflow: hidden;
box-shadow: 1px 9px 48px 0 #e1b20e1c
}

.srv_pg .img_frame img {
width: 100%;
height: 340px;
object-fit: cover;
object-position: center 30%;
display: block;
transition: transform .12s ease-out
}

.srv_pg .img_frame:hover img {
transform: scale(1.025)
}

.srv_pg .img_frame::after {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 50% 80%, #0d10178c 0%, transparent 70%);
pointer-events: none
}

.srv_pg .img_caption {
position: absolute;
bottom: 16px;
left: 16px;
right: 16px;
z-index: 2;
font-size: 14px;
line-height: 1.4;
color: #F9FEFB
}

.srv_pg .svc_grid_band {
background: #111520;
padding: 64px 0
}

.srv_pg .svc_grid_inner {
max-width: 1366px;
margin: 0 auto;
padding: 0 32px
}

.srv_pg .svc_band_hd {
font-size: 36px;
line-height: 1.2;
color: #F9FEFB;
margin-bottom: 8px
}

.srv_pg .svc_band_hd span {
color: #E1B20E
}

.srv_pg .svc_band_sub {
font-size: 16px;
line-height: 1.6;
color: #7a8499;
max-width: 480px;
margin-bottom: 32px
}

.srv_pg .svc_cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px
}

.srv_pg .svc_card {
background: #161c2a;
border-radius: 12px;
padding: 32px 24px;
border: 1px solid #e1b20e14;
box-shadow: 1px 4px 14px 0 #1e273e14;
transition: border-color .1s ease-out, box-shadow .1s ease-out;
position: relative
}

.srv_pg .svc_card:hover {
border-color: #e1b20e47;
box-shadow: 1px 9px 48px 0 #e1b20e1c
}

.srv_pg .svc_card_icon {
width: 40px;
height: 40px;
margin-bottom: 16px
}

.srv_pg .svc_card_h {
font-size: 18px;
line-height: 1.4;
color: #F9FEFB;
margin-bottom: 8px;
position: relative;
display: inline-block
}

.srv_pg .svc_card_h::after {
content: '';
display: block;
height: 2px;
background: #E1B20E;
width: 0;
border-radius: 2px;
transition: width .12s ease-out;
margin-top: 4px
}

.srv_pg .svc_card:hover .svc_card_h::after {
width: 100%
}

.srv_pg .svc_card_p {
font-size: 14px;
line-height: 1.6;
color: #7a8499
}

.srv_pg .svc_card_tag {
display: inline-block;
margin-top: 16px;
font-size: 14px;
color: #E1B20E;
border: 1px solid #e1b20e4d;
border-radius: 6px;
padding: 4px 8px
}

.srv_pg .svc_card .dashed_connector {
position: absolute;
right: 24px;
top: 32px;
border-top: 1px dashed #e1b20e33;
width: 32px
}

.srv_pg .metrics_band {
padding: 64px 0;
background: #0d1017;
position: relative
}

.srv_pg .metrics_inner {
max-width: 1366px;
margin: 0 auto;
padding: 0 32px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: start
}

.srv_pg .metrics_h {
font-size: 36px;
line-height: 1.2;
color: #F9FEFB;
margin-bottom: 16px
}

.srv_pg .metrics_h span {
color: #E1B20E
}

.srv_pg .metrics_body {
font-size: 16px;
line-height: 1.6;
color: #7a8499;
margin-bottom: 16px;
max-width: 420px
}

.srv_pg .metrics_pull {
font-size: 24px;
line-height: 1.4;
color: #F9FEFB;
border-top: 1px solid #e1b20e40;
padding-top: 16px;
margin-top: 16px
}

.srv_pg .metrics_pull span {
color: #E1B20E
}

.srv_pg .chart_wrap {
background: #161c2a;
border-radius: 12px;
padding: 32px 24px;
box-shadow: 1px 4px 14px 0 #1e273e14
}

.srv_pg .chart_label {
font-size: 14px;
color: #7a8499;
margin-bottom: 16px
}

.srv_pg .chart_bars {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 8px;
height: 160px
}

.srv_pg .bar_col {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
flex: 1
}

.srv_pg .bar_fill {
width: 100%;
border-radius: 6px 6px 2px 2px;
background: linear-gradient(to top, #E1B20E, #e1b20e59);
transition: height .15s ease-out;
min-height: 8px
}

.srv_pg .bar_lbl {
font-size: 14px;
color: #7a8499;
white-space: nowrap
}

.srv_pg .bar_val {
font-size: 14px;
color: #E1B20E;
font-weight: 700
}

.srv_pg .chart_note {
font-size: 14px;
color: #4a5468;
margin-top: 16px;
line-height: 1.4
}

.srv_pg .approach_band {
background: #111520;
padding: 64px 0
}

.srv_pg .approach_inner {
max-width: 1366px;
margin: 0 auto;
padding: 0 32px
}

.srv_pg .approach_hd {
font-size: 36px;
line-height: 1.2;
color: #F9FEFB;
margin-bottom: 8px
}

.srv_pg .approach_hd span {
color: #E1B20E
}

.srv_pg .approach_intro {
font-size: 16px;
line-height: 1.6;
color: #7a8499;
max-width: 520px;
margin-bottom: 32px
}

.srv_pg .steps_list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
position: relative
}

.srv_pg .steps_list::before {
content: '';
position: absolute;
top: 28px;
left: 10%;
right: 10%;
height: 1px;
border-top: 1px dashed #e1b20e38;
pointer-events: none;
z-index: 0
}

.srv_pg .step_item {
background: #0d1017;
border-radius: 12px;
padding: 24px 16px;
border: 1px solid #f9fefb0d;
position: relative;
z-index: 1;
transition: border-color .1s linear
}

.srv_pg .step_item:hover {
border-color: #e1b20e38
}

.srv_pg .step_num {
width: 32px;
height: 32px;
border-radius: 6px;
background: #e1b20e1f;
color: #E1B20E;
font-size: 16px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px
}

.srv_pg .step_h {
font-size: 16px;
line-height: 1.4;
color: #F9FEFB;
margin-bottom: 8px
}

.srv_pg .step_p {
font-size: 14px;
line-height: 1.6;
color: #7a8499
}

.srv_pg .approach_two_col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
margin-top: 32px
}

.srv_pg .approach_col_a {
background: #161c2a;
border-radius: 12px;
padding: 32px;
box-shadow: 1px 2px 4px 0 #1e273e12
}

.srv_pg .approach_col_b {
margin-top: 32px;
background: #e1b20e0f;
border-radius: 12px;
padding: 32px;
border: 1px solid #e1b20e1f
}

.srv_pg .col_hd {
font-size: 18px;
line-height: 1.4;
color: #F9FEFB;
margin-bottom: 16px
}

.srv_pg .col_p {
font-size: 16px;
line-height: 1.6;
color: #7a8499
}

.srv_pg .col_p span {
color: #E1B20E
}

.srv_pg .fact_row {
display: flex;
flex-direction: row;
gap: 16px;
margin-top: 16px;
flex-wrap: wrap
}

.srv_pg .fact_item {
background: #0d1017;
border-radius: 6px;
padding: 8px 16px;
font-size: 14px;
color: #d8dde8;
border: 1px solid #f9fefb0f
}

.srv_pg .fact_item strong {
color: #E1B20E;
display: block;
font-size: 24px;
line-height: 1.2
}

@media (max-width: 900px) {
.srv_pg .lead_h1 {
font-size: 36px
}

.srv_pg .lead_img_row {
grid-template-columns: 1fr
}

.srv_pg .svc_cards {
grid-template-columns: 1fr 1fr
}

.srv_pg .metrics_inner {
grid-template-columns: 1fr;
gap: 32px
}

.srv_pg .steps_list {
grid-template-columns: 1fr 1fr
}

.srv_pg .steps_list::before {
display: none
}

.srv_pg .approach_two_col {
grid-template-columns: 1fr
}

.srv_pg .approach_col_b {
margin-top: 0
}
}

@media (max-width: 600px) {
.srv_pg .lead_h1 {
font-size: 36px
}

.srv_pg .pg_lead {
padding: 32px 16px
}

.srv_pg .lead_img_row {
padding: 0 16px 32px
}

.srv_pg .svc_cards {
grid-template-columns: 1fr
}

.srv_pg .svc_grid_inner,
.srv_pg .metrics_inner,
.srv_pg .approach_inner {
padding: 0 16px
}

.srv_pg .steps_list {
grid-template-columns: 1fr
}

.srv_pg .chart_bars {
height: 120px
}
}

.success_page {
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #111827;
padding: 64px 16px
}

.success_page .success_card {
background: #1E273E;
border-radius: 12px;
padding: 64px 32px;
max-width: 560px;
width: 100%;
text-align: center;
box-shadow: 1px 9px 48px 0 #1e273e1c
}

.success_page .icon_wrap {
width: 72px;
height: 72px;
margin: 0 auto 32px;
border-radius: 20px;
background: #e1b20e1f;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center
}

.success_page .icon_wrap svg {
width: 36px;
height: 36px
}

.success_page .success_heading {
font-size: 36px;
line-height: 1.2;
color: #F9FEFB;
margin: 0 0 16px
}

.success_page .success_heading span {
color: #E1B20E
}

.success_page .success_text {
font-size: 16px;
line-height: 1.6;
color: #f9fefbb8;
margin: 0 0 32px
}

.success_page .divider_line {
width: 48px;
height: 2px;
background: #E1B20E;
border-radius: 2px;
margin: 0 auto 32px
}

.success_page .info_row {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 32px
}

.success_page .info_item {
font-size: 14px;
line-height: 1.4;
color: #f9fefb8c
}

.success_page .info_item a {
color: #E1B20E;
text-decoration: none;
transition: color .1s ease-out
}

.success_page .info_item a:hover {
color: #F9FEFB
}

.success_page .back_btn {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
background: #E1B20E;
color: #111827;
font-size: 16px;
line-height: 1.4;
font-weight: 700;
padding: 16px 32px;
border-radius: 6px;
text-decoration: none;
border: none;
cursor: pointer;
transition: background .12s ease-out, box-shadow .12s ease-out;
box-shadow: 1px 4px 14px 0 #e1b20e14
}

.success_page .back_btn:hover {
background: #F9FEFB;
box-shadow: 1px 9px 48px 0 #e1b20e1c
}

.success_page .back_btn:focus {
outline: 2px solid #E1B20E;
outline-offset: 4px
}

.success_page .back_btn svg {
width: 18px;
height: 18px;
flex-shrink: 0
}

@media (max-width: 600px) {
.success_page .success_card {
padding: 32px 16px
}

.success_page .success_heading {
font-size: 24px
}
}