@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap');

* {
box-sizing: border-box;
}

body {
margin: 0;
overflow-x: hidden;
min-height: 100vh;
font-family: 'Manrope', sans-serif;
}

.page-header {
background: #ffffff;
border-bottom: 3px solid #FCB316;
position: relative;
}

.header-top-band {
background: linear-gradient(90deg, #FCB316 0%, #f5a800 60%, #3ACEEE 100%);
height: 4px;
}

.header-body {
max-width: 1320px;
margin: 0 auto;
padding: 24px 48px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 48px;
}

.brand-area {
display: flex;
flex-direction: column;
gap: 6px;
flex-shrink: 0;
}

.brand-lockup {
display: flex;
align-items: center;
gap: 12px;
}

.logo-frame {
width: 44px;
height: 44px;
border: 2px solid #FCB316;
border-radius: 8px;
box-shadow: inset 0 2px 4px rgba(252, 179, 22, 0.18), 0 3px 3px 0 rgba(252, 179, 22, 0.06);
display: flex;
align-items: center;
justify-content: center;
background: #fff;
padding: 6px;
flex-shrink: 0;
}

.logo-frame img {
width: 32px;
height: 32px;
object-fit: contain;
display: block;
}

.brand-name {
font-family: 'Manrope', sans-serif;
font-size: 23px;
font-weight: 700;
color: #1a1200;
letter-spacing: -0.02em;
line-height: 1.2;
}

.brand-descriptor {
font-family: 'Manrope', sans-serif;
font-size: 15px;
font-weight: 400;
color: #4a3e00;
line-height: 1.4;
letter-spacing: 0.01em;
padding-left: 56px;
}

.primary-navigation {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
justify-content: flex-end;
}

.primary-navigation a {
font-family: 'Manrope', sans-serif;
font-size: 15px;
font-weight: 700;
color: #1a1200;
text-decoration: none;
padding: 12px 24px;
border-radius: 8px;
border: 2px solid transparent;
line-height: 1.4;
display: inline-block;
transition: color 0.15s ease-out, border-color 0.18s ease-out, background 0.15s ease;
min-height: 44px;
display: flex;
align-items: center;
}

.primary-navigation a:hover {
color: #7a5c00;
border-color: #FCB316;
background: rgba(252, 179, 22, 0.07);
filter: brightness(0.92);
}

.primary-navigation a:focus {
outline: none;
text-decoration: underline;
border-color: #3ACEEE;
}

.primary-navigation a.active {
border-color: #FCB316;
background: rgba(252, 179, 22, 0.10);
color: #7a5c00;
}

.header-accent {
width: 10px;
height: 10px;
border-radius: 48px;
background: #3ACEEE;
flex-shrink: 0;
align-self: center;
box-shadow: 0 3px 3px 0 rgba(58, 206, 238, 0.06), 0 7px 22px 0 rgba(58, 206, 238, 0.10);
}

.page-footer {
background: #1a1200;
color: #f5ecd0;
padding: 48px 0 24px;
border-top: 4px solid #FCB316;
}

.footer-body {
max-width: 1320px;
margin: 0 auto;
padding: 0 48px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 48px;
align-items: start;
}

.footer-brand-block {
display: flex;
flex-direction: column;
gap: 12px;
}

.footer-logo-rule {
border: none;
border-top: 1px solid rgba(252, 179, 22, 0.35);
margin: 0 0 12px 0;
}

.footer-logo-frame {
width: 44px;
height: 44px;
border: 2px solid rgba(252, 179, 22, 0.5);
border-radius: 8px;
background: rgba(255, 255, 255, 0.07);
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
box-shadow: 0 3px 3px 0 rgba(252, 179, 22, 0.06);
}

.footer-logo-frame img {
width: 32px;
height: 32px;
object-fit: contain;
display: block;
}

.footer-brand-name {
font-family: 'Manrope', sans-serif;
font-size: 23px;
font-weight: 700;
color: #FCB316;
line-height: 1.2;
letter-spacing: -0.01em;
}

.footer-brand-description {
font-family: 'Manrope', sans-serif;
font-size: 15px;
font-weight: 400;
color: #c9b98a;
line-height: 1.6;
}

.footer-contact-block {
display: flex;
flex-direction: column;
gap: 12px;
}

.footer-block-heading {
font-family: 'Manrope', sans-serif;
font-size: 15px;
font-weight: 700;
color: #FCB316;
letter-spacing: 0.06em;
line-height: 1.2;
text-transform: uppercase;
margin: 0 0 6px 0;
}

.footer-contact-item {
display: flex;
align-items: flex-start;
gap: 12px;
font-family: 'Manrope', sans-serif;
font-size: 15px;
color: #c9b98a;
line-height: 1.6;
}

.footer-contact-item a {
color: #f5ecd0;
text-decoration: none;
transition: color 0.15s ease-out;
}

.footer-contact-item a:hover {
color: #FCB316;
filter: brightness(0.9);
}

.footer-contact-item a:focus {
text-decoration: underline;
outline: none;
}

.footer-contact-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
margin-top: 3px;
}

.footer-links-block {
display: flex;
flex-direction: column;
gap: 12px;
}

.footer-links-group {
display: flex;
flex-direction: column;
gap: 6px;
}

.footer-links-group-label {
font-family: 'Manrope', sans-serif;
font-size: 15px;
font-weight: 700;
color: #FCB316;
letter-spacing: 0.06em;
line-height: 1.2;
text-transform: uppercase;
margin: 0 0 6px 0;
}

.footer-links-group a {
font-family: 'Manrope', sans-serif;
font-size: 15px;
color: #c9b98a;
text-decoration: none;
line-height: 1.6;
transition: color 0.12s ease;
display: inline-block;
}

.footer-links-group a:hover {
color: #FCB316;
filter: brightness(0.9);
}

.footer-links-group a:focus {
text-decoration: underline;
outline: none;
}

.footer-bottom {
max-width: 1320px;
margin: 48px auto 0;
padding: 24px 48px 0;
border-top: 1px solid rgba(252, 179, 22, 0.18);
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}

.footer-copyright {
font-family: 'Manrope', sans-serif;
font-size: 15px;
color: #7a6a3a;
line-height: 1.4;
}

