
/* ================================================================
   SPTorque™ V7.26 — FINITION PREMIUM ULTRA-NETTE
   Requêtes 16 à 19 + passe complète de finition visuelle.
   Base : V7.25 (elle-même issue de V7.22/V7.23 et des requêtes 1 à 15).
   Protection : aucun changement de contenu des 9 cas, de la photo de
   présentation, des emblèmes pivotants ni des onglets directeurs du
   haut de la première page.
   ================================================================ */

:root{
  --v726-bg:#070b10;
  --v726-panel:#0d131a;
  --v726-panel2:#090e14;
  --v726-text:#f6f2ed;
  --v726-muted:#c4c8cc;
  --v726-dim:#979fa8;
  --v726-copper:#ff8b2b;
  --v726-copper2:#f5a15d;
  --v726-line:rgba(255,146,65,.32);
  --v726-line-soft:rgba(255,255,255,.10);
  --v726-shadow:0 24px 66px rgba(0,0,0,.34);
}

html{
  text-rendering:geometricPrecision;
  -webkit-text-size-adjust:100%;
  font-synthesis:none;
}
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body,button,input,textarea,select{
  font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif;
}
h1,h2,h3,h4,strong,b,.btn,.cta,.cta-secondary,.inline-link,.v711-title{
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
  font-kerning:normal;
}
h1,h2,h3,.v711-title{
  letter-spacing:-.025em;
  color:var(--v726-text);
}
p,.lead,.article-body,.v711-card p,.v711-output span,.v711-step span{
  color:var(--v726-muted);
}

/* Pas de filtre/transform de rendu sur les visuels texte : préserve leurs pixels. */
.v722-visual-shell,
.v722-hero-media,
.theme-visual,
.image-frame{
  transform:none!important;
  filter:none!important;
}
.v722-visual-shell img,
.v722-hero-media img,
.theme-visual img,
.image-frame img{
  display:block;
  max-width:100%;
  height:auto;
  transform:none!important;
  filter:none!important;
  image-rendering:auto;
}

/* Finition commune des panneaux internes — sans modifier la nav de l'accueil. */
body:not([data-v722-page="index"]) .page-hero .panel,
body:not([data-v722-page="index"]) .v711-inner-hero .panel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,139,43,.28)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,125,30,.10),transparent 30%),
    linear-gradient(145deg,rgba(15,21,28,.985),rgba(7,11,16,.99))!important;
  box-shadow:var(--v726-shadow),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body:not([data-v722-page="index"]) .page-hero .panel::before,
body:not([data-v722-page="index"]) .v711-inner-hero .panel::before{
  content:"";
  position:absolute;
  left:4%;right:4%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,158,82,.96),transparent);
  opacity:.75;
}

