.demo-editor-intro{text-align:center;max-width:720px}.demo-editor-intro h2{margin:0 0 8px;font-size:21px;letter-spacing:-.4px}.demo-editor-intro p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.demo-content{max-width:960px;margin:88px auto 0}.demo-content section+section{margin-top:80px}.demo-section-intro{padding-top:32px;margin-bottom:30px;border-top:1px solid var(--line)}.demo-section-intro h2{margin:0;font-size:clamp(26px,3vw,34px);letter-spacing:-.8px;line-height:1.2;text-wrap:balance}.demo-section-intro p{max-width:680px;margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.7}.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.demo-step-mark{display:flex;align-items:center;gap:14px;margin:0 0 20px}.demo-step-mark svg{box-sizing:content-box;padding:11px;background:#d4ff39;border-radius:50%}.demo-step-mark span,.demo-rank-number{color:#818477;font-size:13px;font-variant-numeric:tabular-nums}.demo-content h3{margin:0;font-size:18px;line-height:1.4;letter-spacing:-.3px}.demo-steps p,.demo-examples article>p,.demo-bottom-cta p{margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.demo-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.demo-ranking-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;padding:0;margin:0;list-style:none}.demo-ranking-list li{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.demo-ranking-list img{flex-shrink:0;width:48px;height:64px;object-fit:contain;background:#e7e7de;border-radius:3px}.demo-ranking-list h3{font-size:13px;letter-spacing:0}.demo-ranking-list p{margin:5px 0 0;font-size:12px;color:var(--muted)}.demo-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.demo-example-card{padding:12px 12px 0;margin-bottom:23px;background:#f5f3ec;border:1px solid #d8d5c9;border-radius:5px;overflow:hidden;box-shadow:0 3px 0 -1px #dfdcd1,0 14px 24px -18px #48432970}.demo-mini-brand{font-size:clamp(20px,2.7vw,30px);font-weight:800;line-height:1.2;letter-spacing:-1.4px}.demo-mini-brand span{display:inline-block;padding:0 3px;margin:0 3px;background:#d4ff39}.demo-example-label{display:block;margin:8px 0 10px;color:var(--muted);font-size:9px;letter-spacing:1.2px}.demo-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.demo-mini-grid img{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:contain;background:#e7e7de}.demo-mini-footer{margin:10px -12px 0;padding:5px 0;text-align:center;background:#171815;color:#d4ff39;font-size:11px;font-weight:600}.demo-example-games{margin-top:15px;font-size:13px}.demo-example-games summary{display:flex;align-items:center;justify-content:space-between;min-height:40px;border-bottom:1px solid var(--line);cursor:pointer;list-style:none;font-weight:600}.demo-example-games summary::-webkit-details-marker{display:none}.demo-example-games[open] summary svg{transform:rotate(90deg)}.demo-example-games ol{padding-left:20px;line-height:1.7}.demo-example-games li+li{margin-top:7px}@media(max-width:700px){.demo-content{margin-top:64px}.demo-content section+section{margin-top:56px}.demo-steps,.demo-examples{grid-template-columns:1fr;gap:30px}.demo-step-mark{margin-bottom:12px}.demo-ranking-list{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-title-row{align-items:flex-start;flex-direction:column}.demo-examples article{width:100%;max-width:370px;margin:0 auto}.demo-mini-brand{font-size:30px}}@media(max-width:420px){.demo-ranking-list{grid-template-columns:1fr}}