/* TaxiApp.club — liste — genere le 28/07/2026 — ne pas editer page par page */
.article-hero { padding:120px 0 56px; background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(232,96,0,.09) 0%,transparent 60%),var(--bg); }
.article-tag { display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px; }
.article-hero h1 { font-size:clamp(28px,4.5vw,54px);font-weight:800;line-height:1.1;margin-bottom:18px;max-width:820px; }
.article-meta { display:flex;align-items:center;gap:16px;font-size:14px;color:var(--text-2);margin-bottom:32px;flex-wrap:wrap; }
.article-meta span { display:flex;align-items:center;gap:6px; }
.article-body { max-width:760px;margin:0 auto; }
.article-body h2 { font-size:clamp(20px,2.5vw,28px);font-weight:800;margin:48px 0 14px;color:var(--text); }
.article-body h3 { font-size:18px;font-weight:700;margin:28px 0 10px;color:var(--text); }
.article-body p { font-size:16px;color:var(--text-2);line-height:1.8;margin-bottom:16px; }
.article-body ul { margin:12px 0 20px 20px;display:flex;flex-direction:column;gap:8px; }
.article-body ul li { font-size:16px;color:var(--text-2);line-height:1.7;list-style:disc; }
.article-body strong { color:var(--text);font-weight:600; }
.article-cta { margin:56px 0 0;padding:36px;background:linear-gradient(135deg,var(--orange-dark),var(--orange));border-radius:var(--radius-xl);text-align:center; }
.article-cta h3 { font-size:22px;font-weight:800;color:#fff;margin-bottom:10px; }
.article-cta p { font-size:15px;color:rgba(255,255,255,.88);margin-bottom:20px; }
.article-cta a { display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;color:var(--orange);background:#fff;border-radius:50px; }
.articles-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px; }
.article-card { background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;transition:var(--transition);text-decoration:none;display:block;color:inherit; }
.article-card:hover { border-color:var(--border-orange);transform:translateY(-3px); }
.article-card-tag { display:inline-block;padding:3px 10px;border-radius:50px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px; }
.article-card h3 { font-size:18px;font-weight:700;margin-bottom:10px;line-height:1.3;color:var(--text); }
.article-card p { font-size:14px;color:var(--text-2);line-height:1.65;margin-bottom:16px; }
.article-card-meta { font-size:12px;color:var(--text-3);display:flex;gap:12px; }
.article-back { display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2);margin-bottom:28px;transition:var(--transition); }
.article-back:hover { color:var(--orange); }
.article-related { margin-top:64px;padding-top:48px;border-top:1px solid var(--border); }
.article-related h3 { font-size:22px;font-weight:700;margin-bottom:28px; }
.modal-client-overlay {
      display: none; position: fixed; inset: 0;
      background: rgba(0,0,0,0.78);
      backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
      z-index: 2000; align-items: center; justify-content: center; padding: 20px;
    }
.modal-client-overlay.open { display: flex; }
.modal-client-box {
      background: var(--bg-card);
      border: 1px solid var(--border-orange);
      border-radius: var(--radius-xl);
      padding: 36px 32px;
      max-width: 420px; width: 100%;
      position: relative;
      animation: modalIn 0.3s cubic-bezier(0.34,1.56,0.64,1);
    }
.faq-text { flex: 1; text-align: left; }