/* OrbitraHub — Tarifs v3 (généré depuis maquette-tarifs-animee.html) */
.page-body[data-page-slug="tarifs"] .oh-home-v3{
  --blue:#1c6fe3;--blue-dark:#165fca;--blue-050:#eef4fe;--blue-100:#dbe8fc;
  --green:#23a94c;--cyan:#06b6d4;--indigo:#4f46e5;
  --ink:#14243d;--slate:#5b6675;--slate-2:#6b7787;
  --line:#e6eaef;--bg:#f4f6f8;--card:#ffffff;
  font-family:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.6;
}
.page-body[data-page-slug="tarifs"] .oh-home-v3 h1,.page-body[data-page-slug="tarifs"] .oh-home-v3 h2,.page-body[data-page-slug="tarifs"] .oh-home-v3 h3{font-family:'Space Grotesk','Manrope',sans-serif;line-height:1.15;letter-spacing:-.01em}
.page-body[data-page-slug="tarifs"] .oh-home-v3 a{color:inherit;text-decoration:none}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .wrap{width:92%;max-width:1200px;margin:0 auto}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .wrap{width:92%;max-width:1200px;margin:0 auto}


/* ============ REVEAL / ANIM ============ */
.page-body[data-page-slug="tarifs"] .oh-home-v3 .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .reveal.is-visible{opacity:1;transform:none}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .d4{transition-delay:.32s}.d5{transition-delay:.40s}.d6{transition-delay:.48s}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .gradient-text{background:linear-gradient(90deg,var(--blue),var(--indigo),var(--green),var(--blue));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradShift 8s ease-in-out infinite}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .aurora{position:absolute;filter:blur(70px);opacity:.5;border-radius:9999px;animation:floatY 12s ease-in-out infinite;pointer-events:none;z-index:0}
@keyframes floatY{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-30px) scale(1.1)}}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .pulse-line{stroke-dasharray:6 8;animation:dash 1.6s linear infinite}
@keyframes dash{to{stroke-dashoffset:-28}}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .node-pulse{animation:nodePulse 2.4s ease-in-out infinite}
@keyframes nodePulse{0%,100%{opacity:.55}50%{opacity:1}}

