@font-face{font-family:"Pages Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/PagesSerif-SemiBold.ttf) format("truetype")}
@font-face{font-family:"Pages Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/PagesSerif-Italic.ttf) format("truetype")}
@font-face{font-family:"Pages Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/PagesSans-Regular.ttf) format("truetype")}
@font-face{font-family:"Pages Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/PagesSans-SemiBold.ttf) format("truetype")}
:root{--teal:#1F4E5A;--teal-d:#163A43;--amber:#D99A3E;--amber-l:#EBB866;--paper:#FAF6EE;--paper-d:#F1EADB;--ink:#222;--muted:#5d625f;--line:#E2D9C6;
--serif:"Pages Serif",Georgia,"Iowan Old Style","Times New Roman",serif;--sans:"Pages Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal);text-underline-offset:.15em}
a:hover{color:var(--teal-d)}
strong{font-weight:600}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.2;color:var(--teal);margin:0 0 .6rem}
h1{font-size:2rem}h2{font-size:1.55rem;margin-top:0}h3{font-size:1.2rem}
p,ul,ol{margin:0 0 1rem}
.wrap{max-width:68rem;margin:0 auto;padding:0 1.1rem}
.narrow{max-width:46rem}
.block{padding-top:2.2rem;padding-bottom:1rem}
.muted{color:var(--muted)}.small{font-size:.92rem}
.skip{position:absolute;left:-999px;top:0;background:var(--amber);color:var(--ink);padding:.6rem 1rem;z-index:10}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
header.site{background:var(--paper);border-bottom:1px solid var(--line)}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1.5rem;padding-top:.7rem;padding-bottom:.7rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font:600 1.3rem var(--serif);color:var(--teal)}
nav a{display:inline-block;margin-right:1.1rem;padding:.35rem 0;text-decoration:none;font-weight:600;color:var(--teal)}
nav a:last-child{margin-right:0}nav a:hover{text-decoration:underline}
.eyebrow{font:600 .8rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#8A5A12;margin-bottom:.5rem}
.hero{background:var(--teal);color:var(--paper);padding:2.6rem 0 2.4rem;position:relative}
.hero .eyebrow,.cta .eyebrow{color:var(--amber-l)}
.hero h1{color:var(--paper);font-size:2.1rem;max-width:21em}
.hero .lead{max-width:40rem}
.lead{font-size:1.15rem}
.hero a:not(.btn){color:var(--amber-l)}
.actions{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;margin:1.1rem 0}
.btn,.buy{display:inline-block;background:var(--amber);color:var(--ink);font:600 1.05rem var(--sans);text-decoration:none;padding:.8rem 1.4rem;border-radius:8px;border:2px solid var(--amber);text-align:center}
.btn:hover,.buy:hover{background:var(--amber-l);color:var(--ink)}
.btn.ghost{background:transparent;color:var(--paper);border-color:var(--paper)}
.btn.ghost:hover{background:rgba(255,255,255,.12);color:var(--paper)}
.buy.pending{background:transparent;border:2px dashed var(--teal);color:var(--teal);cursor:not-allowed;pointer-events:none;display:inline-flex;flex-direction:column;gap:.1rem;line-height:1.25}
.buy.pending .soon{font-weight:600}.buy.pending .what{font-size:.85rem;font-weight:400}
.buy.pending.alt,.bundle-box .buy.pending{border-color:var(--teal)}
.cta .buy.pending{border-color:var(--paper);color:var(--paper)}
a.link{font-weight:600}
.ticks{list-style:none;padding:0}
.ticks li{position:relative;padding-left:1.9rem;margin-bottom:.6rem}
.ticks li::before{content:"";position:absolute;left:0;top:.28em;width:1.05rem;height:1.05rem;border:2px solid var(--teal);border-radius:3px;background:var(--paper)}
.ticks li::after{content:"";position:absolute;left:.33rem;top:.36em;width:.3rem;height:.6rem;border:solid var(--amber);border-width:0 3px 3px 0;transform:rotate(40deg)}
.steps{padding-left:1.4rem}.steps li{margin-bottom:.6rem}
.band{background:var(--paper-d);padding:2.2rem 0 1.4rem;margin-top:1.8rem}
.band h2{margin-bottom:1rem}
.cta{background:var(--teal);color:var(--paper)}
.cta h2{color:var(--paper)}.cta a:not(.buy){color:var(--amber-l)}
.grid3{display:grid;gap:1.4rem}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.guide .cover{display:block;background:var(--teal);padding:1rem 25% 0}
.guide .cover img{border-radius:4px 4px 0 0;box-shadow:0 6px 18px rgba(0,0,0,.28)}
.card-body{padding:1.1rem 1.2rem 1.2rem}
.card-body h3 a{text-decoration:none}
.meta{font-size:.92rem;color:var(--muted)}
.price{font:600 1.6rem var(--serif);color:var(--teal);margin-bottom:.4rem}
.price.big{font-size:2.4rem}
.bundle-box{background:var(--teal);color:var(--paper);border-radius:12px;padding:1.4rem;display:grid;gap:1.2rem;align-items:center}
.bundle-box h2{color:var(--paper)}
.bundle-box .eyebrow{color:var(--amber-l)}
.bundle-box a:not(.buy){color:var(--amber-l)}
.bundle-box .buy.pending{border-color:var(--paper);color:var(--paper)}
.bundle-covers{display:flex;justify-content:center;padding:0 1rem}
.bundle-covers img{width:34%;border-radius:3px;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.bundle-covers img:nth-child(1){transform:rotate(-6deg) translateX(18%)}
.bundle-covers img:nth-child(2){z-index:1;transform:translateY(-6px)}
.bundle-covers img:nth-child(3){transform:rotate(6deg) translateX(-18%)}
.two{display:grid;gap:1.6rem}
details{background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:.6rem}
summary{cursor:pointer;padding:.8rem 1rem;font-weight:600;color:var(--teal)}
details p{padding:0 1rem;margin:0 0 .9rem}
.crumbs{padding-top:1rem;font-size:.92rem;color:var(--muted)}
.product{display:grid;gap:1.4rem;padding-top:1.2rem}
.p-cover{max-width:22rem}
.p-cover img{border-radius:6px;box-shadow:0 8px 24px rgba(31,78,90,.3)}
.facts{padding-left:1.2rem}.facts li{margin-bottom:.35rem}
.plain{padding-left:1.2rem}.plain li{margin-bottom:.3rem}
.chapters{padding-left:1.5rem}.chapters li{margin-bottom:.3rem}
.method{padding-left:1.4rem}.method li{margin-bottom:.4rem}
.previews{display:grid;gap:1.2rem}
.previews figure{margin:0}
.previews img{border:1px solid var(--line);border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.12);background:#fff}
figcaption{font-size:.9rem;color:var(--muted);margin-top:.4rem}
.pricebox{background:#fff;border:1px solid var(--line);border-left:6px solid var(--amber);border-radius:8px;padding:1rem 1.2rem;margin:1.2rem 0}
.bundle-list{list-style:none;padding:0;display:grid;gap:1.2rem}
.bundle-list li{display:grid;grid-template-columns:7rem 1fr;gap:1rem;align-items:start;background:#fff;border:1px solid var(--line);border-radius:10px;padding:1rem}
.bundle-list h3 a{text-decoration:none}
.bundle-list img{border-radius:3px;box-shadow:0 3px 10px rgba(0,0,0,.2)}
footer.site{background:var(--teal-d);color:#e9e4d8;margin-top:3rem;padding:1.8rem 0 2.2rem;font-size:.95rem}
footer.site a{color:var(--amber-l)}
footer.site .muted{color:#b9c7c9}
.foot-links a{margin-right:1.1rem;display:inline-block}
.foot-brand strong{font:600 1.2rem var(--serif);color:#fff}
.foot-small{font-size:.88rem;margin-bottom:.5rem}
@media(min-width:40rem){
h1{font-size:2.5rem}.hero h1{font-size:2.8rem}h2{font-size:1.8rem}
.grid3{grid-template-columns:repeat(3,1fr)}
.guide .cover{padding:1rem 18% 0}
.previews{grid-template-columns:repeat(2,1fr)}
.two{grid-template-columns:1fr 1fr;gap:2.4rem}
.bundle-box{grid-template-columns:1fr 1.2fr;padding:2rem}
.product{grid-template-columns:20rem 1fr;gap:2.4rem}
.bundle-list li{grid-template-columns:9rem 1fr}
}
@media(min-width:62rem){.previews{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:no-preference){.btn,.buy{transition:background .15s}}
@media print{header.site nav,.actions{display:none}}