.demo-hub{flex-direction:column;min-height:100vh;display:flex}.demo-hub-main{flex:1;padding-block:32px 30px}.demo-hub-intro{text-align:center;max-width:700px;margin:0 auto 28px}.demo-hub-intro h1{letter-spacing:-.055em;margin:16px 0;font-size:clamp(32px,4vw,52px);font-weight:600;line-height:1.15}.demo-hub-intro>p:not(.eyebrow){color:var(--color-muted);margin-bottom:18px;font-size:16px;line-height:1.8}.demo-hub-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.demo-hub-option{border:1px solid var(--brand-mint);background:var(--brand-surface);box-shadow:0 8px 28px color-mix(in srgb, var(--brand-text) 1.96%, transparent);border-radius:22px;flex-direction:column;align-items:flex-start;padding:30px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.demo-hub-option:hover{border-color:var(--brand-secondary);box-shadow:0 12px 32px color-mix(in srgb, var(--brand-text) 6.27%, transparent)}.demo-hub-icon{width:58px;height:58px;color:var(--brand-primary);background:var(--brand-mint);border-radius:17px;place-items:center;margin-bottom:28px;display:grid}.demo-hub-icon svg{width:27px;height:27px}.hub-admin .demo-hub-icon{background:var(--brand-info-soft);color:var(--brand-info)}.hub-partner .demo-hub-icon{background:var(--brand-saving);color:var(--brand-warning)}.demo-hub-option .eyebrow{font-size:10px}.demo-hub-option h2{letter-spacing:-.04em;margin:9px 0 12px;font-size:25px;font-weight:650}.demo-hub-option p{color:var(--color-muted);margin:0 0 28px;font-size:13px;line-height:1.85}.demo-hub-action{width:100%;color:var(--brand-surface);background:var(--brand-text);border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding:14px 17px;font-size:13px;font-weight:650;display:flex}.demo-hub-option:hover .demo-hub-action{background:var(--brand-primary)}.demo-hub-bottom{text-align:center;margin-top:32px}.demo-hub-bottom p{color:var(--color-muted);margin-top:13px;font-size:11px;line-height:1.8}.demo-hub-footer{border-top:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;gap:15px;padding-block:22px;font-size:12px;display:flex}@media (max-width:1100px){.demo-hub-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.demo-hub-option{padding:23px}.demo-hub-options{gap:13px}.demo-hub-main{padding-top:42px}}@media (max-width:650px){.demo-hub-options{grid-template-columns:1fr;gap:17px}.demo-hub-option{padding:25px}.demo-hub-intro{margin-bottom:28px}.demo-hub-icon{margin-bottom:20px}.demo-hub .public-header{gap:12px}.demo-hub .public-header>.public-text-link{font-size:10px}.demo-hub-footer{flex-direction:column}.demo-hub-bottom .public-text-link{line-height:1.8}}@media (prefers-reduced-motion:reduce){.demo-hub-option{transition:none}}button.demo-hub-option{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}.demo-hub-option>.demo-code-badge{margin:0 0 12px}