:root{

  --card: #ffffff;
  --muted: #6b7280;
  --accent: #2563eb;
  --shadow: 0 10px 30px rgba(2,6,23,0.06);
}

.features-wrap{ padding:48px 20px;}
.features-container{max-width:1080px; margin:0 auto;}
.features-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:24px 28px;}

.feature-card{background:var(--card); border-radius:10px; padding:22px; box-shadow:var(--shadow); border:1px solid rgba(15,23,42,0.04);}
.feature-card h3{margin:0 0 10px; font-size:20px; color:#0f172a; font-weight:700;}
.feature-card p{margin:0; color:var(--muted); line-height:1.6;}
.feature-card ul{margin:8px 0 0 18px; color:var(--muted);}
.feature-card li{margin-bottom:8px;}
.feature-card .muted{color:var(--muted); font-size:13px; margin-top:10px}

.cta-card{margin-top:28px; background:var(--card); border-radius:10px; padding:22px; box-shadow:var(--shadow); border:1px solid rgba(15,23,42,0.04); display:flex; flex-direction:column; gap:12px;}
.cta-card h3{font-size:20px; margin:0;}
.cta-card p{margin:0; color:var(--muted);}
.cta-button{display:inline-block; margin-top:6px; padding:10px 14px; background:linear-gradient(135deg,var(--accent),#7c3aed); color:#fff; text-decoration:none; border-radius:8px; font-weight:700; box-shadow:0 8px 26px rgba(37,99,235,0.16);}

/* subtle hover */
.feature-card:hover, .cta-card:hover{transform:translateY(-4px); transition:transform .22s ease, box-shadow .22s ease; box-shadow:0 18px 40px rgba(2,6,23,0.08);} 

/* Responsive */
@media (max-width:900px){.features-grid{grid-template-columns:1fr 1fr; gap:18px}}
@media (max-width:720px){.features-grid{grid-template-columns:1fr;}}