.v2-hero-home-pin{position:relative}.v2-hero-home{--hero-bar:0px;height:calc(100svh - var(--header-height));min-height:560px;padding:clamp(40px, 5vh, 72px) var(--gutter) clamp(40px, 5vh, 64px);background:var(--home-hero-bg);color:var(--ink);font-family:var(--font-sans);align-items:center;display:flex;position:relative;overflow:hidden}.v2-hero-home--logos{--hero-bar:108px;padding-bottom:calc(clamp(40px,5vh,64px) + 108px)}.v2-hero-home__grid{z-index:3;pointer-events:none;grid-template-columns:minmax(0,1fr);align-items:center;width:100%;max-width:1240px;margin:0 auto;display:grid;position:relative}.v2-hero-home__copy{z-index:3;pointer-events:auto;max-width:min(100%,560px);position:relative}.v2-hero-home__title{text-wrap:wrap;margin-top:24px}.v2-hero-home__title .v2-hero__sans{font:600 clamp(38px, 9.5vw, 66px)/.96 var(--font-sans);letter-spacing:-.02em}.v2-hero-home__title .v2-hero__script{margin-top:5px;font-size:clamp(38px,9.5vw,66px);line-height:1}.v2-hero-home__body{max-width:520px;color:var(--ink);font:400 clamp(17px, 1.4vw, 19px)/1.55 var(--font-sans);margin:24px 0 0}.v2-hero-home__actions{gap:12px;margin-top:28px}.v2-hero-home__spacer{display:none}.v2-hero-home__logos{z-index:4;background:var(--home-hero-bg);height:108px;padding-top:22px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.v2-hero-home__code{z-index:1;pointer-events:none;position:absolute;inset:0}.v2-hero-home__camera{top:calc(50% - var(--hero-bar) / 2);aspect-ratio:16/9;transform-origin:90.5% 56%;will-change:translate, scale;width:max(100%,1280px,177.778svh - 209.778px);position:absolute;right:0;translate:0 -50%}.v2-code-hero,.v2-code-hero__poster,.v2-code-hero__poster img,.v2-code-hero__canvas{width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.v2-code-hero__poster img{object-fit:fill}.v2-code-hero__canvas{opacity:0;pointer-events:none}.v2-code-hero[data-ready] .v2-code-hero__canvas{opacity:1}.v2-code-hero[data-ready] .v2-code-hero__poster{visibility:hidden}.v2-hero-home__veil{display:none}@media (width>=1001px) and (width<=1279px){.v2-hero-home__veil{background:linear-gradient(90deg,#f3f4ede6 0 520px,#f3f4ed00 760px);display:block;position:absolute;inset:0}}@media (width>=2200px){.v2-hero-home__veil{background:radial-gradient(600px 540px at calc(50% - 340px) calc(50% - 52px),#f3f4ede6 55%,#f3f4ed00 100%);display:block;position:absolute;inset:0}}.v2-hero-home__logos .v2-logos__toggle{background:var(--home-hero-bg)}.v2-hero-home__fade{top:calc((100% - var(--hero-bar)) * .82);height:calc((100% - var(--hero-bar)) * .18);background:linear-gradient(to bottom, #f3f4ed00, var(--home-hero-bg));transform-origin:0 0;will-change:transform;position:absolute;left:0;right:0}.v2-hero-home__clip{top:calc(100% - var(--hero-bar));height:var(--hero-bar);background:var(--home-hero-bg);will-change:transform;position:absolute;left:0;right:0}.v2-hero-home__probe{z-index:-1;visibility:hidden;pointer-events:none;contain:strict;width:100vw;height:100svh;position:fixed;top:0;left:0}.v2-hero-home__probe--lvh{height:100lvh}.v2-code-hero-toggle{z-index:4;right:var(--gutter);bottom:calc(var(--hero-bar) + 16px);color:#232b16;min-height:44px;font:500 13px/1 var(--font-sans);cursor:pointer;transition:transform .2s var(--ease);background:#eeede6;border:1px solid #232b16;border-radius:1000px;align-items:center;gap:8px;padding:0 18px 0 14px;display:inline-flex;position:absolute}.v2-code-hero-toggle[hidden]{display:none}.v2-code-hero-toggle:focus-visible{z-index:6;box-shadow:0 0 0 7px #eeede6}.v2-code-hero-toggle:active{transform:scale(.96)}.v2-code-hero-toggle__icon{flex:none}.v2-code-hero-toggle[data-playing=true] .v2-code-hero-toggle__icon--play,.v2-code-hero-toggle:not([data-playing=true]) .v2-code-hero-toggle__icon--pause{display:none}.v2-hero-home__screen{z-index:5;opacity:0;color:#d4ff86;pointer-events:none;flex-direction:column;width:100%;height:100%;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;display:none;position:absolute;top:0;left:0;container-type:size}.v2-hero-home__screen-surface{transform-origin:0 0;background:#232b16;position:absolute;inset:0}.v2-hero-home__screen-surface:before,.v2-hero-home__screen-underline{height:1px;position:absolute;top:51px}.v2-hero-home__screen-surface:before{content:"";background:#d4ff8624;left:0;right:0}.v2-hero-home__screen-underline{left:var(--tab-x,0px);width:var(--tab-w,0px);background:#a7ff8d}.v2-hero-home__screen-bar,.v2-hero-home__screen-body{position:relative}.v2-hero-home__screen-bar{height:52px;padding:0 var(--gutter);border-bottom:1px solid #0000;flex:none;align-items:stretch;display:flex}.v2-hero-home__screen-tab{font:400 13px/1 var(--font-sans);letter-spacing:.02em;transform-origin:0;border-bottom:1px solid #0000;align-items:center;gap:10px;margin-bottom:-1px;padding:0 18px;display:inline-flex}.v2-hero-home__screen-spark{color:#a7ff8d}.v2-hero-home__screen-label{color:#91ae5b;font:400 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;transform-origin:100%;align-items:center;margin-left:auto;display:inline-flex}.v2-hero-home__screen-body{padding:0 var(--gutter);flex:1;align-items:center;display:flex}.v2-hero-home__screen-code{width:100%;max-width:1240px;font-size:max(8px, min(clamp(10.5px, 2.8vw, 20px), calc((100cqh - 76px) / (var(--code-rows,11) * 1.8))));flex-direction:column;margin:0 auto;line-height:1.8;display:flex}.v2-hero-home__screen-row{white-space:pre;align-items:center;gap:2.4ch;min-height:1.8em;display:flex}.v2-hero-home__screen-num{color:#3d7131;text-align:right;flex:0 0 2ch}.v2-hero-home__screen-line{align-items:center;min-width:0;display:inline-flex}.v2-hero-home__screen-text{vertical-align:top;display:inline-block;position:relative}.v2-hero-home__screen-caret{z-index:1;opacity:0;background:#a7ff8d;width:.6ch;height:1.25em;margin-left:1px;display:inline-block;position:relative}.v2-hero-home__screen-final{color:#d4ff86;font-family:var(--font-script);opacity:0;transition:opacity .5s var(--ease), translate .5s var(--ease);margin-left:2ch;font-size:1.5em;line-height:1;translate:0 6px}.v2-hero-home__screen[data-typed] .v2-hero-home__screen-final{opacity:1;translate:0}.v2-code-keyword{color:#a7ff8d}.v2-code-string{color:#b5ff8b}.v2-code-comment{color:#78914c}@media (width<=1000px){.v2-hero-home{height:auto;min-height:266.667vw;padding:clamp(40px, 6vh, 64px) var(--gutter) 0;flex-direction:column;align-items:stretch}.v2-hero-home--logos{padding-bottom:0}.v2-hero-home__code{top:calc(100% - 266.667vw);overflow:hidden}.v2-hero-home__camera{aspect-ratio:auto;transform-origin:80.9% 78.1%;width:100%;height:266.667vw;top:0;translate:none}.v2-code-hero__poster img{object-fit:cover}.v2-hero-home__veil{background:linear-gradient(90deg,#f3f4edf5,#f3f4edd6 60%,#f3f4ed99);display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 34%,#0000 62%);mask-image:linear-gradient(#000 0% 34%,#0000 62%)}.v2-hero-home__fade,.v2-hero-home__clip{display:none}.v2-hero-home__logos{--ink-2:var(--ink);--line:color-mix(in srgb, var(--ink) 45%, transparent);z-index:4;height:100px;margin:clamp(28px, 6vw, 48px) calc(-1 * var(--gutter)) 0;background:0 0;order:1;padding-top:18px;position:relative;bottom:auto;left:auto;right:auto}.v2-hero-home__spacer{flex:1 0 0;order:2;min-height:138.667vw;display:block}.v2-code-hero-toggle{bottom:16px}.v2-hero-home--logos .v2-code-hero-toggle{bottom:136px}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.v2-hero-home-pin{height:calc(100svh - var(--header-height) + 180svh)}.v2-hero-home{top:var(--header-height);position:sticky}.v2-hero-home__screen{display:flex}.v2-hero-home-pin+:is(section,div){--hero-pull:round(.3 * min(180svh, 280svh - var(--header-height) - 560px), 1px);z-index:2;min-height:var(--hero-pull);margin-top:calc(-1 * var(--hero-pull));position:relative}@media (width<=1000px){.v2-hero-home-pin{height:calc(var(--hsh,100vw * 8 / 3) + 150svh + var(--hero-tail,0px))}.v2-hero-home{top:calc(100lvh - var(--hsh,100vw * 8 / 3))}.v2-hero-home-pin+:is(section,div){--hero-pull:calc(round(.3 * 150svh, 1px) + var(--hero-tail,0px));min-height:0}.v2-hero-home__screen-body{padding-bottom:calc(100lvh - 100svh)}.v2-hero-home__screen-code{font-size:max(8px, min(clamp(10.5px, 2.8vw, 20px), calc((100cqh - (100lvh - 100svh) - 76px) / (var(--code-rows,11) * 1.8))))}}}