@layer ocx{.landing-cards:where(.astro-ftqq4dy3){grid-template-columns:repeat(auto-fit, minmax(calc(var(--ocx-space-12) * 2), 1fr));gap:var(--ocx-space-4);margin:var(--ocx-space-6) 0;padding:0;list-style:none;display:grid}.landing-cards__card:where(.astro-ftqq4dy3){margin:0}.landing-cards__icon:where(.astro-ftqq4dy3){color:var(--ocx-color-fg-muted)}.landing-cards__title:where(.astro-ftqq4dy3){color:var(--ocx-color-fg)}.landing-cards__text:where(.astro-ftqq4dy3){font-size:var(--ocx-text-sm);color:var(--ocx-color-fg-muted)}.landing-visual:where(.astro-pmc7xbs4){justify-content:center;display:flex}.landing-visual:where(.astro-pmc7xbs4) .landing-visual__icon:where(.astro-pmc7xbs4){inline-size:var(--ocx-space-11);block-size:var(--ocx-space-11);color:var(--ocx-color-fg-muted)}.ocx-feature:where(.astro-7l3bcuvq){gap:var(--ocx-space-9);margin:var(--ocx-space-6) 0 0;padding:var(--ocx-space-8);background:var(--ocx-color-surface-subtle);border:var(--ocx-border-width) solid var(--ocx-color-border);border-radius:var(--ocx-radius-xl);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;display:grid}.ocx-feature:where(.astro-7l3bcuvq)[data-flip]{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.ocx-feature:where(.astro-7l3bcuvq)[data-flip] .ocx-feature__visual:where(.astro-7l3bcuvq){order:-1}.ocx-feature__text:where(.astro-7l3bcuvq),.ocx-feature__visual:where(.astro-7l3bcuvq){margin:0}.ocx-feature:where(.astro-7l3bcuvq) .ocx-feature__title:where(.astro-7l3bcuvq){margin:0 0 var(--ocx-space-5);font-size:var(--ocx-prose-h2);font-weight:var(--ocx-font-weight-bold);line-height:var(--ocx-lh-heading);color:var(--ocx-color-fg);border:0;padding:0}.ocx-feature__body:where(.astro-7l3bcuvq){font-size:var(--ocx-prose-body);line-height:var(--ocx-prose-lh);color:var(--ocx-color-fg-muted)}.ocx-feature__body:where(.astro-7l3bcuvq)>*{margin:0 0 var(--ocx-space-4)}.ocx-feature__body:where(.astro-7l3bcuvq)>:last-child{margin-bottom:0}.ocx-feature__visual:where(.astro-7l3bcuvq){flex-direction:column;justify-content:center;align-items:center;display:flex}.ocx-feature__visual:where(.astro-7l3bcuvq)>*{width:100%;margin:0}.ocx-feature__visual:where(.astro-7l3bcuvq) .feature-img{max-width:240px;height:auto}@media (width<50rem){.ocx-feature:where(.astro-7l3bcuvq),.ocx-feature:where(.astro-7l3bcuvq)[data-flip]{gap:var(--ocx-space-7);padding:var(--ocx-space-7) var(--ocx-space-6);grid-template-columns:minmax(0,1fr)}.ocx-feature:where(.astro-7l3bcuvq)[data-flip] .ocx-feature__visual:where(.astro-7l3bcuvq){order:0}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.ocx-feature:where(.astro-7l3bcuvq){--_reveal:calc(var(--ocx-duration-slow) * 2)}.ocx-feature:where(.astro-7l3bcuvq)[data-pending]{opacity:0;transform:scale(.92)}.ocx-feature:where(.astro-7l3bcuvq)[data-revealed]{transition:opacity var(--_reveal) var(--ocx-ease-out), transform var(--_reveal) var(--ocx-ease-out);animation:ocx-feature-settle calc(var(--_reveal) * 2) var(--ocx-ease-out)}}@keyframes ocx-feature-settle{0%,40%{border-color:var(--ocx-color-accent);box-shadow:0 0 var(--ocx-space-6) calc(-1 * var(--ocx-space-3)) color-mix(in srgb, var(--ocx-color-accent) 12%, transparent)}}.ocx-tabs>[data-part=list]{gap:var(--ocx-space-1);scroll-snap-type:x proximity;box-shadow:inset 0 calc(-1 * var(--ocx-border-width)) 0 var(--ocx-color-border);display:flex;overflow:auto hidden}.ocx-tabs>[data-part=list]>[data-part=trigger]{align-items:center;gap:var(--ocx-space-3);padding:var(--ocx-space-3) var(--ocx-space-4);font-family:var(--ocx-font-mono);font-size:var(--ocx-text-sm);font-weight:var(--ocx-font-weight-regular);line-height:var(--ocx-lh-heading);white-space:nowrap;color:var(--ocx-color-fg-subtle);border:0;border-bottom:var(--ocx-border-width-strong) solid transparent;cursor:pointer;scroll-snap-align:start;transition:color var(--ocx-duration-base), border-bottom-color var(--ocx-duration-base);background:0 0;flex:none;margin:0;display:flex}.ocx-tabs>[data-part=list]>[data-part=trigger]:hover{color:var(--ocx-color-fg)}.ocx-tabs>[data-part=list]>[data-part=trigger][data-selected]{color:var(--ocx-color-accent-fg);font-weight:var(--ocx-font-weight-medium);border-bottom-color:var(--ocx-color-accent)}.ocx-tabs>[data-part=list]>[data-part=trigger]:focus-visible{outline:var(--ocx-focus-ring);outline-offset:calc(-1 * var(--ocx-border-width-strong))}.ocx-tabs>[data-part=content]:focus-visible{outline:var(--ocx-focus-ring);outline-offset:var(--ocx-focus-offset)}.ocx-tabs>[data-part=content]{margin-top:var(--ocx-space-5)}.ocx-tabs{grid-template-columns:minmax(0,1fr);display:grid}.ocx-tabs>[data-part=content]{grid-area:2/1}.ocx-tabs>[data-part=content][hidden]{visibility:hidden;opacity:0;pointer-events:none;display:block}.ocx-tabs[data-zag-state=live]>[data-part=content]{transition:opacity var(--ocx-duration-enter) var(--ocx-ease-out)}.ocx-tabs[data-zag-state=live]>[data-part=content][hidden]{transition:opacity var(--ocx-duration-enter) var(--ocx-ease-out), visibility var(--ocx-duration-enter) var(--ocx-ease-out)}.ocx-tabs>[data-part=content]:has(>.expressive-code:only-child),.ocx-tabs[data-zag-state=live]>[data-part=content]:has(>.expressive-code:only-child){opacity:1;transition:none}.ocx-tabs:has(>[data-part=content]>.expressive-code:only-child)>[data-part=list]{padding:var(--ocx-space-2) var(--ocx-space-3) 0;background:var(--ocx-color-surface-subtle);border:var(--ocx-border-width) solid var(--ocx-color-border);border-radius:var(--ocx-radius-lg) var(--ocx-radius-lg) 0 0;box-shadow:none;border-bottom:0}.ocx-tabs:has(>[data-part=content]>.expressive-code:only-child)>[data-part=content]{margin-top:0}.ocx-tabs>[data-part=content]>.expressive-code:only-child .frame pre{border-top:0;border-start-start-radius:0;border-start-end-radius:0}}