.home-gap{margin-top:96px}@media (width>=768px){.home-gap{margin-top:160px}}@media (width<=767px){.home-gap-after-hero{margin-top:48px}}@keyframes home-line-changed{0%{background-color:color-mix(in oklab, var(--cta) 32%, transparent)}to{background-color:#0000}}.home-line-changed{animation:1.2s cubic-bezier(.33,1,.68,1) both home-line-changed}@media (prefers-reduced-motion:reduce){.home-line-changed{animation:none}}.hero-card{min-height:clamp(560px, calc(100svh - var(--header-h) - var(--gutter)), 1400px)}@media (width<=767px){.hero-card{min-height:0}}.hero-frame{z-index:-30;position:absolute;inset:0;overflow:hidden;container-type:size}.hero-stage{position:absolute;inset:0}@supports (width:calc(1px * tan(atan2(1px, 1px)))){.hero-stage{--r:tan(atan2(100cqw, 100cqh));--t:clamp(0, (var(--r) - .6) / .9, 1);--u:clamp(0, (var(--r) - 1.75) / .65, 1);--hw:calc(.66 - .16 * var(--t) + .2 * var(--u));--xc:calc(.3 - .225 * var(--t));--half:min(.875, var(--r) * var(--hw) / 2);--x:clamp(var(--half) - .875, var(--xc), .875 - var(--half));--s:calc(100cqh / var(--hw));inset:auto auto 0;left:calc(50cqw - (var(--x) + .875) * var(--s));width:calc(var(--s) * 1.75);height:var(--s)}}.hero-scrim{z-index:-10;pointer-events:none;background:radial-gradient(min(62%,760px) 46% at 50% 44%,#05071a8c,#05071a47 55%,#0000 100%),linear-gradient(#05071a59,#0000 18%);position:absolute;inset:0}.st-caret{transition:rotate var(--motion-base) var(--ease-out)}.st-stage{background-color:var(--background);background-image:radial-gradient(color-mix(in oklab, var(--foreground) 10%, transparent) 1.5px, transparent 1.5px);background-position:12px 12px;background-size:24px 24px}@media (prefers-reduced-motion:no-preference){.st-enter{animation:st-enter var(--motion-slow) var(--ease-out) backwards}.st-sheet{transition:translate var(--motion-slow) var(--ease-out)}}@keyframes st-enter{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.st-flash{animation:st-flash .7s var(--ease-out)}}@keyframes st-flash{0%{background-color:color-mix(in oklab, var(--cta) 22%, transparent)}}@media (prefers-reduced-motion:reduce){.st-caret{transition:none}}.st-dialog{color:var(--foreground);background:0 0;border:0;max-width:none;max-height:none;padding:0}.st-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c}@media (prefers-reduced-motion:no-preference){.st-dialog[open]{animation:st-dialog var(--motion-base) var(--ease-out)}.st-dialog[open]::backdrop{animation:st-fade var(--motion-base) var(--ease-out)}}@keyframes st-dialog{0%{opacity:0;translate:0 6px}}@keyframes st-fade{0%{opacity:0}}[data-ink=light]{--vz-ink:#fff;--vz-ink-faint:#fff3;--vz-solid:#fff;--vz-on-solid:#0a0a0a;--vz-scrim:#0006;--vz-glass:#0a0a0a99;--vz-veil:#0000009e;--vz-halo:#00000052}[data-ink=dark]{--vz-ink:#0a0a0a;--vz-ink-faint:#0a0a0a24;--vz-solid:#0a0a0a;--vz-on-solid:#fff;--vz-scrim:#fff6;--vz-glass:#ffffffa8;--vz-veil:#ffffff9e;--vz-halo:#fff6}[data-ink]{text-shadow:0 0 16px var(--vz-halo)}.vz-legible{position:relative}.vz-legible:before{background:var(--vz-veil);content:"";filter:blur(.75em);pointer-events:none;z-index:-1;border-radius:1em;position:absolute;inset:-1.5em}.vz-glass{background:var(--vz-glass)}.vz-solid{background:var(--vz-solid);color:var(--vz-on-solid);text-shadow:none}.vz-dialog{background:var(--background);color:var(--foreground);border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;inset:0}.vz-dialog::backdrop{background:var(--background)}@media (prefers-reduced-motion:no-preference){.vz-dialog[open]{animation:vz-enter var(--motion-slow) var(--ease-out)}.vz-dialog[open]::backdrop{animation:vz-fade var(--motion-slow) var(--ease-out)}}@keyframes vz-fade{0%{opacity:0}}@keyframes vz-enter{0%{opacity:0;translate:0 8px}}.gradients-glass{--ed-glass:#141414bf;--ed-glass-solid:#141414f0;--ed-edge:#ffffff1a;--ed-fg:#fff;--ed-heading:#ffffffe6;--ed-fg-2:#ffffffb3;--ed-fg-3:#ffffff80;--ed-chip:var(--chip);--ed-chip-hover:#ffffff29;--ed-field-edge:#fff3;--ed-track:#fff3;--ed-tab:var(--cta);--ed-tab-fg:var(--cta-foreground);--ed-on:var(--cta);--ed-on-fg:var(--cta-foreground);--ed-on-hover:var(--cta-hover);--ed-thumb:#fff;--ed-ring:#ffffffe6;--ed-well:#00000059;color:var(--ed-fg)}:root:not(.dark) .gradients-glass{--ed-glass:#fafafac7;--ed-glass-solid:#fafafaf5;--ed-edge:#00000014;--ed-fg:#000;--ed-heading:#000000e6;--ed-fg-2:#000000a8;--ed-fg-3:#00000080;--ed-chip:var(--chip);--ed-chip-hover:#0000001a;--ed-field-edge:#00000024;--ed-track:#00000024;--ed-tab:var(--cta);--ed-tab-fg:var(--cta-foreground);--ed-on:var(--cta);--ed-on-fg:var(--cta-foreground);--ed-on-hover:var(--cta-hover);--ed-thumb:#fff;--ed-ring:#000000d9;--ed-well:#ffffffb3}.gradients-glass-surface{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:var(--ed-glass);box-shadow:inset 0 0 0 1px var(--ed-edge)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.gradients-glass-surface{background:var(--ed-glass-solid)}}.gradients-scroll{scrollbar-color:var(--ed-chip-hover) transparent;scrollbar-width:thin}.gradients-no-scrollbar{scrollbar-width:none}.gradients-no-scrollbar::-webkit-scrollbar{display:none}@keyframes gradients-rise{0%{opacity:0;translate:0 8px}}.gradients-rise{animation:gradients-rise var(--motion-base) var(--ease-out)}.gradients-panel{transform-origin:24px calc(100% - 24px);transition:opacity var(--motion-slow) var(--ease-out), scale var(--motion-slow) var(--ease-out), translate var(--motion-slow) var(--ease-out), visibility 0s}.gradients-panel[data-state=closed]{opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-in), scale var(--motion-fast) var(--ease-in), translate var(--motion-fast) var(--ease-in), visibility 0s var(--motion-fast);visibility:hidden;translate:0 12px;scale:.9}.gradients-edit-button{transition:background-color var(--motion-fast) ease, opacity var(--motion-base) var(--ease-out) 80ms, scale var(--motion-base) var(--ease-out) 80ms, visibility 0s}.gradients-edit-button[data-state=closed]{opacity:0;pointer-events:none;transition:opacity .1s var(--ease-in), scale .1s var(--ease-in), visibility 0s .1s;visibility:hidden;scale:.6}.gradients-tab-pill{background:var(--ed-tab);pointer-events:none;height:0;transition:transform var(--motion-slow) var(--ease-out), width var(--motion-slow) var(--ease-out);border-radius:999px;width:0;position:absolute;top:0;left:0}.gradients-tabs:not([data-pill]) .gradients-tab-pill{visibility:hidden}.gradients-tabs[data-pill]>[aria-selected=true],.gradients-tabs[data-pill]>[aria-pressed=true]{box-shadow:none;background:0 0}@keyframes gradients-enter-right{0%{opacity:0;translate:12px}}@keyframes gradients-enter-left{0%{opacity:0;translate:-12px}}.gradients-tab-content[data-enter=right]{animation:gradients-enter-right var(--motion-base) var(--ease-out)}.gradients-tab-content[data-enter=left]{animation:gradients-enter-left var(--motion-base) var(--ease-out)}.gradients-preview-chip{opacity:0;transition:opacity var(--motion-fast) var(--ease-in), translate var(--motion-fast) var(--ease-in);translate:-50% -6px}.gradients-preview-chip[data-open=true]{opacity:1;transition-duration:var(--motion-base);transition-timing-function:var(--ease-out);translate:-50%}@media (hover:hover) and (pointer:fine){.gradients-tile:hover .gradients-tile-swatch{translate:0 var(--lift)}}.gradients-tile-swatch{transition:box-shadow var(--motion-fast) ease, translate var(--motion-base) var(--ease-out)}.gradients-toast{opacity:0;pointer-events:none;bottom:auto;left:50%;right:auto;top:calc(var(--header-h,56px) + max(24px, env(safe-area-inset-top)));transition:opacity var(--motion-fast) var(--ease-in), translate var(--motion-fast) var(--ease-in);background:0 0;border:0;margin:0;padding:0;position:fixed;overflow:visible;translate:-50% -8px}.gradients-toast[data-open=true]{opacity:1;transition-duration:var(--motion-slow);transition-timing-function:var(--ease-out);translate:-50%}@starting-style{.gradients-toast[data-open=true]{opacity:0;translate:-50% -8px}}@media (width<=639px){.gradients-toast{top:calc(var(--header-h,56px) + 64px)}}.gradients-tip{background:var(--ed-glass-solid);box-shadow:inset 0 0 0 1px var(--ed-edge), 0 6px 16px -6px #0006;color:var(--ed-fg);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-in), translate var(--motion-fast) var(--ease-in);white-space:nowrap;z-index:10;border-radius:8px;align-items:center;gap:8px;padding:5px 6px 5px 9px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 4px}.gradients-tip[data-side=bottom]{top:calc(100% + 10px);bottom:auto;translate:-50% -4px}[role=toolbar]>:last-child .gradients-tip,[role=toolbar]>:nth-last-child(2) .gradients-tip{left:auto;right:0;translate:0 4px}@media (hover:hover) and (pointer:fine){:hover>.gradients-tip{opacity:1;transition:opacity var(--motion-fast) var(--ease-out) .4s, translate var(--motion-fast) var(--ease-out) .4s;translate:-50%}[role=toolbar]>:is(:last-child,:nth-last-child(2)):hover>.gradients-tip{translate:0}}:focus-visible>.gradients-tip{opacity:1;translate:-50%}[role=toolbar]>:is(:last-child,:nth-last-child(2)):focus-visible>.gradients-tip{translate:0}.gradients-kbd{background:var(--ed-chip);box-shadow:inset 0 -1px 0 var(--ed-field-edge);color:var(--ed-fg-2);border-radius:5px;justify-content:center;min-width:20px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:600;line-height:18px;display:inline-flex}.gradients-pop{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 56px);opacity:0;left:auto;right:max(24px, env(safe-area-inset-right));transform-origin:100% 100%;transition:opacity var(--motion-fast) var(--ease-in), scale var(--motion-fast) var(--ease-in), display var(--motion-fast) allow-discrete, overlay var(--motion-fast) allow-discrete;position:fixed;top:auto;scale:.97}.gradients-pop:popover-open{opacity:1;transition-duration:var(--motion-base);transition-timing-function:var(--ease-out);scale:1}@starting-style{.gradients-pop:popover-open{opacity:0;scale:.97}}.gradients-swap>[data-shown]{transition:opacity var(--motion-fast) var(--ease-out), scale var(--motion-fast) var(--ease-out)}.gradients-swap>[data-shown=false]{opacity:0;scale:.5}.gradients-stop{transition:background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, scale var(--motion-fast) var(--ease-out)}.gradients-stop[data-dragging=true]{background:var(--ed-chip);scale:1.02;box-shadow:0 8px 20px -10px #00000080}@keyframes gradients-sweep{0%{translate:-100%}to{translate:250%}}.gradients-indeterminate{width:40%;animation:1.1s linear infinite gradients-sweep}@media (prefers-reduced-motion:reduce){.gradients-editor *,.gradients-editor :before,.gradients-editor :after{transition-property:color,background-color,box-shadow,opacity!important;transition-duration:.1s!important}.gradients-editor :active{scale:none!important}.gradients-editor dialog[open],.gradients-rise,.gradients-tab-content[data-enter]{animation:.1s ease-out gradients-fade-in!important}.gradients-panel,.gradients-panel[data-state=closed],.gradients-edit-button,.gradients-edit-button[data-state=closed],.gradients-preview-chip,.gradients-toast,.gradients-pop{translate:none;scale:none!important}.gradients-preview-chip,.gradients-preview-chip[data-open=true],.gradients-toast,.gradients-toast[data-open=true]{translate:-50%!important}.gradients-tab-pill{transition:none!important}.gradients-tile:hover .gradients-tile-swatch{translate:none!important}.gradients-indeterminate{opacity:.5;width:100%;animation:none!important}}@keyframes gradients-fade-in{0%{opacity:0}}[data-toolcraft-theme] .gradients-glass{--ed-glass:color-mix(in oklab, var(--popover) 98%, transparent);--ed-glass-solid:var(--popover);--ed-edge:color-mix(in oklab, var(--border) 12%, transparent);--ed-fg:var(--foreground);--ed-heading:var(--foreground);--ed-fg-2:color-mix(in oklab, var(--foreground) 70%, transparent);--ed-fg-3:var(--muted-foreground);--ed-chip:color-mix(in oklab, var(--input) 10%, transparent);--ed-chip-hover:color-mix(in oklab, var(--input) 15%, transparent);--ed-field-edge:color-mix(in oklab, var(--border) 12%, transparent);--ed-track:color-mix(in oklab, var(--foreground) 18%, transparent);--ed-tab:color-mix(in oklab, var(--foreground) 8%, transparent);--ed-tab-fg:var(--foreground);--ed-on:var(--primary);--ed-on-fg:var(--primary-foreground);--ed-on-hover:color-mix(in oklab, var(--primary) 90%, transparent);--ed-ring:color-mix(in oklab, var(--ring) 60%, transparent);--ed-well:color-mix(in oklab, var(--background) 60%, transparent)}[data-toolcraft-theme] .gradients-glass-surface{-webkit-backdrop-filter:blur(40px)saturate(1.5);backdrop-filter:blur(40px)saturate(1.5)}[data-toolcraft-theme] .gradients-toast{top:calc(var(--header-h) + 64px)}[data-toolcraft-theme] .gradients-pop{bottom:auto;left:50%;right:auto;top:calc(var(--header-h) + 64px);transform-origin:top;translate:-50%}[data-toolcraft-theme] .gradients-preview-chip{top:calc(56px + env(safe-area-inset-top))}