/* ============ HERO (centré, compact — les tarifs vite visibles) ============ */
.page-body[data-page-slug="tarifs"] .oh-home-v3 .hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7f9fc 0%,#eef3f9 100%);border-bottom:1px solid rgba(20,36,61,.06)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .hero-center{position:relative;z-index:1;text-align:center;max-width:52rem;margin:0 auto;padding:3.4rem 0 2.6rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;color:var(--blue);background:rgba(28,111,227,.09);border:1px solid var(--blue-100);padding:.35rem .8rem;border-radius:999px}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .badge .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(35,169,76,.18)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .hero h1{font-size:2.7rem;font-weight:700;margin:1.1rem 0 0}
@media(max-width:900px){.hero h1{font-size:2.1rem}}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .hero-sub{margin-top:1.1rem;font-size:1.1rem;color:var(--slate);max-width:40rem;margin-inline:auto}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .hero-cta{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .cta-note{margin-top:.7rem;font-size:.8rem;color:var(--slate-2)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .hero-proofs{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:1rem 1.3rem;list-style:none;justify-content:center}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .hero-proofs li{display:inline-flex;align-items:center;gap:.45rem;font-size:.84rem;color:var(--slate)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .hero-proofs svg{color:var(--blue)}

/* ============ SECTIONS ============ */
.page-body[data-page-slug="tarifs"] .oh-home-v3 section.block{padding:4.5rem 0}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .sec-head{text-align:center;max-width:46rem;margin:0 auto 2.6rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .sec-head h2{font-size:2.1rem;font-weight:700}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .sec-head p{margin-top:.7rem;color:var(--slate)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:.5rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .icon-badge{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:13px;background:var(--blue-050);color:var(--blue)}

/* ============ PRICING ============ */
.page-body[data-page-slug="tarifs"] .oh-home-v3 .grid-price{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;align-items:stretch}
@media(max-width:980px){.grid-price{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid-price{grid-template-columns:1fr}}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.5rem;display:flex;flex-direction:column;transition:all .3s ease;position:relative}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price:hover{transform:translateY(-4px);box-shadow:0 20px 38px -20px rgba(20,36,61,.3)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price .tag{position:absolute;top:-12px;right:16px;background:#fff;color:var(--blue);font-size:11px;font-weight:700;padding:.25rem .7rem;border-radius:999px;box-shadow:0 4px 12px rgba(20,36,61,.15)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price h3{font-size:1.15rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price .amt{font-family:'Space Grotesk';font-size:1.9rem;font-weight:700;margin:.5rem 0 .2rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price .amt small{font-size:.85rem;font-weight:500;color:var(--slate)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price ul{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin:1rem 0 1.3rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price li{display:flex;gap:.5rem;font-size:.84rem;color:var(--slate)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price li svg{flex:none;margin-top:2px;color:var(--blue)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price .btn{margin-top:auto;justify-content:center}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.reco{background:linear-gradient(150deg,var(--blue),var(--indigo));border:none;color:#fff;box-shadow:0 24px 48px -20px rgba(28,111,227,.55)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.reco h3,.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.reco .amt{color:#fff}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.reco .amt small{color:rgba(255,255,255,.85)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.reco li{color:rgba(255,255,255,.92)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.reco li svg{color:#fff}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.reco .btn{background:#fff;color:var(--blue)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.reco .btn:hover{background:#eef4ff}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.dark{background:var(--ink);border:none;color:#fff}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.dark h3,.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.dark .amt{color:#fff}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.dark li{color:rgba(255,255,255,.82)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.dark li svg{color:#7fb2ff}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.dark .btn{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .price.dark .btn:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .pricing-note{max-width:46rem;margin:1.6rem auto 0;text-align:center;font-size:.86rem;color:var(--slate)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .trial-box{max-width:46rem;margin:1.6rem auto 0;text-align:center;background:linear-gradient(135deg,#eef4fe,#e9fbf1);border:1px solid var(--blue-100);border-radius:16px;padding:1.4rem 1.6rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .trial-box strong{font-size:1rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .trial-box p{color:var(--slate);font-size:.95rem;margin-top:.3rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .trial-box a{color:var(--blue);font-weight:700}

/* ============ ADD-ONS ============ */
.page-body[data-page-slug="tarifs"] .oh-home-v3 .addons-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:2rem;max-width:56rem;margin:0 auto}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .addons-card h3{font-size:1.25rem;margin-bottom:.4rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .addons-card>p{color:var(--slate);margin-bottom:1.2rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .table-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .addons-table{width:100%;border-collapse:collapse;background:#fff;font-size:.92rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .addons-table th{background:#f6f8fb;text-align:left;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--slate-2);padding:.75rem 1.1rem;border-bottom:1px solid var(--line)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .addons-table td{padding:.75rem 1.1rem;border-bottom:1px solid var(--line)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .addons-table tr:last-child td{border-bottom:none}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .addons-table tr{transition:background .2s ease}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .addons-table tbody tr:hover{background:var(--blue-050)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .addons-price{font-family:'Space Grotesk';font-weight:700;color:var(--blue);white-space:nowrap}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .addons-note{font-size:.84rem;color:var(--slate);margin-top:.9rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .volume-banner{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;background:linear-gradient(135deg,#eef4fe,#e9fbf1);border:1px solid var(--blue-100);border-radius:20px;padding:1.8rem 2.2rem;max-width:56rem;margin:1.4rem auto 0}
@media(max-width:760px){.volume-banner{grid-template-columns:1fr}}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .volume-banner h3{font-size:1.2rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .volume-banner p{color:var(--slate);margin-top:.4rem;max-width:34rem}

/* ============ STEPS ============ */
.page-body[data-page-slug="tarifs"] .oh-home-v3 .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .step{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.6rem;position:relative}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .step .num{width:40px;height:40px;border-radius:11px;background:var(--blue);color:#fff;font-family:'Space Grotesk';font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:.9rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .step h3{font-size:1.05rem;margin-bottom:.4rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .step p{font-size:.9rem;color:var(--slate)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .flow-note{text-align:center;color:var(--slate);font-size:.9rem;margin-top:1.6rem}

/* ============ POURQUOI ============ */
.page-body[data-page-slug="tarifs"] .oh-home-v3 .france-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:2.4rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:2.2rem}
@media(max-width:820px){.france-grid{grid-template-columns:1fr;gap:1.4rem}}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .france-grid h2{font-size:1.7rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .france-list{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin-top:1.1rem}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .france-list li{display:flex;gap:.6rem;font-size:.98rem;color:var(--ink)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .france-list li svg{flex:none;margin-top:3px;color:var(--green)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .france-visual{display:flex;align-items:center;justify-content:center;aspect-ratio:16/11;border-radius:16px;background:linear-gradient(135deg,#eef4fe,#e9fbf1);border:1px solid var(--blue-100);color:var(--blue)}

/* ============ FAQ ============ */
.page-body[data-page-slug="tarifs"] .oh-home-v3 .faq{max-width:46rem;margin:0 auto}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .faq details{border-bottom:1px solid var(--line);padding:1.1rem 0}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .faq summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;font-weight:600;list-style:none}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .faq summary::-webkit-details-marker{display:none}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .faq summary .chev{transition:transform .25s ease;color:var(--blue);flex:none}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .faq details[open] summary .chev{transform:rotate(180deg)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .faq p{margin-top:.8rem;color:var(--slate);font-size:.94rem}

/* UI partagée v3 (reveal, aurora, boutons) */
.page-body[data-page-slug="tarifs"] .oh-home-v3 .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .reveal.is-visible{opacity:1;transform:none}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .d1{transition-delay:.08s}.page-body[data-page-slug="tarifs"] .oh-home-v3 .d2{transition-delay:.16s}.page-body[data-page-slug="tarifs"] .oh-home-v3 .d3{transition-delay:.24s}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .d4{transition-delay:.32s}.page-body[data-page-slug="tarifs"] .oh-home-v3 .d5{transition-delay:.40s}.page-body[data-page-slug="tarifs"] .oh-home-v3 .d6{transition-delay:.48s}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .gradient-text{background:linear-gradient(90deg,var(--blue),var(--indigo),var(--green),var(--blue));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ohGradShift 8s ease-in-out infinite}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .aurora{position:absolute;filter:blur(70px);opacity:.5;border-radius:9999px;animation:ohFloatY 12s ease-in-out infinite;pointer-events:none;z-index:0}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;border-radius:11px;padding:.62rem 1.15rem;font-size:.94rem;transition:all .25s ease;cursor:pointer;border:1px solid transparent;text-decoration:none}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(28,111,227,.25)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 14px 28px rgba(28,111,227,.32)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .btn-outline{color:var(--blue);border-color:var(--blue-100);background:#fff}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .btn-outline:hover{border-color:var(--blue);transform:translateY(-2px)}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .pulse-line{stroke-dasharray:6 8;animation:ohDash 1.6s linear infinite}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .node-pulse{animation:ohNodePulse 2.4s ease-in-out infinite}
@keyframes ohGradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes ohFloatY{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-30px) scale(1.1)}}
@keyframes ohDash{to{stroke-dashoffset:-28}}
@keyframes ohNodePulse{0%,100%{opacity:.55}50%{opacity:1}}

/* neutralise le thème legacy sur la grille tarifs */
.page-body[data-page-slug="tarifs"] .oh-home-v3 .grid-price,.page-body[data-page-slug="tarifs"] .oh-home-v3 .price{background:transparent}
.page-body[data-page-slug="tarifs"] .oh-home-v3 .france-grid h2,.page-body[data-page-slug="tarifs"] .oh-home-v3 .france-list li{color:var(--ink)}

/* CTA mobile sticky — sibling de .oh-home-v3 (comme accueil) */
.page-body[data-page-slug="tarifs"] .mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:55;display:none;gap:.6rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-top:1px solid #e6eaef;box-shadow:0 -8px 24px rgba(15,23,42,.08);transform:translateY(110%);transition:transform .35s ease}
.page-body[data-page-slug="tarifs"] .mobile-cta.show{transform:none}
.page-body[data-page-slug="tarifs"] .mobile-cta .btn{flex:1;justify-content:center;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;border-radius:11px;padding:.62rem 1.15rem;font-size:.94rem;text-decoration:none;border:1px solid transparent}
.page-body[data-page-slug="tarifs"] .mobile-cta .btn-primary{background:#1c6fe3;color:#fff}
.page-body[data-page-slug="tarifs"] .mobile-cta .btn-outline{color:#1c6fe3;border-color:#dbe8fc;background:#fff}
@media(max-width:640px){ .page-body[data-page-slug="tarifs"] .mobile-cta{display:flex} }
.page-body[data-page-slug="tarifs"]{padding:0;margin:0}