.play{background:var(--accent);color:#2b1a10;min-height:60px;box-shadow:0 4px 0 var(--accent-deep), 0 10px 24px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:20px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.play:hover{transform:translateY(-1px)}.play:active{box-shadow:0 1px 0 var(--accent-deep);transform:translateY(3px)}.play svg{width:22px;height:22px}.label{font:600 15px / 1.2 var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}section{padding:48px 0}h2{letter-spacing:-.01em;text-wrap:balance;margin:10px 0 12px;font-size:clamp(30px,6vw,42px);font-weight:800;line-height:1.05}.sub{color:var(--muted);margin:0 0 24px;font-size:18px}.shelf{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.shelf li{background:var(--surface);border:1px solid var(--edge);text-align:center;border-radius:16px;padding:8px 8px 10px}.shelf img{aspect-ratio:1;border-radius:10px;width:100%;margin-bottom:6px}.shelf b{font-size:15px;font-weight:700;line-height:1.2;display:block}.more{color:var(--muted);margin:16px 0 0;font-size:16px}.faq{gap:12px;display:grid}.faq-item{background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius);padding:18px 20px}.faq-item h3{margin:0 0 6px;font-size:19px;font-weight:700;line-height:1.3}.faq-item p{color:var(--muted);margin:0;font-size:16px}.shelf a{color:inherit;text-decoration:none;display:block}.shelf a:hover b{text-decoration:underline}