.footer-accent-bar {
width: 48px;
height: 3px;
background: linear-gradient(90deg, #FCB316 0%, #3ACEEE 100%);
border-radius: 34px;
}

.cookie-bar-container {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 4000;
display: none;
}

.cookie-notification {
background: #fff;
border-bottom: 3px solid #FCB316;
box-shadow: 0 7px 22px 0 rgba(252, 179, 22, 0.10);
padding: 12px 48px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
max-width: 100%;
}

.cookie-text {
font-family: 'Manrope', sans-serif;
font-size: 15px;
color: #1a1200;
line-height: 1.6;
flex: 1;
min-width: 200px;
}

.cookie-actions {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
flex-shrink: 0;
}

.cookie-button {
font-family: 'Manrope', sans-serif;
font-size: 15px;
font-weight: 700;
padding: 12px 24px;
border-radius: 8px;
border: 2px solid #FCB316;
background: transparent;
color: #1a1200;
cursor: pointer;
min-height: 44px;
min-width: 100px;
line-height: 1.2;
}

.cookie-button:hover {
background: rgba(252, 179, 22, 0.10);
filter: brightness(0.92);
}

.cookie-button:focus {
outline: 3px solid #3ACEEE;
outline-offset: 2px;
}

.cookie-button.accept {
background: #FCB316;
color: #1a1200;
}

.cookie-button.accept:hover {
background: #e0a010;
filter: brightness(0.92);
}

.cookie-settings-link {
font-family: 'Manrope', sans-serif;
font-size: 15px;
color: #4a3e00;
text-decoration: underline;
cursor: pointer;
background: none;
border: none;
padding: 6px;
min-height: 44px;
display: flex;
align-items: center;
}

.cookie-settings-link:hover {
color: #7a5c00;
filter: brightness(0.88);
}

.cookie-settings-link:focus {
outline: 3px solid #3ACEEE;
outline-offset: 2px;
}

.cookie-settings-panel {
background: #fff8e8;
border-top: 1px solid rgba(252, 179, 22, 0.3);
padding: 12px 48px;
display: none;
gap: 24px;
flex-wrap: wrap;
align-items: center;
}

.cookie-toggle-item {
display: flex;
align-items: center;
gap: 12px;
font-family: 'Manrope', sans-serif;
font-size: 15px;
color: #1a1200;
}

.cookie-toggle-item input[type="checkbox"] {
width: 20px;
height: 20px;
cursor: pointer;
accent-color: #FCB316;
}

@media (max-width: 900px) {
.header-body {
padding: 24px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}

.primary-navigation {
justify-content: flex-start;
width: 100%;
}

.brand-descriptor {
padding-left: 0;
}

.footer-body {
grid-template-columns: 1fr;
padding: 0 24px;
gap: 24px;
}

.footer-bottom {
padding: 24px 24px 0;
}

.cookie-notification {
padding: 12px 24px;
}

.cookie-settings-panel {
padding: 12px 24px;
}
}

.ndcx-policy-article {
max-width: 1320px;
margin: 0 auto;
padding: 48px 24px;
}

.ndcx-policy-article ul,
.ndcx-policy-article ol {
margin: 24px 0;
padding-left: 48px;
}

.ndcx-policy-article ul ul,
.ndcx-policy-article ol ol,
.ndcx-policy-article ul ol,
.ndcx-policy-article ol ul {
margin: 12px 0;
}

.ndcx-policy-article ul {
list-style-type: disc;
}

.ndcx-policy-article ol {
list-style-type: decimal;
}

.ndcx-policy-article li {
font-size: 15px;
line-height: 1.9;
letter-spacing: 0.01em;
color: #2a2a2a;
margin-bottom: 6px;
}

.ndcx-policy-article li:last-child {
margin-bottom: 0;
}

.ndcx-policy-article em,
.ndcx-policy-article i {
font-style: italic;
color: #2a2a2a;
}

.ndcx-policy-article a {
color: #c48e00;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
transition: color 0.15s ease-out, opacity 0.12s ease;
border-radius: 8px;
outline-offset: 3px;
}

.ndcx-policy-article a:hover {
color: #FCB316;
opacity: 0.82;
}

.ndcx-policy-article a:focus-visible {
outline: 2px solid #FCB316;
outline-offset: 3px;
}

.ndcx-policy-article table {
width: 100%;
border-collapse: collapse;
margin: 24px 0;
font-size: 15px;
line-height: 1.6;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 3px 3px 0 rgba(252, 179, 22, 0.06), 0 7px 22px 0 rgba(252, 179, 22, 0.10);
}

.ndcx-policy-article thead {
background-color: #f5f0e8;
}

.ndcx-policy-article tbody tr {
border-bottom: 1px solid #e8e2d6;
transition: background-color 0.15s ease-out;
}

.ndcx-policy-article tbody tr:last-child {
border-bottom: none;
}

.ndcx-policy-article tbody tr:hover {
background-color: #fdf6e8;
}

.ndcx-policy-article th {
padding: 12px 24px;
text-align: left;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.04em;
color: #1e1e1e;
border-bottom: 2px solid #FCB316;
}

.ndcx-policy-article td {
padding: 12px 24px;
font-size: 15px;
line-height: 1.6;
color: #2a2a2a;
vertical-align: top;
}

.ndcx-policy-article hr {
border: none;
border-top: 2px solid #f0ece4;
margin: 48px 0;
border-radius: 8px;
}

@media (max-width: 768px) {
.ndcx-policy-article {
padding: 24px 12px;
}

.ndcx-policy-article ul,
.ndcx-policy-article ol {
padding-left: 24px;
}

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

.ndcx-policy-article th,
.ndcx-policy-article td {
padding: 12px;
min-width: 120px;
}

.ndcx-policy-article hr {
margin: 24px 0;
}
}

.learning-program-detail {
background: #ffffff;
overflow-x: clip;
}

.learning-program-detail .program-keyframe-blur {
animation: blurReveal 0.18s ease-out forwards;
opacity: 0;
filter: blur(8px);
}

@keyframes blurReveal {
to {
opacity: 1;
filter: blur(0);
}
}

.learning-program-detail .program-keyframe-blur:nth-child(1) {
animation-delay: 0.05s;
}

.learning-program-detail .program-keyframe-blur:nth-child(2) {
animation-delay: 0.1s;
}

.learning-program-detail .program-keyframe-blur:nth-child(3) {
animation-delay: 0.15s;
}

.learning-program-detail .program-keyframe-blur:nth-child(4) {
animation-delay: 0.2s;
}

.learning-program-detail .page-container {
max-width: 1320px;
margin: 0 auto;
padding: 0 24px;
}

.learning-program-detail .title-block {
position: relative;
padding: 96px 24px 72px;
background: #f4f6f8;
overflow: hidden;
}

.learning-program-detail .title-block-corner-tl {
position: absolute;
top: 24px;
left: 24px;
width: 60px;
height: 60px;
pointer-events: none;
}

.learning-program-detail .title-block-corner-br {
position: absolute;
bottom: 24px;
right: 24px;
width: 60px;
height: 60px;
pointer-events: none;
}

.learning-program-detail .title-block-image-wrap {
position: relative;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 8px 36px 0 rgba(252, 179, 22, 0.13);
max-width: 860px;
margin: 0 auto 48px;
}

.learning-program-detail .title-block-image-wrap img {
display: block;
width: 100%;
height: 340px;
object-fit: cover;
border-radius: 8px;
}

.learning-program-detail .title-block-image-tint {
position: absolute;
inset: 0;
background: rgba(252, 179, 22, 0.12);
border-radius: 8px;
pointer-events: none;
}

.learning-program-detail .title-block-text {
max-width: 860px;
margin: 0 auto;
text-align: center;
}

.learning-program-detail .title-block-meta {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 24px;
margin-bottom: 24px;
flex-wrap: wrap;
}

.learning-program-detail .meta-chip {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
font-size: 15px;
line-height: 1.4;
color: #444;
letter-spacing: 0.02em;
}

.learning-program-detail .meta-chip i {
color: #FCB316;
font-size: 15px;
}

.learning-program-detail .title-heading {
font-size: 60px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1a2233;
margin: 0 0 12px;
font-weight: 800;
}

.learning-program-detail .title-heading .dot-accent {
display: inline-block;
width: 8px;
height: 8px;
background: #FCB316;
border-radius: 48px;
margin-left: 6px;
vertical-align: middle;
position: relative;
top: -4px;
}

.learning-program-detail .title-seats {
display: inline-flex;
align-items: center;
gap: 6px;
background: #fff;
border: 2px solid #D5001F;
border-radius: 8px;
padding: 6px 12px;
font-size: 15px;
line-height: 1.4;
color: #D5001F;
font-weight: 600;
margin-top: 12px;
}

.learning-program-detail .title-seats i {
font-size: 15px;
}

.learning-program-detail .program-body {
padding: 72px 24px;
background: #ffffff;
}

.learning-program-detail .program-body-grid {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 360px;
gap: 48px;
align-items: start;
}

.learning-program-detail .program-abbrev-anchor {
font-size: 72px;
line-height: 1.2;
letter-spacing: -0.04em;
color: rgba(58, 206, 238, 0.1);
font-weight: 900;
user-select: none;
pointer-events: none;
display: block;
margin-bottom: 12px;
}

.learning-program-detail .program-description h2 {
font-size: 31px;
line-height: 1.4;
color: #1a2233;
letter-spacing: -0.01em;
margin: 0 0 12px;
font-weight: 700;
}

.learning-program-detail .program-description h3 {
font-size: 23px;
line-height: 1.4;
color: #1a2233;
letter-spacing: -0.005em;
margin: 24px 0 12px;
font-weight: 600;
}

.learning-program-detail .program-description p {
font-size: 15px;
line-height: 1.9;
color: #333;
margin: 0 0 12px;
text-indent: -1.2em;
padding-left: 1.2em;
}

.learning-program-detail .program-description ul {
padding-left: 24px;
margin: 0 0 12px;
}

.learning-program-detail .program-description li {
font-size: 15px;
line-height: 1.6;
color: #333;
margin-bottom: 6px;
}

.learning-program-detail .program-description blockquote {
border: none;
padding: 12px 24px;
margin: 24px 0;
background: #f4f6f8;
border-radius: 8px;
font-size: 15px;
line-height: 1.6;
color: #444;
}

.learning-program-detail .program-description blockquote::before {
content: '"';
color: #FCB316;
font-size: 31px;
line-height: 1;
display: block;
margin-bottom: 6px;
font-weight: 900;
}

.learning-program-detail .program-description blockquote::after {
content: '"';
color: #FCB316;
font-size: 31px;
line-height: 1;
display: block;
margin-top: 6px;
font-weight: 900;
text-align: right;
}

.learning-program-detail .program-description details {
margin-bottom: 12px;
border: 2px solid #e8eaed;
border-radius: 8px;
padding: 12px;
}

.learning-program-detail .program-description summary {
font-size: 15px;
font-weight: 600;
color: #1a2233;
cursor: pointer;
line-height: 1.4;
}

.learning-program-detail .program-description dl {
margin: 0 0 12px;
}

.learning-program-detail .program-description dt {
font-size: 15px;
font-weight: 700;
color: #1a2233;
margin-top: 12px;
}

.learning-program-detail .program-description dd {
font-size: 15px;
line-height: 1.6;
color: #444;
margin-left: 24px;
}

.learning-program-detail .sidebar-card {
background: #f4f6f8;
border-radius: 8px;
padding: 24px;
box-shadow: 0 7px 22px 0 rgba(252, 179, 22, 0.10);
position: sticky;
top: 24px;
}

.learning-program-detail .sidebar-price-label {
font-size: 15px;
color: #666;
line-height: 1.4;
margin-bottom: 6px;
}

.learning-program-detail .sidebar-price {
font-size: 43px;
font-weight: 800;
color: #1a2233;
line-height: 1.2;
letter-spacing: -0.02em;
margin-bottom: 6px;
}

.learning-program-detail .sidebar-price-note {
font-size: 15px;
color: #666;
line-height: 1.4;
margin-bottom: 24px;
border-bottom: 2px solid #e8eaed;
padding-bottom: 12px;
}

.learning-program-detail .sidebar-stat-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}

.learning-program-detail .sidebar-stat-row i {
color: #3ACEEE;
font-size: 15px;
width: 20px;
flex-shrink: 0;
}

.learning-program-detail .sidebar-stat-label {
font-size: 15px;
color: #444;
line-height: 1.4;
}

.learning-program-detail .sidebar-enroll-btn {
display: block;
width: 100%;
padding: 12px 24px;
background: #ffffff;
color: #1a2233;
border: 3px solid #FCB316;
border-radius: 8px;
font-size: 15px;
font-weight: 700;
line-height: 1.4;
text-align: center;
cursor: pointer;
text-decoration: none;
margin-top: 24px;
transition: background 0.15s ease-out, color 0.15s ease-out;
letter-spacing: 0.02em;
}

.learning-program-detail .sidebar-enroll-btn:hover {
background: #FCB316;
color: #ffffff;
filter: brightness(0.95);
}

.learning-program-detail .sidebar-enroll-btn:active {
filter: brightness(0.9);
}

.learning-program-detail .sidebar-enroll-btn:focus-visible {
outline: 3px solid #3ACEEE;
outline-offset: 2px;
}

.learning-program-detail .program-stages {
padding: 72px 24px;
background: #f4f6f8;
position: relative;
}

.learning-program-detail .program-stages::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 6px;
background: linear-gradient(to right, #FCB316, transparent);
pointer-events: none;
}

.learning-program-detail .stages-header {
max-width: 1320px;
margin: 0 auto 48px;
text-align: center;
}

.learning-program-detail .stages-abbrev {
font-size: 72px;
line-height: 1.2;
letter-spacing: -0.04em;
color: rgba(252, 179, 22, 0.1);
font-weight: 900;
user-select: none;
pointer-events: none;
display: block;
margin-bottom: 6px;
}

.learning-program-detail .stages-heading {
font-size: 43px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1a2233;
font-weight: 800;
margin: 0 0 12px;
}

.learning-program-detail .stages-heading .dot-accent {
display: inline-block;
width: 8px;
height: 8px;
background: #3ACEEE;
border-radius: 48px;
margin-left: 6px;
vertical-align: middle;
position: relative;
top: -4px;
}

.learning-program-detail .stages-body {
max-width: 1320px;
margin: 0 auto;
}

.learning-program-detail .stages-body h2 {
font-size: 31px;
line-height: 1.4;
color: #1a2233;
letter-spacing: -0.01em;
font-weight: 700;
margin: 0 0 12px;
text-align: center;
}

.learning-program-detail .stages-body h3 {
font-size: 23px;
line-height: 1.4;
color: #1a2233;
letter-spacing: -0.005em;
font-weight: 600;
margin: 24px 0 12px;
}

.learning-program-detail .stages-body p {
font-size: 15px;
line-height: 1.9;
color: #333;
margin: 0 0 12px;
}

.learning-program-detail .stages-body ul {
padding-left: 24px;
margin: 0 0 12px;
}

.learning-program-detail .stages-body li {
font-size: 15px;
line-height: 1.6;
color: #333;
margin-bottom: 6px;
}

.learning-program-detail .stages-body cite {
font-size: 15px;
color: #666;
font-style: italic;
display: block;
margin-top: 6px;
}

.learning-program-detail .stages-body strong {
color: #1a2233;
font-weight: 700;
}

.learning-program-detail .stages-body blockquote {
border: none;
padding: 12px 24px;
margin: 24px 0;
background: #ffffff;
border-radius: 8px;
font-size: 15px;
line-height: 1.6;
color: #444;
box-shadow: 0 3px 3px 0 rgba(252, 179, 22, 0.06);
}

.learning-program-detail .stages-body dl {
margin: 0 0 12px;
}

.learning-program-detail .stages-body dt {
font-size: 15px;
font-weight: 700;
color: #1a2233;
margin-top: 12px;
}

.learning-program-detail .stages-body dd {
font-size: 15px;
line-height: 1.6;
color: #444;
margin-left: 24px;
}

.learning-program-detail .stages-body figure {
margin: 24px 0;
text-align: center;
}

.learning-program-detail .stages-body figcaption {
font-size: 15px;
color: #666;
margin-top: 6px;
font-style: italic;
}

.learning-program-detail .bottom-strip {
padding: 48px 24px;
background: #1a2233;
position: relative;
}

.learning-program-detail .bottom-strip::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 6px;
background: linear-gradient(to right, #3ACEEE, transparent);
pointer-events: none;
}

.learning-program-detail .bottom-strip-inner {
max-width: 1320px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}

.learning-program-detail .bottom-strip-text {
font-size: 23px;
line-height: 1.4;
color: #ffffff;
font-weight: 700;
letter-spacing: -0.01em;
}

.learning-program-detail .bottom-strip-actions {
display: flex;
flex-direction: row;
gap: 12px;
align-items: center;
flex-wrap: wrap;
}

.learning-program-detail .back-to-top-link {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 12px 24px;
background: transparent;
border: 3px solid #3ACEEE;
border-radius: 8px;
color: #3ACEEE;
font-size: 15px;
font-weight: 600;
text-decoration: none;
letter-spacing: 0.02em;
transition: background 0.12s ease-out, color 0.12s ease-out;
}

.learning-program-detail .back-to-top-link:hover {
background: #3ACEEE;
color: #1a2233;
filter: brightness(0.95);
}

.learning-program-detail .back-to-top-link:active {
filter: brightness(0.88);
}

.learning-program-detail .back-to-top-link:focus-visible {
outline: 3px solid #FCB316;
outline-offset: 2px;
}

.learning-program-detail .enroll-bottom-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 12px 24px;
background: transparent;
border: 3px solid #FCB316;
border-radius: 8px;
color: #FCB316;
font-size: 15px;
font-weight: 700;
text-decoration: none;
letter-spacing: 0.02em;
transition: background 0.15s ease-out, color 0.15s ease-out;
}

