@import "https://cdn.jsdelivr.net/npm/@fontsource/pt-sans@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/pt-sans@latest/700.css";
*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'PT Sans',sans-serif;background:#F9FBFA;color:#013E5F;line-height:1.6;overflow-x:hidden}
.site-stage{max-width:1536px;margin:0 auto;padding:0 20px}
.header-canvas{background:linear-gradient(163deg,#ff2d7714 0%,#013e5f0d 50%,#f9fbfaf2 100%);backdrop-filter:blur(12px);box-shadow:0 4px 6px #013e5f14;padding:28px 0 24px}
.header-canvas .site-stage{display:flex;flex-direction:column;align-items:center;gap:26px}
.logo-frame{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#ffffffb3;border:2px solid #ff2d7733;box-shadow:0 3px 8px #013e5f1f;padding:12px}
.logo-frame img{width:100%;height:100%;object-fit:contain}
.brand-surface{text-align:center}
.brand-surface h1{font-size:38px;font-weight:700;color:#013E5F;letter-spacing:-.5px;margin:0}
.nav-layer{width:100%}
.nav-layer ul{list-style:none;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px 34px}
.nav-layer ul li a{text-decoration:none;color:#013E5F;font-size:16px;font-weight:400;padding:8px 14px;display:inline-block;transition:color 180ms ease,background-color 180ms ease}
.nav-layer ul li a:hover{color:#FF2D77;background-color:#ff2d770f}
.footer-box{background:linear-gradient(163deg,#FF2D77 0%,#013E5F 50%,#F9FBFA 100%);color:#F9FBFA;padding:64px 0 32px;margin-top:80px;box-shadow:0 -6px 12px #013e5f26}
.footer-box .site-stage{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:48px}
.about-layer{max-width:520px}
.about-layer h2{font-size:26px;font-weight:700;margin-bottom:18px;color:#F9FBFA}
.about-layer p{font-size:15px;line-height:1.7;margin-bottom:14px;color:#f9fbfaeb}
.info-surface{display:flex;flex-direction:column;gap:14px}
.info-surface h3{font-size:22px;font-weight:700;margin-bottom:8px;color:#F9FBFA}
.contact-frame{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.contact-frame a,.contact-frame p{color:#f9fbfae6;text-decoration:none;font-size:15px;transition:color 160ms ease}
.contact-frame a:hover{color:#F9FBFA}
.footer-nav-wrap ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-nav-wrap ul li a{color:#f9fbfae0;text-decoration:none;font-size:14px;transition:color 150ms ease;display:inline-block}
.footer-nav-wrap ul li a:hover{color:#F9FBFA}
.copyright-layer{text-align:center;padding-top:32px;border-top:1px solid #f9fbfa33;font-size:14px;color:#f9fbfacc}
.cookie-modal-wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#013e5fd9;z-index:9999;align-items:center;justify-content:center;padding:20px}
.cookie-modal-wrapper[data-visible="true"]{display:flex;animation:modalSlideIn 420ms ease-out}
@keyframes modalSlideIn {
from{opacity:0;transform:translateY(-40px)}
to{opacity:1;transform:translateY(0)}
}
.cookie-content-box{background:#F9FBFA;width:100%;max-width:680px;padding:36px;box-shadow:0 8px 24px #013e5f4d;max-height:85vh;overflow-y:auto}
.cookie-content-box h2{font-size:28px;color:#013E5F;margin-bottom:18px;font-weight:700}
.cookie-content-box p{font-size:15px;color:#013E5F;line-height:1.7;margin-bottom:24px}
.consent-section-box{border-top:1px solid #013e5f26;padding:18px 0}
.consent-section-box h3{font-size:17px;color:#013E5F;margin-bottom:8px;cursor:pointer;font-weight:700;transition:color 140ms ease}
.consent-section-box h3:hover{color:#FF2D77}
.consent-section-box .detail-layer{display:none;padding-top:12px;font-size:14px;color:#013E5F;line-height:1.6}
.consent-section-box[data-state="expanded"] .detail-layer{display:block}
.button-row-layer{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}
.button-row-layer button{background:transparent;border:none;color:#013E5F;font-size:15px;cursor:pointer;padding:10px 18px;text-decoration:underline;font-family:'PT Sans',sans-serif;transition:color 160ms ease}
.button-row-layer button:hover{color:#FF2D77}
@media (max-width: 768px) {
.header-canvas .site-stage{gap:20px}
.logo-frame{width:90px;height:90px}
.brand-surface h1{font-size:28px}
.nav-layer ul{gap:12px 20px}
.nav-layer ul li a{font-size:15px;padding:6px 10px}
.footer-box .site-stage{grid-template-columns:1fr;gap:32px}
.cookie-content-box{padding:24px}
.cookie-content-box h2{font-size:22px}
.button-row-layer{flex-direction:column}
}
@media (max-width: 375px) {
.logo-frame{width:75px;height:75px}
.brand-surface h1{font-size:24px}
.nav-layer ul{flex-direction:column;gap:10px}
}
.info-policy{max-width:1536px;margin:0 auto;padding:80px 24px;background:linear-gradient(163deg,#F9FBFA 0%,#fff 100%)}
.info-policy p{font-size:17px;line-height:1.8;color:#013E5F;margin:0 0 24px;max-width:820px}
.info-policy p + p{margin-top:16px}
.info-policy ul{margin:0 0 32px;padding:0 0 0 28px;list-style-type:none}
.info-policy ul li{font-size:17px;line-height:1.8;color:#013E5F;margin:0 0 14px;padding-left:18px;position:relative;max-width:800px}
.info-policy ul li::before{content:'';position:absolute;left:0;top:12px;width:6px;height:6px;background:#FF2D77;transform:rotate(45deg)}
.info-policy ol{margin:0 0 32px;padding:0 0 0 28px;counter-reset:policy-counter;list-style:none}
.info-policy ol li{font-size:17px;line-height:1.8;color:#013E5F;margin:0 0 14px;padding-left:18px;position:relative;counter-increment:policy-counter;max-width:800px}
.info-policy ol li::before{content:counter(policy-counter) ".";position:absolute;left:-24px;top:0;font-weight:600;color:#FF2D77}
.info-policy em{font-style:italic;color:#013E5F}
.info-policy i{font-style:italic;color:#013E5F}
.info-policy a{color:#FF2D77;text-decoration:none;border-bottom:2px solid transparent;transition:all 200ms;font-weight:500}
.info-policy a:hover{border-bottom-color:#FF2D77;color:#013E5F}
.info-policy a:active{color:#013E5F;border-bottom-color:#013E5F}
.info-policy hr{margin:56px 0;border:none;height:2px;background:linear-gradient(90deg,#FF2D77 0%,#013E5F 50%,#F9FBFA 100%);max-width:820px}
@media screen and (max-width: 1366px) {
.info-policy{padding:64px 20px}
.info-policy p{font-size:16px;margin-bottom:20px}
.info-policy ul li,.info-policy ol li{font-size:16px;margin-bottom:12px}
.info-policy hr{margin:48px 0}
}
@media screen and (max-width: 768px) {
.info-policy{padding:48px 16px}
.info-policy p{font-size:15px;line-height:1.7;margin-bottom:18px}
.info-policy ul{padding-left:20px;margin-bottom:28px}
.info-policy ul li{font-size:15px;line-height:1.7;padding-left:14px;margin-bottom:10px}
.info-policy ul li::before{top:10px;width:5px;height:5px}
.info-policy ol{padding-left:20px;margin-bottom:28px}
.info-policy ol li{font-size:15px;line-height:1.7;padding-left:14px;margin-bottom:10px}
.info-policy ol li::before{left:-20px}
.info-policy hr{margin:40px 0}
}
@media screen and (max-width: 375px) {
.info-policy{padding:40px 14px}
.info-policy p{font-size:14px;margin-bottom:16px}
.info-policy ul li,.info-policy ol li{font-size:14px}
.info-policy a{border-bottom-width:1px}
}
.top-intro-surface{background:linear-gradient(163deg,#FF2D77 0%,#013E5F 50%,#F9FBFA 100%);padding:85px 20px;position:relative;overflow:hidden}
.top-intro-surface::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#FF2D77}
.top-intro-surface::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#013E5F}
.intro-content-wrapper{max-width:1536px;margin:0 auto;display:flex;align-items:center;gap:60px}
.intro-text-layer{flex:1;color:#F9FBFA}
.intro-text-layer h1{font-size:48px;margin:0 0 24px;line-height:1.2;font-weight:700}
.intro-text-layer .lead-statement{font-size:19px;line-height:1.7;margin:0;opacity:.95}
.intro-visual-frame{flex:0 0 420px;position:relative}
.intro-visual-frame::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;border:1px solid #f9fbfa4d}
.intro-visual-frame img{width:100%;height:320px;object-fit:cover;display:block}
@media (max-width: 1366px) {
.intro-visual-frame{flex:0 0 360px}
.intro-text-layer h1{font-size:42px}
}
@media (max-width: 768px) {
.intro-content-wrapper{flex-direction:column;gap:40px}
.intro-visual-frame{flex:0 0 auto;width:100%;max-width:420px}
.intro-text-layer h1{font-size:36px}
.top-intro-surface{padding:60px 20px}
}
@media (max-width: 375px) {
.intro-text-layer h1{font-size:30px}
.intro-text-layer .lead-statement{font-size:17px}
}
.outcome-canvas{padding:90px 20px;background:#F9FBFA}
.outcome-content-box{max-width:1536px;margin:0 auto}
.outcome-canvas h2{font-size:38px;color:#013E5F;margin:0 0 48px;text-align:center;font-weight:700}
.success-grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.achievement-card-frame{background:#fff;padding:36px;border:1px solid #013e5f26;position:relative}
.achievement-card-frame::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FF2D77 0%,#013E5F 100%)}
.achievement-card-frame h3{font-size:24px;color:#013E5F;margin:0 0 16px;font-weight:600}
.achievement-card-frame .metric-display{font-size:42px;color:#FF2D77;font-weight:700;margin:0 0 12px;line-height:1}
.achievement-card-frame p{font-size:16px;color:#013E5F;line-height:1.6;margin:0}
@media (max-width: 1366px) {
.success-grid-layout{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 768px) {
.success-grid-layout{grid-template-columns:1fr;gap:24px}
.outcome-canvas h2{font-size:32px;margin-bottom:36px}
.outcome-canvas{padding:60px 20px}
}
@media (max-width: 375px) {
.achievement-card-frame{padding:28px}
.achievement-card-frame h3{font-size:22px}
}
.testimonial-stage{background:#013E5F;padding:95px 20px;position:relative}
.testimonial-stage::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#FF2D77 50%,transparent 100%)}
.testimonial-content-wrapper{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:70px;align-items:start}
.participant-profile-box{text-align:center;padding:40px 30px;background:#f9fbfa0d;border:1px solid #ff2d7733}
.participant-profile-box img{width:180px;height:180px;object-fit:cover;margin:0 auto 24px;display:block;border:3px solid #FF2D77}
.participant-profile-box h3{font-size:26px;color:#F9FBFA;margin:0 0 8px;font-weight:600}
.participant-profile-box .role-label{font-size:16px;color:#FF2D77;margin:0 0 20px}
.participant-profile-box .company-tag{font-size:15px;color:#f9fbfab3;margin:0}
.story-narrative-layer{color:#F9FBFA}
.story-narrative-layer h2{font-size:36px;margin:0 0 28px;font-weight:700;color:#F9FBFA}
.story-narrative-layer .quote-block{font-size:20px;line-height:1.7;margin:0 0 32px;padding-left:24px;border-left:4px solid #FF2D77;font-style:italic;color:#f9fbfaf2}
.story-narrative-layer p{font-size:17px;line-height:1.75;margin:0 0 20px;color:#f9fbfae6}
.story-narrative-layer p:last-child{margin-bottom:0}
@media (max-width: 1366px) {
.testimonial-content-wrapper{gap:50px}
}
@media (max-width: 768px) {
.testimonial-content-wrapper{grid-template-columns:1fr;gap:40px}
.participant-profile-box{padding:30px 20px}
.participant-profile-box img{width:150px;height:150px}
.story-narrative-layer h2{font-size:30px}
.story-narrative-layer .quote-block{font-size:18px}
.testimonial-stage{padding:70px 20px}
}
@media (max-width: 375px) {
.story-narrative-layer h2{font-size:26px}
.participant-profile-box h3{font-size:23px}
}
.timeline-section{padding:90px 20px;background:linear-gradient(180deg,#F9FBFA 0%,#fff 100%)}
.timeline-container-box{max-width:1536px;margin:0 auto}
.timeline-section h2{font-size:38px;color:#013E5F;margin:0 0 60px;text-align:center;font-weight:700}
.journey-path{position:relative;padding-left:80px}
.journey-path::before{content:'';position:absolute;left:30px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FF2D77 0%,#013E5F 100%)}
.milestone-entry{position:relative;margin-bottom:50px;padding:32px;background:#fff;border:1px solid #013e5f1f}
.milestone-entry:last-child{margin-bottom:0}
.milestone-entry::before{content:'';position:absolute;left:-50px;top:32px;width:16px;height:16px;background:#FF2D77;border:4px solid #F9FBFA;transform:rotate(45deg)}
.milestone-entry .phase-number{font-size:14px;color:#FF2D77;font-weight:700;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}
.milestone-entry h3{font-size:24px;color:#013E5F;margin:0 0 14px;font-weight:600}
.milestone-entry p{font-size:16px;color:#013E5F;line-height:1.7;margin:0}
@media (max-width: 768px) {
.journey-path{padding-left:50px}
.journey-path::before{left:15px}
.milestone-entry::before{left:-35px}
.milestone-entry{padding:24px}
.timeline-section h2{font-size:32px;margin-bottom:45px}
.timeline-section{padding:60px 20px}
}
@media (max-width: 375px) {
.milestone-entry h3{font-size:21px}
.milestone-entry p{font-size:15px}
}
.visual-comparison-area{padding:95px 20px;background:#013E5F}
.comparison-wrapper-box{max-width:1536px;margin:0 auto}
.visual-comparison-area h2{font-size:38px;color:#F9FBFA;margin:0 0 55px;text-align:center;font-weight:700}
.before-after-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.transformation-card{background:#f9fbfa0d;padding:40px;border:1px solid #ff2d7740;position:relative}
.transformation-card .badge-label{position:absolute;top:-16px;left:40px;background:#FF2D77;color:#F9FBFA;padding:8px 20px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.transformation-card h3{font-size:28px;color:#F9FBFA;margin:24px 0;font-weight:600}
.transformation-card .visual-showcase{margin-bottom:24px}
.transformation-card .visual-showcase img{width:100%;height:280px;object-fit:cover;display:block}
.transformation-card .detail-list{list-style:none;margin:0;padding:0}
.transformation-card .detail-list li{font-size:16px;color:#f9fbfae6;line-height:1.8;margin-bottom:12px;padding-left:28px;position:relative}
.transformation-card .detail-list li::before{content:'';position:absolute;left:0;top:8px;width:12px;height:2px;background:#FF2D77}
@media (max-width: 1366px) {
.before-after-grid{gap:40px}
}
@media (max-width: 768px) {
.before-after-grid{grid-template-columns:1fr;gap:35px}
.transformation-card{padding:32px}
.visual-comparison-area h2{font-size:32px;margin-bottom:45px}
.visual-comparison-area{padding:70px 20px}
}
@media (max-width: 375px) {
.transformation-card h3{font-size:24px}
.transformation-card .badge-label{left:32px;font-size:12px;padding:6px 16px}
}
.main-banner{display:flex;align-items:center;gap:48px;max-width:1536px;margin:80px auto 0;padding:0 24px}
.banner-visual{flex:0 0 45%;position:relative;overflow:hidden;border-radius:8px}
.banner-visual img{width:100%;height:580px;object-fit:cover;display:block}
.banner-visual::before{content:'';position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(110deg,transparent 30%,#ff2d774d 50%,transparent 70%);animation:banner-sweep 8s ease-in-out infinite;z-index:2}
@keyframes banner-sweep {
0%,100%{left:-100%}
50%{left:100%}
}
.banner-text-wrapper{flex:1}
.banner-text-wrapper h1{font-size:52px;line-height:1.2;color:#013E5F;margin:0 0 28px;font-weight:700}
.banner-text-wrapper h1 .highlight-term{position:relative;color:#FF2D77}
.banner-text-wrapper h1 .highlight-term::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FF2D77,#013E5F)}
.banner-text-wrapper .lead-text{font-size:20px;line-height:1.6;color:#013E5F;margin:0 0 36px}
.banner-action{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#FF2D77 0%,#013E5F 100%);color:#F9FBFA;text-decoration:none;border-radius:6px;font-size:18px;font-weight:600;transition:transform 200ms,box-shadow 300ms;box-shadow:0 4px 16px #ff2d7740;z-index:10;position:relative}
.banner-action:hover{transform:translateY(-3px);box-shadow:0 6px 24px #ff2d7766}
.pricing-canvas{max-width:1536px;margin:120px auto 0;padding:0 24px}
.pricing-canvas h2{font-size:42px;color:#013E5F;text-align:center;margin:0 0 24px;font-weight:700}
.pricing-canvas .section-intro{font-size:18px;line-height:1.7;color:#013E5F;text-align:center;max-width:840px;margin:0 auto 64px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.price-card-box{background:#F9FBFA;border:2px solid #013E5F;border-radius:8px;padding:40px 32px;transition:transform 300ms,box-shadow 300ms;position:relative}
.price-card-box:hover{transform:translateY(-6px);box-shadow:0 8px 32px #013e5f26}
.price-card-box[data-featured="true"]{border-color:#FF2D77;border-width:3px}
.price-card-box[data-featured="true"]::before{content:'Beliebt';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#FF2D77;color:#F9FBFA;padding:4px 20px;border-radius:4px;font-size:14px;font-weight:600}
.price-card-box h3{font-size:28px;color:#013E5F;margin:0 0 16px;font-weight:700}
.price-amount-stage{margin:0 0 24px}
.price-amount-stage .amount{font-size:48px;color:#FF2D77;font-weight:700;line-height:1}
.price-amount-stage .period{font-size:18px;color:#013E5F;margin-left:8px}
.price-card-box .feature-lineup{list-style:none;padding:0;margin:0 0 32px}
.price-card-box .feature-lineup li{padding:12px 0;border-bottom:1px solid #013e5f26;color:#013E5F;font-size:16px;line-height:1.5;position:relative;padding-left:28px}
.price-card-box .feature-lineup li::before{content:'✓';position:absolute;left:0;color:#FF2D77;font-weight:700;font-size:18px}
.price-card-box .card-action{display:block;width:100%;padding:14px;text-align:center;background:#013E5F;color:#F9FBFA;text-decoration:none;border-radius:6px;font-weight:600;transition:background 200ms;border:2px solid #013E5F}
.price-card-box .card-action:hover{background:#FF2D77;border-color:#FF2D77}
.outcomes-layer{max-width:1536px;margin:120px auto 0;padding:0 24px}
.outcomes-layer h2{font-size:42px;color:#013E5F;margin:0 0 20px;font-weight:700}
.outcomes-layer h2::before{content:'';display:inline-block;width:6px;height:42px;background:linear-gradient(180deg,#FF2D77,#013E5F);margin-right:16px;vertical-align:middle}
.outcomes-layer .intro-paragraph{font-size:18px;line-height:1.7;color:#013E5F;max-width:920px;margin:0 0 56px}
.outcomes-display{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.outcome-item-wrapper{display:flex;gap:24px;align-items:flex-start}
.outcome-icon-frame{flex:0 0 72px;height:72px;background:linear-gradient(135deg,#FF2D77 0%,#013E5F 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:transform 300ms}
.outcome-item-wrapper:hover .outcome-icon-frame{transform:rotate(5deg) scale(1.05)}
.outcome-icon-frame svg{width:36px;height:36px;fill:#F9FBFA}
.outcome-content-stage{flex:1}
.outcome-content-stage h3{font-size:24px;color:#013E5F;margin:0 0 12px;font-weight:700}
.outcome-content-stage p{font-size:16px;line-height:1.6;color:#013E5F;margin:0}
.formats-surface{max-width:1536px;margin:120px auto 0;padding:80px 24px;background:linear-gradient(163deg,#ff2d7714 0%,#013e5f14 50%,#f9fbfa14 100%);border-radius:10px}
.formats-surface h2{font-size:42px;color:#013E5F;text-align:center;margin:0 0 56px;font-weight:700;position:relative}
.formats-surface h2::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#FF2D77,#013E5F)}
.format-switcher-container{max-width:1200px;margin:0 auto}
.format-tabs-nav{display:flex;gap:16px;justify-content:center;margin:0 0 48px;border-bottom:2px solid #013e5f33;padding-bottom:0}
.format-tabs-nav input[type="radio"]{display:none}
.format-tabs-nav label{padding:16px 32px;cursor:pointer;color:#013E5F;font-size:18px;font-weight:600;border-bottom:3px solid transparent;transition:all 200ms;margin-bottom:-2px}
.format-tabs-nav label:hover{color:#FF2D77}
.format-tabs-nav input[type="radio"]:checked + label{color:#FF2D77;border-bottom-color:#FF2D77}
.format-content-holder{position:relative;min-height:400px}
.format-panel-box{display:none;animation:panel-fade-in 400ms}
@keyframes panel-fade-in {
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
#format-tab-1:checked ~ .format-content-holder .format-panel-box:nth-of-type(1),#format-tab-2:checked ~ .format-content-holder .format-panel-box:nth-of-type(2),#format-tab-3:checked ~ .format-content-holder .format-panel-box:nth-of-type(3){display:block}
.format-panel-box h3{font-size:32px;color:#013E5F;margin:0 0 24px;font-weight:700}
.format-panel-box .panel-description{font-size:17px;line-height:1.7;color:#013E5F;margin:0 0 32px}
.format-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.feature-chip{background:#F9FBFA;border:2px solid #013E5F;border-radius:6px;padding:20px 24px;font-size:16px;color:#013E5F;font-weight:600;transition:all 200ms}
.feature-chip:hover{background:#FF2D77;color:#F9FBFA;border-color:#FF2D77;transform:translateX(8px)}
.platform-stage{max-width:1536px;margin:120px auto 0;padding:0 24px}
.platform-inner-frame{display:flex;gap:56px;align-items:center}
.platform-visual-side{flex:0 0 48%}
.platform-visual-side img{width:100%;height:520px;object-fit:cover;border-radius:8px;box-shadow:0 8px 32px #013e5f33}
.platform-text-side{flex:1}
.platform-text-side h2{font-size:42px;color:#013E5F;margin:0 0 24px;font-weight:700}
.platform-text-side .platform-description{font-size:17px;line-height:1.7;color:#013E5F;margin:0 0 20px}
.platform-text-side .platform-description:last-of-type{margin-bottom:36px}
.platform-stat-row{display:flex;gap:32px;margin:0 0 40px}
.stat-item-box{flex:1;text-align:center;padding:20px;background:linear-gradient(135deg,#ff2d771a,#013e5f1a);border-radius:6px}
.stat-item-box .stat-number{font-size:40px;color:#FF2D77;font-weight:700;line-height:1;display:block;margin:0 0 8px}
.stat-item-box .stat-label{font-size:16px;color:#013E5F;font-weight:600}
.platform-text-side .platform-action{display:inline-block;padding:16px 42px;background:#013E5F;color:#F9FBFA;text-decoration:none;border-radius:6px;font-size:18px;font-weight:600;transition:all 200ms;border:2px solid #013E5F}
.platform-text-side .platform-action:hover{background:#FF2D77;border-color:#FF2D77;transform:translateY(-2px);box-shadow:0 4px 16px #ff2d774d}
.testimonial-backdrop{max-width:1536px;margin:120px auto 80px;padding:80px 24px;background:linear-gradient(163deg,#FF2D77 0%,#013E5F 50%,#F9FBFA 100%);border-radius:10px;position:relative}
.testimonial-backdrop::before{content:'"';position:absolute;top:20px;left:40px;font-size:180px;color:#f9fbfa26;font-family:Georgia,serif;line-height:1}
.testimonial-inner-container{max-width:1000px;margin:0 auto;display:flex;gap:48px;align-items:center}
.testimonial-profile-area{flex:0 0 200px;text-align:center}
.testimonial-profile-area img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:5px solid #F9FBFA;box-shadow:0 6px 24px #0003}
.testimonial-profile-area .profile-name{font-size:20px;color:#F9FBFA;font-weight:700;margin:16px 0 4px}
.testimonial-profile-area .profile-role{font-size:16px;color:#f9fbfae6;margin:0}
.testimonial-text-area{flex:1}
.testimonial-text-area p{font-size:20px;line-height:1.7;color:#F9FBFA;margin:0 0 20px}
.testimonial-text-area p:last-child{margin:0}
@media (max-width: 1366px) {
.main-banner{gap:40px;margin-top:60px}
.banner-visual img{height:500px}
.banner-text-wrapper h1{font-size:44px}
.pricing-canvas,.outcomes-layer,.formats-surface,.platform-stage,.testimonial-backdrop{margin-top:100px}
}
@media (max-width: 768px) {
.main-banner{flex-direction:column;gap:32px;margin-top:40px}
.banner-visual{flex:0 0 auto;width:100%}
.banner-visual img{height:400px}
.banner-text-wrapper h1{font-size:36px;margin-bottom:20px}
.banner-text-wrapper .lead-text{font-size:18px;margin-bottom:28px}
.banner-action{padding:14px 32px;font-size:16px}
.pricing-canvas h2,.outcomes-layer h2,.formats-surface h2,.platform-text-side h2{font-size:32px}
.pricing-grid{grid-template-columns:1fr;gap:24px}
.outcomes-display{grid-template-columns:1fr;gap:32px}
.format-tabs-nav{flex-direction:column;gap:8px;border-bottom:none}
.format-tabs-nav label{text-align:center;border-bottom:none;border-left:3px solid transparent;padding-left:16px}
.format-tabs-nav input[type="radio"]:checked + label{border-bottom-color:transparent;border-left-color:#FF2D77}
.format-features-grid{grid-template-columns:1fr}
.platform-inner-frame{flex-direction:column;gap:40px}
.platform-visual-side{flex:0 0 auto;width:100%}
.platform-visual-side img{height:360px}
.platform-stat-row{flex-direction:column;gap:16px}
.testimonial-inner-container{flex-direction:column;gap:32px}
.testimonial-profile-area{flex:0 0 auto}
.testimonial-text-area p{font-size:18px}
.pricing-canvas,.outcomes-layer,.formats-surface,.platform-stage,.testimonial-backdrop{margin-top:80px}
.formats-surface,.testimonial-backdrop{padding:60px 24px}
}
@media (max-width: 375px) {
.banner-text-wrapper h1{font-size:28px}
.banner-visual img{height:320px}
.pricing-canvas h2,.outcomes-layer h2,.formats-surface h2,.platform-text-side h2{font-size:28px}
.platform-visual-side img{height:280px}
.testimonial-profile-area img{width:140px;height:140px}
}
.contact-stage{max-width:1536px;margin:0 auto;padding:80px 24px 40px;position:relative;overflow:hidden}
.contact-stage::before{content:'';position:absolute;top:-120px;right:-80px;width:400px;height:400px;background:linear-gradient(163deg,#FF2D77 0%,#013E5F 50%,#F9FBFA 100%);border-radius:50%;opacity:.08;z-index:0}
.contact-stage::after{content:'';position:absolute;bottom:-60px;left:-100px;width:320px;height:320px;background:#FF2D77;border-radius:50%;opacity:.05;z-index:0}
.entry-panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:32px;margin-bottom:90px}
.entry-panel .main-headline{font-size:56px;font-weight:700;line-height:1.1;color:#013E5F;margin:0;max-width:680px}
.entry-panel .action-link-box{display:inline-flex}
.entry-panel .forward-button{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:linear-gradient(135deg,#FF2D77 0%,#013E5F 100%);color:#F9FBFA;text-decoration:none;font-size:18px;font-weight:600;border-radius:8px;transition:transform 200ms,box-shadow 300ms;box-shadow:0 4px 12px #ff2d774d}
.entry-panel .forward-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff2d7766}
.entry-panel .forward-button svg{width:20px;height:20px;fill:currentColor}
.method-display-surface{max-width:1536px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.info-segment{background:#F9FBFA;padding:40px 32px;border-radius:10px;border:2px solid transparent;transition:border-color 300ms,transform 200ms;position:relative}
.info-segment:hover{border-color:#FF2D77;transform:translateY(-4px)}
.info-segment .icon-holder{width:56px;height:56px;background:linear-gradient(135deg,#FF2D77 0%,#013E5F 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.info-segment .icon-holder svg{width:28px;height:28px;fill:#F9FBFA}
.info-segment .segment-label{font-size:22px;font-weight:700;color:#013E5F;margin:0 0 16px}
.info-segment .detail-text{font-size:16px;line-height:1.6;color:#013E5F;margin:0}
.info-segment .detail-text a{color:#FF2D77;text-decoration:none;font-weight:600;transition:color 200ms}
.info-segment .detail-text a:hover{color:#013E5F}
.form-canvas{max-width:1536px;margin:0 auto;padding:80px 24px;background:linear-gradient(163deg,#ff2d7708 0%,#013e5f08 100%)}
.form-canvas .canvas-wrapper{max-width:800px;margin:0 auto;background:#F9FBFA;padding:60px 50px;border-radius:12px;box-shadow:0 8px 24px #013e5f1f}
.form-canvas .section-headline{font-size:38px;font-weight:700;color:#013E5F;margin:0 0 16px;text-align:center}
.form-canvas .section-intro{font-size:17px;line-height:1.6;color:#013E5F;margin:0 0 48px;text-align:center}
.inquiry-form{display:flex;flex-direction:column;gap:28px}
.field-cluster{display:flex;flex-direction:column;gap:10px}
.field-cluster .field-title{font-size:16px;font-weight:600;color:#013E5F;margin:0}
.field-cluster .input-field{width:100%;padding:16px 18px;font-size:16px;color:#013E5F;background:#fff;border:2px solid #e0e0e0;border-radius:8px;transition:border-color 300ms,box-shadow 300ms;outline:none;box-sizing:border-box}
.field-cluster .input-field:focus{border-color:#FF2D77;box-shadow:0 0 0 4px #ff2d771a}
.interest-selector-box{display:flex;flex-direction:column;gap:10px}
.interest-selector-box .field-title{font-size:16px;font-weight:600;color:#013E5F;margin:0}
.option-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}
.option-cards input[type="radio"]{display:none}
.option-cards .option-label{display:block;padding:18px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;text-align:center;font-size:15px;font-weight:600;color:#013E5F;cursor:pointer;transition:all 300ms}
.option-cards input[type="radio"]:checked + .option-label{background:linear-gradient(135deg,#FF2D77 0%,#013E5F 100%);color:#F9FBFA;border-color:#FF2D77;box-shadow:0 4px 12px #ff2d774d}
.option-cards .option-label:hover{border-color:#FF2D77;transform:translateY(-2px)}
.additional-content-reveal{display:none;flex-direction:column;gap:10px;margin-top:8px}
#interest-advanced:checked ~ .additional-content-reveal{display:flex}
.additional-content-reveal .field-title{font-size:16px;font-weight:600;color:#013E5F;margin:0}
.additional-content-reveal .text-area-field{width:100%;min-height:140px;padding:16px 18px;font-size:16px;color:#013E5F;background:#fff;border:2px solid #e0e0e0;border-radius:8px;transition:border-color 300ms,box-shadow 300ms;outline:none;resize:vertical;box-sizing:border-box;font-family:inherit}
.additional-content-reveal .text-area-field:focus{border-color:#FF2D77;box-shadow:0 0 0 4px #ff2d771a}
.privacy-agreement{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.privacy-agreement input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#FF2D77}
.privacy-agreement .agreement-text{font-size:15px;line-height:1.5;color:#013E5F;margin:0}
.privacy-agreement .agreement-text a{color:#FF2D77;text-decoration:none;font-weight:600;transition:color 200ms}
.privacy-agreement .agreement-text a:hover{color:#013E5F}
.submit-zone{margin-top:12px}
.submit-zone .submit-action{width:100%;padding:20px;font-size:18px;font-weight:700;color:#F9FBFA;background:linear-gradient(135deg,#FF2D77 0%,#013E5F 100%);border:none;border-radius:8px;cursor:pointer;transition:transform 200ms,box-shadow 300ms;box-shadow:0 4px 12px #ff2d774d}
.submit-zone .submit-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff2d7766}
.operational-frame{max-width:1536px;margin:0 auto;padding:80px 24px;background:#013E5F}
.operational-frame .schedule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.operational-frame .availability-block{background:#f9fbfa0d;padding:44px 36px;border-radius:10px;border:2px solid #ff2d7733}
.operational-frame .availability-block .block-header{font-size:28px;font-weight:700;color:#F9FBFA;margin:0 0 28px;position:relative;padding-bottom:16px}
.operational-frame .availability-block .block-header::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:#FF2D77}
.operational-frame .hours-listing{display:flex;flex-direction:column;gap:14px}
.operational-frame .hours-listing .day-entry{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#F9FBFA;padding:12px 0;border-bottom:1px solid #f9fbfa1a}
.operational-frame .hours-listing .day-entry .day-name{font-weight:600}
.operational-frame .hours-listing .day-entry .time-range{color:#f9fbfacc}
.operational-frame .response-info{display:flex;flex-direction:column;gap:20px}
.operational-frame .response-info .metric-display{background:#ff2d771a;padding:24px;border-radius:8px;border-left:4px solid #FF2D77}
.operational-frame .response-info .metric-display .metric-label{font-size:15px;font-weight:600;color:#f9fbfab3;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}
.operational-frame .response-info .metric-display .metric-value{font-size:32px;font-weight:700;color:#F9FBFA;margin:0}
.operational-frame .response-info .note-text{font-size:15px;line-height:1.7;color:#f9fbfacc;margin:0}
@media (max-width: 1366px) {
.contact-stage{padding:60px 20px 30px}
.entry-panel .main-headline{font-size:48px}
.method-display-surface{gap:32px}
}
@media (max-width: 768px) {
.contact-stage{padding:40px 16px 20px}
.entry-panel .main-headline{font-size:36px}
.method-display-surface{grid-template-columns:1fr;gap:24px;padding:40px 16px}
.form-canvas .canvas-wrapper{padding:40px 24px}
.form-canvas .section-headline{font-size:30px}
.option-cards{grid-template-columns:1fr}
.operational-frame .schedule-grid{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 375px) {
.entry-panel .main-headline{font-size:28px}
.entry-panel .forward-button{padding:16px 28px;font-size:16px}
.info-segment{padding:32px 24px}
.form-canvas .canvas-wrapper{padding:32px 20px}
}
.title-frame{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:90px}
.title-frame .bg-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.title-frame .bg-layer img{width:100%;height:100%;object-fit:cover;filter:brightness(0.4) saturate(1.3)}
.title-frame .overlay-surface{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(163deg,#ff2d77bf 0%,#013e5fd9 50%,#f9fbfa26 100%);z-index:2}
.title-frame .content-stage{position:relative;z-index:3;max-width:1120px;width:90%;margin:0 auto;padding:60px 0}
.title-frame .manifesto-text{color:#F9FBFA;font-size:52px;line-height:1.2;font-weight:700;text-align:center;margin:0 0 24px;text-shadow:0 3px 12px #0006}
.title-frame .supporting-line{color:#F9FBFA;font-size:20px;line-height:1.5;text-align:center;margin:0;opacity:.95;max-width:820px;margin-left:auto;margin-right:auto}
.story-canvas{max-width:1536px;width:92%;margin:0 auto 100px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.story-canvas .visual-element{position:relative}
.story-canvas .visual-element img{width:100%;height:580px;object-fit:cover;border-radius:8px;box-shadow:0 6px 24px #013e5f2e;transition:transform 300ms,box-shadow 300ms}
.story-canvas .visual-element img:hover{transform:translateY(-6px);box-shadow:0 12px 36px #013e5f47}
.story-canvas .narrative-segment{padding:20px 0}
.story-canvas .narrative-segment h2{font-size:38px;line-height:1.3;color:#013E5F;margin:0 0 26px;font-weight:700;position:relative;padding-left:18px}
.story-canvas .narrative-segment h2::before{content:'';position:absolute;left:0;top:6px;width:5px;height:32px;background:linear-gradient(180deg,#FF2D77 0%,#013E5F 100%)}
.story-canvas .narrative-segment .text-passage{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 22px}
.story-canvas .narrative-segment .text-passage:last-of-type{margin-bottom:0}
.value-grid-box{background:linear-gradient(163deg,#f9fbfaff 0%,#013e5f0f 50%,#ff2d7714 100%);padding:85px 0;margin-bottom:95px}
.value-grid-box .inner-container{max-width:1536px;width:92%;margin:0 auto}
.value-grid-box .section-intro{text-align:center;margin-bottom:60px}
.value-grid-box .section-intro h2{font-size:42px;line-height:1.25;color:#013E5F;margin:0 0 20px;font-weight:700}
.value-grid-box .section-intro .subtitle-text{font-size:18px;line-height:1.6;color:#3a3a3a;max-width:760px;margin:0 auto}
.principle-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.principle-card-box{background:#fff;padding:40px 32px;border-radius:6px;box-shadow:0 4px 16px #013e5f1f;transition:all 300ms;position:relative}
.principle-card-box::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF2D77 0%,#013E5F 100%);transform:scaleX(0);transform-origin:left;transition:transform 400ms}
.principle-card-box:hover{transform:translateY(-8px);box-shadow:0 8px 28px #013e5f38}
.principle-card-box:hover::after{transform:scaleX(1)}
.principle-card-box .icon-wrapper{width:62px;height:62px;background:linear-gradient(135deg,#FF2D77 0%,#013E5F 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.principle-card-box .icon-wrapper svg{width:32px;height:32px;fill:#F9FBFA}
.principle-card-box h3{font-size:24px;line-height:1.35;color:#013E5F;margin:0 0 16px;font-weight:700}
.principle-card-box .description-text{font-size:16px;line-height:1.65;color:#3a3a3a;margin:0}
.team-showcase-stage{max-width:1536px;width:92%;margin:0 auto 100px}
.team-showcase-stage .header-section{text-align:center;margin-bottom:55px}
.team-showcase-stage .header-section h2{font-size:40px;line-height:1.3;color:#013E5F;margin:0 0 18px;font-weight:700}
.team-showcase-stage .header-section .intro-description{font-size:17px;line-height:1.65;color:#3a3a3a;max-width:700px;margin:0 auto}
.members-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:45px}
.profile-card-surface{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 20px #013e5f24;transition:transform 300ms,box-shadow 300ms;display:flex;flex-direction:column}
.profile-card-surface:hover{transform:translateY(-6px);box-shadow:0 10px 32px #013e5f3d}
.profile-card-surface .image-container{position:relative;height:360px;overflow:hidden;background:linear-gradient(163deg,#F9FBFA 0%,#013E5F 100%)}
.profile-card-surface .image-container img{width:100%;height:100%;object-fit:cover;transition:transform 500ms}
.profile-card-surface:hover .image-container img{transform:scale(1.08)}
.profile-card-surface .details-wrapper{padding:32px 28px;flex-grow:1;display:flex;flex-direction:column}
.profile-card-surface .details-wrapper h4{font-size:26px;line-height:1.3;color:#013E5F;margin:0 0 8px;font-weight:700}
.profile-card-surface .details-wrapper .role-label{font-size:16px;line-height:1.5;color:#FF2D77;margin:0 0 18px;font-weight:600}
.profile-card-surface .details-wrapper .bio-snippet{font-size:15px;line-height:1.7;color:#3a3a3a;margin:0}
@media (max-width: 1366px) {
.story-canvas{gap:50px}
.principle-layout{grid-template-columns:repeat(2,1fr);gap:40px}
}
@media (max-width: 768px) {
.title-frame{min-height:420px;margin-bottom:60px}
.title-frame .manifesto-text{font-size:36px}
.title-frame .supporting-line{font-size:17px}
.story-canvas{grid-template-columns:1fr;gap:40px;margin-bottom:70px}
.story-canvas .visual-element img{height:420px}
.story-canvas .narrative-segment h2{font-size:32px}
.value-grid-box{padding:60px 0;margin-bottom:70px}
.value-grid-box .section-intro h2{font-size:34px}
.principle-layout{grid-template-columns:1fr;gap:35px}
.team-showcase-stage{margin-bottom:70px}
.team-showcase-stage .header-section h2{font-size:34px}
.members-display{grid-template-columns:1fr;gap:35px}
}
@media (max-width: 375px) {
.title-frame{min-height:360px}
.title-frame .manifesto-text{font-size:28px}
.title-frame .supporting-line{font-size:16px}
.story-canvas .visual-element img{height:340px}
.story-canvas .narrative-segment h2{font-size:28px}
.value-grid-box .section-intro h2{font-size:28px}
.team-showcase-stage .header-section h2{font-size:28px}
.profile-card-surface .image-container{height:320px}
}
.program-stage{max-width:1536px;margin:0 auto;padding:0 24px}
.title-frame{position:relative;margin:80px 0 120px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.title-frame::before{content:'';position:absolute;top:-20px;left:-20px;width:280px;height:280px;border:2px solid #FF2D77;border-radius:8px;z-index:1}
.title-text-box{position:relative;z-index:2;background:linear-gradient(135deg,#F9FBFA 0%,#f9fbfaf2 100%);padding:48px;border-radius:8px}
.title-text-box h1{font-size:46px;line-height:1.2;color:#013E5F;margin:0 0 32px;font-weight:700}
.title-text-box .intro-points{list-style:none;padding:0;margin:0}
.title-text-box .intro-points li{font-size:17px;line-height:1.7;color:#013E5F;margin-bottom:16px;padding-left:28px;position:relative}
.title-text-box .intro-points li::before{content:'';position:absolute;left:0;top:10px;width:12px;height:2px;background:#FF2D77}
.title-visual-container{position:relative}
.title-visual-container img{width:100%;height:480px;object-fit:cover;border-radius:8px;filter:blur(0);box-shadow:0 4px 24px #013e5f1f}
.title-visual-container::after{content:'';position:absolute;inset:0;border-radius:8px;box-shadow:inset 0 0 40px #f9fbfa4d;pointer-events:none}
.learning-journey-layer{background:linear-gradient(163deg,#F9FBFA 0%,#ff2d7714 100%);padding:100px 0;position:relative}
.journey-content-surface{max-width:1536px;margin:0 auto;padding:0 24px}
.journey-header-element{text-align:center;margin-bottom:80px}
.journey-header-element h2{font-size:42px;line-height:1.3;color:#013E5F;margin:0 0 24px;font-weight:700}
.journey-header-element .header-accent{color:#FF2D77}
.journey-header-element p{font-size:18px;line-height:1.7;color:#013E5F;max-width:820px;margin:0 auto}
.phases-display-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:80px}
.phase-card-box{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 12px #013e5f14;transition:transform 200ms,box-shadow 200ms;cursor:pointer}
.phase-card-box:hover{transform:translateY(-4px);box-shadow:0 6px 24px #ff2d772e}
.phase-number-badge{display:inline-block;width:56px;height:56px;background:linear-gradient(135deg,#FF2D77 0%,#013E5F 100%);border-radius:50%;color:#fff;font-size:24px;font-weight:700;line-height:56px;text-align:center;margin-bottom:24px}
.phase-card-box h3{font-size:24px;line-height:1.4;color:#013E5F;margin:0 0 20px;font-weight:700}
.phase-card-box p{font-size:16px;line-height:1.7;color:#013E5F;margin:0 0 20px}
.phase-metrics-row{display:flex;gap:24px;margin-top:28px;padding-top:28px;border-top:1px solid #013e5f1f}
.metric-item-box{flex:1}
.metric-label-text{font-size:13px;color:#013E5F;opacity:.7;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.metric-value-text{font-size:20px;color:#FF2D77;font-weight:700}
.progress-tracker-section{background:#fff;padding:48px;border-radius:8px;border:2px solid #013e5f14}
.tracker-title-box h4{font-size:20px;color:#013E5F;margin:0 0 32px;font-weight:700}
.timeline-wrapper{position:relative;padding-left:60px}
.timeline-wrapper::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FF2D77 0%,#013E5F 100%)}
.timeline-step-item{position:relative;margin-bottom:40px}
.timeline-step-item:last-child{margin-bottom:0}
.timeline-step-item::before{content:'';position:absolute;left:-48px;top:4px;width:16px;height:16px;background:#FF2D77;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #ff2d774d}
.timeline-step-item[data-complete="true"]::before{background:#013E5F}
.step-title-line{font-size:17px;color:#013E5F;font-weight:700;margin-bottom:8px}
.step-description-text{font-size:15px;line-height:1.6;color:#013E5F;opacity:.8}
.instructor-showcase-canvas{background:linear-gradient(163deg,#013E5F 0%,#ff2d77e6 100%);padding:100px 0;position:relative;overflow:hidden}
.instructor-showcase-canvas::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Cpath d='M30 0L0 30l30 30 30-30z' fill='%23F9FBFA' opacity='0.03'/%3E%3C/svg%3E");opacity:.4}
.instructor-content-layer{max-width:1536px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.instructor-layout-grid{display:grid;grid-template-columns:2fr 3fr;gap:80px;align-items:center}
.instructor-profile-column h2{font-size:38px;line-height:1.3;color:#F9FBFA;margin:0 0 40px;font-weight:700}
.profiles-display-stack{display:flex;flex-direction:column;gap:32px}
.profile-card-element{display:flex;gap:24px;background:#f9fbfa1f;padding:28px;border-radius:8px;backdrop-filter:blur(8px);transition:background 300ms}
.profile-card-element:hover{background:#f9fbfa2e}
.profile-image-wrapper{flex-shrink:0}
.profile-image-wrapper img{width:88px;height:88px;object-fit:cover;border-radius:50%;border:3px solid #f9fbfa4d}
.profile-info-box h5{font-size:20px;color:#F9FBFA;margin:0 0 6px;font-weight:700}
.profile-title-text{font-size:14px;color:#F9FBFA;opacity:.7;margin-bottom:12px}
.profile-info-box p{font-size:15px;line-height:1.6;color:#F9FBFA;margin:0;opacity:.9}
.expertise-details-column{background:#f9fbfaf2;padding:60px;border-radius:8px}
.expertise-details-column h3{font-size:28px;color:#013E5F;margin:0 0 32px;font-weight:700}
.expertise-details-column p{font-size:17px;line-height:1.8;color:#013E5F;margin:0 0 28px}
.skills-indicators-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}
.skill-display-item{background:#fff;padding:20px;border-radius:6px;border-left:4px solid #FF2D77}
.skill-name-label{font-size:15px;color:#013E5F;font-weight:700;margin-bottom:12px}
.skill-level-bar-container{width:100%;height:8px;background:#013e5f1a;border-radius:4px;overflow:hidden}
.skill-level-fill{height:100%;background:linear-gradient(90deg,#FF2D77 0%,#013E5F 100%);transition:width 600ms ease-out}
.action-button-row{margin-top:48px;display:flex;gap:20px}
.action-button-primary{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#FF2D77 0%,#013E5F 100%);color:#F9FBFA;font-size:17px;font-weight:700;text-decoration:none;border-radius:8px;transition:transform 200ms,box-shadow 200ms;box-shadow:0 4px 16px #ff2d774d}
.action-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff2d7766}
.action-button-secondary{display:inline-block;padding:16px 40px;background:#f9fbfa26;color:#F9FBFA;font-size:17px;font-weight:700;text-decoration:none;border-radius:8px;border:2px solid #f9fbfa4d;transition:background 200ms,border-color 200ms}
.action-button-secondary:hover{background:#f9fbfa40;border-color:#f9fbfa80}
@media screen and (max-width: 1366px) {
.title-frame{gap:40px}
.title-text-box h1{font-size:38px}
.phases-display-grid{gap:32px}
.instructor-layout-grid{gap:60px}
}
@media screen and (max-width: 768px) {
.title-frame{grid-template-columns:1fr;gap:40px;margin:60px 0 80px}
.title-frame::before{width:200px;height:200px}
.title-text-box{padding:32px}
.title-text-box h1{font-size:32px;margin-bottom:24px}
.title-visual-container img{height:320px}
.learning-journey-layer{padding:60px 0}
.journey-header-element{margin-bottom:48px}
.journey-header-element h2{font-size:32px}
.phases-display-grid{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
.phase-card-box{padding:28px}
.phase-metrics-row{flex-direction:column;gap:16px}
.progress-tracker-section{padding:32px 24px}
.timeline-wrapper{padding-left:48px}
.instructor-showcase-canvas{padding:60px 0}
.instructor-layout-grid{grid-template-columns:1fr;gap:48px}
.instructor-profile-column h2{font-size:28px;margin-bottom:32px}
.profile-card-element{flex-direction:column;align-items:center;text-align:center}
.expertise-details-column{padding:40px 28px}
.skills-indicators-grid{grid-template-columns:1fr;gap:16px}
.action-button-row{flex-direction:column}
.action-button-primary,.action-button-secondary{text-align:center}
}
@media screen and (max-width: 375px) {
.program-stage{padding:0 16px}
.title-text-box{padding:24px}
.title-text-box h1{font-size:28px}
.title-text-box .intro-points li{font-size:16px}
.journey-header-element h2{font-size:28px}
.phase-card-box h3{font-size:20px}
.expertise-details-column{padding:28px 20px}
}
.confirm-stage{max-width:1536px;margin:0 auto;padding:80px 24px;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.confirm-visual-frame{position:relative;width:100%;max-width:680px;margin:0 auto 48px}
.confirm-geometric-layer{position:relative;background:linear-gradient(163deg,#FF2D77 0%,#013E5F 50%,#F9FBFA 100%);padding:3px;transform:rotate(-2deg);border-radius:8px}
.confirm-inner-surface{background:#F9FBFA;padding:64px 48px;transform:rotate(2deg);border-radius:6px;position:relative}
.confirm-inner-surface::before{content:'';position:absolute;top:-120px;left:-80px;width:280px;height:280px;background:linear-gradient(135deg,#ff2d7714 0%,#013e5f0d 100%);border-radius:50%;z-index:1}
.confirm-inner-surface::after{content:'';position:absolute;bottom:-60px;right:-100px;width:340px;height:160px;background:linear-gradient(245deg,#013e5f0f 0%,#ff2d770a 100%);border-radius:50%;z-index:1}
.confirm-icon-canvas{width:96px;height:96px;margin:0 auto 32px;position:relative;z-index:2}
.confirm-icon-canvas svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #ff2d7726)}
.confirm-heading-primary{font-size:42px;font-weight:700;color:#013E5F;text-align:center;margin:0 0 16px;line-height:1.2;position:relative;z-index:2}
.confirm-heading-primary::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FF2D77 0%,#013E5F 100%);margin:20px auto 0;border-radius:2px}
.confirm-text-body{font-size:18px;line-height:1.65;color:#013E5F;text-align:center;margin:0 0 40px;max-width:520px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.confirm-action-panel{display:flex;flex-direction:column;gap:16px;align-items:center;position:relative;z-index:2}
.confirm-btn-main{display:inline-block;padding:16px 48px;background:linear-gradient(135deg,#FF2D77 0%,#013E5F 100%);color:#F9FBFA;font-size:17px;font-weight:600;text-decoration:none;border-radius:8px;transition:all 220ms ease;box-shadow:0 4px 16px #ff2d7733;position:relative;overflow:hidden}
.confirm-btn-main::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#f9fbfa26,transparent);transition:left 400ms ease}
.confirm-btn-main:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff2d774d}
.confirm-btn-main:hover::before{left:100%}
.confirm-btn-secondary{display:inline-block;padding:14px 40px;background:transparent;color:#013E5F;font-size:16px;font-weight:500;text-decoration:none;border:2px solid #013E5F;border-radius:8px;transition:all 180ms ease}
.confirm-btn-secondary:hover{background:#013E5F;color:#F9FBFA;border-color:#013E5F}
.confirm-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:56px;max-width:900px;margin-left:auto;margin-right:auto}
.confirm-detail-card{background:linear-gradient(145deg,#ff2d770a 0%,#013e5f0f 100%);padding:28px 24px;border-radius:8px;border-left:4px solid #FF2D77;transition:all 200ms ease}
.confirm-detail-card:hover{transform:translateX(4px);box-shadow:0 3px 12px #013e5f14}
.confirm-detail-label{font-size:14px;font-weight:600;color:#FF2D77;text-transform:uppercase;letter-spacing:.8px;margin:0 0 10px}
.confirm-detail-content{font-size:16px;line-height:1.6;color:#013E5F;margin:0}
@media (max-width: 768px) {
.confirm-stage{padding:60px 20px}
.confirm-inner-surface{padding:48px 32px}
.confirm-heading-primary{font-size:32px}
.confirm-text-body{font-size:16px}
.confirm-btn-main{padding:14px 36px;font-size:16px;width:100%;text-align:center}
.confirm-btn-secondary{padding:12px 32px;font-size:15px;width:100%;text-align:center}
.confirm-action-panel{width:100%}
.confirm-detail-grid{grid-template-columns:1fr;gap:20px}
.confirm-icon-canvas{width:80px;height:80px}
}
@media (max-width: 375px) {
.confirm-stage{padding:40px 16px}
.confirm-inner-surface{padding:36px 24px}
.confirm-heading-primary{font-size:28px}
.confirm-text-body{font-size:15px}
.confirm-detail-card{padding:24px 20px}
}