.version-note{color:var(--muted);font-size:1rem;line-height:1.6}.pip-hero{display:flex;justify-content:center;align-items:center}.pip-hero img{width:min(100%,380px);height:auto}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.film-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.film-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.film-grid figcaption{padding:14px;font-size:1rem;font-weight:700}.page h2{line-height:1.25}.page p,.page li{font-size:1rem}.page .join-steps{display:grid;gap:16px;margin:24px 0}.join-step{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fbfafc}.join-step h3{margin-top:0}.join-step .btn{max-width:100%;white-space:normal;text-align:center}a:focus-visible,button:focus-visible{outline:3px solid #167d9b;outline-offset:4px}.page,.wrap{overflow-wrap:anywhere}.band h2{color:#fff;margin:0}@media(max-width:820px){.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pip-hero img{max-width:260px}.links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){.film-grid{grid-template-columns:1fr}.page{padding:20px}.join-step{padding:16px}.join-step .btn{width:100%}.hero h1{font-size:2.8rem}}
.app-screenshots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:28px 0}.app-screenshots figure{margin:0;min-width:0}.app-screenshots img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--line);background:#faf8f5;box-shadow:0 8px 25px #30234c12}.app-screenshots figcaption h3{font-size:1.05rem;margin:16px 0 8px}.app-screenshots figcaption p{font-size:1rem;margin:0;color:var(--muted)}.app-hero{display:flex;justify-content:center}.app-hero img{display:block;width:min(100%,280px);height:auto;border-radius:24px;box-shadow:0 14px 40px #30234c20}.app-hero a{max-width:100%}@media(max-width:900px){.app-screenshots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.app-screenshots{grid-template-columns:1fr;gap:32px}.app-screenshots figure{width:min(100%,320px);margin:auto}.app-hero img{width:230px}}