.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);box-shadow:var(--shadow-key);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{color:var(--color-neutral-70);position:absolute;top:14px;left:16px}.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-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{gap:8px}.ops-composer-actions{gap:16px}.ops-chart-guide{width:100%;max-width:none}}@media (min-width:768px){.ops-chart-range{color:var(--color-neutral-100)}}
.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_7Hc1fKKYkP2CHcsKFsjStam19JFc)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:ComplementSharedHeadline;src:url(../media/slussen-extended-regular-DFHUklaM.0iqc9igefiklx.woff2?dpl=dpl_7Hc1fKKYkP2CHcsKFsjStam19JFc)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_7Hc1fKKYkP2CHcsKFsjStam19JFc)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(180px, 24svh, 260px)}.task-ops-track{height:calc(100dvh + var(--task-ops-count,4) * var(--task-ops-chapter));position:relative}.task-ops-sticky{min-height:100dvh;padding-block:max(clamp(32px, 4dvh, 55px), env(safe-area-inset-top)) max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:clamp(32px,38dvh - 247px,96px);display:flex;position:sticky;top:0;overflow:clip}.task-ops-stage{aspect-ratio:640/432;width:min(100%,1.48148*max(200px,100dvh - 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, 4dvh, 55px), env(safe-area-inset-top)) max(clamp(32px, 4dvh, 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,100dvh - 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,5dvh,48px);overflow:visible}.task-ops-stage{width:min(100%,1.48148*max(180px,100dvh - 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}}