.showcase{background-color:var(--color-surface-primary);min-height:100svh}.showcase__header{--case-hero-wave-height:var(--nav-height);padding-top:calc(var(--nav-height) + var(--space-12));padding-bottom:calc(var(--nav-height) + var(--space-10));padding-inline:var(--space-site-gutter);background:var(--color-surface-secondary);position:relative}.showcase__eyebrow{font-size:var(--font-size-caption);line-height:var(--line-height-caption);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-label-gap);font-family:var(--font-family-mono)}.showcase__title{font-size:var(--font-size-h1-fluid);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);line-height:var(--line-height-heading);margin-bottom:var(--space-element-gap);max-width:66.66%}.showcase__subtitle{font-size:var(--font-size-h4);color:var(--color-text-secondary);line-height:var(--line-height-h4);max-width:50%}.showcase__section{padding-inline:var(--space-site-gutter);padding-block:var(--space-11)}.showcase__section-body{max-width:var(--size-container-text);margin-inline:auto}.showcase__section-title{font-size:var(--font-size-h2-fluid);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);line-height:var(--line-height-heading);margin-bottom:var(--space-element-gap)}.showcase__section-text{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.showcase__section-text+.showcase__section-text{margin-top:var(--space-element-gap)}.showcase__section-text code{font-family:var(--font-family-mono);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);padding:.1em .4em;font-size:.9em}.showcase__playground{margin-top:var(--space-8);margin-bottom:var(--space-8);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);overflow:hidden}.showcase__playground-controls{align-items:flex-end;gap:var(--space-component-gap);padding:var(--space-component-gap);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default);flex-wrap:wrap;display:flex}.showcase__playground-field{gap:var(--space-label-gap);flex-direction:column;display:flex}.showcase__playground-field .select__trigger{min-width:140px}.showcase__playground-label{font-family:var(--font-family-mono);font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-secondary)}.showcase__playground-hint{font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-secondary);align-self:center}.showcase__playground-stage{min-height:140px;padding:var(--space-10) var(--space-component-gap);background:var(--color-surface-primary);justify-content:center;align-items:center;display:flex}.showcase__duality-wrap{max-width:var(--size-container-wide);margin-inline:auto}.showcase__duality{margin-top:var(--space-10)}.showcase__duality-tabs{margin-bottom:var(--space-component-gap)}.showcase__duality-panes{gap:var(--space-8);display:grid}.showcase__duality-pane{min-width:0}.showcase__duality-pane[data-state=inactive]{display:none}.showcase__duality-pane-title{font-size:var(--font-size-small);line-height:var(--line-height-small);font-weight:var(--font-weight-label);color:var(--color-text-secondary);margin-bottom:var(--space-component-gap)}.showcase__duality-pane-title code{font-family:var(--font-family-mono);font-size:.9em}.showcase__duality-buttons{align-items:center;gap:var(--space-component-gap);padding:var(--space-10) var(--space-component-gap);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);flex-wrap:wrap;display:flex}.showcase__code{padding:var(--space-component-gap);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);max-height:420px;margin:0;overflow:auto}.showcase__code code{font-family:var(--font-family-mono);font-size:var(--font-size-small);line-height:var(--line-height-small);color:var(--color-text-primary);white-space:pre}@media (min-width:900px){.showcase__duality-tabs{display:none}.showcase__duality-panes{grid-template-columns:1fr 3fr;align-items:start}.showcase__duality-pane[data-state=inactive]{display:block}}.showcase__links{gap:var(--space-component-gap);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.showcase__link{align-items:center;gap:var(--space-inline-gap);font-size:var(--font-size-small);line-height:var(--line-height-small);font-weight:var(--font-weight-label);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-full);padding:var(--space-label-gap) var(--space-component-gap);transition:color var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default);text-decoration:none;display:inline-flex}.showcase__link:hover{color:var(--color-accent-default);border-color:var(--color-accent-default)}.showcase__link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (max-width:768px){.showcase__title,.showcase__subtitle{max-width:100%}.showcase__header{padding-top:calc(var(--nav-height) + var(--space-8));padding-bottom:calc(var(--nav-height) + var(--space-8))}.showcase__section{padding-block:var(--space-8)}}@media (prefers-reduced-motion:reduce){.showcase__link{transition:none}}