:root { --navy:#12233d; --blue:#3f6fa3; --bg:#0d1420; --text:#e8edf3; --muted:#9fb0c3; }
* { box-sizing: border-box; }
body { margin:0; font-family: 'Segoe UI', Arial, sans-serif; background:var(--bg); color:var(--text); line-height:1.6; }
a { color:#7eb2d0; text-decoration:none; }
a:hover { text-decoration:underline; }
.banner { background:var(--navy); color:#fff; text-align:center; padding:10px; font-size:14px; }
.nav { display:flex; align-items:center; gap:20px; padding:16px 24px; background:var(--navy); flex-wrap:wrap; }
.nav .brand { font-weight:bold; font-size:20px; color:#fff; margin-right:auto; }
main { max-width:1000px; margin:0 auto; padding:32px 20px; }
.hero h1 { font-size:2.2rem; }
.episode-grid, .resource-grid, .book-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px; margin:24px 0; }
.episode-card, .resource-card, .book-card { background:#16233a; padding:16px; border-radius:8px; }
.episode-meta { color:var(--muted); font-size:0.85rem; }
.answer-block { background:#16233a; padding:16px; border-left:4px solid var(--blue); border-radius:4px; }
.chapters ul { list-style:none; padding:0; }
.chapters .ts { color:var(--muted); display:inline-block; width:60px; }
.episode-list { list-style:none; padding:0; }
.episode-list li { padding:10px 0; border-bottom:1px solid #223349; display:flex; justify-content:space-between; }
.site-footer { background:var(--navy); text-align:left; padding:40px 24px; color:var(--muted); font-size:0.85rem; }
.speaking-banner { position:relative; border-radius:10px; overflow:hidden; margin:32px 0; }
.speaking-banner img { width:100%; height:340px; object-fit:cover; display:block; }
.speaking-banner-overlay { position:absolute; top:0; left:0; height:100%; width:60%; display:flex; flex-direction:column; justify-content:center; padding:32px; background:linear-gradient(90deg, rgba(18,35,61,0.95) 40%, rgba(18,35,61,0) 100%); }
.speaking-banner-overlay h2 { color:#fff; font-size:1.6rem; line-height:1.3; margin-bottom:20px; }
.footer-columns { display:flex; gap:40px; flex-wrap:wrap; max-width:1000px; margin:0 auto 24px; }
.footer-col { flex:1; min-width:160px; }
.footer-col h4 { color:#fff; margin-bottom:12px; }
.footer-col a { display:block; color:var(--muted); margin-bottom:8px; }
audio { width:100%; margin:16px 0; }
.logo-img { height:32px; width:32px; object-fit:cover; border-radius:6px; vertical-align:middle; margin-right:8px; }
.episodes-hero { display:flex; gap:24px; align-items:center; background:#16233a; border-radius:10px; padding:24px; margin-bottom:32px; flex-wrap:wrap; }
.episodes-hero .hero-img { width:220px; height:220px; object-fit:cover; border-radius:10px; }
.episodes-hero-text h1 { margin-top:0; }
.hub-jump a { margin-right:4px; }
.hub-section { margin:40px 0; }
.hub-section h2 { border-bottom:2px solid var(--blue); padding-bottom:8px; }
.hub-desc { color:var(--muted); max-width:700px; }
.team-strip { display:flex; gap:24px; margin:40px 0; flex-wrap:wrap; }
.team-member { text-align:center; }
.team-member img { width:120px; height:120px; object-fit:cover; border-radius:50%; }
.team-member p { color:var(--muted); font-size:0.9rem; margin-top:8px; }
.all-episodes { margin-top:40px; }
.hero-img-home { width:200px; height:200px; object-fit:cover; border-radius:10px; float:left; margin-right:24px; }
.hero { overflow:auto; }
.about-hero { display:flex; gap:24px; align-items:flex-start; flex-wrap:wrap; margin-bottom:32px; }
.about-hero-img { width:240px; height:240px; object-fit:cover; border-radius:10px; }
.about-wide-img { width:100%; max-width:800px; border-radius:10px; margin:16px 0; display:block; }
.about-team-row { display:flex; align-items:center; gap:20px; margin:24px 0; }
.about-team-img { width:100px; height:100px; object-fit:cover; border-radius:50%; }
.book-hero-img { width:100%; max-width:900px; border-radius:10px; margin-bottom:16px; display:block; }
.hack-or-hype-feature { display:flex; gap:20px; align-items:center; background:#16233a; border-radius:10px; padding:16px; margin:24px 0; flex-wrap:wrap; }
.hack-or-hype-feature img { width:280px; border-radius:8px; }
.hack-or-hype-feature h2 { margin-top:0; }
.behind-scenes { margin:40px 0; }
.behind-scenes img { max-width:500px; width:100%; border-radius:10px; display:block; }
.book-cover-img { width:100%; max-width:220px; border-radius:6px; margin-bottom:12px; }
.buy-now-btn { display:inline-block; margin-top:10px; padding:10px 18px; background:var(--blue); color:#fff; border-radius:6px; font-weight:bold; }
.buy-now-btn:hover { background:#5487bb; text-decoration:none; }
.trailer-section { margin:32px 0; }
.video-embed { position:relative; width:100%; max-width:700px; padding-bottom:39.375%; height:0; overflow:hidden; border-radius:10px; }
.video-embed iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; border-radius:10px; }
.watch-youtube-link { display:inline-block; margin-top:10px; color:var(--muted); font-size:0.9rem; }
.resource-card form { margin-top:12px; display:flex; flex-direction:column; gap:8px; }
.resource-card input[type=email] { padding:10px; border-radius:6px; border:1px solid #2a3b56; background:#0d1420; color:var(--text); }
.resource-card button.buy-now-btn { border:none; cursor:pointer; font-size:1rem; }
.about-shelf-row { display:flex; gap:16px; margin:24px 0; flex-wrap:wrap; }
.about-shelf-row img { width:100%; max-width:380px; border-radius:10px; flex:1; min-width:280px; }
.team-graphic-img { width:100%; max-width:900px; border-radius:10px; display:block; margin:0 auto; }
.home-studio-row { display:flex; gap:16px; margin:24px 0; flex-wrap:wrap; }
.home-studio-row img { width:100%; max-width:340px; border-radius:10px; flex:1; min-width:260px; }
.book-shelf-row { display:flex; gap:16px; margin:24px 0 32px; flex-wrap:wrap; }
.book-shelf-row img { width:100%; max-width:420px; border-radius:10px; flex:1; min-width:280px; }
.buzzsprout-player { max-width:700px; margin:24px 0; }