/* Four-step process. Content and icons stay visible without scripting. */
.process-four{padding-bottom:clamp(32px,3cqw,48px)}
.process-four .home-process-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3cqw,46px);align-items:stretch}
.process-four .home-process-card{display:grid;grid-template-rows:clamp(96px,8cqw,125px) auto 1fr;gap:14px;padding:clamp(20px,1.9cqw,30px);border-radius:18px;border:1px solid #bfe6e2;background:#ffffffed;min-width:0;translate:none;transition:box-shadow .2s ease}
.process-four .home-process-card:hover{translate:none}
.process-four .home-process-icon{width:clamp(100px,8.5cqw,132px);max-width:70%;height:100%;margin:0;fill:none;stroke:#082e5e;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.process-four .home-process-number{font-size:clamp(48px,4.5cqw,70px);right:clamp(16px,1.4cqw,23px);top:16px;margin:0;color:#d0ece8}
.process-four .home-process-card h3{font:700 clamp(22px,2.15cqw,33px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:0;min-height:2.3em;overflow-wrap:break-word}
.process-four .home-process-card p{font-size:clamp(16px,1.3cqw,20px);line-height:1.5;margin:0;overflow-wrap:break-word}
.process-four .flow-arrow{display:block;top:38%;right:calc(-1 * clamp(24px,3cqw,46px));left:auto;bottom:auto;width:clamp(24px,3cqw,46px);height:34px;transform:none;stroke-width:2}
.process-price-panel{display:flex;align-items:center;gap:clamp(20px,2cqw,32px);margin-top:24px;padding:20px clamp(20px,2cqw,32px);border:1px solid #d1eee8;border-radius:20px;background:#eaf7f4dd;position:relative;min-width:0}
.process-price-icon{flex:none;width:72px;height:72px;fill:none;stroke:#082e5e;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.process-price-copy{flex:1;min-width:0;padding-left:clamp(20px,2cqw,32px);border-left:2px solid #c6e8e1}
.process-price-copy h3{font:700 clamp(22px,2cqw,31px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:0 0 8px}
.process-price-copy p{font-size:clamp(16px,1.25cqw,19px);line-height:1.5;margin:0}
.process-price-cta{flex:none;max-width:100%;min-height:48px;padding:16px 24px;font-size:clamp(16px,1.3cqw,20px);gap:14px;border-radius:999px;white-space:normal;text-align:center}
.process-price-cta:hover{background:#00766d}
.process-price-cta:focus-visible{outline:3px solid #082e5e;outline-offset:4px}
@supports(grid-template-rows:subgrid){
.process-four .home-process-grid{row-gap:14px;grid-template-rows:clamp(96px,8cqw,125px) auto 1fr}
.process-four .home-process-card{grid-row:span 3;grid-template-rows:subgrid}
.process-four .home-process-card h3{min-height:0}
}
@media(min-width:1025px) and (max-width:1200px){.process-price-panel{flex-wrap:wrap}.process-price-cta{margin-left:auto}.process-price-copy{flex-basis:calc(100% - 110px)}}
@media(min-width:768px) and (max-width:1024px){
.process-four .home-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:24px}
.process-four .home-process-card,.process-four .home-process-card:last-child{grid-column:auto;grid-row:auto;grid-template-rows:112px auto 1fr}
.process-four .home-process-card h3{font-size:28px;min-height:2.3em}
.process-four .home-process-icon{width:132px}
.process-four .flow-arrow{display:none}
.process-price-panel{flex-wrap:wrap}.process-price-copy{flex-basis:calc(100% - 110px)}.process-price-cta{margin-left:auto}
}
@media(max-width:767px){
.process-four .home-process-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:20px}
.process-four .home-process-card,.process-four .home-process-card:last-child{grid-column:auto;grid-row:auto;grid-template-rows:112px auto auto;gap:16px;padding:24px}
.process-four .home-process-icon{width:132px}
.process-four .home-process-card h3{font-size:clamp(25px,6.5vw,30px);min-height:0}
.process-four .home-process-card p{font-size:16px}
.process-four .home-process-number{font-size:64px;right:24px}
.process-four .flow-arrow{display:none}
.process-price-panel{flex-direction:column;align-items:flex-start;padding:24px;gap:18px}
.process-price-copy{padding:0;border:0;width:100%}.process-price-copy h3{font-size:25px}
.process-price-cta{width:100%;font-size:16px;min-height:48px;padding:15px 18px}
}
/* Only activate reveal effects after the viewport trigger; no hidden content. */
.process-four.progress-active .home-process-card{animation:mgs-card-reveal .65s ease both;animation-delay:var(--step-delay,0s)}
.process-four.progress-active .home-process-number{animation:mgs-number-reveal .85s ease both;animation-delay:var(--step-delay,0s)}
.process-four.progress-active .flow-arrow path{animation:mgs-arrow-draw .9s ease both;animation-delay:calc(var(--step-delay,0s) + .25s)}
@keyframes mgs-card-reveal{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes mgs-number-reveal{from{opacity:.35}to{opacity:1}}
@keyframes mgs-arrow-draw{from{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dasharray:100;stroke-dashoffset:0}}
.home-process-icon .icon-euro,.home-process-icon .icon-dot,.home-process-icon .icon-sparkle{transform-box:fill-box;transform-origin:center}
.home-process-icon.is-icon-playing .icon-draw{animation:mgs-icon-draw .6s ease both;animation-delay:var(--icon-delay,0s)}
.home-process-icon.is-icon-playing .icon-line{animation:mgs-icon-draw .28s ease both;animation-delay:calc(var(--icon-delay,0s) + .35s)}
.home-process-icon.is-icon-playing .line-2{animation-delay:calc(var(--icon-delay,0s) + .48s)}
.home-process-icon.is-icon-playing .line-3{animation-delay:calc(var(--icon-delay,0s) + .61s)}
.home-process-icon.is-icon-playing .line-4{animation-delay:calc(var(--icon-delay,0s) + .74s)}
.home-process-icon.is-icon-playing .icon-pencil{animation:mgs-pencil-write .55s ease;animation-delay:calc(var(--icon-delay,0s) + .7s)}
.home-process-icon.is-icon-playing .icon-euro{animation:mgs-euro-reveal .4s ease both;animation-delay:calc(var(--icon-delay,0s) + 1s)}
.home-process-icon.is-icon-playing .icon-bubble{animation:mgs-icon-draw .6s ease both;animation-delay:var(--icon-delay,0s)}
.home-process-icon.is-icon-playing .bubble-2{animation-delay:calc(var(--icon-delay,0s) + .3s)}
.home-process-icon.is-icon-playing .icon-dot{animation:mgs-dot-chat .45s ease;animation-delay:calc(var(--icon-delay,0s) + .75s)}
.home-process-icon.is-icon-playing .dot-2{animation-delay:calc(var(--icon-delay,0s) + .9s)}
.home-process-icon.is-icon-playing .dot-3{animation-delay:calc(var(--icon-delay,0s) + 1s)}
.home-process-icon.is-icon-playing .icon-spray{animation:mgs-spray .6s ease;animation-delay:var(--icon-delay,0s)}
.home-process-icon.is-icon-playing .icon-brush{animation:mgs-brush-clean .55s ease;animation-delay:calc(var(--icon-delay,0s) + .45s)}
.home-process-icon.is-icon-playing .icon-sparkle{animation:mgs-sparkle .4s ease;animation-delay:calc(var(--icon-delay,0s) + 1s)}
@keyframes mgs-icon-draw{from{stroke-dasharray:100;stroke-dashoffset:100;opacity:.4}to{stroke-dasharray:100;stroke-dashoffset:0;opacity:1}}
@keyframes mgs-pencil-write{0%,100%{transform:none}35%{transform:translate(-3px,2px)}70%{transform:translate(2px,-1px)}}
@keyframes mgs-euro-reveal{from{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes mgs-dot-chat{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
@keyframes mgs-spray{0%,100%{opacity:1;transform:none}35%{opacity:.3;transform:translateX(-2px)}65%{opacity:1;transform:translateX(3px)}}
@keyframes mgs-brush-clean{0%,100%{transform:none}35%{transform:translateX(4px)}70%{transform:translateX(-3px)}}
@keyframes mgs-sparkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.2)}}
@media(prefers-reduced-motion:reduce){
.process-four.progress-active .home-process-card,.process-four.progress-active .home-process-number,.process-four.progress-active .flow-arrow path,.home-process-icon.is-icon-playing *{animation:none!important;transition:none!important;opacity:1;transform:none;stroke-dashoffset:0}
}