.workflow-bridge{position:relative;overflow:hidden;padding:110px 0 55px;border-block:1px solid #183239;background:linear-gradient(120deg,#081215,#0a181c 52%,#071013)}.workflow-bridge:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(34,189,199,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(34,189,199,.025) 1px,transparent 1px);background-size:48px 48px}.workflow-aura{position:absolute;width:620px;height:430px;left:5%;top:0;border-radius:50%;background:rgba(23,159,190,.09);filter:blur(110px)}.workflow-layout{position:relative;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:110px}.workflow-copy{max-width:440px}.workflow-kicker{display:flex;align-items:center;gap:10px;color:#65838c;font-size:7px;font-weight:800;letter-spacing:.18em}.workflow-kicker i{width:7px;height:7px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 5px rgba(34,189,199,.08)}.workflow-copy h2{margin:21px 0 18px;color:#fff;font-size:clamp(38px,4.5vw,61px);line-height:1.03;letter-spacing:-.055em}.workflow-copy h2 em{font-style:normal;background:linear-gradient(100deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.workflow-copy>p{max-width:400px;color:#8399a1;font-size:14px;line-height:1.8}.workflow-status{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;margin-top:33px;padding:15px;border:1px solid #24444c;border-radius:12px;background:rgba(12,28,33,.72);box-shadow:0 18px 45px rgba(0,0,0,.18)}.status-beacon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:rgba(34,189,199,.1)}.status-beacon i{width:9px;height:9px;border-radius:50%;background:#30dfa0;box-shadow:0 0 0 5px rgba(48,223,160,.1);animation:beacon 2s ease-in-out infinite}.workflow-status small,.workflow-status strong{display:block}.workflow-status small{color:#5e7981;font-size:5px;letter-spacing:.14em}.workflow-status strong{margin-top:3px;color:#edf5f6;font-size:8px}.workflow-status>b{color:var(--cyan);font-size:12px}.workflow-path{position:relative;display:grid;gap:10px;padding-left:34px}.pulse-line{position:absolute;left:15px;top:40px;bottom:40px;width:1px;background:#234149}.pulse-line span{position:absolute;left:-2px;top:0;width:5px;height:68px;border-radius:4px;background:linear-gradient(transparent,var(--cyan),transparent);animation:pulseTravel 4s ease-in-out infinite}.workflow-step{position:relative;display:grid;grid-template-columns:45px 35px 1fr auto;align-items:center;gap:14px;min-height:86px;padding:13px 18px;border:1px solid #1d353c;border-radius:14px;background:rgba(10,22,26,.8);transition:.25s ease}.workflow-step:hover{transform:translateX(5px);border-color:#2b5963;background:#0d2025}.workflow-step:before{content:"";position:absolute;left:-24px;top:50%;width:22px;height:1px;background:#234149}.workflow-step:after{content:"";position:absolute;left:-23px;top:calc(50% - 3px);width:7px;height:7px;border:1px solid #2c626d;border-radius:50%;background:#0a171b}.workflow-step.active:after,.workflow-step.live:after{background:var(--cyan);box-shadow:0 0 0 5px rgba(34,189,199,.08)}.step-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #24444c;border-radius:12px;background:#102228;color:var(--cyan);font-size:15px}.step-number{color:#4f6870;font-size:7px;font-weight:800;letter-spacing:.1em}.workflow-step small,.workflow-step h3,.workflow-step p{display:block;margin:0}.workflow-step small{color:#3fcbd3;font-size:5px;font-weight:800;letter-spacing:.14em}.workflow-step h3{margin:2px 0;color:#f1f7f8;font-size:12px}.workflow-step p{color:#6e858d;font-size:7px}.workflow-step>b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:8px;background:rgba(48,223,160,.08);color:#3de0a4;font-size:7px}.workflow-step.live{border-color:#1d7d87;background:linear-gradient(100deg,rgba(17,105,116,.15),rgba(10,22,26,.8))}.workflow-step.live>b{display:flex;gap:5px;width:auto;padding:0 8px;background:rgba(34,189,199,.12);color:#71e3e8;letter-spacing:.1em}.workflow-step.live>b i{width:5px;height:5px;border-radius:50%;background:#31e0a1;animation:beacon 2s infinite}.workflow-footer{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;margin-top:75px;padding-top:28px;border-top:1px solid #173037;color:#5e7880;font-size:7px;font-weight:800;letter-spacing:.17em}.workflow-footer small{text-align:right}.mini-wave{height:27px;display:flex;align-items:center;gap:3px}.mini-wave i{display:block;width:2px;border-radius:3px;background:linear-gradient(var(--cyan),var(--blue));animation:waveBeat 1.5s ease-in-out infinite}.mini-wave i:nth-child(1),.mini-wave i:nth-child(7){height:7px}.mini-wave i:nth-child(2),.mini-wave i:nth-child(8){height:15px;animation-delay:.1s}.mini-wave i:nth-child(3),.mini-wave i:nth-child(9){height:23px;animation-delay:.2s}.mini-wave i:nth-child(4),.mini-wave i:nth-child(10){height:12px;animation-delay:.3s}.mini-wave i:nth-child(5),.mini-wave i:nth-child(11){height:19px;animation-delay:.4s}.mini-wave i:nth-child(6),.mini-wave i:nth-child(12){height:9px;animation-delay:.5s}@keyframes pulseTravel{0%{top:0;opacity:0}15%,85%{opacity:1}100%{top:calc(100% - 68px);opacity:0}}@keyframes beacon{50%{opacity:.55;transform:scale(.78)}}@keyframes waveBeat{50%{transform:scaleY(.45);opacity:.65}}@media(max-width:980px){.workflow-layout{grid-template-columns:1fr;gap:65px}.workflow-copy{max-width:650px}.workflow-path{width:min(720px,100%)}.workflow-status{max-width:460px}}@media(max-width:640px){.workflow-bridge{padding:80px 0 42px}.workflow-layout{gap:48px}.workflow-copy h2{font-size:40px}.workflow-path{padding-left:22px}.pulse-line{left:7px}.workflow-step{grid-template-columns:39px 1fr auto;gap:10px;padding:12px}.workflow-step .step-number{display:none}.step-icon{width:38px;height:38px}.workflow-step:before{left:-16px;width:14px}.workflow-step:after{left:-17px}.workflow-footer{grid-template-columns:1fr auto;margin-top:55px}.workflow-footer small{display:none}}@media(prefers-reduced-motion:reduce){.pulse-line span,.status-beacon i,.workflow-step.live>b i,.mini-wave i{animation:none}.workflow-step{transition:none}}
