*{box-sizing:border-box}body{background:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-ui);margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:3px}.showcase{max-width:1120px;padding:var(--space-12)var(--space-6);gap:var(--space-10);margin:0 auto;display:grid}.showcase__hero,.showcase__stack{gap:var(--space-4);display:grid}.showcase__hero{max-width:720px}.showcase__brand{width:min(280px,100%);height:auto}.showcase__hero small,.ui-text--caption{color:var(--color-text-muted)}.showcase__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.ui-text{margin:0}.ui-text--display{letter-spacing:-.03em;font-size:clamp(2.25rem,6vw,3rem);font-weight:700;line-height:1.15}.ui-text--heading{font-size:1.375rem;font-weight:650}.ui-text--body{color:var(--color-text-secondary);line-height:1.5}.ui-button{border-radius:var(--radius-sm);min-height:44px;padding:0 var(--space-4);border:1px solid #0000;font-weight:650}.ui-button:disabled{cursor:not-allowed;opacity:.5}.ui-button--primary{background:var(--color-action-primary);color:var(--color-action-primary-text)}.ui-button--secondary{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.ui-button--ghost{border-color:var(--color-border);background:0 0}.ui-button--destructive{background:var(--color-feedback-error);color:var(--color-text-inverse)}.ui-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.ui-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-primary);padding:var(--space-6);box-shadow:var(--shadow-sm)}.ui-card--inverse{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.ui-field{gap:var(--space-2);display:grid}.ui-field__label{font-size:.875rem;font-weight:650}.ui-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:44px;padding:0 var(--space-3)}.ui-field__error{color:var(--color-feedback-error);font-size:.75rem}.ui-field__help{color:var(--color-text-muted);font-size:.75rem}.ui-feedback{border-radius:var(--radius-sm);padding:var(--space-3)var(--space-4);font-weight:650}.ui-feedback--info{color:var(--color-feedback-info);background:#e2f3f7}.ui-feedback--success{color:var(--color-feedback-success);background:#e5f5ed}.ui-feedback--warning{color:var(--color-feedback-warning);background:#fff2de}.ui-feedback--error{color:var(--color-feedback-error);background:#fce8e6}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:1ms!important}}