:root{color:#18202a;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}code{color:#0f766e;font-size:.95em}pre{color:#edf5ff;background:#101826;border:1px solid #d7dde5;border-radius:.5rem;margin:1rem 0 0;padding:.875rem;font-size:.8125rem;overflow-x:auto}pre code{color:inherit}.site-header,.demo-layout{width:min(1120px,100vw - 2rem);margin-inline:auto}.site-header{padding:4rem 0 2rem}.eyebrow,.case-kicker{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0 0 .5rem;font-size:.78rem;font-weight:800}h1,h2{letter-spacing:0;margin:0}h1{max-width:820px;font-size:4.5rem;line-height:.98}h2{font-size:2rem;line-height:1.08}.intro{color:#475569;max-width:740px;margin:1.35rem 0 0;font-size:1.08rem}.demo-nav{flex-wrap:wrap;gap:.65rem;margin-top:1.35rem;display:flex}.demo-nav a{color:#0f766e;border:1px solid #0f766e;border-radius:.375rem;align-items:center;min-height:2.35rem;padding:.45rem .75rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.demo-layout{gap:1rem;padding:0 0 4rem;display:grid}.demo-case{background:#fff;border:1px solid #d7dde5;border-radius:.5rem;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);align-items:stretch;gap:1.25rem;padding:1.25rem;display:grid}.case-copy{min-width:0}.case-copy p{color:#475569;max-width:62ch;margin:.85rem 0 0}.case-copy ul{color:#334155;gap:.45rem;margin:1rem 0 0;padding-left:1.1rem;display:grid}.case-surface{background:linear-gradient(#f8fafc 0%,#eef6f6 100%);border:1px solid #e2e8f0;border-radius:.5rem;align-content:center;gap:.9rem;min-width:0;padding:1rem;display:grid}output{color:#64748b;font-size:.88rem;display:block}x-counter,x-disclosure,x-field,x-toggle,x-toolbar,naos-button,naos-button-group,naos-checkbox,naos-dropdown,naos-field,naos-tabs,router-home-view,router-not-found-view,router-product-view,router-settings-view,naos-toggle{justify-self:start}.theme-surface,.primitive-surface{align-content:start}.primitive-surface x-disclosure,.primitive-surface x-field,.primitive-surface naos-field,.primitive-surface naos-tabs,.primitive-surface naos-dropdown{width:100%}.package-surface{align-content:start}.primitive-stack{gap:.85rem;display:grid}.primitive-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.primitive-form{gap:.7rem;display:grid}.native-action{color:#fff;min-height:2.35rem;font:inherit;cursor:pointer;background:#0f766e;border:1px solid #0f766e;border-radius:.375rem;padding:.48rem .75rem;font-weight:800}.native-action.secondary{color:#0f766e;background:#fff}.native-action:focus-visible{outline-offset:2px;outline:2px solid #0f766e}.router-surface{align-content:start}.router-nav{flex-wrap:wrap;gap:.5rem;display:flex}.router-nav a{color:#334155;border:1px solid #94a3b8;border-radius:.375rem;align-items:center;min-height:2.25rem;padding:.4rem .7rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.router-nav a[data-active]{color:#134e4a;background:#ccfbf1;border-color:#0f766e}.router-outlet{min-height:8rem}.router-view{background:#fff;border:1px solid #d7dde5;border-radius:.5rem;gap:.5rem;min-height:8rem;padding:1rem;display:grid}.router-form{gap:.65rem;max-width:24rem;display:grid}.router-form label{color:#334155;gap:.35rem;font-size:.9rem;font-weight:700;display:grid}.router-form input{color:#0f172a;min-height:2.35rem;font:inherit;border:1px solid #94a3b8;border-radius:.375rem;padding:.45rem .6rem}.router-form input:focus-visible{outline-offset:1px;border-color:#0f766e;outline:2px solid #99f6e4}.router-view h3,.router-view p{margin:0}.router-view h3{color:#18202a;font-size:1.25rem}.router-view p:not(.case-kicker){color:#475569}@media (width<=780px){.site-header{padding-top:2.5rem}h1{font-size:2.45rem}h2{font-size:1.45rem}.demo-case{grid-template-columns:1fr;padding:1rem}}