.demo-hub-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.demo-hub-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:18px;padding:28px;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .18s;display:flex}.demo-hub-card:hover{border-color:var(--line-strong);transform:translateY(-3px)}.demo-hub-card-body{flex-direction:column;gap:14px;min-width:0;display:flex}.demo-hub-card-icon{background:var(--surface-soft);width:44px;height:44px;color:var(--blue-deep);border-radius:10px;flex:none;place-items:center;display:grid}.demo-hub-card-icon svg{width:22px;height:22px;display:block}.demo-hub-card-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-hub-card h2{letter-spacing:-.03em;margin:0;font-size:1.3rem}.demo-hub-card-tag{border:1px solid var(--line);background:var(--surface-soft);font-family:var(--font-plex-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-deep);border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700}.demo-hub-card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.6}.demo-hub-card-try{border-top:1px solid var(--line);gap:6px;margin:4px 0 0;padding:14px 0 0;list-style:none;display:grid}.demo-hub-card-try li{color:var(--ink-soft);padding-left:16px;font-size:13px;line-height:1.5;position:relative}.demo-hub-card-try li:before{content:"";background:var(--blue);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.demo-hub-card-link{color:var(--blue-deep);margin-top:auto;padding-top:10px;font-size:13px;font-weight:750}.demo-hub-card--featured{grid-column:1/-1;gap:28px;padding:36px}.demo-hub-card--featured .demo-hub-card-icon{border-radius:14px;width:60px;height:60px}.demo-hub-card--featured .demo-hub-card-icon svg{width:28px;height:28px}.demo-hub-card--featured h2{font-size:1.6rem}.demo-hub-card--featured p{max-width:64ch;font-size:15px}.demo-hub-card--featured .demo-hub-card-try{grid-template-columns:repeat(3,1fr);gap:8px 20px}.demo-capability-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px;display:grid}.demo-capability-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 24px}.demo-capability-card h3{letter-spacing:-.01em;margin:0 0 8px;font-size:1rem}.demo-capability-card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.6}.demo-lang-band{border-block:1px solid var(--line);background:var(--surface-soft);padding:32px 0}.demo-lang-band-label{color:var(--ink-soft);font-family:var(--font-plex-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:700}.demo-lang-band-inner{flex-wrap:wrap;gap:10px;display:flex}.demo-lang-chip{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:baseline;gap:8px;padding:8px 13px;display:flex}.demo-lang-chip-native{color:var(--foreground);font-size:14px;font-weight:650}.demo-lang-chip-label{color:var(--ink-soft);font-size:11px}.demo-build-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:0;margin-top:30px;display:grid}.demo-build-list>div{border-left:1px solid var(--line);padding:22px 24px}.demo-build-list>div:nth-child(odd){border-left:none}.demo-build-list h3{letter-spacing:-.01em;margin:0 0 8px;font-size:1rem}.demo-build-list p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.6}.demo-expect-line{background:var(--surface-soft);color:var(--ink-soft);border-radius:12px;margin-top:22px;padding:16px 18px;font-size:14px;line-height:1.6}@media (max-width:900px){.demo-hub-grid{grid-template-columns:1fr}.demo-hub-card--featured{padding:28px}.demo-hub-card--featured .demo-hub-card-try,.demo-capability-grid,.demo-build-list{grid-template-columns:1fr}.demo-build-list>div{border-left:none;border-top:1px solid var(--line)}.demo-build-list>div:first-child{border-top:none}}@media (max-width:560px){.demo-hub-card{flex-direction:column}.demo-hub-card--featured{padding:22px}}