:root{--paper:#f3ecdd;--white:#fffaf0;--ink:#25372f;--ink-soft:#4c5548;--muted:#6e7060;--coral:#823e48;--coral-dark:#6d2c39;--yellow:#d9bc7b;--purple:#b29357;--purple-deep:#203b32;--teal-deep:#203b32;--blue:#823e48;--cream:#f3ecdd;--cream-soft:#e1d8c3}
.grid-bg{opacity:.25;background-image:linear-gradient(rgba(120,91,48,.12) 1px,transparent 1px);background-size:100% 28px}
.topbar{background:var(--purple-deep)}.hero{background:radial-gradient(ellipse at 50% 45%,#e4d8bb80,transparent 68%)}
.classics-cover{position:relative!important;aspect-ratio:4/3!important;background:radial-gradient(ellipse at center,#44604a,#1c332b)!important;max-width:560px!important;overflow:hidden!important;border-color:#b29357!important;border-radius:12px!important;box-shadow:8px 10px 0 #25372f!important}
.classics-cover img{position:absolute!important;width:31%!important;height:73%!important;object-fit:contain!important;inset:auto!important;top:12%!important;filter:drop-shadow(3px 7px 5px #0008);background:#f3ecdd}
.classics-cover img:nth-child(1){left:1%;transform:rotate(-15deg);top:17%!important}.classics-cover img:nth-child(2){left:17%;transform:rotate(-8deg);top:9%!important}.classics-cover img:nth-child(3){left:35%;z-index:4;top:7%!important}.classics-cover img:nth-child(4){left:53%;transform:rotate(8deg);top:10%!important}.classics-cover img:nth-child(5){left:69%;transform:rotate(15deg);top:18%!important}
.atlas-card img{object-fit:contain!important;background:#f3ecdd}.bonus img{object-fit:cover;object-position:top}.atlas-row-title{color:var(--ink)}.hero .d3{font-size:0}.hero .d3:after{content:'❦';font-size:30px}

/* A firmer editorial voice, using the bundled true bold font. */
h1,h2,h3{font-weight:700;letter-spacing:-.035em}
.h1{font-size:clamp(30px,7.7vw,46px);line-height:1.18;max-width:610px}
.h1 .hi{font-size:.71em;line-height:1.35;margin-top:12px;letter-spacing:-.02em}
.h2{line-height:1.3}.lead,.sub{font-weight:600}.lead{font-size:17px;line-height:1.7}
.btn{font-family:var(--body);font-weight:800;letter-spacing:.035em}
.bonus h3,.atlas-card figcaption strong{font-weight:700}.plan .pname{font-weight:700}
@media(max-width:420px){.h1{font-size:30px}.h1 .hi{font-size:22px}}

.more-classics{margin-top:34px;padding-top:28px;border-top:1px solid #b2935766;text-align:center}
.more-classics h3{font-size:22px;margin-bottom:8px}.more-classics p{color:var(--ink-soft);margin-bottom:18px}
.more-classics ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;padding:0}
.more-classics li{padding:8px 14px;border:1px solid #b2935780;border-radius:6px;background:var(--white);font-family:var(--title);font-size:13px;line-height:1.5}

.feedback-example{font-size:15px;line-height:1.7;color:var(--ink-soft);margin-top:16px}.review-rating strong{letter-spacing:.03em}

.classics-hero-mockup{margin:26px auto 0;width:100%;max-width:600px;aspect-ratio:4/3;display:grid;place-items:center}
.classics-hero-mockup img{width:100%;height:100%;object-fit:contain;display:block}
.bonus img{object-fit:cover;object-position:center}

/* Offer bar: slightly larger and pinned while scrolling. */
.topbar{position:sticky;top:0;z-index:100;background:#792b35;color:#fffaf0;font-size:16px;line-height:1.35;padding:13px 16px;padding-top:calc(13px + env(safe-area-inset-top,0px));gap:12px}
.topbar .timer{background:#571c25;color:#fff;font-size:18px;line-height:1.35;padding:4px 13px;border:1px solid #ffffff30;border-radius:7px}
html{scroll-padding-top:76px}
@media(max-width:380px){.topbar{font-size:15px;gap:9px}.topbar .timer{font-size:17px;padding:4px 10px}}

.plan.best .btn{background:#287344;color:#fff;animation-name:completePlanPulse}
.plan.best .btn:hover{background:#205f37}
@keyframes completePlanPulse{0%{box-shadow:4px 4px 0 var(--ink),0 0 0 0 rgba(40,115,68,.45)}70%{box-shadow:4px 4px 0 var(--ink),0 0 0 15px rgba(40,115,68,0)}100%{box-shadow:4px 4px 0 var(--ink),0 0 0 0 rgba(40,115,68,0)}}