/* Charcoal, burgundy and copper direction from Kim's homepage mockup. */
:root{--bg:#111111;--bg2:#181414;--paper:#111111;--white:#181414;--panel:#251a1c;--ink:#f1ece3;--muted:#bdb0a5;--gold:#bc8a63;--gold2:#d5a17c;--accent:#d5a17c;--button:#d5a17c;--red:#852538;--line:#49362d;color-scheme:dark}
body{background:#111;color:var(--ink)}
.hero{min-height:740px;background:#111}.hero:after{background:linear-gradient(90deg,#111 0%,rgba(17,17,17,.96) 30%,rgba(17,17,17,.4) 65%,rgba(17,17,17,.3)),linear-gradient(0deg,#111,transparent 45%)}
.hero-art{filter:saturate(.65);opacity:.7}.nav{background:#111;padding:24px 0;border-bottom:1px solid var(--line)}.logo{width:170px}.navlinks{font-size:11px;gap:20px}.navlinks .pill{background:transparent;border-radius:0;border-color:var(--line)}
.hero-copy{padding:85px 0 110px;width:min(510px,48vw)}.hero h1{font-size:clamp(50px,5.7vw,84px);line-height:1.02;font-weight:400}.hero h1 em{font-size:1em;color:var(--gold2);line-height:1.05}.hero .copy{font-size:17px;max-width:400px;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.2em}.feature-row{max-width:450px}.feature{border:0;border-radius:0;padding-left:0;font-size:10px;color:var(--muted)}.btn{background:var(--red);border-color:var(--red)}
section{background-color:transparent}h2,h3{font-weight:400}.cards article,.card{background:transparent!important;border-radius:0!important;border-color:var(--line)!important}.sample-section{background:linear-gradient(100deg,#2c191e,#181414)}
.combined-process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.combined-process li{padding-top:22px}.combined-process li h3{font-size:26px}.combined-process p{font-size:16px}.combined-process .btn{display:inline-block;margin-top:25px;text-decoration:none;padding:16px 25px}
footer{background:#111;border-top:1px solid var(--line)}header{background:#111}.wordmark{color:var(--gold2)}
@media(max-width:900px){.nav{flex-wrap:wrap}.navlinks{flex-wrap:wrap;justify-content:center;gap:16px;margin:auto}.hero-copy{width:90%;padding:65px 0 80px}.hero h1{font-size:60px}.hero-art{inset:0;opacity:.35}.hero:after{background:linear-gradient(90deg,rgba(17,17,17,.95),rgba(17,17,17,.55))}.combined-process ol{grid-template-columns:1fr}.hero{min-height:700px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.hero-art{filter:none;opacity:1}

.card-img{aspect-ratio:3/2;height:auto!important;background:#161313}.card-img img{width:100%;height:100%;object-fit:contain!important}

.comparison{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:30px 0;font-size:16px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:18px}thead th{color:var(--gold2)}.book-ad-image{object-fit:contain!important;height:auto!important}

.reader-actions{display:flex;flex-wrap:wrap;gap:14px;padding:24px 0;align-items:center}.reader-actions button,.reader-actions>a{background:#852538;border:1px solid #d5a17c;color:#fff;font:700 16px Arial;padding:16px 24px;text-decoration:none;border-radius:4px;cursor:pointer}.reader-actions button:disabled{opacity:.55}.reader-actions .reader-status{flex-basis:100%;margin:0}

.basic-offer-scope{padding:24px;margin:24px auto;border:1px solid var(--line);background:#21191a;max-width:1100px;color:var(--ink)}.basic-offer-scope h3{font:28px Georgia;margin:0 0 16px}.basic-offer-scope p{font:16px/1.65 Arial;color:var(--muted)}

/* Homepage color, illustration and call-to-action refresh. */
.home-refresh { --highlight-gold:#e5c779; }
.home-refresh .nav { width:100vw; margin-left:calc(50% - 50vw); padding:24px 4vw; background:#111; gap:24px; }
.home-refresh .navlinks .pill,.home-refresh .explore { background:#852538; color:#fff; border:1px solid #a73b52; border-radius:4px; }
.home-refresh .navlinks .pill:hover,.home-refresh .explore:hover { background:#a5334a; }
.home-refresh .navlinks { gap:18px; }
.home-refresh .offer-ribbon { display:block; text-decoration:none; }
.home-refresh .offer-ribbon:hover { filter:brightness(1.1); }
.home-refresh .live-note { color:var(--highlight-gold); font-style:italic; font-size:15px; padding:8px 4vw; }
.home-refresh .book-ad-action { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:52px; text-align:left; padding:48px 5%; background:radial-gradient(ellipse at right,#3a1823,transparent 65%),#191416; }
.offer-conversation { position:relative; padding:26px 30px; border:1px solid #70424d; border-radius:22px 22px 22px 4px; background:#2b1b20; }
.offer-conversation:after { content:''; position:absolute; bottom:-16px; left:32px; width:28px; height:28px; background:#2b1b20; border-right:1px solid #70424d; border-bottom:1px solid #70424d; transform:skewY(-32deg); }
.home-refresh .book-ad-action h2 { font-size:clamp(30px,3.2vw,46px); }
.home-refresh .book-ad-note { margin-top:16px; }
.home-refresh .book-ad-cta { width:100%; min-height:74px; font-size:clamp(20px,2.4vw,28px); background:#852538; border:1px solid #c15c73; color:#fff; box-shadow:0 0 24px #c3385866,0 0 60px #85253855; }
.home-refresh .book-ad-cta:hover { background:#a5334a; box-shadow:0 0 32px #e34d7188; }
.home-refresh #fundraising { display:flow-root; }
.fundraising-art { float:right; width:43%; height:auto; margin:0 0 30px 48px; border-radius:18px; }
.home-refresh .combined-process h2 { color:#e5b4bd; }
.home-refresh .feature-heading { color:#e294a7; font-size:clamp(27px,3vw,38px); padding-top:38px; margin-top:38px; border-top:1px solid #5b303c; clear:both; }
.feature-illustration { float:right; width:34%; height:auto; margin:0 0 26px 40px; border-radius:16px; }
.home-refresh #why-mboox { display:flow-root; }
.home-refresh .comparison tbody td:last-child { position:relative; padding-left:48px; background:#28191e; }
.home-refresh .comparison tbody td:last-child:before { content:'✓'; position:absolute; left:18px; top:18px; color:var(--highlight-gold); font-weight:800; font-size:22px; }
.home-refresh #process { display:flow-root; background:linear-gradient(120deg,#27181e88,transparent); padding-left:32px; padding-right:32px; }
.process-art { display:block; width:min(720px,100%); height:auto; margin:32px auto; border-radius:18px; }
.home-refresh #process li { border-top:2px solid #852538; }
.home-refresh #process li h3 { color:#e5c779; }
.home-refresh .cards .eyebrow { color:#e294a7; }
@media(max-width:760px) { .home-refresh .nav{padding:20px 4vw}.home-refresh .book-ad-action { grid-template-columns:1fr; gap:38px; padding:32px 6%; }.fundraising-art,.feature-illustration { float:none; width:100%; max-width:580px; display:block; margin:24px auto; }.home-refresh #process {padding-left:0;padding-right:0}.home-refresh .comparison{font-size:14px}.home-refresh .navlinks{justify-content:flex-start}.home-refresh .feature-heading {padding-top:26px;} }

/* Typography matched to the current mboox.com website. */
body {font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;color:#f5f0e8;}
h1,h2,h3,.home-refresh .sample-title,.home-refresh .book-ad-action h2,.basic-offer-scope h3 {font-family:'Playfair Display',Georgia,serif;font-weight:700;}
.home-refresh .hero h1 {font-family:'Great Vibes',cursive;font-size:clamp(64px,7vw,100px);font-weight:400;line-height:1.12;}
.home-refresh .hero h1 em {font-family:inherit;font-style:normal;color:#e2c47a;}
.home-refresh .hero .copy,.intro,.featured-copy,.card p,.combined-process p,.basic-offer-scope p,.opening-offer p,.book-ad-price,.book-ad-note,.footer-copyright {font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;line-height:1.65;}
.home-refresh .hero .copy {font-size:22px;}
.navlinks a,.home-refresh .navlinks a {font-family:'Cormorant Garamond',Georgia,serif;font-size:13px;font-weight:500;letter-spacing:.12em;color:#e2c47a;}
.eyebrow,.feature,.btn,.explore,.book-ad-cta,.reader-actions button,.reader-actions a,.order-cta {font-family:'Cormorant Garamond',Georgia,serif;}
.home-refresh .eyebrow {color:#e2c47a;font-size:13px;}
.home-refresh .feature {font-size:13px;}
.home-refresh .combined-process h2,.home-refresh .feature-heading {font-family:'Playfair Display',Georgia,serif;font-weight:700;}
.comparison table {font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;}
.home-refresh .guide-glow {font-size:20px;font-weight:600;}
.footer-copyright {font-size:16px;}
@media(max-width:760px){.home-refresh .hero h1{font-size:68px}.home-refresh .hero .copy,.intro,.featured-copy,.card p,.combined-process p,.basic-offer-scope p{font-size:19px}.home-refresh .navlinks a{font-size:13px}}