/* A lively invitation to collect real, permissioned customer reviews. */
.reviews{padding-block:54px 28px}
.reviews-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.reviews-head h2{font-size:clamp(29px,3.3vw,43px);line-height:1.4;margin:8px 0 12px}
.reviews-head p{max-width:690px;margin:0;color:#50695a;font-size:18px;line-height:1.8}
.reviews-spark{width:78px;height:78px;border-radius:23px;display:grid;place-items:center;flex:none;color:#fff;font-size:45px;background:linear-gradient(135deg,#2d7651,#ca8051);box-shadow:0 14px 35px #27513b26;transform:rotate(-8deg)}
.review-topics{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.review-topics span{padding:8px 17px;background:#f0f7ed;border:1px solid #d9e6d6;border-radius:100px;color:#255641;font-weight:750;line-height:1.5}
.review-topics span:nth-child(2){background:#fff6e8;border-color:#f1dfc9}.review-topics span:nth-child(3){background:#f1f4f8;border-color:#dce5ed}
.review-invite{position:relative;overflow:hidden;padding:30px 34px;border:1px solid #d9e8d7;border-radius:26px;background:radial-gradient(circle at 92% 10%,#f8e6bf 0,transparent 30%),linear-gradient(130deg,#f2f8ef,#fffaf1 70%);box-shadow:0 15px 38px #193d3410}
.review-invite:after{content:'✦';position:absolute;inset:auto 20px -85px auto;font-size:210px;color:#2c775712;pointer-events:none}
.review-stars{color:#ca7842;letter-spacing:5px;font-size:23px;line-height:1.3;direction:ltr;text-align:start}
.review-invite h3{font-size:25px;line-height:1.5;margin:10px 0 6px}.review-invite p{font-size:17px;line-height:1.8;max-width:670px;margin:0 0 20px;color:#51695b}
.review-invite .button{position:relative;z-index:1;width:max-content}
@media(max-width:750px){
  /* Benefits are compact, varied cards without unused empty space. */
  .benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-block:10px 22px}
  .benefits>.benefit-card{min-height:190px;padding:16px 13px;border-radius:19px;align-items:flex-start;text-align:start;justify-content:space-between;gap:7px;box-shadow:0 8px 22px #1b48350d;transition:transform .24s ease,box-shadow .24s ease}
  .benefits>.benefit-card:nth-child(2){background:linear-gradient(140deg,#fff4e8,#fffaf3)}
  .benefits>.benefit-card:nth-child(3){background:linear-gradient(140deg,#edf5f3,#f8fbf7)}
  .benefits>.benefit-card:nth-child(4){background:linear-gradient(140deg,#f8f0f1,#fffaf5)}
  .benefits>.benefit-card:active{transform:scale(.97)}
  .benefits>.benefit-card .benefit-icon{width:42px;height:42px;border-radius:14px}
  .benefits>.benefit-card>span:nth-child(2){min-width:0;width:100%;text-align:start}
  .benefits b,.benefits small{display:block;text-align:start}
  .benefits b{font-size:16px;line-height:1.45}.benefits small{font-size:13px;line-height:1.55;margin-top:3px}
  .benefits>.benefit-card .benefit-more{justify-content:flex-start;margin-top:auto;font-size:13px;font-weight:750}
  /* One clear column of navigation replaces the cramped two-column footer. */
  .footer-top{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:31px 20px}
  .footer-top>div:first-child{padding:0 4px 12px}
  .footer-top>div:nth-child(4){grid-column:auto}
  .footer-top>div:not(:first-child){padding:16px;border-radius:18px;box-shadow:0 8px 22px #1b48350d}
  .footer-top h3{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:9px}
  .footer-top h3:before{content:'';width:10px;height:10px;border-radius:50%;background:#4d956a;box-shadow:0 0 0 5px #4d956a24}
  .footer-top>div:nth-child(3) h3:before{background:#d78654;box-shadow:0 0 0 5px #d7865424}
  .footer-top>div:nth-child(4) h3:before{background:#7195a5;box-shadow:0 0 0 5px #7195a524}
  .footer-top button{position:relative;min-height:48px;padding:10px 14px;padding-inline-end:35px;border-radius:12px;margin-top:7px;font-size:15px;background:#fffefa;text-align:start}
  .footer-top button:after{content:'›';position:absolute;inset-inline-end:13px;top:50%;transform:translateY(-50%);font-size:23px;line-height:1;color:#5b8b70}
  html[dir=rtl] .footer-top button:after{content:'‹'}
  .footer-top button:active{background:#e9f4e8;transform:scale(.99)}
  .footer-bottom{padding-block:15px 26px}
  .reviews{padding-block:38px 15px}
  .reviews-head h2{font-size:28px;line-height:1.5;margin:8px 0}
  .reviews-head p{font-size:16px;line-height:1.7}
  .reviews-spark{width:51px;height:51px;font-size:29px;border-radius:16px}
  .review-topics{gap:7px;margin:17px 0}.review-topics span{padding:7px 11px;font-size:13px}
  .review-invite{padding:22px 19px;border-radius:21px}
  .review-invite:after{font-size:150px;bottom:-65px}
  .review-stars{font-size:20px}.review-invite h3{font-size:21px}.review-invite p{font-size:15px;line-height:1.7}
  .review-invite .button{width:100%;justify-content:center;font-size:16px}
  .customer-comments{padding-block:28px 38px}
}
@media(max-width:360px){.benefits>.benefit-card{min-height:202px;padding:13px 10px}.benefits b{font-size:15px}.benefits small{font-size:12px}.review-topics span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.benefits>.benefit-card{transition:none}}