.demo-hub{padding: var(--spacing-xl) 0 var(--spacing-3xl);}.demo-hub-title{font-size: clamp(32px,4vw,64px);font-weight: var(--font-weight-bold);line-height: var(--line-height-normal);color: var(--color-text);margin: 0 0 var(--spacing-md);}.demo-hub-intro{font-size: var(--font-size-lg);font-weight: var(--font-weight-medium);line-height: var(--line-height-relaxed);color: var(--color-text);margin: 0 0 48px;max-width: 900px;}.demo-hub-group + .demo-hub-group{margin-top: 64px;}.demo-hub-group-title{font-size: var(--font-size-3xl);font-weight: var(--font-weight-semibold);line-height: var(--line-height-normal);color: var(--color-text);margin: 0 0 var(--spacing-md);}.demo-hub-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(320px,1fr));gap: 20px;}.demo-hub-card{display: flex;gap: var(--spacing-md);padding: var(--spacing-lg);border: 1px solid var(--color-border);border-radius: 20px;background: var(--landing-home-card-bg);text-decoration: none;color: var(--color-text);}.demo-hub-card:hover{border-color: var(--color-primary);}.demo-hub-card-icon{flex: 0 0 auto;color: var(--color-primary);}.demo-hub-card-title{display: block;font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);line-height: var(--line-height-normal);margin: 0 0 var(--spacing-xs);}.demo-hub-card-lead{display: block;font-size: var(--font-size-base);font-weight: var(--font-weight-medium);line-height: var(--line-height-normal);margin: 0;}@media (max-width: 767px){.demo-hub{padding: 40px 0 64px;}.demo-hub-grid{grid-template-columns: 1fr;}}