#pathway-products{--bg:#101010;--panel:#1a1816;--line:#483526;--muted:#c2b4a9;--orange:#ff833f;--cream:#ffd8bd}#pathway-products *{box-sizing:border-box}#pathway-products{margin:0;background:var(--bg);color:#f8f3ef;font:16px/1.7 'Be Vietnam Pro',sans-serif}#pathway-products button,#pathway-products select{font:inherit}#pathway-products button,#pathway-products a,#pathway-products select{cursor:pointer}#pathway-products button:focus-visible,#pathway-products a:focus-visible,#pathway-products select:focus-visible{outline:2px solid var(--cream);outline-offset:4px}#pathway-products button{color:inherit}#pathway-products a{color:inherit}#pathway-products .wrap{max-width:1260px;margin:auto;padding:0 32px}#pathway-products .demo{background:#302218;text-align:center;color:#e4c6ad;padding:8px 20px;font-size:12px}#pathway-products .demo b{color:#ffad78;margin-right:12px}#pathway-products header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #302a24}#pathway-products header img{width:72px;height:72px;object-fit:contain}#pathway-products header a{text-decoration:none;color:var(--muted);font-size:14px}#pathway-products .pw-hero{padding:58px 0 30px;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:end}#pathway-products .pw-eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--orange);text-transform:uppercase;margin:0 0 16px}#pathway-products h1{font-size:clamp(32px,4vw,52px);line-height:1.18;letter-spacing:-2px;margin:0}#pathway-products h1 span{color:var(--cream)}#pathway-products .pw-hero p{color:var(--muted);margin:0}#pathway-products .pw-guide{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px}#pathway-products .pw-chip{border:1px solid var(--line);border-radius:50px;padding:10px 18px;background:transparent;font-size:13px}#pathway-products .pw-chip.pw-active{background:#32251c;border-color:var(--orange);color:var(--cream)}#pathway-products .pw-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}#pathway-products .pw-card{position:relative;border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;background:linear-gradient(145deg,#241e18,#181716)}#pathway-products .pw-card.pw-featured{border-color:#b66a38;background:linear-gradient(145deg,#372418,#1b1714)}#pathway-products .pw-card.pw-focus{box-shadow:0 0 0 2px var(--orange)}#pathway-products .pw-badge{display:inline-block;background:#ffb98a;color:#28190e;font-size:11px;font-weight:800;padding:4px 10px;border-radius:5px;margin-left:6px;letter-spacing:0}#pathway-products .pw-step{font-size:12px;color:#d3a787;letter-spacing:1px;min-height:30px}#pathway-products .pw-card h2{font-size:26px;line-height:1.3;margin:10px 0 15px;letter-spacing:-.7px}#pathway-products .pw-desc{color:var(--muted);font-size:15px;min-height:79px;margin:0 0 20px}#pathway-products .pw-price{font-size:32px;font-weight:800;letter-spacing:-1px}#pathway-products .pw-price small{font-size:15px;font-weight:500}#pathway-products .pw-price-note{font-size:12px;color:var(--muted);min-height:26px}#pathway-products .pw-choice{margin:14px 0 4px;min-height:85px}#pathway-products .pw-choice label{display:block;font-size:12px;color:#d5c6ba;margin-bottom:6px}#pathway-products select{width:100%;padding:10px;color:#fff;background:#211c18;border:1px solid #866043;border-radius:8px;font-size:14px}#pathway-products .pw-quiet{font-size:13px;color:var(--muted);padding:15px 0}#pathway-products .pw-rule{border-top:1px solid var(--line);padding-top:19px;margin-top:10px}#pathway-products .pw-benefits{list-style:none;padding:0;margin:0 0 26px;font-size:14px}#pathway-products .pw-benefits li{padding:6px 0;display:flex;gap:9px}#pathway-products .pw-benefits li:before{content:'✓';color:var(--orange)}#pathway-products .pw-benefits strong{font-weight:600}#pathway-products .pw-cta{margin-top:auto}#pathway-products .pw-button{width:100%;border:1px solid #bc7646;border-radius:9px;padding:14px 12px;background:transparent;font-weight:700;font-size:14px}#pathway-products .pw-featured .pw-button{background:linear-gradient(100deg,#ff7d31,#ffd9bf);border:0;color:#21150d}#pathway-products .pw-full .pw-button{background:#f5d9c4;color:#20150d;border:0}#pathway-products .pw-sub{font-size:11px;color:#ad9a8b;text-align:center;margin:9px 0 0}#pathway-products .pw-common{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;border-bottom:1px solid #302a24;padding:25px 0 45px;color:var(--muted);font-size:13px}#pathway-products .pw-common span::first-letter{color:var(--orange)}#pathway-products .section{padding:45px 0}#pathway-products .section h2{font-size:29px;letter-spacing:-1px;margin:0 0 8px}#pathway-products .section>p{color:var(--muted);margin-top:0}#pathway-products .list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}#pathway-products .single{border:1px solid #393029;border-radius:12px;padding:19px;background:#181614;display:flex;flex-direction:column}#pathway-products .single small{color:#cf9f7a;font-size:11px}#pathway-products .single h3{font-size:16px;line-height:1.5;margin:9px 0 16px}#pathway-products .single div{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}#pathway-products .single button{border:0;background:none;color:#ffc393;font-size:13px}#pathway-products .upgrade{padding:27px;border:1px dashed #856043;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#201a15}#pathway-products .upgrade h3{font-size:20px;margin:0 0 8px}#pathway-products .upgrade p{font-size:14px;color:var(--muted);margin:0}#pathway-products .label{display:inline-block;font-size:10px;letter-spacing:1px;color:#ffc18f;border:1px solid #806044;border-radius:4px;padding:3px 7px;margin-bottom:12px}#pathway-products .example{border-left:1px solid #56402f;padding-left:28px}#pathway-products .example strong{font-size:22px;color:var(--cream)}#pathway-products footer{padding:35px 0;color:#ac9787;font-size:12px;border-top:1px solid #302a24}#pathway-products dialog{width:min(610px,94vw);max-height:88vh;overflow:auto;border:1px solid #99613a;border-radius:20px;padding:30px;background:#1d1915;color:#f8f3ef}#pathway-products dialog::backdrop{background:#000b}#pathway-products .pw-close{float:right;border:0;background:none;font-size:25px;color:#e5baa0}#pathway-products dialog h2{font-size:26px;line-height:1.4}#pathway-products dialog p,#pathway-products dialog li{color:var(--muted);font-size:15px}#pathway-products dialog ul{padding-left:20px}#pathway-products .pw-modal-price{font-size:30px;color:var(--cream);font-weight:800}#pathway-products .pw-notice{background:#32251b;border-radius:8px;padding:14px;font-size:13px!important}#pathway-products .pw-selection{color:var(--cream)!important;font-size:13px!important}@media(max-width:1000px){#pathway-products .wrap{padding:0 20px}#pathway-products .pw-cards{gap:12px}#pathway-products .pw-card{padding:20px}#pathway-products .pw-price{font-size:28px}#pathway-products .pw-card h2{font-size:23px}#pathway-products .pw-desc{min-height:105px}}@media(max-width:760px){.pw-hero{grid-template-columns:1fr;gap:22px;padding-top:35px}#pathway-products .pw-cards,#pathway-products .list,#pathway-products .upgrade{grid-template-columns:1fr}#pathway-products .pw-card{padding:26px}#pathway-products .pw-desc{min-height:0}#pathway-products .pw-choice{min-height:0}#pathway-products .pw-common{justify-content:flex-start;gap:8px 18px}#pathway-products .example{border-left:0;border-top:1px solid #56402f;padding:18px 0 0}#pathway-products .pw-guide{gap:8px}#pathway-products .pw-chip{font-size:12px;padding:8px 12px}#pathway-products .section{padding:32px 0}#pathway-products .pw-card h2{font-size:28px}#pathway-products .pw-hero h1{letter-spacing:-1px}}

