.hero-benefit-ribbon{isolation:isolate;border-block:1px solid var(--line);background:var(--card);--mint:color-mix(in srgb,var(--brand)10%,var(--card));--mint-deep:color-mix(in srgb,var(--brand)22%,var(--card));--ribbon-honey:color-mix(in srgb,#e8a43c 28%,var(--card));--ribbon-honey-ink:#986225;width:100%;position:relative;overflow:hidden}.ribbon-surface{max-width:1200px;margin:auto;padding:28px 40px 30px}.ribbon-canvas{padding:8px 0 12px;position:relative}.hero-benefit-ribbon .benefits-grid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid;position:relative}.ribbon-item{text-align:center;min-width:0;padding:0 0 14px}.ribbon-item:nth-child(2n){padding-top:62px}.hero-benefit-ribbon .mini-art{width:116px;height:96px;margin:0 auto 13px;display:block;overflow:visible}.mini-art *{stroke-linecap:round;stroke-linejoin:round}.hero-benefit-ribbon .art-line{stroke:var(--brand);stroke-width:1.7px;fill:none}.hero-benefit-ribbon .art-paper{fill:var(--card);stroke:var(--brand);stroke-width:1.7px}.hero-benefit-ribbon .art-mint{fill:var(--mint);stroke:var(--brand);stroke-width:1.7px}.hero-benefit-ribbon .art-soft{fill:var(--mint-deep);stroke:none;opacity:.5}.hero-benefit-ribbon .art-honey{fill:var(--ribbon-honey);stroke:var(--ribbon-honey-ink);stroke-width:1.5px}.hero-benefit-ribbon .art-detail{stroke:var(--line);stroke-width:1.2px;fill:none}.hero-benefit-ribbon .art-text{fill:var(--brand-d,var(--brand));stroke:none;font-family:inherit;font-weight:700}.hero-benefit-ribbon .art-shadow{fill:var(--brand);opacity:.06}.hero-benefit-ribbon .benefit-copy{letter-spacing:-.01em;color:var(--fg);text-wrap:balance;font-size:14px;font-weight:600;line-height:1.7}.hero-benefit-ribbon .benefit-copy span{white-space:nowrap}.hero-benefit-ribbon .benefit-index{color:var(--fg-muted);letter-spacing:.12em;margin-top:5px;font-size:9px;display:block}.ribbon-path{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ribbon-band{fill:none;stroke:var(--mint-deep);stroke-width:23px;opacity:.38}.ribbon-edge{fill:none;stroke:var(--brand);stroke-width:1px;opacity:.25;stroke-dasharray:3 7}.ribbon-dot{fill:var(--ribbon-honey-ink);stroke:var(--card);stroke-width:4px}.ribbon-mobile{display:none}.ribbon-bridge{fill:none;stroke:var(--mint-deep);stroke-width:10px;opacity:.18}.ribbon-pause{border:1px solid var(--line);background:var(--card);min-width:36px;min-height:36px;color:var(--fg-muted);opacity:0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;right:12px}.hero-benefit-ribbon:hover .ribbon-pause,.hero-benefit-ribbon:focus-within .ribbon-pause{opacity:1}.ribbon-pause:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ribbon-pause:disabled{display:none}@media (max-width:700px){.ribbon-surface{padding:26px 24px 30px}.hero-benefit-ribbon .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.ribbon-item:nth-child(2n){padding-top:0}.hero-benefit-ribbon .mini-art{width:112px;height:91px;margin-bottom:9px}.hero-benefit-ribbon .benefit-copy{font-size:12px}.hero-benefit-ribbon .benefit-index{font-size:8px}.ribbon-desktop{display:none}.ribbon-mobile{display:block}}@media (hover:none){.ribbon-pause{opacity:1}}@media (prefers-reduced-motion:reduce){.ribbon-dot,.ribbon-pause{display:none}.animated-visual{will-change:auto}}