:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-display-s:clamp(2.25rem, 4vw + .5rem, 3.75rem);--text-display:clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-section:clamp(2rem, 2.5vw + 1rem, 3.5rem);--text-title:clamp(1.25rem, .75vw + .875rem, 1.625rem);--text-lead:clamp(1.125rem, .35vw + 1rem, 1.375rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:#f6f7fb;--color-paper-2:#eef0f6;--color-paper-3:#e3e6ed;--color-cotton:#fff;--color-print:#111827;--color-ink:#111827;--color-ink-2:#374151;--color-muted:#5b6474;--color-rule:#e3e6ed;--color-rule-2:#cbd0db;--color-accent:#6957e8;--color-accent-ink:#fff;--color-accent-2:#4f3fd1;--color-focus:#6957e8;--color-select:#eeeafe;--color-board:#101229;--color-board-2:#1a1d3d;--color-board-type:#f4f5fb;--color-board-muted:#b4b9d6;--color-board-rule:#2c3058;--color-desk:#1a1d3d;--color-success:#047857;--color-success-bg:#d1fae5;--color-paid:#047857;--color-warn:#92400e;--color-warn-bg:#fef3c7;--color-error:#b91c1c;--tex-cotton:none;--tex-desk:none;--shade:32% .03 270;--lit:100% 0 0;--deep:7% .02 270;--font-display:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-body:var(--font-display);--font-outlier:var(--font-display);--radius-card:12px;--radius-input:8px;--radius-pill:999px;--radius-stock:12px;--rule-hair:1px;--shadow-card:0 1px 2px #1118270f;--edge-stock:0 0 0 1px var(--color-rule);--cast-stock:0 1px 2px #1118270f;--cast-stock-lift:0 6px 16px #1118271a;--tracking-display:-.02em;--display-weight:700}
*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (max-width:60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (max-width:40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:48px;padding:0 var(--space-lg);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-cotton);color:var(--color-print);font:600 var(--text-md)/1 var(--font-body);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-select)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn--ink{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.btn--ink:hover{border-color:var(--color-accent-2);background:var(--color-accent-2)}.btn--sm{min-height:36px;padding:0 var(--space-md);font-size:var(--text-sm)}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:active{transform:none}}.stock{background:var(--color-cotton);color:var(--color-print);border-radius:var(--radius-card);box-shadow:var(--edge-stock), var(--cast-stock)}.fig{font-variant-numeric:tabular-nums}.pressed{min-height:28px;padding:0 var(--space-sm);border-radius:var(--radius-pill);background:var(--color-success-bg);color:var(--color-success);font-size:var(--text-sm);align-items:center;font-weight:700;display:inline-flex}.chip{min-height:24px;padding:0 var(--space-xs);border:1px solid var(--color-rule-2);border-radius:var(--radius-pill);background:var(--color-cotton);font-size:var(--text-xs);color:var(--color-ink-2);white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.chip--strong{border-color:var(--color-success-bg);background:var(--color-success-bg);color:var(--color-success)}.chip--quiet{color:var(--color-muted);background:0 0;border-style:dashed}.chip--demo{border-color:var(--color-select);background:var(--color-select);color:var(--color-accent-2)}.field{gap:var(--space-2xs);display:grid}.field>label,.field>legend{font-size:var(--text-sm);color:var(--color-ink-2);font-weight:600}.field>small{min-height:1lh;font-size:var(--text-xs);color:var(--color-muted)}.input{width:100%;min-height:40px;padding:0 var(--space-sm);border:1px solid var(--color-muted);border-radius:var(--radius-input);background:var(--color-cotton);color:var(--color-print);font-size:var(--text-md);outline-offset:-3px;outline:2px solid #0000}textarea.input{min-height:96px;padding-block:var(--space-xs);resize:vertical;line-height:1.5}.input:focus-visible{outline-color:var(--color-focus)}.input:disabled{opacity:.55;cursor:not-allowed}.input--lg{min-height:48px}.notice{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-error);border-radius:var(--radius-input);background:var(--color-cotton);color:var(--color-print);font-size:var(--text-sm)}.notice--info{border-color:var(--color-select);background:var(--color-select);color:var(--color-ink)}
.site{--nav-h:72px;background:var(--color-board);min-height:100dvh;color:var(--color-board-type);--color-ink:var(--color-board-type);--color-ink-2:var(--color-board-muted);--color-muted:var(--color-board-muted);--color-rule:var(--color-board-rule);--color-rule-2:var(--color-board-rule);--color-paper-2:var(--color-board-2)}.site .stock{--color-ink:var(--color-print);--color-ink-2:#374151;--color-muted:#5b6474;--color-rule:#e3e6ed;--color-rule-2:#cbd0db}.site .skip{background:var(--color-cotton);color:var(--color-print)}.skip{left:var(--space-md);top:calc(-1 * var(--space-3xl));z-index:var(--z-toast);padding:var(--space-xs) var(--space-md);background:var(--color-ink);color:var(--color-paper);position:absolute}.skip:focus-visible{top:var(--space-md)}.nav{top:var(--space-sm);z-index:var(--z-sticky-nav);padding-top:var(--space-sm);position:sticky}.nav__card{justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:56px;padding:0 var(--space-xs) 0 var(--space-lg);display:flex}.nav__mark{font-weight:700;font-size:var(--text-lg);letter-spacing:var(--tracking-display);text-decoration:none}.nav__actions{align-items:center;gap:var(--space-md);display:flex}.nav__signin{font-size:var(--text-sm);color:var(--color-ink-2);white-space:nowrap;font-weight:600;text-decoration:none}.nav__links{gap:var(--space-lg);font-size:var(--text-sm);margin:0;padding:0;list-style:none;display:flex}.nav__links a{color:var(--color-ink-2);white-space:nowrap;text-decoration:none}.nav__links a:hover,.foot a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-2);text-decoration-color:var(--color-accent-2)}.nav__links a[aria-current=page]{color:var(--color-ink);text-decoration:underline}.hero{min-height:calc(100dvh - var(--nav-h) - var(--space-lg));padding-block:var(--space-xl);align-items:center;display:grid}.hero__grid{gap:var(--space-3xl);grid-template-columns:max-content minmax(0,1fr);align-items:center;display:grid}.hero h1{text-wrap:balance;max-width:14ch}.banner h1,.signin h1{text-wrap:balance}.nav__links a:active{color:var(--color-ink)}.site .input:disabled,.site .btn:disabled{cursor:not-allowed}.hero .lead{margin-top:var(--space-lg);max-width:30ch;color:var(--color-ink-2)}.actions{gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.desk{border-radius:var(--radius-card);border:1px solid var(--color-board-rule);background:var(--color-desk);min-height:min(62dvh,600px);font-size:clamp(.8rem,.95vw,1rem);position:relative;overflow:hidden}.desk .stock{position:absolute}.paper{width:25em;padding:1.75em;top:9%;left:30%;transform:rotate(1.5deg)}.paper__head{border-bottom:1px solid var(--color-print);justify-content:space-between;align-items:baseline;padding-bottom:.75em;font-weight:600;display:flex}.paper__rows>div{border-bottom:1px solid var(--color-rule);justify-content:space-between;gap:1em;padding:.55em 0;display:flex}.paper__rows span:first-child{color:var(--color-ink-2)}.paper__total{justify-content:space-between;padding-top:.75em;font-weight:600;display:flex}.paper .pressed{width:max-content;margin:1em 0 0 auto;display:flex}.card{width:15em;padding:1em 1.15em;line-height:1.4}.card small{color:var(--color-muted);font-size:.85em;display:block}.card--a{top:16%;left:6%;transform:rotate(-4deg)}.card--b{bottom:12%;left:9%;transform:rotate(2.5deg)}.sec{padding-block:var(--section-gap) 0}.sec--s{padding-block:var(--section-gap-s) 0}.sec--l{padding-block:var(--section-gap-l) 0}.sec__head{gap:var(--gap-columns);margin-bottom:var(--space-2xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;display:grid}.sec__head .lead{color:var(--color-ink-2);justify-self:end}.pin{gap:var(--space-3xl);grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;display:grid}.pin__visual{top:calc(var(--nav-h) + var(--space-xl));margin:0;position:sticky}.pin__frame{aspect-ratio:16/10;border-radius:var(--radius-card);border:1px solid var(--color-board-rule);background:var(--color-paper-2);position:relative;overflow:hidden}.pin__frame img{object-fit:cover;object-position:left top;opacity:0;width:100%;height:100%;transition:opacity var(--dur-long) var(--ease-out);position:absolute;inset:0}.pin__frame img[data-on=true]{opacity:1}.pin__visual figcaption{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted)}.pin__steps{counter-reset:stage;margin:0;padding:0;list-style:none}.pin__steps li{min-height:15rem;padding-top:var(--space-lg);border-top:1px solid var(--color-rule);counter-increment:stage}.pin__steps li:last-child{min-height:9rem}.pin__steps h3:before{content:counter(stage) ". ";color:var(--color-muted)}.pin__steps p{margin-top:var(--space-sm);color:var(--color-ink-2)}@media (prefers-reduced-motion:reduce){.pin__frame img{transition:none}}.index{columns:3;column-gap:var(--gap-columns);border-top:1px solid var(--color-rule);margin:0;padding:0;list-style:none}.index li{break-inside:avoid;padding:var(--space-md) 0;border-bottom:1px solid var(--color-rule);font-size:var(--text-title);letter-spacing:-.01em;font-weight:600}.rows{border-top:1px solid var(--color-rule)}.rows>div{gap:var(--gap-columns);padding:var(--space-xl) 0;border-bottom:1px solid var(--color-rule);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.rows p{color:var(--color-ink-2)}.board{margin-top:var(--section-gap-l);padding-block:var(--section-gap-s);background:var(--color-board-2);color:var(--color-board-type)}.board__grid{gap:var(--space-3xl);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;display:grid}.board .actions{justify-content:flex-end;margin-top:0}.plans{gap:var(--gap-columns);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.plan{gap:var(--space-md);padding:var(--space-xl) var(--space-lg);flex-direction:column;display:flex}.plan h2{font-size:var(--text-xl)}.plan ul{padding-left:var(--space-md);gap:var(--space-xs);color:var(--color-ink-2);margin:0;display:grid}.plan .btn{margin-top:auto}.plan__price{font-size:var(--text-lg);font-weight:700}.demo{gap:var(--space-3xl);padding-block:var(--space-3xl) 0;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;display:grid}.demo h1{font-size:var(--text-display-s)}.demo .lead{margin-top:var(--space-lg);color:var(--color-ink-2)}.demo__card{padding:var(--space-xl)}.demo__card form{gap:var(--space-md);display:grid}.board .lead{margin-top:var(--space-lg);color:var(--color-board-type)}.code{min-height:300px;padding:var(--space-xl);font:400 var(--text-sm)/1.6 ui-monospace, SFMono-Regular, Menlo, monospace;margin:0;overflow-x:auto}.banner{padding-block:var(--space-3xl) 0}.banner h1{font-size:var(--text-display-s);max-width:18ch}.banner .lead{margin-top:var(--space-lg);color:var(--color-ink-2)}.ptable{border-collapse:collapse;border-top:1px solid var(--color-rule);width:100%}.ptable th{padding:var(--space-sm) var(--space-lg) var(--space-sm) 0;border-bottom:1px solid var(--color-rule-2);text-align:left;font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap;font-weight:500}.ptable td{padding:var(--space-md) var(--space-lg) var(--space-md) 0;border-bottom:1px solid var(--color-rule);vertical-align:top}.ptable td:first-child{font-weight:500}.ptable .r{text-align:right;padding-right:0}.tablewrap{overflow-x:auto}.steps{counter-reset:step;border-top:1px solid var(--color-rule);margin:0;padding:0;list-style:none}.steps li{gap:var(--gap-columns);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-rule);counter-increment:step;grid-template-columns:minmax(0,1fr) minmax(0,4fr) minmax(0,7fr);display:grid}.steps li:before{content:counter(step);font:400 var(--text-title)/1.2 var(--font-outlier);color:var(--color-muted)}.steps p{color:var(--color-ink-2)}.caption{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted)}.legal-copy{max-width:72ch;padding-top:var(--space-3xl)}.legal-copy section+section{margin-top:var(--space-2xl)}.legal-copy h2{font-size:var(--text-xl);line-height:1.2}.legal-copy p,.legal-copy ul{margin-top:var(--space-md)}.legal-copy ul{padding-left:var(--space-lg)}.legal-copy li+li{margin-top:var(--space-sm)}.legal-copy a{overflow-wrap:anywhere}.signin{min-height:calc(100dvh - var(--nav-h) - var(--space-lg));padding-block:var(--space-2xl);place-items:center;display:grid}.signin__card{width:min(100%,26rem);padding:var(--space-xl);gap:var(--space-lg);display:grid}.signin h1{font-size:var(--text-2xl)}.signin form{gap:var(--space-md);display:grid}.foot{margin-top:var(--section-gap);padding-block:var(--space-2xl) var(--space-xl);border-top:1px solid var(--color-rule-2)}.board+.foot{border-top:0;margin-top:0}.foot__mark{font-size:var(--text-display);letter-spacing:var(--tracking-display);font-weight:700;line-height:1}.foot__row{justify-content:space-between;align-items:baseline;gap:var(--space-md) var(--space-xl);margin-top:var(--space-xl);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.foot ul{gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.foot a{text-decoration:none}.foot small{color:var(--color-muted);font-size:var(--text-sm)}@media (max-width:60rem){.nav__links{display:none}.hero{min-height:0}.hero__grid,.plans,.demo{grid-template-columns:minmax(0,1fr)}.board .actions{justify-content:flex-start}.nav__signin{display:none}.hero__grid,.sec__head,.pin,.board__grid,.rows>div{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.sec__head{margin-bottom:var(--space-xl)}.sec__head .lead{justify-self:start}.desk{min-height:30rem}.paper{left:22%}.pin__visual{position:static}.pin__steps li,.pin__steps li:last-child{min-height:0;padding-bottom:var(--space-lg)}.index{columns:2}.rows>div{gap:var(--space-sm);padding:var(--space-lg) 0}.steps li{grid-template-columns:2rem minmax(0,1fr)}.steps li p{grid-column:2}}@media (max-width:40rem){.index{columns:1}.desk{font-size:.72rem}.paper{top:6%;left:8%}.card--a{display:none}.card--b{bottom:5%;left:4%}}