.credoss-flow{--cf-ink: #0f172a;--cf-ink-soft: #475569;--cf-line: #e2e8f0;--cf-surface: #fff;--dur: 3.2s;color:var(--cf-ink);background:radial-gradient(120% 90% at 18% 8%,rgb(31 88 199 / .07) 0%,transparent 55%),radial-gradient(110% 90% at 88% 78%,rgb(34 145 167 / .09) 0%,transparent 58%),#f5f8fb;padding:clamp(28px,4vw,60px) clamp(14px,3vw,40px);-webkit-font-smoothing:antialiased}.credoss-flow *,.credoss-flow *:before,.credoss-flow *:after{box-sizing:border-box}.cf-intro{max-width:40rem;margin:0 auto clamp(6px,1.5vw,18px);text-align:center}.cf-intro h2{margin:0 0 .6rem;font-size:clamp(1.5rem,1.05rem + 1.6vw,2.15rem);font-weight:700;letter-spacing:-.022em;line-height:1.15}.cf-intro p{margin:0;color:var(--cf-ink-soft);font-size:clamp(.94rem,.88rem + .25vw,1.06rem);line-height:1.6}.cf-stage{position:relative;width:min(100%,880px);margin:clamp(10px,2vw,26px) auto 0;aspect-ratio:1/1;container-type:size}.cf-ring{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}.cf-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:25cqw;height:25cqw;border-radius:50%;background:var(--cf-surface);box-shadow:0 2cqw 4cqw -1.6cqw #0f172a38,0 0 0 .55cqw #ffffffe6;display:grid;place-content:center;justify-items:center;gap:.35cqw;text-align:center;z-index:3}.cf-hub-halo{position:absolute;left:50%;top:50%;width:30cqw;height:30cqw;transform:translate(-50%,-50%);border-radius:50%;z-index:2;pointer-events:none;background:conic-gradient(from 0deg,#1f58c700,#2291a74d 22%,#1f58c74d 52%,#2291a700 80%,#1f58c700);filter:blur(1.4cqw);animation:cf-spin 14s linear infinite}.cf-hub-pulse{position:absolute;left:50%;top:50%;width:25cqw;height:25cqw;transform:translate(-50%,-50%) scale(1);border-radius:50%;z-index:2;pointer-events:none;border:.22cqw solid #1f58c7;opacity:0}.cf-hub-pulse.is-firing{animation:cf-pulse .9s cubic-bezier(.2,.7,.3,1)}@keyframes cf-pulse{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}@keyframes cf-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.cf-hub-glyph{width:6.4cqw;height:6.4cqw;margin-bottom:.4cqw}.cf-hub-name{font-size:2.9cqw;font-weight:800;letter-spacing:-.02em;line-height:1}.cf-hub-meta{font-size:1.45cqw;font-weight:600;color:var(--cf-ink-soft);font-variant-numeric:tabular-nums;line-height:1.2;max-width:18cqw}.cf-hub-meta b{color:var(--cf-ink);font-weight:800}.cf-card{position:absolute;z-index:4;display:flex;align-items:flex-start;gap:1.1cqw;width:22cqw;padding:0;margin:0;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform .42s cubic-bezier(.2,.8,.3,1)}.cf-card:focus-visible{outline:2px solid #1f58c7;outline-offset:6px;border-radius:10px}.cf-card[data-side=left]{flex-direction:row-reverse;text-align:right}.cf-card[data-side=top]{flex-direction:column;align-items:center;text-align:center;width:30cqw}.cf-num{flex:0 0 auto;width:3.1cqw;height:3.1cqw;border-radius:50%;display:grid;place-content:center;font-size:1.6cqw;font-weight:800;font-variant-numeric:tabular-nums;color:var(--cf-ink-soft);background:var(--cf-surface);box-shadow:inset 0 0 0 .16cqw var(--cf-line);transition:color .32s,box-shadow .32s,background .32s,transform .42s cubic-bezier(.2,.8,.3,1)}.cf-body{min-width:0;display:block}.cf-title{display:block;margin:.25cqw 0 .7cqw;font-size:1.95cqw;font-weight:600;line-height:1.32;letter-spacing:-.012em;color:var(--cf-ink-soft);transition:color .32s}.cf-actor{display:inline-block;padding:.35cqw .95cqw;border-radius:99px;font-size:1.32cqw;font-weight:600;line-height:1.35;color:var(--cf-actor);background:color-mix(in srgb,var(--cf-actor) 9%,white);box-shadow:inset 0 0 0 .12cqw color-mix(in srgb,var(--cf-actor) 22%,white);opacity:.72;transition:opacity .32s,box-shadow .32s}.cf-card.is-active .cf-title{color:var(--cf-ink)}.cf-card.is-active .cf-num{color:#fff;background:var(--cf-actor);box-shadow:0 .5cqw 1.4cqw -.4cqw color-mix(in srgb,var(--cf-actor) 60%,transparent);transform:scale(1.12)}.cf-card.is-active .cf-actor{opacity:1;box-shadow:inset 0 0 0 .14cqw color-mix(in srgb,var(--cf-actor) 40%,white)}.cf-controls{display:flex;justify-content:center;margin-top:clamp(10px,1.6vw,20px)}.cf-play{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--cf-line);background:var(--cf-surface);color:#94a3b8;cursor:pointer;transition:color .2s,border-color .2s}.cf-play:hover{color:var(--cf-ink);border-color:#cbd5e1}.cf-play:focus-visible{outline:2px solid #1f58c7;outline-offset:3px}.cf-play svg{width:12px;height:12px;fill:currentColor}.cf-play span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cf-rail{display:none}@media(max-width:699px){.cf-stage{display:none}.cf-rail{display:block;position:relative;max-width:30rem;margin:1.35rem auto 0;padding-left:2.9rem}.cf-rail-hub{display:flex;align-items:center;gap:.7rem;margin:0 0 1.15rem -2.9rem;padding:.6rem .95rem .6rem .65rem;background:var(--cf-surface);border-radius:99px;box-shadow:0 8px 20px -12px #0f172a59;width:fit-content}.cf-rail-hub svg{width:26px;height:26px}.cf-rail-hub span{font-size:.95rem;font-weight:800;letter-spacing:-.02em}.cf-rail-hub small{font-size:.8rem;font-weight:600;color:var(--cf-ink-soft);font-variant-numeric:tabular-nums}.cf-rail-track{position:absolute;left:1.03rem;top:3.6rem;bottom:1.1rem;width:2px;background:var(--cf-line);border-radius:2px;overflow:hidden}.cf-rail-fill{position:absolute;inset:0 0 auto;height:0;background:linear-gradient(180deg,#334155,#1f58c7 55%,#1d7a8d);transition:height var(--dur) linear}.cf-rail-item{position:relative;display:block;width:100%;padding:.55rem 0 1.05rem;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.cf-rail-item:focus-visible{outline:2px solid #1f58c7;outline-offset:4px;border-radius:8px}.cf-rail-item .cf-num{position:absolute;left:-2.9rem;top:.45rem;width:2.05rem;height:2.05rem;font-size:.86rem;box-shadow:inset 0 0 0 1.5px var(--cf-line)}.cf-rail-item.is-active .cf-num{color:#fff;background:var(--cf-actor);transform:scale(1.06);box-shadow:0 6px 14px -5px color-mix(in srgb,var(--cf-actor) 65%,transparent)}.cf-rail-item .cf-title{display:block;font-size:1rem;margin:0 0 .45rem}.cf-rail-item.is-active .cf-title{color:var(--cf-ink)}.cf-rail-item .cf-actor{font-size:.76rem;padding:.18rem .6rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cf-actor) 22%,white)}.cf-rail-item.is-active .cf-actor{opacity:1}}@media(prefers-reduced-motion:reduce){.credoss-flow *{animation:none!important;transition-duration:1ms!important}}
