.lfs-services{--navy:#1A2544;--gold:#C9A24B;--ink:#3A4668;font-family:'Montserrat',Arial,sans-serif;color:var(--navy);max-width:1100px;margin:0 auto;padding:48px 20px}
.lfs-services .lfs-head{display:flex;align-items:center;gap:24px;margin-bottom:32px}
.lfs-services .lfs-head i{flex:1;height:1px;background:var(--navy);opacity:.55}
.lfs-services .lfs-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:.38em;text-transform:uppercase}
.lfs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.lfs-card{display:flex;align-items:center;gap:22px;padding:22px 26px 22px 30px;background:#F4F6FA;border:1px solid #E3E8F1;border-radius:14px;box-shadow:inset 6px 0 0 var(--gold);transition:transform .2s,box-shadow .2s}
.lfs-card:hover{transform:translateY(-3px);box-shadow:inset 6px 0 0 var(--gold),0 8px 20px rgba(26,37,68,.12)}
.lfs-icon{flex:none;width:68px;height:68px;display:block}
.lfs-card h3{margin:0 0 6px;font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.lfs-card p{margin:0;font-size:14px;line-height:1.55;color:var(--ink)}
@media (max-width:760px){.lfs-grid{grid-template-columns:1fr}.lfs-services .lfs-head h2{letter-spacing:.2em}}

/* ==== Theme-proofing ====================================================
   Keeps the card look (grey card, gold edge, lift and shadow on hover) even
   where a theme or page builder styles boxes, articles or hover states. */
.lfs-services,.lfs-services .lfs-grid{overflow:visible}
.lfs-services .lfs-grid .lfs-card{background:#F4F6FA;border:1px solid #E3E8F1;border-radius:14px;box-shadow:inset 6px 0 0 var(--gold);transition:transform .2s,box-shadow .2s}
.lfs-services .lfs-grid .lfs-card:hover{transform:translateY(-3px)!important;box-shadow:inset 6px 0 0 var(--gold),0 8px 20px rgba(26,37,68,.12)!important}
@media (prefers-reduced-motion:reduce){.lfs-services .lfs-grid .lfs-card{transition:none}}