﻿/* Five ordered steps, with spacious cards and an explicit reading sequence. */
.steps-section{background:radial-gradient(ellipse at 90% 95%,#dff2ff 0,transparent 55%),linear-gradient(120deg,#fff,#f4f9ff);padding-block:clamp(90px,8vw,125px);overflow:hidden}
.steps-section>.container{width:min(1512px,calc(100% - 64px))}
.process-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,3fr);gap:40px;align-items:center}
.process-intro{min-width:0}
.process-label{display:inline-flex;align-items:center;gap:9px;background:#def1ff;border:1px solid #d1eaff;border-radius:99px;padding:8px 15px;color:#073ba7;font-size:14px;font-weight:600;line-height:1.5;margin-bottom:26px}
.process-label svg{width:24px;height:25px;stroke:#0754de;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.process-intro h2{font-size:clamp(30px,2.2vw,36px);line-height:1.27;letter-spacing:-.04em;color:#091f45;text-wrap:pretty;margin:0 0 29px}
.process-intro h2 span{display:inline-block;white-space:nowrap;background:#ffce16;color:#08213b;padding:2px 9px 5px;border-radius:16px}
.process-intro>p:last-child{font-size:17px;line-height:1.75;color:#314964;max-width:36ch}
.process-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:27px;list-style:none;margin:0;padding:20px 0 0;align-items:stretch;min-width:0}
.process-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:330px;padding:34px 19px 26px;text-align:center;background:linear-gradient(145deg,#fff,#e7f6ff);border:1px solid #aedcff;border-radius:25px;box-shadow:0 7px 17px #005d9b07}
.process-card:not(:last-child):after{content:'→';position:absolute;right:-25px;top:42%;font-size:30px;line-height:1;color:#06337c;font-weight:600;pointer-events:none}
.process-number{position:absolute;top:-18px;left:50%;transform:translateX(-50%);min-width:48px;padding:4px 12px 5px;border:1px solid #119a74;border-radius:99px;background:linear-gradient(135deg,#0ba578,#007d60);color:#fff;font-size:21px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:0 3px 7px #02906b0a}
.process-icon{display:grid;place-items:center;width:77px;height:77px;border-radius:50%;background:linear-gradient(135deg,#d2faf1,#e1f9ff);margin-bottom:21px;flex-shrink:0}
.process-icon svg{width:50px;height:51px;stroke:#043c72;stroke-width:2.3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.process-icon .process-accent{stroke:#00c991}
.process-text{min-width:0;display:flex;flex-direction:column;align-items:center;flex:1}
.process-card h3{font-size:20px;line-height:1.25;letter-spacing:-.03em;color:#0a2245;min-height:52px;margin:0 0 21px;text-wrap:balance;max-width:19ch}
.process-card p{font-size:15px;line-height:1.65;color:#304862;max-width:25ch;margin:0}
@media(min-width:1700px){.process-intro h2{font-size:36px}.process-card{min-height:350px;padding-inline:21px}.process-card h3{font-size:22px;min-height:57px}.process-card p{font-size:16px}.process-icon{width:84px;height:84px}.process-icon svg{width:54px;height:55px}.process-cards{gap:31px}.process-card:not(:last-child):after{right:-29px}}
@media(max-width:1250px){.process-layout{grid-template-columns:1fr;gap:46px}.process-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;align-items:end}.process-label{grid-column:1/-1;justify-self:start;margin-bottom:25px}.process-intro h2{font-size:37px;margin:0;max-width:580px}.process-intro>p:last-child{font-size:18px;max-width:50ch}.process-cards{gap:26px;padding-top:20px}.process-card{padding:34px 20px 27px;min-height:330px}.process-card h3{font-size:21px;min-height:54px}.process-card p{font-size:15px}.process-card:not(:last-child):after{right:-25px}}
@media(max-width:1000px){.steps-section>.container{width:calc(100% - 48px)}.process-cards{grid-template-columns:1fr;gap:28px;padding-top:10px}.process-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:24px;align-items:center;text-align:left;min-height:150px;padding:28px 30px;border-radius:22px}.process-number{left:auto;right:22px;top:-15px;transform:none;min-width:44px;font-size:18px;padding-block:4px}.process-icon{width:77px;height:77px;margin:0}.process-text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:25px;align-items:center}.process-card h3{font-size:23px;min-height:0;margin:0;max-width:19ch;text-wrap:balance}.process-card p{font-size:17px;line-height:1.65;max-width:40ch}.process-card:not(:last-child):after{content:'↓';top:auto;bottom:-27px;right:auto;left:calc(50% - 8px);font-size:25px;line-height:1}.steps-section{padding-block:86px}}
@media(max-width:800px){.process-intro{grid-template-columns:1fr;gap:23px}.process-label{grid-column:auto;margin:0}.process-intro h2{font-size:37px;max-width:650px}.process-intro>p:last-child{font-size:17px;max-width:65ch}.process-layout{gap:38px}.process-card{padding:28px 25px;gap:22px}.process-text{gap:20px}.process-card h3{font-size:22px}.process-card p{font-size:16px}}
@media(max-width:580px){.steps-section{padding-block:76px}.steps-section>.container{width:calc(100% - 40px)}.process-intro h2{font-size:32px;line-height:1.3;letter-spacing:-.04em}.process-intro h2 span{padding:1px 8px 4px;border-radius:12px}.process-label{font-size:13px;padding:8px 13px}.process-label svg{width:23px;height:24px}.process-intro>p:last-child{font-size:16px;line-height:1.75}.process-layout{gap:38px}.process-cards{gap:30px;padding-top:10px}.process-card{grid-template-columns:59px minmax(0,1fr);gap:17px;min-height:182px;padding:31px 20px 26px;border-radius:20px}.process-number{top:-14px;right:20px;min-width:42px;font-size:17px;padding:3px 11px 4px}.process-icon{width:59px;height:59px;align-self:start;margin-top:3px}.process-icon svg{width:40px;height:42px}.process-text{display:flex;flex-direction:column;align-items:start;gap:12px}.process-card h3{font-size:21px;line-height:1.25;max-width:none;text-wrap:pretty;min-height:0}.process-card p{font-size:15px;line-height:1.7;max-width:none}.process-card:not(:last-child):after{bottom:-28px;font-size:24px;left:calc(50% - 7px)}}
@media(max-width:360px){.process-intro h2{font-size:29px}.process-card{grid-template-columns:49px minmax(0,1fr);gap:14px;padding-inline:16px;min-height:195px}.process-icon{width:49px;height:49px}.process-icon svg{width:34px;height:36px}.process-card h3{font-size:19px}.process-card p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.process-card{animation:none!important}}
