section.product-features{display:grid;gap:3rem;padding-left:2.5%;padding-right:2.5%;.card{--pady:4rem;border:none;box-shadow:none;display:grid;gap:4rem 6rem;grid-template-areas:"copy" "image";grid-template-columns:1fr;padding-left:2.5%;padding-right:2.5%;@media (min-width:768px){padding-left:10%;padding-right:10%}@media (min-width:1024px){grid-template-areas:"copy image";grid-template-columns:1fr minmax(40rem,1fr);&.reverse{grid-template-areas:"image copy"}}.copy{grid-area:copy;padding-top:var(--pady);@media (max-width:767px){padding-left:5%;padding-right:5%}@media (min-width:1024px){--pady:10rem;padding-bottom:var(--pady)}.count{aspect-ratio:1/1;background-color:var(--Indigo-97);border-radius:50%;color:var(--indigo);display:grid;font-size:1.6rem;font-weight:var(--semibold);height:3.2rem;margin-bottom:3rem;place-items:center;width:3.2rem}.heading2{font-size:3.8rem;>*{font:inherit;letter-spacing:0}}p{color:var(--gray);font-size:1.8rem;letter-spacing:0}.sub-features{display:grid;gap:2rem 3rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-top:4rem}.sub-feature{.icon{color:var(--indigo);font-size:3rem;margin-bottom:.25em}p.heading{color:var(--blue);font-size:2.2;font-weight:var(--semibold);margin-bottom:.6em}}}figure{grid-area:image;--pady:2.5%;padding-bottom:var(--pady);@media (min-width:1024px){--pady:0}img{transition:transform .1s ease-out;will-change:transform}}}}