
:root{--deep:#1f3a70;--mid:#2a4a88;--bright:#34599f;--tint:#e8eef8;--ink:#17243d;--muted:#56647b;--line:#dbe5f2;--gold:#eee5d4}
body{background:#f1f4f9}.sales-links{font-family:Inter,Arial,sans-serif}.content-panel{padding:58px 56px}.copy-panel{max-width:890px;line-height:1.9}.hero-copy{padding:22px 0 10px;background:transparent}.hero-card{padding-top:54px;padding-bottom:48px}.hero-copy h1{font-size:clamp(32px,4.1vw,52px);max-width:980px;margin:auto}.hero-lead{max-width:860px;font-size:21px}.accent-line{background-image:linear-gradient(#e4edf9,#e4edf9)}.highlight{background:linear-gradient(transparent 68%,#dbe5f2 68%,#dbe5f2 97%,transparent 97%)}
.course-hero{height:300px;background:#1f3a70;overflow:hidden;position:relative}.course-hero-inner{width:min(1000px,100%);height:100%;margin:auto;position:relative}.course-wordmark{width:64%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px}.course-wordmark .script{font:60px/1 Allura,cursive;margin-bottom:8px}.course-wordmark .name{font:600 42px/1.1 Georgia,serif;letter-spacing:2px}.course-wordmark .tagline{font:500 15px/1.6 Poppins,sans-serif;margin-top:22px}.course-hero .captain{position:absolute;right:0;top:10px;height:370px;width:auto;max-width:none}.hero-strip strong{color:var(--mid)}
.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:36px 0}.roadmap-grid article{background:#f5f8fc;border:1px solid var(--line);border-radius:14px;padding:25px 20px;text-align:center}.roadmap-grid .step{font:700 12px Poppins;color:var(--mid);letter-spacing:2px;margin-bottom:18px}.roadmap-grid h3{font-size:21px}.roadmap-grid p{font-size:14px;line-height:1.8;margin-bottom:0}.feature-art{width:100%;border-radius:14px;margin:32px auto;aspect-ratio:16/7;object-fit:cover}.section-heading{max-width:960px}.section-heading .lead{max-width:850px}
.briefing-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:35px}.briefing-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-bottom:28px;background:#fff}.briefing-card img{width:100%;aspect-ratio:16/7;object-fit:cover}.briefing-card .eyebrow{margin:0;padding:23px 24px 0;font-size:10px;letter-spacing:1px}.briefing-card h3{padding:14px 24px 0;font-size:24px;line-height:1.35}.briefing-card>p:last-child{margin:0;padding:18px 26px 27px;font-size:15px;line-height:1.8;text-align:center;color:var(--muted)}.briefing-card.bonus{grid-column:1/-1;display:grid;grid-row:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.briefing-card.bonus img{grid-row:1/4;height:100%;aspect-ratio:auto;object-fit:cover}.briefing-card.bonus h3{font-size:27px}.briefing-card.bonus>p:last-child{padding-bottom:30px}.hub-shot{margin:32px 0 0;border:1px solid var(--line);border-radius:15px;overflow:hidden}.hub-shot img{width:100%}.hub-shot figcaption{padding:14px 22px;text-align:center;font-size:12px;color:var(--muted);background:#fff}.captain-section{display:grid;grid-template-columns:220px 1fr;gap:38px;align-items:center;max-width:890px;margin:auto}.captain-section img{width:100%;max-height:300px;object-fit:contain}.captain-section p{line-height:1.9}.personal-line{font:italic 56px/1.25 Allura,cursive;text-transform:none;letter-spacing:0;color:var(--mid);text-align:center;margin-bottom:18px}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.proof-grid figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.proof-grid img{width:100%}.proof-grid figcaption{padding:16px;text-align:center;font-size:12px;color:var(--muted);margin-top:auto}.dark-panel{background:var(--deep);color:#fff}.dark-panel .highlight{background:none;color:#c4d7f3}.dark-panel .copy-panel{color:#fff}.button.light{color:var(--deep);background:white}.enrollment-card{background:#f5f8fc;border-color:#bccde4}.faq p{line-height:1.85}.budget-note{max-width:850px;margin:22px auto;font-size:13px;text-align:center;color:var(--muted)}.finish-bonus{margin-top:32px;padding:28px;border-radius:14px;background:#e8eef8;text-align:center}.finish-bonus h3{font-size:25px}.finish-bonus p{max-width:790px;margin:18px auto 0;font-size:16px}.button:focus-visible{outline:3px solid #729ad4;outline-offset:4px}.buybar{background:#142748}.buybar-btn{background:#34599f;color:#fff}.buybar-btn:hover{background:#4067ad;color:#fff}
@media(max-width:900px){.roadmap-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.content-panel{padding:36px 22px}.hero-card{padding:36px 22px}.hero-copy h1{font-size:31px}.hero-lead{font-size:18px}.course-hero{height:230px}.course-wordmark{width:62%;padding:14px}.course-wordmark .script{font-size:39px}.course-wordmark .name{font-size:clamp(19px,5vw,29px);letter-spacing:1px}.course-wordmark .tagline{font-size:11px;line-height:1.6;max-width:180px;margin-top:17px}.course-hero .captain{height:260px;right:-35px;top:14px}.briefing-grid{grid-template-columns:1fr}.briefing-card{display:flex;flex-direction:column;grid-row:auto}.briefing-card h3{font-size:23px}.briefing-card.bonus{display:flex;grid-column:auto}.briefing-card.bonus img{height:auto;aspect-ratio:16/7}.roadmap-grid{gap:14px}.roadmap-grid article{padding:23px 16px}.roadmap-grid h3{font-size:19px}.captain-section{grid-template-columns:1fr;gap:14px}.captain-section img{max-width:180px;margin:auto;max-height:230px}.proof-grid{grid-template-columns:1fr}.personal-line{font-size:47px}.hero-strip{grid-template-columns:1fr 1fr}.feature-art{aspect-ratio:16/8}.finish-bonus{padding:25px 20px}.included-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.accent-line{transition:none;background-size:100% 4px}}

/* Bold script wordmark and a reserved mascot sales-video stage. */
.course-wordmark .course-logo{width:345px;max-width:95%;height:auto}.course-wordmark .tagline{margin-top:10px}.sales-video-space{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:16px;background:#1f3a70;display:flex;align-items:center;justify-content:flex-end;padding:46px;color:#fff}.sales-video-space>img{position:absolute;left:7%;bottom:-15%;height:110%;width:auto;max-width:46%;object-fit:contain}.video-space-copy{position:relative;width:51%;text-align:center}.video-space-copy .eyebrow{color:#dce9fc;font-size:10px}.video-space-copy h3{font-size:clamp(24px,3vw,36px);line-height:1.35;letter-spacing:-.025em}.video-pending{display:block;font:500 12px/1.6 Inter,sans-serif;margin-top:24px;color:#dce9fc}
@media(max-width:760px){.course-wordmark .course-logo{width:190px}.sales-video-space{padding:22px 14px;aspect-ratio:4/3}.sales-video-space>img{left:-6%;max-width:48%;height:100%;bottom:-10%}.video-space-copy{width:57%}.video-space-copy h3{font-size:18px}.video-space-copy .eyebrow{font-size:8px;letter-spacing:.07em}.video-pending{font-size:9px;margin-top:15px}}

/* Match the Secret Authors hero and navigation proportions. */
.course-wordmark .course-logo{width:400px;max-width:95%}.course-wordmark .tagline{font:500 19px/1.55 Inter,sans-serif;margin-top:12px}.course-hero .captain{height:480px;top:-60px;right:2%}.nav-actions{display:flex;align-items:center;gap:22px}.nav-login{font:600 12px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:#dbe5f2}.nav-buy{font:700 12px Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;background:var(--mid);color:#fff;padding:15px 25px;border-radius:8px}.nav-buy:hover{background:var(--bright)}
@media(max-width:760px){.course-wordmark .course-logo{width:205px}.course-wordmark .tagline{font-size:12px;max-width:180px;margin-top:10px}.course-hero .captain{height:325px;top:-24px;right:-32px}.sales-nav{gap:12px}.sales-brand{font-size:11px;letter-spacing:.07em}.nav-actions{gap:10px}.nav-login{display:none}.nav-buy{font-size:10px;padding:12px 16px}.hero-copy h1{font-size:29px}}
@media(max-width:760px){.course-wordmark{width:57%;padding:14px 10px}.course-wordmark .tagline{max-width:140px;text-wrap:balance}.course-hero .captain{right:-62px}}

/* Separate the reassurance from the main pitch; visualize the income-building path. */
.hero-card .hero-reassurance{max-width:840px;margin:36px auto 30px;padding-top:30px;border-top:1px solid var(--line)}.hero-reassurance h2{font-size:24px;line-height:1.4;letter-spacing:-.02em}.hero-reassurance p{max-width:790px;margin:16px auto 0;font-size:17px;line-height:1.8;color:var(--muted)}.royalty-path{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.royalty-path article{border:1px solid var(--line);background:#f5f8fc;border-radius:14px;padding:28px 22px;text-align:center}.path-number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--deep);color:#fff;font:700 15px Poppins,sans-serif;margin:0 auto 20px}.royalty-path h3{font-size:22px}.royalty-path p{font-size:15px;line-height:1.8;margin-bottom:0}
@media(max-width:760px){.hero-card .hero-reassurance{margin-top:30px;padding-top:26px}.hero-reassurance h2{font-size:21px}.hero-reassurance p{font-size:16px}.royalty-path{grid-template-columns:1fr;gap:14px}.royalty-path article{padding:25px 20px}}

/* Larger calls to action, with restrained shimmer on selected primary buttons. */
.cta-row .button{min-height:64px;padding:21px 34px;font:700 15px/1.4 Poppins,sans-serif;letter-spacing:.045em;min-width:300px;max-width:100%;border-radius:10px;position:relative;overflow:hidden;isolation:isolate;transition:background .2s,transform .2s}.cta-row .button:hover{transform:translateY(-2px);background:#203c73}.cta-row .button.light:hover{background:#eaf1fb;color:var(--deep)}.hero-card .cta-row .button,.enrollment-card .cta-row .button{min-height:72px;min-width:370px;font-size:16px}.button.shimmer:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.26) 46%,transparent 65%);transform:translateX(-140%);animation:button-shimmer 7s ease-in-out infinite}.button.light.shimmer:before{background:linear-gradient(110deg,transparent 28%,rgba(126,162,215,.24) 46%,transparent 65%)}@keyframes button-shimmer{0%,65%{transform:translateX(-140%)}85%,100%{transform:translateX(140%)}}.buybar-btn{min-height:50px;display:inline-flex;align-items:center;padding:16px 28px;font-size:14px}
.captain-panel{display:grid;grid-template-columns:320px 1fr;gap:38px;align-items:stretch}.captain-portrait{margin:0;position:relative;min-height:520px}.captain-portrait img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain}.captain-copy .section-heading{margin:0 0 26px}.captain-copy h2{font-size:36px}.captain-copy>p{font-size:17px;line-height:1.9;margin:0 0 22px}.captain-copy>p:last-child{margin-bottom:0}
@media(max-width:760px){.cta-row .button,.hero-card .cta-row .button,.enrollment-card .cta-row .button{width:100%;min-width:0;min-height:62px;font-size:14px;padding:19px 20px}.buybar-btn{min-height:46px;font-size:12px;padding:14px 18px}.captain-panel{grid-template-columns:1fr;gap:26px}.captain-portrait{min-height:0;height:400px}.captain-copy h2{font-size:30px}.captain-copy>p{font-size:16px}.course-wordmark .tagline{max-width:140px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.button.shimmer:before{animation:none;display:none}.cta-row .button{transition:none}.cta-row .button:hover{transform:none}}

@media(min-width:761px){.captain-portrait{min-height:0}.captain-copy>p{font-size:18px;line-height:1.9}.captain-portrait img{object-fit:contain}}
@media(min-width:1000px){.captain-panel{grid-template-columns:390px 1fr;gap:30px}}

.sales-brand .nav-course-logo{width:136px;height:auto;display:block}.sales-nav{padding-top:10px;padding-bottom:10px}.course-wordmark .course-logo{width:420px}
@media(max-width:760px){.sales-brand .nav-course-logo{width:100px}.course-wordmark .course-logo{width:205px}.sales-nav{padding-top:8px;padding-bottom:8px}}

.closing-layout{display:grid;grid-template-columns:340px 1fr;gap:35px;align-items:stretch}.closing-portrait{margin:0;position:relative;min-height:0}.closing-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.closing-layout .copy-panel{margin-top:0;margin-bottom:28px;text-align:left}.closing-layout .cta-row{justify-content:flex-start}.closing-layout .button{min-width:0;width:100%}
@media(max-width:760px){.closing-layout{grid-template-columns:1fr;gap:24px}.closing-portrait{height:300px;min-height:0}.closing-layout .copy-panel{text-align:left}.closing-layout .cta-row{justify-content:center}}

/* Illustrated logo derived from the Secret Authors artwork, replacing font lettering. */
.course-wordmark .course-logo{width:360px;height:210px;max-width:95%;object-fit:contain}.sales-brand .nav-course-logo{width:126px;height:62px;object-fit:contain}
@media(max-width:760px){.course-wordmark .course-logo{width:205px;height:135px}.sales-brand .nav-course-logo{width:100px;height:48px}}

/* Clear, responsive lesson preview based on the actual welcome lesson. */
.lesson-preview{margin:34px 0;border:1px solid #dce3ef;border-radius:18px;overflow:hidden;background:#f0f3f8;box-shadow:0 18px 45px #142c4f0c}.lesson-preview-bar{background:#0d121d;color:white;padding:16px 24px;display:flex;justify-content:space-between;font:600 11px/1.5 Inter,sans-serif;letter-spacing:.14em}.lesson-preview-body{display:grid;grid-template-columns:265px minmax(0,1fr);gap:22px;padding:24px}.preview-sidebar{padding:20px 16px;background:#fff;border-radius:12px;border:1px solid #e0e5ef}.preview-sidebar h3{font:700 17px/1.4 Poppins,sans-serif;margin:0 0 8px;text-align:left}.preview-progress{font:500 12px Inter,sans-serif;color:#65738a;margin:0 0 12px}.preview-track{height:5px;border-radius:9px;background:#e6ebf5;margin-bottom:18px}.preview-module{padding:12px;border-radius:8px;background:#28467b;color:#fff;margin:8px 0}.preview-module small{font:500 9px Inter,sans-serif;letter-spacing:.12em;display:block;margin-bottom:4px;color:#c7d7ef}.preview-module strong{font:600 12px/1.45 Inter,sans-serif;display:block}.preview-module.current{background:#1e355e}.preview-selected{font:500 11px/1.5 Inter,sans-serif;color:#203e70;background:#e7eef9;padding:10px 12px;margin-left:10px;border-radius:6px}.preview-more{font:500 11px Inter,sans-serif;color:#62748c;margin:16px 0 0}.preview-lesson{align-self:start;background:white;border:1px solid #e0e5ef;border-radius:12px;overflow:hidden}.preview-lesson>img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:contain}.preview-lesson-text{padding:27px}.preview-kicker{font:600 10px Inter,sans-serif;letter-spacing:.13em;color:#607ea9}.preview-lesson h3{font:700 23px/1.4 Poppins,sans-serif;text-align:left;margin:10px 0}.preview-lesson p{font:400 15px/1.7 Inter,sans-serif;color:#56657d;margin:0}.preview-formats{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.preview-formats span{padding:10px 12px;background:#f0f4fa;border-radius:7px;color:#25416f;font:600 11px Inter,sans-serif}.lesson-preview figcaption{padding:0 24px 20px;font:400 12px/1.6 Inter,sans-serif;color:#60718a;text-align:center}.nav-buy{position:relative;overflow:hidden;isolation:isolate;white-space:nowrap;box-shadow:0 4px 16px #264a9033}.nav-buy:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.38) 46%,transparent 65%);transform:translateX(-140%);animation:button-shimmer 6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.nav-buy:before{display:none;animation:none}}@media(max-width:760px){.lesson-preview-body{grid-template-columns:150px minmax(0,1fr);padding:12px;gap:12px}.preview-sidebar{padding:14px 10px}.preview-sidebar h3{font-size:13px}.preview-module{padding:9px}.preview-module strong{font-size:10px}.preview-lesson-text{padding:16px}.preview-lesson h3{font-size:17px}.preview-lesson p{font-size:12px}.preview-formats span{font-size:9px;padding:8px}.lesson-preview-bar{padding:12px;font-size:8px}.nav-buy{font-size:10px;padding:13px 15px}}@media(max-width:520px){.lesson-preview-body{grid-template-columns:1fr}.preview-sidebar{display:none}.preview-lesson h3{font-size:19px}.preview-lesson p{font-size:14px}.lesson-preview figcaption{padding:0 16px 16px}}

@media(max-width:480px){.roadmap-grid{grid-template-columns:1fr}footer nav a,footer a{display:inline-block;padding:10px 6px}}

.sales-video{border-radius:16px;overflow:hidden;background:#1f3a70;box-shadow:0 20px 60px #1f3a7030}.sales-video video{display:block;width:100%;aspect-ratio:16/9;height:auto;background:#1f3a70}
