.hero-code[data-astro-cid-fgskzzav]{background:linear-gradient(180deg,#f8fafc,#fff);padding:4rem 0 3rem}@media(min-width:768px){.hero-code[data-astro-cid-fgskzzav]{padding:5.5rem 0 3.5rem}}.hero-code__inner[data-astro-cid-fgskzzav]{display:grid;grid-template-columns:minmax(0,1fr);row-gap:3rem}.hero-code__inner[data-astro-cid-fgskzzav]>[data-astro-cid-fgskzzav]{min-width:0}.hero-code__head[data-astro-cid-fgskzzav],.hero-code__copy[data-astro-cid-fgskzzav],.hero-code__figure[data-astro-cid-fgskzzav],.hero-code__foot[data-astro-cid-fgskzzav]{grid-column:1 / -1}@media(min-width:980px){.hero-code__inner[data-astro-cid-fgskzzav]{grid-template-columns:repeat(12,minmax(0,1fr));-moz-column-gap:var(--hero-gap, 2rem);column-gap:var(--hero-gap, 2rem);row-gap:3.5rem}.hero-code__copy[data-astro-cid-fgskzzav]{grid-column:1 / span 5;grid-row:2}.hero-code__figure[data-astro-cid-fgskzzav]{grid-column:6 / span 7;grid-row:2}}.hero-code__title[data-astro-cid-fgskzzav]{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:clamp(2rem,3.2vw + .8rem,3.75rem);line-height:1.02;letter-spacing:-.035em;font-weight:700;color:#0b1f3a;text-wrap:balance;margin:0}.hero-code__sub[data-astro-cid-fgskzzav]{max-width:42ch;margin:1rem 0 0;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-weight:500;font-size:clamp(1.25rem,1.4vw + .7rem,2rem);line-height:1.15;letter-spacing:-.03em;color:#0e7490;text-wrap:balance}.hero-code__lead[data-astro-cid-fgskzzav]{margin-top:0;max-width:38ch;font-size:1.0625rem;line-height:1.65;color:#4b5563}.hero-code__actions[data-astro-cid-fgskzzav]{margin-top:2.25rem}.hero-code__figure[data-astro-cid-fgskzzav]{margin:0;display:grid;grid-template-columns:minmax(0,1fr)}.hero-code__figure[data-astro-cid-fgskzzav]>[data-astro-cid-fgskzzav]{min-width:0}@media(min-width:1100px){.hero-code__figure--pins[data-astro-cid-fgskzzav]{grid-template-columns:minmax(0,1fr) 11rem;grid-template-rows:repeat(3,1fr);-moz-column-gap:var(--hero-gap, 2rem);column-gap:var(--hero-gap, 2rem)}.hero-code__figure--pins[data-astro-cid-fgskzzav] .hero-code__window[data-astro-cid-fgskzzav]{grid-column:1;grid-row:1 / -1}.hero-code__pin[data-astro-cid-fgskzzav]{grid-column:2;align-self:center}}.hero-code__window[data-astro-cid-fgskzzav]{border-radius:14px;background:#06122a;padding:1.75rem 1.5rem;box-shadow:0 30px 70px -28px #0b1f3a8c;line-height:1.85;overflow:hidden}.hero-code__window[data-astro-cid-fgskzzav] pre{margin:0;overflow-x:auto}.hero-code__window[data-astro-cid-fgskzzav] code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;color:#ffffffd1;white-space:pre}.hero-code__window[data-astro-cid-fgskzzav] .c-ln{display:inline-block;width:2.25rem;color:#ffffff75;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-code__window[data-astro-cid-fgskzzav] .c-k{color:#67e8f9}.hero-code__window[data-astro-cid-fgskzzav] .c-f{color:#fde047}.hero-code__window[data-astro-cid-fgskzzav] .c-s{color:#fca5a5}.hero-code__window[data-astro-cid-fgskzzav] .c-c{color:#ffffff85;font-style:italic}.hero-code__pin[data-astro-cid-fgskzzav]{display:block;padding:.625rem .875rem;border-radius:9px;background:#fff;border:1px solid rgb(11 31 58 / .1);box-shadow:0 12px 28px -10px #0b1f3a4d;font-size:.75rem;line-height:1.45;color:#4b5563;margin-top:.625rem}.hero-code__pin[data-astro-cid-fgskzzav] b[data-astro-cid-fgskzzav]{display:block;color:#dc2626;font-size:.8125rem;margin-bottom:.125rem}@media(min-width:1100px){.hero-code__pin[data-astro-cid-fgskzzav]{position:relative;margin-top:0;opacity:0;animation:heroPin .55s cubic-bezier(.16,1,.3,1) forwards}.hero-code__pin[data-astro-cid-fgskzzav]:before{content:"";position:absolute;left:calc(var(--hero-gap, 2rem) * -1);top:50%;width:var(--hero-gap, 2rem);height:1px;background:#dc262666}.hero-code__pin[data-astro-cid-fgskzzav]:nth-of-type(1){animation-delay:.5s}.hero-code__pin[data-astro-cid-fgskzzav]:nth-of-type(2){animation-delay:.75s}.hero-code__pin[data-astro-cid-fgskzzav]:nth-of-type(3){animation-delay:1s}}@keyframes heroPin{0%{opacity:0;transform:translate(12px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.hero-code__foot[data-astro-cid-fgskzzav]{margin:0;font-size:.9375rem;line-height:1.6;color:#4b5563}@media(prefers-reduced-motion:reduce){.hero-code__pin[data-astro-cid-fgskzzav]{animation:none;opacity:1}}