/* Page tarifs */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tarifs-hero .seo-hero-media img{height:auto}
.tarif-tools{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin:0 0 30px;position:sticky;top:76px;z-index:20;padding:12px 0;background:linear-gradient(180deg,#07131e 78%,rgba(7,19,30,0))}
.tarif-tabs{display:flex;flex-wrap:wrap;gap:8px}
.tarif-tabs .tab{font:600 14px/1 Inter,sans-serif;color:#cfe0eb;background:rgba(255,255,255,.05);border:1px solid rgba(120,175,210,.2);border-radius:999px;padding:12px 18px;cursor:pointer;transition:.18s}
.tarif-tabs .tab:hover{border-color:#39b8ff;color:#fff}
.tarif-tabs .tab.active{background:linear-gradient(135deg,#149cf0,#2881ff);border-color:transparent;color:#fff}
.tarif-search input{width:min(340px,100%);font:500 15px Inter,sans-serif;color:#fff;background:#0b2135;border:1px solid rgba(120,175,210,.25);border-radius:12px;padding:13px 16px}
.tarif-search input:focus{outline:2px solid #39b8ff;outline-offset:1px}
.tarif-empty{text-align:center;color:#aebfcb;padding:24px}
.tarif-cat{margin:0 0 46px}
.tarif-cat[hidden],.tarif-row[hidden]{display:none}
.tarif-cat-head{display:flex;gap:16px;align-items:center;margin:0 0 18px}
.tarif-ico{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(180deg,#0d2a40,#0a1f31);border:1px solid rgba(84,151,191,.25);font-size:26px;flex:none}
.tarif-cat-head h2{font:700 clamp(24px,3vw,32px)/1.1 "Space Grotesk",sans-serif;margin:0 0 4px}
.tarif-cat-head p{margin:0;color:#aebfcb;line-height:1.55}
.tarif-list{display:grid;gap:10px}
.tarif-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;background:linear-gradient(180deg,#0d2234,#091b2b);border:1px solid rgba(84,151,191,.14);border-radius:16px;padding:16px 20px;transition:.18s}
.tarif-row:hover{border-color:rgba(57,184,255,.45);transform:translateY(-1px)}
.tarif-row.highlight{border-color:rgba(57,184,255,.4);background:linear-gradient(180deg,#0f2d46,#0a2036)}
.tr-main h3{font:700 18px/1.2 "Space Grotesk",sans-serif;margin:0 0 4px}
.tr-main p{margin:0;color:#aebfcb;font-size:14px;line-height:1.5}
.tr-prices{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.tp{display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:92px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.04)}
.tp strong{font:700 24px/1 "Space Grotesk",sans-serif;color:#fff;white-space:nowrap}
.tp small{color:#7fd3ff;font-size:12px;font-weight:700;letter-spacing:.3px;margin-top:5px}
.tp .credit{font-style:normal;font-size:12px;font-weight:700;color:#7ff0b4;margin-top:5px}
.tp .tnote{font-size:12px;color:#aebfcb;margin-top:5px;max-width:200px}
.tp-text strong{font-size:17px;color:#9ad9ff}
.tr-cta{display:inline-block;font:700 14px/1 Inter,sans-serif;text-decoration:none;color:#fff;background:linear-gradient(135deg,#149cf0,#2881ff);border-radius:12px;padding:13px 18px;white-space:nowrap}
.tr-cta.ghost{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.tr-cta:hover{filter:brightness(1.12)}
.tarif-foot{color:#8fa7b8;font-size:13px;line-height:1.7;max-width:900px;margin:0 auto}
.micro-grid{grid-template-columns:repeat(3,1fr);margin-bottom:30px}
.micro-card h3{font-size:19px}
.tarif-credit-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:36px 24px;border-radius:24px;background:radial-gradient(circle at 80% 0%,rgba(20,156,240,.25),transparent 55%),linear-gradient(180deg,#0d2a40,#091b2c);border:1px solid rgba(57,184,255,.3)}
.tarif-credit-card b{font:700 30px/1 "Space Grotesk",sans-serif;color:#9fb6c6;text-decoration:line-through}
.tarif-credit-card span{color:#aebfcb}
.tarif-credit-card .arrow{margin:14px 0 6px;font-weight:800;color:#7ff0b4}
.tarif-credit-card strong{font:700 clamp(54px,8vw,76px)/1 "Space Grotesk",sans-serif;color:#fff}
.tarif-credit-card small{color:#7fd3ff}
.tarif-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tarif-steps>div{background:linear-gradient(180deg,#0d2234,#091b2b);border:1px solid rgba(84,151,191,.14);border-radius:20px;padding:26px}
.tarif-steps b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#149cf0,#2881ff);font:700 20px "Space Grotesk",sans-serif;margin-bottom:14px}
.tarif-steps h3{font:700 21px "Space Grotesk",sans-serif;margin:0 0 8px}
.tarif-steps p{margin:0;color:#aebfcb;line-height:1.7}
@media (max-width:900px){
  .tarif-tools{position:static;background:none}
  .tarif-row{grid-template-columns:1fr;gap:12px}
  .tr-prices{justify-content:flex-start}
  .tp{align-items:flex-start;text-align:left}
  .tr-cta{text-align:center}
  .micro-grid,.tarif-steps{grid-template-columns:1fr}
}
@media (min-width:901px) and (max-width:1100px){.micro-grid{grid-template-columns:repeat(2,1fr)}}

/* style unifié (thème réparation) */
.tarifs-v2 .tarif-cat{--c:#3ba7ff}
.tarifs-v2 .tarif-ico{font:800 13px/1 Inter,sans-serif;letter-spacing:.5px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,#0b0e16);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--c) 25%,transparent);width:62px}
.tarifs-v2 .tarif-cat-head{padding-left:16px;border-left:4px solid var(--c);border-radius:2px}
.tarifs-v2 .tarif-row{background:var(--panel,#12151f);border:1px solid rgba(255,255,255,.08);border-top:2px solid color-mix(in srgb,var(--c) 70%,transparent)}
.tarifs-v2 .tarif-row:hover{border-color:color-mix(in srgb,var(--c) 55%,transparent)}
.tarifs-v2 .tarif-tabs .tab.active{background:var(--btn);color:#fff;border-color:transparent}
.tarifs-v2 .tarifs-section{background:transparent}
.tarifs-v2 .tarif-search input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18)}
@media (max-width:640px){.tarifs-v2 .rp-hero .console-picker{display:none}}