.ui-screenshot[data-astro-cid-xueck7ie]{z-index:9;width:min(1120px,100% - 48px);margin:0 auto;padding:32px 0 72px;position:relative}a[data-astro-cid-xueck7ie]{cursor:zoom-in;border-radius:20px;display:block}a[data-astro-cid-xueck7ie]:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.ui-screenshot[data-astro-cid-xueck7ie] img{border:1px solid var(--line);border-radius:20px;width:100%;height:auto;display:block;box-shadow:0 18px 55px #151b2117}figcaption[data-astro-cid-xueck7ie]{color:var(--muted);text-align:center;margin:20px auto 0;font-size:13px;line-height:1.6}@media (width<=720px){.ui-screenshot[data-astro-cid-xueck7ie]{width:calc(100% - 36px);padding:24px 0 44px}.ui-screenshot[data-astro-cid-xueck7ie] img{border-radius:10px}figcaption[data-astro-cid-xueck7ie]{max-width:32ch;margin-top:14px;font-size:12px}}.how-hero[data-astro-cid-ikooipj4]{isolation:isolate;position:relative}.how-hero[data-astro-cid-ikooipj4]>div[data-astro-cid-ikooipj4]:not(.how-hero__ambient){z-index:1;position:relative}.how-hero__ambient[data-astro-cid-ikooipj4]{z-index:0;pointer-events:none;contain:paint;background:var(--paper);position:absolute;inset:-120px calc(50% - 50vw) 0;overflow:hidden}.how-hero__ambient[data-astro-cid-ikooipj4]:after{content:"";background:linear-gradient(#f7f5f1b3 0%,#f7f5f17a 38%,#f7f5f1c7 70%,#f7f5f1 96% 100%),linear-gradient(90deg,#f7f5f1 0%,#0000 18% 82%,#f7f5f1 100%);position:absolute;inset:0}.how-hero__silk{opacity:.34;filter:saturate(.58)contrast(.94)brightness(1.04);position:absolute;inset:0;transform:scale(1.02)}html[data-theme=dark] .how-hero__ambient[data-astro-cid-ikooipj4]{background:#10151a}html[data-theme=dark] .how-hero__ambient[data-astro-cid-ikooipj4]:after{background:linear-gradient(#10151adb 0%,#10151ad1 42%,#10151ae6 74%,#10151a 96% 100%),linear-gradient(90deg,#10151a 0%,#0000 18% 82%,#10151a 100%)}html[data-theme=dark] .how-hero__silk{opacity:.12;filter:saturate(.48)contrast(1.08)brightness(.46)}.section--recording[data-astro-cid-ikooipj4]{background:#131921}.recording-layout[data-astro-cid-ikooipj4]{grid-template-columns:minmax(0,700px) minmax(280px,1fr);align-items:center;gap:clamp(56px,8vw,112px);display:grid}.recording-demo[data-astro-cid-ikooipj4]{margin:0}.recording-demo[data-astro-cid-ikooipj4] video[data-astro-cid-ikooipj4]{background:#131921;width:100%;height:auto;display:block}.recording-demo[data-astro-cid-ikooipj4] figcaption[data-astro-cid-ikooipj4]{color:#f7f5f16b;letter-spacing:.12em;text-transform:uppercase;margin-top:18px;font-size:8px;font-weight:620;line-height:1.6}.actual-flow[data-astro-cid-ikooipj4] h2[data-astro-cid-ikooipj4]{letter-spacing:-.058em;margin:0 0 36px;font-size:clamp(31px,3vw,48px);font-weight:450;line-height:.98}.actual-flow__body[data-astro-cid-ikooipj4]{height:600px;position:relative}.actual-flow__path[data-astro-cid-ikooipj4]{width:84px;height:100%;position:absolute;inset:0 auto 0 0;overflow:visible}.actual-flow__path[data-astro-cid-ikooipj4] path[data-astro-cid-ikooipj4]{fill:none;stroke-linecap:round}.actual-flow__path[data-astro-cid-ikooipj4] [data-astro-cid-ikooipj4][data-flow-base]{stroke:#f7f5f133;stroke-width:1px}.actual-flow__path[data-astro-cid-ikooipj4] [data-astro-cid-ikooipj4][data-flow-progress]{stroke:var(--blue);stroke-width:1.8px}.actual-flow__path[data-astro-cid-ikooipj4] [data-astro-cid-ikooipj4][data-flow-marker]{fill:#131921;stroke:#f7f5f16b;stroke-width:1.2px;transition:fill .2s,stroke .2s}.actual-flow__path[data-astro-cid-ikooipj4] [data-astro-cid-ikooipj4][data-flow-marker].is-complete{fill:var(--blue);stroke:var(--blue)}.actual-flow__path[data-astro-cid-ikooipj4] [data-astro-cid-ikooipj4][data-flow-marker].is-active{fill:#f7f5f1;stroke:var(--blue);stroke-width:2px}.actual-flow__halo[data-astro-cid-ikooipj4]{fill:#3657ff24}.actual-flow__dot[data-astro-cid-ikooipj4]{fill:var(--blue);stroke:#f7f5f1;stroke-width:1.5px}.actual-flow__steps[data-astro-cid-ikooipj4]{grid-template-rows:repeat(6,1fr);margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:0 0 0 78px}.actual-step[data-astro-cid-ikooipj4]{color:#f7f5f152;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;transition:color .22s,opacity .22s;display:grid}.actual-step__index[data-astro-cid-ikooipj4]{letter-spacing:.1em;font-size:8px;font-weight:680}.actual-step[data-astro-cid-ikooipj4] strong[data-astro-cid-ikooipj4]{letter-spacing:-.035em;font-size:17px;font-weight:440;line-height:1.06;transition:font-size .22s,color .22s;display:block}.actual-step[data-astro-cid-ikooipj4].is-complete{color:#f7f5f194}.actual-step[data-astro-cid-ikooipj4].is-active{color:#f7f5f1}.actual-step[data-astro-cid-ikooipj4].is-active .actual-step__index[data-astro-cid-ikooipj4]{color:#8fa1ff}.actual-step[data-astro-cid-ikooipj4].is-active strong[data-astro-cid-ikooipj4]{letter-spacing:-.055em;font-size:clamp(25px,2.5vw,37px)}.recording-cta[data-astro-cid-ikooipj4]{border-top:1px solid #f7f5f129;grid-template-columns:1fr auto;align-items:end;gap:40px;margin-top:110px;padding:72px 0 10px;display:grid}.recording-cta[data-astro-cid-ikooipj4] h2[data-astro-cid-ikooipj4]{max-width:760px;margin:0;font-size:clamp(42px,5vw,72px)}.section--setup[data-astro-cid-ikooipj4],.section--closing[data-astro-cid-ikooipj4]{content-visibility:visible;contain-intrinsic-size:none}.section--setup[data-astro-cid-ikooipj4]{color:var(--ink);background:#f7f5f1}.setup-head[data-astro-cid-ikooipj4]{grid-template-columns:minmax(160px,.3fr) minmax(0,1fr);align-items:start;gap:36px 72px;margin-bottom:86px;display:grid}.setup-head[data-astro-cid-ikooipj4] .section-index[data-astro-cid-ikooipj4]{padding-top:12px}.setup-head[data-astro-cid-ikooipj4] h2[data-astro-cid-ikooipj4]{margin:0}.setup-head[data-astro-cid-ikooipj4] p[data-astro-cid-ikooipj4]{max-width:790px;color:var(--muted);margin:30px 0 0;font-size:18px;line-height:1.65}.setup-sequence[data-astro-cid-ikooipj4]{--setup-line:#151b2130;border-top:1px solid var(--setup-line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.setup-sequence[data-astro-cid-ikooipj4] li[data-astro-cid-ikooipj4]{min-height:260px;padding:32px 32px 0 0;position:relative}.setup-sequence[data-astro-cid-ikooipj4] li[data-astro-cid-ikooipj4]:before{content:"";background:var(--blue);border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:0}.setup-step__meta[data-astro-cid-ikooipj4]{color:var(--blue);align-items:center;gap:13px;display:flex}.setup-step__meta[data-astro-cid-ikooipj4] span[data-astro-cid-ikooipj4]{letter-spacing:.1em;font-size:8px;font-weight:680}.setup-step__meta[data-astro-cid-ikooipj4] svg[data-astro-cid-ikooipj4]{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.setup-sequence[data-astro-cid-ikooipj4] h3[data-astro-cid-ikooipj4]{letter-spacing:-.05em;max-width:240px;margin:54px 0 16px;font-size:clamp(23px,2vw,31px);font-weight:470;line-height:1.04}.setup-sequence[data-astro-cid-ikooipj4] p[data-astro-cid-ikooipj4]{max-width:255px;color:var(--muted);margin:0;font-size:16px;line-height:1.65}.setup-note[data-astro-cid-ikooipj4]{border-top:1px solid var(--setup-line);color:var(--muted);margin:72px 0 0;padding-top:24px;font-size:16px;line-height:1.65}.section--closing[data-astro-cid-ikooipj4]{background:#131921}.section--closing[data-astro-cid-ikooipj4] .recording-cta[data-astro-cid-ikooipj4]{border:0;margin:0;padding:0}html[data-theme=dark] .actual-flow__path[data-astro-cid-ikooipj4] [data-astro-cid-ikooipj4][data-flow-marker]{fill:#0b1014}html[data-theme=dark] .section--setup[data-astro-cid-ikooipj4]{background:#0e1318}html[data-theme=dark] .setup-sequence[data-astro-cid-ikooipj4]{--setup-line:#f7f5f12b}@media (width<=800px){.recording-layout[data-astro-cid-ikooipj4]{grid-template-columns:minmax(0,1fr);gap:72px}.recording-demo[data-astro-cid-ikooipj4],.actual-flow[data-astro-cid-ikooipj4]{width:min(620px,100%);margin:auto}.actual-flow[data-astro-cid-ikooipj4] h2[data-astro-cid-ikooipj4]{margin-bottom:28px}.actual-flow__body[data-astro-cid-ikooipj4]{height:560px}.actual-flow__steps[data-astro-cid-ikooipj4]{left:74px}.actual-step[data-astro-cid-ikooipj4].is-active strong[data-astro-cid-ikooipj4]{font-size:29px}.setup-head[data-astro-cid-ikooipj4]{grid-template-columns:1fr;gap:24px;margin-bottom:62px}.setup-head[data-astro-cid-ikooipj4] .section-index[data-astro-cid-ikooipj4]{padding-top:0}.setup-sequence[data-astro-cid-ikooipj4]{border-top:0;border-left:1px solid var(--setup-line);grid-template-columns:1fr;margin-left:14px}.setup-sequence[data-astro-cid-ikooipj4] li[data-astro-cid-ikooipj4]{min-height:0;padding:0 0 54px 46px}.setup-sequence[data-astro-cid-ikooipj4] li[data-astro-cid-ikooipj4]:last-child{padding-bottom:0}.setup-sequence[data-astro-cid-ikooipj4] li[data-astro-cid-ikooipj4]:before{top:10px;left:-4px}.setup-sequence[data-astro-cid-ikooipj4] h3[data-astro-cid-ikooipj4]{max-width:none;margin:19px 0 12px}.setup-sequence[data-astro-cid-ikooipj4] p[data-astro-cid-ikooipj4]{max-width:600px}.setup-note[data-astro-cid-ikooipj4]{margin-top:60px}.recording-cta[data-astro-cid-ikooipj4]{text-align:center;grid-template-columns:1fr}.recording-cta[data-astro-cid-ikooipj4] .cta[data-astro-cid-ikooipj4]{width:100%}}@media (width<=540px){.how-hero__ambient[data-astro-cid-ikooipj4]:after{background:linear-gradient(#f7f5f1cc 0%,#f7f5f19e 42%,#f7f5f1db 72%,#f7f5f1 95% 100%)}.how-hero__silk{opacity:.2;filter:saturate(.42)contrast(.92)brightness(1.05)}html[data-theme=dark] .how-hero__ambient[data-astro-cid-ikooipj4]:after{background:linear-gradient(#10151aeb 0%,#10151ae0 44%,#10151af0 74%,#10151a 95% 100%)}html[data-theme=dark] .how-hero__silk{opacity:.07}}@media (width<=480px){.section--recording[data-astro-cid-ikooipj4]{padding-inline:14px}.recording-demo[data-astro-cid-ikooipj4] figcaption[data-astro-cid-ikooipj4]{text-align:center;max-width:330px;margin-inline:auto}.recording-layout[data-astro-cid-ikooipj4]{gap:58px}.actual-flow[data-astro-cid-ikooipj4] h2[data-astro-cid-ikooipj4]{font-size:34px}.actual-flow__body[data-astro-cid-ikooipj4]{height:530px}.actual-flow__path[data-astro-cid-ikooipj4]{width:68px}.actual-flow__steps[data-astro-cid-ikooipj4]{left:62px}.actual-step[data-astro-cid-ikooipj4]{grid-template-columns:25px 1fr;gap:8px}.actual-step[data-astro-cid-ikooipj4] strong[data-astro-cid-ikooipj4]{font-size:15px}.actual-step[data-astro-cid-ikooipj4].is-active strong[data-astro-cid-ikooipj4]{font-size:25px}.recording-cta[data-astro-cid-ikooipj4]{margin-top:64px}}@media (prefers-reduced-motion:reduce){.actual-flow__path[data-astro-cid-ikooipj4] [data-astro-cid-ikooipj4][data-flow-marker],.actual-step[data-astro-cid-ikooipj4],.actual-step[data-astro-cid-ikooipj4] strong[data-astro-cid-ikooipj4]{transition:none}.how-hero__silk{opacity:.22}html[data-theme=dark] .how-hero__silk{opacity:.06}}