:root{--navy:#07496c;--blue:#0092d1;--sky:#2ea3f2;--gold:#ffbb00;--ink:#2d3940;--muted:#666;--line:#e2e2e2;--card:#f3f6f8}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font-family:"Open Sans",Arial,sans-serif;font-size:15px;line-height:1.7;color:var(--muted);background:#fff}
h1,h2,h3,h4{font-family:"Red Hat Display",Helvetica,Arial,sans-serif;color:var(--navy);line-height:1.15;margin:0 0 .5em}
img{max-width:100%;height:auto;display:block}
a{color:var(--sky)}
.wrap{width:min(1080px,100% - 32px);margin:0 auto}
.center{text-align:center}

.topbar{background:#000;position:sticky;top:0;z-index:10}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px}
.brand img{width:300px;max-width:55vw}
.topbar nav{display:flex;gap:22px;flex-wrap:wrap}
.topbar nav a{color:#fff;text-decoration:none;font-family:"Red Hat Display",sans-serif;font-weight:500;font-size:18px}
.topbar nav a:hover,.topbar nav a.active{color:var(--sky)}

.hero{background:radial-gradient(circle at 50% 0%,var(--blue) 0%,var(--navy) 46%);color:#fff;padding:80px 0}
.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.hero h1{color:#fff;font-weight:500;font-size:clamp(44px,6vw,80px)}
.hero p{font-size:16px;color:#fff;max-width:440px}

.review{background:var(--blue) url(/assets/background-lines.png) center/cover;color:#fff;padding:80px 0}
.review h2,.review h3{color:#fff}
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-weight:600;font-size:14px;margin:0 0 8px}
.review h2{font-weight:500;font-size:clamp(34px,4.5vw,56px)}
.subtitle{font-family:"Red Hat Display",sans-serif;font-style:italic;font-weight:500;font-size:20px;margin:0 0 40px}
.review-grid{display:grid;grid-template-columns:280px 1fr;gap:48px}
.review-side img{border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.facts{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:20px 0 0;font-size:13px}
.facts dt{font-weight:600;opacity:.8}.facts dd{margin:0}
.review-text h3{font-weight:400;text-transform:uppercase;font-size:24px;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:14px}
.review-text p{font-size:13px;color:#fff}
.review-text .lead{font-size:16px;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);padding:16px 0}
.review-text .verdict{font-size:16px;font-weight:600}

.authors{padding:80px 0}
.authors h2{font-size:clamp(34px,4.5vw,56px);font-weight:500;border-bottom:1px solid var(--line);padding-bottom:20px}
.author{display:grid;grid-template-columns:140px 1fr;gap:40px;align-items:start;padding:30px 20px;border-bottom:1px solid var(--line)}
.author img{width:140px;border-radius:8px}
.author h3{font-size:28px;font-weight:500}
.author.flip{grid-template-columns:1fr 140px}.author.flip img{order:2}
.author .accent{color:var(--sky);font-size:16px}

.books{background:var(--navy);color:#fff;padding:80px 0}
.books h2{color:#fff;text-align:center;font-size:clamp(34px,4.5vw,56px);font-weight:500}
.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}
.book{background:var(--card);border-radius:4px;overflow:hidden;padding-bottom:16px}
.book .buy{display:block;background:var(--gold);color:var(--navy);text-align:center;font-weight:600;text-decoration:none;padding:10px;font-family:"Red Hat Display",sans-serif}
.book .buy:hover{background:#ffcc33}
.book img{width:60%;margin:18px auto 14px;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.book h3{font-size:18px;font-weight:500;margin:0 16px 4px;color:var(--ink)}
.book .by{font-size:13px;color:var(--sky);margin:0 16px}
.book .stars{color:var(--gold);margin:0 16px;font-size:14px}.book .stars span{color:var(--muted);font-size:12px}

.contact{background:var(--blue) url(/assets/background-lines.png) center/cover;color:#fff;padding:80px 0}
.contact h2{color:#fff;font-size:clamp(34px,4.5vw,56px);font-weight:500}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.contact-card{background:rgba(255,255,255,.12);border-radius:8px;padding:32px;text-align:center}
.contact-card p{margin:0}
.contact-card .email{font-size:22px;font-family:"Red Hat Display",sans-serif;margin:6px 0 22px}
.contact-card a{color:#fff}
.btn{display:inline-block;background:var(--gold);color:var(--navy)!important;text-decoration:none;font-weight:600;padding:12px 22px;border-radius:4px}
.btn:hover{background:#ffcc33}

.footer{background:#000;color:#bbb;padding:50px 0 20px;font-size:14px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px}
.footer a{color:#fff;text-decoration:none}.footer a:hover{color:var(--sky)}
.footer h4{color:#fff;font-size:18px}
.footer img{width:220px;margin-bottom:12px}
.legal{border-top:1px solid #333;margin-top:30px;padding-top:16px;font-size:12px}

@media (max-width:900px){
  .hero-grid,.review-grid,.contact-grid{grid-template-columns:1fr}
  .book-grid{grid-template-columns:repeat(2,1fr)}
  .review-side{max-width:280px}
}
@media (max-width:600px){
  .topbar-inner{flex-direction:column;padding:12px 0;min-height:0}
  .topbar nav{gap:16px}.topbar nav a{font-size:16px}
  .author,.author.flip{grid-template-columns:1fr}.author.flip img{order:0}
  .book-grid{grid-template-columns:1fr 1fr;gap:14px}
  .footer-grid{grid-template-columns:1fr}
  .hero,.review,.authors,.books,.contact{padding:50px 0}
}