.feature_cards .container{padding-top:120px;padding-bottom:120px}
/* Deep-navy band variant (design's `.values` section). */
.feature_cards.is-deep{background:var(--navy-deep)}
.feature_cards_head{margin-bottom:60px;max-width:720px}
.feature_cards_head .eyebrow{margin-bottom:24px}
.feature_cards_intro{margin-top:20px;font-size:16px;color:rgba(241,237,226,0.7);line-height:1.7}
/* Plain variant (design's `.lp-card` grid: flat gradient card, small copper
   TEXT number, no circle icon, no hover top-bar/lift). Ported from the mockup
   .lp-card rules. Scoped high enough to beat the global .page_wrapper .card. */
.page_wrapper .feature_cards.is-plain .card{overflow:visible;background:linear-gradient(180deg,rgba(241,237,226,0.05),rgba(241,237,226,0.01));border:1px solid rgba(241,237,226,0.08);border-radius:12px;padding:36px 32px;transition:all .3s}
.page_wrapper .feature_cards.is-plain .card:hover{transform:none;background:linear-gradient(180deg,rgba(241,237,226,0.05),rgba(241,237,226,0.01));border-color:rgba(175,90,47,0.4)}
.page_wrapper .feature_cards.is-plain .card::before{display:none}
.feature_cards.is-plain .card_num{display:block;font-size:13px;font-weight:600;color:var(--copper-light);letter-spacing:.05em;margin-bottom:14px}
.feature_cards.is-plain .card h3{font-size:19px;font-weight:500;color:var(--ecru);letter-spacing:-0.01em;margin:0 0 10px}
.feature_cards.is-plain .card p{font-size:14.5px;color:rgba(241,237,226,0.68);line-height:1.65;margin:0}

/* Steps variant (mockup .next-steps: centred head, centred 1080px grid,
   gradient cards, small 40px numbered circle). */
.feature_cards.is-steps .feature_cards_head{max-width:720px;margin:0 auto 56px;text-align:center}
.feature_cards.is-steps .feature_cards_head .eyebrow{justify-content:center}
.feature_cards.is-steps .feature_cards_grid{max-width:1080px;margin:0 auto}
.page_wrapper .feature_cards.is-steps .card{overflow:visible;background:linear-gradient(180deg,rgba(241,237,226,0.05),rgba(241,237,226,0.01));border:1px solid rgba(241,237,226,0.08);border-radius:12px;padding:36px 32px;transition:all .3s}
.page_wrapper .feature_cards.is-steps .card:hover{transform:none;background:linear-gradient(180deg,rgba(241,237,226,0.05),rgba(241,237,226,0.01));border-color:rgba(241,237,226,0.08)}
.page_wrapper .feature_cards.is-steps .card::before{display:none}
.feature_cards.is-steps .card_step{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;margin-bottom:20px;background:var(--copper-gradient);color:var(--ecru);font-weight:600;font-size:16px}
.feature_cards.is-steps .card h3{font-size:18px;font-weight:500;color:var(--ecru);letter-spacing:-0.01em;margin:0 0 10px}
.feature_cards.is-steps .card p{font-size:14.5px;color:rgba(241,237,226,0.7);line-height:1.65;margin:0}

.feature_cards_grid{display:grid;gap:24px}
.feature_cards_grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}
.feature_cards_grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}
.feature_cards_grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}
@media(max-width:1024px){
  .feature_cards .container{padding-top:80px;padding-bottom:80px}
  .feature_cards_grid[data-cols="3"],.feature_cards_grid[data-cols="4"]{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .feature_cards_grid[data-cols="2"],.feature_cards_grid[data-cols="3"],.feature_cards_grid[data-cols="4"]{grid-template-columns:1fr}
}