:root{--navy:#0b2239;--gold:#e5c17b;--cream:#f7f5f0;--white:#fff;--ink:#25364a;--line:#dfd4bf;--muted:#536171;--heading:Georgia,"Times New Roman",serif;--body:system-ui,-apple-system,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.62 var(--body)}
h1,h2,h3,p,ul,ol{margin:0}
h1,h2,h3{color:var(--navy);line-height:1.15;text-wrap:balance}
h1,h2{font-family:var(--heading);font-weight:500}
h2{font-size:clamp(1.85rem,3.55vw,3.05rem)}
h3{font-size:clamp(1.14rem,2vw,1.42rem)}
p+p,h3+p{margin-top:1rem}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:3px solid #a45c0b;outline-offset:5px}
.skip{position:absolute;left:16px;top:12px;z-index:3;background:var(--white);padding:10px 14px;transform:translateY(-150%)}
.skip:focus{transform:translateY(0)}
.hero{position:relative;isolation:isolate;text-align:center;padding:38px 18px 8px;color:var(--white);overflow:hidden}
.hero::before{content:"";position:absolute;z-index:-1;inset:0 -12% 0;background:radial-gradient(ellipse at 50% 110%,#234866 0%,var(--navy) 60%);border-radius:0 0 50% 50% / 0 0 23% 23%}
.brand,.eyebrow{font-size:.74rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.brand{color:#fff}
.brand span,.hero .eyebrow{color:var(--gold)}
.hero h1{color:#fff;font-size:clamp(2.85rem,6.4vw,6rem);letter-spacing:-.045em;margin:16px auto 0;line-height:.99}
.hero-copy{max-width:610px;margin:20px auto 0;color:#f4f2ed;font-size:clamp(.98rem,1.6vw,1.16rem);text-wrap:pretty}
.hero-frame{margin:24px auto 0;max-width:465px;min-height:212px;display:grid;grid-template-columns:45% 55%;align-items:center;text-align:left;padding:15px 22px;background:linear-gradient(125deg,#264766,#102941);border:1px solid #ffffff3d;border-radius:9px;box-shadow:0 18px 34px #050d1b4a}
.hero-frame .book{width:116px;margin:auto}
.hero-frame-text{display:grid;gap:10px;padding-left:9px}
.hero-frame-text b{font:500 clamp(1.05rem,2.1vw,1.55rem)/1.15 var(--heading);color:var(--white)}
.hero-frame-text>span:last-child{font-size:.76rem;color:#e9e9e6}
.book{position:relative;width:clamp(116px,16vw,172px);transform:perspective(680px) rotateY(-20deg) rotateZ(-5deg);box-shadow:10px 15px 25px #091a3740;border-radius:2px;background:#fff}
.book img{position:relative;border-radius:2px}
.book::before{content:"";position:absolute;top:2px;right:-12px;width:13px;height:calc(100% - 5px);background:repeating-linear-gradient(90deg,#d6d8d9 0 1px,#f3f0e7 1px 3px);transform:skewY(10deg);transform-origin:left top;border-right:2px solid #17324f}
.book::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071f3f30,transparent 9%);pointer-events:none}
.wrap{width:min(calc(100% - 36px),880px);margin-inline:auto}
.section{margin-top:clamp(48px,6.5vw,89px)}
.band{padding:21px 17px 25px;background:var(--navy);color:var(--white);border-radius:8px;text-align:center;border-bottom:3px solid var(--gold)}
.narrow{width:min(79%,690px);margin-inline:auto}
.panel{background:var(--white);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 22px #3628080a;padding:clamp(20px,3.45vw,42px)}
.band+.panel{margin-top:23px}
.check,.arrows{list-style:none;padding:0}
.check li,.arrows li{position:relative;padding-left:1.55em}
.check li+li,.arrows li+li{margin-top:.9em}
.check li::before,.arrows li::before{position:absolute;left:0;top:0;color:#8c6022;font-weight:800}
.check li::before{content:"✓"}
.arrows li::before{content:"›";font-size:1.32em;line-height:1.18}
.action{text-align:center;margin-top:29px}
.intro-action{margin-top:27px;padding-inline:14px}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-height:54px;max-width:100%;padding:13px 23px;border:1px solid #c6984e;border-radius:10px;color:var(--navy);background:var(--gold);box-shadow:0 4px 0 #c9a45f;font:750 clamp(.9rem,1.7vw,1.05rem)/1.35 var(--body);text-decoration:none;text-align:center}
a.cta:hover{background:#f2d79e}
.cta span{font-size:1.1rem}
.facts{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;margin:18px auto 0;color:#664c2c;font-size:.8rem;font-weight:650}
.facts span+span::before{content:"◆";display:inline-block;margin:0 .9em;font-size:.53rem;color:#94652a;vertical-align:middle}
.more,.small{font-size:.87rem;color:var(--muted)}
.more{margin-top:23px}
.feature,.recap{width:95%;margin-inline:auto}
.feature h2{text-align:center}
.product-stack{display:grid;place-items:center;min-height:260px;padding:22px 33px 20px 0;isolation:isolate}
.product-stack>*{grid-area:1/1}
.stack-page{transform:translateX(68px) rotate(11deg);width:clamp(105px,15vw,160px)}
.sheet{background:var(--white);border:1px solid #d8cbb6;border-top:6px solid var(--navy);border-radius:5px;box-shadow:0 11px 22px #0b223927;padding:16px;min-height:148px;display:flex;flex-direction:column;gap:8px;text-align:left;color:var(--navy)}
.sheet span{font-size:.54rem;font-weight:760;letter-spacing:.08em;color:#735422}
.sheet b{font:600 1.13rem/1.12 var(--heading)}
.sheet>i{height:4px;background:#e7dfd3;width:92%}
.sheet>i:last-child{width:65%}
.subtitle{text-align:center;margin:20px auto 0;color:#715124;font-size:clamp(.95rem,1.7vw,1.16rem);text-wrap:balance}
.examples{margin-top:24px}
.example-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.example-row.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}
.sample{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:9px;min-height:172px;padding:14px;overflow-wrap:anywhere}
.sample span{font-size:.62rem;color:#765525;font-weight:800;letter-spacing:.07em}
.sample h3{font:600 1.16rem/1.16 var(--heading);margin-top:9px}
.sample p{font-size:.84rem;margin-top:9px}
.two-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,48px);align-items:center}
.contents{margin-top:24px}
.chapters{padding-left:1.4em;margin:14px 0;font-size:.95rem}
.chapters li{padding:.25em 0 .25em .2em}
.chapters li::marker{color:#81591e;font-weight:750}
.bonus{margin:26px 0 43px}
.bonus-number{font:500 clamp(2rem,4vw,3rem)/1 var(--heading);color:#8a6027;text-align:center;margin-bottom:16px}
.bonus-number span{font:750 .95rem/1 var(--body);letter-spacing:.14em;vertical-align:middle}
.bonus-row{padding-inline:12px}
.bonus-row ul{margin-top:13px}
.tool-art{display:grid;justify-items:center;gap:12px;text-align:center}
.tool-art .sheet{width:min(72%,215px);transform:rotate(-6deg);min-height:165px}
.tool-art small{color:var(--muted);font-size:.69rem}
.bars{height:53px;display:flex;gap:6px;align-items:end;margin-top:auto}
.bars i{height:37%;flex:1;background:#d9b16a}
.bars i:nth-child(2){height:58%}
.bars i:nth-child(3){height:48%}
.bars i:nth-child(4){height:76%}
.bars i:nth-child(5){height:94%;background:var(--navy)}
.author{width:95%;margin-inline:auto;padding:15px;gap:24px}
.author>div{padding:15px 10px 15px 15px}
.author h2{margin:8px 0 16px}
.author .eyebrow{color:#795522}
.author img{width:100%;height:100%;min-height:325px;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;border-radius:5px}
.signature{font:italic 600 1.25rem/1.3 var(--heading);color:var(--navy);padding-top:8px}
.assurance{margin-top:29px;text-align:center}
.assurance .check{text-align:left;margin:19px auto 17px;max-width:530px}
.seal{display:grid;align-content:center;place-items:center;gap:3px;margin:0 auto 17px;width:75px;height:75px;border:4px double var(--navy);outline:1px solid var(--gold);border-radius:50%;background:var(--gold);color:var(--navy);font-weight:800}
.seal span{font-size:.62rem;letter-spacing:.17em}
.recap{border-style:dashed}
.price{text-align:center;padding:33px 0 0;max-width:620px;margin:auto}
.price>p:not(.amount){margin-top:14px}
.price .eyebrow{color:#755424;padding-top:12px}
.amount{font:500 clamp(3.3rem,7vw,5rem)/1 var(--heading);color:var(--navy);margin:4px 0 19px}
.unavailable{opacity:.75;cursor:not-allowed}
.status{max-width:33ch;margin-inline:auto}
.accordion{margin-top:27px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--white)}
details+details{border-top:1px solid var(--line)}
summary{list-style:none;cursor:pointer;position:relative;padding:12px 45px 12px 15px;color:var(--navy);font-weight:650;font-size:.93rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:16px;top:8px;color:#795522;font-size:1.25rem}
details[open] summary::after{content:"−"}
details[open] summary{border-bottom:1px solid var(--line);background:#faf7ef}
summary:focus-visible{outline-offset:-3px}
details p{padding:12px 15px 15px;font-size:.9rem}
footer{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin-top:64px;padding:21px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:.83rem}
@media (max-width:680px){
  .wrap{width:calc(100% - 28px)}
  .narrow,.feature,.recap,.author{width:100%}
  .band{padding:17px 12px 19px}
  .two-cols{grid-template-columns:minmax(0,1fr)}
  .example-row,.example-row.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .example-row.three{margin-top:9px}
  .sample{min-height:0;padding:11px}
  .hero{padding-top:28px}
  .hero-frame{width:min(100%,400px);padding:14px 13px;min-height:177px}
  .hero-frame .book{width:91px}
  .hero-frame .eyebrow{font-size:.62rem}
  .product-stack{min-height:220px}
  .bonus-row{padding:0 8px}
  .tool-art .sheet{width:150px;min-height:139px}
  .contents{gap:10px}
  .author>div{padding:8px 3px}
  .author img{height:auto;min-height:0;aspect-ratio:4/4.6}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (min-width:850px){
  .hero h1{font-size:clamp(3.3rem,5vw,4.4rem)}
  .hero h1 br{display:none}
  .sample{min-height:220px}
}
.listen-link{display:block;width:fit-content;margin:17px auto 0;color:var(--navy);font-weight:700;text-underline-offset:3px}
.video-thumb{padding:4px;background:#081b2d;border:1px solid #ffffff30;border-radius:8px;box-shadow:0 8px 18px #0814256b}
.video-thumb img{border-radius:4px;width:100%;aspect-ratio:4/3;object-fit:cover}
.video-preview{width:min(100%,720px);margin:18px auto 0;text-align:center;padding:clamp(10px,2vw,20px)}
.video-preview video{display:block;width:100%;height:auto;aspect-ratio:960/734;background:var(--navy);border-radius:5px}
.video-preview .small{margin-top:10px}

.stack-video{width:min(43vw,200px);transform:rotate(-5deg)}