:root{
      --primary:#0d6efd;
      --accent:#ff7a18;
      --muted:#6c757d;
      --card-radius:18px;
    }

    /* HERO */
    .features-hero{
      min-height:48vh;
      display:flex;
      align-items:center;
      background: linear-gradient(180deg, rgba(13,110,253,0.08), rgba(255,122,24,0.04));
      padding:60px 0;
    }
    .hero-card{
      /* background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.85)); */
      border-radius:var(--card-radius);
      /* box-shadow: 0 10px 30px rgba(13,110,253,0.06); */
      padding:28px;
    }
    .feature-icon {
      width:72px;
      height:72px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:14px;
      font-size:28px;
      color:white;
    }
    .icon-bg-1{ background: linear-gradient(135deg,#4f46e5,#06b6d4); }
    .icon-bg-2{ background: linear-gradient(135deg,#f97316,#ef4444); }
    .icon-bg-3{ background: linear-gradient(135deg,#06b6d4,#0891b2); }
    .icon-bg-4{ background: linear-gradient(135deg,#10b981,#059669); }

    /* FEATURES GRID */
    .feature-card{
      border-radius:14px;
      padding:18px;
      transition:transform .18s ease, box-shadow .18s ease;
      background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,250,250,0.98));
      height:100%;
    }
    .feature-card:hover{
      transform:translateY(-6px);
      box-shadow: 0 18px 40px rgba(15,23,42,0.06);
    }

    /* CTA */
    .cta-section{
      background:linear-gradient(90deg, rgba(13,110,253,0.06), rgba(255,122,24,0.03));
      padding:48px 0;
      border-radius:14px;
    }

    /* Responsive tweaks */
    @media (max-width:768px){
      .features-hero { padding:36px 0; }
      .feature-icon{ width:56px; height:56px; font-size:22px; }
    }