.home .intro{padding:40px 0 28px}.home .count{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.14em;margin:0 0 12px}.demo-list{display:grid;gap:34px}.demo-group .group-title{display:flex;align-items:baseline;gap:12px;font-size:18px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.demo-group .group-title small{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.1em}.demo-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.demo-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;color:inherit;text-decoration:none;background:var(--paper-2);transition:border-color .15s,transform .15s}.demo-card .thumb{display:grid;place-items:center;aspect-ratio:16/10;background:var(--surface);color:var(--on-surface);font-family:var(--serif);font-size:16px}.demo-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.demo-card .body{display:flex;flex-direction:column;gap:6px;padding:16px 20px 18px;flex:1}.demo-card.on,.demo-card:hover{border-color:var(--ink)}.demo-card:hover{transform:translateY(-2px)}.demo-card .no{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--muted)}.demo-card .cat{font-size:11px;color:var(--accent);font-weight:600;letter-spacing:.06em}.demo-card h2{margin:4px 0 2px;font-size:20px}.demo-card p{margin:0;font-size:13px;line-height:1.8;color:var(--muted)}.demo-card .by{margin-top:auto;padding-top:8px;font-size:11px;color:var(--muted)}.roadmap{margin:56px 0 0;padding:36px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:10px 56px}.roadmap .eyebrow{grid-column:1/-1;margin-bottom:0}.roadmap h2{font-size:clamp(22px,2.4vw,30px);margin:0 0 10px}.roadmap p{font-size:14px;line-height:1.9;margin:0;color:var(--muted)}.roadmap ol{margin:0;padding-left:1.4em;font-size:14px;line-height:1.9;color:var(--muted)}.roadmap ol b{color:var(--ink);font-weight:600;margin-right:10px}.join{margin:56px 0 0;padding:40px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 48px}.join h2{font-size:clamp(22px,2.4vw,30px);margin:0 0 12px}.join p{font-size:14px;line-height:1.9;margin:0}.join ol{margin:0;padding-left:1.3em;font-size:13px;line-height:2;color:var(--muted)}.join ol b{color:var(--ink);font-weight:600;margin-right:10px}.join-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}.join-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line-strong);border-radius:var(--radius);color:inherit;text-decoration:none;font-size:14px}.join-links a.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.showcase{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:0 0 40px;background:var(--surface);color:var(--on-surface)}.show-stage{position:relative;aspect-ratio:16/10;min-height:0}.show-stage img,.show-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:cover}.show-stage iframe{opacity:0;transition:opacity .5s}.show-stage iframe.ready{opacity:1}.show-stage img.gone{opacity:0;transition:opacity .5s .2s}.show-info{display:flex;flex-direction:column;gap:10px;padding:28px 26px 24px;border-left:1px solid var(--surface-line)}.show-info .eyebrow{color:var(--on-surface-muted);margin:0}.show-info h2{margin:0;font-size:clamp(20px,2vw,26px)}.show-info p{margin:0;font-size:13px;line-height:1.85;color:var(--on-surface-muted)}.show-info .open{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:14px;text-decoration:none}.show-dots{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:14px}.show-dots button{min-height:36px;min-width:44px;padding:0 10px;border-color:var(--surface-line);color:var(--on-surface-muted);font-family:var(--mono);font-size:11px;letter-spacing:.1em}.show-dots button:hover{background:var(--surface-2)}.show-dots button[aria-pressed=true]{background:var(--on-surface);color:var(--surface);border-color:var(--on-surface)}.show-info .show-hint{font-size:11px;color:var(--on-surface-muted)}.home footer{margin-top:56px}@media(max-width:900px){.showcase{grid-template-columns:1fr}.show-info{border-left:0;border-top:1px solid var(--surface-line)}}@media(max-width:760px){.join,.roadmap{grid-template-columns:1fr}.home .intro{flex-direction:column;align-items:flex-start;gap:14px}}@media(prefers-reduced-motion:reduce){.show-stage iframe,.show-stage img.gone{transition:none}}