.feature-section{background:#fafafa;overflow:hidden;padding:90px 20px;position:relative;text-align:center}.section-grid{display:grid;gap:34px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.card{backdrop-filter:blur(16px);background:hsla(0,0%,100%,.85);border:1px solid rgba(52,66,91,.08);border-radius:24px;box-shadow:0 10px 40px rgba(52,66,91,.12);padding:45px 25px;transition:all .5s ease}.card:hover{border-color:rgba(52,66,91,.15);box-shadow:0 20px 60px rgba(52,66,91,.25);transform:translateY(-10px) scale(1.03)}.icon-wrapper{align-items:center;background:linear-gradient(135deg,#eef0f3,#fff);border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 25px;transition:all .4s ease;width:100px}.icon-wrapper img{height:60%;object-fit:contain;transition:all .4s ease;width:60%}.card:hover .icon-wrapper{background:linear-gradient(135deg,#34425b,#556080);transform:rotate(8deg) scale(1.05)}.card:hover .icon-wrapper img{filter:brightness(0) invert(1)}.card-title{color:#34425b;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:600;margin-bottom:10px}.card-text{color:#4b566b;font-size:clamp(.9rem,1.2vw,1rem);line-height:1.65;margin:0 auto;max-width:280px}.card:after{background:#34425b;content:"";display:block;height:2px;margin:18px auto 0;transition:width .3s ease;width:0}.card:hover:after{width:60%}.feature-section .reveal{opacity:0;transform:translateY(50px) rotateX(8deg);transition:opacity .8s ease,transform .8s ease}.feature-section .reveal.in-view{opacity:1;transform:translateY(0) rotateX(0)}@media (min-width:1280px) and (max-width:1440px){.section-grid{gap:32px;max-width:1180px}.card{padding:50px 25px}.icon-wrapper{height:90px;width:90px}}@media (min-width:912px) and (max-width:1279px){.section-grid{gap:28px;grid-template-columns:repeat(3,1fr);max-width:1000px}.icon-wrapper{height:85px;width:85px}}@media (max-width:1024px){.section-grid{gap:26px;grid-template-columns:repeat(2,1fr);max-width:800px}.icon-wrapper{height:80px;width:80px}}@media (max-width:768px){.section-grid{gap:22px;grid-template-columns:1fr 1fr;max-width:600px}.feature-section{padding:70px 15px}}@media (max-width:480px){.section-grid{gap:24px;grid-template-columns:1fr;max-width:350px}.feature-section{padding:60px 10px}.icon-wrapper{height:65px;margin-bottom:18px;width:65px}}