.process{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgba(56,189,248,.13),transparent 28%),radial-gradient(circle at 88% 75%,rgba(67,56,202,.09),transparent 26%),linear-gradient(180deg,#eff8ff,#f7f9ff)}
.process:before{content:"";position:absolute;width:260px;height:260px;left:-150px;bottom:-160px;border:45px solid rgba(56,189,248,.08);border-radius:50%}
.process .section-heading h2{background:linear-gradient(105deg,#07182d,#075ea8 55%,#4338ca);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps{gap:24px}.steps:before{left:15%;right:15%;top:58px;height:2px;border:0;background:linear-gradient(90deg,#38bdf8,#43e0c0,#7868e8,#38bdf8);background-size:200% 100%;animation:stepLine 5s linear infinite}
.steps article{padding:32px 22px 25px;border:1px solid transparent;border-radius:20px;background:linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)) padding-box,linear-gradient(145deg,#b9e7fa,#dceaf3 52%,#cfc5fa) border-box;box-shadow:0 14px 32px rgba(16,79,125,.08);transition:.25s ease}
.steps article:hover{transform:translateY(-6px);box-shadow:0 22px 42px rgba(16,79,125,.14)}
.steps article>span{top:-10px;left:20px;color:rgba(7,94,168,.08);font-size:58px}
.step-icon{width:72px;height:72px;border:0;border-radius:20px;color:#fff;background:linear-gradient(145deg,#38bdf8,#0874c3);box-shadow:0 13px 28px rgba(8,116,195,.25),inset 0 1px 0 rgba(255,255,255,.45);animation:stepGlow 2.8s ease-in-out infinite}
.steps article:nth-child(2) .step-icon{background:linear-gradient(145deg,#43e0c0,#07967f);box-shadow:0 13px 28px rgba(7,150,127,.22);animation-delay:.45s}
.steps article:nth-child(3) .step-icon{background:linear-gradient(145deg,#8b7bf3,#4338ca);box-shadow:0 13px 28px rgba(67,56,202,.23);animation-delay:.9s}
.steps article:nth-child(1){background:linear-gradient(rgba(245,252,255,.92),rgba(245,252,255,.92)) padding-box,linear-gradient(145deg,#70d3fa,#c9ebf8) border-box}.steps article:nth-child(2){background:linear-gradient(rgba(244,255,251,.92),rgba(244,255,251,.92)) padding-box,linear-gradient(145deg,#75e7cf,#caeee7) border-box}.steps article:nth-child(3){background:linear-gradient(rgba(249,247,255,.92),rgba(249,247,255,.92)) padding-box,linear-gradient(145deg,#a99cf6,#ddd7fa) border-box}
.steps h3{font-size:18px}.steps p{font-size:12px;line-height:1.7}
@keyframes stepLine{to{background-position:200% 0}}@keyframes stepGlow{0%,100%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-4px);filter:brightness(1.08)}}
body.dark .process{background:#0a1728}
body.dark .process .section-heading h2{background:linear-gradient(105deg,#f8fbff,#73d6ff 55%,#a99cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
body.dark .process .section-heading .kicker{color:#51c9ff}
body.dark .steps article:nth-child(1),body.dark .steps article:nth-child(2),body.dark .steps article:nth-child(3){background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,#247aa5,#33495e,#665bb0) border-box}
body.dark .steps h3{color:#f7fbff}body.dark .steps p{color:#b7c7d9}
@media(max-width:600px){.steps{gap:12px}.steps article{padding:18px 14px 16px;border-radius:16px}.step-icon{width:52px;height:52px;border-radius:16px}.steps article>span{font-size:42px}.steps h3{margin-top:12px;font-size:15px}.steps p{font-size:9px;line-height:1.5}.steps:before{display:none}}
@media(prefers-reduced-motion:reduce){.steps:before,.step-icon{animation:none}}
.process .section-heading.centered{width:100%;align-items:center;justify-content:center;text-align:center}
.process .section-heading.centered>div{width:100%}
@media(max-width:950px){.process .section-heading.centered{align-items:center}.process .section-heading.centered h2,.process .section-heading.centered .kicker{display:block;width:100%;text-align:center}}