.site-page{background-color:var(--color-face);color:var(--color-ink)}.site-top{z-index:30;background-color:color-mix(in oklab, var(--color-face) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.site-header{border-bottom:1px solid #0000}.site-banner{background-color:var(--color-flap);border-bottom:1px solid var(--color-steel)}.site-aurora{pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.site-aurora-amber,.site-aurora-green{aspect-ratio:1;filter:blur(90px);will-change:transform;border-radius:50%;width:78vw;max-width:900px;position:absolute}.site-aurora-amber{background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--color-amber) 30%, transparent) 0%, transparent 68%);animation:26s ease-in-out infinite alternate site-drift-a;top:-32%;left:-12%}.site-aurora-green{background:radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--color-accent) 34%, transparent) 0%, transparent 68%);animation:32s ease-in-out infinite alternate site-drift-b;top:-18%;right:-18%}.site-aurora-grain{opacity:.035;mix-blend-mode:overlay;width:100%;height:100%;position:absolute;inset:0}@keyframes site-drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(9vw,5vh)scale(1.14)}}@keyframes site-drift-b{0%{transform:translate(0,0)scale(1.08)}to{transform:translate(-7vw,7vh)scale(1)}}.site-cta{border:1px solid var(--color-accent);border-radius:var(--radius-control);background-color:var(--color-accent);min-height:3.25rem;color:var(--color-accent-ink);font-family:var(--font-board);letter-spacing:-.005em;justify-content:center;align-items:center;gap:.5rem;padding-inline:1.5rem;font-weight:600;transition:filter .16s,transform .16s;display:inline-flex}.site-cta:hover{filter:brightness(1.08)}.site-cta:active{transform:translateY(1px)}.site-cta-sm{min-height:2.5rem;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;padding-inline:.875rem;font-size:.6875rem;font-weight:500}.site-cta-ghost{border-color:var(--color-edge);color:var(--color-ink);background-color:#0000}.site-cta-ghost:hover{border-color:var(--color-letter);filter:none}.site-demo-body{min-height:12.5rem}.site-flip{transform-origin:50% 0;animation:.42s cubic-bezier(.2,.9,.25,1) site-flip;display:inline-block}@keyframes site-flip{0%{opacity:0;transform:rotateX(-88deg)}to{opacity:1;transform:rotateX(0)}}.site-page ::selection{background-color:color-mix(in oklab, var(--color-accent) 30%, transparent);color:var(--color-letter)}.site-page :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.site-page{caret-color:var(--color-accent);scrollbar-color:var(--color-steel) transparent;scrollbar-width:thin}.site-page ::-webkit-scrollbar{width:10px;height:10px}.site-page ::-webkit-scrollbar-track{background:var(--color-face)}.site-page ::-webkit-scrollbar-thumb{background:var(--color-steel);border:2px solid var(--color-face)}.site-page ::-webkit-scrollbar-thumb:hover{background:var(--color-edge)}@media (prefers-reduced-motion:no-preference){.site-rise{animation:linear both site-rise;animation-timeline:view();animation-range:entry 10% cover 26%}}@keyframes site-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.site-aurora-amber,.site-aurora-green,.site-flip{animation:none}}.site-range{appearance:none;cursor:pointer;background:0 0;height:2.75rem}.site-range::-webkit-slider-runnable-track{background:var(--color-steel);height:2px}.site-range::-moz-range-track{background:var(--color-steel);height:2px}.site-range::-webkit-slider-thumb{appearance:none;border:1px solid var(--color-accent);background:var(--color-accent);border-radius:0;width:14px;height:14px;margin-top:-6px;transition:transform .12s}.site-range::-moz-range-thumb{border:1px solid var(--color-accent);background:var(--color-accent);border-radius:0;width:14px;height:14px;transition:transform .12s}.site-range:hover::-webkit-slider-thumb{transform:scale(1.2)}.site-range:active::-webkit-slider-thumb{transform:scale(1.2)}.site-range:hover::-moz-range-thumb{transform:scale(1.2)}.site-range:active::-moz-range-thumb{transform:scale(1.2)}.site-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-accent);outline-offset:3px}.site-range:focus-visible::-moz-range-thumb{outline:2px solid var(--color-accent);outline-offset:3px}