*{box-sizing:border-box}body{margin:0;font-family:"Nunito","Trebuchet MS",system-ui,sans-serif;color:#23324a;background:#fffaf0;line-height:1.55}
header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;background:#fff;box-shadow:0 2px 8px #0001;position:sticky;top:0;z-index:5;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:900;font-size:1.5rem;color:#2a7de1;text-decoration:none}.brand img{width:42px;height:42px;border-radius:50%}
nav{display:flex;gap:.3rem;flex-wrap:wrap}nav a{padding:.45rem .8rem;border-radius:99px;text-decoration:none;color:#23324a;font-weight:700}nav a:hover,nav a.on{background:#ffe27a}nav a.yt{background:#ff4b4b;color:#fff}
.burger{display:none;font-size:1.6rem;background:none;border:0}
main{max-width:1100px;margin:auto;padding:1rem 1.2rem 3rem}h1,h2{color:#2a7de1;line-height:1.2}h1{font-size:2.3rem}
.hero img,.wide{width:100%;border-radius:22px;display:block;box-shadow:0 8px 24px #0002}
.intro{text-align:center;padding:1.5rem 0}.intro p{font-size:1.2rem;max-width:720px;margin:auto}
.btns{margin-top:1rem;display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;background:#ff8a00;color:#fff;padding:.75rem 1.4rem;border-radius:99px;font-weight:800;text-decoration:none}.btn.alt{background:#2fb36d}
.grid3,.grid2,.eps{display:grid;gap:1rem;margin:1.5rem 0}.grid3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid2,.eps{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card,.ep{background:#fff;border-radius:18px;padding:1.1rem 1.3rem;box-shadow:0 4px 14px #0001;border-top:6px solid #ffc83d}.c1{border-color:#ff8a00}.c2{border-color:#2a7de1}.c3{border-color:#2fb36d}.c4{border-color:#e9435a}
.quote{font-style:italic;font-weight:800;color:#ff8a00}.ep h3{margin:.3rem 0}.meta{color:#6b7a90;font-size:.9rem;margin:0}
.badge{background:#ffe27a;padding:.15rem .6rem;border-radius:99px;font-size:.8rem;font-weight:800}
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;align-items:center;margin:2rem 0}.split img{width:100%;border-radius:18px}
.signup{background:linear-gradient(135deg,#2a7de1,#6a5cff);color:#fff;border-radius:24px;padding:1.8rem;text-align:center;margin-top:2.5rem}.signup h2{color:#fff;margin-top:0}
.form{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.form input[type=email]{padding:.75rem 1rem;border-radius:99px;border:0;min-width:260px;font-size:1rem}.form button{background:#ffc83d;border:0;padding:.75rem 1.4rem;border-radius:99px;font-weight:800;font-size:1rem;cursor:pointer}
.small{width:100%;font-size:.85rem}.msg{width:100%;font-weight:800}.note{background:#fff3c4;padding:.8rem 1rem;border-radius:12px}.big{font-size:1.6rem;text-align:center;font-weight:800}.print li{margin:.4rem 0}
footer{text-align:center;padding:1.5rem;background:#23324a;color:#fff}footer a{color:#ffc83d}
@media(max-width:720px){.burger{display:block}nav{display:none;width:100%;flex-direction:column}body.open nav{display:flex}.split{grid-template-columns:1fr}h1{font-size:1.8rem}}
.warn{border-left:6px solid #e9435a;margin:1rem 0}.big2{font-size:1.2rem}

.vid{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;margin:.8rem 0;background:#000 url(img/episode-1-thumbnail.jpg) center/cover}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.badge.live{background:#2fb36d;color:#fff}.feature{text-align:center}.hello{background:#fff8e6;border-radius:12px;padding:.6rem .8rem}

/* Cast hello videos */
.hello-media{position:relative;margin:0 0 12px;text-align:center}
.hello-poster{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;border-radius:14px;overflow:hidden}
.hello-poster img,.hello-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;background:#000}
.hello-media video::cue{font-size:1rem}
.hello-cue{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:rgba(255,255,255,.92);color:#333;font-weight:700;padding:4px 12px;border-radius:999px;font-size:.9rem;opacity:0;transition:opacity .2s}
.hello-poster:hover .hello-cue,.hello-poster:focus-visible .hello-cue{opacity:1}
.hello-poster:hover img,.hello-poster:focus-visible img{animation:helloBounce .6s ease}
.hello-poster:focus-visible,.hello-btn:focus-visible{outline:3px solid #ffb703;outline-offset:3px}
@keyframes helloBounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}70%{transform:translateY(2px)}}
@media (prefers-reduced-motion:reduce){.hello-poster:hover img{animation:none}}
.hello-btn{margin-top:8px;font-size:1.05rem;font-weight:700;padding:10px 22px;border:0;border-radius:999px;background:#ff7a00;color:#fff;cursor:pointer;min-height:44px}
.hello-btn:hover{background:#e56a00}
.hello-caption{min-height:1.2em;margin:6px 0 0;font-style:italic;font-size:.95rem}
.hello-caption:empty{display:none}

[hidden]{display:none!important}
.print-ready{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;list-style:none}
.print-ready img{width:160px;max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.print-btn{margin-top:8px}
