/* === Feature cards – style premium (comme les packs) === */
.feature-card {
  background: linear-gradient(
    135deg,
    #f8fbff 0%,
    #eef5ff 50%,
    #ffffff 100%
  );
  border: 1px solid rgba(0, 125, 254, 0.08);
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0, 125, 254, 0.12);
}

/* Icône */
.feature-card .icon {
  background: rgba(0, 125, 254, 0.12);
  border-radius: 14px;
}

/* Titre */
.feature-card h3 {
  color: #0f172a;
}

/* Texte */
.feature-card p {
  color: #475569;
}


/* INLICE */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

    body{font-family:'Poppins',sans-serif;scroll-behavior:smooth;}
    .gradient-bg{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 50%,#bae6fd 100%);}
    .card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);}
    .feature-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:20px;}
    .device-mockup{position:relative;max-width:100%;}
    .device-mockup::before{
     content:none;
    }

    /* ====== PRICING TABLE (WEB) ====== */
    .pricing-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .pricing-table{width:100%;min-width:720px;border-collapse:collapse;margin:2rem 0;table-layout:fixed;}
    .pricing-table th,.pricing-table td{text-align:center;border:1px solid #e5e7eb;word-wrap:break-word;}
    .pricing-table th{background:#f9fafb;font-weight:600;}
    .pricing-table tr:nth-child(even){background:#f9fafb;}
    .pricing-table thead tr th:first-child{visibility:hidden;border:none;background:transparent;padding:0;}
    .pricing-table tbody td:first-child{text-align:left;padding-left:1rem;}
    .pricing-table tbody tr:last-child td{border:none !important;background:transparent;}
    .pricing-plan{font-weight:700;font-size:1.25rem;color:#1e40af;}
    .pricing-feature{text-align:left;padding-left:1.5rem;}
    .check-icon{color:#10b981;}
    .times-icon{color:#ef4444;}

    /* Compacité web small */
    @media (max-width:768px){
      .pricing-table{min-width:680px;}
      .pricing-table th{padding:8px 10px;font-size:14px;line-height:1.2;}
      .pricing-table td{padding:8px 10px;font-size:13px;line-height:1.25;}
    }

    /* Animations */
    @media (min-width:768px){
      .animate-fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;}
      .animate-fade-in.visible{opacity:1;transform:translateY(0);}
    }
	
	/* footer */
	 .footer-gradient{background:linear-gradient(180deg,#0f172a 0%,#020617 100%);}