:root{--ink:#202925;--muted:#64706a;--paper:#faf9f5;--line:#dcded5;--accent:#244e3f;--wash:#edf0e7}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit}
header{max-width:1180px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.brand{font-family:Georgia,serif;font-size:28px;letter-spacing:-1px}
.brand span{font-weight:bold}
.signin{font-size:13px;color:var(--muted);text-decoration:none}
main{max-width:1180px;margin:auto;padding:0 32px}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;padding:70px 0 60px;align-items:center}
.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700;margin:0 0 18px}
h1,h2,h3,p{margin-top:0}
h1{font-family:Georgia,serif;font-size:52px;line-height:1.12;letter-spacing:-1.8px;font-weight:400;margin-bottom:22px}
h2{font:36px/1.2 Georgia,serif;letter-spacing:-.6px}
h3{font:23px/1.25 Georgia,serif}
.intro{font-size:18px;color:#505e55;max-width:590px}
.price{font-size:16px;margin:25px 0 15px}
.price strong{font-size:27px;letter-spacing:-.8px}
.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.button{display:inline-block;background:var(--accent);color:white;border:0;border-radius:3px;padding:15px 22px;font-size:15px;font-weight:bold;text-decoration:none;cursor:pointer}
.secondary{font-size:14px;text-underline-offset:5px}
.step{font-size:12px;color:var(--muted);margin-top:12px;max-width:420px}
.free{font-size:13px;padding-top:21px;margin-top:23px;border-top:1px solid var(--line)}
.free a{font-weight:bold;text-underline-offset:3px}
.product{background:white;border:1px solid var(--line);box-shadow:0 14px 35px #263b2710;transform:rotate(1deg);padding:31px 30px}
.product h3{font-size:30px;margin:26px 0 11px}
.product p{font-size:14px;color:var(--muted)}
.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:29px 0}
.benefits .label{font:19px Georgia,serif;margin-bottom:5px}
.benefits p{font-size:13px;color:var(--muted);margin-bottom:0}
.sample-section{padding:65px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}
.sample-section p{color:var(--muted);font-size:16px}
.sample-shell{background:var(--wash);border:1px solid var(--line);padding:28px}
.sample-shell .eyebrow{font-size:10px}
.sample-shell h3{font-size:27px;margin-bottom:18px}
.sample-shell ul{padding-left:18px;font-size:14px;color:#46534a}
.bottom{background:var(--ink);color:white;padding:37px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:50px}
.bottom h2{font-size:30px;margin-bottom:8px}
.bottom p{font-size:14px;color:#c8d0ca;margin:0}
.bottom .button{background:#f4f3ed;color:var(--ink);white-space:nowrap}
footer{max-width:1180px;margin:auto;padding:0 32px 32px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:25px}
@media(max-width:760px){header{padding:18px 22px}
.brand{font-size:24px}
.signin{font-size:11px}
main{padding:0 22px}
.hero{grid-template-columns:1fr;gap:35px;padding:38px 0}
h1{font-size:39px;letter-spacing:-1.2px}
.intro{font-size:16px}
.product{transform:none;padding:24px}
.benefits{grid-template-columns:1fr;gap:22px}
.sample-section{grid-template-columns:1fr;gap:20px;padding:40px 0}
h2{font-size:31px}
.sample-shell{padding:22px}
.bottom{padding:25px;display:block}
.bottom .button{margin-top:22px}
.bottom h2{font-size:28px}
footer{padding:0 22px 25px;display:block}
.button{padding:14px 19px}
.actions{gap:18px}
}



/* Live subscribe.css colors and font stack, verified September 12, 2026. */
:root{--ink:#363737;--muted:#515151;--line:#ddd;--paper:#fff;--green:#8ae1a2;--green-dark:#278a4c;--accent:#278a4c;--wash:#effaf2;--surface:#f0f0f0;--white:#fff;--shadow:0 1px 2px rgba(0,0,0,.05)}

body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}

header{background:var(--white)}
.brand{line-height:0;letter-spacing:normal}
.brand img{display:block;width:220px;max-width:100%;height:auto}
.signin{font-weight:650;color:var(--ink)}

h1,h2,h3,.benefits .label,.product-top{font-family:inherit;font-weight:700}
h1{line-height:1.06;letter-spacing:-.04em}
h2{letter-spacing:-.025em}

.eyebrow{color:var(--green-dark);font-weight:750;letter-spacing:.07em}
.intro,.product p,.sample-section p,.step,.authors,.benefits p,footer,.preview-label{color:var(--muted)}
.button,.bottom .button{background:var(--green);color:#202820;border:1px solid transparent;border-radius:8px;font-family:inherit;font-weight:700;min-height:50px}
.button:hover,.bottom .button:hover{background:#74d792}
.secondary{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:13px 18px;text-decoration:none;font-weight:700}
.secondary:hover{background:var(--wash)}

a:focus-visible,button:focus-visible{outline:3px solid var(--green-dark);outline-offset:3px}

.product{background:var(--white);border-radius:12px;box-shadow:var(--shadow);transform:none}
.sample-shell{background:var(--wash);border-radius:12px}
.sample-shell ul{color:var(--muted)}

.bottom{background:var(--white);color:var(--ink);border:2px solid #ace9bd;border-radius:12px;box-shadow:var(--shadow)}
.bottom p{color:var(--muted)}

@media(max-width:760px){.brand img{width:180px}
header{gap:18px}
.signin{max-width:110px}
h1{font-size:39px}
}



.hero{grid-template-columns:1.2fr .8fr;gap:45px}
h1{font-size:46px}
.publication-logo{padding:23px 0;text-align:center}
.publication-logo+.publication-logo{border-top:1px solid var(--line)}
.publication-logo img{width:100%;height:auto;max-width:330px}
.publication-logo p{font-size:13px;margin:13px 0 0}
.product-extra{border-top:1px solid var(--line);padding-top:20px;margin-bottom:0}
.sample-shell li{margin-bottom:14px}
.testimonials{background:var(--wash);padding:35px;border:1px solid var(--line);border-radius:12px;margin:0 0 45px}
.testimonials h2{font-size:31px}
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.quotes figure{margin:0;background:white;border:1px solid var(--line);border-radius:12px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}
.quotes blockquote{margin:0 0 22px;font-size:17px;line-height:1.5}
.quotes figcaption{font-size:13px;color:var(--muted);font-weight:650}
.disclosure{font-size:12px;color:var(--muted);margin:20px 0 0}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:30px}
h1{font-size:37px}
.quotes{grid-template-columns:1fr}
.testimonials{padding:23px}
.publication-logo img{max-width:310px}
}


/* Production footer retained from existing landing. */
footer{display:block}

.footer-row{display:flex;justify-content:space-between;gap:20px}

.footer-links{display:flex;flex-wrap:wrap;gap:18px}

header .brand{display:block;flex-shrink:0}

@media(max-width:760px){.footer-row{flex-direction:column}

header .brand img{width:160px}

}

.membership-faq{margin:0 0 45px}
.membership-faq details{border-bottom:1px solid var(--line);padding:18px 0}
.membership-faq summary{cursor:pointer;font-weight:700;line-height:1.5}
.membership-faq summary:focus-visible{outline:3px solid var(--green-dark);outline-offset:4px}
.membership-faq p{max-width:75ch;color:var(--muted);margin:12px 0 0}