.learning-program-detail .enroll-bottom-btn:hover {
background: #FCB316;
color: #1a2233;
filter: brightness(0.95);
}

.learning-program-detail .enroll-bottom-btn:active {
filter: brightness(0.88);
}

.learning-program-detail .enroll-bottom-btn:focus-visible {
outline: 3px solid #3ACEEE;
outline-offset: 2px;
}

@media (max-width: 900px) {
.learning-program-detail .program-body-grid {
grid-template-columns: 1fr;
}

.learning-program-detail .sidebar-card {
position: static;
}

.learning-program-detail .title-heading {
font-size: 43px;
}

.learning-program-detail .stages-heading {
font-size: 31px;
}

.learning-program-detail .program-abbrev-anchor,
.learning-program-detail .stages-abbrev {
font-size: 43px;
}

.learning-program-detail .bottom-strip-inner {
flex-direction: column;
align-items: flex-start;
}
}

@media (max-width: 600px) {
.learning-program-detail .title-heading {
font-size: 31px;
}

.learning-program-detail .title-block {
padding: 48px 12px 48px;
}

.learning-program-detail .title-block-image-wrap img {
height: 220px;
}

.learning-program-detail .program-body,
.learning-program-detail .program-stages {
padding: 48px 12px;
}

.learning-program-detail .sidebar-price {
font-size: 31px;
}

.learning-program-detail .bottom-strip {
padding: 48px 12px;
}
}

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

.analytics-page .wave-load {
animation: wave-arrive 0.18s ease-out both;
}

.analytics-page .wave-load:nth-child(1) {
animation-delay: 0.05s;
}

.analytics-page .wave-load:nth-child(2) {
animation-delay: 0.10s;
}

.analytics-page .wave-load:nth-child(3) {
animation-delay: 0.15s;
}

.analytics-page .wave-load:nth-child(4) {
animation-delay: 0.20s;
}

.analytics-page .wave-load:nth-child(5) {
animation-delay: 0.25s;
}

@keyframes wave-arrive {
from {
opacity: 0;
transform: translate(-12px, 12px);
}

to {
opacity: 1;
transform: translate(0, 0);
}
}

.analytics-page .pill-label {
display: inline-flex;
align-items: center;
background: #fff;
border: 2px solid #FCB316;
border-radius: 34px;
color: #1a1200;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.04em;
padding: 6px 24px;
margin-bottom: 24px;
}

.analytics-page .divider-gradient {
border: none;
height: 2px;
background: linear-gradient(to right, #FCB316 0%, transparent 100%);
margin: 0;
}

.analytics-page .concentric-deco {
position: absolute;
pointer-events: none;
border-radius: 50%;
opacity: 0.07;
}

.analytics-page .title-band {
background: linear-gradient(180deg, #FCB316 0%, transparent 100%);
padding: 48px 24px 24px;
position: relative;
overflow: hidden;
}

.analytics-page .title-band-container {
max-width: 1320px;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 48px;
}

.analytics-page .title-band-text {
flex: 1 1 0;
position: relative;
z-index: 1;
}

.analytics-page .title-band-quote-mark {
position: absolute;
top: -12px;
left: -24px;
font-size: 120px;
line-height: 1.2;
color: #FCB316;
opacity: 0.18;
font-weight: 900;
pointer-events: none;
user-select: none;
z-index: 0;
}

.analytics-page .title-band-h1 {
font-size: 60px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #1c0f00;
font-weight: 800;
margin: 0 0 24px;
position: relative;
z-index: 1;
}

.analytics-page .title-band-h1 .dot-accent {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #D5001F;
margin-left: 6px;
vertical-align: middle;
position: relative;
top: -4px;
}

.analytics-page .title-band-theses {
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
z-index: 1;
}

.analytics-page .title-band-theses p {
font-size: 15px;
line-height: 1.6;
color: #2a1800;
margin: 0;
padding-left: 24px;
text-indent: -24px;
}

.analytics-page .title-band-image-wrap {
flex: 0 0 420px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 7px 22px 0 rgba(252, 179, 22, 0.10), 0 8px 36px 0 rgba(252, 179, 22, 0.13);
}

.analytics-page .title-band-image-wrap img {
width: 420px;
height: 280px;
object-fit: cover;
display: block;
filter: saturate(0.55) brightness(0.97);
transition: filter 0.18s ease-out;
}

.analytics-page .title-band-image-wrap img:hover {
filter: saturate(0.75) brightness(1.02);
}

.analytics-page .title-band-deco-1 {
width: 320px;
height: 320px;
border: 2px solid #FCB316;
top: -80px;
right: -60px;
}

.analytics-page .title-band-deco-2 {
width: 200px;
height: 200px;
border: 2px solid #3ACEEE;
top: -20px;
right: 20px;
}

.analytics-page .knowledge-section {
padding: 48px 24px;
background: #f4f7fb;
position: relative;
}

.analytics-page .knowledge-section-mesh {
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at 20% 30%, rgba(58, 206, 238, 0.10) 0%, transparent 55%),
radial-gradient(ellipse at 80% 70%, rgba(252, 179, 22, 0.09) 0%, transparent 55%),
radial-gradient(ellipse at 55% 10%, rgba(213, 0, 31, 0.05) 0%, transparent 40%);
pointer-events: none;
z-index: 0;
}

.analytics-page .knowledge-deco-1 {
width: 260px;
height: 260px;
border: 2px solid #3ACEEE;
bottom: -60px;
left: -40px;
}

.analytics-page .knowledge-deco-2 {
width: 160px;
height: 160px;
border: 2px solid #FCB316;
bottom: 10px;
left: 40px;
}

.analytics-page .knowledge-container {
max-width: 1320px;
margin: 0 auto;
position: relative;
z-index: 1;
}

.analytics-page .knowledge-header {
text-align: center;
margin-bottom: 48px;
}

.analytics-page .knowledge-header h2 {
font-size: 43px;
line-height: 1.2;
letter-spacing: -0.015em;
color: #150a00;
font-weight: 800;
margin: 0 0 12px;
display: inline-block;
}

.analytics-page .knowledge-header h2 .dot-accent {
display: inline-block;
width: 9px;
height: 9px;
border-radius: 50%;
background: #3ACEEE;
margin-left: 6px;
vertical-align: middle;
position: relative;
top: -3px;
}

.analytics-page .knowledge-header p {
font-size: 15px;
line-height: 1.6;
color: #2a1800;
max-width: 640px;
margin: 0 auto;
}

.analytics-page .knowledge-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
margin-bottom: 48px;
}

.analytics-page .knowledge-card {
background: #ffffff;
border-radius: 8px;
padding: 24px;
box-shadow: 0 3px 3px 0 rgba(252, 179, 22, 0.06), 0 7px 22px 0 rgba(252, 179, 22, 0.10);
transition: box-shadow 0.18s ease-out, filter 0.15s ease;
border-top: 3px solid #FCB316;
}

.analytics-page .knowledge-card:hover {
filter: brightness(0.97);
box-shadow: 0 8px 36px 0 rgba(252, 179, 22, 0.13);
}

