@import url("https://fonts.googleapis.com/css2?family=Zalando+Sans:wght@400;500;600&display=swap");.cfbb-module{--navy:#0f1b4d;--ink:#08101a;--blue:#3967e5;--tint:#5e99ff;--cyan:#00ceeb;--radius:6px;--ease:cubic-bezier(.4,0,.2,1);--stage-accent:var(--tint);background:var(--navy);color:#fff;font-family:Zalando Sans,-apple-system,Helvetica,Arial,sans-serif;margin:0;width:100%}.cfbb-module *{box-sizing:border-box}.cfbb-module a,.cfbb-module button{font:inherit}.cfbb-module .story{background:var(--navy);height:auto;position:relative}.cfbb-module .canvas{height:auto;min-height:780px;overflow:hidden;padding:clamp(56px,9vh,104px) clamp(24px,6vw,96px);position:relative}.cfbb-module .aura{inset:0;overflow:hidden;pointer-events:none;position:absolute}.cfbb-module .aura:after,.cfbb-module .aura:before{border-radius:50%;content:"";opacity:.4;position:absolute}.cfbb-module .aura:before{background:var(--ink);filter:blur(40px);height:62vw;left:-18vw;top:-26vw;transform:rotate(-18deg);width:62vw}.cfbb-module .aura:after{background:var(--blue);bottom:-30vw;filter:blur(60px);height:56vw;right:-20vw;transform:rotate(24deg);width:56vw}.cfbb-module .intro{align-items:end;display:grid;gap:clamp(32px,5vw,88px);grid-template-columns:minmax(260px,.75fr) minmax(520px,1.8fr);margin:0 auto 32px;max-width:1480px;position:relative;z-index:3}.cfbb-module .intro-head{display:flex;flex-direction:column;gap:16px}.cfbb-module .eyebrow{color:rgba(230,239,255,.72);font-size:12px;font-weight:500;letter-spacing:.1em;line-height:1;margin:0;text-transform:uppercase}.cfbb-module .cfbb-title{color:#fff!important;font-size:clamp(40px,4.6vw,68px);font-weight:600;letter-spacing:-.04em;line-height:1;margin:0;max-width:630px}.cfbb-module .cfbb-title span{background:linear-gradient(90deg,#5e99ff,#00ceeb);-webkit-background-clip:text;background-clip:text;color:transparent}.cfbb-module .story-copy{border-left:1px solid hsla(0,0%,100%,.12);display:flex;flex-direction:column;gap:10px;padding-left:clamp(24px,3vw,44px)}.cfbb-module .stage-kicker{align-items:center;color:var(--stage-accent);display:flex;font-size:14px;font-weight:500;gap:12px;letter-spacing:.06em;line-height:1;margin:0;text-transform:uppercase;transition:color .5s}.cfbb-module .stage-kicker:before{background:currentColor;content:"";flex:0 0 24px;height:2px;width:24px}.cfbb-module .stage-title{color:#fff!important;font-size:clamp(22px,1.9vw,26px);font-weight:500;letter-spacing:-.01em;line-height:1.3;margin:0}.cfbb-module .stage-text{color:#d8e0eb;font-size:clamp(15px,1.15vw,18px);line-height:1.7;margin:0;min-height:62px;text-wrap:pretty}.cfbb-module .map{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;isolation:isolate;margin:0 auto;max-width:1480px;min-height:440px;position:relative;z-index:2}.cfbb-module .env-key{display:flex;flex-wrap:wrap;gap:18px;grid-row:1;justify-content:center}.cfbb-module .env-key-item{align-items:center;color:rgba(230,239,255,.72);display:flex;font-size:12px;font-weight:500;gap:8px;line-height:1.2}.cfbb-module .env-key .pc-dot{height:7px;opacity:1;width:7px}.cfbb-module .blocks{display:grid;gap:12px;grid-row:3;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}.cfbb-module .block{all:unset;align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.12);border-radius:var(--radius);box-sizing:border-box;color:#fff;cursor:default;display:flex;gap:14px;min-height:80px;opacity:0;padding:14px 16px;position:relative;transform:translateY(36px);transition:opacity .6s var(--ease),transform .6s var(--ease),border-color .4s,background .4s,box-shadow .4s;z-index:1}.cfbb-module .block.is-connector-protected{z-index:3}.cfbb-module .block[hidden]{display:none}.cfbb-module .ready .block{opacity:.55;transform:none}.cfbb-module .block:nth-child(4n+2){transition-delay:35ms}.cfbb-module .block:nth-child(4n+3){transition-delay:.07s}.cfbb-module .block:nth-child(4n){transition-delay:.105s}.cfbb-module .block:focus-visible{outline:2px solid var(--tint);outline-offset:2px}.cfbb-module .block.active,.cfbb-module .block.custom-selected{background:color-mix(in srgb,var(--c) 14%,transparent);border-color:var(--c);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 20%,transparent),0 12px 32px rgba(8,16,26,.35);opacity:1}.cfbb-module .block.active{--c:var(--cyan);transform:translateY(-3px)}.cfbb-module .block.custom-selected{--c:var(--cyan)}.cfbb-module .block.is-connector-protected{background:color-mix(in srgb,var(--c) 14%,var(--navy))}.cfbb-module .icon{background:rgba(94,153,255,.1);border-radius:var(--radius);display:grid;flex:0 0 40px;height:40px;place-items:center;transition:background .4s;width:40px}.cfbb-module .icon i{background:var(--tint);height:22px;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;transition:background .4s;width:22px}.cfbb-module .active .icon,.cfbb-module .custom-selected .icon{background:color-mix(in srgb,var(--c) 18%,transparent)}.cfbb-module .active .icon i,.cfbb-module .custom-selected .icon i{background:var(--c)}.cfbb-module .label{display:flex;flex-direction:column;gap:6px;min-width:0}.cfbb-module .name{font-size:16px;font-weight:500;letter-spacing:-.005em;line-height:1.2}.cfbb-module .type{color:rgba(230,239,255,.6);display:block;font-size:11px;font-weight:500;letter-spacing:.06em;line-height:1;text-transform:uppercase}.cfbb-module .solutions{align-items:stretch;display:grid;gap:12px;grid-row:2;grid-template-columns:repeat(6,minmax(0,1fr));position:relative;z-index:3}.cfbb-module .solution{background:rgba(8,16,26,.35);border:1px solid hsla(0,0%,100%,.12);border-radius:var(--radius);display:flex;flex-direction:column;gap:14px;justify-content:space-between;opacity:.4;padding:16px 14px;transition:opacity .5s,transform .5s var(--ease),border-color .5s,background .5s,box-shadow .5s}.cfbb-module .solution-head{display:flex;flex-direction:column;gap:8px}.cfbb-module .solution small{color:rgba(230,239,255,.6);font-size:11px;font-weight:500;letter-spacing:.06em;line-height:1;text-transform:uppercase}.cfbb-module .solution strong{color:#fff;font-size:16px;font-weight:600;letter-spacing:-.005em;line-height:1.2}.cfbb-module .solution .status{background:hsla(0,0%,100%,.18);border-radius:999px;height:3px;transition:width .7s var(--ease);width:24px}.cfbb-module .solution.active{background:var(--blue);border-color:var(--stage-accent);box-shadow:0 16px 40px rgba(8,16,26,.4),0 0 0 1px color-mix(in srgb,var(--stage-accent) 25%,transparent);opacity:1;transform:translateY(-6px)}.cfbb-module .solution.active small{color:hsla(0,0%,100%,.85)}.cfbb-module .solution.active .status{background:linear-gradient(90deg,var(--stage-accent),hsla(0,0%,100%,0));width:100%}.cfbb-module .custom-count{color:var(--cyan);font-size:13px;line-height:1.2}.cfbb-module .pc-env-dots{align-items:center;display:flex;flex:0 0 auto;gap:5px;justify-content:flex-start;margin-left:auto}.cfbb-module .pc-dot{border-radius:50%;height:5px;opacity:.7;width:5px}.cfbb-module .pc-dot[data-e=commercial]{background:#60a5fa}.cfbb-module .pc-dot[data-e=government]{background:#2dd4bf}.cfbb-module .pc-dot[data-e=secret]{background:#f59e0b}.cfbb-module .pc-dot[data-e=topsecret]{background:#f43f5e}.cfbb-module .cfbb-connections{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:2}.cfbb-module .path{animation:cfbbFlow 1.2s linear infinite;fill:none;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--cyan) 60%,transparent));stroke:var(--cyan);stroke-dasharray:8 7;stroke-width:2}.cfbb-module .dot{fill:var(--cyan);filter:drop-shadow(0 0 6px var(--cyan))}@keyframes cfbbFlow{to{stroke-dashoffset:-30}}.cfbb-module .progress{align-items:center;display:flex;gap:12px;justify-content:center;transform:none}.cfbb-module .progress button{background:rgba(230,239,255,.3);border:0;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:.3s;width:8px}.cfbb-module .progress button.active{background:var(--stage-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--stage-accent) 18%,transparent)}.cfbb-module .progress button:focus-visible{outline:2px solid var(--tint);outline-offset:4px}.cfbb-module .hint{align-items:center;bottom:16px;color:rgba(230,239,255,.6);display:flex;font-size:12px;font-weight:500;gap:8px;left:50%;letter-spacing:.06em;position:absolute;text-transform:uppercase;transform:translateX(-50%);transition:opacity .4s;z-index:5}.cfbb-module .hint svg{animation:cfbbBob 1.5s infinite;height:16px;width:16px}@keyframes cfbbBob{50%{transform:translateY(4px)}}.cfbb-module .custom-mode .hint{opacity:0}.cfbb-module .custom-mode .block{cursor:pointer}.cfbb-module .custom-mode .block:not(.active):not(.custom-selected):hover{border-color:rgba(0,206,235,.6)}@media (max-width:1050px){.cfbb-module .canvas{padding-inline:32px}.cfbb-module .intro{grid-template-columns:1fr 1.2fr}.cfbb-module .solutions{grid-template-columns:repeat(3,minmax(0,1fr))}.cfbb-module .map{grid-template-rows:auto auto 180px}.cfbb-module .name{font-size:14px}.cfbb-module .block{min-height:72px}}@media (max-width:720px){.cfbb-module .story{height:auto}.cfbb-module .canvas{height:auto;min-height:0;overflow:visible;padding:80px 20px 88px;position:relative}.cfbb-module .intro{align-items:start;gap:24px;grid-template-columns:1fr}.cfbb-module .story-copy{border-left:0;padding-left:0}.cfbb-module .stage-text{min-height:0}.cfbb-module .map{display:block;height:auto;min-height:0}.cfbb-module .blocks{grid-template-columns:1fr 1fr}.cfbb-module .block,.cfbb-module .ready .block{min-height:76px;opacity:.8;transform:none}.cfbb-module .block.active,.cfbb-module .block.custom-selected{opacity:1;transform:none}.cfbb-module .solutions{grid-template-columns:1fr 1fr;margin-top:28px}.cfbb-module .solution{min-height:96px;opacity:.75}.cfbb-module .solution.active{transform:none}.cfbb-module .env-key{gap:12px;justify-content:flex-start}.cfbb-module .env-key-item{font-size:11px}.cfbb-module .block{gap:9px;padding:12px 10px}.cfbb-module .pc-env-dots{gap:4px}.cfbb-module .cfbb-connections,.cfbb-module .hint,.cfbb-module .type{display:none}}@media (prefers-reduced-motion:reduce){.cfbb-module *,.cfbb-module :after,.cfbb-module :before{animation:none!important;transition-duration:.01ms!important}}.cfbb-module .cfbb-navigation{align-items:center;display:flex;gap:22px;justify-content:center;margin:30px auto 0;position:relative;z-index:5}.cfbb-module .cfbb-arrow{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.24);border-radius:50%;color:#fff;cursor:pointer;display:grid;height:38px;padding:0;place-items:center;transition:background .3s,border-color .3s;width:38px}.cfbb-module .cfbb-arrow svg{height:20px;width:20px}.cfbb-module .cfbb-arrow:hover{background:rgba(94,153,255,.16);border-color:var(--stage-accent)}.cfbb-module .cfbb-arrow:focus-visible{outline:2px solid var(--tint);outline-offset:3px}.cfbb-module .story-copy{will-change:transform,opacity}@media (max-width:720px){.cfbb-module .cfbb-navigation{gap:16px;margin-top:28px}.cfbb-module .canvas{padding-bottom:48px}.cfbb-module .progress button{height:9px;width:9px}}