.hero[data-astro-cid-lcdefpme]{gap:var(--space-inline);padding:var(--space-layout-lg) 0 var(--space-layout);grid-template-columns:minmax(360px,1fr) auto;align-items:center;display:grid;position:relative;container-type:inline-size}.hero-text[data-astro-cid-lcdefpme]{z-index:1;min-width:0;position:relative;container-type:inline-size}.hero-monitor[data-astro-cid-lcdefpme]{z-index:1;width:clamp(230px,31cqw,304px);max-width:100%;margin-right:var(--space-layout-sm);justify-self:end;position:relative}.hero-headline[data-astro-cid-lcdefpme]{font-family:var(--font-family-display);font-weight:var(--font-weight-display);font-size:min(88px, calc(var(--font-size-display) * 1.1));line-height:var(--font-leading-none);letter-spacing:var(--font-tracking-display);margin:0}.cta-row[data-astro-cid-lcdefpme]{align-items:center;gap:var(--space-stack);margin-top:var(--space-stack-lg);flex-wrap:wrap;display:flex}.monitor-frame[data-astro-cid-lcdefpme]{width:100%;color:var(--color-text-primary);--monitor-face:var(--color-base-white);display:block}[data-mode=dark] .monitor-frame[data-astro-cid-lcdefpme]{color:var(--color-text-muted);--monitor-face:var(--color-text-primary)}.monitor-screen[data-astro-cid-lcdefpme]{background:var(--color-surface-raised);border-radius:2px;width:93.8%;height:70.2%;position:absolute;top:3.6%;left:3.1%;overflow:hidden}.screen-design[data-astro-cid-lcdefpme],.screen-code[data-astro-cid-lcdefpme]{box-sizing:border-box;position:absolute;inset:0}.screen-design[data-astro-cid-lcdefpme]{animation:10s ease-in-out -3s infinite screenDesignPhase}.screen-code[data-astro-cid-lcdefpme]{font-family:var(--font-family-label);color:var(--color-text-primary);text-align:left;padding:6%;font-size:10px;font-weight:700;line-height:1.45;animation:10s ease-in-out -3s infinite screenCodePhase}.sd-top[data-astro-cid-lcdefpme]{background:var(--color-surface-page);border-bottom:var(--border-width-thin) solid var(--color-border-subtle);justify-content:space-between;align-items:center;height:14%;padding:0 5%;display:flex;position:absolute;top:0;left:0;right:0}.sd-dots[data-astro-cid-lcdefpme]{gap:5%;display:flex}.sd-dots[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme]{aspect-ratio:1;border-radius:50%;width:9px}.sd-pill[data-astro-cid-lcdefpme]{background:var(--color-accent-purple-bold);border-radius:3px;width:22%;height:36%}.sd-left[data-astro-cid-lcdefpme]{background:var(--color-surface-page);border-right:var(--border-width-thin) solid var(--color-border-subtle);flex-direction:column;align-items:center;gap:14%;width:11%;padding-top:12%;display:flex;position:absolute;top:14%;bottom:0;left:0}.sd-left[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme]{aspect-ratio:1;background:var(--color-text-muted);border-radius:3px;width:46%}.sd-right[data-astro-cid-lcdefpme]{background:var(--color-surface-page);border-left:var(--border-width-thin) solid var(--color-border-subtle);flex-direction:column;gap:12%;width:20%;padding:10% 8%;display:flex;position:absolute;top:14%;bottom:0;right:0}.sd-right[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme]{border-radius:2px;height:10%}.sd-shape[data-astro-cid-lcdefpme]{animation:4s ease-in-out infinite screenShapeFade;position:absolute}.sd-rect[data-astro-cid-lcdefpme]{background:var(--color-accent-purple-bold);outline:1.5px dashed var(--color-text-primary);outline-offset:3px;border-radius:3px;width:34%;height:26%;top:26%;left:15%}.sd-circle[data-astro-cid-lcdefpme]{background:var(--color-accent-teal-bold);border-radius:50%;width:44%;height:20%;animation-delay:-.6s;top:56%;left:18%}.sd-tri[data-astro-cid-lcdefpme]{background:var(--color-accent-orange-bold);clip-path:polygon(50% 0,0 100%,100% 100%);width:20%;height:20%;animation-delay:-1.2s;top:60%;left:52%}.screen-code[data-astro-cid-lcdefpme]>div[data-astro-cid-lcdefpme]{opacity:0;animation:10s ease-in-out infinite screenLineReveal;animation-delay:calc(-3s + var(--i) * .15s)}.screen-code[data-astro-cid-lcdefpme] .kw-p[data-astro-cid-lcdefpme]{color:var(--color-accent-purple-bold)}.screen-code[data-astro-cid-lcdefpme] .kw-t[data-astro-cid-lcdefpme]{color:var(--color-accent-teal-bold)}.screen-code[data-astro-cid-lcdefpme] .caret[data-astro-cid-lcdefpme]{background:var(--color-text-primary);vertical-align:middle;width:6px;height:11px;animation:1s step-end infinite screenCursorBlink;display:inline-block}@keyframes screenDesignPhase{0%,38%{opacity:1}45%,to{opacity:0}}@keyframes screenCodePhase{0%,45%{opacity:0}51%,88%{opacity:1}to{opacity:0}}@keyframes screenShapeFade{0%,to{opacity:0;transform:scale(.6)translateY(8px)}10%,78%{opacity:1;transform:scale(1)translateY(0)}88%{opacity:0;transform:scale(.6)translateY(8px)}}@keyframes screenLineReveal{0%,to{opacity:0;transform:translate(-6px)}5%,85%{opacity:1;transform:translate(0)}90%{opacity:0}}@keyframes screenCursorBlink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.screen-design[data-astro-cid-lcdefpme],.screen-code[data-astro-cid-lcdefpme],.sd-shape[data-astro-cid-lcdefpme],.screen-code[data-astro-cid-lcdefpme]>div[data-astro-cid-lcdefpme],.screen-code[data-astro-cid-lcdefpme] .caret[data-astro-cid-lcdefpme]{animation:none}.screen-design[data-astro-cid-lcdefpme],.sd-shape[data-astro-cid-lcdefpme]{opacity:1;transform:none}.screen-code[data-astro-cid-lcdefpme]{opacity:0}.screen-code[data-astro-cid-lcdefpme]>div[data-astro-cid-lcdefpme]{opacity:1;transform:none}}@media (width<900px){.hero[data-astro-cid-lcdefpme]{text-align:center;grid-template-columns:1fr}.hero-text[data-astro-cid-lcdefpme]{width:100%}.hero-headline[data-astro-cid-lcdefpme]{white-space:normal;font-size:clamp(34px,11vw,78px)}.hero-monitor[data-astro-cid-lcdefpme]{margin:var(--space-stack-lg) auto 0}.cta-row[data-astro-cid-lcdefpme]{justify-content:center}}@media (width<=440px){.cta-row[data-astro-cid-lcdefpme]{flex-direction:column;align-items:stretch;width:100%}.btn[data-astro-cid-lcdefpme]{width:100%}}