:root{--primary:#ff6b35;--accent:#e74c3c;--text:#333;--bg:#f8f9fa}
*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%;font-family:Inter,system-ui,Arial,sans-serif;color:var(--text);background:var(--bg)}
body{display:flex;min-height:100vh;flex-direction:column}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px; width: 100%;}
.hero{background:linear-gradient(135deg,#ff6b35,#e74c3c);color:#fff;text-align:center;padding:80px 0}
.hero .logo{max-height:64px;margin-bottom:20px;filter: grayscale(1) brightness(100);}
.lede{max-width:720px;margin:8px auto 0;opacity:.95}
.section{padding-top:50px; padding-bottom: 50px;}
.section.first{padding-top:66px}
.muted{color:#666}
h1 {text-transform: capitalize;}
h2 {font-size: 24px;text-transform: uppercase;}
h3 {text-transform: capitalize;}
.genres,.books, .info{padding-top: 48px; padding-bottom: 48px;}
.full-bleed{padding:48px 0; background:linear-gradient(135deg,#ff6b35,#e74c3c);}
.email {color: #ff6b35;}
.full-bleed h2{color:#fff}
.full-bleed .book{background:#fff}
.grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
@media (max-width: 760px){.grid{grid-template-columns:1fr}}
.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 8px 24px rgba(0,0,0,0.08)}
.book{background:#fff;border-radius:12px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,0.08);text-align:center}
.book .cover{height:160px;border-radius:8px;background:#f2f2f2;margin-bottom:12px}
.books .buy-links{display:flex;gap:10px;justify-content:center;margin-top:8px}
.books .buy{background:var(--primary);color:#fff;text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:600}
.books .buy:hover{background:#ff7f52}
.cover--react{background:linear-gradient(135deg,#61dafb,#2b6cb0)}
.cover--cymatics{background:linear-gradient(135deg,#b37feb,#722ed1)}
.cover--fiction{background:linear-gradient(135deg,#ff85c0,#eb2f96)} 
.band{padding:54px 0}
.band.alt{background:#fff}
.band h2{margin-top:0}
.contact a{color:var(--accent);text-decoration:none;font-weight:600}
.contact a:hover{text-decoration:underline}
.site-footer{margin-top:auto;padding:24px 0;background:#fff;color:#666;border-top:1px solid #eee}