.featureSection{width:100%;padding:30px 40px;background:#ffffff}.featureGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.featureCard{position:relative;overflow:hidden;border-radius:18px;height:120px;cursor:pointer;display:flex;align-items:center;padding:0 20px;background-size:cover;background-position:50%;box-shadow:0 12px 30px rgba(0,0,0,.12);transition:transform .35s ease,box-shadow .35s ease}.featureCard.wide{grid-column:span 2}.featureCard:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.32) 45%,rgba(0,0,0,.08));z-index:1}.overlay{position:relative;z-index:2;gap:14px}.featureIcon,.overlay{display:flex;align-items:center}.featureIcon{flex-shrink:0;width:44px;height:44px;justify-content:center;border-radius:50%;background:#ffffff;color:#0b6d2a;font-size:17px;transition:.35s ease}.featureCard:hover .featureIcon{background:#0b6d2a;color:#ffffff;transform:rotate(8deg) scale(1.05)}.overlay h3{color:#ffffff;font-size:15px;font-weight:700;line-height:20px;max-width:75%;text-shadow:0 1px 4px rgba(0,0,0,.5)}.featureCard:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(0,0,0,.18)}@media (max-width:1200px){.featureGrid{grid-template-columns:repeat(2,1fr)}.featureCard.wide{grid-column:span 2}}@media (max-width:768px){.featureSection{padding:30px 20px}.featureGrid{grid-template-columns:1fr;gap:16px}.featureCard,.featureCard.wide{grid-column:span 1;height:110px}.overlay h3{font-size:14px}.featureIcon{width:40px;height:40px;font-size:15px}}@media (max-width:480px){.featureSection{padding:30px 15px}}