.landing-frame{border-inline:var(--var-border-hairline)solid var(--docs-border);max-inline-size:1376px;margin-inline:auto}.landing-hero{align-items:end;gap:calc(var(--var-spacing-base)*4);padding:calc(var(--var-spacing-base)*6)calc(var(--var-spacing-base)*4);grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);display:grid}.landing-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.75rem,5vw,4.5rem);font-weight:650;line-height:1.08}.landing-hero h1 span,.landing-closing h2 span{color:var(--docs-primary)}.landing-hero-copy>p{max-inline-size:48ch;margin-block:calc(var(--var-spacing-base)*1.75)calc(var(--var-spacing-base)*2);color:var(--docs-text-muted);font-size:1.0625rem;line-height:1.8}.landing-actions{gap:calc(var(--var-spacing-base)*.75);flex-wrap:wrap;display:flex}.landing-install{min-inline-size:0;padding-block-end:calc(var(--var-spacing-base)/4)}.landing-package{color:var(--docs-text);font-family:var(--font-mono);font-size:.8125rem}.landing-install>p{margin-block:calc(var(--var-spacing-base)/2)calc(var(--var-spacing-base)*1.5);color:var(--docs-text-muted);font-size:.875rem}.landing-install>a{color:var(--docs-text-muted);margin-block-start:calc(var(--var-spacing-base)*1.25);font-size:.8125rem}.landing-install .shiki-container pre{padding:calc(var(--var-spacing-base)*1.25);font-size:.8125rem}.landing-section-bar,.landing-panel-label{justify-content:space-between;align-items:center;gap:var(--var-spacing-base);flex-wrap:wrap;display:flex}.landing-section-bar{padding:calc(var(--var-spacing-base)*1.25)calc(var(--var-spacing-base)*2);border-block:var(--var-border-hairline)solid var(--docs-border)}.landing-section-bar h2{font-size:.875rem;font-weight:550}.landing-section-bar a{font-size:.8125rem}.landing-playground-grid{grid-template-columns:1fr 1fr;display:grid}.landing-preview,.landing-source{background:var(--docs-surface);min-inline-size:0}.landing-source{border-inline-start:var(--var-border-hairline)solid var(--docs-border);background:var(--docs-canvas)}.landing-panel-label{min-block-size:calc(var(--var-spacing-base)*3.5);padding-inline:calc(var(--var-spacing-base)*2);color:var(--docs-text-muted);font-size:.75rem}.landing-live{align-items:center;gap:calc(var(--var-spacing-base)/2);display:inline-flex}.landing-live>span{inline-size:calc(var(--var-spacing-base)*.375);block-size:calc(var(--var-spacing-base)*.375);background:var(--docs-primary);border-radius:50%}.landing-demo{max-inline-size:440px;padding:calc(var(--var-spacing-base)*2);margin-inline:auto}.landing-demo-heading h3{letter-spacing:-.025em;font-size:clamp(1.5rem,2.25vw,2rem);font-weight:550;line-height:1.2}.landing-demo-heading p{margin-block:var(--var-spacing-base)calc(var(--var-spacing-base)*2.5);color:var(--docs-text-muted);font-size:.875rem}.landing-currency-form{inline-size:100%}.landing-currency-select{max-inline-size:9rem;padding:calc(var(--var-spacing-base)/2);border-inline-start:var(--var-border-hairline)solid var(--docs-border);color:var(--docs-text-muted);background:0 0;font-size:.75rem}.landing-demo-controls{align-items:center;gap:var(--var-spacing-base);flex-wrap:wrap;margin-block-start:calc(var(--var-spacing-base)*1.5);display:flex}.landing-demo-controls>a{margin-inline-start:auto;font-size:.8125rem}.landing-preview-note{padding:var(--var-spacing-base)calc(var(--var-spacing-base)*2)calc(var(--var-spacing-base)*2);color:var(--docs-text-muted);text-align:center;font-size:.75rem}.landing-source .docs-code-block{border:0;border-radius:0}.landing-source .docs-code-toolbar{min-block-size:calc(var(--var-spacing-base)*2.5);padding-inline:calc(var(--var-spacing-base)*2);border-block:var(--var-border-hairline)solid var(--docs-border);background:0 0}.landing-source .shiki-container pre{padding:calc(var(--var-spacing-base)*1.5)calc(var(--var-spacing-base)*2);font-size:.8125rem;line-height:1.7}.landing-principles{justify-content:space-between;gap:calc(var(--var-spacing-base)*1.5);padding:calc(var(--var-spacing-base)*1.75)calc(var(--var-spacing-base)*2);border-block:var(--var-border-hairline)solid var(--docs-border);color:var(--docs-text-muted);flex-wrap:wrap;font-size:.8125rem;display:flex}.landing-principles>span{align-items:center;gap:calc(var(--var-spacing-base)/2);display:inline-flex}.landing-principles svg{color:var(--docs-primary)}.landing-catalog{gap:calc(var(--var-spacing-base)*6);padding:calc(var(--var-spacing-base)*6)calc(var(--var-spacing-base)*4);grid-template-columns:1fr 1.25fr;display:grid}.landing-section-intro h2,.landing-closing h2{letter-spacing:-.03em;font-size:clamp(2rem,3vw,2.75rem);font-weight:550;line-height:1.15}.landing-section-intro p,.landing-closing p{max-inline-size:44ch;color:var(--docs-text-muted);margin-block-start:calc(var(--var-spacing-base)*1.5);font-size:.9375rem;line-height:1.8}.landing-catalog-link{justify-content:space-between;gap:calc(var(--var-spacing-base)*2);padding-block:calc(var(--var-spacing-base)*1.5);border-block-start:var(--var-border-hairline)solid var(--docs-border);text-decoration:none;display:flex}.landing-catalog-link:first-child{border-block-start:0;padding-block-start:0}.landing-catalog-link h3{font-size:1.125rem;font-weight:550}.landing-catalog-link p{margin-block:calc(var(--var-spacing-base)/2)var(--var-spacing-base);color:var(--docs-text-muted);font-size:.875rem;line-height:1.7}.landing-catalog-link span{color:var(--docs-text-muted);font-size:.75rem}.landing-catalog-link>svg{color:var(--docs-text-muted);flex:none;margin-block-start:calc(var(--var-spacing-base)/4);transition:transform .18s ease-out}.landing-catalog-link:hover h3,.landing-catalog-link:hover>svg{color:var(--docs-primary)}.landing-catalog-link:hover>svg{transform:translate(4px)}.landing-closing{justify-content:space-between;align-items:center;gap:calc(var(--var-spacing-base)*3);padding:calc(var(--var-spacing-base)*4);border-block:var(--var-border-hairline)solid var(--docs-border);background:var(--docs-surface);display:flex}.site-footer{gap:calc(var(--var-spacing-base)*2);padding:calc(var(--var-spacing-base)*4);grid-template-columns:2fr repeat(3,1fr);display:grid}.site-footer-brand p{margin-block:calc(var(--var-spacing-base)*1.25)var(--var-spacing-base);color:var(--docs-text-muted);font-size:.8125rem;line-height:1.7}.site-footer h2{margin-block-end:var(--var-spacing-base);font-size:.8125rem;font-weight:600}.site-footer ul{gap:calc(var(--var-spacing-base)*.75);display:grid}.site-footer li a{padding-block:calc(var(--var-spacing-base)/4);color:var(--docs-text-muted);font-size:.8125rem;display:inline-block}.site-footer li a:hover{color:var(--docs-primary)}.site-help-button{z-index:var(--var-layer-normal);align-items:center;gap:calc(var(--var-spacing-base)/2);min-block-size:calc(var(--var-spacing-base)*2.75);padding:calc(var(--var-spacing-base)*.75);border:var(--var-border-hairline)solid var(--docs-border);border-radius:calc(var(--var-radius-base)*.75);background:var(--docs-surface);color:var(--docs-text-muted);font-size:.75rem;display:inline-flex;position:fixed;inset-block-end:calc(var(--var-spacing-base)*1.25);inset-inline-end:calc(var(--var-spacing-base)*1.25)}.site-help-button:hover{border-color:var(--docs-primary);color:var(--docs-primary)}.site-quick-links{display:grid}.site-quick-links>a{justify-content:space-between;align-items:center;gap:var(--var-spacing-base);padding:var(--var-spacing-base);border-block-end:var(--var-border-hairline)solid var(--docs-border);display:flex}.site-quick-links strong,.site-quick-links a>span>span{display:block}.site-quick-links a>span>span{color:var(--docs-text-muted);margin-block-start:calc(var(--var-spacing-base)/4);font-size:.8125rem}.site-quick-links>a:hover{color:var(--docs-primary)}@media (max-width:74.999rem){.landing-hero,.landing-catalog{gap:calc(var(--var-spacing-base)*3);padding:calc(var(--var-spacing-base)*4)calc(var(--var-spacing-base)*2)}.landing-closing,.site-footer{padding:calc(var(--var-spacing-base)*3)calc(var(--var-spacing-base)*2)}}@media (max-width:59.999rem){.landing-hero{grid-template-columns:1fr;align-items:start}.landing-install{max-inline-size:30rem}.landing-catalog{gap:calc(var(--var-spacing-base)*2)}.site-footer{grid-template-columns:repeat(3,1fr)}.site-footer-brand{grid-column:1/-1}}@media (max-width:39.999rem){.landing-frame{border-inline:0}.site-help-button>span{display:none}.landing-hero,.landing-catalog,.landing-closing,.site-footer{padding:calc(var(--var-spacing-base)*3)calc(var(--var-spacing-base)*1.25)}.landing-hero h1{font-size:clamp(2.5rem,9.6vw,3.5rem)}.landing-actions{flex-direction:column;align-items:stretch}.landing-playground-grid,.landing-catalog{grid-template-columns:1fr}.landing-source{border-inline-start:0;border-block-start:var(--var-border-hairline)solid var(--docs-border)}.landing-section-bar,.landing-panel-label{padding-inline:calc(var(--var-spacing-base)*1.25)}.landing-principles{padding-inline:calc(var(--var-spacing-base)*1.25);display:grid}.landing-closing{flex-direction:column;align-items:flex-start}.site-footer{grid-template-columns:repeat(2,1fr)}}