.nekoko-how-it-works{background:var(--nekoko-how-background,#eaf4ff)}.nekoko-how-it-works__inner{width:min(calc(100% - 2rem),var(--nekoko-content-width,75rem));margin-inline:auto;padding-block:clamp(3.5rem,7vw,6rem)}.nekoko-how-it-works__header{max-width:48rem;margin-inline:auto;text-align:center}.nekoko-how-it-works__header h2{margin:0;color:var(--nekoko-ink,#1f2937);font-size:clamp(2rem,4vw,3rem);line-height:1.1}.nekoko-how-it-works__header p{margin:1rem 0 0;font-size:1.125rem;line-height:1.55}.nekoko-how-it-works__lead{color:var(--nekoko-ink,#1f2937)}.nekoko-how-it-works__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:3rem 0 0;padding:0;list-style:none}.nekoko-how-it-works__step{position:relative;text-align:center}.nekoko-how-it-works__step-link{display:block;color:inherit;text-decoration:none}.nekoko-how-it-works__step-link:focus-visible{outline:3px solid var(--nekoko-primary,#004682);outline-offset:.5rem;border-radius:.5rem}.nekoko-how-it-works__icon{display:grid;place-items:center;width:5.5rem;height:5.5rem;margin:0 auto 1.25rem;border:1px solid rgba(0,70,130,.18);border-radius:50%;background:#fff;color:var(--nekoko-primary,#004682);transition:transform .18s ease,box-shadow .18s ease}.nekoko-how-it-works__icon svg,.nekoko-how-it-works__icon-image{width:2.7rem;height:2.7rem;object-fit:contain}.nekoko-how-it-works__step-link:hover .nekoko-how-it-works__icon{transform:translateY(-.2rem);box-shadow:0 .5rem 1rem rgba(0,70,130,.14)}.nekoko-how-it-works__step h3{margin:0;color:var(--nekoko-ink,#1f2937);font-size:1.125rem;line-height:1.3}.nekoko-how-it-works__step p{margin:.7rem 0 0;font-size:.975rem;line-height:1.55}.nekoko-how-it-works__step:not(:last-child)::after{position:absolute;top:2rem;right:-1.5rem;width:1.5rem;color:var(--nekoko-primary,#004682);content:"→";font-size:1.5rem;font-weight:700;line-height:1.5rem;text-align:center}@media(max-width:52rem){.nekoko-how-it-works__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.5rem}.nekoko-how-it-works__step:not(:last-child)::after{display:none}}@media(max-width:30rem){.nekoko-how-it-works__steps{grid-template-columns:1fr}.nekoko-how-it-works__header p{font-size:1rem}}