.analytics-page .knowledge-card-icon {
width: 44px;
height: 44px;
border-radius: 8px;
background: linear-gradient(to right, #FCB316, transparent);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}

.analytics-page .knowledge-card-icon .pi {
font-size: 23px;
color: #150a00;
}

.analytics-page .knowledge-card h4 {
font-size: 23px;
line-height: 1.4;
color: #150a00;
font-weight: 700;
margin: 0 0 12px;
}

.analytics-page .knowledge-card p {
font-size: 15px;
line-height: 1.6;
color: #2a1800;
margin: 0;
padding-left: 24px;
text-indent: -24px;
}

.analytics-page .knowledge-metrics {
display: flex;
flex-direction: row;
gap: 24px;
align-items: stretch;
}

.analytics-page .knowledge-metric-block {
flex: 1 1 0;
background: #150a00;
border-radius: 8px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 6px;
box-shadow: 0 7px 22px 0 rgba(58, 206, 238, 0.10);
transition: filter 0.15s ease-out;
}

.analytics-page .knowledge-metric-block:hover {
filter: brightness(0.92);
}

.analytics-page .knowledge-metric-block .metric-number {
font-size: 43px;
line-height: 1.2;
font-weight: 800;
color: #FCB316;
letter-spacing: -0.02em;
}

.analytics-page .knowledge-metric-block .metric-label {
font-size: 15px;
line-height: 1.4;
color: #e8d5b0;
}

.analytics-page .knowledge-quote-block {
flex: 2 1 0;
border-radius: 8px;
border: 2px solid #3ACEEE;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 12px;
background: #ffffff;
}

.analytics-page .knowledge-quote-block .quote-text {
font-size: 23px;
line-height: 1.4;
color: #150a00;
font-weight: 600;
margin: 0;
}

.analytics-page .knowledge-quote-block .quote-text::before {
content: "\201C";
color: #FCB316;
font-size: 31px;
font-weight: 900;
margin-right: 6px;
line-height: 1;
}

.analytics-page .knowledge-quote-block .quote-text::after {
content: "\201D";
color: #FCB316;
font-size: 31px;
font-weight: 900;
margin-left: 6px;
line-height: 1;
}

.analytics-page .knowledge-quote-block .quote-meta {
font-size: 15px;
color: #6a5030;
line-height: 1.4;
}

@media (max-width: 900px) {
.analytics-page .title-band-container {
flex-direction: column;
gap: 24px;
}

.analytics-page .title-band-image-wrap {
flex: 0 0 auto;
width: 100%;
}

.analytics-page .title-band-image-wrap img {
width: 100%;
height: 220px;
}

.analytics-page .title-band-h1 {
font-size: 43px;
}

.analytics-page .knowledge-grid {
grid-template-columns: 1fr;
}

.analytics-page .knowledge-metrics {
flex-direction: column;
}
}

@media (max-width: 600px) {
.analytics-page .title-band-h1 {
font-size: 31px;
}

.analytics-page .knowledge-header h2 {
font-size: 31px;
}

.analytics-page .knowledge-metric-block .metric-number {
font-size: 31px;
}

.analytics-page .knowledge-quote-block .quote-text {
font-size: 15px;
}
}

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

.first .narrow-column {
max-width: 1320px;
margin: 0 auto;
padding: 0 48px;
}

.first .narrow-text {
max-width: 720px;
margin: 0 auto;
}

.first .dot-accent {
display: inline-block;
width: 8px;
height: 8px;
background: #FCB316;
border-radius: 48px;
margin-left: 6px;
vertical-align: middle;
position: relative;
top: -2px;
}

.first .dot-accent.secondary {
background: #3ACEEE;
}

.first .dot-accent.tertiary {
background: #D5001F;
}

.first .sweep-heading {
font-size: 60px;
line-height: 1.2;
letter-spacing: -0.03em;
font-weight: 800;
background: linear-gradient(90deg, #111111 0%, #111111 40%, #FCB316 55%, #111111 70%, #111111 100%);
background-size: 200% auto;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
animation: sweep-color 2.2s ease-out forwards;
}

@keyframes sweep-color {
0% {
background-position: 100% center;
}

100% {
background-position: 0% center;
}
}

.first .title-block {
background: linear-gradient(135deg, #f5f0e8 0%, #fff8e7 30%, #e8f9fd 65%, #ffffff 100%);
padding: 72px 0 0 0;
position: relative;
}

.first .title-block .decorative-stripe {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #FCB316, #3ACEEE, transparent);
}

.first .title-block .asymmetric-grid {
max-width: 1320px;
margin: 0 auto;
padding: 0 48px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}

.first .title-block .text-zone {
padding: 48px 24px 48px 0;
}

.first .title-block .text-zone .label-tag {
display: inline-block;
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.08em;
font-weight: 600;
color: #FCB316;
border: 2px solid #FCB316;
border-radius: 8px;
padding: 6px 12px;
margin-bottom: 24px;
text-transform: uppercase;
}

.first .title-block .text-zone .main-heading {
font-size: 72px;
line-height: 1.2;
letter-spacing: -0.04em;
font-weight: 800;
color: #111111;
margin-bottom: 24px;
}

.first .title-block .text-zone .main-heading span {
background: linear-gradient(90deg, #FCB316, #3ACEEE);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.first .title-block .text-zone .description {
font-size: 23px;
line-height: 1.6;
color: #333333;
margin-bottom: 48px;
letter-spacing: 0.01em;
}

.first .title-block .text-zone .action-links {
display: flex;
flex-direction: row;
gap: 24px;
flex-wrap: wrap;
}

.first .title-block .text-zone .action-links .primary-link {
display: inline-block;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
letter-spacing: 0.04em;
color: #111111;
background: #FCB316;
border: 3px solid #FCB316;
border-radius: 8px;
padding: 12px 24px;
text-decoration: none;
transition: filter 0.15s ease-out, border-color 0.18s ease;
}

.first .title-block .text-zone .action-links .primary-link:hover {
filter: brightness(0.9);
}

.first .title-block .text-zone .action-links .secondary-link {
display: inline-block;
font-size: 15px;
line-height: 1.4;
font-weight: 700;
letter-spacing: 0.04em;
color: #111111;
background: transparent;
border: 3px solid #111111;
border-radius: 8px;
padding: 12px 24px;
text-decoration: none;
transition: filter 0.12s ease-out, background 0.18s ease;
}

.first .title-block .text-zone .action-links .secondary-link:hover {
filter: brightness(0.85);
background: #f0f0f0;
}

.first .title-block .image-zone {
padding: 24px 0 0 24px;
position: relative;
align-self: end;
}

.first .title-block .image-zone .channel-shift-wrapper {
position: relative;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 8px 36px 0 rgba(252, 179, 22, 0.13);
}

.first .title-block .image-zone .channel-shift-wrapper img {
display: block;
width: 100%;
height: 420px;
object-fit: cover;
object-position: center;
filter: saturate(1.15) contrast(1.05);
transition: filter 0.2s ease-out;
}

.first .title-block .image-zone .channel-shift-wrapper::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(252, 179, 22, 0.12) 0%, rgba(58, 206, 238, 0.08) 100%);
pointer-events: none;
}

.first .title-block .image-zone .channel-shift-wrapper:hover img {
filter: saturate(1.3) contrast(1.1);
}

.first .experience-arc {
padding: 72px 0;
background: #ffffff;
}

.first .experience-arc .narrow-column {
max-width: 1320px;
margin: 0 auto;
padding: 0 48px;
}

.first .experience-arc .arc-heading {
text-align: center;
font-size: 43px;
line-height: 1.2;
letter-spacing: -0.02em;
font-weight: 700;
color: #111111;
margin-bottom: 48px;
}

.first .experience-arc .arc-track {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
position: relative;
}

.first .experience-arc .arc-track::before {
content: "";
position: absolute;
top: 40px;
left: 16.5%;
right: 16.5%;
height: 2px;
background: linear-gradient(90deg, #FCB316, #3ACEEE, transparent);
pointer-events: none;
}

.first .experience-arc .arc-item {
background: #fafaf5;
border: 2px solid #eeeeee;
border-radius: 8px;
padding: 24px;
text-align: center;
transition: box-shadow 0.15s ease-out, border-color 0.18s ease;
}

.first .experience-arc .arc-item:hover {
box-shadow: 0 7px 22px 0 rgba(252, 179, 22, 0.10);
border-color: #FCB316;
filter: brightness(0.97);
}

.first .experience-arc .arc-item .arc-number {
width: 48px;
height: 48px;
border-radius: 48px;
background: #FCB316;
color: #111111;
font-size: 23px;
font-weight: 800;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 0 auto 24px;
box-shadow: 0 3px 3px 0 rgba(252, 179, 22, 0.06);
}

.first .experience-arc .arc-item .arc-item-heading {
font-size: 23px;
line-height: 1.4;
font-weight: 700;
color: #111111;
margin-bottom: 12px;
}

.first .experience-arc .arc-item .arc-item-text {
font-size: 15px;
line-height: 1.6;
color: #444444;
text-indent: -12px;
padding-left: 12px;
}

.first .experience-arc .arc-image-row {
margin-top: 48px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 8px 36px 0 rgba(58, 206, 238, 0.13);
}

.first .experience-arc .arc-image-row img {
display: block;
width: 100%;
height: 340px;
object-fit: cover;
object-position: center;
transition: filter 0.2s ease-out;
}

.first .experience-arc .arc-image-row:hover img {
filter: brightness(0.93);
}

.first .perspective-block {
padding: 72px 0;
background: linear-gradient(160deg, #f5f9ff 0%, #fffbf0 100%);
position: relative;
}

.first .perspective-block .diagonal-bg {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
}

.first .perspective-block .diagonal-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 60%;
background: #f5f9ff;
clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}

.first .perspective-block .diagonal-bg::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background: #fffbf0;
clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
}

.first .perspective-block .perspective-grid {
max-width: 1320px;
margin: 0 auto;
padding: 0 48px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
position: relative;
z-index: 1;
}

.first .perspective-block .portrait-column {
display: flex;
flex-direction: column;
gap: 24px;
}

.first .perspective-block .portrait-frame {
width: 100%;
aspect-ratio: 4/5;
overflow: hidden;
box-shadow: 0 8px 36px 0 rgba(252, 179, 22, 0.13);
}

.first .perspective-block .portrait-frame img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: filter 0.18s ease-out;
}

.first .perspective-block .portrait-frame:hover img {
filter: brightness(0.93);
}

.first .perspective-block .portrait-meta {
display: flex;
flex-direction: column;
gap: 6px;
}

.first .perspective-block .portrait-meta .person-name {
font-size: 23px;
line-height: 1.4;
font-weight: 700;
color: #111111;
}

.first .perspective-block .portrait-meta .person-detail {
font-size: 15px;
line-height: 1.6;
color: #555555;
}

.first .perspective-block .quote-column {
display: flex;
flex-direction: column;
gap: 24px;
}

.first .perspective-block .quote-column .section-label {
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.08em;
font-weight: 600;
color: #3ACEEE;
text-transform: uppercase;
}

.first .perspective-block .quote-column .quote-heading {
font-size: 43px;
line-height: 1.2;
letter-spacing: -0.02em;
font-weight: 700;
color: #111111;
}

.first .perspective-block .quote-column .quote-mark {
font-size: 72px;
line-height: 1;
font-weight: 900;
color: #FCB316;
margin-bottom: -24px;
display: block;
}

.first .perspective-block .quote-column .quote-body {
font-size: 23px;
line-height: 1.6;
color: #333333;
border-left: none;
padding: 0;
}

.first .perspective-block .quote-column .quote-body em {
font-style: normal;
color: #FCB316;
font-weight: 600;
}

.first .perspective-block .quote-column .quote-follow {
font-size: 15px;
line-height: 1.6;
color: #444444;
text-indent: -12px;
padding-left: 12px;
}

.first .conditions-block {
padding: 72px 0;
background: #111111;
}

.first .conditions-block .conditions-inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 48px;
}

.first .conditions-block .conditions-heading {
font-size: 43px;
line-height: 1.2;
letter-spacing: -0.02em;
font-weight: 700;
color: #ffffff;
text-align: center;
margin-bottom: 12px;
}

.first .conditions-block .conditions-sub {
font-size: 15px;
line-height: 1.6;
color: #aaaaaa;
text-align: center;
margin-bottom: 48px;
}

.first .conditions-block .conditions-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}

.first .conditions-block .conditions-image {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 8px 36px 0 rgba(58, 206, 238, 0.13);
}

.first .conditions-block .conditions-image img {
display: block;
width: 100%;
height: 400px;
object-fit: cover;
object-position: center;
transition: filter 0.15s ease-out;
}

.first .conditions-block .conditions-image:hover img {
filter: brightness(0.88);
}

.first .conditions-block .conditions-list {
display: flex;
flex-direction: column;
gap: 24px;
}

.first .conditions-block .condition-row {
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
padding: 24px;
border: 2px solid #333333;
border-radius: 8px;
transition: border-color 0.15s ease-out;
}

.first .conditions-block .condition-row:hover {
border-color: #FCB316;
filter: brightness(1.05);
}

.first .conditions-block .condition-row .condition-icon {
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 8px;
background: #FCB316;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}

.first .conditions-block .condition-row .condition-icon svg {
width: 18px;
height: 18px;
fill: #111111;
}

.first .conditions-block .condition-row .condition-text {
flex: 1;
}

.first .conditions-block .condition-row .condition-text .condition-title {
font-size: 15px;
line-height: 1.4;
font-weight: 700;
color: #ffffff;
margin-bottom: 6px;
}

.first .conditions-block .condition-row .condition-text .condition-desc {
font-size: 15px;
line-height: 1.6;
color: #aaaaaa;
}

.first .team-block {
padding: 72px 0;
background: #ffffff;
}

.first .team-block .team-inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 48px;
}

.first .team-block .team-header {
text-align: center;
margin-bottom: 48px;
}

.first .team-block .team-header .team-heading {
font-size: 43px;
line-height: 1.2;
letter-spacing: -0.02em;
font-weight: 700;
color: #111111;
margin-bottom: 12px;
}

.first .team-block .team-header .team-sub {
font-size: 15px;
line-height: 1.6;
color: #555555;
max-width: 560px;
margin: 0 auto;
}

.first .team-block .team-layout {
display: grid;
grid-template-columns: 2fr 3fr;
gap: 48px;
align-items: start;
}

.first .team-block .expert-card {
border: 2px solid #eeeeee;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 7px 22px 0 rgba(252, 179, 22, 0.10);
}

.first .team-block .expert-card .expert-image-wrap {
overflow: hidden;
}

.first .team-block .expert-card .expert-image-wrap img {
display: block;
width: 100%;
height: 280px;
object-fit: cover;
object-position: center;
transition: filter 0.18s ease-out;
}

.first .team-block .expert-card:hover .expert-image-wrap img {
filter: brightness(0.92);
}

.first .team-block .expert-card .expert-bio {
padding: 24px;
}

.first .team-block .expert-card .expert-bio .expert-name {
font-size: 23px;
line-height: 1.4;
font-weight: 700;
color: #111111;
margin-bottom: 6px;
}

.first .team-block .expert-card .expert-bio .expert-role {
font-size: 15px;
line-height: 1.4;
color: #FCB316;
font-weight: 600;
margin-bottom: 12px;
}

.first .team-block .expert-card .expert-bio .expert-desc {
font-size: 15px;
line-height: 1.6;
color: #444444;
}

.first .team-block .credentials-column {
display: flex;
flex-direction: column;
gap: 24px;
}

.first .team-block .credentials-column .cred-heading {
font-size: 31px;
line-height: 1.2;
letter-spacing: -0.01em;
font-weight: 700;
color: #111111;
margin-bottom: 12px;
}

.first .team-block .credentials-column .cred-text {
font-size: 15px;
line-height: 1.6;
color: #444444;
text-indent: -12px;
padding-left: 12px;
margin-bottom: 12px;
}

.first .team-block .credentials-column .cred-items {
display: flex;
flex-direction: column;
gap: 12px;
}

.first .team-block .credentials-column .cred-item {
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
padding: 12px;
background: #f9f6ee;
border-radius: 8px;
transition: box-shadow 0.15s ease-out;
}

.first .team-block .credentials-column .cred-item:hover {
box-shadow: 0 3px 3px 0 rgba(252, 179, 22, 0.06);
filter: brightness(0.97);
}

.first .team-block .credentials-column .cred-item .cred-dot {
width: 10px;
height: 10px;
border-radius: 48px;
background: #FCB316;
flex-shrink: 0;
margin-top: 6px;
}

.first .team-block .credentials-column .cred-item .cred-item-text {
font-size: 15px;
line-height: 1.6;
color: #333333;
}

.first .community-block {
padding: 72px 0;
background: linear-gradient(160deg, #e8f9fd 0%, #f5f0e8 100%);
}

.first .community-block .community-inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 48px;
}

.first .community-block .community-heading {
font-size: 43px;
line-height: 1.2;
letter-spacing: -0.02em;
font-weight: 700;
color: #111111;
text-align: center;
margin-bottom: 48px;
}

.first .community-block .community-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
}

