#about-product{background:#fff}
#about-product .about-product-inner{max-width:1180px;margin:0 auto;padding:76px clamp(20px,4vw,48px)}
#about-product .about-product-heading{text-align:center;margin-bottom:40px}
#about-product.about-product-paused .about-product-icon,#about-product.about-product-paused .about-product-icon *{animation-play-state:paused!important}
#about-product .about-product-offscreen,#about-product .about-product-offscreen *{animation-play-state:paused!important}
#about-product .about-product-mascot{display:block;width:46px;height:46px;margin:0 auto 14px}
#about-product .about-product-eyebrow{font-family:'DM Serif Display',serif;font-style:italic;font-size:19px;color:#8f651c;margin-bottom:10px}
#about-product h2{font-family:'DM Serif Display',serif;font-size:46px;letter-spacing:-.02em;line-height:1.1;color:#1b2e1e;margin:0}
#about-product .usp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
#about-product .usp-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;min-width:0}
#about-product .usp-item>div{min-width:0}
#about-product .usp-ico{width:128px;height:128px;display:flex;align-items:center;justify-content:center;flex:0 0 128px}
#about-product .usp-ico svg{width:100%;height:100%;overflow:visible;display:block}
#about-product .usp-ico [stroke-width="5"]{stroke-width:2.6}
#about-product .usp-ico [stroke-width="3.5"]{stroke-width:1.8}
#about-product .usp-ico [stroke-width="4"]{stroke-width:2.1}
#about-product .usp-ico [stroke-width="2.7"]{stroke-width:1.4}
#about-product .usp-ico [stroke-width="7"]{stroke-width:3.6}
#about-product h3{font-family:'DM Serif Display',serif;font-size:25px;font-weight:400;line-height:1.25;color:#1b2e1e;margin:0 0 10px}
#about-product p{font-size:15.5px;line-height:1.6;color:#3d5040;margin:0;text-wrap:pretty}
#about-product .about-product-mascot{--ap-delay:0s}
#about-product .usp-item:nth-child(1) .about-product-icon{--ap-delay:.08s}
#about-product .usp-item:nth-child(2) .about-product-icon{--ap-delay:.18s}
#about-product .usp-item:nth-child(3) .about-product-icon{--ap-delay:.28s}
#about-product .about-product-icon{opacity:0;transform:translateY(8px) scale(.78)}
#about-product .about-product-icon.about-product-in{animation:apIcoPop .62s cubic-bezier(.2,.9,.25,1.35) var(--ap-delay,0s) 1 both}
#about-product .ap-mascot-face,#about-product .wink-spark,#about-product .usp-ico .u-photo-card,#about-product .usp-ico .u-develop,#about-product .usp-ico .u-spark,#about-product .usp-ico .u-swapU,#about-product .usp-ico .u-swapO,#about-product .usp-ico .u-swapB,#about-product .usp-ico .u-arc,#about-product .usp-ico .u-liftlid,#about-product .usp-ico .u-boxspark,#about-product .usp-ico .u-b{transform-box:fill-box;transform-origin:center;will-change:transform,opacity}
#about-product .wink-closed{opacity:0}
#about-product .u-spark,#about-product .u-boxspark{opacity:0;transform:scale(0)}
#about-product .u-swapU{opacity:0}
#about-product .u-b{opacity:0;transform:translateY(34px)}
#about-product .about-product-mascot.about-product-in .ap-mascot-face{animation:apMascotTilt 1.25s ease-in-out calc(var(--ap-delay,0s) + .18s) 1 both}
#about-product .about-product-mascot.about-product-in .wink-open{animation:apWinkOpen 1.25s ease-in-out calc(var(--ap-delay,0s) + .18s) 1 both}
#about-product .about-product-mascot.about-product-in .wink-closed{animation:apWinkClosed 1.25s ease-in-out calc(var(--ap-delay,0s) + .18s) 1 both}
#about-product .about-product-mascot.about-product-in .wink-spark{animation:apMascotSpark 1.25s ease-out calc(var(--ap-delay,0s) + .18s) 1 both}
#about-product .usp-ico.about-product-in .u-photo-card{animation:apPhotoCard 1.1s cubic-bezier(.2,.85,.25,1.2) calc(var(--ap-delay,0s) + .12s) 1 both}
#about-product .usp-ico.about-product-in .u-develop{animation:apDevelop .78s ease-out calc(var(--ap-delay,0s) + .42s) 1 both}
#about-product .usp-ico.about-product-in .u-spark{animation:apSpark 1.05s ease-out calc(var(--ap-delay,0s) + .38s) 1 both}
#about-product .usp-ico.about-product-in .u-swapO{animation:apSwapA 1.7s cubic-bezier(.45,0,.2,1) calc(var(--ap-delay,0s) + .14s) 1 both}
#about-product .usp-ico .u-swapU{display:none}
#about-product .usp-ico.about-product-in .u-swapB{animation:apSwapB 1.7s cubic-bezier(.45,0,.2,1) calc(var(--ap-delay,0s) + .14s) 1 both}
#about-product .usp-ico.about-product-in .u-arc{animation:apArc 1.7s ease-out calc(var(--ap-delay,0s) + .14s) 1 both}
#about-product .usp-ico.about-product-in .u-liftlid{animation:apLiftLid 1.5s cubic-bezier(.35,0,.2,1) calc(var(--ap-delay,0s) + .12s) 1 both}
#about-product .usp-ico.about-product-in .u-boxspark{animation:apBoxSpark 1.35s ease-out calc(var(--ap-delay,0s) + .34s) 1 both}
#about-product .usp-ico.about-product-in .u-b{animation:apRise3 1.25s cubic-bezier(.2,.9,.3,1.35) calc(var(--ap-delay,0s) + .22s) 1 both}
#about-product .usp-ico.about-product-in .u-b2{animation-delay:calc(var(--ap-delay,0s) + .34s)}
#about-product .usp-ico.about-product-in .u-b3{animation-delay:calc(var(--ap-delay,0s) + .46s)}
#about-product .about-product-mascot{--ap-cycle:3.4s}
#about-product .usp-item:nth-child(1) .about-product-icon{--ap-cycle:2.6s}
#about-product .usp-item:nth-child(2) .about-product-icon{--ap-cycle:2.666667s}
#about-product .usp-item:nth-child(3) .about-product-icon{--ap-cycle:1.833333s}
#about-product .about-product-in *{animation-duration:var(--ap-cycle)!important;animation-iteration-count:4!important}
#reviews{background:#f9f6f0!important}
#reviews .pp-revcard{background:#fff!important}
#faq{background:#fff!important}
@keyframes apIcoPop{0%{opacity:0;transform:translateY(8px) scale(.78)}68%{opacity:1;transform:translateY(-2px) scale(1.055)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes apMascotTilt{0%,45%{transform:rotate(0) translateY(0)}68%{transform:rotate(-4deg) translateY(-1px)}100%{transform:rotate(0) translateY(0)}}
@keyframes apWinkOpen{0%,48%{opacity:1}58%,76%{opacity:0}86%,100%{opacity:1}}
@keyframes apWinkClosed{0%,48%{opacity:0}58%,76%{opacity:1}86%,100%{opacity:0}}
@keyframes apMascotSpark{0%,48%{opacity:0;transform:scale(.3) rotate(-25deg)}64%{opacity:1;transform:scale(1) rotate(0)}82%,100%{opacity:0;transform:scale(.6) rotate(15deg)}}
@keyframes apPhotoCard{0%,100%{opacity:1;transform:translateY(0) rotate(-5deg) scale(1)}25%{opacity:1;transform:translateY(3px) rotate(-8deg) scale(.96)}62%{opacity:1;transform:translateY(-2px) rotate(-3deg) scale(1.025)}}
@keyframes apDevelop{0%,100%{opacity:1;transform:scale(1)}25%{opacity:.2;transform:scale(.8)}65%{opacity:1;transform:scale(1.12)}}
@keyframes apSpark{0%,24%{transform:scale(0) rotate(-24deg);opacity:0}55%{transform:scale(1.3) rotate(8deg);opacity:1}78%,100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes apSwapA{0%,16%{transform:translate(0,0) rotate(0)}48%,62%{transform:translate(42px,-38px) rotate(12deg) scale(.94)}88%,100%{transform:translate(0,0) rotate(0)}}
@keyframes apSwapB{0%,16%{transform:translate(0,0) rotate(0)}48%,62%{transform:translate(-42px,38px) rotate(-12deg) scale(1.06)}88%,100%{transform:translate(0,0) rotate(0)}}
@keyframes apArc{0%,10%{opacity:0;transform:translate(-2px,2px) scale(.86)}28%,76%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:.55;transform:translate(0,0) scale(1)}}
@keyframes apLiftLid{0%,16%,100%{transform:translateY(-8px) rotate(-2deg)}48%,72%{transform:translateY(-29px) rotate(-9deg)}}
@keyframes apBoxSpark{0%,24%{transform:scale(0) rotate(-18deg);opacity:0}55%{transform:scale(1.24) rotate(6deg);opacity:1}82%,100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes apRise3{0%,25%{transform:translateY(34px) scale(.78);opacity:0}58%{transform:translateY(-5px) scale(1.05);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}
@media(max-width:640px){
  #about-product .about-product-inner{padding:58px 20px 62px}
  #about-product .about-product-heading{margin-bottom:34px}
  #about-product h2{font-size:32px}
  #about-product .usp-grid{grid-template-columns:1fr;gap:30px}
  #about-product .usp-item{flex-direction:row;align-items:flex-start;text-align:left;gap:18px}
  #about-product .usp-ico{width:72px;height:72px;flex-basis:72px}
  #about-product .usp-ico svg{width:72px;height:72px}
  #about-product h3{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
  #about-product .about-product-icon,#about-product .about-product-icon.about-product-in{opacity:1;transform:none;animation:none!important}
  #about-product .about-product-icon *{animation:none!important}
  #about-product .u-swapU,#about-product .u-spark{opacity:0!important}
  #about-product .u-swapO,#about-product .u-boxspark,#about-product .u-b{opacity:1!important;transform:none!important}
  #about-product .u-photo-card{opacity:1!important;transform:rotate(-5deg)!important}
  #about-product .u-liftlid{transform:translateY(-8px) rotate(-2deg)!important}
}
