.hero-split-wrap[data-astro-cid-ceraplob]{width:100%}.hero-split-visual[data-astro-cid-ceraplob]{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-brand, .5rem);border:2px solid var(--color-ink);background:var(--color-ink)}.hero-split-prod[data-astro-cid-ceraplob],.hero-split-ide[data-astro-cid-ceraplob]{position:absolute;inset:0}.hero-split-prod[data-astro-cid-ceraplob]{clip-path:polygon(52% 0,100% 0,100% 100%,38% 100%);z-index:1}.hero-split-prod-img[data-astro-cid-ceraplob]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.hero-split-ide[data-astro-cid-ceraplob]{clip-path:polygon(0 0,62% 0,38% 100%,0 100%);z-index:2;display:flex;flex-direction:column;background:var(--color-ink)}.hero-split-ide-chrome[data-astro-cid-ceraplob]{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;border-bottom:1px solid color-mix(in srgb,var(--color-brand) 25%,transparent);font-size:.65rem;color:color-mix(in srgb,var(--color-surface) 70%,transparent);flex-shrink:0}.hero-split-dots[data-astro-cid-ceraplob]{display:flex;gap:.25rem}.hero-split-dots[data-astro-cid-ceraplob] span[data-astro-cid-ceraplob]{width:.45rem;height:.45rem;border-radius:50%;background:color-mix(in srgb,var(--color-surface) 35%,transparent)}.hero-split-dots[data-astro-cid-ceraplob] span[data-astro-cid-ceraplob]:first-child{background:var(--color-error)}.hero-split-dots[data-astro-cid-ceraplob] span[data-astro-cid-ceraplob]:nth-child(2){background:var(--color-highlight)}.hero-split-dots[data-astro-cid-ceraplob] span[data-astro-cid-ceraplob]:nth-child(3){background:var(--color-brand)}.hero-split-tab[data-astro-cid-ceraplob]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.hero-split-tool[data-astro-cid-ceraplob]{border-radius:999px;border:1px solid color-mix(in srgb,var(--color-brand) 50%,transparent);background:color-mix(in srgb,var(--color-brand) 15%,transparent);color:var(--color-brand);padding:.1rem .45rem;font-weight:600;font-size:.6rem}.hero-split-code[data-astro-cid-ceraplob]{flex:1;margin:0;padding:.65rem .75rem;overflow:hidden;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:clamp(.5rem,1.8vw,.68rem);line-height:1.45;color:color-mix(in srgb,var(--color-surface) 88%,transparent)}.tok-keyword[data-astro-cid-ceraplob]{color:var(--color-accent)}.tok-string[data-astro-cid-ceraplob]{color:var(--color-brand)}.tok-fn[data-astro-cid-ceraplob]{color:var(--color-highlight)}.tok-type[data-astro-cid-ceraplob]{color:color-mix(in srgb,var(--color-surface) 60%,var(--color-brand))}.tok-plain[data-astro-cid-ceraplob]{color:color-mix(in srgb,var(--color-surface) 85%,transparent)}.hero-split-assist[data-astro-cid-ceraplob]{margin:0 .5rem .5rem;padding:.4rem .55rem;border-radius:.35rem;border:1px solid color-mix(in srgb,var(--color-brand) 35%,transparent);background:color-mix(in srgb,var(--color-ink) 80%,var(--color-brand) 20%);font-size:.58rem;line-height:1.35;flex-shrink:0}.hero-split-assist-label[data-astro-cid-ceraplob]{display:block;font-weight:700;color:var(--color-brand);margin-bottom:.15rem}.hero-split-assist-text[data-astro-cid-ceraplob]{color:color-mix(in srgb,var(--color-surface) 75%,transparent)}.hero-split-label[data-astro-cid-ceraplob]{position:absolute;z-index:4;border-radius:999px;border:2px solid var(--color-ink);padding:.2rem .55rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.hero-split-label--ide[data-astro-cid-ceraplob]{top:.5rem;left:.5rem;background:var(--color-surface);color:var(--color-ink)}.hero-split-label--prod[data-astro-cid-ceraplob]{top:.5rem;right:.5rem;background:var(--color-brand);color:var(--color-ink)}.hero-split-divider[data-astro-cid-ceraplob]{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(128deg,transparent 44%,var(--color-surface) 49.5%,var(--color-ink) 50.5%,transparent 56%)}.hero-split-caption[data-astro-cid-ceraplob]{margin-top:.65rem;text-align:center;font-size:var(--step--1)}@media(max-width:480px){.hero-split-assist[data-astro-cid-ceraplob]{display:none}.hero-split-code[data-astro-cid-ceraplob]{font-size:.48rem}}