.cb-steps{background:linear-gradient(180deg,#14344f,#0a1b29);overflow:hidden;position:relative}.cb-steps:before{background:radial-gradient(circle 2px at 12% 18%,hsla(0,0%,100%,.05) 50%,transparent 51%),radial-gradient(circle 3px at 78% 12%,hsla(0,0%,100%,.05) 50%,transparent 51%),radial-gradient(circle 2px at 55% 30%,hsla(0,0%,100%,.05) 50%,transparent 51%),radial-gradient(circle 2px at 88% 62%,hsla(0,0%,100%,.05) 50%,transparent 51%),radial-gradient(circle 3px at 30% 80%,hsla(0,0%,100%,.05) 50%,transparent 51%),radial-gradient(600px 420px at 85% 20%,rgba(6,182,212,.1),transparent 70%),radial-gradient(520px 380px at 8% 85%,rgba(143,253,118,.06),transparent 70%);content:"";inset:0;pointer-events:none;position:absolute}.cb-steps .cb-inner{position:relative}.cb-steps__grid{align-items:start;display:grid;gap:40px;grid-template-columns:minmax(0,600px) minmax(0,600px);justify-content:space-between}.cb-steps__copy h2{color:#f8f9fa;font-size:clamp(32px,6vw,52px);margin:0 0 24px}.cb-steps__intro{color:#adb5bd;font-size:18px;line-height:28px;margin:0 0 40px}.cb-steps__list{display:grid;gap:16px}.cb-steps__item{border-left:2px solid #334155;padding:18px 20px}.cb-steps__item summary{color:#f8f9fa;cursor:pointer;font-size:18px;font-weight:600;line-height:28px;list-style:none}.cb-steps__item summary::-webkit-details-marker{display:none}.cb-steps__item{--cb-step-accent:#06b6d4}.cb-steps__item--green{--cb-step-accent:#22c55e}.cb-steps__item--purple{--cb-step-accent:#a855f7}.cb-steps__item--blue{--cb-step-accent:#3b82f6}.cb-steps__item[open]{background:linear-gradient(135deg,color-mix(in srgb,var(--cb-step-accent) 18%,transparent) 0,hsla(0,0%,100%,.03) 50%,hsla(0,0%,100%,.02) 100%);border:1px solid color-mix(in srgb,var(--cb-step-accent) 45%,transparent);border-left:4px solid var(--cb-step-accent);border-radius:12px}.cb-steps__item[open] summary{color:var(--cb-step-accent)}.cb-steps__item p{color:#adb5bd;font-size:16px;line-height:24px;margin:10px 0 0}.cb-steps__visual{container-type:inline-size;position:relative}.cb-flow{backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);background:linear-gradient(160deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.015) 34%,hsla(0,0%,100%,0) 62%),linear-gradient(162deg,rgba(24,52,76,.62),rgba(12,26,40,.66));border:1px solid hsla(0,0%,100%,.08);border-radius:1.5em;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),inset 0 -1px 0 hsla(0,0%,100%,.04),0 1.5em 3em rgba(2,12,20,.45);display:flex;flex-direction:column;font-size:min(2.7cqw,16px);gap:1em;margin:0 auto;max-width:600px;padding:1.4em;position:relative;width:100%}.cb-flow:after{background:linear-gradient(135deg,rgba(240,252,250,.75),hsla(0,0%,100%,.1) 26%,hsla(0,0%,100%,.02) 52%,rgba(200,245,236,.18) 78%,rgba(190,240,232,.45));border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:2}.cb-flow__group{background:linear-gradient(155deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.012) 40%,hsla(0,0%,100%,0) 70%),hsla(0,0%,100%,.012);border:1px solid hsla(0,0%,100%,.05);border-radius:1em;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07);padding:.9em;position:relative;transition:border-color .35s ease,background-color .35s ease,box-shadow .35s ease}.cb-flow__group:after{background:linear-gradient(140deg,rgba(235,250,248,.42) 0,hsla(0,0%,100%,.05) 34%,hsla(0,0%,100%,0) 62%,rgba(var(--a,235,250,248),.22) 100%);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;transition:background .35s ease}.cb-flow__group--customers,.cb-flow__group--usage{--a:45,212,191}.cb-flow__group--pricing{--a:34,197,94}.cb-flow__group--invoices{--a:168,85,247}.cb-flow__group--exports{--a:59,130,246}.cb-flow__label{color:hsla(0,0%,100%,.5);display:block;font-size:.72em;font-weight:600;letter-spacing:.16em;margin-bottom:.85em;text-align:center;text-transform:uppercase}.cb-flow__link{align-items:center;display:flex;justify-content:center;margin:-.35em 0;min-height:4em;position:relative}.cb-flow__brand{color:hsla(0,0%,100%,.85);font-size:.72em;font-weight:600;letter-spacing:.22em;position:relative;text-align:center;text-transform:uppercase;z-index:2}.cb-flow__wiredots,.cb-flow__wires{left:.9em;opacity:0;pointer-events:none;position:absolute;right:.9em;transition:opacity .4s ease;z-index:1}.cb-flow__wires{bottom:-.5em;fill:none;filter:drop-shadow(0 0 2px rgba(45,212,191,.55));stroke:#2dd4bf;stroke-linecap:round;stroke-width:1.6;top:-.5em}.cb-flow__wires path{vector-effect:non-scaling-stroke}.cb-flow[data-cb-active="0"] .cb-flow__wires{opacity:1}.cb-flow__spark{fill:#b4fff4}@media (prefers-reduced-motion:reduce){.cb-flow__spark{display:none}}.cb-flow__cells{display:grid;gap:.6em;grid-template-columns:repeat(4,1fr)}.cb-flow__cell{align-items:center;background:linear-gradient(150deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.015) 45%,hsla(0,0%,100%,0) 75%),hsla(0,0%,100%,.015);border:1px solid hsla(0,0%,100%,.07);border-radius:.55em;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.5);display:flex;font-size:.8em;gap:.4em;padding:.65em .55em;position:relative;transition:border-color .35s ease,background-color .35s ease,color .35s ease;white-space:nowrap}.cb-flow__cell svg{flex:none;height:1.15em;opacity:.75;width:1.15em}.cb-flow__bar:after,.cb-flow__cell:after{background:linear-gradient(140deg,rgba(240,252,250,.55) 0,hsla(0,0%,100%,.06) 38%,hsla(0,0%,100%,0) 66%,rgba(var(--a,235,250,248),.28) 100%);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;transition:background .35s ease}.cb-flow__group--invoices,.cb-flow__group--pricing{display:flex;flex-direction:column;gap:.7em}.cb-flow__bar{align-items:center;background:linear-gradient(150deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.015) 45%,hsla(0,0%,100%,0) 75%),hsla(0,0%,100%,.015);border:1px solid hsla(0,0%,100%,.07);border-radius:.55em;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.72);display:flex;font-size:.9em;font-weight:500;gap:.5em;justify-content:center;padding:.85em;position:relative;transition:border-color .35s ease,background-color .35s ease,color .35s ease}.cb-flow__bar svg{flex:none;height:1.1em;width:1.1em}.cb-flow__connect{display:none;grid-template-columns:repeat(4,1fr);height:1.4em;margin:-.7em 0;--fall:1.4em}.cb-flow__connect i{align-self:stretch;background:rgba(var(--a),.45);justify-self:center;position:relative;width:2px}.cb-flow__connect i:after{animation:cb-connect-spark 2.6s linear infinite;background:#b4fff4;border-radius:50%;box-shadow:0 0 .4em rgba(var(--a),.9);content:"";height:.5em;left:50%;position:absolute;top:0;transform:translate(-50%,-.25em);width:.5em}.cb-flow__connect i:nth-child(2):after{animation-delay:-.9s;animation-duration:3.1s}.cb-flow__connect i:nth-child(3):after{animation-delay:-1.6s;animation-duration:2.4s}.cb-flow__connect i:nth-child(4):after{animation-delay:-.5s;animation-duration:2.9s}.cb-flow__connect--mid{--a:34,197,94}@keyframes cb-connect-spark{0%{opacity:0;transform:translate(-50%,-.25em)}15%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate(-50%,calc(var(--fall) - .25em))}}@media (prefers-reduced-motion:reduce){.cb-flow__connect i:after{animation:none;bottom:-.15em;top:auto;transform:translate(-50%)}}.cb-flow [data-cb-goto]{cursor:pointer}.cb-flow [data-cb-goto]:hover{border-color:hsla(0,0%,100%,.28)}.cb-flow[data-cb-active="0"] .cb-flow__group--customers,.cb-flow[data-cb-active="0"] .cb-flow__group--usage,.cb-flow[data-cb-active="1"] .cb-flow__group--pricing,.cb-flow[data-cb-active="2"] .cb-flow__group--invoices,.cb-flow[data-cb-active="3"] .cb-flow__group--exports{background:rgba(var(--a),.1);border-color:rgba(var(--a),.7);box-shadow:0 0 2.5em rgba(var(--a),.28),inset 0 0 1.6em rgba(var(--a),.1)}.cb-flow[data-cb-active="0"] .cb-flow__group--customers .cb-flow__cell,.cb-flow[data-cb-active="0"] .cb-flow__group--usage .cb-flow__cell,.cb-flow[data-cb-active="1"] .cb-flow__group--pricing .cb-flow__bar,.cb-flow[data-cb-active="2"] .cb-flow__group--invoices .cb-flow__cell,.cb-flow[data-cb-active="3"] .cb-flow__group--exports .cb-flow__cell{background:rgba(var(--a),.16);border-color:rgba(var(--a),.55);color:#fff}.cb-flow[data-cb-active="0"] .cb-flow__group--customers .cb-flow__cell svg,.cb-flow[data-cb-active="0"] .cb-flow__group--usage .cb-flow__cell svg,.cb-flow[data-cb-active="1"] .cb-flow__group--pricing .cb-flow__bar svg,.cb-flow[data-cb-active="2"] .cb-flow__group--invoices .cb-flow__cell svg,.cb-flow[data-cb-active="3"] .cb-flow__group--exports .cb-flow__cell svg{opacity:1}.cb-flow[data-cb-active="0"] .cb-flow__group--usage .cb-flow__label{color:rgba(var(--a),.95)}.cb-flow[data-cb-active="1"] .cb-flow__connect--pricing,.cb-flow[data-cb-active="2"] .cb-flow__connect--mid,.cb-flow[data-cb-active="2"] .cb-flow__connect--top{display:grid}@media (max-width:1100px){.cb-steps__grid{grid-template-columns:1fr}}@media (max-width:767px){.cb-steps__intro{font-size:16px;line-height:24px;margin-bottom:32px}.cb-steps__item{padding:16px}.cb-steps__item summary{font-size:16px;line-height:24px}}