.bpic{background-color:var(--bpic-section-bg, #f7f5ee);padding-block:var(--bpic-pad-block-mobile, 32px);padding-inline:var(--bpic-pad-inline-mobile, 16px);display:flex;flex-direction:column;gap:var(--bpic-section-gap-mobile, 32px);align-items:center;overflow:hidden}@media(min-width:768px){.bpic{padding-block:var(--bpic-pad-block-desktop, 80px);padding-inline:var(--bpic-pad-inline-desktop, 24px);gap:var(--bpic-section-gap-desktop, 64px)}}.bpic__heading{margin:0;text-align:center;font-weight:700;font-size:var(--bpic-heading-size-mobile, 24px);line-height:1.198;letter-spacing:-.5px;color:var(--bpic-heading-color, #444);inline-size:100%;max-inline-size:1280px}@media(min-width:768px){.bpic__heading{font-size:var(--bpic-heading-size-desktop, 40px)}}.bpic__cards{display:block;inline-size:100%;max-inline-size:1280px}.bpic__grid{display:grid;grid-auto-flow:column;grid-auto-columns:var(--bpic-card-w-mobile, 335px);gap:var(--bpic-gap-mobile, 8px);align-items:stretch;overflow-x:auto;overflow-y:clip;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--bpic-pad-inline-mobile, 16px);scrollbar-width:none;padding-inline:var(--bpic-pad-inline-mobile, 16px);padding-block:8px;margin-inline:calc(-1 * var(--bpic-pad-inline-mobile, 16px))}.bpic__grid::-webkit-scrollbar{display:none}@media(min-width:768px){.bpic__grid{grid-auto-flow:row;grid-auto-columns:initial;grid-template-columns:repeat(var(--bpic-cols, 2),minmax(0,1fr));gap:var(--bpic-gap-desktop, 16px);overflow:visible;padding:0;margin:0;scroll-snap-type:none}}.bpic__card{position:relative;background-color:var(--bpic-card-bg, #307254);color:var(--bpic-card-text, #fff);border-radius:24px;display:flex;flex-direction:column;scroll-snap-align:center;scroll-snap-stop:always;isolation:isolate;list-style:none;min-block-size:457px;block-size:100%;align-self:stretch}@media(min-width:768px){.bpic__card{min-block-size:var(--bpic-card-min-h-desktop, 625px)}}.bpic__pills{display:flex;align-items:center;justify-content:center;gap:0;padding:8px;margin:16px 16px 0;background-color:#ffffffb3;border-radius:73px}@media(min-width:768px){.bpic__pills{display:none}}.bpic__pill{flex:1 0 0;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-inline-size:0;padding-block:8px;padding-inline:16px;border-radius:85px;background:transparent;border:1px solid transparent;font-family:inherit;font-weight:700;font-size:12px;line-height:12px;color:var(--bpic-pill-text-color, #444);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease;white-space:nowrap;appearance:none}.bpic__pill:focus-visible{outline:2px solid currentColor;outline-offset:2px}.bpic__pill[aria-pressed=true]{background-image:linear-gradient(90deg,var(--bpic-pill-grad-start, #b3d8a5) 0%,var(--bpic-pill-grad-mid, #e1efdb) 50%,var(--bpic-pill-grad-end, #ffffff) 100%);border-color:var(--bpic-pill-border, #307254);padding-inline:20px;color:var(--bpic-pill-text-color, #1c3a13)}.bpic__pill:hover:not([aria-pressed=true]){transform:translateY(-1px)}.bpic__pill:active{transform:scale(.96)}@keyframes bpic-pill-tap{0%{box-shadow:0 0 #ffffffb3}60%{box-shadow:0 0 0 10px #ffffff0d}to{box-shadow:0 0 0 14px #fff0}}.bpic__pill--tapped{animation:bpic-pill-tap .6s cubic-bezier(.22,1,.36,1)}.bpic__pill-dot{display:inline-flex;align-items:center;justify-content:center;background-color:var(--bpic-pill-dot, #444);border-radius:50%;flex-shrink:0}.bpic__pill[aria-pressed=true] .bpic__pill-dot{inline-size:24px;block-size:24px;padding:4px}.bpic__pill[aria-pressed=false] .bpic__pill-dot{inline-size:20px;block-size:20px;padding:5px}.bpic__pill-icon{inline-size:100%;block-size:100%;display:block;color:#fff;fill:currentColor}.bpic__pill-icon svg{inline-size:100%;block-size:100%;display:block}.bpic__header{padding-inline:16px;padding-block-start:24px;padding-block-end:24px;display:flex;flex-direction:column;gap:12px;color:var(--bpic-card-text, #fff)}@media(min-width:768px){.bpic__header{padding-inline:32px;padding-block-start:32px;padding-block-end:40px;gap:16px}}.bpic__title{margin:0;font-weight:400;font-size:30px;line-height:1.05;color:var(--bpic-title-color, currentColor)}@media(min-width:768px){.bpic__title{font-size:32px}}.bpic__subtitle{margin:0;font-size:16px;line-height:1.4;color:var(--bpic-subtitle-color, currentColor)}@media(min-width:768px){.bpic__subtitle{font-size:20px}}.bpic__subtitle :is(p,ul,ol){margin:0}.bpic__subtitle p+p{margin-block-start:.25em}.bpic__body{position:relative;flex:1 1 auto;display:flex;align-items:center;padding-inline-start:16px;padding-block:24px}@media(min-width:768px){.bpic__body{padding-inline-start:32px;padding-block:0}}.bpic__benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px;inline-size:161px;position:relative;z-index:1;color:var(--bpic-card-text, #fff)}@media(min-width:768px){.bpic__benefits{gap:40px;inline-size:auto}}.bpic__benefit{display:flex;flex-direction:column;gap:12px;inline-size:100%}.bpic__benefit-text{display:block;font-size:16px;line-height:1.2;color:var(--bpic-benefit-color, currentColor)}@media(min-width:768px){.bpic__benefit-text{font-size:20px}}.bpic__benefit-line{display:block;block-size:0;border-block-end:2px var(--bpic-benefit-line-style, solid) var(--bpic-benefit-line-color, currentColor);inline-size:160px;max-inline-size:100%;opacity:.85}@media(min-width:768px){.bpic__benefit-line{inline-size:312px}}.bpic__image-wrap{position:absolute;inset-block-start:var(--bpic-img-y-mobile, 0);inset-inline-end:var(--bpic-img-x-mobile, 0);inline-size:var(--bpic-img-w-mobile, 153px);pointer-events:none;z-index:0;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.bpic__image-wrap{inset-block-start:var(--bpic-img-y-desktop, -77px);inset-inline-end:var(--bpic-img-x-desktop, 0);inline-size:var(--bpic-img-w-desktop, 253px)}}.bpic__image{display:block;inline-size:100%;block-size:auto;max-inline-size:100%;object-fit:contain}.bpic__footer{padding-block:8px 16px;padding-inline:16px;text-align:center;font-size:16px;line-height:1.4;color:var(--bpic-footer-color, currentColor)}@media(min-width:768px){.bpic__footer{font-size:20px;padding-block:8px 24px;padding-inline:32px}}.bpic__footer :is(p,ul,ol){margin:0}.bpic__footer p+p{margin-block-start:.5em}@media(prefers-reduced-motion:reduce){.bpic__grid{scroll-behavior:auto}.bpic__pill,.bpic__pill:hover,.bpic__pill:active,.bpic__pill--tapped{transition:none;transform:none;animation:none}}
