*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--st-color-bg-canvas);color:var(--st-color-fg-default);font-family:var(--st-font-sans);font-size:var(--st-font-size-md);line-height:var(--st-line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}::selection{background:var(--st-color-accent-bg);color:var(--st-color-accent-fg)}:focus-visible{outline:var(--st-focus-width) solid var(--st-color-focus-ring);outline-offset:var(--st-focus-offset)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
:root{--site-header-h:3.75rem;--site-gutter:clamp(1rem, 4vw, 2.5rem);--site-max:90rem}html{scroll-padding-top:calc(var(--site-header-h) + 1rem)}body{flex-direction:column;min-height:100dvh;display:flex}main:focus{outline:none}a{color:inherit}code,kbd,pre{font-family:var(--st-font-mono)}.site-skip{left:var(--st-space-4);z-index:var(--st-z-tooltip);padding:var(--st-space-2) var(--st-space-4);border-radius:var(--st-radius-md);background:var(--st-color-accent-bg);color:var(--st-color-accent-fg);font-weight:var(--st-font-weight-semibold);text-decoration:none;position:absolute;top:-100px}.site-skip:focus{top:var(--st-space-3)}.site-header{z-index:var(--st-z-sticky);height:var(--site-header-h);border-bottom:var(--st-border-width) solid var(--st-color-border-default);background:color-mix(in srgb, var(--st-color-bg-canvas) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);position:sticky;top:0}[data-theme=high-contrast] .site-header{background:var(--st-color-bg-canvas);-webkit-backdrop-filter:none;backdrop-filter:none}.site-header__inner{align-items:center;gap:var(--st-space-6);max-width:var(--site-max);height:100%;padding:0 var(--site-gutter);margin:0 auto;display:flex}.site-header__brand{border-radius:var(--st-radius-md);text-decoration:none}.site-wordmark{color:var(--st-color-fg-default);align-items:center;display:inline-flex}.site-logo{flex-shrink:0;display:block}.site-header__nav{gap:var(--st-space-1);display:flex}.site-header__nav a{padding:var(--st-space-1-5) var(--st-space-3);border-radius:var(--st-radius-md);color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-medium);text-decoration:none}.site-header__nav a:hover{color:var(--st-color-fg-default);background:var(--st-color-interactive-hover)}.site-header__nav a[aria-current=page]{color:var(--st-color-fg-default);box-shadow:inset 0 -2px 0 var(--st-color-fg-default);border-radius:0}.site-header__actions{align-items:center;gap:var(--st-space-2);margin-left:auto;display:flex}.site-header__version{padding:2px var(--st-space-2);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-full);color:var(--st-color-fg-muted);font-family:var(--st-font-mono);font-size:var(--st-font-size-2xs)}.site-header__icon-link{cursor:pointer;border-radius:var(--st-radius-md);width:2.25rem;height:2.25rem;color:var(--st-color-fg-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.site-header__icon-link:focus-visible{outline:var(--st-focus-width) solid var(--st-color-focus-ring);outline-offset:1px}.site-header__icon-link:hover{color:var(--st-color-fg-default);background:var(--st-color-interactive-hover)}.site-mobile-trigger{display:none}@media (max-width:1023px){.site-header__nav{display:none}.site-mobile-trigger{display:inline-flex}}@media (max-width:640px){.site-header__version,.site-header__theme{display:none}.site-header__inner{gap:var(--st-space-3)}}.site-search-trigger{align-items:center;gap:var(--st-space-2);min-width:13rem;height:2.25rem;padding:0 var(--st-space-2) 0 var(--st-space-3);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-md);background:var(--st-color-bg-surface);color:var(--st-color-fg-subtle);font:inherit;font-size:var(--st-font-size-sm);cursor:pointer;display:inline-flex}.site-search-trigger:hover{border-color:var(--st-color-border-strong);color:var(--st-color-fg-muted)}.site-search-trigger:focus-visible{outline:var(--st-focus-width) solid var(--st-color-focus-ring);outline-offset:var(--st-focus-offset)}.site-search-trigger kbd{border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-xs);font-size:var(--st-font-size-2xs);margin-left:auto;padding:1px 6px}@media (max-width:767px){.site-search-trigger{justify-content:center;width:2.25rem;min-width:0;padding:0}.site-search-trigger>span,.site-search-trigger kbd{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.docs-shell{width:100%;max-width:var(--site-max);flex:1;grid-template-columns:16.5rem minmax(0,1fr);margin:0 auto;display:grid}.docs-sidebar{top:var(--site-header-h);height:calc(100dvh - var(--site-header-h));padding:var(--st-space-6) var(--st-space-4) var(--st-space-12) var(--site-gutter);border-right:var(--st-border-width) solid var(--st-color-border-subtle);scrollbar-width:thin;position:sticky;overflow-y:auto}.docs-main{min-width:0;padding:var(--st-space-10) var(--site-gutter) var(--st-space-24)}@media (max-width:1023px){.docs-shell{grid-template-columns:minmax(0,1fr)}.docs-sidebar{display:none}}.docs-nav__section+.docs-nav__section{margin-top:var(--st-space-6)}.docs-nav__heading{margin:0 0 var(--st-space-2);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-semibold);letter-spacing:var(--st-letter-spacing-caps);text-transform:uppercase;color:var(--st-color-fg-default)}.docs-nav__heading a{text-decoration:none}.docs-nav__count{margin-left:var(--st-space-1);color:var(--st-color-fg-subtle);font-weight:var(--st-font-weight-medium)}.docs-nav__subheading{margin:var(--st-space-4) 0 var(--st-space-1);color:var(--st-color-fg-subtle);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-medium)}.docs-nav ul{margin:0;padding:0;list-style:none}.docs-nav li a{padding:.3125rem var(--st-space-3);margin-left:calc(-1 * var(--st-space-3));border-radius:var(--st-radius-sm);color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm);text-decoration:none;display:block}.docs-nav li a:hover{color:var(--st-color-fg-default);background:var(--st-color-interactive-hover)}.docs-nav li a[aria-current=page]{color:var(--st-color-interactive-selected-fg);background:var(--st-color-interactive-selected);font-weight:var(--st-font-weight-semibold)}.docs-nav a:focus-visible{outline:var(--st-focus-width) solid var(--st-color-focus-ring);outline-offset:0}.docs-article{max-width:50rem}.docs-article--wide{max-width:72rem}.docs-article__header{margin-bottom:var(--st-space-10)}.docs-article__header h1{margin:0 0 var(--st-space-3);overflow-wrap:anywhere;font-size:clamp(2rem, 4vw, var(--st-font-size-4xl));font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-tight);letter-spacing:var(--st-letter-spacing-tighter)}.docs-article__header>p{max-width:44rem;color:var(--st-color-fg-muted)}.docs-eyebrow,.section-eyebrow{margin:0 0 var(--st-space-3);color:var(--st-color-fg-subtle);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-semibold);letter-spacing:var(--st-letter-spacing-caps);text-transform:uppercase}.docs-eyebrow a{text-decoration:none}.docs-eyebrow a:hover{text-decoration:underline}.docs-lede{font-size:var(--st-font-size-lg);line-height:var(--st-line-height-relaxed);color:var(--st-color-fg-default)!important}.docs-muted{color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm)}.docs-h2,.prose h2{margin:var(--st-space-16) 0 var(--st-space-4);padding-top:var(--st-space-6);border-top:var(--st-border-width) solid var(--st-color-separator);font-size:var(--st-font-size-2xl);font-weight:var(--st-font-weight-semibold);letter-spacing:var(--st-letter-spacing-tight);line-height:var(--st-line-height-snug)}.docs-h3,.prose h3{margin:var(--st-space-8) 0 var(--st-space-3);font-size:var(--st-font-size-lg);font-weight:var(--st-font-weight-semibold)}.prose{line-height:var(--st-line-height-relaxed)}.prose>:first-child{margin-top:0}.prose p,.prose li{color:var(--st-color-fg-default)}.prose ul,.prose ol,.docs-list{padding-left:1.25rem}.prose li+li,.docs-list li+li{margin-top:var(--st-space-2)}.prose a,.text-link{font-weight:var(--st-font-weight-medium);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.prose a:hover,.text-link:hover{text-decoration-thickness:2px}.prose :not(pre)>code{overflow-wrap:anywhere}.prose :not(pre)>code,.docs-article td code,.docs-article th code,.feature-list code,.docs-list code{border-radius:var(--st-radius-xs);background:var(--st-color-bg-muted);padding:.1em .35em;font-size:.875em}[data-theme=high-contrast] .prose :not(pre)>code{outline:1px solid var(--st-color-border-default)}.component-doc__title-row{align-items:center;gap:var(--st-space-3);flex-wrap:wrap;display:flex}.component-doc__status{padding:2px var(--st-space-2);border:var(--st-border-width) solid var(--st-color-border-strong);border-radius:var(--st-radius-full);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-semibold)}.component-doc__links{gap:var(--st-space-4);margin-top:var(--st-space-4);font-size:var(--st-font-size-sm);flex-wrap:wrap;display:flex}.component-doc__links a{color:var(--st-color-fg-muted);text-underline-offset:.2em}.component-doc__links a:hover{color:var(--st-color-fg-default)}.preview{margin:var(--st-space-6) 0 var(--st-space-10)}.preview__head{margin-bottom:var(--st-space-3)}.preview__title{font-size:var(--st-font-size-lg);font-weight:var(--st-font-weight-semibold);margin:0}.preview__title a{text-decoration:none}.preview__title a:hover{text-decoration:underline}.preview__description{margin:var(--st-space-1) 0 0;color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm)}.preview__frame{border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-xl);background:var(--st-color-bg-surface);overflow:hidden}.preview__toolbar{justify-content:space-between;align-items:center;gap:var(--st-space-2);padding:var(--st-space-2);border-bottom:var(--st-border-width) solid var(--st-color-border-subtle);background:var(--st-color-bg-subtle);flex-wrap:wrap;display:flex}.preview__themes,.install__tabs{gap:2px;display:inline-flex}.preview__theme-btn,.preview__code-btn,.install__tabs button{padding:var(--st-space-1) var(--st-space-2-5);border-radius:var(--st-radius-sm);color:var(--st-color-fg-muted);font:inherit;font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-medium);cursor:pointer;background:0 0;border:0}.preview__theme-btn:hover,.preview__code-btn:hover,.install__tabs button:hover{background:var(--st-color-interactive-hover);color:var(--st-color-fg-default)}.preview__theme-btn[aria-pressed=true],.install__tabs button[aria-pressed=true]{background:var(--st-color-interactive-selected);color:var(--st-color-interactive-selected-fg)}.preview__theme-btn:focus-visible,.preview__code-btn:focus-visible,.install__tabs button:focus-visible,.install__copy:focus-visible,.site-code__copy:focus-visible,.site-code__pre:focus-visible{outline:var(--st-focus-width) solid var(--st-color-focus-ring);outline-offset:1px}.preview__theme-scope{display:block}.preview__canvas{justify-content:center;align-items:center;gap:var(--st-space-4);min-height:9rem;padding:var(--st-space-10) var(--st-space-6);background-image:radial-gradient(var(--st-color-border-subtle) 1px, transparent 1px);background-size:16px 16px;display:flex;overflow-x:auto}.preview__canvas[data-layout=start]{justify-content:flex-start;align-items:flex-start}.preview__canvas[data-layout=fill]{display:block}[data-theme=high-contrast] .preview__canvas{background-image:none}.preview__code{border-top:var(--st-border-width) solid var(--st-color-border-subtle)}.preview__code .site-code{border:0;border-radius:0}.triptych{gap:var(--st-space-3);margin:var(--st-space-4) 0 var(--st-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.triptych__pane{min-width:0;margin:0}.triptych__canvas{padding:var(--st-space-6) var(--st-space-4);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-lg);justify-content:center;align-items:center;display:flex;overflow:hidden}.triptych__scroll{width:100%}.triptych__inner{justify-content:center;min-width:min-content;padding:2px;display:flex}.triptych__pane figcaption{margin-top:var(--st-space-2);color:var(--st-color-fg-muted);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-medium)}@media (max-width:900px){.triptych{grid-template-columns:minmax(0,1fr)}}.site-code{border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-lg);background:var(--st-color-bg-subtle);margin:var(--st-space-4) 0;overflow:hidden}.preview__code .site-code{margin:0}.site-code__bar{padding:var(--st-space-1-5) var(--st-space-2) var(--st-space-1-5) var(--st-space-4);border-bottom:var(--st-border-width) solid var(--st-color-border-subtle);justify-content:space-between;align-items:center;display:flex}.site-code__lang{color:var(--st-color-fg-subtle);font-family:var(--st-font-mono);font-size:var(--st-font-size-xs)}.site-code__copy,.install__copy{padding:var(--st-space-1) var(--st-space-2-5);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-sm);background:var(--st-color-bg-surface);color:var(--st-color-fg-default);font:inherit;font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-medium);cursor:pointer}.site-code__copy:hover,.install__copy:hover{background:var(--st-color-bg-muted)}.site-code__pre{padding:var(--st-space-4);tab-size:2;margin:0;font-size:.8125rem;line-height:1.7;overflow-x:auto}.props-table,.docs-table-wrap{margin:var(--st-space-4) 0}.props-table__scroll,.docs-table-wrap{border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-lg);overflow-x:auto}.props-table__scroll:focus-visible,.docs-table-wrap:focus-visible{outline:var(--st-focus-width) solid var(--st-color-focus-ring);outline-offset:2px}.props-table table,.docs-table,.keyboard-table{border-collapse:collapse;width:100%;font-size:var(--st-font-size-sm)}.props-table th,.props-table td,.docs-table th,.docs-table td,.keyboard-table th,.keyboard-table td{padding:var(--st-space-3) var(--st-space-4);border-bottom:var(--st-border-width) solid var(--st-color-border-subtle);text-align:left;vertical-align:top}.props-table thead th,.docs-table thead th,.keyboard-table thead th{background:var(--st-color-bg-subtle);color:var(--st-color-fg-muted);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-semibold);letter-spacing:var(--st-letter-spacing-wide);text-transform:uppercase;white-space:nowrap}.props-table tbody tr:last-child>*,.docs-table tbody tr:last-child>*,.keyboard-table tbody tr:last-child>*{border-bottom:0}.props-table tbody th{white-space:nowrap;font-weight:var(--st-font-weight-medium)}.props-table__type{white-space:pre-wrap;word-break:break-word}.props-table__required{color:var(--st-color-danger-fg);margin-left:2px}.keyboard-table kbd{border:var(--st-border-width) solid var(--st-color-border-strong);border-radius:var(--st-radius-xs);background:var(--st-color-bg-surface);min-width:1.5rem;font-size:var(--st-font-size-xs);text-align:center;border-bottom-width:2px;padding:1px 6px;display:inline-block}.token-table th{white-space:nowrap}.swatch{width:1.125rem;height:1.125rem;margin-right:var(--st-space-2);vertical-align:-.25em;border-radius:var(--st-radius-xs);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--st-color-fg-default) 18%, transparent);display:inline-block}.dodont{gap:var(--st-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dodont__col{padding:var(--st-space-5);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-lg);border-top-width:3px}.dodont__col[data-kind=do]{border-top-color:var(--st-color-success-fg)}.dodont__col[data-kind=dont]{border-top-color:var(--st-color-danger-fg)}.dodont__col h3{margin:0 0 var(--st-space-2);font-size:var(--st-font-size-md)}.dodont__col ul{font-size:var(--st-font-size-sm);margin:0;padding-left:1.1rem}.dodont__col li+li{margin-top:var(--st-space-2)}@media (max-width:640px){.dodont{grid-template-columns:minmax(0,1fr)}}.related-list{gap:var(--st-space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.related-list a{padding:var(--st-space-1-5) var(--st-space-3);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-full);font-size:var(--st-font-size-sm);text-transform:capitalize;text-decoration:none;display:inline-block}.related-list a:hover{background:var(--st-color-interactive-hover)}.playground{border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-xl);grid-template-columns:minmax(0,1fr) 15rem;display:grid;overflow:hidden}.playground__canvas{min-height:14rem;padding:var(--st-space-8);background:var(--st-color-bg-surface);justify-content:center;align-items:center;display:flex}.playground__controls{gap:var(--st-space-3);padding:var(--st-space-4);border-left:var(--st-border-width) solid var(--st-color-border-subtle);background:var(--st-color-bg-subtle);flex-direction:column;display:flex}.playground__control{gap:var(--st-space-1);flex-direction:column;display:flex}.playground__control label{font-family:var(--st-font-mono);font-size:var(--st-font-size-xs);color:var(--st-color-fg-muted)}.playground__control select,.playground__control input[type=text],.playground__control input[type=number]{height:2rem;padding:0 var(--st-space-2);border:var(--st-border-width-control) solid var(--st-color-border-control);border-radius:var(--st-radius-sm);background:var(--st-color-bg-surface);color:var(--st-color-fg-default);font:inherit;font-size:var(--st-font-size-sm)}.playground__control input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--st-color-accent-bg)}.playground__control :focus-visible,.playground__reset:focus-visible{outline:var(--st-focus-width) solid var(--st-color-focus-ring);outline-offset:1px}.playground__reset{padding:var(--st-space-1) var(--st-space-2-5);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-sm);color:var(--st-color-fg-muted);font:inherit;font-size:var(--st-font-size-xs);cursor:pointer;background:0 0;align-self:flex-start}.playground__code{border-top:var(--st-border-width) solid var(--st-color-border-subtle);grid-column:1/-1}.playground__code .site-code{border:0;border-radius:0;margin:0}@media (max-width:767px){.playground{grid-template-columns:minmax(0,1fr)}.playground__controls{border-left:0;border-top:var(--st-border-width) solid var(--st-color-border-subtle)}}.component-index__search{align-items:center;gap:var(--st-space-4);margin-bottom:var(--st-space-4);display:flex}.component-index__input{max-width:26rem;height:var(--st-size-control-md);padding:0 var(--st-space-3);border:var(--st-border-width-control) solid var(--st-color-border-control);border-radius:var(--st-radius-md);background:var(--st-color-bg-surface);color:var(--st-color-fg-default);font:inherit;font-size:var(--st-font-size-sm);flex:1}.component-index__input:focus-visible{outline:var(--st-focus-width) solid var(--st-color-focus-ring);outline-offset:1px}.component-index__group .docs-h2{margin-top:var(--st-space-10)}.component-grid{gap:var(--st-space-3);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.component-card{gap:var(--st-space-1-5);height:100%;padding:var(--st-space-4) var(--st-space-5);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-lg);background:var(--st-color-bg-surface);transition:border-color var(--st-duration-fast) var(--st-easing-standard), transform var(--st-duration-fast) var(--st-easing-standard);flex-direction:column;text-decoration:none;display:flex}.component-card:hover{border-color:var(--st-color-border-strong);transform:translateY(-1px)}.component-card:focus-visible{outline:var(--st-focus-width) solid var(--st-color-focus-ring);outline-offset:2px}.component-card__name{font-weight:var(--st-font-weight-semibold)}.component-card__summary{color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm);line-height:var(--st-line-height-normal)}.brand-swatches{gap:var(--st-space-3);margin:var(--st-space-4) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.brand-swatch{min-height:11rem;padding:var(--st-space-5);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-xl);align-items:flex-end;margin:0;display:flex}.brand-swatch code{color:inherit;background:0 0!important;outline:none!important}.brand-swatch figcaption{gap:var(--st-space-1);flex-direction:column;display:flex}.type-scale__row{align-items:baseline;gap:var(--st-space-4);padding:var(--st-space-3) 0;border-bottom:var(--st-border-width) solid var(--st-color-border-subtle);grid-template-columns:11rem 7rem minmax(0,1fr);display:grid}.type-scale__token,.type-scale__meta{font-size:var(--st-font-size-xs);color:var(--st-color-fg-muted)}.type-scale__sample{white-space:nowrap;text-overflow:ellipsis;font-weight:var(--st-font-weight-semibold);overflow:hidden}@media (max-width:767px){.type-scale__row{gap:var(--st-space-1);grid-template-columns:minmax(0,1fr)}}.weights{gap:var(--st-space-3);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));display:grid}.weights__item{gap:var(--st-space-1);padding:var(--st-space-4);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-lg);flex-direction:column;display:flex}.space-scale__row{align-items:center;gap:var(--st-space-4);padding:var(--st-space-1-5) 0;grid-template-columns:10rem 7rem minmax(0,1fr);display:grid}.space-scale__bar{background:var(--st-color-accent-bg);border-radius:2px;height:.75rem}@media (max-width:640px){.space-scale__row{grid-template-columns:1fr 1fr}.space-scale__bar{grid-column:1/-1}}.radius-grid,.elevation-grid{gap:var(--st-space-6);margin:var(--st-space-6) 0;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));display:grid}.radius-grid__item,.elevation-grid__item{margin:0}.radius-grid__box{border:2px solid var(--st-color-fg-default);background:var(--st-color-bg-muted);height:5.5rem;display:block}.elevation-grid__card{border-radius:var(--st-radius-lg);background:var(--st-color-bg-surface-raised);border:var(--st-border-width) solid var(--st-color-border-subtle);height:6rem;display:block}.radius-grid__item figcaption,.elevation-grid__item figcaption{margin-top:var(--st-space-3);font-size:var(--st-font-size-xs);flex-direction:column;gap:2px;display:flex}.motion-demo__row{align-items:center;gap:var(--st-space-4);padding:var(--st-space-3) 0;grid-template-columns:12rem minmax(0,1fr);display:grid}.motion-demo__track{border-radius:var(--st-radius-full);background:var(--st-color-bg-muted);height:1.5rem;position:relative}.motion-demo__dot{background:var(--st-color-accent-bg);border-radius:50%;width:1rem;height:1rem;animation:2.4s infinite alternate site-travel;position:absolute;top:.25rem;left:.25rem}@keyframes site-travel{to{left:calc(100% - 1.25rem)}}@media (prefers-reduced-motion:reduce){.motion-demo__dot{animation:none}}.principles{gap:var(--st-space-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin:0;list-style:none;display:grid;padding:0!important}.principles li{padding:var(--st-space-6);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-xl);background:var(--st-color-bg-surface);margin:0!important}.principles__index{font-family:var(--st-font-mono);font-size:var(--st-font-size-xs);color:var(--st-color-fg-subtle)}.principles h2{margin:var(--st-space-3) 0 var(--st-space-2)!important;font-size:var(--st-font-size-lg)!important;border:0!important;padding:0!important}.principles p{font-size:var(--st-font-size-sm);margin:0;color:var(--st-color-fg-muted)!important}.license-text{padding:var(--st-space-5);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-lg);background:var(--st-color-bg-subtle);white-space:pre-wrap;font-size:var(--st-font-size-xs)}.landing{width:100%;max-width:var(--site-max);padding:0 var(--site-gutter);flex:1;margin:0 auto}.hero{text-align:center;flex-direction:column;align-items:center;padding:clamp(3rem,7vw,5.5rem) 0 clamp(3rem,6vw,4.5rem);display:flex;position:relative}.hero:before{content:"";inset:0 calc(-1 * var(--site-gutter));z-index:-1;background-image:linear-gradient(var(--st-color-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--st-color-border-subtle) 1px, transparent 1px);background-size:48px 48px;position:absolute;-webkit-mask-image:radial-gradient(70% 75% at 50% 35%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 75% at 50% 35%,#000 20%,#0000 75%)}[data-theme=high-contrast] .hero:before{display:none}.hero--full{min-height:calc(100svh - var(--site-header-h));justify-content:center;padding-top:clamp(2rem,5vh,4rem);padding-bottom:clamp(2rem,5vh,4rem)}.hero__facts{justify-content:center;gap:var(--st-space-2) var(--st-space-6);margin:var(--st-space-8) 0 0;color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.hero__facts li{align-items:center;gap:var(--st-space-2);display:inline-flex}.hero__facts li:before{content:"";background:var(--st-color-fg-subtle);border-radius:50%;width:.375rem;height:.375rem}.hero__mark{margin-bottom:var(--st-space-6);color:var(--st-color-fg-default);display:inline-flex}@media (prefers-reduced-motion:no-preference){.hero__mark svg{animation:site-mark-in .9s var(--st-easing-emphasized) both}}@keyframes site-mark-in{0%{opacity:0;transform:rotate(-90deg)scale(.6)}}.hero__eyebrow{margin:0 0 var(--st-space-5);color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-semibold);letter-spacing:var(--st-letter-spacing-caps);text-transform:uppercase}.hero__title{text-wrap:balance;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--st-font-weight-semibold);letter-spacing:-.04em;margin:0;line-height:1.04}.hero__muted{color:var(--st-color-fg-subtle)}.hero__lede{text-wrap:balance;max-width:34rem;margin:var(--st-space-6) 0 0;color:var(--st-color-fg-muted);font-size:clamp(1.0625rem,2vw,1.25rem);line-height:var(--st-line-height-normal)}.hero__actions{justify-content:center;gap:var(--st-space-3);margin-top:var(--st-space-8);flex-wrap:wrap;display:flex}.install{width:min(40rem,100%);margin-top:var(--st-space-10);text-align:left}.install__tabs{margin-bottom:var(--st-space-2)}.install__line{align-items:center;gap:var(--st-space-3);padding:var(--st-space-2) var(--st-space-2) var(--st-space-2) var(--st-space-4);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-lg);background:var(--st-color-bg-surface);display:flex}.install__line code{overflow-wrap:anywhere;min-width:0;line-height:1.6;font-size:var(--st-font-size-sm);flex:1}.install__prompt{color:var(--st-color-fg-subtle)}.band{border-top:var(--st-border-width) solid var(--st-color-separator);padding:clamp(3.5rem,8vw,6.5rem) 0}.band__head{max-width:44rem;margin-bottom:var(--st-space-10)}.band__head--row{justify-content:space-between;align-items:flex-end;gap:var(--st-space-4);flex-wrap:wrap;max-width:none;display:flex}.band--split{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.band--split .band__head{margin-bottom:0}.band--faq{align-items:start}@media (max-width:1023px){.band--split{grid-template-columns:minmax(0,1fr)}}.band--cta{justify-content:space-between;align-items:flex-end;gap:var(--st-space-8);flex-wrap:wrap;display:flex}.band--cta .hero__actions{margin-top:0}.section-title{font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:var(--st-font-weight-semibold);letter-spacing:-.04em;margin:0;line-height:1.04}.section-lede{max-width:36rem;margin:var(--st-space-4) 0 0;color:var(--st-color-fg-muted);font-size:var(--st-font-size-lg);line-height:var(--st-line-height-normal)}.band__head .text-link{margin-top:var(--st-space-5);display:inline-block}.bento{gap:var(--st-space-4);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}.bento__tile{min-width:0;height:100%}.bento__tile--feature,.bento__tile--table{grid-column:span 5}.bento__tile--calendar,.bento__tile--sign{grid-column:span 4}.bento__tile--stats,.bento__tile--side{grid-column:span 3}.bento__tile--feature .showcase-card{max-width:none;height:100%}.bento__tile--calendar,.bento__tile--table{flex-direction:column;justify-content:center;display:flex}.bento__tile--calendar>.st-card__content{justify-content:center;display:flex}.bento__tile--stats{gap:var(--st-space-4);grid-template-rows:1fr 1fr;display:grid}.bento__tile--stats>*{height:100%}@media (max-width:1180px){.bento__tile--feature,.bento__tile--calendar,.bento__tile--table,.bento__tile--sign{grid-column:span 6}.bento__tile--stats{grid-column:span 12;grid-template-rows:none;grid-template-columns:1fr 1fr}.bento__tile--side{grid-column:span 12}}@media (max-width:700px){.bento__tile--feature,.bento__tile--calendar,.bento__tile--table,.bento__tile--sign,.bento__tile--stats{grid-column:span 12}.bento__tile--stats{grid-template-columns:1fr}}.bento__tile--center>.st-card__content{justify-content:center;display:flex}.showcase-card{max-width:none}.bento__stack{align-items:flex-start;gap:var(--st-space-4);flex-direction:column;display:flex}.bento__stack>.st-progress,.bento__stack>.st-slider{align-self:stretch}.bento__row{gap:var(--st-space-2);flex-wrap:wrap;display:flex}.bento__member{align-items:center;gap:var(--st-space-2);display:inline-flex}@media (max-width:1100px){.bento__tile,.bento__tile--wide,.bento__tile--calendar{grid-column:span 6}.bento__tile--feature{grid-area:auto/span 12}}@media (max-width:640px){.bento__tile,.bento__tile--wide,.bento__tile--calendar,.bento__tile--feature{grid-column:span 12}}.showcase-card{max-width:30rem;margin:0 auto}.showcase-card__head{justify-content:space-between;align-items:flex-start;gap:var(--st-space-3);display:flex}.showcase-card__fields{gap:var(--st-space-4);padding-top:var(--st-space-4);flex-direction:column;display:flex}.showcase-card__note{color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm);margin:0}.showcase-card__actions{gap:var(--st-space-2);margin-left:auto;display:flex}.showcase-card .st-card__footer{align-items:center;gap:var(--st-space-3);flex-wrap:wrap;display:flex}.triptych-showcase{width:100%}.tokens-visual__pair{border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-2xl) var(--st-radius-2xl) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.tokens-visual__pair>div{justify-content:flex-end;gap:var(--st-space-1);min-height:16rem;padding:var(--st-space-6);flex-direction:column;display:flex}.tokens-visual__pair strong{font-size:var(--st-font-size-2xl);letter-spacing:var(--st-letter-spacing-tight)}.tokens-visual__pair code{background:0 0}.tokens-visual__ramp{border:var(--st-border-width) solid var(--st-color-border-default);border-radius:0 0 var(--st-radius-2xl) var(--st-radius-2xl);border-top:0;grid-template-columns:repeat(15,minmax(0,1fr));height:4rem;display:grid;overflow:hidden}.platform-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr) minmax(0,1fr);align-items:end;gap:clamp(1.5rem,4vw,3.5rem);max-width:70rem;margin:0 auto;padding:0;list-style:none;display:grid}.platform-device{align-items:center;gap:var(--st-space-6);border-radius:var(--st-radius-2xl);flex-direction:column;text-decoration:none;display:flex}a.platform-device:focus-visible,.platform-device__meta:focus-visible{outline:var(--st-focus-width) solid var(--st-color-focus-ring);outline-offset:6px}.platform-device__meta{text-align:center;flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex}.platform-device__tech{color:var(--st-color-fg-muted);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-semibold);letter-spacing:var(--st-letter-spacing-caps);text-transform:uppercase}.platform-device__name{font-size:var(--st-font-size-xl);font-weight:var(--st-font-weight-semibold);letter-spacing:var(--st-letter-spacing-tight)}a.platform-device:hover .platform-device__name,a.platform-device__meta:hover .platform-device__name{text-underline-offset:.2em;text-decoration:underline}.platform-device__count{color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm)}.device{background:var(--st-color-bg-canvas);width:100%;box-shadow:var(--st-shadow-xl);transition:transform var(--st-duration-normal) var(--st-easing-emphasized);display:block;position:relative}a.platform-device:hover .device{transform:translateY(-4px)}.device--phone{border:2px solid var(--st-color-fg-default);background:var(--st-color-fg-default);border-radius:2.75rem;max-width:17rem;padding:.5rem}.device--android{border-radius:2.25rem}.device__screen{border-radius:2.25rem;width:100%;height:auto;display:block}.device--android .device__screen{border-radius:1.75rem}.device__camera{z-index:1;background:var(--st-color-fg-default);border-radius:50%;width:.6rem;height:.6rem;margin-left:-.3rem;position:absolute;top:1.1rem;left:50%}.device__island{display:none}.device--browser{border:var(--st-border-width) solid var(--st-color-border-strong);border-radius:var(--st-radius-xl);overflow:hidden}.device__bar{padding:var(--st-space-2-5) var(--st-space-4);border-bottom:var(--st-border-width) solid var(--st-color-border-default);background:var(--st-color-bg-muted);align-items:center;gap:6px;display:flex}.device__bar i{background:var(--st-color-border-strong);border-radius:50%;width:.625rem;height:.625rem}.device__bar span{padding:2px var(--st-space-6);border-radius:var(--st-radius-full);background:var(--st-color-bg-canvas);color:var(--st-color-fg-muted);font-size:var(--st-font-size-xs);margin:0 auto}.device__viewport{background:var(--st-color-bg-canvas);padding:clamp(1rem,3vw,2rem);display:block}.device__viewport .showcase-card{max-width:none}@media (max-width:900px){.platform-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-showcase>li:nth-child(2){grid-area:1/1/auto/-1}}.token-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr);align-items:center;gap:clamp(1rem,3vw,2.5rem);display:grid}.token-flow__source,.token-flow__outputs{gap:var(--st-space-3);flex-direction:column;min-width:0;display:flex}.token-flow .site-code{margin:0}.token-flow__label{color:var(--st-color-fg-muted);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-semibold);letter-spacing:var(--st-letter-spacing-caps);text-transform:uppercase}.token-flow__swatch{align-items:center;gap:var(--st-space-2);font-family:var(--st-font-mono);font-size:var(--st-font-size-sm);display:inline-flex}.token-flow__swatch i{border-radius:var(--st-radius-sm);width:1.5rem;height:1.5rem;box-shadow:inset 0 0 0 1px var(--st-color-border-default)}.token-flow__arrow{color:var(--st-color-fg-subtle)}@media (max-width:900px){.token-flow{grid-template-columns:minmax(0,1fr)}.token-flow__arrow{justify-self:center;transform:rotate(90deg)}}.platform-hero{padding-bottom:clamp(2rem,4vw,3rem)}.platform-hero__install{width:min(40rem,100%);margin-top:var(--st-space-8);text-align:left}.platform-hero__install .site-code{margin:0}.platform-hero__req{margin:var(--st-space-3) 0 0;color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm);text-align:center}.platform-stage{justify-content:center;align-items:flex-end;gap:clamp(1rem,3vw,2.5rem);padding:clamp(1rem,3vw,2rem) 0 clamp(3rem,7vw,5rem);display:flex}.platform-stage .device--phone{flex:0 17rem}.platform-stage .device--tablet{border:2px solid var(--st-color-fg-default);background:var(--st-color-fg-default);border-radius:1.75rem;flex:0 34rem;align-self:flex-end;padding:.6rem}.platform-stage .device--tablet .device__screen{border-radius:1.25rem}.platform-stage .device--dark{transform:translateY(-1.5rem)}.platform-landing .device--tablet:has(img[height="2133"]){flex-basis:26rem}@media (max-width:900px){.platform-stage .device--tablet{display:none}.platform-stage .device--phone{flex-basis:14rem}}.feature-grid{gap:var(--st-space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.feature-grid li{padding:var(--st-space-6);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-xl);background:var(--st-color-bg-surface)}.feature-grid__icon{width:2.5rem;height:2.5rem;margin-bottom:var(--st-space-4);border-radius:var(--st-radius-lg);background:var(--st-color-bg-muted);color:var(--st-color-fg-default);justify-content:center;align-items:center;display:inline-flex}.feature-grid h3{margin:0 0 var(--st-space-1-5);font-size:var(--st-font-size-lg);font-weight:var(--st-font-weight-semibold);letter-spacing:var(--st-letter-spacing-tight)}.feature-grid p{color:var(--st-color-fg-muted);line-height:var(--st-line-height-normal);margin:0}@media (max-width:1000px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.feature-grid{grid-template-columns:minmax(0,1fr)}}.platform-link-gap{margin-left:var(--st-space-5)}.phero{padding-bottom:0}.phero__stage{--phone:clamp(15rem, 24vw, 19.5rem);--float:clamp(13rem, 19vw, 17rem);--tuck:.875rem;justify-content:center;width:100%;margin-top:clamp(3rem,6vw,4.5rem);padding-bottom:clamp(3rem,6vw,5rem);display:flex;position:relative}.phero__device.device--phone{z-index:1;width:var(--phone);max-width:none}.phero__float{z-index:2;width:var(--float);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-2xl);background:var(--st-color-bg-canvas);box-shadow:var(--st-shadow-xl);position:absolute;overflow:hidden}.phero__float .native-image{width:100%;height:auto}.phero__float--1,.phero__float--3{left:calc(50% - var(--phone) / 2 - var(--float) + var(--tuck))}.phero__float--2,.phero__float--4{left:calc(50% + var(--phone) / 2 - var(--tuck))}.phero__float--1{top:14%}.phero__float--2{top:6%}.phero__float--3{bottom:20%}.phero__float--4{bottom:30%}@media (prefers-reduced-motion:no-preference){.phero__device,.phero__float{animation:phero-rise .9s var(--st-easing-emphasized) both}.phero__float--1{animation-delay:.16s}.phero__float--2{animation-delay:.24s}.phero__float--3{animation-delay:.32s}.phero__float--4{animation-delay:.4s}}@keyframes phero-rise{0%{opacity:0;transform:translateY(24px)}}@media (max-width:1100px){.phero__float--3,.phero__float--4{display:none}}@media (max-width:760px){.phero__float{display:none}}.band__head--center{text-align:center;max-width:none}.category-chips--compact{margin-bottom:var(--st-space-4)}.category-chips--compact a{align-items:baseline;gap:var(--st-space-2);margin:0 var(--st-space-1) var(--st-space-2) 0;padding:var(--st-space-1-5) var(--st-space-3);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-full);font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-medium);text-decoration:none;display:inline-flex}.category-chips--compact a:hover{background:var(--st-color-interactive-hover)}.category-chips--compact span{color:var(--st-color-fg-subtle)}.native-grid{gap:var(--st-space-4);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.native-card{border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-xl);background:var(--st-color-bg-surface);height:100%;transition:border-color var(--st-duration-fast) var(--st-easing-standard), transform var(--st-duration-fast) var(--st-easing-standard);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.native-card:hover{border-color:var(--st-color-border-strong);transform:translateY(-2px)}.native-card:focus-visible{outline:var(--st-focus-width) solid var(--st-color-focus-ring);outline-offset:2px}.native-card__media{border-bottom:var(--st-border-width) solid var(--st-color-border-subtle);background:var(--st-color-bg-canvas);justify-content:center;align-items:center;height:10rem;display:flex;overflow:hidden}.native-card__media .native-image{object-fit:cover;object-position:top center;width:100%;height:100%}.native-card__kind{color:var(--st-color-fg-subtle);font-family:var(--st-font-mono);font-size:var(--st-font-size-xs);text-transform:lowercase}.native-card__body{gap:var(--st-space-1);padding:var(--st-space-4);flex-direction:column;display:flex}.native-card__name{font-family:var(--st-font-mono);font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-semibold)}.native-card__summary{color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm);line-height:var(--st-line-height-normal)}.native-facts{gap:var(--st-space-2) var(--st-space-8);margin:var(--st-space-5) 0 0;font-size:var(--st-font-size-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.native-facts span{color:var(--st-color-fg-subtle);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-semibold);letter-spacing:var(--st-letter-spacing-caps);text-transform:uppercase;display:block}.native-hero{margin:var(--st-space-4) 0;padding:var(--st-space-8);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-xl);background:var(--st-color-bg-subtle);justify-content:center;display:flex}.native-hero .native-image{border-radius:var(--st-radius-lg);width:min(100%,26rem);height:auto;box-shadow:var(--st-shadow-md)}.native-themes{gap:var(--st-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.native-themes__item{margin:0}.native-themes__item .native-image{border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-lg);width:100%;height:auto}.native-themes__item figcaption{margin-top:var(--st-space-2);color:var(--st-color-fg-muted);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-medium)}@media (max-width:640px){.native-themes{grid-template-columns:minmax(0,1fr)}}.related-list--plain a{text-transform:none;font-family:var(--st-font-mono);font-size:var(--st-font-size-xs)}.native-preview{width:fit-content;max-width:100%;margin:var(--st-space-4) 0;border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-xl);overflow:hidden}.native-preview .native-image{max-width:min(100%,24rem);height:auto}.native-preview figcaption{padding:var(--st-space-2) var(--st-space-3);border-top:var(--st-border-width) solid var(--st-color-border-subtle);color:var(--st-color-fg-muted);font-size:var(--st-font-size-xs)}:is(.device--phone:not(:has(img)),.device--tablet:not(:has(img))),.native-image{display:none}:root:not([data-theme=dark]) .native-image[data-for-theme=light],[data-theme=dark] .native-image[data-for-theme=dark],.native-image[data-only]{display:block}[data-theme=high-contrast] .native-image[data-has-hc][data-for-theme=light]{display:none}[data-theme=high-contrast] .native-image[data-for-theme=high-contrast]{display:block}.category-chips{gap:var(--st-space-2);margin:0 0 var(--st-space-12);flex-wrap:wrap;padding:0;list-style:none;display:flex}.category-chips a{align-items:baseline;gap:var(--st-space-2);padding:var(--st-space-2) var(--st-space-4);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-full);font-size:var(--st-font-size-md);font-weight:var(--st-font-weight-medium);text-decoration:none;display:inline-flex}.category-chips a:hover{background:var(--st-color-interactive-hover);border-color:var(--st-color-border-strong)}.category-chips span{color:var(--st-color-fg-subtle);font-size:var(--st-font-size-sm);font-variant-numeric:tabular-nums}.stats{border-top:2px solid var(--st-color-fg-default);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.stats>div{padding:var(--st-space-6) var(--st-space-6) 0 0}.stats dt{color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm)}.stats dd{margin:var(--st-space-2) 0 0;font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:var(--st-font-weight-semibold);letter-spacing:-.04em;font-variant-numeric:tabular-nums}@media (max-width:767px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-faq{width:100%}.native-item{padding:var(--st-space-5) 0;border-bottom:var(--st-border-width) solid var(--st-color-border-subtle)}.native-item h3{align-items:center;gap:var(--st-space-2);display:flex;margin:0 0 var(--st-space-2)!important}.native-item__badge{padding:1px var(--st-space-2);border:var(--st-border-width) solid var(--st-color-border-strong);border-radius:var(--st-radius-full);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-medium)}.native-item__a11y{color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm)}.brand-showcase{gap:var(--st-space-3);margin:var(--st-space-6) 0;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.brand-showcase__tile{justify-content:center;align-items:center;gap:var(--st-space-4);min-height:12rem;padding:var(--st-space-6);border:var(--st-border-width) solid var(--st-color-border-default);border-radius:var(--st-radius-xl);flex-direction:column;margin:0;display:flex}.brand-showcase__tile[data-tone=light]{background:var(--st-color-brand-ivory);color:var(--st-color-brand-indigo)}.brand-showcase__tile[data-tone=dark]{background:var(--st-color-brand-indigo);color:var(--st-color-brand-ivory)}.brand-showcase__tile img{max-width:100%;height:auto}.brand-showcase__tile figcaption{font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-medium)}.brand-downloads{list-style:none;padding:0!important}.site-footer{border-top:var(--st-border-width) solid var(--st-color-border-default);background:var(--st-color-bg-subtle)}.site-footer__inner{justify-content:space-between;gap:var(--st-space-10);max-width:var(--site-max);padding:var(--st-space-12) var(--site-gutter);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer__brand{max-width:22rem}.site-footer__brand>.site-logo{color:var(--st-color-fg-default)}.site-footer__brand p{margin:var(--st-space-4) 0 0;color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm)}.site-footer__nav{gap:var(--st-space-12);flex-wrap:wrap;display:flex}.site-footer__nav div{gap:var(--st-space-2);flex-direction:column;display:flex}.site-footer__nav h2{margin:0 0 var(--st-space-1);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-semibold);letter-spacing:var(--st-letter-spacing-caps);text-transform:uppercase}.site-footer__nav a{color:var(--st-color-fg-muted);font-size:var(--st-font-size-sm);text-decoration:none}.site-footer__nav a:hover{color:var(--st-color-fg-default);text-decoration:underline}.mobile-nav{padding:var(--st-space-6) var(--st-space-5);overflow-y:auto}