@font-face{font-display:swap;font-family:Suisse Intl;font-style:normal;font-weight:400;src:url(https://ottorl.ai/hubfs/suisseintl--regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Suisse Intl;font-style:normal;font-weight:500;src:url(https://ottorl.ai/hubfs/suisseintl--medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Suisse Intl;font-style:normal;font-weight:600;src:url(https://ottorl.ai/hubfs/suisseintl--semibold.woff2) format("woff2")}.sr-otto-modular-integration{background:#0a0a0a;color:#fff;font-family:Suisse Intl,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}.sr-otto-modular-integration .sr-otto-modular-integration__experience{margin:0 auto;max-width:1140px;position:relative;width:100%}.sr-otto-modular-integration .sr-otto-modular-integration__stage{background:transparent;border:.5px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;padding:36px 28px 30px;position:relative;transition:border-color 1s ease}.sr-otto-modular-integration .sr-otto-modular-integration__stage.is-lit{border-color:hsla(0,0%,100%,.14)}.sr-otto-modular-integration .sr-otto-modular-integration__zone-label{color:hsla(0,0%,100%,.45);font-family:Suisse Intl,sans-serif;font-size:10px;font-weight:500;letter-spacing:.24em;margin:0 0 14px;opacity:0;text-align:center;text-transform:uppercase;transform:translateY(-3px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}.sr-otto-modular-integration .sr-otto-modular-integration__zone-label.is-revealed{opacity:1;transform:translateY(0)}.sr-otto-modular-integration .sr-otto-modular-integration__row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto;max-width:880px}.sr-otto-modular-integration .sr-otto-modular-integration__chip{background:transparent;border:.5px solid hsla(0,0%,100%,.18);border-radius:5px;color:hsla(0,0%,100%,.78);cursor:default;font-family:Suisse Intl,sans-serif;font-size:13px;font-weight:400;letter-spacing:.01em;opacity:0;padding:8px 15px;transform:translateY(-4px);transition:opacity .45s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s ease,color .3s ease,background .3s ease}.sr-otto-modular-integration .sr-otto-modular-integration__chip.is-revealed{opacity:1;transform:translateY(0)}.sr-otto-modular-integration .sr-otto-modular-integration__chip.is-flashed{border-color:hsla(0,0%,100%,.4);color:hsla(0,0%,100%,.95)}.sr-otto-modular-integration .sr-otto-modular-integration__chip.is-receiving{border-color:hsla(0,0%,100%,.6);color:#fff}.sr-otto-modular-integration .sr-otto-modular-integration__chip:hover{background:hsla(0,0%,100%,.025);border-color:hsla(0,0%,100%,.55);color:#fff}.sr-otto-modular-integration .sr-otto-modular-integration__lane{pointer-events:none;position:relative;width:100%}.sr-otto-modular-integration .sr-otto-modular-integration__lane--top{height:28px;margin:4px 0}.sr-otto-modular-integration .sr-otto-modular-integration__lane--bot,.sr-otto-modular-integration .sr-otto-modular-integration__lane--mid{height:36px;margin:4px 0}.sr-otto-modular-integration .sr-otto-modular-integration__line{background:hsla(0,0%,100%,.32);pointer-events:none;position:absolute;transition:background .4s ease,box-shadow .5s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.65,.05,.36,1)}.sr-otto-modular-integration .sr-otto-modular-integration__line--v{height:100%;top:0;transform:scaleY(0);transform-origin:top center;width:1px}.sr-otto-modular-integration .sr-otto-modular-integration__line--v.is-drawn{transform:scaleY(1)}.sr-otto-modular-integration .sr-otto-modular-integration__line--h{height:1px;transform:scaleX(0);transform-origin:center center}.sr-otto-modular-integration .sr-otto-modular-integration__line--h.is-drawn{transform:scaleX(1)}.sr-otto-modular-integration .sr-otto-modular-integration__line--center{left:50%;transform:translateX(-50%) scaleY(0)}.sr-otto-modular-integration .sr-otto-modular-integration__line--center.is-drawn{transform:translateX(-50%) scaleY(1)}.sr-otto-modular-integration .sr-otto-modular-integration__line--mid-down{height:50%;left:50%;top:0;transform:translateX(-50%) scaleY(0);transform-origin:top center}.sr-otto-modular-integration .sr-otto-modular-integration__line--mid-down.is-drawn{transform:translateX(-50%) scaleY(1)}.sr-otto-modular-integration .sr-otto-modular-integration__line--mid-junction{left:16.66%;margin-top:-.5px;right:16.66%;top:50%;transform:scaleX(0);transform-origin:center center}.sr-otto-modular-integration .sr-otto-modular-integration__line--mid-junction.is-drawn{transform:scaleX(1)}.sr-otto-modular-integration .sr-otto-modular-integration__line--mid-rcc{height:50%;left:16.66%;top:50%;transform-origin:top center}.sr-otto-modular-integration .sr-otto-modular-integration__line--mid-all{height:50%;left:50%;top:50%;transform:translateX(-50%) scaleY(0);transform-origin:top center}.sr-otto-modular-integration .sr-otto-modular-integration__line--mid-all.is-drawn{transform:translateX(-50%) scaleY(1)}.sr-otto-modular-integration .sr-otto-modular-integration__line--mid-qee{height:50%;left:83.33%;top:50%;transform-origin:top center}.sr-otto-modular-integration .sr-otto-modular-integration__line--bot-rcc{height:50%;left:16.66%;top:0;transform-origin:top center}.sr-otto-modular-integration .sr-otto-modular-integration__line--bot-all{height:50%;left:50%;top:0;transform:translateX(-50%) scaleY(0);transform-origin:top center}.sr-otto-modular-integration .sr-otto-modular-integration__line--bot-all.is-drawn{transform:translateX(-50%) scaleY(1)}.sr-otto-modular-integration .sr-otto-modular-integration__line--bot-qee{height:50%;left:83.33%;top:0;transform-origin:top center}.sr-otto-modular-integration .sr-otto-modular-integration__line--bot-junction{left:16.66%;margin-top:-.5px;right:16.66%;top:50%;transform:scaleX(0);transform-origin:center center}.sr-otto-modular-integration .sr-otto-modular-integration__line--bot-junction.is-drawn{transform:scaleX(1)}.sr-otto-modular-integration .sr-otto-modular-integration__line--bot-down{height:50%;left:50%;top:50%;transform:translateX(-50%) scaleY(0);transform-origin:top center}.sr-otto-modular-integration .sr-otto-modular-integration__line--bot-down.is-drawn{transform:translateX(-50%) scaleY(1)}.sr-otto-modular-integration .sr-otto-modular-integration__line.is-energized{background:hsla(0,0%,100%,.5)}.sr-otto-modular-integration .sr-otto-modular-integration__line.is-related-active{animation:srOttoHaloBreathe 2.2s ease-in-out infinite;background:hsla(0,0%,100%,.95)!important;box-shadow:0 0 3px hsla(0,0%,100%,.65),0 0 8px hsla(0,0%,100%,.35),0 0 14px hsla(0,0%,100%,.18)}@keyframes srOttoHaloBreathe{0%,to{box-shadow:0 0 3px hsla(0,0%,100%,.65),0 0 8px hsla(0,0%,100%,.35),0 0 14px hsla(0,0%,100%,.18)}50%{box-shadow:0 0 5px hsla(0,0%,100%,.8),0 0 12px hsla(0,0%,100%,.5),0 0 20px hsla(0,0%,100%,.28)}}.sr-otto-modular-integration .sr-otto-modular-integration__connect-wrap{display:flex;justify-content:center;position:relative;z-index:2}.sr-otto-modular-integration .sr-otto-modular-integration__connect-card{align-items:center;background:transparent;border:0;display:flex;flex-direction:column;gap:8px;opacity:0;padding:8px 0;transform:translateY(4px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.sr-otto-modular-integration .sr-otto-modular-integration__connect-card.is-revealed{opacity:1;transform:translateY(0)}.sr-otto-modular-integration .sr-otto-modular-integration__connect-card.is-lit,.sr-otto-modular-integration .sr-otto-modular-integration__connect-card.is-receiving{background:transparent;border:0;box-shadow:none}.sr-otto-modular-integration .sr-otto-modular-integration__connect-label{color:hsla(0,0%,100%,.45);font-family:Suisse Intl,sans-serif;font-size:10px;font-weight:500;letter-spacing:.24em;text-transform:uppercase}.sr-otto-modular-integration .sr-otto-modular-integration__pills{align-items:center;display:flex;gap:12px}.sr-otto-modular-integration .sr-otto-modular-integration__pill{background:transparent;border:0;color:hsla(0,0%,100%,.7);cursor:pointer;font-family:Suisse Intl,sans-serif;font-size:14px;font-weight:400;letter-spacing:.01em;padding:0;position:relative;transition:color .3s cubic-bezier(.4,0,.2,1)}.sr-otto-modular-integration .sr-otto-modular-integration__pill.is-scanning{color:#fff}.sr-otto-modular-integration .sr-otto-modular-integration__pill.is-locked{color:#fff;font-weight:600}.sr-otto-modular-integration .sr-otto-modular-integration__pill:hover{color:#fff}.sr-otto-modular-integration .sr-otto-modular-integration__pill:after{background:hsla(0,0%,100%,.4);bottom:-3px;content:"";height:.5px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease}.sr-otto-modular-integration .sr-otto-modular-integration__pill:hover:after{opacity:1}.sr-otto-modular-integration .sr-otto-modular-integration__pill-sep{color:hsla(0,0%,100%,.22);font-size:13px;font-weight:300}.sr-otto-modular-integration .sr-otto-modular-integration__agents{background:linear-gradient(180deg,hsla(0,0%,100%,.012),hsla(0,0%,100%,.025) 50%,hsla(0,0%,100%,.012));border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:14px;position:relative;transition:background .6s ease;z-index:2}.sr-otto-modular-integration .sr-otto-modular-integration__agents:before{background:radial-gradient(ellipse at 50% 50%,hsla(0,0%,100%,.02) 0,transparent 70%);border-radius:12px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity 1s ease}.sr-otto-modular-integration .sr-otto-modular-integration__stage.is-lit .sr-otto-modular-integration__agents:before{opacity:1}.sr-otto-modular-integration .sr-otto-modular-integration__agent{background:hsla(0,0%,4%,.4);border:.5px solid hsla(0,0%,100%,.14);border-radius:10px;cursor:default;opacity:0;overflow:hidden;padding:22px 18px;position:relative;text-align:center;transform:translateY(10px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),border-color .4s ease,background .4s ease;z-index:1}.sr-otto-modular-integration .sr-otto-modular-integration__agent:after,.sr-otto-modular-integration .sr-otto-modular-integration__agent:before{display:none}.sr-otto-modular-integration .sr-otto-modular-integration__agent.is-revealed{opacity:1;transform:translateY(0)}.sr-otto-modular-integration .sr-otto-modular-integration__agent.is-charged{background:hsla(0,0%,100%,.02);border-color:hsla(0,0%,100%,.28)}.sr-otto-modular-integration .sr-otto-modular-integration__agent.is-receiving{border-color:hsla(0,0%,100%,.45)}.sr-otto-modular-integration .sr-otto-modular-integration__agent:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.55)}.sr-otto-modular-integration .sr-otto-modular-integration__agent-num{color:hsla(0,0%,100%,.45);font-family:Suisse Intl,sans-serif;font-size:10px;font-weight:500;letter-spacing:.24em;margin:0 0 12px;text-transform:uppercase;transition:color .3s ease}.sr-otto-modular-integration .sr-otto-modular-integration__agent:hover .sr-otto-modular-integration__agent-num{color:hsla(0,0%,100%,.85)}.sr-otto-modular-integration .sr-otto-modular-integration__agent-logo{display:block;filter:drop-shadow(0 0 0 rgba(255,255,255,0));height:32px;margin:0 auto 10px;max-width:100%;opacity:.6;transform:scale(.96);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1),filter .45s ease;width:auto}.sr-otto-modular-integration .sr-otto-modular-integration__agent.is-revealed .sr-otto-modular-integration__agent-logo{opacity:.85;transform:scale(1);transition-delay:.15s}.sr-otto-modular-integration .sr-otto-modular-integration__agent.is-charged .sr-otto-modular-integration__agent-logo{opacity:1;transform:scale(1);transition-delay:0s}.sr-otto-modular-integration .sr-otto-modular-integration__agent.is-receiving .sr-otto-modular-integration__agent-logo{filter:drop-shadow(0 0 8px rgba(255,255,255,.25))}.sr-otto-modular-integration .sr-otto-modular-integration__agent:hover .sr-otto-modular-integration__agent-logo{filter:drop-shadow(0 0 10px rgba(255,255,255,.35));transform:scale(1.04)}.sr-otto-modular-integration .sr-otto-modular-integration__agent-role{color:hsla(0,0%,100%,.6);font-family:Suisse Intl,sans-serif;font-size:13px;font-weight:400;line-height:1.45;margin:0;transition:color .3s ease}.sr-otto-modular-integration .sr-otto-modular-integration__agent:hover .sr-otto-modular-integration__agent-role{color:hsla(0,0%,100%,.92)}@media (max-width:768px){.sr-otto-modular-integration .sr-otto-modular-integration__agents{gap:12px;grid-template-columns:1fr;padding:10px}.sr-otto-modular-integration .sr-otto-modular-integration__stage{border-radius:12px;padding:26px 18px 22px}.sr-otto-modular-integration .sr-otto-modular-integration__lane--top{height:22px}.sr-otto-modular-integration .sr-otto-modular-integration__agent-logo,.sr-otto-modular-integration .sr-otto-modular-integration__lane--bot,.sr-otto-modular-integration .sr-otto-modular-integration__lane--mid{height:28px}.sr-otto-modular-integration .sr-otto-modular-integration__agent{padding:22px 18px}.sr-otto-modular-integration .sr-otto-modular-integration__chip{font-size:12px;padding:7px 12px}.sr-otto-modular-integration .sr-otto-modular-integration__pill{font-size:13px}}@media (prefers-reduced-motion:reduce){.sr-otto-modular-integration .sr-otto-modular-integration__agent,.sr-otto-modular-integration .sr-otto-modular-integration__agent-logo,.sr-otto-modular-integration .sr-otto-modular-integration__chip,.sr-otto-modular-integration .sr-otto-modular-integration__connect-card,.sr-otto-modular-integration .sr-otto-modular-integration__line,.sr-otto-modular-integration .sr-otto-modular-integration__pill,.sr-otto-modular-integration .sr-otto-modular-integration__zone-label{filter:none!important;opacity:1!important;transform:none!important;transition:none!important}.sr-otto-modular-integration .sr-otto-modular-integration__line--bot-all,.sr-otto-modular-integration .sr-otto-modular-integration__line--bot-down,.sr-otto-modular-integration .sr-otto-modular-integration__line--center,.sr-otto-modular-integration .sr-otto-modular-integration__line--mid-all,.sr-otto-modular-integration .sr-otto-modular-integration__line--mid-down{transform:translateX(-50%)!important}.sr-otto-modular-integration .sr-otto-modular-integration__line.is-related-active{animation:none!important}.sr-otto-modular-integration .sr-otto-modular-integration__stage{border-color:hsla(0,0%,100%,.14)}}