.first .community-block .community-card {
background: #ffffff;
border-radius: 8px;
padding: 24px;
box-shadow: 0 3px 3px 0 rgba(58, 206, 238, 0.06);
position: relative;
overflow: hidden;
transition: box-shadow 0.18s ease-out;
}

.first .community-block .community-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #3ACEEE, transparent);
}

.first .community-block .community-card:hover {
box-shadow: 0 7px 22px 0 rgba(58, 206, 238, 0.10);
filter: brightness(0.98);
}

.first .community-block .community-card .card-icon-wrap {
width: 40px;
height: 40px;
border-radius: 8px;
background: linear-gradient(90deg, #3ACEEE, rgba(58, 206, 238, 0.3));
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}

.first .community-block .community-card .card-icon-wrap svg {
width: 22px;
height: 22px;
fill: #111111;
}

.first .community-block .community-card .card-title {
font-size: 23px;
line-height: 1.4;
font-weight: 700;
color: #111111;
margin-bottom: 12px;
}

.first .community-block .community-card .card-desc {
font-size: 15px;
line-height: 1.6;
color: #444444;
}

.first .community-block .community-image-strip {
margin-top: 48px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 8px 36px 0 rgba(58, 206, 238, 0.13);
}

.first .community-block .community-image-strip img {
display: block;
width: 100%;
height: 280px;
object-fit: cover;
object-position: center;
transition: filter 0.2s ease-out;
}

.first .community-block .community-image-strip:hover img {
filter: brightness(0.92);
}

.first .scale-block {
padding: 72px 0;
background: #ffffff;
}

.first .scale-block .scale-inner {
max-width: 1320px;
margin: 0 auto;
padding: 0 48px;
}

.first .scale-block .scale-heading {
font-size: 43px;
line-height: 1.2;
letter-spacing: -0.02em;
font-weight: 700;
color: #111111;
text-align: center;
margin-bottom: 12px;
}

.first .scale-block .scale-sub {
font-size: 15px;
line-height: 1.6;
color: #555555;
text-align: center;
margin-bottom: 48px;
}

.first .scale-block .metrics-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin-bottom: 48px;
}

.first .scale-block .metric-cell {
text-align: center;
padding: 24px;
border: 2px solid #eeeeee;
border-radius: 8px;
transition: border-color 0.15s ease-out, box-shadow 0.18s ease;
position: relative;
}

