.feature-grid{background-color:var(--section-bg)}.feature-grid__inner{margin:0 auto}.feature-grid__header{margin-bottom:40px;max-width:1000px}p.feature-grid__eyebrow{font-size:18px;font-weight:800;letter-spacing:.22em;margin:0;max-width:600px;text-transform:uppercase}.feature-grid__eyebrow{color:var(--eyebrow-color)}.feature-grid__heading{color:var(--heading-color)}.feature-grid__description{color:var(--description-color);max-width:680px}.feature-grid__description *{color:inherit}.feature-grid__grid{border-left:1px solid var(--card-border);border-top:1px solid var(--card-border);display:grid;grid-template-columns:1fr}.feature-grid__card{background-color:var(--card-bg);border-bottom:1px solid var(--card-border);border-right:1px solid var(--card-border);min-width:0;padding:30px 24px;transition:background-color .15s ease-out}h3.feature-grid__card-heading{font-size:20px}.feature-grid__icon{align-items:center;background-color:var(--icon-bg);border-radius:5px;color:var(--icon-color);display:flex;height:32px;justify-content:center;margin-bottom:16px;transition:background-color .15s ease-out,color .15s ease-out;width:32px}.feature-grid__icon svg{fill:currentColor;height:16px;width:16px}.feature-grid__top-content{color:var(--icon-color);transition:color .15s ease-out}.feature-grid__top-content *{color:inherit}.feature-grid__card-content,.feature-grid__card-heading{color:var(--card-text);transition:color .15s ease-out}.feature-grid__card-content *{color:inherit}.feature-grid__card:hover{background-color:var(--card-hover-bg)}.feature-grid__card:hover .feature-grid__icon{background-color:var(--icon-hover-bg);color:var(--icon-hover-color)}.feature-grid__card:hover .feature-grid__top-content{color:var(--icon-hover-color)}.feature-grid__card:hover .feature-grid__card-content,.feature-grid__card:hover .feature-grid__card-heading{color:var(--card-hover-text)}@media (min-width:640px){.feature-grid__grid{grid-template-columns:repeat(2,1fr)}.feature-grid__card{padding-left:32px;padding-right:32px}}@media (min-width:768px){.feature-grid__header{margin-bottom:52px}}@media (min-width:1024px){.feature-grid__header{margin-bottom:64px}.feature-grid--columns-2 .feature-grid__grid{grid-template-columns:repeat(2,1fr)}.feature-grid--columns-3 .feature-grid__grid{grid-template-columns:repeat(3,1fr)}.feature-grid--columns-4 .feature-grid__grid{grid-template-columns:repeat(4,1fr)}}