.st{color:var(--studio-muted);color-scheme:dark}.st :is(a,button,summary,input):focus-visible{outline-color:var(--studio-text)}.st .ch-row,.st .ch-row--dark{border-bottom-color:var(--studio-line);background:var(--studio-bg)}.st .ch-col,.st .ch-col--dark{border-color:var(--studio-line)}.st .ch-col{--mark-color:var(--studio-muted)}.st .ch-band__col{background:var(--studio-bg) var(--hatch-dark-quiet)}.st .ch-tag{--tag-line:var(--accent-tint);--tag-fill:color-mix(in srgb, var(--studio-text) 7%, transparent);color:color-mix(in srgb, var(--studio-text) 88%, transparent)}.st :is(.ch-h1,.ch-h2,h3){color:var(--studio-text)}.st .ch-intro{color:var(--studio-muted)}.st .ch-intro a,.st .ch-qa__a a{color:var(--studio-text);text-decoration-color:color-mix(in srgb, var(--studio-text) 40%, transparent)}.st .ch-badge:not(.ch-badge--studio,.ch-badge--pro,.ch-badge--gray){border-color:var(--studio-line);background:color-mix(in srgb, var(--studio-surface) 85%, transparent);color:var(--studio-text)}.st .ch-pills{background:color-mix(in srgb, var(--studio-text) 6%, transparent)}.st .ch-pills :is(button,a){color:var(--studio-muted)}.st .ch-pills :is(button,a):hover{color:var(--studio-text)}.st .ch-pills :is(button,a)[aria-pressed=true]{background:color-mix(in srgb, var(--studio-text) 13%, transparent);color:var(--studio-text);box-shadow:none}.st .ch-pills__n{color:var(--studio-muted)}.st .ch-qa,.st .ch-qa:first-child{border-color:var(--studio-line)}.st .ch-qa summary{color:var(--studio-text)}.st :is(.ch-qa summary svg,.ch-qa__a){color:var(--studio-muted)}.st .ch-cta{background:var(--studio-bg) var(--hatch-dark-quiet)}.st .ch-cta__card{border-color:var(--studio-line);background:var(--studio-surface)}.st .pf-preview{border-color:var(--studio-line);background:var(--studio-stage)}.st .pf-devices{border-color:var(--studio-line);background:var(--studio-surface);box-shadow:none}.st .pf-btn{color:var(--studio-muted)}.st :is(.pf-btn:hover,.pf-btn.is-active){color:var(--studio-text)}.st .pf-btn.is-active{background:color-mix(in srgb, var(--studio-text) 12%, transparent)}.st .pf-divider{background:var(--studio-line)}.st .cb-card__copy>.btn{background:var(--btn-light-bg);box-shadow:var(--btn-light-shadow);color:var(--color-ink)}.st .cb-card__copy>.btn:hover{filter:brightness(1.05)}.st .cb-icon-btn{background:var(--secondary-dark);box-shadow:var(--btn-quiet-dark-shadow);color:var(--studio-text);border:0}.st .cb-icon-btn:hover{filter:brightness(1.15)}.st-hero{isolation:isolate;position:relative}.st .st-hero{background:var(--studio-bg)}.st-hero .ch-col{background:0 0}.st-hero__grid{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.st-hero .ch-hero--center{padding-top:96px;padding-bottom:72px}.st-hero .ch-tag{margin-bottom:24px}.st-proof{font:var(--text-ui);letter-spacing:var(--ls-ui);color:var(--studio-muted);flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:28px;display:flex}.st-proof li{align-items:center;gap:8px;display:inline-flex}.st-proof svg{color:var(--accent-tint)}.st-stage{padding:56px var(--sec-pad-x) 48px;background:var(--studio-bg) var(--hatch-dark-quiet)}.st-feature{border:1px solid var(--studio-line);border-radius:var(--radius-frame);background:var(--studio-surface);padding:6px}.st-feature__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:10px 10px 14px 12px;display:flex}.st-feature__title{font:700 17px/1.3 var(--font-sans);letter-spacing:-.02em;color:var(--studio-text);margin:0}.st-feature__video{background:var(--studio-stage);border-radius:12px;width:100%;height:auto;display:block}.st-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px;display:grid}.st-more{justify-content:center;margin-top:32px;display:flex}.st .cb-card--live .pf-toolbar{opacity:0;transition:opacity .15s}.st .cb-card--live:is(:hover,:focus-within) .pf-toolbar{opacity:1}@media (hover:none){.st .cb-card--live .pf-toolbar{display:none}}@media (prefers-reduced-motion:reduce){.st .cb-card--live .pf-toolbar{transition:none}}.st .cb-card{border-color:var(--studio-line);background:var(--studio-surface)}.st .cb-card:hover{border-color:var(--studio-line-strong)}.st .cb-card__media{border-bottom-color:var(--studio-line);background:var(--studio-stage)}.st :is(.cb-card__guide,.cb-card__img,.cb-card__live){border-color:var(--studio-line)}.st .cb-card__rule{border-top-color:var(--studio-line)}.st .cb-card--live .cb-card__frame .pf-card .pf-preview{border-color:var(--studio-line);background-color:var(--studio-stage)}.st .cb-card__title{color:var(--studio-text)}.st .ch-tip:after{background:var(--studio-text);color:var(--studio-bg)}.st-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;display:grid}.st-bar__item{border:1px solid var(--studio-line);border-radius:var(--radius-card);background:var(--studio-surface);flex-direction:column;gap:10px;padding:24px;display:flex}.st-bar__icon{border:1px solid var(--studio-line);border-radius:var(--radius-button);width:40px;height:40px;color:var(--accent-tint);justify-content:center;align-items:center;margin-bottom:8px;display:inline-flex}.st-bar__title{font:700 17px/1.3 var(--font-sans);letter-spacing:-.02em;margin:0}.st-bar__text{font:400 15px/1.5 var(--font-sans);letter-spacing:-.01em;color:var(--studio-muted);margin:0}.st-steps{border-top:1px solid var(--studio-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;display:grid}.st-step{flex-direction:column;gap:8px;padding:28px 28px 4px 0;display:flex}.st-step+.st-step{border-left:1px solid var(--studio-line);padding-left:28px}.st-step__n{font:var(--text-label);letter-spacing:.12em;color:var(--label-muted-dark);font-variant-numeric:tabular-nums}.st-step__title{font:700 18px/1.3 var(--font-sans);letter-spacing:-.03em;margin:8px 0 0}.st-step__text{font:400 15px/1.55 var(--font-sans);letter-spacing:-.01em;color:var(--studio-muted);margin:0}@media (width<=1024px){.st-hero .ch-hero--center{padding-top:72px;padding-bottom:104px}}@media (width<=767px){.st-hero .ch-hero--center{padding:48px 20px 104px}.st-stage{padding:24px 12px}.st-feature__view{width:100%}.st-grid,.st-bar,.st-steps{grid-template-columns:minmax(0,1fr)}.st-step,.st-step+.st-step{border-left:0;padding:24px 0 20px}.st-step+.st-step{border-top:1px solid var(--studio-line)}}.ch-header.ch-header--studio{margin-bottom:calc(-1 * var(--topbar-height));background:0 0;border-bottom-color:#0000;transition:background-color .2s,border-color .2s}.ch-header.ch-header--studio.is-scrolled{border-bottom-color:var(--studio-line);background:color-mix(in srgb, var(--studio-bg) 72%, transparent);backdrop-filter:saturate(140%)blur(14px)}@media (prefers-reduced-transparency:reduce){.ch-header.ch-header--studio.is-scrolled{background:var(--studio-bg);backdrop-filter:none}}.ch-header--studio .ch-header__inner{border-color:var(--studio-line)}.ch-header--studio :is(.ch-header__nav a,.ch-header__login){color:var(--studio-muted)}.ch-header--studio :is(.ch-header__nav a,.ch-header__login):hover{background:color-mix(in srgb, var(--studio-text) 8%, transparent);color:var(--studio-text)}.ch-header--studio .ch-header__nav a[aria-current]{color:var(--studio-text)}.ch-header--studio .ch-btn--secondary{background:var(--secondary-dark);box-shadow:var(--btn-quiet-dark-shadow);color:var(--studio-text)}.ch-header--studio .ch-btn--secondary:hover{filter:brightness(1.15)}.ch-header--studio :is(.ch-menu__button,.acct__trigger){border-color:var(--studio-line-strong);color:var(--studio-text);background:0 0}.ch-header--studio :is(.ch-menu[open] .ch-menu__button,.acct__trigger:hover,.acct__trigger[aria-expanded=true]){border-color:color-mix(in srgb, var(--studio-text) 40%, transparent);background:color-mix(in srgb, var(--studio-text) 8%, transparent)}.ch-header--studio :is(a,button,summary):focus-visible{outline-color:var(--studio-text)}.ch-header--studio .ch-menu__panel{border-color:var(--studio-line);background:var(--studio-surface)}.ch-header--studio :is(.ch-menu__panel>a,.ch-menu__links>a){color:var(--studio-muted)}.ch-header--studio :is(.ch-menu__panel>a,.ch-menu__links>a):hover{background:color-mix(in srgb, var(--studio-text) 8%, transparent);color:var(--studio-text)}.ch-header--studio .ch-menu__links>a[aria-current]:not(:hover){color:var(--studio-text);background:0 0}.ch-header--studio .ch-menu__rule{background:var(--studio-line)}.st-hero{padding-top:var(--topbar-height)}.st [id]{scroll-margin-top:var(--topbar-height)}.footer.footer--studio{background:var(--studio-bg)}.footer.footer--studio>*,.footer.footer--studio :is(.footer__main,.footer__newsletter,.footer__legal,.hatch){border-color:var(--studio-line)}.footer.footer--studio :is(.footer__brand p,.footer__heading){color:var(--studio-text)}.footer.footer--studio :is(.footer__columns a,.footer__legal){color:var(--studio-muted)}.footer.footer--studio :is(.footer__columns a,.footer__legal a,.footer__cookie-settings):is(:hover,:focus-visible){color:var(--studio-text)}.footer.footer--studio :is(a,button):focus-visible{outline-color:var(--studio-text)}.footer.footer--studio .footer__newsletter{background:var(--studio-surface)}.footer.footer--studio .hatch{background:var(--studio-bg) var(--hatch-dark-quiet)}.sa{--sa-dur:3.2s;--sa-ease:cubic-bezier(.2, .7, .2, 1);border:1px solid var(--studio-line);border-radius:var(--radius-card);background:radial-gradient(70% 90% at 50% 0%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 70%), var(--studio-surface);place-items:center;height:168px;margin-bottom:22px;display:grid;position:relative;overflow:hidden}.sa>*{transition:opacity .3s}[data-steps].is-rewinding .sa>*{opacity:0}.sa-cursor{z-index:3;width:18px;height:18px;color:var(--studio-text);filter:drop-shadow(0 2px 3px color-mix(in srgb, var(--studio-bg) 80%, transparent));transform-origin:4px 3px;display:block;position:absolute}.sa-cursor svg{fill:currentColor;stroke:var(--studio-bg);display:block}.sa-grid{grid-template-columns:repeat(3,60px);gap:8px;display:grid;position:relative}.sa-card{border:1px solid var(--studio-line);background:color-mix(in srgb, var(--studio-text) 4%, transparent);opacity:.45;border-radius:7px;flex-direction:column;gap:5px;height:46px;padding:6px;display:flex;position:relative}.sa-card__shot{background:color-mix(in srgb, var(--studio-text) 10%, transparent);border-radius:3px;flex:1}.sa-card__line{background:color-mix(in srgb, var(--studio-text) 18%, transparent);border-radius:2px;width:60%;height:4px}.sa-card--pick{border-color:var(--studio-line-strong);background:color-mix(in srgb, var(--studio-text) 9%, transparent);opacity:1;transform:translateY(-4px)scale(1.06)}.sa-card--pick .sa-card__shot{background:var(--btn-accent-bg)}.sa-card__label{height:17px;padding:0 6px;font-size:10px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.sa--choose .sa-cursor{top:82px;left:104px}.sa--choose.is-play .sa-card{animation:sa-choose-dim var(--sa-dur) var(--sa-ease) var(--delay,0s) both}.sa--choose.is-play .sa-card:nth-child(3){animation-name:sa-choose-peek}.sa--choose.is-play .sa-card--pick{animation-name:sa-choose-pick}.sa--choose.is-play .sa-card__label{animation:sa-choose-label var(--sa-dur) var(--sa-ease) var(--delay,0s) both}.sa--choose.is-play .sa-cursor{animation:sa-choose-cursor var(--sa-dur) var(--sa-ease) var(--delay,0s) both}@keyframes sa-choose-dim{0%,50%{opacity:1}72%,to{opacity:.45}}@keyframes sa-choose-peek{0%,14%{opacity:1;border-color:var(--studio-line);transform:none}24%,34%{opacity:1;border-color:var(--studio-line-strong);transform:translateY(-2px)}44%,50%{opacity:1;border-color:var(--studio-line);transform:none}72%,to{opacity:.45;border-color:var(--studio-line);transform:none}}@keyframes sa-choose-pick{0%,50%{border-color:var(--studio-line);background-color:color-mix(in srgb, var(--studio-text) 4%, transparent);transform:none}66%,to{border-color:var(--studio-line-strong);background-color:color-mix(in srgb, var(--studio-text) 9%, transparent);transform:translateY(-4px)scale(1.06)}}@keyframes sa-choose-label{0%,56%{opacity:0;transform:translate(-50%,4px)scale(.9)}74%,to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes sa-choose-cursor{0%{opacity:0;transform:translate(90px,30px)}10%{opacity:1}24%,30%{transform:translate(60px,-54px)}46%{transform:translate(0)}51%{transform:translate(0)scale(.86)}58%,to{opacity:1;transform:translate(0)scale(1)}}.sa-copy{flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.sa-btn{border:1px solid var(--studio-line-strong);border-radius:var(--radius-button);min-width:118px;height:38px;color:var(--studio-text);font:700 13px/1 var(--font-sans);letter-spacing:-.01em;place-items:center;padding:0 18px;display:inline-grid}.sa-btn__label{grid-area:1/1;align-items:center;gap:7px;display:inline-flex}.sa-btn__label--copy{opacity:0}.sa-toast{border:1px solid var(--studio-line);border-radius:var(--radius-pill);background:var(--studio-stage);height:28px;color:var(--studio-text);font:500 11px/1 var(--font-sans);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.sa-toast svg{color:var(--studio-text)}.sa--copy .sa-cursor{top:24px;left:calc(50% + 30px)}.sa--copy.is-play .sa-btn{animation:sa-copy-btn var(--sa-dur) var(--sa-ease) var(--delay,0s) both}.sa--copy.is-play .sa-btn__label--copy{animation:sa-copy-out var(--sa-dur) var(--sa-ease) var(--delay,0s) both}.sa--copy.is-play .sa-btn__label--done{animation:sa-copy-in var(--sa-dur) var(--sa-ease) var(--delay,0s) both}.sa--copy.is-play .sa-toast{animation:sa-copy-toast var(--sa-dur) var(--sa-ease) var(--delay,0s) both}.sa--copy.is-play .sa-cursor{animation:sa-copy-cursor var(--sa-dur) var(--sa-ease) var(--delay,0s) both}@keyframes sa-copy-btn{0%,45%{color:var(--studio-text);background-color:#0000;transform:none}50%{background-color:var(--studio-text);color:var(--studio-bg);transform:scale(.97)}64%,to{color:var(--studio-text);background-color:#0000;transform:none}}@keyframes sa-copy-out{0%,48%{opacity:1;transform:none}58%,to{opacity:0;transform:translateY(-6px)}}@keyframes sa-copy-in{0%,50%{opacity:0;transform:translateY(6px)}62%,to{opacity:1;transform:none}}@keyframes sa-copy-toast{0%,54%{opacity:0;transform:translateY(10px)scale(.96)}72%,to{opacity:1;transform:none}}@keyframes sa-copy-cursor{0%{opacity:0;transform:translate(70px,48px)}12%{opacity:1}42%{transform:translate(0)}48%{transform:translate(0)scale(.86)}56%,to{opacity:1;transform:translate(0)scale(1)}}.sa--paste{--sa-dur:3.4s}.sa-editor{border:1px solid var(--studio-line);background:var(--studio-bg);border-radius:9px;grid-template-rows:16px 1fr;grid-template-columns:40px 1fr;width:236px;height:128px;display:grid;position:relative;overflow:hidden}.sa-editor__bar{border-bottom:1px solid var(--studio-line);grid-column:1/-1;align-items:center;gap:4px;padding:0 8px;display:flex}.sa-editor__bar i{background:color-mix(in srgb, var(--studio-text) 22%, transparent);border-radius:50%;width:5px;height:5px}.sa-editor__panel{border-right:1px solid var(--studio-line);flex-direction:column;gap:5px;padding:8px 6px;display:flex}.sa-editor__panel i{background:color-mix(in srgb, var(--studio-text) 14%, transparent);border-radius:2px;height:4px}.sa-editor__panel i:nth-child(2){width:70%}.sa-editor__panel i:nth-child(3){width:85%}.sa-editor__canvas{position:relative}.sa-drop{border:1px dashed color-mix(in srgb, var(--studio-text) 28%, transparent);opacity:0;border-radius:6px;position:absolute;inset:10px}.sa-block{border-radius:2px;position:absolute;left:18px}.sa-block--h{background:color-mix(in srgb, var(--studio-text) 72%, transparent);border-radius:3px;width:44%;height:8px;top:22px}.sa-block--t1{background:color-mix(in srgb, var(--studio-text) 28%, transparent);width:46%;height:4px;top:38px}.sa-block--t2{background:color-mix(in srgb, var(--studio-text) 28%, transparent);width:34%;height:4px;top:47px}.sa-block--btn{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--studio-text) 85%, transparent);width:36px;height:12px;top:62px}.sa-block--img{background:var(--btn-accent-bg);border-radius:5px;width:62px;height:60px;top:18px;left:auto;right:16px}.sa-menu{z-index:2;border:1px solid var(--studio-line-strong);background:var(--studio-surface);box-shadow:var(--shadow-overlay);opacity:0;transform-origin:0 0;border-radius:7px;flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;top:24px;left:64px;transform:scale(.97)}.sa-menu__item{color:var(--studio-muted);font:500 10px/1.2 var(--font-sans);white-space:nowrap;border-radius:4px;padding:4px 8px}.sa-menu__item--on{background:color-mix(in srgb, var(--studio-text) 12%, transparent);color:var(--studio-text)}.sa--paste .sa-cursor{top:74px;left:150px}.sa--paste.is-play .sa-drop{animation:sa-paste-drop var(--sa-dur) var(--sa-ease) var(--delay,0s) both}.sa--paste.is-play .sa-block{animation:sa-paste-in var(--sa-dur) var(--sa-ease) var(--delay,0s) both}.sa--paste.is-play .sa-block--img{animation-delay:calc(var(--delay,0s) + 50ms)}.sa--paste.is-play .sa-block--t1{animation-delay:calc(var(--delay,0s) + .1s)}.sa--paste.is-play .sa-block--t2{animation-delay:calc(var(--delay,0s) + .15s)}.sa--paste.is-play .sa-block--btn{animation-delay:calc(var(--delay,0s) + .22s)}.sa--paste.is-play .sa-menu{animation:sa-paste-menu var(--sa-dur) var(--sa-ease) var(--delay,0s) both}.sa--paste.is-play .sa-menu__item--on{animation:sa-paste-item var(--sa-dur) var(--sa-ease) var(--delay,0s) both}.sa--paste.is-play .sa-cursor{animation:sa-paste-cursor var(--sa-dur) var(--sa-ease) var(--delay,0s) both}@keyframes sa-paste-drop{0%,52%{opacity:1}62%,to{opacity:0}}@keyframes sa-paste-in{0%,54%{opacity:0;transform:translateY(8px)}70%,to{opacity:1;transform:none}}@keyframes sa-paste-menu{0%,26%{opacity:0;transform:translateY(-4px)scale(.94)}31%,47%{opacity:1;transform:none}54%,to{opacity:0;transform:scale(.97)}}@keyframes sa-paste-item{0%,37%{color:var(--studio-muted);background-color:#0000}41%,to{background-color:color-mix(in srgb, var(--studio-text) 12%, transparent);color:var(--studio-text)}}@keyframes sa-paste-cursor{0%{opacity:0;transform:translate(-40px,20px)}8%{opacity:1}22%{transform:translate(-84px,-52px)}26%{transform:translate(-84px,-52px)scale(.86)}30%{transform:translate(-84px,-52px)scale(1)}42%{transform:translate(-30px,-17px)}46%{transform:translate(-30px,-17px)scale(.86)}50%{transform:translate(-30px,-17px)scale(1)}80%,to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.sa *{transition:none;animation:none!important}}