/* Audience clarity revision: retain the approved dark/yellow visual language. */
.hero-copy>.audience-label{font-size:14px;letter-spacing:.02em;line-height:1.65;color:#ffd83d;font-weight:650;max-width:100%}
.audience-section{padding-bottom:10px}.audience-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.audience-path{display:flex;flex-direction:column;padding:34px;transition:border-color .2s,background .2s}.audience-path:hover{border-color:#ffd83d80;background:#1d1e16}.audience-type{color:#ffd83d;font-size:12px;letter-spacing:.08em}.audience-path h3{font-size:27px;line-height:1.45;margin:18px 0}.audience-path p{font-size:16px;line-height:1.85}.audience-path .audience-help{border-top:1px solid #ffffff20;margin-top:22px;padding-top:19px;font-size:15px;color:#e4e5da}.audience-path>strong{display:flex;justify-content:space-between;color:#ffd83d;font-size:16px;padding-top:24px;margin-top:auto}.audience-path>strong span{font-size:22px}.audience-scenes .scene-help{grid-column:2;color:#ffd83d;font-size:11px;margin-top:12px;line-height:1.8}.scene-help strong{font-size:14px;font-weight:450;color:#e0e1d6}
@media(max-width:849px){.hero-grid{gap:22px}.hero-copy>.audience-label{font-size:13px;margin-bottom:12px}.hero-lead{margin-top:17px;margin-bottom:22px;font-size:15px;line-height:1.85}.hero-copy h1{font-size:clamp(30px,8.2vw,42px)}.audience-paths{grid-template-columns:1fr;gap:17px}.audience-path{padding:26px 23px;border-radius:22px}.audience-path h3{font-size:24px;margin:15px 0}.audience-path p{font-size:14px}.audience-path .audience-help{font-size:14px;margin-top:18px;padding-top:16px}.audience-path>strong{font-size:14px;padding-top:20px}.audience-scenes>div{padding-block:22px}.audience-scenes .scene-help{margin-top:7px}.scene-help strong{font-size:13px}.audience-section{padding-bottom:0}}
@media(max-width:359px){.hero-copy h1{font-size:28px}.hero-copy>.audience-label{font-size:12px}.hero-actions .button{font-size:13px;padding-inline:18px}}

/* Refine: clear course title, reader situations and a direct contact action. */
.dark-site:is([data-version=refine],[data-layout=data-first]) .hero-copy h1{font-size:54px;line-height:1.2;margin:0 0 24px;letter-spacing:-.035em}
.dark-site:is([data-version=refine],[data-layout=data-first]) .hero-question{font-size:34px;line-height:1.45;margin:0;letter-spacing:-.025em}
.dark-site:is([data-version=refine],[data-layout=data-first]) .hero-question span{color:var(--yellow)}
.dark-site:is([data-version=refine],[data-layout=data-first]) .hero-lead{margin:22px 0 14px}
.hero-approach{font-size:16px;line-height:1.85;color:#e4e5da;margin:0 0 25px}
.hero-whatsapp svg{width:22px;height:22px;flex-shrink:0}
.hero-stats.hero-stats-three{max-width:none;gap:20px}
.hero-stats-three>div{justify-content:flex-end;min-width:0}
.hero-stats.hero-stats-three>div+div{padding-left:20px}
.hero-stats-three dt{min-height:38px;line-height:1.6}
.dark-site[data-version=refine] .audience-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 34px}
@media(max-width:849px){
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-copy{order:0}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-copy h1{font-size:38px;margin-bottom:20px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-question{font-size:29px;line-height:1.45}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-lead{margin:18px 0 12px}
 .hero-approach{font-size:14px;margin-bottom:23px}
 .hero-stats.hero-stats-three{gap:12px}
 .hero-stats.hero-stats-three>div+div{padding-left:12px}
 .hero-stats-three dd{font-size:30px;letter-spacing:-.025em}
 .hero-stats-three dd span{font-size:14px}
 .hero-stats-three dt{font-size:10px;min-height:34px}
 .dark-site[data-version=refine] .audience-scenes{grid-template-columns:1fr;gap:0}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-art{order:-1;margin-top:0}
}

/* The introductory card leads on mobile; keep the frame upright on all sizes. */
.dark-site:is([data-version=refine],[data-layout=data-first]) .hero-grid{align-items:start}
.dark-site:is([data-version=refine],[data-layout=data-first]) .portrait-shell{transform:none;border-radius:24px}
.dark-site:is([data-version=refine],[data-layout=data-first]) .flip-stage{height:420px}
.dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-face{padding:20px 16px;gap:6px;background:#ffd83d}
.dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-face img{width:132px;height:132px;object-fit:contain}
.dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-face .avatar-name{font-size:28px;line-height:1.3;margin:2px 0 0}
.dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-role{font-size:14px;line-height:1.5;font-weight:650;color:#15170e;margin:0}
.dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-history{font-size:13px;line-height:1.6;color:#343616;text-align:center;margin:0}
.dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-result{margin-top:9px;padding-top:12px;border-top:1px solid #15170e35;text-align:center;width:100%;max-width:260px}
.dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-result small{display:block;font-size:12px;line-height:1.5}
.dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-result strong{display:block;font-size:29px;line-height:1.35;margin-top:3px;white-space:nowrap;color:#15170e}
@media(max-width:849px){
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-art{padding:0 10px;max-width:320px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .portrait-shell{max-width:296px;padding:9px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .flip-stage{height:300px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-face{padding:14px 10px;gap:4px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-face img{width:88px;height:88px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-face .avatar-name{font-size:24px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-role{font-size:13px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-history{font-size:12px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-result{margin-top:7px;padding-top:9px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-result small{font-size:11px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .avatar-result strong{font-size:24px}
}
@media(max-width:359px){
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-copy h1{font-size:34px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-question{font-size:27px}
 .hero-stats.hero-stats-three{gap:9px}
 .hero-stats.hero-stats-three>div+div{padding-left:9px}
 .hero-stats-three dd{font-size:27px}
 .hero-stats-three dd span{font-size:12px}
}

/* Compact shared instructor introduction; the hero flip card is separate. */
.dark-site #about-mo{display:block}
.dark-site #about-mo .section-heading{max-width:780px;margin-inline:auto}
.dark-site #about-mo .instructor-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.dark-site #about-mo .instructor-heading h2{font-size:44px;line-height:1.2;letter-spacing:-.025em;margin:0}
.dark-site #about-mo .instructor-heading h2 span{display:block;color:var(--yellow)}
.dark-site #about-mo .instructor-avatar{display:block;width:96px;height:96px;min-width:96px;max-width:96px;max-height:96px;object-fit:contain;aspect-ratio:1;border-radius:50%;margin:0;transform:none;flex:none}
@media(max-width:849px){
 .dark-site #about-mo .instructor-heading{gap:20px;margin-bottom:24px}
 .dark-site #about-mo .instructor-heading h2{font-size:32px;line-height:1.2}
 .dark-site #about-mo .instructor-avatar{width:80px;height:80px;min-width:80px;max-width:80px;max-height:80px}
}

/* Refine v8: data and course first; the original flip card follows the instructor bio. */
.dark-site:is([data-version=refine],[data-layout=data-first]) .hero-grid{display:block;max-width:960px}
.dark-site:is([data-version=refine],[data-layout=data-first]) .hero-copy{max-width:760px}
.dark-site:is([data-version=refine],[data-layout=data-first]) .hero-lead{max-width:680px}
.dark-site:is([data-version=refine],[data-layout=data-first]) .hero-approach{max-width:680px}
.hero-proof{display:grid;grid-template-columns:1fr 1.35fr;gap:32px;max-width:570px;margin:0 0 38px}
.hero-proof>div{display:flex;flex-direction:column-reverse;min-width:0}
.hero-proof dt{color:var(--muted);font-size:14px;line-height:1.6;margin-top:10px}
.hero-proof dd{font-size:58px;line-height:1.1;letter-spacing:-.035em;font-weight:740;white-space:nowrap;color:var(--text);margin:0}
.hero-proof .proof-plus{color:var(--yellow)}
.hero-proof .proof-currency{font-size:.45em;letter-spacing:0;margin-right:5px}
.hero-proof .proof-unit{font-size:.68em;letter-spacing:0;margin-left:2px}
.dark-site:is([data-version=refine],[data-layout=data-first]) .hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px 28px}
.hero-ai-resource{appearance:none;background:none;border:0;border-bottom:1px solid #ffd83d66;padding:6px 0;font:inherit;font-size:14px;line-height:1.8;text-align:left;color:#d6bf59;opacity:.72;cursor:default}
.dark-site:is([data-version=refine],[data-layout=data-first]) #about-mo>.hero-art{margin:32px auto 0;padding:0;max-width:380px}
@media(max-width:849px){
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero{padding-top:26px}
 .hero-proof{gap:16px;margin-bottom:27px;max-width:430px}
 .hero-proof dd{font-size:clamp(34px,9vw,42px)}
 .hero-proof dt{font-size:11px;line-height:1.6;margin-top:8px}
 .hero-proof .proof-currency{margin-right:3px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-copy h1{font-size:36px;margin-bottom:16px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-question{font-size:28px;line-height:1.4}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-lead{font-size:15px;line-height:1.8;margin:18px 0 12px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-approach{font-size:14px;line-height:1.85;margin-bottom:22px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-actions{gap:12px 22px}
 .hero-ai-resource{font-size:12px;padding-block:4px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) #about-mo>.hero-art{max-width:320px;margin-top:28px}
}
@media(max-width:359px){
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-copy h1{font-size:32px}
 .dark-site:is([data-version=refine],[data-layout=data-first]) .hero-question{font-size:26px}
 .hero-proof dd{font-size:34px}
 .hero-proof dt{font-size:10px}
}

/* User-approved course names: the same course, two audience-specific ad titles. */
.dark-site .hero-copy h1.course-title{margin:0 0 22px;line-height:1.15}
.dark-site .hero-copy h1.course-title .course-title-name{display:block;color:var(--yellow);font-size:64px;font-weight:760;letter-spacing:-.025em}
.dark-site .hero-copy h1.course-title .course-title-sub{display:block;color:var(--text);font-size:32px;line-height:1.35;font-weight:650;letter-spacing:-.02em;margin-top:10px}
.course-title-top{display:flex;align-items:center;gap:20px}
.course-title-top .course-title-name{flex-shrink:0}
.ace-meaning{font-size:14px;font-weight:500;line-height:1.85;letter-spacing:0;color:var(--yellow);margin:0}
.ace-meaning span{display:block}
.ace-meaning [lang=en]{color:var(--yellow);white-space:nowrap}
@media(max-width:849px){
 .dark-site .hero-copy h1.course-title{margin-bottom:18px}
 .dark-site .hero-copy h1.course-title .course-title-name{font-size:48px}
 .dark-site .hero-copy h1.course-title .course-title-sub{font-size:27px;margin-top:7px}
 .course-title-top{gap:14px}
 .ace-meaning{font-size:12px}
}
@media(max-width:359px){
 .dark-site .hero-copy h1.course-title .course-title-name{font-size:42px}
 .dark-site .hero-copy h1.course-title .course-title-sub{font-size:25px}
 .course-title-top{gap:12px}
}