:root{--indigo:#29295d;--indigo-soft:#55558a;--paper:#faf5ea;--card:#fff;--coral:#e8766a;--font-serif:Georgia, "Iowan Old Style", "Times New Roman", serif;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--indigo);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;padding:0}a{color:inherit;text-decoration:none}.site-header{justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.site-header.on-indigo{background:var(--indigo);color:#fff}.brand{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand img{border-radius:8px;width:34px;height:34px}.pill-btn{border:2px solid #0000;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700;display:inline-block}.pill-btn.indigo{background:var(--indigo);color:#fff}.pill-btn.outline-light{color:var(--indigo);background:#fff}.appstore-btn{color:#fff;background:#000;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;display:inline-flex}.appstore-btn.on-card{color:var(--indigo);background:#fff;border-radius:12px;font-weight:700}.landing{max-width:1240px;margin:0 auto;padding:0 24px 80px}.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:48px;padding:56px 0 24px;display:flex}.hero-copy{max-width:540px}.hero-copy h1{font-family:var(--font-serif);margin:0 0 22px;font-size:clamp(40px,5.5vw,60px);line-height:1.08}.hero-copy h1 .accent{color:var(--coral)}.hero-copy p{color:var(--indigo-soft);margin:0 0 30px;font-size:19px;line-height:1.55}.covers{align-items:center;min-height:320px;display:flex}.cover-card{color:#fff;width:175px;height:235px;font-family:var(--font-serif);border-radius:14px;align-items:flex-end;padding:16px 14px;font-size:17px;line-height:1.3;display:flex;box-shadow:0 18px 30px #29295d47}.cover-card.c1{background:linear-gradient(#7d9bd8,#363a72);transform:rotate(-8deg)translateY(14px)}.cover-card.c2{z-index:1;background:linear-gradient(#f0a63a,#c96f2e);margin:0 -14px;transform:translateY(-16px)}.cover-card.c3{background:linear-gradient(#8dbb7a,#2f6b3c);transform:rotate(8deg)translateY(10px)}.features{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin-top:56px;display:grid}.feature-card{background:var(--card);border-radius:16px;padding:24px 26px;box-shadow:0 14px 30px #29295d12}.feature-card h3{margin:0 0 10px;font-size:17px}.feature-card p{color:var(--indigo-soft);margin:0;font-size:15px;line-height:1.5}.reader{max-width:430px;margin:0 auto;padding:0 20px 40px}.reader-title{font-family:var(--font-serif);text-align:center;margin:28px 0 8px;font-size:34px;line-height:1.15}.reader-subtitle{text-align:center;color:var(--indigo-soft);margin:0 0 20px;font-size:14px}.page-card{background:var(--card);border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #29295d1f}.page-card img{aspect-ratio:1;object-fit:cover;background:#e8ecf5;width:100%;display:block}.page-body{text-align:center;padding:26px 26px 30px}.page-text{font-family:var(--font-serif);margin:0 0 22px;font-size:23px;line-height:1.45}.read-to-me{cursor:pointer;color:var(--indigo-soft);font-family:var(--font-ui);background:0 0;border:none;align-items:center;gap:12px;padding:0;font-size:15px;font-weight:600;display:inline-flex}.read-to-me .play-circle{background:var(--indigo);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;display:inline-flex}.pager{justify-content:space-between;align-items:center;gap:12px;margin:24px 0;display:flex}.pager-btn{background:var(--paper);border:2px solid var(--indigo);color:var(--indigo);font-size:15px;font-weight:700;font-family:var(--font-ui);cursor:pointer;border-radius:999px;padding:10px 20px}.pager-btn:disabled{opacity:.35;cursor:default}.dots{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.dots span{background:#cfc9bb;border-radius:50%;width:8px;height:8px}.dots span.active{background:var(--indigo-soft)}.cta-card{background:var(--indigo);color:#fff;text-align:center;border-radius:20px;padding:26px 24px 28px}.cta-card h2{margin:0 0 8px;font-size:19px}.cta-card p{color:#cfd0ea;margin:0 0 18px;font-size:14px;line-height:1.5}.gone{text-align:center;max-width:430px;margin:0 auto;padding:80px 24px}.gone h1{font-family:var(--font-serif);margin:0 0 12px;font-size:30px}.gone p{color:var(--indigo-soft);margin:0 0 28px;line-height:1.5}
