/* Editorial landing-page layout, using the established EPTN brand. */
:root{--paper:#fff;--soft:#f5f7fb;--ink:#162339;--muted:#59677b;--line:#e4e9f1;--heading:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:linear-gradient(155deg,#eef3fc 0,white 800px);font-size:17px;line-height:1.75}
.wrap{max-width:1240px;padding-left:44px;padding-right:44px}
h1,h2,h3,.hero-story h1,.footer-brand{font-family:var(--heading);letter-spacing:-.04em;font-weight:800}
h2{line-height:1.12!important;font-size:clamp(32px,3.4vw,48px)!important}h3{line-height:1.3!important}
.eyebrow{font-family:var(--heading);font-size:11px!important;font-weight:800;letter-spacing:.14em;line-height:1.6}
.hero{grid-template-columns:1.08fr 1fr;gap:64px;padding-top:64px;padding-bottom:64px;align-items:center}
.hero-story h1{font-size:clamp(40px,4.5vw,64px);line-height:1.06;letter-spacing:-.045em;margin:24px 0;color:var(--navy-deep);max-width:12ch}
.book-brand{font-size:12px!important;letter-spacing:.08em;color:var(--navy);gap:9px}.book-brand .brand-stars{font-size:11px}
.hero-intro{font-size:18px!important;line-height:1.75;max-width:36em;color:var(--muted)}
.hero-photo{border-radius:24px;box-shadow:0 24px 60px #001c491c;transform:rotate(1deg)}
.hero-photo img{display:block;width:100%;height:auto}.hero-visual{margin:0;min-width:0}.hero-visual figcaption{font-size:11px;color:var(--muted);margin-top:19px;line-height:1.6;gap:12px}
.free-book-seal{width:88px;height:88px;right:18px;top:18px;font-size:11px;box-shadow:0 6px 22px #001c4933}.free-book-seal b{font-size:17px}
.hero-offer{padding:0;background:transparent;border:0;box-shadow:none;margin-top:28px;max-width:400px}
.hero-price{gap:10px;align-items:center;font-size:14px}.hero-price strong{font-size:24px;color:var(--navy-deep);letter-spacing:-.02em}
.primary-button{border-radius:10px;min-height:58px;padding:17px 24px;font-size:17px;box-shadow:0 8px 20px #ffd60025;transition:transform .18s,box-shadow .18s;text-align:center}
.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ffd60045}.button-caption{font-size:12px;margin-top:12px;line-height:1.6}
.hero-points{font-size:14px;line-height:1.7;margin-top:24px;color:var(--muted)}
.book-details-strip{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--navy-deep)}
.strip-inner{justify-content:space-between;padding-top:22px;padding-bottom:22px;font-size:13px;gap:20px}.strip-inner b{color:var(--red);font-size:11px}
.video-section{padding-top:88px;padding-bottom:88px;display:grid;grid-template-columns:1.05fr 1fr;column-gap:88px;align-items:center}
.video-heading{display:block}.video-heading h2{margin:18px 0 24px}.video-heading>p{font-size:18px!important;line-height:1.8;max-width:34em;margin:0;color:var(--muted)}
.video-slot,.video-slot.is-native-video{grid-column:2;grid-row:1 / span 2;max-width:350px;width:100%;aspect-ratio:9/16!important;margin:0 auto;border-radius:22px;border:0;box-shadow:0 24px 60px #001c4926;background:#001536}
.video-slot>.book-native-video{width:100%;height:100%;object-fit:contain}.video-slot.is-landscape-video{aspect-ratio:16/9!important;max-width:100%}
.video-caption{grid-column:1;font-size:13px;color:var(--muted);align-self:start;margin:22px 0 0;max-width:34em}
.ownership-section{background:var(--soft);border:0}.ownership-inner{padding-top:80px;padding-bottom:80px;gap:72px;grid-template-columns:1fr 1fr}
.home-photo{margin:0}.home-photo img{border-radius:20px;box-shadow:0 14px 40px #001c4910}.home-photo figcaption{font-size:10px;letter-spacing:.1em;line-height:1.7;margin-top:14px;color:var(--muted)}
.ownership-copy h2{margin:18px 0 24px}.ownership-copy>p:not(.eyebrow){font-size:17px!important;line-height:1.8;margin-top:16px}.text-cta{color:var(--navy);font-size:16px;font-weight:750;gap:20px;margin-top:24px}
.inside-section{padding-top:88px;padding-bottom:88px}.section-heading{gap:70px;align-items:center}.section-heading>p{font-size:17px!important;line-height:1.8;color:var(--muted)}
.explain-grid{gap:22px;margin-top:40px}.explain-grid article{border:1px solid var(--line);border-radius:16px;background:#fff;padding:28px;box-shadow:0 6px 18px #001c4904}.argument-number{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.1em}.explain-grid h3{font-size:25px;margin:18px 0 14px}.explain-grid h3 br{display:none}.explain-grid p{font-size:16px!important;line-height:1.8;color:var(--muted);margin:0}
.author-section{background:var(--navy-deep);color:#fff;border:0}.author-inner{padding-top:64px;padding-bottom:64px;gap:65px}.author-copy h2{color:#fff}.author-copy>.eyebrow{color:#ffe17a}.author-copy>p:not(.eyebrow){font-size:17px!important;color:#e0e7f2;line-height:1.85}.author-portrait>img{width:110px;height:110px;border:3px solid #ffffff55}.author-portrait strong{font-size:23px}.author-portrait span{color:#c4d2e8;font-size:10px}
.order-section{padding-top:96px;padding-bottom:88px;gap:80px;align-items:start}.order-pitch h2{margin:18px 0 24px}.order-pitch>p:not(.eyebrow){font-size:17px!important;line-height:1.8}.mini-book{padding:22px;background:var(--soft);border-radius:14px;gap:22px}.mini-book p{font-size:16px}.mini-book span{font-size:13px;line-height:1.65}
.checkout-card{border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:18px;padding:32px;background:#fff;box-shadow:0 20px 55px #001c4910}.checkout-title h3{font-size:27px}.checkout-title p{font-size:13px}.checkout-step{background:var(--soft);color:var(--navy);border-radius:10px}.price-breakdown{font-size:16px}.checkout-status{font-size:15px;line-height:1.6}.checkout-fineprint{font-size:12px;line-height:1.8}
.faq-section{padding-bottom:88px;gap:70px}.faq-list summary{font-size:16px;padding:22px 0}.faq-list details p{font-size:16px!important;line-height:1.8;color:var(--muted)}
.closing{background:linear-gradient(120deg,#001536,#002868);border:0}.closing-inner{padding-top:64px;padding-bottom:64px;gap:60px}.closing .eyebrow{color:#ffe17a}.closing h2{color:#fff}.closing-inner>div:last-child>p{font-size:13px;color:#d5dff0}
.site-footer{padding-top:35px;padding-bottom:40px}.footer-brand{font-size:13px;letter-spacing:.01em}.footer-top>div{font-size:13px}.site-footer>p{font-size:12px;line-height:1.8;color:var(--muted)}
@media(max-width:980px){.wrap{padding-left:28px;padding-right:28px}.hero{gap:32px}.video-section{column-gap:45px}.ownership-inner,.order-section{gap:40px}.section-heading{gap:35px}.explain-grid article{padding:22px}}
@media(max-width:760px){
.wrap{padding-left:24px;padding-right:24px}.hero{display:flex;flex-direction:column;gap:28px;padding-top:30px;padding-bottom:38px;align-items:stretch}.hero-story{display:block}.hero-story h1{font-size:43px;max-width:14ch;margin:20px 0}.hero-intro{font-size:17px!important;line-height:1.75}.hero-offer{max-width:none;margin-top:24px}.hero-visual{width:100%;max-width:500px;align-self:center}.hero-photo{transform:none;border-radius:18px}.hero-points{font-size:14px}.hero-price{font-size:13px}.hero-visual figcaption{font-size:10px}.free-book-seal{width:76px;height:76px;font-size:10px}.strip-inner{display:grid;gap:11px;padding-top:20px;padding-bottom:20px;font-size:13px}.strip-inner>span{display:flex;gap:14px}
.video-section{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-top:48px;padding-bottom:48px}.video-heading>p{font-size:17px!important}.video-heading h2 br{display:none}.video-slot,.video-slot.is-native-video,.video-slot.is-native-video.is-portrait-video{width:min(100%,340px);max-width:100%;margin:0 auto;border-radius:18px}.video-caption{margin:0;text-align:center;max-width:none;font-size:12px}
.ownership-inner{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px;gap:28px}.home-photo img{border-radius:16px}.ownership-copy h2 br{display:none}.inside-section{padding-top:48px;padding-bottom:48px}.section-heading{display:block}.section-heading>p{margin-top:22px}.explain-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}.explain-grid article{padding:26px}.explain-grid h3{font-size:24px}
.author-inner{grid-template-columns:1fr;gap:30px;padding-top:42px;padding-bottom:42px}.author-portrait>img{width:84px;height:84px}.order-section{grid-template-columns:1fr;gap:30px;padding-top:48px;padding-bottom:48px}.checkout-card{padding:26px 22px;border-radius:16px}.faq-section{grid-template-columns:1fr;gap:24px;padding-bottom:48px}.closing-inner{display:block;padding-top:42px;padding-bottom:42px}.closing-inner>div:last-child{max-width:none;margin-top:26px}.site-footer{padding-top:28px;padding-bottom:135px}.footer-top{gap:20px}.mobile-order-bar{border-top:1px solid var(--line);box-shadow:0 -5px 24px #001c490a;gap:12px}.mobile-order-bar a{border-radius:9px;font-size:15px;min-height:48px;padding:13px 16px}.mobile-order-bar strong,.mobile-order-bar div>span{font-size:12px}
}
@media(max-width:380px){.wrap{padding-left:20px;padding-right:20px}.hero-story h1{font-size:38px}.mobile-order-bar a{font-size:14px;padding:12px}.book-brand{gap:7px;font-size:10px!important}}
.hero-story>.book-brand .brand-stars{width:auto!important;height:auto!important;min-width:max-content;white-space:nowrap;flex:0 0 auto;line-height:1;background:none!important;display:inline-block!important}
.primary-button{border:1px solid #e1b900}

/* Keep landscape VSLs at the available width on phones. */
@media(max-width:760px){.video-slot.is-native-video.is-landscape-video{width:100%;max-width:100%;aspect-ratio:16/9!important}}

/* Place Ryan’s message immediately before the hero offer. */
.hero-video{margin-top:28px;min-width:0}
.hero-video .video-slot{width:100%;max-width:100%;grid-column:auto;grid-row:auto;aspect-ratio:16/9!important}
.hero-video .video-caption{margin:12px 0 0;max-width:none;text-align:center;font-size:12px}

/* Desktop/tablet: message on the right; phones retain video-before-offer order. */
.hero{grid-template-areas:"story video" "purchase book";align-items:start;row-gap:28px}
.hero-story{grid-area:story;min-width:0}
.hero-video{grid-area:video;margin-top:0}
.hero-purchase{grid-area:purchase;min-width:0}
.hero-purchase .hero-offer{margin-top:0}
.hero-visual{grid-area:book}
@media(min-width:761px){.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}.hero-video{align-self:start}}
@media(max-width:760px){.hero{display:flex}.hero-video{margin-top:0}.hero-purchase{width:100%}}

/* Keep the offer attached to the introduction in the left column. */
@media(min-width:761px){
.hero{grid-template-areas:"left video" "left book"}
.hero-left{grid-area:left;min-width:0}
.hero-left .hero-purchase{margin-top:28px}
.hero-left .hero-offer{max-width:none}
}
@media(max-width:760px){
.hero-left{display:contents}
.hero-story{order:0}.hero-video{order:1}.hero-purchase{order:2}.hero-visual{order:3}
}