.d7-flow-demo{--flow-accent:#76E7EC;--flow-tint:#174D70;--flow-period:6.5s;position:relative;isolation:isolate;width:100%!important;min-width:0!important;border:1px solid #ffffff25;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 90% 15%,var(--flow-tint),transparent 70%),#091725;box-shadow:0 24px 70px #0614201c;font-family:Manrope,sans-serif;color:#fff}
.d7-flow-demo::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:36px 36px;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}
.d7-flow-demo .d7-flow-top{padding:23px 26px 20px!important;display:flex;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:16px!important;width:100%!important}
.d7-flow-demo .d7-flow-caption{flex:1;min-width:0;width:auto!important}
.d7-flow-demo .d7-flow-caption .elementor-heading-title{font:600 15px/1.5 Manrope,sans-serif!important;letter-spacing:-.02em!important;color:#F1F7FF!important}
.d7-flow-demo .d7-flow-counter{width:auto!important;flex:none;color:var(--flow-accent)!important;font-variant-numeric:tabular-nums}
.d7-flow-demo p{margin:0!important;max-width:none!important}
.d7-flow-demo .d7-flow-steps{padding:0 26px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;width:100%!important}
.d7-flow-demo .d7-flow-step{width:100%!important;min-width:0!important}
.d7-flow-demo .d7-flow-step .elementor-button{position:relative;display:flex!important;justify-content:flex-start!important;align-items:center;min-height:48px;width:100%;padding:14px 12px!important;border:1px solid #ffffff24!important;border-radius:9px!important;background:#ffffff04!important;box-shadow:none!important;color:#C3D3E3!important;font:500 13px/1.35 Manrope,sans-serif!important;letter-spacing:0!important;text-align:left!important;overflow:hidden;transition:background .3s,border-color .3s,color .3s}
.d7-flow-demo .d7-flow-step .elementor-button-text{white-space:normal!important}
.d7-flow-demo .d7-flow-step.is-active .elementor-button{background:color-mix(in srgb,var(--flow-accent) 12%,#0B1D2D)!important;border-color:var(--flow-accent)!important;color:#fff!important;box-shadow:0 0 24px color-mix(in srgb,var(--flow-accent) 9%,transparent)!important}
.d7-flow-demo .d7-flow-step.is-active .elementor-button::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--flow-accent);box-shadow:0 0 10px var(--flow-accent);transform-origin:left;animation:d7FlowProgress var(--flow-period) linear both}
.d7-flow-demo .d7-flow-panels{width:100%!important;gap:0!important}
.d7-flow-demo .d7-flow-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(230px,.9fr);align-items:center;gap:32px!important;width:100%!important;min-width:0!important;min-height:290px;padding:28px 32px!important;border-bottom:1px solid #ffffff14}
.d7-flow-demo.is-ready .d7-flow-panel{display:none!important}
.d7-flow-demo.is-ready .d7-flow-panel.is-active{display:grid!important;animation:d7FlowReveal .48s ease both}
.d7-flow-demo .d7-flow-explain{gap:14px!important;width:100%!important;min-width:0!important}
.d7-flow-demo .d7-flow-kicker .elementor-heading-title{font:600 10px/1.5 Manrope,sans-serif!important;letter-spacing:.15em!important;color:var(--flow-accent)!important}
.d7-flow-demo .d7-flow-title .elementor-heading-title{font:600 clamp(23px,2.2vw,31px)/1.2 Manrope,sans-serif!important;letter-spacing:-.045em!important;color:#fff!important;text-wrap:balance}
.d7-flow-demo .d7-flow-copy,.d7-flow-demo .d7-flow-copy p{font:400 15px/1.75 Manrope,sans-serif!important;color:#C7D5E6!important}
.d7-flow-demo .d7-flow-art{position:relative;width:100%!important;height:228px;min-width:0!important;perspective:700px;isolation:isolate}
.d7-flow-demo .d7-flow-art::before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--flow-accent) 14%,transparent),transparent 68%);filter:blur(10px)}
.d7-flow-demo .d7-flow-art-piece{position:absolute;left:10%;width:82%!important;height:55px;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:10px 17px!important;border:1px solid #ffffff30;border-radius:11px;background:linear-gradient(115deg,#20384DEB,#102033F2);box-shadow:0 13px 30px #0003;transform:rotateY(-10deg) rotateZ(-3deg);animation:d7FlowCard 4.8s ease-in-out infinite}
.d7-flow-demo .d7-flow-piece-0{top:15px;--card-delay:0s}
.d7-flow-demo .d7-flow-piece-1{top:86px;left:5%;--card-delay:-1.6s}
.d7-flow-demo .d7-flow-piece-2{top:157px;left:0;--card-delay:-3.2s}
.d7-flow-demo .d7-flow-art-piece::after{content:'';position:absolute;left:0;top:15%;width:2px;height:70%;background:var(--flow-accent);box-shadow:0 0 14px var(--flow-accent);animation:d7FlowSignal 4.8s ease-in-out var(--card-delay) infinite}
.d7-flow-demo .d7-flow-art-label .elementor-heading-title{font:500 13px/1.4 Manrope,sans-serif!important;letter-spacing:0!important;color:#E5F2FF!important}
.d7-flow-demo .d7-flow-bottom{display:flex;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:20px!important;padding:18px 26px 12px!important;width:100%!important}
.d7-flow-demo .d7-flow-result{width:auto!important;flex:1;min-width:0}
.d7-flow-demo .d7-flow-result p{color:#CDDEEF!important;font:500 12px/1.6 Manrope,sans-serif!important}
.d7-flow-demo .d7-flow-pause{width:auto!important;flex:none;display:none}
.d7-flow-demo.is-ready .d7-flow-pause{display:block}
.d7-flow-demo .d7-flow-pause .elementor-button{padding:8px 0!important;min-height:36px;border:0!important;border-bottom:1px solid #7C95AA!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#D2E5F4!important;font:500 11px/1.4 Manrope,sans-serif!important}
.d7-flow-demo .d7-flow-note{padding:0 26px 20px!important}
.d7-flow-demo .d7-flow-note p{color:#98ADC2!important;font:400 10px/1.5 Manrope,sans-serif!important}
.d7-flow-demo a:focus-visible{outline:2px solid #fff!important;outline-offset:4px}
.d7-flow-demo:not(.is-running) .d7-flow-art-piece,.d7-flow-demo:not(.is-running) .d7-flow-art::after,.d7-flow-demo:not(.is-running) .d7-flow-art-piece::after,.d7-flow-demo:not(.is-running) .d7-flow-step .elementor-button::after{animation-play-state:paused!important}
.d7-flow-demo:not(.is-ready) .d7-flow-steps{display:none!important}
.d7-flow-demo.d7-flow-compact .d7-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.d7-flow-demo.d7-flow-compact .d7-flow-panel{grid-template-columns:1fr;gap:10px!important;padding:25px!important;min-height:395px}
.d7-flow-demo.d7-flow-compact .d7-flow-art{height:170px;max-width:370px;justify-self:center}
.d7-flow-demo.d7-flow-compact .d7-flow-art-piece{height:42px;top:8px;left:12%}
.d7-flow-demo.d7-flow-compact .d7-flow-piece-1{top:62px;left:6%}
.d7-flow-demo.d7-flow-compact .d7-flow-piece-2{top:116px;left:0}
.d7-flow-demo.d7-flow-compact .d7-flow-title .elementor-heading-title{font-size:23px!important}
.d7-flow-demo.d7-flow-compact .d7-flow-bottom{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}
.d7-flow-crm{--flow-accent:#A5B4FF;--flow-tint:#2D315F}
.d7-flow-website{--flow-accent:#79DEFF;--flow-tint:#123F5E}
.d7-flow-software{--flow-accent:#80E9CE;--flow-tint:#144D46}
.d7-flow-care{--flow-accent:#A8DCCF;--flow-tint:#234A56}
.d7-flow-mentoring{--flow-accent:#E6CB9B;--flow-tint:#424548}
.d7-flow-video{--flow-accent:#B7A0FF;--flow-tint:#493582}
.d7-flow-marketing{--flow-accent:#FDBA8C;--flow-tint:#5F334D}
.d7-flow-mentoring .d7-flow-art-piece{transform:rotate(-2deg);border-radius:18px;background:linear-gradient(130deg,#485052,#182B35)}
.d7-flow-mentoring .d7-flow-piece-1{transform:rotate(2deg)}
.d7-flow-software .d7-flow-art-piece{transform:none;left:3%;width:94%!important}
.d7-flow-demo .d7-flow-art::after{content:'';position:absolute;left:7%;top:38px;height:155px;width:2px;background:linear-gradient(transparent,var(--flow-accent),#fff,var(--flow-accent),transparent) 0 -42px/100% 42px no-repeat,linear-gradient(#ffffff20,#ffffff20);box-shadow:0 0 12px color-mix(in srgb,var(--flow-accent) 25%,transparent);animation:d7FlowTransfer 3.2s linear infinite;z-index:-1}
.d7-flow-demo.d7-flow-compact .d7-flow-art::after{height:108px;top:26px}
.d7-flow-video .d7-flow-art-piece{transform:none;left:3%;width:92%!important;height:45px;background:repeating-linear-gradient(90deg,#FFFFFF08 0 12px,#FFFFFF02 12px 16px),linear-gradient(90deg,#574D85,#252849);border-radius:7px}
.d7-flow-video .d7-flow-piece-1{background:repeating-linear-gradient(90deg,#FFFFFF15 0 2px,transparent 2px 6px),linear-gradient(90deg,#275B68,#203247)}
.d7-flow-video .d7-flow-art::after{content:'';position:absolute;left:0;top:5px;bottom:20px;width:2px;background:#EDE5FF;box-shadow:0 0 16px #BA98FF;animation:d7FlowPlayhead 4.8s linear infinite;z-index:2}
.d7-flow-marketing .d7-flow-art-piece{transform:rotate(-6deg);left:9%;width:85%!important;border-radius:15px;background:linear-gradient(120deg,#574058,#26283F)}
.d7-flow-marketing .d7-flow-piece-1{transform:rotate(3deg);left:3%}
@keyframes d7FlowProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes d7FlowCard{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes d7FlowSignal{0%,15%,90%,100%{opacity:.2}30%,65%{opacity:1}}
@keyframes d7FlowPlayhead{from{left:5%}to{left:94%}}
@keyframes d7FlowTransfer{from{background-position:0 -42px,0 0}to{background-position:0 190px,0 0}}
@keyframes d7FlowReveal{from{opacity:.35;translate:0 6px}to{opacity:1;translate:0 0}}
@media(max-width:767px){.d7-flow-demo{border-radius:16px}.d7-flow-demo .d7-flow-top{padding:20px!important}.d7-flow-demo .d7-flow-steps{padding:0 20px!important;grid-template-columns:repeat(2,minmax(0,1fr))}.d7-flow-demo .d7-flow-panel{grid-template-columns:1fr;min-height:430px;padding:24px 20px!important;gap:14px!important}.d7-flow-demo .d7-flow-art{height:185px;max-width:340px;justify-self:center}.d7-flow-demo .d7-flow-art-piece{height:44px;top:4px}.d7-flow-demo .d7-flow-piece-1{top:66px}.d7-flow-demo .d7-flow-piece-2{top:128px}.d7-flow-demo .d7-flow-title .elementor-heading-title{font-size:25px!important}.d7-flow-demo .d7-flow-copy p{font-size:14px!important}.d7-flow-demo .d7-flow-bottom{flex-direction:column!important;align-items:flex-start!important;gap:5px!important;padding:16px 20px 12px!important}.d7-flow-demo .d7-flow-note{padding:0 20px 20px!important}.d7-flow-demo .d7-flow-step .elementor-button{font-size:12px!important}.d7-flow-demo .d7-flow-caption .elementor-heading-title{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.d7-flow-demo *,.d7-flow-demo *::after{animation:none!important;transition:none!important}.d7-flow-demo .d7-flow-step.is-active .elementor-button::after{transform:scaleX(1)}}

.d7-flow-demo{scroll-margin-top:104px}