.ops-stage{aspect-ratio:1312/682;width:100%;position:relative}.ops-design{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);width:1312px;height:682px;transform:scale(var(--ops-scale,1));transform-origin:0 0;background:var(--color-neutral-90);padding:48px 16px 16px;position:absolute;top:0;left:0}.ops-corner-start{position:absolute;top:0;left:0}.ops-corner-end{position:absolute;bottom:0;right:0}.ops-app{border:1px solid var(--color-neutral-40);background:var(--color-neutral-40);width:1280px;height:618px;font:15px/1.34 var(--font-body);grid-template-rows:562px 56px;grid-template-columns:426px 1fr;display:grid;position:relative;overflow:clip}.ops-label{font-family:var(--font-mono-regular);font-size:var(--text-product-h5);line-height:var(--text-product-h5--line-height);letter-spacing:var(--text-product-h5--letter-spacing);text-transform:uppercase}.ops-dashboard{background:var(--color-neutral-10);min-width:0;height:562px;overflow:clip}.ops-dashboard-header{border-bottom:1px dashed var(--color-neutral-50);flex-direction:column;justify-content:space-between;height:178px;padding:16px;display:flex}.ops-dashboard-header h3{letter-spacing:-.01em;margin-bottom:16px;font-size:24px;line-height:1}.ops-dashboard-header p{color:var(--color-neutral-80)}.ops-toolbar{color:var(--color-neutral-70);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ops-toolbar>div:first-child{white-space:nowrap;padding-top:12px}.ops-metrics{border-bottom:1px dashed var(--color-neutral-40);grid-template-columns:212px 1fr;height:194px;display:grid}.ops-average{border-left:4px solid var(--color-green-70);flex-direction:column;justify-content:space-between;padding:16px 12px;display:flex}.ops-metric-value{letter-spacing:-.01em;color:var(--color-green-70);font-size:48px;line-height:1}.ops-trend{color:var(--color-neutral-90);padding-bottom:2px;font-size:13px}.ops-chart{border-left:1px dashed var(--color-neutral-30);flex-direction:column;min-width:0;padding:16px;display:flex}.ops-chart>.ops-label:first-child{height:62px}.ops-chart>.ops-label:last-child{margin-top:8px;font-size:11px}.ops-chart-plot{flex:none;height:70px;position:relative}.ops-bars{width:100%;height:70px;display:block;overflow:hidden}.ops-chart-guide{max-width:100%;position:absolute;left:0}.ops-chart-guide-top{top:26px}.ops-chart-guide-bottom{bottom:0}.ops-jobs{grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.ops-job-column{min-width:0;padding:32px 16px 16px}.ops-job-column+.ops-job-column{border-left:1px dashed var(--color-neutral-30)}.ops-job-column h4{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.ops-job{border-top:1px dashed var(--color-neutral-40);padding:16px 0}.ops-job>p:first-child{justify-content:space-between;gap:8px;display:flex}.ops-job>p:last-child{margin-top:4px}.ops-chat{background:var(--color-neutral-20);border-right:1px solid var(--color-neutral-40);flex-direction:column;min-width:0;height:562px;display:flex}.ops-chat-heading{height:55px;color:var(--color-neutral-70);flex:none;align-items:center;gap:8px;padding:8px;display:flex}.ops-chat-body{border-top:1px dashed var(--color-neutral-40);flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex}.ops-thread{scrollbar-width:thin;overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.ops-user{background:var(--color-blue-30);width:calc(100% - 32px);color:var(--color-neutral-90);box-sizing:border-box;margin-bottom:24px;margin-left:auto;padding:16px;overflow:hidden}.ops-agent-turn{position:relative}.ops-thinking{align-items:center;gap:8px;height:30px;display:flex;position:absolute;top:0;left:0}.ops-thinking-dots{justify-content:center;align-items:center;gap:3px;width:30px;height:30px;display:flex}.ops-thinking-dots i{background:var(--color-blue-70);width:5px;height:5px;display:block}.ops-thinking-dots i:first-child{opacity:.3}.ops-thinking-dots i:nth-child(2){opacity:.5}.ops-response{color:var(--color-neutral-90);flex-direction:column;gap:10px;display:flex}.ops-response-text{margin:0;line-height:1.34;overflow:visible}.ops-composer{background:var(--color-neutral-30);border:1px solid var(--color-neutral-40);flex-direction:column;flex:none;gap:16px;min-height:48px;padding:16px 8px 8px 16px;display:flex;position:relative}.ops-composer-text{min-height:20px;margin:0;line-height:1.34;overflow:visible}.ops-composer-actions{justify-content:flex-end;align-items:center;gap:16px;display:flex}.ops-send{background:var(--color-neutral-95);cursor:pointer;transform-origin:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ops-send:focus-visible{outline:2px solid var(--color-blue-70);outline-offset:3px}.ops-placeholder{font:inherit;color:var(--color-ink);background:0 0;border:0;outline:none;padding:0;line-height:1.34;position:absolute;top:14px;left:16px;right:136px}.ops-attach,.ops-mic{width:30px;height:30px;color:var(--color-neutral-80);cursor:pointer;transition:color .3s var(--ease-brand), background-color .3s var(--ease-brand);justify-content:center;align-items:center;display:flex}.ops-attach:hover,.ops-mic:hover{color:var(--color-blue-70);background-color:var(--color-neutral-40)}.ops-mic:focus-visible{outline:2px solid var(--color-blue-70);outline-offset:2px}.ops-mic[aria-pressed=true]{color:var(--color-neutral-10);background-color:var(--color-red-70)}.ops-send{transition:background-color .3s var(--ease-brand)}:is(.ops-send:hover,.ops-composer:has(.ops-placeholder:not(:placeholder-shown)) .ops-send){background:var(--color-blue-70)}.ops-placeholder::placeholder{color:var(--color-neutral-70);opacity:1}.ops-composer:has(.ops-placeholder:focus-visible){border-color:var(--color-blue-70)}.ops-nav{background:var(--color-neutral-30);border-top:1px solid var(--color-neutral-40);color:var(--color-neutral-80);grid-column:1/-1;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:4px 8px;display:grid}.ops-mask-icon{background-color:currentColor;flex:none;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ops-tool{cursor:pointer;border-radius:1px;transition:color 1s ease-out,background-color 1s ease-out}.ops-tool:hover{color:var(--color-blue-70);background-color:var(--color-neutral-40);transition-duration:.2s}.ops-tool-version .ops-mask-icon{transition:translate .4s var(--ease-brand), rotate .4s var(--ease-brand)}.ops-tool-version:hover .ops-mask-icon{translate:0 2px}.ops-tool-version[aria-expanded=true] .ops-mask-icon{translate:0;rotate:180deg}.ops-tool-version:focus-visible{outline:2px solid var(--color-blue-70);outline-offset:2px}.ops-menu{z-index:5;background:var(--color-neutral-10);border:1px solid var(--color-neutral-40);transform-origin:0 0;min-width:220px;animation:ops-menu-in .2s var(--ease-brand);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:-1rem}@keyframes ops-menu-in{0%{opacity:0;translate:0 -4px}}.ops-menu-item{width:100%;color:var(--color-neutral-80);text-align:left;white-space:nowrap;cursor:pointer;align-items:center;gap:8px;padding:8px;transition:background-color 1s ease-out,color 1s ease-out;display:flex}.ops-menu-item:is(:hover,:focus-visible){background:var(--color-blue-30);color:var(--color-blue-70);outline:none;transition-duration:.2s}.ops-menu-item[aria-checked=true]{color:var(--color-neutral-100)}.ops-menu-mark{background:var(--color-neutral-40);flex:none;width:8px;height:8px}.ops-menu-item[aria-checked=true] .ops-menu-mark{background:var(--color-blue-70)}.ops-menu-note{color:var(--color-neutral-60);margin-left:auto;font-size:12px}.ops-tip{position:relative}.ops-tip:after{content:attr(data-tip);z-index:5;width:max-content;font:400 11px/1.1 var(--font-mono-regular,monospace);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--color-neutral-10);background:var(--color-neutral-90);clip-path:polygon(0 5px,calc(50% - 5px) 5px,50% 0,calc(50% + 5px) 5px,100% 5px,100% 100%,0 100%);pointer-events:none;opacity:0;padding:11px 10px 6px;transition:opacity .12s ease-out,translate .12s ease-out;position:absolute;top:calc(100% + 6px);left:50%;translate:-50% -4px}.ops-tip:hover:after{opacity:1;transition:opacity .2s ease-out .3s, translate .3s var(--ease-brand) .3s;translate:-50%}.ops-nav-icon{background-color:var(--ops-nav-rest);width:44px;height:44px;-webkit-mask:var(--ops-nav-icon) center / contain no-repeat;mask:var(--ops-nav-icon) center / contain no-repeat;cursor:pointer;flex:none;transition:background-color 1s ease-out}.ops-nav-icon:hover{background-color:var(--ops-nav-hover);transition-duration:.2s}.ops-mobile{display:none}@media (max-width:767px){.ops-stage{aspect-ratio:auto;width:100%;height:auto}.ops-design{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);width:100%;max-width:100%;height:auto;padding:28px 12px 12px;position:relative;top:auto;left:auto;transform:none}.ops-app{border:0;flex-direction:column;width:100%;height:auto;display:flex}.ops-dashboard{flex:none;order:0;height:auto}.ops-dashboard-header{height:65px;padding:12px 8px}.ops-dashboard-header h3{margin-bottom:8px;font-size:20px}.ops-dashboard-header p{font-size:13px}.ops-toolbar,.ops-nav,.ops-desktop{display:none}.ops-mobile{display:inline}.ops-metrics{flex-direction:column;height:179px;display:flex}.ops-average{border-left:0;flex-direction:row;flex:none;align-items:center;gap:12px;height:50px;padding:8px 12px}.ops-average .ops-label{font-size:12px}.ops-metric-value{font-size:24px}.ops-trend{display:none}.ops-chart{border:0;border-top:1px dashed var(--color-neutral-80);flex:none;height:129px;padding:12px}.ops-chart>.ops-label:first-child{height:33px}.ops-chart-plot,.ops-bars{height:50px}.ops-chart-guide-top{top:19px}.ops-chart>.ops-label:last-child{margin-top:4px}.ops-jobs{grid-template-columns:1fr 1fr}.ops-job-column{padding:16px 8px}.ops-job-column h4{gap:4px;margin-bottom:12px;font-size:10px;line-height:1.2}.ops-job{padding:8px 0;font-size:12px}.ops-job .ops-label{font-size:10px;line-height:1.3}.ops-job~.ops-job{display:none}.ops-chat{border:0;border-top:1px solid var(--color-neutral-40);order:1;height:224px;font-size:15px}.ops-chat-heading{height:46px}.ops-chat-body{gap:0;padding-block:12px;overflow:clip}.ops-thread{flex-direction:column;flex:1;justify-content:flex-end;max-height:none;display:flex;overflow:clip;-webkit-mask-image:linear-gradient(#0000,#000 28px);mask-image:linear-gradient(#0000,#000 28px)}.ops-jobs{display:none}.ops-thread>*{flex:none}.ops-agent-turn{min-height:30px}.ops-user{width:100%;margin-bottom:16px;font-size:13px}.ops-response{font-size:13px}.ops-composer{display:none}.ops-chart-guide{width:100%;max-width:none}}@media (min-width:768px){.ops-chart-range{color:var(--color-neutral-100)}}.ops-app button{cursor:pointer}.ops-app button:focus-visible,.ops-inline-panel :is(button,input,textarea):focus-visible{outline:2px solid var(--color-blue-70);outline-offset:3px}.ops-app button[aria-pressed=true]{color:var(--color-blue-70);background:var(--color-blue-20)}.ops-tip:focus-visible:after{opacity:1;translate:-50%}.ops-job{text-align:left;width:100%;transition:background .18s,color .18s;display:block}.ops-job:is(:hover,:focus-visible){background:var(--color-blue-20);color:var(--color-blue-70)}.ops-job>p:first-child>span{transition:translate .18s}.ops-job:hover>p:first-child>span{translate:3px}.ops-bars g[data-ops-bar]:hover [data-ops-bar-body]{fill:var(--color-blue-30)}.ops-nav-button{place-items:center;width:44px;height:44px;display:grid}.ops-nav-button:hover .ops-nav-icon,.ops-nav-button:focus-visible .ops-nav-icon{background:var(--ops-nav-hover)}.ops-nav .ops-tip:after,.ops-composer .ops-tip:after{clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(50% + 6px) calc(100% - 6px),50% 100%,calc(50% - 6px) calc(100% - 6px),0 calc(100% - 6px));padding:8px 10px 14px;top:auto;bottom:calc(100% + 20px);left:50%}.ops-feedback-status{color:var(--color-blue-70);font-size:11px}.ops-has-reply>:not(.ops-live-reply){display:none!important}.ops-live-reply{flex-direction:column;gap:12px;display:flex}.ops-live-reply .ops-user{margin-bottom:0}.ops-design[data-interacting] [data-product-cursor]{display:none!important}.ops-dashboard{position:relative}.ops-panel-open .ops-dashboard-header>div:last-child,.ops-panel-open>.ops-metrics,.ops-panel-open>.ops-jobs{pointer-events:none;visibility:hidden!important}.ops-inline-panel{top:72px;bottom:0;background:var(--color-neutral-10);z-index:2;color:var(--color-neutral-90);font:15px/1.5 var(--font-body);animation:.18s ease-out ops-menu-in;position:absolute;inset-inline:0;overflow:auto}.ops-feedback-mark{place-items:center;width:24px;height:24px;display:grid}.ops-inline-panel header{border-bottom:1px dashed var(--color-neutral-40);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.ops-inline-panel h4{font-size:18px}.ops-panel-back{color:var(--color-blue-70);align-items:center;gap:8px;padding:6px 8px;display:flex}.ops-panel-content{flex-direction:column;gap:16px;padding:20px;display:flex}@media (prefers-reduced-motion:reduce){.ops-app *,.ops-app :after,.ops-inline-panel{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:767px){.ops-panel-open .ops-dashboard-header,.ops-panel-open>.ops-metrics,.ops-panel-open>.ops-jobs{display:none}.ops-inline-panel{max-height:300px;position:relative;top:auto}}.ops-chart-plot:focus-visible{outline:2px solid var(--color-blue-70);outline-offset:4px}.ops-chart-hint{z-index:3;background:var(--color-neutral-90);width:max-content;max-width:180px;color:var(--color-neutral-10);font:11px/1.3 var(--font-mono-regular);pointer-events:none;padding:6px 10px;position:absolute;translate:-50%}.ops-bars [data-inspected=true] [data-ops-bar-body]{fill:var(--color-blue-30)}.ops-jobs{scrollbar-width:thin;overscroll-behavior:contain;overflow-y:auto}.ops-tool[aria-expanded=true],.ops-tool[aria-pressed=true]{background:var(--color-blue-20);color:var(--color-blue-70)}.ops-hint{cursor:help}.ops-hint:focus-visible{outline:2px solid var(--color-blue-70);outline-offset:2px}.ops-hint:focus:after{opacity:1;translate:-50%}.ops-toolbar>div:last-child>.ops-tip:last-child:after{clip-path:polygon(0 5px,calc(100% - 13px) 5px,calc(100% - 8px) 0,calc(100% - 3px) 5px,100% 5px,100% 100%,0 100%);left:auto;right:0;translate:0}.ops-app :is(button,.ops-hint):focus:not(:focus-visible){outline:none}.ops-nav .ops-tool:hover{background-color:#0000}.ops-chart-crosshair{z-index:2;border-top:1px dashed var(--color-blue-70);pointer-events:none;position:absolute;inset-inline:0}.ops-chart-marker{z-index:3;background:var(--color-blue-70);pointer-events:none;width:6px;height:6px;position:absolute;translate:-50% -50%}.ops-chart-plot[data-inspecting=true] .ops-chart-guide-top{visibility:hidden}.ops-bars [data-inspected=true] [data-ops-bar-cap]{fill:var(--color-blue-70)!important}
.assemble{isolation:isolate;aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.assemble canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.assemble__tags{pointer-events:none;position:absolute;inset:0}.assemble__tag{box-sizing:border-box;white-space:nowrap;background:var(--color-neutral-90);border:1px solid var(--color-neutral-80);color:var(--color-neutral-30);font:400 10px/1 var(--font-mono-regular);letter-spacing:.05em;text-transform:uppercase;will-change:transform;align-items:center;display:flex;position:absolute;top:0;left:0;overflow:hidden}.assemble__tag i{flex:none;display:block}.assemble__tag b{font-weight:400;display:block;overflow:hidden}@media (max-width:700px){.assemble{aspect-ratio:4/5}}
@font-face{font-family:ComplementSharedBody;src:url(../media/slussen-regular-D6gvoHZw.3fja6-rjgiti3.woff2?dpl=dpl_6WQkifgSzkMi53bHY4KwSRRtMGs6)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:ComplementSharedHeadline;src:url(../media/slussen-extended-regular-DFHUklaM.0iqc9igefiklx.woff2?dpl=dpl_6WQkifgSzkMi53bHY4KwSRRtMGs6)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:ComplementSharedMono;src:url(../media/ibm-plex-mono-regular-ClCTSiDw.0kpq1r-r18oqh.ttf?dpl=dpl_6WQkifgSzkMi53bHY4KwSRRtMGs6)format("truetype");font-weight:400;font-display:swap}.secure-data{z-index:7;padding:0 var(--hero-inset,100px) 128px;background:0 0;flex-direction:column;align-items:center;gap:64px;display:flex;position:relative}.secure-data__copy{flex-direction:column;align-self:stretch;gap:16px;display:flex}.secure-data__copy h2{width:min(793px,100%);font:400 40px/1.15 var(--font-headline);letter-spacing:-.01em;color:#000;margin:0}.secure-data__copy p{width:min(536px,100%);font:400 18px/1.4 var(--font-body);color:#45484d;margin:0}.secure-data__diagram{width:100%;max-width:1312px;height:371px;position:relative}.secure-diagram__stage{translate:-50%;scale:var(--secure-scale,1);transform-origin:50% 0;position:absolute;top:0;left:50%;overflow:clip}.secure-tag{box-sizing:border-box;background:var(--color-neutral-30);filter:drop-shadow(1px 1px #0000001c);height:38px;font:400 13px/1.1 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:#000;border-radius:1px;align-items:center;gap:8px;padding:0 16px 0 4px;display:flex;position:absolute;box-shadow:inset 1px 1px 1px #fffffff2}.secure-tag img{flex:none;width:30px;height:30px;display:block}.secure-tag>img{transform:scaleY(var(--icon-scale,1))}.secure-source__layer{overflow:hidden}.secure-packet__file{position:absolute;left:42px}.secure-source,.secure-storage{position:absolute}.secure-source .secure-tag,.secure-storage .secure-tag{top:0;left:0}.secure-source__front,.secure-storage__front{position:relative}.secure-source .secure-source__layer,.secure-storage .secure-source__layer{left:calc(var(--depth) * -6px);top:calc(var(--depth) * 6px)}.secure-storage--end{translate:-100% -50%}.secure-tag.secure-badge{flex-direction:column;justify-content:space-between;align-items:flex-start;padding:24px}.secure-badge__mark{align-items:center;gap:20px;display:flex}.secure-tag.secure-badge .secure-badge__seal{width:112px;height:auto}.secure-tag.secure-badge .secure-badge__wordmark{width:auto;height:64px}.secure-badge__label{align-items:center;gap:8px;display:flex;position:relative}.secure-storage--center{translate:-50%}.secure-connector{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.secure-connector__turn{flex:none;position:relative}.secure-connector__line{position:absolute}.secure-connector__line img{width:100%;max-width:none;height:100%;display:block}.secure-connector__vector{color:#c7cacf;position:absolute;top:0;left:0}.secure-component[data-layout=mobile] .secure-tag{font-size:11px}.secure-mark{z-index:3;display:block;position:absolute}.secure-source{z-index:1}.secure-storage{z-index:3}.secure-tag.secure-packet{z-index:2;will-change:transform;top:0;left:0;overflow:hidden}@media (max-width:1000px){.secure-data{padding:0 16px 128px}.secure-data__copy{text-align:center;align-items:center}.secure-data__copy h2{width:auto;font-size:32px;font-weight:500}.secure-data__copy p{width:min(362px,100%)}.secure-data__diagram{max-width:394px;height:704px}}.secure-data--preview[data-layout=mobile] .secure-data__copy{text-align:center;align-items:center}.secure-data--preview[data-layout=mobile] .secure-data__copy h2{width:auto;font-size:32px;font-weight:500}.secure-data--preview[data-layout=mobile] .secure-data__copy p{width:min(362px,100%)}.secure-data--preview[data-layout=mobile] .secure-data__diagram{max-width:394px}.secure-preview{box-sizing:border-box;background:var(--color-neutral-10);width:100%;padding:24px}.secure-data--preview{padding:48px 24px}.secure-component{--color-neutral-10:#fff;--color-neutral-30:#f0f2f5;--font-headline:ComplementSharedHeadline, Arial, sans-serif;--font-body:ComplementSharedBody, Arial, sans-serif;--font-mono:ComplementSharedMono, Menlo, monospace}.secure-component[data-layout=mobile] .secure-data__diagram{max-width:394px}.secure-component[data-layout=mobile] .secure-data__copy{text-align:center;align-items:center}.secure-component[data-layout=mobile] .secure-data__copy h2{width:auto;font-size:32px;font-weight:500}.secure-component[data-layout=mobile] .secure-data__copy p{width:min(362px,100%)}.secure-component[data-layout=desktop] .secure-data__diagram{max-width:1312px}.secure-component[data-theme=dark]{color:#f0f2f5;background:0 0}.secure-component[data-theme=dark] .secure-data__copy h2{color:#f0f2f5}.secure-component[data-theme=dark] .secure-data__copy p{color:#c7cacf}.secure-component[data-theme=dark] .secure-tag{color:#f0f2f5;box-shadow:none;filter:none;background:#1e1f1f;border:1px solid #45484d}.secure-component[data-theme=dark] .secure-source__layer{background:#181818;border-color:#2c2d2f}.secure-component[data-theme=dark] :is(.secure-tag,.secure-connector__line,.secure-badge__label)[data-lower-mask]:before{content:"";pointer-events:none;-webkit-mask:var(--lower-mask) center / 100% 100% no-repeat;-webkit-mask:var(--lower-mask) center / 100% 100% no-repeat;mask:var(--lower-mask) center / 100% 100% no-repeat;background:#2f82ff;position:absolute}.secure-component[data-theme=dark] .secure-tag[data-lower-mask]:before{width:30px;height:30px;transform:scaleY(var(--icon-scale,1));top:3px;left:3px}.secure-component[data-theme=dark] .secure-storage [data-lower-mask]:before{background:#199a59}.secure-component[data-theme=dark] .secure-connector__line[data-lower-mask]:before{inset:0}.secure-component[data-theme=dark] .secure-connector__vector{color:#2f82ff}.secure-component[data-theme=dark] .secure-badge__label[data-lower-mask]:before{width:30px;height:30px;top:0;left:0}.secure-component[data-theme=dark] :is(.secure-tag,.secure-connector__line,.secure-badge__label)[data-lower-mask]>img{opacity:0}.secure-component:not([data-theme=dark]) .secure-badge [data-keep-color]{filter:brightness(0)}
.task-ops{--task-ops-chapter:clamp(480px, 62svh, 720px)}.task-ops-track{height:calc(100svh + var(--task-ops-count,4) * var(--task-ops-chapter));position:relative}.task-ops-sticky{min-height:100svh;padding-block:max(clamp(32px, 4svh, 55px), env(safe-area-inset-top)) max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:clamp(32px,38svh - 247px,96px);display:flex;position:sticky;top:0;overflow:clip}.task-ops-stage{aspect-ratio:640/432;width:min(100%,1.48148*max(200px,100svh - 300px));position:relative}.task-ops-panel,.task-ops-layer{transform-origin:50% 0;position:absolute;inset:0}.task-ops-panel:not([data-index="0"]){transform:translateY(200%)}.task-ops-layer-near{transform:translateY(-2.7%)scale(.951)}.task-ops-layer-far{transform:translateY(-5.4%)scale(.902)}.task-ops-description{height:0;overflow:hidden}.task-ops-item[data-index="0"] .task-ops-description{height:auto}.task-ops-lit{opacity:0}.task-ops-item[data-index="0"] .task-ops-lit{opacity:1}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.task-ops-sticky{padding-block:max(clamp(32px, 4svh, 55px), env(safe-area-inset-top)) max(clamp(32px, 4svh, 55px), env(safe-area-inset-bottom));gap:0}.task-ops-sticky:before,.task-ops-sticky:after{content:"";flex:1 1 0}.task-ops-features{margin-top:96px}}@media (max-width:1023px){.task-ops-sticky{padding-top:40px}.task-ops-stage{clip-path:inset(-12% -8% 0);width:min(100%,1.48148*max(180px,100svh - 500px));margin-inline:auto}}@media (max-width:767px){.task-ops-sticky{padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));justify-content:center;gap:clamp(40px,5svh,48px);overflow:visible}.task-ops-stage{width:min(100%,1.48148*max(180px,100svh - 300px))}}@media (prefers-reduced-motion:reduce){.task-ops-track{height:auto}.task-ops-sticky{min-height:0;padding-block:40px;position:static}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.task-ops-sticky{padding-block:96px}}.task-ops-indicator{transition:background-color 1s ease-out}.task-ops-item button:is(:hover,:focus-visible) .task-ops-indicator{background-color:var(--color-blue-70);transition-duration:.3s}@media (prefers-reduced-motion:reduce){.task-ops-indicator{transition:none}}