@font-face{font-family:ComplementSharedBody;src:url(../media/slussen-regular-D6gvoHZw.3fja6-rjgiti3.woff2?dpl=dpl_H71Q6FkJPdxpJqHABF8rzWVkLin9)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:ComplementSharedHeadline;src:url(../media/slussen-extended-regular-DFHUklaM.0iqc9igefiklx.woff2?dpl=dpl_H71Q6FkJPdxpJqHABF8rzWVkLin9)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_H71Q6FkJPdxpJqHABF8rzWVkLin9)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)}
