.mo{display:none}
/* Phone-only overrides (loaded last). Desktop is untouched. */
@media (max-width:760px){
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
.wrap{width:calc(100% - 24px)!important}
section{padding:14px 0!important}
.content-panel,.hero-card{padding:22px 16px!important;border-radius:14px!important}
.hero-copy{padding:16px 0!important;margin-bottom:0!important}
/* type scale */
h1,.hero-copy h1{font-size:25px!important;line-height:1.22!important;letter-spacing:-.01em!important}
h2{font-size:21px!important;line-height:1.25!important;margin-top:6px!important}
h3,.module-body h3{font-size:17px!important;line-height:1.3!important}
.eyebrow,.kicker{font-size:11px!important;letter-spacing:.08em!important;line-height:1.4!important}
#meet-kate>.content-panel>.section-heading>.eyebrow,#meet-kate .eyebrow:first-child{font-size:24px!important;letter-spacing:0!important}
p,.lead,.flow,.copy-panel,.copy-panel p,.agent-support p,.section-heading .lead{font-size:15px!important;line-height:1.6!important}
.hero-lead,.hero-card>p{font-size:16px!important;line-height:1.55!important}
.tagline{font-size:12px!important}
.caption,.all-included{font-size:11px!important}
.testimonial-card .quote-highlight{display:none!important}
.punchline{font-size:19px!important}
.section-heading{margin-bottom:14px!important}
.copy-panel{margin:14px auto!important}
/* spacing between cards */
.module-grid,.benefit-grid,.genre-grid,.testimonial-grid,.fit-grid,.tool-grid,.mode-grid,.hub-preview-grid,.included-grid,.offer-grid{gap:12px!important}
.benefit-grid article,.benefit-grid.pale article,.mode-grid article,.fit-grid article{padding:14px 4px!important}
.testimonial-card{padding:16px!important}
/* buttons: one line, smaller, full width */
.button,.button.big,.cta-row .button.big.outline:last-child:not(:first-child){min-height:46px!important;padding:12px 10px!important;font-size:13px!important;letter-spacing:.02em!important;white-space:nowrap!important;width:100%!important;gap:8px!important}
.cta-row,.cta-row.stacked{gap:10px!important}
.cta-card-copy{padding:16px!important}
.cta-card-action{padding:14px 16px!important}
/* big figures are removed on phones */
.author-figure,.support-portrait,.agent-slot,.video-slot.agent-slot,.join-mascot,.agent-support>figure,.author-intro>img{display:none!important}
.author-intro,.series-intro,#join .join-split,.agent-support{gap:0!important}
/* course banner + hero banner */
.hero-art.banner,.banner{height:190px!important}
.hero-art.banner .mascot,.mascot{height:185px!important;top:14px!important}
.hero-art.banner .hero-logo{width:140px!important}
/* module cards: titles only */
.module-card .lesson-list li span{display:none!important}
.module-card .lesson-list{margin:6px 0 0!important;padding:0!important}
.module-card .lesson-list li{padding:5px 0!important;font-size:14px!important;min-height:0!important}
.module-body{padding:14px 16px 16px!important}
.module-card img{max-height:120px;object-fit:cover}
.module-card .outcome{font-size:14px!important;margin:2px 0!important}
.all-included{margin-top:8px!important}
/* header */
.sales-nav{min-height:54px!important}
.nav-buy{padding:12px 14px!important;font-size:12px!important;min-height:40px}
.sales-brand{font-size:12px!important}
/* faq + footer */
.faq-item,details{padding:12px 14px!important}
footer{padding:22px 0!important}
p.eyebrow,.hero-card .eyebrow,.content-panel .eyebrow,.hero-card p.eyebrow{font-size:11px!important;letter-spacing:.08em!important}
.hero-card h1,.content-panel h1{font-size:25px!important}
#meet-kate p.eyebrow:first-child,#meet-kate .eyebrow:first-of-type{font-size:24px!important;letter-spacing:0!important}
/* round 3 */
.testimonial-card p,.testimonial-card blockquote,.testimonial-card q{font-size:13px!important;line-height:1.55!important}
.button,.button.big,.nav-buy,.buybar-btn{font-size:clamp(10.5px,3.2vw,13px)!important;letter-spacing:0!important;padding-left:8px!important;padding-right:8px!important}
.briefing-card>img,.module-card>img,.lesson-preview,.preview-lesson img,.lesson-preview-bar{display:none!important}
.module-card,.briefing-card{padding-top:4px!important}
/* round 4 */
.button,.button.big,.nav-buy,.buybar-btn,.umbrella-buybar a,.nav-benefit{font-size:clamp(10px,2.9vw,11.5px)!important;letter-spacing:.01em!important;font-weight:700!important}
.button,.button.big{min-height:44px!important;padding:11px 8px!important}
.testimonial-stars{text-align:center!important;display:block!important;width:100%!important;font-size:18px!important}
.testimonial-card figcaption{text-align:center!important}
.buybar-text,.buybar-text *{display:none!important}
.buybar-in,.umbrella-buybar{display:flex!important;justify-content:center!important;align-items:center!important;gap:0!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important}
.buybar-btn,.umbrella-buybar a,.umbrella-buybar .button{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:420px;text-align:center!important;margin:0 auto!important;min-height:44px!important;padding:11px 12px!important}
/* round 5: FAQ */
.faq summary,details summary{font-size:14px!important;line-height:1.35!important;font-weight:600!important;padding:11px 0!important}
.faq details p,details>p,details div,.faq p{font-size:13px!important;line-height:1.55!important}
.dark-panel h2,.cta-card h2{font-size:19px!important}
/* round 6 */
.hero-card p:not(.eyebrow):not(.caption),.hero-copy p:not(.eyebrow):not(.caption){font-size:15px!important;line-height:1.55!important}
/* footer */
.mh{display:none!important}.mo{display:inline!important}
footer .wrap{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;text-align:center!important}
footer p{font-size:11px!important;line-height:1.4!important;margin:0!important;text-align:center!important}
footer nav{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:16px!important;margin:0!important}
footer nav a{font-size:11px!important;letter-spacing:0!important;white-space:nowrap!important;padding:0!important}
footer nav a:first-child{display:none!important}
footer nav a[href*="terms"]{order:3}footer nav a[href*="privacy"]{order:4}
footer{padding:16px 0 calc(16px + 64px)!important}
}
@media (min-width:761px){
.testimonial-card figcaption{text-align:right!important;justify-content:flex-end!important}
.testimonial-card figcaption>span:last-child,.testimonial-card figcaption small{text-align:right}
.testimonial-stars{display:block!important;width:100%!important;text-align:center!important}
}
@media (max-width:760px){
.dark-panel p,.dark-panel li,.cta-card-copy p{font-size:14px!important;line-height:1.55!important}
}
.initials{display:none!important}
@media (max-width:760px){
footer p,footer nav a{font-size:13px!important}
footer nav{gap:18px!important}
h1 span,h2 span,h3 span.highlight{font-size:inherit!important;letter-spacing:inherit!important}
h2{text-wrap:balance}
.testimonial-card figcaption{display:flex!important;justify-content:flex-end!important;text-align:right!important}
.testimonial-card figcaption>span:last-child,.testimonial-card figcaption strong,.testimonial-card figcaption small{display:block!important;text-align:right!important}
}
@media (max-width:760px){
.sales-header{display:none!important}
body{padding-top:0!important}
h1,.hero-copy h1{font-size:22px!important;line-height:1.25!important;text-wrap:balance}
.hero-copy h1 .accent-line{display:inline!important;margin-top:0}
#meet-kate>.content-panel>.section-heading>.eyebrow,#meet-kate p.eyebrow:first-child,#meet-kate .eyebrow:first-of-type{font-size:21px!important;line-height:1.25!important;margin-bottom:8px!important;font-weight:800!important}
.cta-card-copy li{font-size:clamp(11px,3.2vw,12.5px)!important;white-space:nowrap!important}
.cta-card-copy ul{padding-left:16px!important}
.module-body h3{text-align:center!important}
.module-body .outcome{text-align:center!important}
.module-card .all-included{text-align:right!important}
#join .copy-panel,#join .flow,#join .join-split{padding:0!important;margin:0!important;max-width:none!important;text-align:center!important}
#join a.button,#join a.button.big{font-size:14.5px!important;min-height:52px!important}
#fit .fit-grid ul{padding-left:18px!important}
#fit li{text-align:left}
}
@media (max-width:760px){
.module-card .lesson-list li{padding:5px 0 5px 24px!important;position:relative}
}
.cap-mobile,.sbk2{display:none}
@media (max-width:760px){
/* header hidden, page starts at the hero banner */
.sales-header,.umbrella-nav{display:none!important}
/* footer + sticky bar text bigger */
footer p,footer nav a{font-size:14px!important}
footer nav{gap:16px!important}
.buybar-btn,.umbrella-buybar a{font-weight:800!important}
/* buttons: biggest text that fits on one line (m-fit.js adjusts) */
.button,.button.big,.buybar-btn,.nav-buy{white-space:nowrap!important;overflow:hidden}
/* real gaps between cards */
.briefing-grid,.module-grid,.royalty-path,.feature-grid,.hub-preview-grid{gap:12px!important;row-gap:12px!important}
.briefing-card,.module-card{margin:0 0 12px!important}
.briefing-card:last-child,.module-card:last-child{margin-bottom:0!important}
/* better line fill, centered dark panels */
p,li{text-wrap:wrap!important}
.dark-panel .copy-panel,.dark-panel p,.dark-panel li,.cta-card-copy p{text-align:center!important}
.dark-panel .copy-panel p,.dark-panel p{padding:0!important}
.finish-bonus .eyebrow{margin-bottom:10px!important;display:block}
.finish-bonus h3{margin:0 0 10px!important;text-align:center}
.finish-bonus{text-align:center}
/* Captain waist-up with banner */
.captain-panel{display:block!important}
.cap-mobile{display:block!important;margin:0 auto 14px!important;max-width:270px;border-radius:14px;overflow:hidden;background:#1d3a74}
.cap-mobile img{display:block!important;width:100%!important;height:200px!important;object-fit:cover!important;object-position:top center!important}
.cap-mobile figcaption{background:#26498f;color:#fff;text-align:center;font:800 13px/1 Poppins,Inter,sans-serif;letter-spacing:.06em;padding:13px 8px}
.briefing-card .eyebrow{margin-top:0!important}
}

@media (max-width:760px){
.umbrella-buybar .wrap{display:flex!important;justify-content:center!important;align-items:center!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;gap:0!important;width:100%!important;max-width:none!important}
.umbrella-buybar span,.umbrella-buybar small{display:none!important}
.umbrella-buybar a{display:flex!important;justify-content:center;align-items:center;width:100%;max-width:420px;min-height:44px;text-align:center;white-space:nowrap}
#meet-kate p.eyebrow:first-child,#meet-kate .eyebrow:first-of-type{font-size:21px!important;line-height:1.25!important;margin-bottom:8px!important;font-weight:800!important;letter-spacing:0!important}
}
@media (max-width:760px){
#meet-kate>.content-panel>.section-heading>p.eyebrow,#meet-kate>.content-panel>.section-heading>.eyebrow{font-size:21px!important;line-height:1.25!important;margin-bottom:8px!important;font-weight:800!important;letter-spacing:0!important}
.umbrella-buybar{padding:0!important;height:auto!important;min-height:0!important}
}
@media (max-width:760px){
body>header,header.top-nav,.top-nav{display:none!important}
}
@media (max-width:760px){
p,li{text-wrap:wrap!important}
/* body copy: 16px / 1.55 (iOS/Android reading size) */
.copy-panel p,.flow,p.lead,.lead,.agent-support p,.cta-card-copy p,.section-heading .lead,.hero-card p:not(.eyebrow),.hero-copy p:not(.eyebrow),.dark-panel p,.finish-bonus p{font-size:16px!important;line-height:1.55!important;max-width:none!important}
.hero-card p.caption,p.caption,.budget-note,.small-note,.all-included{font-size:12px!important;line-height:1.4!important}
.testimonial-card blockquote,.testimonial-card p{font-size:14px!important;line-height:1.55!important}
.faq details p,details>p{font-size:14px!important}
/* dark / closing panels read left-aligned, full width */
.dark-panel p,.dark-panel .copy-panel,.dark-panel li,.cta-card-copy p,#join .copy-panel,#join .flow,#join .join-split,.cta-card.dark p{text-align:left!important}
/* button label text follows the button size */
.button b,.button .btn-text,.button span,.buybar-btn span{font-size:inherit!important;letter-spacing:inherit!important}
/* tighter gap under headings */
.section-heading{margin-bottom:6px!important}
.section-heading h2{margin-bottom:0!important}
.section-heading+.copy-panel,.section-heading+p,.copy-panel{margin-top:6px!important}
.section-heading p.lead{margin:6px 0 0!important}
}
@media (max-width:760px){
.cap-mobile{max-width:300px!important}
.cap-mobile img{height:230px!important;object-fit:cover!important;object-position:50% 22%!important;transform:scale(1.18);transform-origin:50% 35%}
}
@media (max-width:760px){
.section-heading h2 br:last-child,h2 span>br:last-child{display:none!important}
.feature-art{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:12px auto!important;border-radius:12px}
.closing-portrait{display:block!important;max-width:280px;margin:0 auto 10px!important;border-radius:14px;overflow:hidden}
.closing-portrait img{display:block!important;width:100%!important;height:240px!important;object-fit:cover!important;object-position:50% 12%!important}
.closing-layout{display:block!important}
}
@media (max-width:760px){
.briefing-card>img,.module-card>img,.module-card .tile-image,.module-card .curriculum-art,.module-card img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;border-radius:0}
.module-card,.briefing-card{overflow:hidden;padding-top:0!important}
.briefing-card .eyebrow{margin-top:12px!important}
}
.fa-card{display:none}
@media (max-width:760px){
img.feature-art,section img.art:not(.fa-card){display:none!important}
.copy-panel:has(>.fa-card){border:1px solid #d9dee8;border-radius:16px;overflow:hidden;background:#fff;padding:0 0 14px!important;margin:10px 0!important}
.copy-panel>.fa-card{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0 0 12px!important;border-radius:0!important}
.copy-panel:has(>.fa-card)>p{padding:0 16px!important}
.copy-panel:has(>.fa-card)>p+p{margin-top:10px!important}
}
@media (max-width:760px){
.section-heading{margin-bottom:16px!important}
.section-heading+.copy-panel,.section-heading+p,.section-heading+div,.copy-panel{margin-top:0!important}
.section-heading p.lead{margin:8px 0 0!important}
.copy-panel p,.copy-panel .flow,.flow{margin:0 0 14px!important}
.copy-panel p:last-child,.flow:last-child{margin-bottom:0!important}
.copy-panel:has(>.fa-card){margin:12px 0!important}
}
@media (max-width:760px){
.section-heading{margin-bottom:26px!important}
.section-heading h2{margin-bottom:0!important}
.section-heading h2+p,.section-heading p.lead,.section-heading h2+.lead{margin:22px 0 0!important}
.section-heading+.copy-panel,.section-heading+p,.section-heading+div,.section-heading+.module-grid,.section-heading+.briefing-grid{margin-top:0!important}
}
@media (max-width:760px){
.section-heading h2,.section-heading h2 *{font-size:21px!important;line-height:1.25!important;letter-spacing:-.01em!important;font-weight:800!important}
.author-intro,.series-intro{margin-bottom:14px!important}
.bestseller-proof{margin-top:0!important;padding-top:0!important}
.copy-panel+*,.author-intro+*{margin-top:0}
}
@media (max-width:760px){
.section-heading h2,.dark-panel h2,.cta-card h2,main h2{font-size:var(--hfs,21px)!important;line-height:1.25!important}
.section-heading h2 *,.dark-panel h2 *,.cta-card h2 *,main h2 *{font-size:inherit!important}
}
@media (max-width:760px){
:root{--hfs:20px}
main h2{font-size:20px!important;text-wrap:balance!important;white-space:normal!important}
main h2 br{display:none!important}
main h2 *{font-size:inherit!important}
}
@media (max-width:760px){
p:empty,.copy-panel>p:empty,.flow:empty{display:none!important;margin:0!important}
.content-panel>.benefit-grid,.content-panel>.cta-card,.content-panel>.hero-strip,.content-panel>.showcase,.content-panel>.module-grid,.content-panel>.testimonial-grid,.content-panel>.genre-grid,.content-panel>.fit-grid,.content-panel>.agent-support,.content-panel>.royalty-path,.content-panel>.briefing-grid,.content-panel>.preview-grid,.content-panel>.community-block{margin-top:18px!important;margin-bottom:0!important}
.hero-strip{margin-top:18px!important;padding-top:14px!important}
.content-panel>*+.cta-card{margin-top:18px!important}
}
@media (max-width:760px){
.content-panel>.cta-row,.royalty-path+.cta-row,.briefing-grid+.cta-row{margin-top:18px!important}
.roadmap-grid+*,.royalty-path+*,.briefing-grid+*{margin-top:18px!important}
}
@media (max-width:760px){
.section-heading+.mode-grid,.mode-grid+*,.content-panel>.mode-grid{margin-top:18px!important}
}
.cap-circle{display:none}
@media (max-width:760px){
/* card bodies share the site body size */
.content-panel article p,.benefit-grid p,.genre-grid p,.mode-grid p,.fit-grid li{font-size:16px!important;line-height:1.55!important}
.genre-grid p.eyebrow,.benefit-grid p.eyebrow,.briefing-card .eyebrow,.module-card .outcome{font-size:11px!important}
.module-card .outcome{font-size:14px!important}
/* tighter card bottoms */
.briefing-card,.module-card{padding-bottom:12px!important}
.briefing-card p:last-child,.module-body p:last-child{margin-bottom:0!important}
.briefing-card p{margin-bottom:0!important}
/* compact purple CTA half */
.cta-card-action,.cta-card-action.dark{min-height:0!important;height:auto!important;padding:14px 16px!important;background-image:none!important}
.cta-card-action .cta-row,.cta-card-action .cta-row.stacked{margin:0!important;padding:0!important}
.cta-card-copy{padding:14px 16px!important}
/* Captain: round avatar under the headline */
.closing-layout{display:block!important}
.closing-portrait{width:190px!important;height:190px!important;max-width:none!important;border-radius:50%!important;overflow:hidden!important;border:4px solid rgba(255,255,255,.4)!important;margin:0 auto 18px!important;background:#1d3a74}
.closing-portrait img{display:none!important}
.closing-portrait img.cap-circle{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 6%!important;transform:scale(1.12);transform-origin:50% 30%}
/* final join box */
#join .section-heading{margin-bottom:26px!important}
#join .section-heading p:not(.eyebrow),#join .section-heading p[data-lfile-container]{font-size:20px!important;font-weight:800!important;text-align:center!important;margin:0 0 14px!important;line-height:1.3!important}
#join h2{text-align:left!important;text-wrap:wrap!important}
#join h2 br{display:inline!important}
#join h2 br+br{display:none!important}
#join .join-split{margin-top:0!important}
#join .cta-row{margin:22px 0 22px!important}
#join .copy-panel:has(.ps),#join p.ps{margin-top:22px!important;text-align:left!important}
}
@media (max-width:760px){
main h1 .highlight,main h1 .accent-line,main h2 .highlight,main h2 .accent-line{display:inline!important}
main h1,main h2,main h3{text-wrap:balance!important}
main h2 *,main h1 *{text-wrap:balance}
}
@media (max-width:760px){
#join h2{text-wrap:balance!important}
}
@media (max-width:760px){
/* honor the sentence break in headlines: highlighted part always on its own line */
main h2 br{display:inline!important}
main h2 br+br{display:none!important}
.section-heading h2 br:last-child,h2 span>br:last-child{display:none!important}
}
.hl-yes{display:inline}
@media (max-width:760px){
#join h2 br{display:none!important}
#join h2 .o1,#join h2 .o2{display:block;font-weight:800}
#join h2 .oc{display:none}
#join h2 .o1t,#join h2 .o2t{display:block;font-weight:700}
#join h2 .o1t{margin:2px 0 18px}
#join h2 .o1t::first-letter,#join h2 .o2t::first-letter{text-transform:uppercase}
#join .section-heading p[data-lfile-container],#join .section-heading p:not(.eyebrow){text-align:center!important}
#join .hl-yes{font-size:20px;font-weight:800;padding:0 6px}
#join .cta-row{margin:34px 0 34px!important}
#join p.ps,#join .copy-panel:has(.ps){margin-top:0!important}
}
.plain{background:none!important;box-shadow:none!important;color:inherit}
@media (max-width:760px){
:root{--hfs:19px}
main h2{font-size:19px!important}
}
@media (max-width:760px){
/* Option 1 / Option 2 cards */
#join h2 .opt{display:block;border-radius:14px;padding:14px 16px;text-align:left;background-image:none!important;box-shadow:none!important}
#join h2 .opt1{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.22)}
#join h2 .opt2{background:rgba(185,92,178,.28)!important;border:1px solid #b95cb2;position:relative;margin:12px 0 18px!important}
#join h2 .o1,#join h2 .o2{display:inline-block!important;font-size:12px!important;font-weight:800!important;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:6px;color:#fff}
#join h2 .o1{background:rgba(255,255,255,.18)}
#join h2 .o2{background:#b95cb2}
#join h2 .o1t,#join h2 .o2t{display:block!important;font-size:17px!important;line-height:1.3!important;font-weight:800!important;margin:10px 0 0!important}
#join h2 br{display:none!important}
}
@media (max-width:760px){
#join h2 .opt,#join h2 .opt1,#join h2 .opt2{display:block!important}
#join h2 .opt2.highlight{background-image:none!important;-webkit-box-decoration-break:slice;box-decoration-break:slice}
}
.seg{display:inline}
@media (max-width:760px){
main h1 .seg,main h2 .seg{display:block!important;text-wrap:balance!important}
main h1 br.sg,main h2 br.sg{display:none!important}
main h1 .highlight::before,main h1 .accent-line::before{content:none!important}
main h1 .accent-line,main h1 .highlight{display:inline!important}
}

/* QA Oct 8: no 'Every lesson included' line under module cards on phones */
@media (max-width:760px){.all-included{display:none!important}}