#pathway-products{background:transparent}#pathway-products .pw-hero{padding-top:0}#pathway-products .pw-hero h2{font-size:clamp(32px,4vw,48px);line-height:1.2;margin:0;letter-spacing:-1.5px}#pathway-products .pw-hero h2 span{color:var(--cream)}#pathway-products .pw-card h2{font-size:26px}#pathway-products .pw-common{padding-bottom:15px;border:0}#pathway-products .pw-button{text-decoration:none;display:block;text-align:center;box-shadow:none;transform:none}#pathway-products .pw-price-note{font-size:13px}#pathway-products .pw-desc{font-size:16px}#pathway-products .pw-benefits{font-size:15px}

#pathway-products .pw-hero .pw-eyebrow{color:var(--orange);font-size:13px;margin-bottom:16px}#pathway-products .pw-benefits{display:block;background:none;border:0;border-radius:0}#pathway-products .pw-button{color:inherit}#pathway-products .pw-featured .pw-button,#pathway-products .pw-full .pw-button{color:#21150d}

@media(min-width:761px){#pathway-products .pw-card h2{min-height:110px}#pathway-products .pw-desc{min-height:200px}}@media(min-width:1100px){#pathway-products .pw-desc{min-height:165px}}@media(max-width:760px){#pathway-products .pw-hero{grid-template-columns:1fr}}
#pathway-products .pw-price-before{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);margin-bottom:4px;min-height:28px}#pathway-products .pw-price-before span{font-size:12px;font-weight:700;color:#ffbf93;background:#66331e;padding:2px 8px;border-radius:5px}
#pathway-products .pw-section{padding:45px 0}
#pathway-products .pw-section h2{font-size:29px;letter-spacing:-1px;margin:0 0 8px}
#pathway-products .pw-section>p{color:var(--muted);margin-top:0}
#pathway-products .pw-section{padding:32px 0}#pathway-products .pw-upgrade{padding:27px;border:1px dashed #856043;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#201a15}
#pathway-products .pw-upgrade h3{font-size:20px;margin:0 0 8px}
#pathway-products .pw-upgrade p{font-size:14px;color:var(--muted);margin:0}
#pathway-products .pw-label{display:inline-block;font-size:10px;letter-spacing:1px;color:#ffc18f;border:1px solid #806044;border-radius:4px;padding:3px 7px;margin-bottom:12px}#pathway-products .pw-example{border-left:1px solid #56402f;padding-left:28px}
#pathway-products .pw-example strong{font-size:22px;color:var(--cream)}
@media(max-width:760px){#pathway-products .pw-upgrade{grid-template-columns:1fr}#pathway-products .pw-example{border-left:0;border-top:1px solid #56402f;padding:18px 0 0}}
.curriculum-part{border-bottom:1px solid #483526;padding:16px 0}.curriculum-part summary{cursor:pointer;font-weight:700;color:#ffd8bd}.curriculum-part .lesson-list{margin-top:20px}
/* Mobile rhythm and persistent course CTA. */
.mentor-mobile-eyebrow{display:none}
@media(max-width:600px){
 main>.section{padding-top:72px}
 main>.facts{padding:28px 0 32px}
 .facts b{line-height:1.6;margin-bottom:8px}
 .facts span{line-height:1.85}
 main>.facts+.section{padding-top:64px}
 main .eyebrow{line-height:1.9;margin-bottom:22px}
 main h2{line-height:1.4}
 main .section-head{margin-bottom:28px}
 #giang-vien{gap:0}
 #giang-vien>.mentor-mobile-eyebrow{display:block;margin:0 0 24px}
 #giang-vien>.mentor-photo{margin-bottom:28px}
 #giang-vien>div:last-child>.eyebrow{display:none}
 #giang-vien p:not(.eyebrow){line-height:1.9;margin:20px 0}
 #giang-vien .text-link{display:inline-block;line-height:1.8;margin-top:12px;padding:8px 0}
 main>.final{padding:80px 0 64px}
 .final>.eyebrow{line-height:1.95;margin-bottom:24px}
 .final h2{line-height:1.45;margin-bottom:32px}
 footer.wrap{padding-top:32px;padding-bottom:120px}
 .mobile-bar{background:#201914;border-top:1px solid #735036;color:#f8f4ef;padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:12px}
 .mobile-bar span{font-size:10px;line-height:1.7;max-width:155px;font-weight:600}
 .mobile-bar b{position:relative;overflow:hidden;isolation:isolate;flex-shrink:0;padding:12px 17px;min-height:46px;border-radius:11px;border:1px solid #ffd2aa;color:#24150b;background:linear-gradient(115deg,#ff772b,#ffd8b9,#ffa15f,#ff772b);background-size:250% 100%;box-shadow:0 3px 16px #ff782e30;font-size:13px;line-height:1.6;animation:mobile-cta-gradient 5s ease-in-out infinite}
 .mobile-bar b:after{content:'';position:absolute;inset:-50% auto -50% -60%;width:35%;background:linear-gradient(90deg,transparent,#ffffff66,transparent);transform:skewX(-20deg);animation:mobile-cta-shine 5s ease-in-out infinite;pointer-events:none}
}
@keyframes mobile-cta-gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes mobile-cta-shine{0%,35%{left:-60%}75%,100%{left:140%}}
@media(prefers-reduced-motion:reduce){.mobile-bar b,.mobile-bar b:after{animation:none}.mobile-bar b:after{display:none}}

/* Consistent desktop section spacing; keep card styles scoped to the course picker. */
@media(min-width:601px){
 main>.section{padding-top:clamp(88px,8.75vw,120px)}
 main>.facts{padding-top:32px;padding-bottom:32px}
 main .section-head{margin-bottom:40px}
 main .eyebrow{line-height:1.85;margin-bottom:24px}
 main h2{line-height:1.4}
 main>.final{padding-top:clamp(104px,10vw,144px);padding-bottom:88px}
 .final h2{line-height:1.45;margin-bottom:36px}
 #giang-vien .text-link{display:inline-block;margin-top:12px;line-height:1.8;padding:8px 0}
 main>.faq details{padding-top:24px;padding-bottom:24px}
}

/* Mobile full-page spacing audit: consistent section and content-group rhythm. */
@media(max-width:600px){
 main>.section,main>.facts+.section{padding-top:80px}
 main .section-head{margin-bottom:32px}
 main .section-head>p{margin-top:20px;margin-bottom:0;line-height:1.85}
 main .steps{gap:32px;margin-top:32px}
 main .steps article>p:last-child{margin-bottom:0}
 main .curriculum-layout{gap:28px}
 main .curriculum-tabs{gap:12px}
 main .student-videos{gap:32px}
 main .benefit-grid{gap:32px}
 main .faq{gap:32px}
 main .faq details{padding:24px 0}
 main .faq details p{margin:16px 0 0;line-height:1.85}
 #giang-vien>.mentor-mobile-eyebrow{font-size:13px;line-height:1.9;margin-bottom:24px}
 #pathway-products .pw-cards{gap:24px}
 #pathway-products .pw-hero{gap:24px;padding-bottom:32px}
 #pathway-products .pw-hero h2{line-height:1.4}
 #pathway-products .pw-hero .pw-eyebrow{line-height:1.9;margin-bottom:22px}
 #pathway-products .pw-guide{gap:12px;margin-bottom:32px}
 #pathway-products .pw-card h2{line-height:1.4;margin-bottom:20px}
 #pathway-products .pw-desc{line-height:1.85}
 #pathway-products .pw-upgrade{gap:24px}
}

/* White specialty chevron on mobile, including iOS native selects. */
@media(max-width:600px){
  #pathway-products select#specialty{
    -webkit-appearance:none;
    appearance:none;
    padding-right:42px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 14px center;
    background-size:16px 16px;
  }
}