:root{--ink:#26306a;--blue:#3b519c;--pink:#ff669b;--paper:#fffefa;--stage:#e9edf9;--muted:#4d567f}
*{box-sizing:border-box}
html{background:var(--stage)}
body{margin:0;color:var(--ink);background:var(--stage);font:17px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
header,main,footer{max-width:760px;margin:0 auto;padding:0 16px}
header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding-top:20px;padding-bottom:12px}
nav{display:flex;flex-wrap:wrap;gap:6px 18px}
a{color:var(--blue);text-underline-offset:3px}
.brand{font-weight:900;letter-spacing:.02em;text-decoration:none;text-transform:uppercase}
main{background:var(--paper);border-radius:20px;padding:28px 24px 32px}
h1{font-size:clamp(28px,6vw,40px);line-height:1.1;margin:0 0 16px;color:var(--blue)}
h2{font-size:21px;line-height:1.25;margin:28px 0 6px}
p,li{margin:8px 0}
.hero{display:block;width:100%;height:auto;border-radius:14px;margin:4px 0 20px}
.play{display:inline-block;margin-top:24px;padding:12px 22px;border-radius:999px;background:var(--pink);color:#fff;font-weight:700;text-decoration:none}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding-top:18px;padding-bottom:28px;color:var(--muted);font-size:15px}
footer a{color:inherit}