.c-sample{margin:0;justify-self:center;width:min(100%,320px);display:grid;gap:10px}.c-sample .demo-video{aspect-ratio:9/16}.c-sample figcaption{font-size:.9rem;color:var(--muted);text-align:center}@media (min-width:860px){.c-hero-grid{grid-template-columns:1.3fr 1fr}}@media (min-width:720px){.c-promises{grid-template-columns:1fr 1fr}}.c-join{display:grid;gap:24px;align-items:start}@media (min-width:860px){.c-join{grid-template-columns:1fr 1.2fr}}.c-card{max-width:none}.c-bands{display:grid;gap:8px}.c-band{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);cursor:pointer}.c-band:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.c-band input{margin:0}