.ga-store .pufy-benefits .pufy-benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:0;padding-top:0}
body.ga-store .pufy-benefits{padding:20px 0}
body.ga-store .pufy-benefits .pufy-benefit{min-height:0;flex-direction:row;align-items:center;gap:16px;padding:16px 24px;text-align:left;border:0;border-right:1px solid color-mix(in srgb,var(--benefits-text) 14%,transparent);border-radius:0;background:transparent;box-shadow:none;transform:none}
body.ga-store .pufy-benefits .pufy-benefit:last-child{border-right:0}
body.ga-store .pufy-benefits .pufy-benefit-copy{max-width:none;flex:1}
body.ga-store .pufy-benefits .pufy-benefit-copy strong{font-size:14px;line-height:1.45;text-transform:none;letter-spacing:0;font-weight:700}
body.ga-store .pufy-benefits .pufy-benefit-copy small{margin-top:5px;font-size:12px;line-height:1.6;opacity:.8}
body.ga-store .pufy-benefits .pufy-benefit-icon{width:44px;height:44px;flex:none;animation:none;border:0;border-radius:8px;background:color-mix(in srgb,var(--benefits-accent) 7%,white)}
body.ga-store .pufy-benefits .pufy-benefit-icon svg{width:26px;height:26px;stroke-width:1.7;filter:none;animation:none}
body.ga-store .pufy-benefits .pufy-benefit-icon::before,body.ga-store .pufy-benefits .pufy-benefit-icon::after,body.ga-store .pufy-benefits .pufy-benefit::before,body.ga-store .pufy-benefits .pufy-benefit::after{display:none}
body.ga-store .pufy-benefits .pufy-benefit-arrow{position:static;opacity:.8;transform:none;font-size:18px}
@media(max-width:700px){
 body.ga-store .pufy-benefits{padding:16px 0}
 body.ga-store .pufy-benefits .pufy-benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
 body.ga-store .pufy-benefits .pufy-benefit{flex-direction:column;justify-content:flex-start;gap:10px;padding:4px 10px;text-align:center;min-height:0}
 body.ga-store .pufy-benefits .pufy-benefit-copy{flex:none}
 body.ga-store .pufy-benefits .pufy-benefit-copy strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
 body.ga-store .pufy-benefits .pufy-benefit-copy small{display:none}
 body.ga-store .pufy-benefits .pufy-benefit-arrow{display:none}
 body.ga-store .pufy-benefits .pufy-benefit-icon{width:40px;height:40px}
 body.ga-store .pufy-benefits .pufy-benefit-icon svg{width:25px;height:25px}
}
.highlight-wide-editor .highlight-icon-options{grid-column:1/-1;border:0;margin:0;padding:0;min-width:0}
.highlight-icon-options legend{font-size:12px;margin-bottom:8px;color:#526a59}
.highlight-icon-options>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:7px}
.highlight-icon-options label{display:grid;place-items:center;position:relative;gap:5px;min-height:76px;padding:8px;border:1px solid #dce5df;border-radius:6px;cursor:pointer;box-sizing:border-box}
.highlight-icon-options label:has(input:checked){background:#eef6e9;border-color:#74985e;color:#34532b}
.highlight-icon-options label:focus-within{outline:2px solid #74985e;outline-offset:2px}
.highlight-icon-options input{position:absolute;top:5px;left:5px;width:12px;height:12px;margin:0;accent-color:#426e30}
.highlight-icon-options label>span{height:28px;display:grid;place-items:center;font-size:23px}
.highlight-icon-options small{font-size:10px}
.highlight-icon-options img,.pufy-benefit-icon img,.highlight-admin-icon img{width:25px;height:25px;object-fit:contain}
.pufy-benefits{background:var(--benefits-bg,#fffdf9);color:var(--benefits-text,#3a281d);border-block:1px solid #d8c5b72b;padding:22px 0;margin:0;position:relative}.pufy-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.pufy-benefit{display:flex;align-items:center;gap:16px;min-width:0;padding:16px 30px;color:var(--benefits-text);text-decoration:none;border-right:1px solid #a48a7026}.pufy-benefit:last-child{border-right:0}.pufy-benefit-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;color:var(--benefits-accent,#e61e29);background:color-mix(in srgb,var(--benefits-accent,#e61e29) 6%,transparent);border:1px solid color-mix(in srgb,var(--benefits-accent,#e61e29) 12%,transparent);border-radius:13px}.pufy-benefit-icon svg{width:23px;height:23px;stroke-width:1.45}.pufy-benefit-copy{display:block;min-width:0;flex:1}.pufy-benefit-copy strong{display:block;font-size:14px;font-weight:700;letter-spacing:-.015em;line-height:1.5;color:var(--benefits-text)}.pufy-benefit-copy small{display:block;margin-top:5px;color:var(--benefits-text);opacity:.65;font-size:11px;line-height:1.7}.pufy-benefit-arrow{font-size:17px;color:var(--benefits-accent);opacity:.5;transition:transform .2s,opacity .2s}.pufy-benefit:hover .pufy-benefit-arrow{transform:translate(2px,-2px);opacity:1}.pufy-benefit:focus-visible{outline:2px solid var(--benefits-accent);outline-offset:-3px}.benefits-cards{padding:24px 0;background:transparent;border:0}.benefits-cards .pufy-benefits-grid{gap:16px}.benefits-cards .pufy-benefit{background:var(--benefits-bg);border:1px solid #a48a7026;border-radius:14px;padding:24px}
.highlight-admin-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:22px;align-items:start;margin-bottom:24px}.highlight-settings-card,.highlight-preview-card,.highlight-message-list,.highlight-wide-editor{padding:27px;box-shadow:none;border-radius:14px;min-width:0}.highlight-settings-card h2,.highlight-preview-card h2,.highlight-message-list h2,.highlight-wide-editor h2{font-size:21px;letter-spacing:-.03em;margin-top:0}.highlight-settings-card .field-label{font-size:12px;margin-block:20px}.highlight-settings-card .toggle-field{margin-bottom:18px}.highlight-settings-card .panel-primary{background:#e61e29;margin-top:12px}.highlight-color-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.highlight-color-fields input{height:44px;padding:5px}.highlight-color-fields .field-label{font-size:10px}.highlight-preview-card>p{font-size:12px;color:#8e9aab}.highlight-preview-card .pufy-benefits{border-radius:12px;padding:12px;border:1px solid #e8dfd3;margin-top:24px}.highlight-preview-card .pufy-benefits-grid{width:100%;max-width:none;padding:0;grid-template-columns:1fr}.highlight-preview-card .pufy-benefit{padding:18px 12px;border-right:0;border-bottom:1px solid #a48a7026}.highlight-preview-card .pufy-benefit:last-child{border:0}.highlight-preview-card .benefits-cards{background:transparent;border:0}.highlight-preview-card .benefits-cards .pufy-benefit{border:1px solid #a48a7026}.highlight-list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.highlight-list-heading span{font-size:12px;color:#9ba6b6}.highlight-message-row{display:flex;align-items:center;gap:18px;padding:20px 0;border-top:1px solid #edf0f4;min-width:0}.highlight-row-number{font-size:10px;color:#a9b2bf;flex:none}.highlight-admin-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#fcf5f3;color:#e61e29;flex:none}.highlight-message-row>div{flex:1;min-width:0}.highlight-message-row strong{display:block;font-size:13px;color:#415069}.highlight-message-row small{display:block;color:#98a3b4;font-size:11px;line-height:1.6;margin-top:5px}.highlight-message-row>a,.highlight-message-row button{font-family:inherit;border:1px solid #e1e6ee;border-radius:7px;background:#fff;padding:8px 12px;font-size:11px;color:#7b899e;cursor:pointer}.highlight-message-row form{margin:0}.highlight-message-row button{color:#d35360;border-color:#efcdd0}.highlight-wide-editor{max-width:1100px;margin:auto}.highlight-wide-editor>a{display:inline-block;font-size:12px;color:#99a4b3;margin-bottom:20px}.highlight-wide-editor .field-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.highlight-wide-editor .field-label{font-size:12px;margin:0}.highlight-wide-editor .field-label :is(input,select,textarea){min-height:44px;font-size:13px;padding:12px}.highlight-wide-editor .panel-primary{background:#e61e29;width:auto;margin-top:22px}.highlight-wide-editor .editor-actions{padding-top:18px;margin-top:20px;border-top:1px solid #edf0f4}.highlight-wide-editor .toggle-field input,.highlight-settings-card .toggle-field input{accent-color:#e61e29}
@media(max-width:1050px){.pufy-benefit{padding-inline:18px;gap:12px}.pufy-benefit-copy strong{font-size:12px}.highlight-admin-layout{grid-template-columns:1fr}}
@media(max-width:700px){.pufy-benefits{padding:14px 0}.pufy-benefits-grid{grid-template-columns:1fr}.pufy-benefit{padding:17px 4px;border-right:0;border-bottom:1px solid #a48a7026}.pufy-benefit:last-child{border-bottom:0}.pufy-benefit-copy strong{font-size:13px}.pufy-benefit-copy small{font-size:11px}.pufy-benefit-icon{width:42px;height:42px}.benefits-cards .pufy-benefit{padding:20px}.highlight-wide-editor .field-stack{grid-template-columns:1fr}.highlight-settings-card,.highlight-preview-card,.highlight-message-list,.highlight-wide-editor{padding:20px}.highlight-message-row{gap:10px;flex-wrap:wrap}.highlight-message-row>div{flex-basis:calc(100% - 95px)}.highlight-message-row>a{margin-left:68px}.highlight-message-row strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pufy-benefit-arrow{transition:none}}
.highlight-wide-editor .translation-caption,.highlight-wide-editor .translation-group{grid-column:1/-1}.highlight-wide-editor .translation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media(max-width:650px){.highlight-wide-editor .translation-fields{grid-template-columns:1fr}}

/* Four product stories directly below the hero. */
.benefits-cards.pufy-benefits{padding:30px 0 34px;margin:0;background:var(--benefits-bg);border:0}
.benefits-cards .pufy-benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-top:1px solid color-mix(in srgb,var(--benefits-text) 20%,transparent);padding-top:30px}
.benefits-cards .pufy-benefit{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;min-height:275px;padding:30px 24px 27px;text-align:center;background:color-mix(in srgb,var(--benefits-bg) 95%,white);border:1px solid color-mix(in srgb,var(--benefits-text) 11%,transparent);border-radius:18px;box-shadow:0 5px 20px #50361d03;transition:transform .25s,border-color .25s,box-shadow .25s}
.benefits-cards .pufy-benefit-icon{width:48px;height:48px;background:none;border:0;border-radius:0;color:var(--benefits-accent)}
.benefits-cards .pufy-benefit-icon svg{width:38px;height:38px;stroke-width:1.45}
.benefits-cards .pufy-benefit-copy{flex:none;max-width:220px}.benefits-cards .pufy-benefit-copy strong{font-size:15px;font-weight:850;line-height:1.45;letter-spacing:.015em;text-transform:uppercase}.benefits-cards .pufy-benefit-copy small{font-size:12px;line-height:1.85;margin-top:15px;opacity:.75}
.benefits-cards .pufy-benefit-arrow{position:absolute;right:15px;top:13px;font-size:15px;opacity:0;transform:translate(-3px,3px)}
.benefits-cards a.pufy-benefit:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--benefits-accent) 40%,transparent);box-shadow:0 12px 28px #50361d0b}.benefits-cards a.pufy-benefit:hover .pufy-benefit-arrow,.benefits-cards a.pufy-benefit:focus-visible .pufy-benefit-arrow{opacity:1;transform:translate(0,0)}
@media(max-width:1000px){.benefits-cards .pufy-benefits-grid{gap:14px}.benefits-cards .pufy-benefit{padding:26px 16px;min-height:290px}.benefits-cards .pufy-benefit-copy strong{font-size:13px}}
@media(max-width:760px){.benefits-cards .pufy-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:22px}.benefits-cards.pufy-benefits{padding:24px 0}.benefits-cards .pufy-benefit{min-height:260px;padding:24px 18px;gap:15px}.benefits-cards .pufy-benefit-copy small{font-size:11px;margin-top:12px}}
@media(max-width:380px){.benefits-cards .pufy-benefits-grid{grid-template-columns:1fr}.benefits-cards .pufy-benefit{min-height:0;padding:24px}.benefits-cards .pufy-benefit-copy{max-width:250px}}
.highlight-preview-card .benefits-cards .pufy-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));border:0;padding-top:0}.highlight-preview-card .benefits-cards .pufy-benefit{padding:20px 15px;min-height:240px;border:1px solid #e8dfd3}.highlight-preview-card .benefits-cards .pufy-benefit-copy strong{font-size:12px}
@media(max-width:650px){.highlight-preview-card .benefits-cards .pufy-benefits-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.benefits-cards .pufy-benefit{transition:none}.benefits-cards a.pufy-benefit:hover{transform:none}}

/* Subtle motion follows the viewport; card text remains stationary. */
.benefits-cards .pufy-benefit{isolation:isolate;overflow:hidden;--benefit-delay:0s;transition:transform .3s,border-color .3s,box-shadow .3s,background-color .3s}
.benefits-cards .pufy-benefit:nth-child(2){--benefit-delay:4s}.benefits-cards .pufy-benefit:nth-child(3){--benefit-delay:8s}.benefits-cards .pufy-benefit:nth-child(4){--benefit-delay:12s}
.benefits-cards .pufy-benefit::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--benefits-accent) 9%,transparent),transparent 72%)}
.benefits-cards .pufy-benefit::after{content:'';position:absolute;left:20%;right:20%;bottom:0;height:3px;border-radius:4px;background:var(--benefits-accent);opacity:0;transform:scaleX(.2);pointer-events:none}
.benefits-in-view .pufy-benefit::before{animation:benefit-spotlight 16s ease-in-out var(--benefit-delay) infinite}
.benefits-in-view .pufy-benefit::after{animation:benefit-underline 16s ease-in-out var(--benefit-delay) infinite}
.benefits-in-view .pufy-benefit-icon{animation:benefit-icon-float 4s ease-in-out infinite;animation-delay:calc(var(--benefit-delay) / 8)}
.benefits-in-view .pufy-benefit:nth-child(even) .pufy-benefit-icon svg{animation:benefit-icon-sway 5s ease-in-out infinite}
.benefits-cards a.pufy-benefit:hover,.benefits-cards a.pufy-benefit:focus-visible{transform:translateY(-7px);background-color:color-mix(in srgb,var(--benefits-accent) 3%,var(--benefits-bg));border-color:color-mix(in srgb,var(--benefits-accent) 48%,transparent);box-shadow:0 16px 32px #50361d12}
.benefits-cards a.pufy-benefit:hover .pufy-benefit-icon,.benefits-cards a.pufy-benefit:focus-visible .pufy-benefit-icon{animation-play-state:paused}
.benefits-cards a.pufy-benefit:active{transform:translateY(-2px) scale(.985)}
@keyframes benefit-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes benefit-icon-sway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes benefit-spotlight{0%,25%,100%{opacity:0}5%,20%{opacity:1}}
@keyframes benefit-underline{0%,25%,100%{opacity:0;transform:scaleX(.2)}5%,20%{opacity:.65;transform:scaleX(1)}}
@media(hover:none){.benefits-cards a.pufy-benefit:hover{transform:none}.benefits-cards a.pufy-benefit:active{transform:scale(.98);background-color:color-mix(in srgb,var(--benefits-accent) 5%,var(--benefits-bg))}}
/* Visible touch feedback and floating, liquid-shaped icon halos. */
.benefits-cards .benefit-touch-wave{position:absolute;z-index:-1;pointer-events:none;width:var(--wave-size);height:var(--wave-size);left:var(--wave-x);top:var(--wave-y);border-radius:50%;background:radial-gradient(circle,transparent 38%,color-mix(in srgb,var(--benefits-accent,#e61e29) 24%,transparent) 65%,transparent 72%);animation:benefit-touch-wave .85s cubic-bezier(.16,1,.3,1) forwards}
.benefits-cards .pufy-benefit.is-touch-active{border-color:color-mix(in srgb,var(--benefits-accent,#e61e29) 50%,transparent);box-shadow:0 10px 28px #b443241a}
.benefits-cards .pufy-benefit-icon{position:relative;isolation:isolate}
.benefits-cards .pufy-benefit-icon::before,.benefits-cards .pufy-benefit-icon::after{content:'';position:absolute;pointer-events:none;z-index:-1;opacity:0;transition:opacity .25s}
.benefits-cards .pufy-benefit-icon::before{inset:-8px;border-radius:42% 58% 63% 37% / 46% 40% 60% 54%;background:linear-gradient(145deg,#fff1d1,color-mix(in srgb,var(--benefits-accent,#e61e29) 13%,#fffdf9));border:1px solid color-mix(in srgb,var(--benefits-accent,#e61e29) 13%,transparent)}
.benefits-cards .pufy-benefit-icon::after{inset:-14px;border:1px solid color-mix(in srgb,var(--benefits-accent,#e61e29) 22%,transparent);border-radius:50%}
.benefits-cards .pufy-benefit:is(:hover,:focus-visible,.is-touch-active) .pufy-benefit-icon::before,.benefits-cards .pufy-benefit:is(:hover,:focus-visible,.is-touch-active) .pufy-benefit-icon::after{opacity:1}
@keyframes benefit-touch-wave{from{transform:translate(-50%,-50%) scale(.05);opacity:.9}to{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes benefit-liquid-halo{0%,100%{border-radius:42% 58% 63% 37% / 46% 40% 60% 54%;transform:rotate(-12deg) scale(.96)}50%{border-radius:64% 36% 39% 61% / 40% 59% 41% 60%;transform:rotate(15deg) scale(1.06)}}
@keyframes benefit-halo-ring{0%,100%{transform:scale(.92);opacity:.35}50%{transform:scale(1.1);opacity:.8}}
@keyframes benefit-mobile-float{0%,100%{transform:translateY(2px) rotate(-5deg)}50%{transform:translateY(-10px) rotate(6deg)}}
@media(max-width:760px){
 .benefits-cards .pufy-benefit{padding-top:32px;gap:22px;border-color:#ead9cd;box-shadow:0 8px 22px #70432708;background:linear-gradient(160deg,#fffdf9 35%,#fff7ed)}
 .benefits-cards .pufy-benefit-icon{width:54px;height:54px}
 .benefits-cards .pufy-benefit-icon svg{width:38px;height:38px;stroke-width:1.7;filter:drop-shadow(0 3px 4px #e61e2918)}
 .benefits-cards .pufy-benefit-icon::before{opacity:1}
 .benefits-cards .pufy-benefit-icon::after{opacity:.55}
 .benefits-in-view .pufy-benefit-icon{animation:benefit-mobile-float 3.8s ease-in-out infinite;animation-delay:calc(var(--benefit-delay) / -4)}
 .benefits-in-view .pufy-benefit-icon::before{animation:benefit-liquid-halo 5s ease-in-out infinite;animation-delay:calc(var(--benefit-delay) / -3)}
 .benefits-in-view .pufy-benefit-icon::after{animation:benefit-halo-ring 3.8s ease-in-out infinite;animation-delay:calc(var(--benefit-delay) / -4)}
 .benefits-in-view .pufy-benefit::before,.benefits-in-view .pufy-benefit::after{animation-duration:8s;animation-delay:calc(var(--benefit-delay) / -2)}
 .benefits-cards .pufy-benefit-copy strong{font-weight:850;color:var(--benefits-text,#3a281d)}
 .benefits-cards .pufy-benefit-copy small{opacity:.9;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.benefits-cards .benefit-touch-wave{display:none}.benefits-cards .pufy-benefit-icon::before,.benefits-cards .pufy-benefit-icon::after{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){.benefits-cards .pufy-benefit,.benefits-cards .pufy-benefit-icon,.benefits-cards .pufy-benefit-icon svg,.benefits-cards .pufy-benefit::before,.benefits-cards .pufy-benefit::after{animation:none!important;transition:none!important}.benefits-cards a.pufy-benefit:hover,.benefits-cards a.pufy-benefit:focus-visible,.benefits-cards a.pufy-benefit:active{transform:none}}