/* Clear visual rhythm between each home-page section. */
main{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fffdfa 45%,#fff 100%)}
.reviews-section{position:relative;margin-top:56px;padding-bottom:104px;isolation:isolate}
.reviews-section:after{position:absolute;right:-115px;bottom:-135px;z-index:-1;width:330px;height:330px;border:1px solid #ffffff1f;border-radius:50%;content:''}
.reviews-section + .benefits{position:relative;z-index:2;margin-top:56px;margin-bottom:76px;padding:0;overflow:hidden;border:0;border-radius:14px;background:#fff;box-shadow:0 12px 30px #063e4217}
.benefits>div{position:relative;padding:23px 22px;transition:background .25s,transform .25s}
.benefits>div:not(:last-child):after{position:absolute;top:20%;right:0;width:1px;height:60%;background:#e5eeeb;content:''}
.benefits>div:hover{z-index:1;background:#eff8f5;transform:translateY(-5px)}
.benefits>div:hover b{color:var(--orange)}
.benefits>div:hover:before{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--orange);content:''}

/* Consistent, lightweight interactive feedback. */
.button,.outline-button,.ghost-button,.review-footer a{transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.button:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 9px 20px #e46f2a55}
.outline-button:hover{border-color:var(--orange);background:#fff5ed;transform:translateY(-2px)}
.ghost-button:hover{background:#fff;color:var(--teal);transform:translateY(-3px)}
.main-menu a{position:relative}.main-menu a:after{position:absolute;bottom:-8px;left:0;width:0;height:2px;background:var(--orange);content:'';transition:width .25s}.main-menu a:hover:after,.main-menu a.active:after{width:100%}
.pet-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.pet-card:hover{border-color:#f2c9ae;transform:translateY(-8px);box-shadow:0 18px 34px #075e6320}.pet-card .pet-card-body a{transition:color .2s,letter-spacing .2s}.pet-card:hover .pet-card-body a{color:var(--orange);letter-spacing:.12px}
.how-section{position:relative}.steps>div{transition:transform .25s ease}.steps>div:hover{transform:translateY(-7px)}.steps>div:hover i{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 9px 18px #ff7a1a42}
.cta{transition:transform .3s ease,box-shadow .3s ease}.cta:hover{transform:translateY(-5px);box-shadow:0 18px 35px #075e6340}.cta img{transition:transform .6s ease}.cta:hover img{transform:scale(1.06)}
.footer-grid a:not(.brand){transition:color .2s,transform .2s}.footer-grid a:not(.brand):hover{color:#fff;transform:translateX(4px)}
@media(max-width:760px){.reviews-section{margin-top:32px;padding-bottom:65px}.reviews-section + .benefits{grid-template-columns:1fr 1fr;margin-top:34px;margin-bottom:58px}.benefits>div{padding:19px 14px}.benefits>div:nth-child(2):after{display:none}.benefits>div:after{top:auto!important;right:10%!important;bottom:0;width:80%!important;height:1px!important}.main-menu a:after{display:none}}
@media(max-width:430px){.reviews-section + .benefits{grid-template-columns:1fr;margin-top:28px}.benefits>div:after{right:7%!important;width:86%!important}.benefits>div:last-child:after{display:none}}