.first .scale-block .metric-cell::after {
content: "";
position: absolute;
bottom: 0;
left: 24px;
right: 24px;
height: 3px;
background: linear-gradient(90deg, #FCB316, transparent);
border-radius: 8px;
}

.first .scale-block .metric-cell:hover {
border-color: #FCB316;
box-shadow: 0 7px 22px 0 rgba(252, 179, 22, 0.10);
filter: brightness(0.98);
}

.first .scale-block .metric-cell .metric-value {
font-size: 60px;
line-height: 1.2;
font-weight: 800;
letter-spacing: -0.04em;
color: #111111;
display: block;
}

.first .scale-block .metric-cell .metric-value span {
color: #FCB316;
}

.first .scale-block .metric-cell .metric-label {
font-size: 15px;
line-height: 1.4;
color: #555555;
margin-top: 6px;
display: block;
}

.first .scale-block .scale-detail {
max-width: 720px;
margin: 0 auto;
text-align: center;
}

.first .scale-block .scale-detail .detail-text {
font-size: 15px;
line-height: 1.9;
color: #444444;
}

.first .scale-block .scale-detail .detail-text em {
font-style: normal;
font-weight: 700;
color: #111111;
}

@media (max-width: 1024px) {
.first .title-block .asymmetric-grid {
grid-template-columns: 1fr;
padding: 0 24px;
}

.first .title-block .text-zone {
padding: 24px 0;
}

.first .title-block .image-zone {
padding: 0;
}

.first .experience-arc .arc-track {
grid-template-columns: 1fr;
}

.first .experience-arc .arc-track::before {
display: none;
}

.first .perspective-block .perspective-grid {
grid-template-columns: 1fr;
padding: 0 24px;
}

.first .conditions-block .conditions-layout {
grid-template-columns: 1fr;
}

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

.first .community-block .community-grid {
grid-template-columns: 1fr;
}

.first .scale-block .metrics-row {
grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 640px) {
.first .title-block .main-heading {
font-size: 43px;
}

.first .sweep-heading {
font-size: 43px;
}

.first .narrow-column {
padding: 0 24px;
}

.first .scale-block .metrics-row {
grid-template-columns: 1fr;
}

.first .scale-block .metric-cell .metric-value {
font-size: 43px;
}

.first .experience-arc .arc-track {
grid-template-columns: 1fr;
}

.first .title-block .asymmetric-grid {
padding: 0 24px;
}

.first .conditions-block .conditions-inner,
.first .team-block .team-inner,
.first .community-block .community-inner,
.first .scale-block .scale-inner {
padding: 0 24px;
}

.first .experience-arc .narrow-column {
padding: 0 24px;
}
}

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

.about-us .page-schema {
display: none;
}

.about-us .au-container {
margin-left: auto;
margin-right: auto;
max-width: 1320px;
padding-left: 24px;
padding-right: 24px;
}

.about-us .au-title-block {
padding-bottom: 48px;
padding-top: 48px;
position: relative;
text-align: center;
}

.about-us .au-title-block .au-dot-path {
display: flex;
flex-direction: row;
gap: 6px;
justify-content: center;
margin-bottom: 24px;
}

.about-us .au-title-block .au-dot-path span {
background: #FCB316;
border-radius: 48px;
display: block;
height: 6px;
opacity: 0.3;
width: 6px;
}

.about-us .au-title-block .au-dot-path span:nth-child(3) {
opacity: 1;
width: 18px;
}

.about-us .au-title-block .au-dot-path span:nth-child(2),
.about-us .au-title-block .au-dot-path span:nth-child(4) {
opacity: 0.6;
}

.about-us .au-hero-image-wrap {
border-radius: 8px;
display: inline-block;
margin-bottom: 24px;
overflow: hidden;
position: relative;
width: 100%;
max-width: 680px;
}

.about-us .au-hero-image-wrap img {
display: block;
height: 340px;
object-fit: cover;
object-position: center;
width: 100%;
box-shadow: 0 7px 22px 0 rgba(252, 179, 22, 0.10);
}

.about-us .au-hero-image-wrap::after {
background: linear-gradient(to bottom, rgba(20, 20, 30, 0.55) 0%, transparent 60%);
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}

.about-us .au-label {
color: #FCB316;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1.4;
margin-bottom: 12px;
text-transform: uppercase;
}

.about-us .au-heading-primary {
color: #111318;
font-size: 60px;
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.2;
margin-bottom: 12px;
}

.about-us .au-heading-primary .au-dot-accent {
color: #FCB316;
display: inline-block;
font-size: 60px;
line-height: 1;
margin-left: 2px;
}

.about-us .au-description {
color: #2a2d35;
font-size: 23px;
line-height: 1.6;
margin-left: auto;
margin-right: auto;
max-width: 580px;
text-indent: -1.2em;
padding-left: 1.2em;
}

.about-us .au-section-identity {
background: #f4f6fa;
padding-bottom: 48px;
padding-top: 48px;
position: relative;
}

.about-us .au-section-identity::before {
background: linear-gradient(to right, #FCB316, transparent);
content: "";
height: 3px;
left: 0;
position: absolute;
top: 0;
width: 220px;
}

.about-us .au-zigzag-top {
display: block;
height: 18px;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: -18px;
}

.about-us .au-zigzag-top svg {
display: block;
height: 18px;
width: 100%;
}

.about-us .au-identity-grid {
align-items: start;
display: grid;
gap: 48px;
grid-template-columns: 1fr 1fr;
}

.about-us .au-identity-text .au-heading-secondary {
color: #111318;
font-size: 43px;
font-weight: 700;
letter-spacing: -0.015em;
line-height: 1.2;
margin-bottom: 24px;
}

.about-us .au-heading-secondary .au-dot-accent {
color: #3ACEEE;
display: inline-block;
font-size: 43px;
line-height: 1;
margin-left: 2px;
}

.about-us .au-body-text {
color: #2a2d35;
font-size: 15px;
line-height: 1.9;
margin-bottom: 12px;
text-indent: -1.1em;
padding-left: 1.1em;
}

.about-us .au-body-text a {
color: #111318;
font-weight: 600;
text-decoration: underline;
text-decoration-color: #FCB316;
text-underline-offset: 3px;
transition: color 0.15s ease-out;
}

.about-us .au-body-text a:hover {
color: #FCB316;
filter: brightness(0.88);
}

.about-us .au-identity-visual {
display: flex;
flex-direction: column;
gap: 24px;
}

.about-us .au-stat-row {
display: flex;
flex-direction: row;
gap: 24px;
}

.about-us .au-stat-card {
background: #ffffff;
border: 2.5px solid #111318;
border-radius: 8px;
box-shadow: 0 3px 3px 0 rgba(252, 179, 22, 0.06);
flex: 1;
padding: 24px;
position: relative;
transition: box-shadow 0.18s ease-out, border-color 0.18s ease-out;
}

.about-us .au-stat-card::after {
background: #FCB316;
border-radius: 8px 0 0 8px;
bottom: 0;
content: "";
left: 0;
position: absolute;
top: 0;
transition: width 0.18s ease-out;
width: 3px;
}

.about-us .au-stat-card:hover::after {
width: 6px;
}

.about-us .au-stat-card:hover {
box-shadow: 0 7px 22px 0 rgba(252, 179, 22, 0.10);
filter: brightness(0.97);
}

.about-us .au-stat-number {
color: #111318;
font-size: 43px;
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.2;
}

.about-us .au-stat-label {
color: #555a68;
font-size: 15px;
line-height: 1.6;
margin-top: 6px;
}

.about-us .au-image-secondary-wrap {
border-radius: 8px;
overflow: hidden;
position: relative;
box-shadow: 0 8px 36px 0 rgba(58, 206, 238, 0.13);
}

.about-us .au-image-secondary-wrap img {
display: block;
height: 220px;
object-fit: cover;
object-position: center;
width: 100%;
}

.about-us .au-divider {
align-items: center;
display: flex;
flex-direction: row;
gap: 12px;
justify-content: center;
padding-bottom: 0;
padding-top: 0;
}

.about-us .au-divider-line {
background: #dde1ea;
flex: 1;
height: 1px;
max-width: 200px;
}

.about-us .au-divider-shape {
background: #FCB316;
border-radius: 48px;
height: 10px;
width: 10px;
}

.about-us .au-section-team {
background: #ffffff;
padding-bottom: 48px;
padding-top: 48px;
position: relative;
}

.about-us .au-section-team::after {
animation: au-edge-glow 3.2s ease-in-out infinite alternate;
border: 2px solid rgba(252, 179, 22, 0.12);
border-radius: 8px;
bottom: 12px;
content: "";
left: 12px;
pointer-events: none;
position: absolute;
right: 12px;
top: 12px;
}

@keyframes au-edge-glow {
from {
box-shadow: 0 0 0 0 rgba(252, 179, 22, 0.04);
opacity: 0.5;
}

to {
box-shadow: 0 0 32px 8px rgba(252, 179, 22, 0.10);
opacity: 1;
}
}

.about-us .au-team-header {
margin-bottom: 48px;
text-align: center;
}

.about-us .au-heading-tertiary {
color: #111318;
font-size: 43px;
font-weight: 700;
letter-spacing: -0.015em;
line-height: 1.2;
margin-bottom: 12px;
}

.about-us .au-heading-tertiary .au-dot-accent {
color: #D5001F;
display: inline-block;
font-size: 43px;
line-height: 1;
margin-left: 2px;
}

.about-us .au-team-subtext {
color: #2a2d35;
font-size: 15px;
line-height: 1.9;
margin-left: auto;
margin-right: auto;
max-width: 520px;
}

.about-us .au-team-layout {
align-items: start;
display: grid;
gap: 48px;
grid-template-columns: 1fr 1.4fr 1fr;
}

.about-us .au-person-card {
background: #f4f6fa;
border: 2px solid #e8eaf0;
border-radius: 8px;
box-shadow: 0 3px 3px 0 rgba(252, 179, 22, 0.06);
overflow: hidden;
transition: box-shadow 0.16s ease-out, border-color 0.16s ease-out;
}

.about-us .au-person-card:hover {
border-color: #FCB316;
box-shadow: 0 7px 22px 0 rgba(252, 179, 22, 0.10);
filter: brightness(0.97);
}

.about-us .au-portrait-wrap {
aspect-ratio: 7/9;
overflow: hidden;
position: relative;
width: 100%;
}

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

.about-us .au-person-info {
padding: 24px;
}

.about-us .au-person-name {
color: #111318;
font-size: 23px;
font-weight: 700;
letter-spacing: -0.01em;
line-height: 1.4;
margin-bottom: 6px;
}

.about-us .au-person-role {
color: #FCB316;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.06em;
line-height: 1.4;
margin-bottom: 12px;
text-transform: uppercase;
}

.about-us .au-person-bio {
color: #555a68;
font-size: 15px;
line-height: 1.9;
}

.about-us .au-featured-card {
background: #111318;
border-radius: 8px;
box-shadow: 0 8px 36px 0 rgba(252, 179, 22, 0.13);
overflow: hidden;
position: relative;
}

.about-us .au-featured-card .au-portrait-wrap {
aspect-ratio: 7/9;
}

.about-us .au-featured-card .au-person-info {
background: #111318;
padding: 24px;
}

.about-us .au-featured-card .au-person-name {
color: #ffffff;
}

.about-us .au-featured-card .au-person-role {
color: #3ACEEE;
}

.about-us .au-featured-card .au-person-bio {
color: #b0b5c2;
}

.about-us .au-quote-accent {
color: #FCB316;
font-size: 31px;
font-weight: 800;
line-height: 1;
}

.about-us .au-image-panel {
border-radius: 8px;
overflow: hidden;
position: relative;
box-shadow: 0 7px 22px 0 rgba(58, 206, 238, 0.10);
}

.about-us .au-image-panel img {
display: block;
height: 260px;
object-fit: cover;
object-position: center;
width: 100%;
}

.about-us .au-analytics-link-strip {
align-items: center;
background: linear-gradient(to right, #FCB316, transparent);
border-radius: 8px;
display: flex;
flex-direction: row;
gap: 12px;
margin-top: 24px;
padding: 12px 24px;
text-decoration: none;
transition: opacity 0.15s ease-out;
}

.about-us .au-analytics-link-strip:hover {
filter: brightness(0.91);
opacity: 0.92;
}

.about-us .au-analytics-link-strip .au-link-label {
color: #111318;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1.4;
}

.about-us .au-analytics-link-strip .pi {
color: #111318;
font-size: 15px;
}

.about-us .au-divider-wrap {
padding-bottom: 24px;
padding-top: 24px;
}

@media (max-width: 900px) {
.about-us .au-identity-grid {
grid-template-columns: 1fr;
}

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

.about-us .au-heading-primary {
font-size: 43px;
}

.about-us .au-heading-primary .au-dot-accent {
font-size: 43px;
}

.about-us .au-stat-row {
flex-direction: column;
}
}

@media (max-width: 600px) {
.about-us .au-heading-primary {
font-size: 31px;
}

.about-us .au-heading-primary .au-dot-accent {
font-size: 31px;
}

.about-us .au-heading-secondary,
.about-us .au-heading-secondary .au-dot-accent,
.about-us .au-heading-tertiary,
.about-us .au-heading-tertiary .au-dot-accent {
font-size: 31px;
}

.about-us .au-description {
font-size: 15px;
}
}

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

.why-choose-us .crosses-divider {
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
padding: 12px 0;
}

.why-choose-us .crosses-divider span {
display: block;
width: 10px;
height: 10px;
position: relative;
flex-shrink: 0;
}

.why-choose-us .crosses-divider span::before,
.why-choose-us .crosses-divider span::after {
content: "";
position: absolute;
background: #FCB316;
}

.why-choose-us .crosses-divider span::before {
width: 2px;
height: 10px;
left: 4px;
top: 0;
}

.why-choose-us .crosses-divider span::after {
width: 10px;
height: 2px;
left: 0;
top: 4px;
}

.why-choose-us .page-frame {
max-width: 1320px;
margin: 0 auto;
padding: 0 24px;
}

.why-choose-us .dot-accent {
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background: #FCB316;
margin-left: 6px;
vertical-align: middle;
position: relative;
top: -2px;
}

.why-choose-us .quoted-phrase {
color: #FCB316;
font-size: 23px;
line-height: 1.4;
}

.why-choose-us .quoted-phrase::before {
content: "\201C";
}

.why-choose-us .quoted-phrase::after {
content: "\201D";
}

@keyframes col-appear {
from {
opacity: 0;
transform: translateY(28px);
}

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

.why-choose-us .animate-col {
opacity: 0;
animation: col-appear 0.18s ease-out forwards;
}

.why-choose-us .animate-col:nth-child(1) {
animation-delay: 0.06s;
}

.why-choose-us .animate-col:nth-child(2) {
animation-delay: 0.13s;
}

.why-choose-us .animate-col:nth-child(3) {
animation-delay: 0.20s;
}

.why-choose-us .animate-col:nth-child(4) {
animation-delay: 0.27s;
}

.why-choose-us .band-strip {
padding: 48px 0 24px;
position: relative;
}

.why-choose-us .band-strip .blob-left,
.why-choose-us .band-strip .blob-right {
position: absolute;
border-radius: 48px;
filter: blur(54px);
pointer-events: none;
z-index: 0;
}

.why-choose-us .band-strip .blob-left {
width: 320px;
height: 220px;
background: rgba(252, 179, 22, 0.13);
top: 0;
left: -80px;
}

.why-choose-us .band-strip .blob-right {
width: 260px;
height: 180px;
background: rgba(58, 206, 238, 0.10);
bottom: 0;
right: -60px;
}

.why-choose-us .strip-inner {
display: flex;
flex-direction: row;
align-items: center;
gap: 48px;
position: relative;
z-index: 1;
}

.why-choose-us .strip-text-zone {
flex: 1 1 0;
min-width: 0;
}

.why-choose-us .strip-image-zone {
flex: 0 0 340px;
width: 340px;
}

.why-choose-us .geometric-crop {
width: 340px;
height: 420px;
border-radius: 48px 8px 48px 8px;
overflow: hidden;
box-shadow: 0 8px 36px 0 rgba(252, 179, 22, 0.13);
}

.why-choose-us .geometric-crop img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.why-choose-us .strip-eyebrow {
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.08em;
color: #3ACEEE;
text-transform: uppercase;
margin-bottom: 12px;
}

.why-choose-us .strip-heading {
font-size: 60px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #111827;
margin-bottom: 24px;
}

.why-choose-us .strip-heading .gradient-word {
background: linear-gradient(to right, #FCB316, transparent);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.why-choose-us .strip-body {
font-size: 15px;
line-height: 1.6;
color: #2d3748;
max-width: 520px;
text-indent: -1.2em;
padding-left: 1.2em;
margin-bottom: 12px;
}

.why-choose-us .strip-body+.strip-body {
margin-top: 12px;
}

.why-choose-us .strip-metric {
margin-top: 24px;
display: inline-flex;
flex-direction: column;
gap: 6px;
}

.why-choose-us .metric-number {
font-size: 43px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #111827;
font-weight: 700;
}

.why-choose-us .metric-bar-track {
width: 180px;
height: 3px;
background: #e8edf2;
border-radius: 8px;
overflow: hidden;
}

.why-choose-us .metric-bar-fill {
height: 100%;
border-radius: 8px;
background: linear-gradient(to right, #FCB316, rgba(252, 179, 22, 0));
width: 76%;
}

.why-choose-us .metric-label {
font-size: 15px;
line-height: 1.4;
color: #4a5568;
letter-spacing: 0.03em;
}

.why-choose-us .reasons-segment {
background: #0f1c2e;
padding: 48px 0;
}

.why-choose-us .reasons-segment .segment-top {
text-align: center;
margin-bottom: 48px;
}

.why-choose-us .reasons-segment .segment-heading {
font-size: 43px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #f0f4f8;
margin-bottom: 12px;
}

.why-choose-us .reasons-segment .segment-sub {
font-size: 15px;
line-height: 1.6;
color: #a0aec0;
max-width: 560px;
margin: 0 auto;
}

.why-choose-us .reasons-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}

.why-choose-us .reason-card {
background: #162032;
border-radius: 8px;
padding: 24px;
border: 2px solid transparent;
box-shadow: 0 3px 3px 0 rgba(58, 206, 238, 0.06);
transition: border-color 0.15s ease-out, box-shadow 0.18s ease-out;
display: flex;
flex-direction: column;
gap: 12px;
}

.why-choose-us .reason-card:hover {
border-color: rgba(58, 206, 238, 0.35);
box-shadow: 0 7px 22px 0 rgba(58, 206, 238, 0.10);
filter: brightness(0.94);
}

.why-choose-us .reason-card:active {
transform: scale(1.04);
transition: transform 0.12s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.15s ease-out;
}

.why-choose-us .card-icon-ring {
width: 44px;
height: 44px;
border-radius: 8px;
border: 2px solid #FCB316;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.why-choose-us .card-icon-ring i {
font-size: 20px;
color: #FCB316;
}

.why-choose-us .card-heading {
font-size: 23px;
line-height: 1.4;
letter-spacing: -0.01em;
color: #f0f4f8;
}

.why-choose-us .card-body {
font-size: 15px;
line-height: 1.6;
color: #8fa3bc;
}

.why-choose-us .reviews-row {
display: flex;
flex-direction: row;
gap: 24px;
margin-top: 48px;
align-items: flex-start;
}

.why-choose-us .review-card {
flex: 1 1 0;
background: #1a2d42;
border-radius: 8px;
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
box-shadow: 0 3px 3px 0 rgba(58, 206, 238, 0.06);
}

.why-choose-us .reviewer-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}

.why-choose-us .reviewer-portrait {
width: 52px;
height: 68px;
border-radius: 8px;
overflow: hidden;
flex-shrink: 0;
}

.why-choose-us .reviewer-portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.why-choose-us .reviewer-name {
font-size: 15px;
line-height: 1.4;
color: #f0f4f8;
font-weight: 600;
}

.why-choose-us .reviewer-role {
font-size: 15px;
line-height: 1.4;
color: #8fa3bc;
}

.why-choose-us .review-text {
font-size: 15px;
line-height: 1.6;
color: #a0aec0;
}

.why-choose-us .star-row {
display: flex;
flex-direction: row;
gap: 6px;
}

.why-choose-us .star-shape {
width: 14px;
height: 14px;
}

.why-choose-us .aggregate-block {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #FCB316;
border-radius: 34px;
padding: 48px 24px;
min-width: 200px;
gap: 6px;
box-shadow: 0 8px 36px 0 rgba(252, 179, 22, 0.13);
}

.why-choose-us .agg-number {
font-size: 72px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #111827;
font-weight: 800;
}

.why-choose-us .agg-label {
font-size: 15px;
line-height: 1.4;
color: #2d3748;
text-align: center;
}

.why-choose-us .agg-bar-track {
width: 120px;
height: 3px;
background: rgba(17, 24, 39, 0.18);
border-radius: 8px;
overflow: hidden;
margin-top: 6px;
}

.why-choose-us .agg-bar-fill {
height: 100%;
border-radius: 8px;
background: #111827;
width: 92%;
}

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

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

.why-choose-us .strip-image-zone {
flex: unset;
width: 100%;
}

.why-choose-us .geometric-crop {
width: 100%;
height: 280px;
}

.why-choose-us .strip-heading {
font-size: 43px;
}

.why-choose-us .reasons-grid {
grid-template-columns: 1fr;
}

.why-choose-us .reviews-row {
flex-direction: column;
}

.why-choose-us .aggregate-block {
width: 100%;
}

.why-choose-us .agg-number {
font-size: 60px;
}
}

.contact-us {
background: #ffffff;
overflow-x: clip;
padding: 0;
}

.contact-us .reach-panel {
max-width: 1320px;
margin: 0 auto;
padding: 48px 24px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}

.contact-us .reach-heading {
font-size: 60px;
line-height: 1.2;
letter-spacing: -0.03em;
color: #111111;
margin: 0 0 24px 0;
position: relative;
display: inline-block;
}

.contact-us .reach-heading::after {
content: '';
display: inline-block;
width: 8px;
height: 8px;
background: #FCB316;
border-radius: 48px;
margin-left: 6px;
vertical-align: super;
flex-shrink: 0;
}

.contact-us .reach-sub {
font-size: 15px;
line-height: 1.6;
color: #333333;
margin: 0 0 48px 0;
letter-spacing: 0.01em;
}

.contact-us .detail-strip {
display: flex;
flex-direction: column;
gap: 24px;
position: relative;
padding-right: 48px;
}

.contact-us .detail-strip::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 3px;
background: linear-gradient(to bottom, #FCB316, transparent);
border-radius: 8px;
}

.contact-us .detail-item {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
padding: 24px;
border: 2px solid #eeeeee;
border-radius: 8px;
background: #ffffff;
box-shadow: 0 3px 3px 0 rgba(252, 179, 22, 0.06);
transition: box-shadow 0.15s ease-out, border-color 0.18s ease;
}

.contact-us .detail-item:hover {
box-shadow: 0 7px 22px 0 rgba(252, 179, 22, 0.10);
border-color: #FCB316;
filter: brightness(0.97);
}

.contact-us .detail-icon {
width: 40px;
height: 40px;
border-radius: 8px;
background: linear-gradient(to right, #FCB316, rgba(252, 179, 22, 0));
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.contact-us .detail-icon i {
font-size: 18px;
color: #111111;
}

.contact-us .detail-text {
display: flex;
flex-direction: column;
gap: 6px;
}

.contact-us .detail-label {
font-size: 15px;
font-weight: 700;
color: #111111;
letter-spacing: 0.04em;
text-transform: uppercase;
line-height: 1.2;
}

.contact-us .detail-value {
font-size: 15px;
line-height: 1.6;
color: #333333;
}

.contact-us .detail-value a {
color: #333333;
text-decoration: none;
border-bottom: 1px solid #FCB316;
transition: color 0.12s ease-out;
}

.contact-us .detail-value a:hover {
color: #FCB316;
}

.contact-us .form-panel {
background: #f5f7fa;
border-radius: 8px;
padding: 48px;
box-shadow: 0 8px 36px 0 rgba(58, 206, 238, 0.13);
border: 2px solid #e8ecf0;
position: relative;
}

.contact-us .form-panel::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 4px;
height: 100%;
background: linear-gradient(to bottom, #3ACEEE, transparent);
border-radius: 0 8px 8px 0;
}

.contact-us .form-heading {
font-size: 31px;
line-height: 1.2;
color: #111111;
margin: 0 0 6px 0;
letter-spacing: -0.01em;
position: relative;
display: inline-block;
}

.contact-us .form-heading::after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
background: #3ACEEE;
border-radius: 48px;
margin-left: 6px;
vertical-align: super;
}

.contact-us .form-note {
font-size: 15px;
line-height: 1.6;
color: #555555;
margin: 0 0 24px 0;
}

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

.contact-us .field-group {
display: flex;
flex-direction: column;
gap: 6px;
}

.contact-us .field-label {
font-size: 15px;
font-weight: 600;
color: #111111;
letter-spacing: 0.02em;
line-height: 1.4;
}

.contact-us .field-label .required-mark {
color: #D5001F;
margin-left: 2px;
}

.contact-us .field-input {
padding: 12px 24px;
border: 2px solid #cccccc;
border-radius: 8px;
font-size: 15px;
line-height: 1.6;
color: #111111;
background: #ffffff;
box-shadow: inset 0 2px 4px rgba(58, 206, 238, 0.06);
transition: border-color 0.15s ease-out;
outline: none;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none !important;
appearance: none;
}

.contact-us .field-input::placeholder {
color: #999999;
font-style: italic;
}

.contact-us .field-input:focus {
border-color: #3ACEEE;
box-shadow: inset 0 2px 4px rgba(58, 206, 238, 0.10), 0 0 0 3px rgba(58, 206, 238, 0.12);
}

.contact-us .checkbox-group {
display: flex;
flex-direction: column;
gap: 12px;
}

.contact-us .checkbox-group-label {
font-size: 15px;
font-weight: 600;
color: #111111;
letter-spacing: 0.02em;
line-height: 1.4;
margin-bottom: 6px;
}

.contact-us .check-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
cursor: pointer;
padding: 12px 24px;
border: 2px solid #e0e4ea;
border-radius: 8px;
background: #ffffff;
transition: border-color 0.12s ease, background 0.15s ease;
}

.contact-us .check-row:hover {
border-color: #3ACEEE;
background: rgba(58, 206, 238, 0.04);
}

.contact-us .check-row input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #3ACEEE;
flex-shrink: 0;
cursor: pointer;
border: none !important;
}

.contact-us .check-label {
font-size: 15px;
line-height: 1.4;
color: #333333;
cursor: pointer;
}

.contact-us .privacy-row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
padding: 12px;
border-radius: 8px;
background: rgba(252, 179, 22, 0.06);
border: 1px solid rgba(252, 179, 22, 0.2);
}

.contact-us .privacy-row input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: #FCB316;
flex-shrink: 0;
margin-top: 2px;
cursor: pointer;
border: none !important;
}

.contact-us .privacy-text {
font-size: 15px;
line-height: 1.6;
color: #444444;
}

.contact-us .privacy-text a {
color: #FCB316;
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid rgba(252, 179, 22, 0.4);
transition: color 0.12s ease;
}

.contact-us .privacy-text a:hover {
color: #c98f00;
}

.contact-us .submit-button {
padding: 12px 48px;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #111111;
background: #ffffff;
border: 3px solid #FCB316;
border-radius: 8px;
cursor: pointer;
align-self: flex-start;
transition: background 0.18s ease-out, color 0.15s ease-out;
}

.contact-us .submit-button:hover {
background: #FCB316;
color: #111111;
filter: brightness(0.95);
}

.contact-us .submit-button:focus {
outline: 3px solid #3ACEEE;
outline-offset: 3px;
}

.contact-us .submit-button:active {
transform: translateY(1px);
}

.contact-us .address-block {
margin-top: 24px;
padding: 24px;
border-radius: 8px;
background: linear-gradient(to right, rgba(252, 179, 22, 0.08), transparent);
border: 1px solid rgba(252, 179, 22, 0.15);
}

.contact-us .address-block .detail-label {
margin-bottom: 6px;
}

.contact-us .opening-band {
background: #111111;
padding: 48px 24px;
position: relative;
overflow: hidden;
}

.contact-us .opening-band::before {
content: '';
position: absolute;
top: -60px;
right: -60px;
width: 220px;
height: 220px;
border-radius: 48px;
background: rgba(252, 179, 22, 0.08);
transform: rotate(30deg);
pointer-events: none;
}

.contact-us .opening-band::after {
content: '';
position: absolute;
bottom: -40px;
left: 10%;
width: 140px;
height: 140px;
border-radius: 34px;
background: rgba(58, 206, 238, 0.07);
transform: rotate(-15deg);
pointer-events: none;
}

.contact-us .opening-inner {
max-width: 1320px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
z-index: 1;
}

.contact-us .opening-label {
font-size: 15px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #3ACEEE;
font-weight: 600;
margin: 0 0 12px 0;
line-height: 1.4;
}

.contact-us .opening-title {
font-size: 43px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #ffffff;
margin: 0 0 24px 0;
max-width: 680px;
}

.contact-us .opening-title strong {
color: #FCB316;
}

.contact-us .opening-tagline {
font-size: 15px;
line-height: 1.6;
color: #aaaaaa;
max-width: 520px;
margin: 0;
}

.contact-us .metrics-row {
display: flex;
flex-direction: row;
gap: 24px;
margin-top: 48px;
flex-wrap: wrap;
justify-content: center;
}

.contact-us .metric-chip {
padding: 12px 24px;
border-radius: 34px;
border: 2px solid rgba(252, 179, 22, 0.3);
background: rgba(252, 179, 22, 0.06);
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}

.contact-us .metric-number {
font-size: 23px;
font-weight: 700;
color: #FCB316;
line-height: 1.2;
letter-spacing: -0.01em;
}

.contact-us .metric-desc {
font-size: 15px;
color: #cccccc;
line-height: 1.4;
}

@keyframes rotateReveal {
from {
opacity: 0;
transform: rotate(-4deg) translateY(12px);
}

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

.contact-us .reach-panel {
animation: rotateReveal 0.2s ease-out both;
}

.contact-us .opening-inner {
animation: rotateReveal 0.18s ease-out both;
}

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

.contact-us .detail-strip {
padding-right: 0;
}

.contact-us .detail-strip::after {
display: none;
}

.contact-us .opening-title {
font-size: 31px;
}

.contact-us .reach-heading {
font-size: 43px;
}

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

.contact-us .metrics-row {
gap: 12px;
}

.contact-us .metric-chip {
flex: 1 1 140px;
}
}

@media (max-width: 600px) {
.contact-us .opening-band {
padding: 24px;
}

.contact-us .reach-panel {
padding: 24px 12px;
}

.contact-us .reach-heading {
font-size: 31px;
}

.contact-us .opening-title {
font-size: 23px;
}

.contact-us .submit-button {
width: 100%;
text-align: center;
}
}

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

.learning-program .program-lead {
padding: 72px 24px 48px;
max-width: 1320px;
margin: 0 auto;
}

.learning-program .lead-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: end;
}

