.open-source-grid-hero .display-heading{max-width:64rem}.open-source-grid-hero-copy{max-width:52rem;margin-top:1.5rem}.open-source-grid-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.open-source-grid-support{color:var(--muted-foreground);margin:2rem 0 0;font-size:.85rem}.open-source-grid-intro{max-width:49rem}.open-source-grid-intro>p:not(.eyebrow){color:var(--muted-foreground);margin:1rem 0 0;font-size:1.05rem}.open-source-grid-demo{min-width:0;margin-top:clamp(2.5rem,5vw,4rem);overflow:hidden}.open-source-grid-demo-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.5rem 2rem;padding:1.5rem;display:flex}.open-source-grid-demo-header .eyebrow{margin-bottom:.35rem}.open-source-grid-demo-header h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.3rem,2.1vw,1.65rem);font-weight:680;line-height:1.22}.open-source-grid-demo-header>p{color:var(--muted-foreground);margin:0;font-size:.9rem}.open-source-grid-demo .litgrid-viewport{border-block:1px solid var(--border);min-width:0;overflow-x:auto}.open-source-grid-demo .litgrid-inner{min-width:0}.open-source-grid-demo .litgrid-inner yc-grid{--litgrid-color-accent:var(--brand);--litgrid-color-accent-soft:var(--brand-subtle);--litgrid-color-accent-selected:var(--brand-subtle);--litgrid-color-accent-text:var(--brand-subtle-foreground);width:100%;display:block}.open-source-grid-demo .litgrid-loading{min-height:370px;color:var(--muted-foreground);place-items:center;font-size:.85rem;display:grid}.open-source-grid-demo-note{color:var(--muted-foreground);margin:0;padding:1rem 1.5rem;font-size:.8rem}.open-source-grid-demo-note code,.open-source-grid-package-heading code{color:var(--foreground);font-family:var(--font-mono);overflow-wrap:anywhere}.open-source-grid-after-demo{margin-top:1.5rem}.open-source-grid-reasons,.open-source-grid-capabilities,.open-source-grid-integrations,.open-source-grid-packages{gap:1rem;margin-top:clamp(2.5rem,5vw,4rem);display:grid}.open-source-grid-reasons{grid-template-columns:repeat(2,minmax(0,1fr))}.open-source-grid-reason,.open-source-grid-capability,.open-source-grid-integration,.open-source-grid-package{min-width:0;padding:clamp(1.5rem,3vw,2rem)}.open-source-grid-index,.open-source-grid-integration-type,.open-source-grid-architecture-label{color:var(--brand);font:700 .73rem/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.open-source-grid-reason h3,.open-source-grid-capability h3,.open-source-grid-integration h3,.open-source-grid-package h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:650;line-height:1.2}.open-source-grid-reason h3{margin-top:.85rem}.open-source-grid-reason p,.open-source-grid-capability p,.open-source-grid-integration div>p:last-child{color:var(--muted-foreground);margin:.85rem 0 0}.open-source-grid-capabilities{grid-template-columns:repeat(3,minmax(0,1fr))}.open-source-grid-chooser-section{background:var(--surface-elevated)}.open-source-grid-integrations{grid-template-columns:repeat(2,minmax(0,1fr))}.open-source-grid-integration{flex-direction:column;justify-content:space-between;align-items:start;gap:1.5rem;display:flex}.open-source-grid-integration-direct{background:var(--brand-subtle);grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.open-source-grid-integration-type{margin:0 0 .7rem}.open-source-grid-integration .text-link{white-space:nowrap}.open-source-grid-architecture{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.open-source-grid-architecture-visual{min-width:0;padding:clamp(1.5rem,3vw,2.5rem)}.open-source-grid-architecture-label{margin:0 0 .85rem}.open-source-grid-core{border:1px solid var(--brand);border-radius:var(--radius-md);background:var(--brand-subtle);color:var(--brand-subtle-foreground);text-align:center;padding:1.25rem;font-weight:650}.open-source-grid-core+.open-source-grid-architecture-label{margin-top:2rem}.open-source-grid-architecture-visual ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.open-source-grid-architecture-visual li{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);text-align:center;flex:7rem;padding:.7rem;font-size:.85rem}.open-source-grid-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.open-source-grid-package{flex-direction:column;align-items:start;display:flex}.open-source-grid-package-heading code{margin-top:.5rem;font-size:.82rem;display:block}.open-source-grid-code{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--code-background);width:100%;min-width:0;margin:1.35rem 0 1rem;overflow:hidden}.open-source-grid-code>p{border-bottom:1px solid var(--border);color:var(--muted-foreground);font:600 .75rem/1.4 var(--font-mono);margin:0;padding:.65rem 1rem}.open-source-grid-code pre{max-width:100%;color:var(--foreground);font:.82rem/1.65 var(--font-mono);scrollbar-width:thin;margin:0;padding:1rem;overflow-x:auto}.open-source-grid-code pre:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.open-source-grid-code code{font:inherit}.open-source-grid-package .text-link{margin-top:auto}.open-source-grid-final-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.open-source-grid-final-cta .eyebrow{margin-bottom:.5rem}.open-source-grid-final-cta h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.4rem,2.3vw,2rem);font-weight:650;line-height:1.2}.open-source-grid-final-cta p:last-child{color:var(--muted-foreground);margin:.7rem 0 0}.open-source-grid-final-cta .open-source-grid-actions{margin-top:0}@media (max-width:62rem){.open-source-grid-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.open-source-grid-architecture{grid-template-columns:minmax(0,1fr)}}@media (max-width:40rem){.open-source-grid-hero .open-source-grid-actions .button,.open-source-grid-after-demo .button,.open-source-grid-final-cta .button{width:100%}.open-source-grid-demo-header,.open-source-grid-demo-note{padding-inline:1rem}.open-source-grid-reasons,.open-source-grid-capabilities,.open-source-grid-integrations,.open-source-grid-packages{grid-template-columns:minmax(0,1fr)}.open-source-grid-integration-direct{grid-column:auto;align-items:start;display:flex}.open-source-grid-integration .text-link{white-space:normal}.open-source-grid-final-cta .open-source-grid-actions{width:100%}}