.cst-how-works{--how-gutter: 20px;--how-gap: 12px;--how-forest: var(--color-primary, #00594f);--how-shadow: 0 6px 18px rgb(0 89 79 / 10%);--how-shadow-lift: 0 12px 28px rgb(0 89 79 / 16%);padding-block:32px;background:var(--how-band, var(--color-cakes-and-tarts, #f5e0d5))}.cst-how-works .cst-how-works__container{box-sizing:border-box;width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--how-gutter)}.cst-how-works .cst-how-works__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--how-gap);margin:0;padding:0;list-style:none}.cst-how-works .cst-how-works__item{display:flex;min-width:0}.cst-how-works .cst-how-works__card{position:relative;display:flex;flex:1 1 auto;flex-direction:column;gap:10px;min-width:0;padding:16px 14px;border-radius:var(--radius-card, 16px);color:var(--how-forest);background:var(--color-white, #fff);box-shadow:var(--how-shadow);text-decoration:none;transition:transform var(--motion-base, .3s) var(--ease-out, ease-out),box-shadow var(--motion-base, .3s) var(--ease-out, ease-out)}.cst-how-works a.cst-how-works__card:focus-visible{outline:2px solid var(--how-forest);outline-offset:3px}.cst-how-works .cst-how-works__icon{display:inline-grid;flex:0 0 auto;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--how-band, var(--color-cakes-and-tarts, #f5e0d5))}.cst-how-works .cst-how-works__icon svg{width:26px;height:26px;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.cst-how-works .cst-how-works__copy{display:grid;gap:4px;min-width:0}.cst-how-works .cst-how-works__title{font-size:16px;font-weight:700;line-height:1.25}.cst-how-works .cst-how-works__text{font-size:14px;line-height:1.45;text-wrap:pretty}.cst-how-works .cst-how-works__arrow{display:none}@media (min-width: 768px){.cst-how-works{--how-gutter: 32px;--how-gap: 16px;padding-block:40px}.cst-how-works .cst-how-works__card{padding:20px}}@media (min-width: 1024px){.cst-how-works .cst-how-works__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cst-how-works .cst-how-works__card{gap:14px;padding:24px}.cst-how-works .cst-how-works__icon{width:52px;height:52px}.cst-how-works .cst-how-works__icon svg{width:30px;height:30px}.cst-how-works .cst-how-works__title{font-size:18px}.cst-how-works .cst-how-works__text{font-size:15px}.cst-how-works .cst-how-works__arrow{position:absolute;inset-block-start:26px;inset-inline-end:22px;display:block;line-height:0;opacity:.6;transition:transform var(--motion-base, .3s) var(--ease-out, ease-out),opacity var(--motion-base, .3s) var(--ease-out, ease-out)}}@media (min-width: 1280px){.cst-how-works .cst-how-works__card{flex-direction:row;align-items:flex-start;gap:16px;padding-inline-end:48px}}@media (hover: hover) and (pointer: fine){.cst-how-works a.cst-how-works__card:hover{box-shadow:var(--how-shadow-lift);transform:translateY(-4px)}.cst-how-works a.cst-how-works__card:hover .cst-how-works__arrow{opacity:1;transform:translate(4px)}}@media (prefers-reduced-motion: reduce){.cst-how-works .cst-how-works__card,.cst-how-works .cst-how-works__arrow{transition:none}.cst-how-works a.cst-how-works__card:hover,.cst-how-works a.cst-how-works__card:hover .cst-how-works__arrow{transform:none}}.cst-how-works.cst-how-works--panel{--how-cream: #fffcf6;padding:40px 16px;background:var(--how-cream) var(--how-wallpaper) center top/596px auto repeat}.cst-how-works.cst-how-works--panel .cst-how-works__container{max-width:1160px;padding:20px 18px;border-radius:22px;background:var(--how-cream);box-shadow:0 10px 32px #003c342e}.cst-how-works.cst-how-works--panel .cst-how-works__list{grid-template-columns:1fr;gap:16px}.cst-how-works.cst-how-works--panel .cst-how-works__card{flex-direction:row;align-items:flex-start;gap:14px;padding:0;border-radius:12px;background:none;box-shadow:none}.cst-how-works.cst-how-works--panel .cst-how-works__icon{width:56px;height:56px;border-radius:0;background:none}.cst-how-works.cst-how-works--panel .cst-how-works__icon .cst-how-works__badge{width:100%;height:100%}.cst-how-works.cst-how-works--panel .cst-how-works__icon .cst-how-works__glyph{width:48px;height:48px;color:var(--color-white, #fff)}.cst-how-works.cst-how-works--panel .cst-how-works__icon .cst-how-works__glyph *{fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.cst-how-works.cst-how-works--panel .cst-how-works__title{margin-top:4px;font-family:var(--font-heading-family, inherit);font-size:17px}@media (min-width: 768px){.cst-how-works.cst-how-works--panel{padding:56px 24px;background-size:834px auto}.cst-how-works.cst-how-works--panel .cst-how-works__container{padding:32px 36px;border-radius:28px}.cst-how-works.cst-how-works--panel .cst-how-works__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}.cst-how-works.cst-how-works--panel .cst-how-works__icon{width:64px;height:64px}.cst-how-works.cst-how-works--panel .cst-how-works__title{margin-top:6px}}@media (min-width: 1024px){.cst-how-works.cst-how-works--panel .cst-how-works__list{grid-template-columns:repeat(4,minmax(0,1fr))}.cst-how-works.cst-how-works--panel .cst-how-works__card{gap:14px;padding:0}.cst-how-works.cst-how-works--panel:has(.cst-how-works__item:nth-child(5)) .cst-how-works__container{max-width:1280px}.cst-how-works.cst-how-works--panel:has(.cst-how-works__item:nth-child(5)) .cst-how-works__list{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.cst-how-works.cst-how-works--panel:has(.cst-how-works__item:nth-child(5)) .cst-how-works__card{flex-direction:column;align-items:center;gap:10px;text-align:center}}@media (min-width: 1280px){.cst-how-works.cst-how-works--panel .cst-how-works__card{padding-inline-end:0}}@media (hover: hover) and (pointer: fine){.cst-how-works.cst-how-works--panel a.cst-how-works__card:hover{box-shadow:none;transform:none}.cst-how-works.cst-how-works--panel a.cst-how-works__card:hover .cst-how-works__title{text-decoration:underline;text-underline-offset:3px}}.cst-how-works.cst-how-works--framed{margin:28px 12px;border-radius:22px;box-shadow:0 0 0 2px #b1e4e3}@media (min-width: 768px){.cst-how-works.cst-how-works--framed{margin:40px 24px;border-radius:28px}}