.learning-program .lead-left {
display: flex;
flex-direction: column;
gap: 24px;
}

.learning-program .lead-eyebrow {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}

.learning-program .eyebrow-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #FCB316;
flex-shrink: 0;
}

.learning-program .eyebrow-label {
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.08em;
color: #444444;
text-transform: uppercase;
}

.learning-program .lead-heading {
font-size: 60px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #111111;
margin: 0;
}

.learning-program .lead-heading .accented-phrase {
color: #FCB316;
position: relative;
}

.learning-program .lead-heading .accented-phrase::before {
content: "\201C";
color: #FCB316;
}

.learning-program .lead-heading .accented-phrase::after {
content: "\201D";
color: #FCB316;
}

.learning-program .lead-body {
font-size: 15px;
line-height: 1.6;
color: #333333;
max-width: 480px;
text-indent: -1.2em;
padding-left: 1.2em;
}

.learning-program .lead-right {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
}

.learning-program .lead-image-frame {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 8px 36px 0 rgba(252, 179, 22, 0.13);
position: relative;
}

.learning-program .lead-image-frame img {
width: 100%;
height: 320px;
object-fit: cover;
object-position: center;
display: block;
filter: brightness(0.88) saturate(1.1);
}

.learning-program .lead-image-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(252, 179, 22, 0.28), transparent);
border-radius: 8px;
pointer-events: none;
}

.learning-program .lead-blur-spot {
position: absolute;
border-radius: 50%;
pointer-events: none;
z-index: 0;
}

.learning-program .blur-spot-a {
width: 220px;
height: 220px;
background: rgba(252, 179, 22, 0.12);
filter: blur(60px);
top: -40px;
left: -60px;
}

.learning-program .blur-spot-b {
width: 160px;
height: 160px;
background: rgba(58, 206, 238, 0.10);
filter: blur(48px);
bottom: -30px;
right: -40px;
}

.learning-program .lead-left {
position: relative;
z-index: 1;
}

.learning-program .dot-row {
display: flex;
flex-direction: row;
gap: 6px;
align-items: center;
margin-top: 12px;
}

.learning-program .dot-row span {
width: 6px;
height: 6px;
border-radius: 50%;
background: #3ACEEE;
display: block;
}

.learning-program .dot-row span:nth-child(2) {
background: #FCB316;
}

.learning-program .dot-row span:nth-child(3) {
background: #D5001F;
}

.learning-program .dot-row span:nth-child(n+4) {
background: #cccccc;
}