/* CTA premium : net, tactile, sans effet plastique. */
body:not([data-v722-page="index"]) .btn,
body:not([data-v722-page="index"]) .cta,
body:not([data-v722-page="index"]) .cta-secondary,
body:not([data-v722-page="index"]) .inline-link{
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
body:not([data-v722-page="index"]) .btn,
body:not([data-v722-page="index"]) .cta,
body:not([data-v722-page="index"]) .cta-secondary{
  border-radius:16px!important;
  border:1px solid rgba(255,148,67,.34)!important;
  background:linear-gradient(180deg,rgba(18,24,31,.96),rgba(9,13,18,.98))!important;
  color:#f6f2ed!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 28px rgba(0,0,0,.20)!important;
  font-weight:750!important;
  letter-spacing:-.01em;
  text-decoration:none!important;
}
body:not([data-v722-page="index"]) .btn.primary,
body:not([data-v722-page="index"]) .cta{
  background:linear-gradient(180deg,#f28a2f,#b94f07)!important;
  border-color:#ffad68!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 12px 30px rgba(214,93,12,.22)!important;
}
body:not([data-v722-page="index"]) .btn:hover,
body:not([data-v722-page="index"]) .cta:hover,
body:not([data-v722-page="index"]) .cta-secondary:hover{
  transform:translateY(-2px);
  border-color:rgba(255,165,92,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 15px 34px rgba(0,0,0,.28),0 0 24px rgba(255,122,24,.10)!important;
}
body:not([data-v722-page="index"]) .btn:focus-visible,
body:not([data-v722-page="index"]) .cta:focus-visible,
body:not([data-v722-page="index"]) .cta-secondary:focus-visible{
  outline:2px solid #ff9a4d;
  outline-offset:3px;
}

/* REQ 19 — page Cas d'usage : hiérarchie plus premium + vrais onglets/CTA. */
body[data-v722-page="cas-usage"] .page-hero{padding-top:34px!important;padding-bottom:34px!important}
body[data-v722-page="cas-usage"] .page-hero .panel{padding:48px 52px 42px!important}
body[data-v722-page="cas-usage"] .page-hero .kicker{
  color:#ffb16f!important;
  font-size:.76rem!important;
  letter-spacing:.23em!important;
  font-weight:800!important;
}
body[data-v722-page="cas-usage"] .page-hero h1{
  max-width:1050px!important;
  font-size:clamp(2.65rem,4.7vw,4.9rem)!important;
  line-height:1.055!important;
  margin:22px 0 20px!important;
  text-wrap:balance;
}
body[data-v722-page="cas-usage"] .page-hero .lead{
  max-width:980px!important;
  font-size:1.08rem!important;
  line-height:1.72!important;
  color:#cbd0d5!important;
}
body[data-v722-page="cas-usage"] .resource-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  margin-top:30px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
body[data-v722-page="cas-usage"] .resource-cta .btn{
  min-height:54px;
  padding:0 24px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:14px;
}
body[data-v722-page="cas-usage"] .resource-cta .btn::after{
  content:"→";
  font-size:1.25em;
  color:#ffad68;
  margin-left:6px;
}
body[data-v722-page="cas-usage"] .resource-cta .btn.primary::after{color:#fff}
@media(max-width:720px){
  body[data-v722-page="cas-usage"] .page-hero .panel{padding:30px 24px!important}
  body[data-v722-page="cas-usage"] .page-hero h1{font-size:clamp(2.15rem,10vw,3.2rem)!important}
  body[data-v722-page="cas-usage"] .resource-cta .btn{width:100%;justify-content:space-between}
}

/* Cartes du site : finition plus précise, sans halo permanent. */
body:not([data-v722-page="index"]) :is(.v711-card,.v711-output,.v711-case,.v711-level,.v711-signal,.v711-report,.tile,.card,.metric,.resource-card,.v715-resource-card,.v712-contact-card,.offer-card,.compare-card,.method-step,.v711-step){
  border-color:rgba(255,147,65,.24)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,122,24,.055),transparent 24%),
    linear-gradient(150deg,rgba(14,20,27,.985),rgba(7,11,16,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 42px rgba(0,0,0,.19)!important;
}
body:not([data-v722-page="index"]) :is(.v711-card,.v711-output,.v711-case,.v711-level,.v711-signal,.v711-report,.tile,.card,.metric,.resource-card,.v715-resource-card,.v712-contact-card,.offer-card,.compare-card,.method-step,.v711-step):hover{
  border-color:rgba(255,155,77,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 22px 46px rgba(0,0,0,.26),0 0 22px rgba(255,122,24,.055)!important;
}

/* REQ 16 + 17 — gamme d'intervention : vrai HTML ultra-net, neutre au repos. */
.v726-pricing{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,139,43,.26);
  padding:46px 42px 34px;
  background:
    radial-gradient(circle at 76% 0%,rgba(255,122,24,.09),transparent 28%),
    linear-gradient(150deg,#0c1219 0%,#070b10 58%,#080c11 100%);
  box-shadow:0 26px 68px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.03);
}
.v726-pricing::before{
  content:"";position:absolute;left:5%;right:5%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#ff9b4c,transparent);opacity:.8
}
.v726-pricing-kicker{
  display:flex;align-items:center;gap:12px;color:#ffad68;font-size:.74rem;font-weight:800;
  letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px
}
.v726-pricing-kicker::after{content:"";width:66px;height:1px;background:linear-gradient(90deg,#ff9141,transparent)}
.v726-pricing h2{
  max-width:1050px;font-size:clamp(2.35rem,4.2vw,4.6rem);line-height:1.055;margin:0 0 20px;
  text-wrap:balance
}
.v726-pricing-lead{max-width:940px;font-size:1.04rem;line-height:1.72;color:#c6cbd0;margin:0}
.v726-accent{color:#ff8e34;font-weight:800;white-space:nowrap}
.v726-price-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:36px}
.v726-price-card{
  position:relative;display:flex;flex-direction:column;min-height:315px;padding:25px 22px 22px;
  border-radius:24px;border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(160deg,rgba(22,24,26,.97),rgba(6,11,16,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 17px 34px rgba(0,0,0,.20);
  text-decoration:none;color:inherit;overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease
}
.v726-price-card::before{
  content:"";position:absolute;left:12%;right:12%;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,142,58,.45),transparent);
  opacity:.55;transition:opacity .18s ease,box-shadow .18s ease
}
.v726-price-card:hover,.v726-price-card:focus-visible{
  transform:translateY(-5px);
  border-color:rgba(255,143,55,.92);
  background:radial-gradient(circle at 50% 0%,rgba(255,114,20,.10),transparent 42%),linear-gradient(160deg,rgba(22,24,26,.99),rgba(6,11,16,1));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 23px 52px rgba(0,0,0,.34),0 0 28px rgba(255,116,22,.16)
}
.v726-price-card:hover::before,.v726-price-card:focus-visible::before{opacity:1;box-shadow:0 0 14px rgba(255,128,31,.8)}
.v726-price-card:focus-visible{outline:2px solid #ff9a4d;outline-offset:3px}
.v726-price-num{color:#f2a15d;font-size:.83rem;font-weight:800;letter-spacing:.16em;margin-bottom:20px}
.v726-price-icon{
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin-bottom:20px;
  border:1px solid rgba(255,152,74,.32);background:radial-gradient(circle at 45% 40%,rgba(255,133,38,.10),rgba(7,11,15,.94));
  color:#ff9b4d;font-size:1.55rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)
}
.v726-price-card h3{font-size:1.22rem;line-height:1.2;margin:0 0 10px;letter-spacing:-.02em}
.v726-price-card p{font-size:.94rem;line-height:1.55;color:#b9bec4;margin:0}
.v726-price-bottom{margin-top:auto;padding-top:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.v726-price-value{color:#ff9750;font-size:1.14rem;font-weight:850;line-height:1.2}
.v726-price-arrow{color:#d6d8da;font-size:1.65rem;line-height:1;transition:transform .18s ease,color .18s ease}
.v726-price-card:hover .v726-price-arrow{transform:translateX(4px);color:#ff9b4d}
.v726-price-compare{
  margin-top:24px;display:inline-flex;align-items:center;gap:14px;min-height:50px;padding:0 21px;
  border-radius:16px;border:1px solid rgba(255,146,65,.34);color:#f6f2ed;text-decoration:none;font-weight:750;
  background:linear-gradient(180deg,rgba(15,21,27,.98),rgba(8,12,17,.98));
  transition:.18s ease
}
.v726-price-compare:hover{border-color:rgba(255,154,76,.78);box-shadow:0 0 24px rgba(255,122,24,.10);transform:translateY(-2px)}
@media(max-width:1180px){.v726-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.v726-pricing{padding:34px 24px 28px}.v726-price-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v726-price-grid{grid-template-columns:1fr}.v726-price-card{min-height:250px}}

/* Onglets/details : plus qualitatifs et clairement actifs. */
body:not([data-v722-page="index"]) :is(.offer-tool,.v715-offer-tab,.offer-native-detail summary,.section-ribbon span,.mini-badge){
  cursor:pointer;
  border:1px solid rgba(255,148,67,.28)!important;
  background:linear-gradient(180deg,rgba(16,22,29,.98),rgba(7,11,16,.98))!important;
  color:#e9edf0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:.18s ease!important;
}
body:not([data-v722-page="index"]) :is(.offer-tool,.v715-offer-tab,.offer-native-detail summary,.section-ribbon span,.mini-badge):hover{
  border-color:rgba(255,154,76,.72)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 20px rgba(255,122,24,.09)!important;
}
body:not([data-v722-page="index"]) :is(.v715-offer-tab.is-active,.v715-offer-tab[aria-selected="true"],.offer-native-detail[open] summary){
  border-color:rgba(255,146,61,.94)!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(52,30,18,.96),rgba(16,13,12,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 0 22px rgba(255,122,24,.12)!important;
}

/* Évite les minuscules gris trop mous : cohérence premium sur toutes les pages. */
body:not([data-v722-page="index"]) :is(.v711-card,.v711-output,.v711-case,.v711-level,.v711-signal,.tile,.card,.metric,.method-step,.v711-step) p,
body:not([data-v722-page="index"]) :is(.v711-card,.v711-output,.v711-case,.v711-level,.v711-signal,.tile,.card,.metric,.method-step,.v711-step) span{
  color:#bdc3c9!important;
}
body:not([data-v722-page="index"]) :is(.v711-card,.v711-output,.v711-case,.v711-level,.v711-signal,.tile,.card,.metric,.method-step,.v711-step) h3,
body:not([data-v722-page="index"]) :is(.v711-card,.v711-output,.v711-case,.v711-level,.v711-signal,.tile,.card,.metric,.method-step,.v711-step) strong{
  color:#f5f1ec!important;
}
