@layer reset,theme,tokens,base,composition,blocks,utilities;@layer blocks{.hero-home{--section-max: var(--width-md);--title-size: var(--fs-hero);--cluster-gap: var(--space-12);min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--navHeight) + var(--space-8)) 0 var(--space-16);position:relative;isolation:isolate}.hero-home .eyebrow{font-size:var(--fs-subtitle);letter-spacing:.05em;display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3)}.hero-home .eyebrow>span{font-weight:700;opacity:.4}.hero-home .link-icon{flex-direction:row-reverse}.hero-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.hero-scene .scene-mask{--mask-window: radial-gradient(at var(--gposX, 50%) var(--gposY, 50%), #000 30%, transparent 65%);position:absolute;inset:var(--space-8) 0 var(--space-16);isolation:isolate;transform:translateZ(0);-webkit-mask:var(--mask-window);mask:var(--mask-window)}.hero-scene .scene-mask:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;--grid-angle: 140deg;--grid-angle-2: 90deg;--grid-ink: rgb(var(--whiteRGB) / .5);--grid-ink-2: var(--white);--grid-pos: -50%;background:var(--paper-grid-bg);opacity:.24;transform:translateZ(0)}.hero-scene .scene-mask:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:var(--noise);opacity:.55;transform:translateZ(0)}.hero-scene .scene-follower{position:absolute;left:16%;top:26%}@media(prefers-reduced-motion:no-preference){.hero-scene .scene-follower{will-change:transform}}.hero-scene .scene-sketches{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hero-scene .sketch{position:absolute;inset:var(--pos);inline-size:var(--w);color:var(--dark);stroke:currentColor;fill:none;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;opacity:.2}.hero-scene .sketch *{vector-effect:non-scaling-stroke}.hero-scene .sketch text{fill:currentColor;stroke:none;font-size:7px;font-weight:500;letter-spacing:.06em}.hero-scene .art{position:absolute;inset:var(--pos)}@media(prefers-reduced-motion:no-preference){.hero-scene .art{will-change:transform}}.hero-scene .card{--card-pad: var(--space-3);--stack-gap: var(--space-2);--cluster-gap: var(--space-2);--card-title-size: 1.25em;--cap-size: .9em;--cap-track: .08em;--dot-size: .7em;--dot-bg: var(--green);font-size:.625em;box-shadow:var(--smoothShadowXs);min-block-size:var(--min-h, auto);opacity:var(--soft, 1)}@media(prefers-reduced-motion:no-preference){.hero-scene .card{animation:drift-x var(--drift-time, 8s) ease-in-out var(--drift-delay, 0s) infinite alternate}}.hero-scene .swap{--float-from: -7px;--float-to: 6px;display:grid;inline-size:var(--w);rotate:var(--rot, 0deg)}@media(prefers-reduced-motion:no-preference){.hero-scene .swap{animation:float-y var(--float-time, 7s) ease-in-out var(--float-delay, 0s) infinite alternate}}.hero-scene .ui-input{font-size:1.25em;font-weight:500;border:1px solid rgb(var(--inkRGB) / 14%);border-radius:var(--r);padding:.5em .75em;background:#fff}.hero-scene .ui-toggle{--corner-shape: round;position:relative;width:28px;height:16px;border-radius:999px;background:var(--green)}.hero-scene .ui-toggle:after{content:"";position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#fff}.hero-scene .ui-figure{font-size:var(--figure-size, 1.6em);line-height:1;color:var(--figure-ink, inherit)}.hero-scene .ui-ring{color:var(--green)}.hero-scene .ui-ring text{fill:var(--dark)}.hero-scene .ui-media{--ui-media-h: var(--space-16)}.hero-scene .ui-button{--ui-button-ink: var(--white);--ui-button-bg: var(--blueNight)}.hero-scene .ui-chart{inline-size:100%}.hero-scene .art-doodle svg{display:block;margin-inline:auto;inline-size:var(--w);stroke:var(--dark);fill:none;stroke-width:var(--stroke, 2);stroke-linecap:round;stroke-linejoin:round;opacity:.8}.scene-follower>.halo{--halo-size: circle;--halo-color: rgb(var(--whiteRGB) / .3);--halo-end: 70%;inline-size:270px;aspect-ratio:1}@media(prefers-reduced-motion:no-preference){.scene-follower>.halo{animation:halo-drift 11s ease-in-out infinite alternate}}:where(.hero-scene) .card:has(>.ui-chart){color:var(--blueDark)}.swap>*{grid-area:1 / 1;align-self:center;opacity:0;filter:blur(6px);transform:translateY(16px) scale(.96)}@media(prefers-reduced-motion:no-preference){.swap>*{transition:transform .36s var(--swapEasing),opacity .3s var(--swapEasing),filter .3s var(--swapEasing)}}.swap>[data-state=active]{opacity:1;filter:blur(0);transform:none}.swap>[data-state=leaving]{transform:translateY(-16px) scale(.97)}@keyframes halo-drift{0%{transform:translate3d(0,-10px,0) scale(1)}to{transform:translate3d(14px,12px,0) scale(1.05)}}@keyframes drift-x{0%{transform:translate(-6px)}to{transform:translate(6px)}}}