.learning-program .cards-belt {
padding: 48px 24px;
max-width: 1320px;
margin: 0 auto;
}

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

.learning-program .program-card {
border-radius: 8px;
border: 2.5px solid #111111;
background: #ffffff;
display: flex;
flex-direction: column;
box-shadow: 0 7px 22px 0 rgba(252, 179, 22, 0.10);
transition: box-shadow 0.18s ease-out, border-color 0.14s ease-out;
opacity: 0;
animation: card-appear 0.18s ease-out forwards;
}

.learning-program .program-card:nth-child(1) {
animation-delay: 0.06s;
}

.learning-program .program-card:nth-child(2) {
animation-delay: 0.14s;
}

.learning-program .program-card:nth-child(3) {
animation-delay: 0.22s;
}

@keyframes card-appear {
from {
opacity: 0;
transform: translateY(18px);
}

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

.learning-program .program-card:hover {
box-shadow: 0 8px 36px 0 rgba(252, 179, 22, 0.13);
border-color: #FCB316;
}

.learning-program .card-image-wrap {
border-radius: 8px 8px 0 0;
overflow: hidden;
position: relative;
}

.learning-program .card-image-wrap img {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
object-position: center;
display: block;
transition: filter 0.16s ease-out;
}

.learning-program .program-card:hover .card-image-wrap img {
filter: brightness(0.93);
}

.learning-program .card-badge {
position: absolute;
top: 12px;
right: 12px;
background: #FCB316;
color: #111111;
font-size: 15px;
line-height: 1.2;
padding: 6px 12px;
border-radius: 8px;
font-weight: 700;
letter-spacing: 0.01em;
}

.learning-program .card-body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1;
}

.learning-program .card-meta-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}

.learning-program .card-meta-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
font-size: 15px;
line-height: 1.4;
color: #555555;
}

.learning-program .card-meta-item i {
font-size: 15px;
color: #3ACEEE;
}

.learning-program .card-heading {
font-size: 23px;
line-height: 1.4;
letter-spacing: -0.01em;
color: #111111;
margin: 0;
}

.learning-program .card-heading-dot {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #FCB316;
margin-left: 6px;
vertical-align: middle;
position: relative;
top: -2px;
}

.learning-program .card-description {
font-size: 15px;
line-height: 1.6;
color: #444444;
margin: 0;
}

.learning-program .card-seats {
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
font-size: 15px;
line-height: 1.4;
color: #D5001F;
font-weight: 600;
}

.learning-program .card-seats i {
font-size: 15px;
}

.learning-program .card-footer {
padding: 0 24px 24px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
}

.learning-program .card-price-block {
display: flex;
flex-direction: column;
gap: 6px;
}

.learning-program .card-price {
font-size: 23px;
line-height: 1.2;
letter-spacing: -0.01em;
color: #111111;
font-weight: 700;
}

.learning-program .card-price-note {
font-size: 15px;
line-height: 1.4;
color: #666666;
}

.learning-program .card-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 15px;
line-height: 1.4;
color: #111111;
text-decoration: none;
border: 2.5px solid #111111;
border-radius: 8px;
padding: 12px 24px;
font-weight: 600;
letter-spacing: 0.01em;
transition: background 0.16s ease-out, color 0.16s ease-out;
background: transparent;
}

.learning-program .card-link:hover {
background: #FCB316;
border-color: #FCB316;
color: #111111;
filter: brightness(0.96);
}

.learning-program .card-link:focus {
outline: 2px solid #FCB316;
outline-offset: 3px;
}

.learning-program .card-divider {
height: 1px;
background: #eeeeee;
margin: 0 24px;
}

.learning-program .backtesting-strip {
background: #111111;
padding: 48px 24px;
}

.learning-program .strip-inner {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}

.learning-program .strip-text {
display: flex;
flex-direction: column;
gap: 24px;
}

.learning-program .strip-heading {
font-size: 43px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #ffffff;
margin: 0;
}

.learning-program .strip-heading-dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #3ACEEE;
margin-left: 8px;
vertical-align: middle;
position: relative;
top: -3px;
}

.learning-program .strip-body {
font-size: 15px;
line-height: 1.6;
color: #cccccc;
margin: 0;
text-indent: -1.2em;
padding-left: 1.2em;
}

.learning-program .strip-metrics {
display: flex;
flex-direction: column;
gap: 24px;
}

.learning-program .metric-row {
display: flex;
flex-direction: column;
gap: 6px;
}

.learning-program .metric-label {
font-size: 15px;
line-height: 1.4;
color: #aaaaaa;
letter-spacing: 0.06em;
text-transform: uppercase;
}

.learning-program .metric-bar-track {
height: 8px;
background: #333333;
border-radius: 8px;
overflow: hidden;
}

.learning-program .metric-bar-fill {
height: 100%;
border-radius: 8px;
animation: bar-grow 0.8s ease-out forwards;
transform-origin: left;
}

@keyframes bar-grow {
from {
width: 0;
}

to {
width: var(--bar-width);
}
}

.learning-program .bar-primary {
background: #FCB316;
--bar-width: 78%;
}

.learning-program .bar-secondary {
background: #3ACEEE;
--bar-width: 62%;
}

.learning-program .bar-tertiary {
background: #D5001F;
--bar-width: 45%;
}

.learning-program .metric-value {
font-size: 15px;
line-height: 1.4;
color: #ffffff;
font-weight: 600;
}

.learning-program .steps-section {
padding: 72px 24px;
background: #f4f8fb;
}

.learning-program .steps-inner {
max-width: 1320px;
margin: 0 auto;
}

.learning-program .steps-header {
text-align: center;
margin-bottom: 48px;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}

.learning-program .steps-heading {
font-size: 43px;
line-height: 1.2;
letter-spacing: -0.02em;
color: #111111;
margin: 0;
}

.learning-program .steps-subtext {
font-size: 15px;
line-height: 1.6;
color: #555555;
max-width: 520px;
text-align: center;
}

.learning-program .steps-track {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 0;
position: relative;
}

.learning-program .step-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
position: relative;
padding: 0 12px;
}

.learning-program .step-connector {
position: absolute;
top: 24px;
left: calc(50% + 24px);
right: calc(-50% + 24px);
height: 2px;
background: linear-gradient(to right, #FCB316, transparent);
pointer-events: none;
}

.learning-program .step-item:last-child .step-connector {
display: none;
}

.learning-program .step-icon-wrap {
width: 48px;
height: 48px;
border-radius: 50%;
border: 2.5px solid #FCB316;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 3px 3px 0 rgba(252, 179, 22, 0.06);
flex-shrink: 0;
z-index: 1;
position: relative;
}

.learning-program .step-icon-wrap i {
font-size: 23px;
color: #FCB316;
}

.learning-program .step-label {
font-size: 15px;
line-height: 1.4;
color: #111111;
font-weight: 600;
text-align: center;
}

.learning-program .step-desc {
font-size: 15px;
line-height: 1.6;
color: #555555;
text-align: center;
}

.learning-program .testimonial-band {
padding: 48px 24px;
background: #ffffff;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}

.learning-program .testimonial-inner {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}

.learning-program .testimonial-image-col {
display: flex;
flex-direction: column;
gap: 24px;
}

.learning-program .testimonial-img-wrap {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 7px 22px 0 rgba(58, 206, 238, 0.10);
}

.learning-program .testimonial-img-wrap img {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
object-position: center;
display: block;
}

.learning-program .testimonial-text-col {
display: flex;
flex-direction: column;
gap: 24px;
}

.learning-program .testimonial-heading {
font-size: 31px;
line-height: 1.4;
letter-spacing: -0.01em;
color: #111111;
margin: 0;
}

.learning-program .testimonial-quote {
font-size: 23px;
line-height: 1.6;
color: #333333;
margin: 0;
position: relative;
padding-left: 24px;
border-left: none;
}

.learning-program .testimonial-quote::before {
content: "\201C";
color: #FCB316;
font-size: 43px;
line-height: 1;
position: absolute;
left: 0;
top: -6px;
}

.learning-program .testimonial-attribution {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}

.learning-program .portrait-wrap {
width: 56px;
height: 56px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
border: 2px solid #FCB316;
}

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

.learning-program .attribution-details {
display: flex;
flex-direction: column;
gap: 6px;
}

.learning-program .attribution-name {
font-size: 15px;
line-height: 1.4;
color: #111111;
font-weight: 700;
}

.learning-program .attribution-role {
font-size: 15px;
line-height: 1.4;
color: #666666;
}

.learning-program .second-testimonial {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
padding: 12px;
border: 1.5px solid #eeeeee;
border-radius: 8px;
}

.learning-program .second-portrait-wrap {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
border: 2px solid #3ACEEE;
}

.learning-program .second-portrait-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}

.learning-program .second-testimonial-text {
display: flex;
flex-direction: column;
gap: 6px;
}

.learning-program .second-testimonial-quote {
font-size: 15px;
line-height: 1.6;
color: #333333;
}

.learning-program .second-name {
font-size: 15px;
line-height: 1.4;
color: #111111;
font-weight: 700;
}

@media (max-width: 900px) {
.learning-program .lead-grid {
grid-template-columns: 1fr;
gap: 24px;
}

.learning-program .cards-grid {
grid-template-columns: 1fr;
gap: 24px;
}

.learning-program .strip-inner {
grid-template-columns: 1fr;
gap: 24px;
}

.learning-program .steps-track {
flex-direction: column;
gap: 24px;
}

.learning-program .step-connector {
display: none;
}

.learning-program .testimonial-inner {
grid-template-columns: 1fr;
gap: 24px;
}

.learning-program .lead-heading {
font-size: 43px;
}

.learning-program .strip-heading {
font-size: 31px;
}
}

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

.success-page .success-wrapper {
max-width: 600px;
width: 100%;
text-align: center;
}

.success-page .success-icon-ring {
width: 88px;
height: 88px;
border-radius: 48px;
border: 3px solid #FCB316;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 48px;
box-shadow: 0 7px 22px 0 rgba(252, 179, 22, 0.10);
}

.success-page .success-icon-ring svg {
display: block;
}

.success-page .success-heading {
font-size: 43px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.02em;
color: #111111;
margin: 0 0 24px;
}

.success-page .success-heading .dot-accent {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 8px;
background: #FCB316;
margin-left: 6px;
vertical-align: middle;
position: relative;
top: -4px;
}

.success-page .success-body {
font-size: 15px;
line-height: 1.6;
color: #2d2d2d;
margin: 0 0 48px;
text-align: left;
padding-left: 12px;
}

.success-page .success-divider {
width: 48px;
height: 3px;
background: linear-gradient(to right, #FCB316, transparent);
margin: 0 auto 48px;
border-radius: 8px;
}

.success-page .success-meta {
display: flex;
flex-direction: row;
gap: 24px;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 48px;
}

.success-page .success-meta-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
background: #f5f5f5;
border-radius: 8px;
padding: 12px 24px;
border: 2px solid #eeeeee;
box-shadow: 0 3px 3px 0 rgba(252, 179, 22, 0.06);
}

.success-page .success-meta-item .meta-icon {
width: 20px;
height: 20px;
flex-shrink: 0;
}

.success-page .success-meta-item .meta-label {
font-size: 15px;
line-height: 1.4;
color: #2d2d2d;
}

.success-page .success-action {
display: inline-block;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
color: #111111;
background: transparent;
border: 3px solid #FCB316;
border-radius: 8px;
padding: 12px 48px;
text-decoration: none;
transition: background 0.15s ease-out, color 0.15s ease-out;
box-shadow: 0 3px 3px 0 rgba(252, 179, 22, 0.06);
}

.success-page .success-action:hover {
background: #FCB316;
color: #111111;
filter: brightness(0.93);
}

.success-page .success-action:focus {
outline: 2px solid #3ACEEE;
outline-offset: 3px;
}

.success-page .success-action:active {
filter: brightness(0.87);
}

@media (max-width: 600px) {
.success-page .success-heading {
font-size: 31px;
}

.success-page .success-meta {
flex-direction: column;
align-items: stretch;
}

.success-page .success-meta-item {
justify-content: center;
}
}