.gul-how-section{padding:clamp(4rem,8vw,6.5rem) 0;position:relative;overflow:hidden;background:linear-gradient(180deg,#f7faff 0%,#edf4fc 100%);border-block:1px solid #e3edf8}.gul-how-steps{list-style:none;margin:3rem 0 0;padding:0;display:grid;gap:1.75rem;counter-reset:gul-how}.gul-how-section--horizontal .gul-how-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.gul-how-section--vertical .gul-how-steps{grid-template-columns:1fr;max-width:46rem}.gul-how-step{position:relative;background:#ffffff;border:1px solid #eef2f7;border-radius:1.5rem;padding:2rem;box-shadow:0 10px 40px -18px rgba(15,34,62,0.16);transition:transform 0.35s ease,box-shadow 0.35s ease}.gul-how-step:hover{transform:translateY(-6px);box-shadow:0 24px 55px -22px rgba(15,34,62,0.26)}.gul-how-step__number{display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;line-height:1;letter-spacing:-0.02em}.gul-how-section--horizontal .gul-how-step__number{color:var(--gult-primary,#2F8B4E);font-size:3.25rem;margin-bottom:0.75rem;background:linear-gradient(135deg,#0093fe 0%,#fcb900 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gul-how-section--vertical .gul-how-step{padding-left:5.25rem}.gul-how-section--vertical .gul-how-step__number{position:absolute;left:1.5rem;top:1.75rem;width:2.75rem;height:2.75rem;border-radius:9999px;font-size:1.15rem;color:#ffffff;background:linear-gradient(135deg,var(--gul-primary-fill,#0075cb),var(--gul-primary-fill-hover,#005fa5));box-shadow:0 6px 16px rgba(0,147,254,0.35)}.gul-how-step__title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.2rem;font-weight:700;color:#0b1220;margin:0 0 0.5rem;letter-spacing:-0.01em}.gul-how-step__text{font-family:'Inter',sans-serif;font-size:0.95rem;color:#5b6b82;line-height:1.65;font-weight:500;margin:0}.gul-how-section--connector.gul-how-section--horizontal .gul-how-step:not(:last-child)::after{content:"→";position:absolute;top:2.5rem;right:-1.15rem;font-size:1.25rem;color:var(--gul-primary-ink,#0075cb);opacity:0.55;z-index:2}.gul-how-section--connector.gul-how-section--vertical .gul-how-step:not(:last-child)::after{content:"";position:absolute;left:2.85rem;bottom:-1.75rem;width:2px;height:1.75rem;background:linear-gradient(180deg,rgba(0,147,254,0.5),transparent)}.gul-how-step::before{content:"";position:absolute;left:1.5rem;right:1.5rem;bottom:0.5rem;height:4px;border-radius:9999px;background:linear-gradient(90deg,#0093fe,#fcb900);box-shadow:0 0 14px rgba(0,147,254,0.55);transform:scaleX(0);transform-origin:left;opacity:0;transition:transform 0.7s cubic-bezier(0.4,0,0.2,1),opacity 0.4s ease}.gul-how-step.gul-in-view::before{transform:scaleX(1);opacity:1}.gul-how-section--vertical .gul-how-step::before{left:5.25rem}@media (prefers-reduced-motion:reduce){.gul-how-step::before{transition:none}}@media (max-width:767px){.gul-how-section--horizontal .gul-how-steps{grid-template-columns:1fr}.gul-how-section--connector.gul-how-section--horizontal .gul-how-step:not(:last-child)::after{display:none}}.gul-how-cta{margin-top:clamp(1.75rem,3vw,2.5rem)}.gul-how-cta__btn.gul-btn{display:flex;width:100%;justify-content:center;align-items:center;gap:0.6rem;min-height:4.25rem;padding:1.1rem 2rem;font-size:clamp(1.0625rem,1.6vw,1.25rem);text-align:center}.gul-root.gul-how-section--horizontal .gul-how-steps{position:relative;gap:clamp(1.25rem,2.4vw,2rem)}.gul-root.gul-how-section--horizontal .gul-how-steps::before{content:"";position:absolute;left:10%;right:10%;top:calc(1.75rem + 2.25rem);height:3px;z-index:0;background:repeating-linear-gradient(90deg,#0075cb 0 12px,transparent 12px 22px);opacity:0.45}.gul-root.gul-how-section--connector.gul-how-section--horizontal .gul-how-step:not(:last-child)::after{display:none}.gul-root .gul-how-step{z-index:1;padding:1.75rem 1.75rem 2rem;border-radius:1.5rem;border:1px solid #d6ddf8;background:#ffffff;box-shadow:0 26px 54px -32px rgba(30,41,59,0.45);transition:transform 0.35s ease,box-shadow 0.35s ease,border-color 0.35s ease}.gul-root .gul-how-step:hover{transform:translateY(-8px);border-color:#9fc7f0;box-shadow:0 32px 60px -28px rgba(0,117,203,0.5)}.gul-root .gul-how-step__number{display:grid;place-items:center;width:4.5rem;height:4.5rem;margin-bottom:1.35rem;border-radius:50%;font-size:1.625rem;line-height:1;color:#ffffff;-webkit-text-fill-color:#ffffff;background:linear-gradient(135deg,#0075cb,#004a85);-webkit-background-clip:border-box;background-clip:border-box;box-shadow:0 0 0 7px #ffffff,0 0 0 9px #d6ddf8,0 16px 30px -10px rgba(0,117,203,0.65)}.gul-root .gul-how-step:nth-child(2) .gul-how-step__number{color:#1e293b;-webkit-text-fill-color:#1e293b;background:linear-gradient(135deg,#ffd24d,#fcb900);box-shadow:0 0 0 7px #ffffff,0 0 0 9px #f2e2b5,0 16px 30px -10px rgba(252,185,0,0.7)}.gul-root .gul-how-step:nth-child(3) .gul-how-step__number{background:linear-gradient(135deg,#334155,#1e293b);box-shadow:0 0 0 7px #ffffff,0 0 0 9px #d6ddf8,0 16px 30px -10px rgba(30,41,59,0.6)}.gul-root .gul-how-step__title{font-size:1.25rem}@media (max-width:900px){.gul-root.gul-how-section--horizontal .gul-how-steps::before{display:none}}.gul-root .gul-how-cta__btn.gul-btn{min-height:4.75rem;border-radius:1.25rem;font-size:clamp(1.125rem,1.9vw,1.375rem);letter-spacing:0.01em;background:linear-gradient(110deg,#0075cb 0%,#005a9e 50%,#0075cb 100%);background-size:200% 100%;box-shadow:0 22px 44px -20px rgba(0,90,158,0.85);transition:transform 0.3s ease,box-shadow 0.3s ease,background-position 0.6s ease}.gul-root .gul-how-cta__btn.gul-btn:hover,.gul-root .gul-how-cta__btn.gul-btn:focus-visible{background-position:100% 0;transform:translateY(-3px);box-shadow:0 28px 50px -18px rgba(0,90,158,0.9)}.gul-root .gul-how-cta__btn [aria-hidden]{display:inline-block;transition:transform 0.3s ease}.gul-root .gul-how-cta__btn:hover [aria-hidden]{transform:translateX(6px)}@media (prefers-reduced-motion:no-preference){.gul-root .gul-how-cta__btn.gul-btn{animation:gul-cta-glow 2.8s ease-in-out infinite}}@keyframes gul-cta-glow{0%,100%{box-shadow:0 22px 44px -20px rgba(0,90,158,0.85),0 0 0 0 rgba(0,147,254,0.35)}50%{box-shadow:0 22px 44px -20px rgba(0,90,158,0.85),0 0 0 10px rgba(0,147,254,0)}}