/* SPTorque V7.22 — harmonisation premium globale — 01/09/2026 */
:root{
  --v722-bg:#05090d;
  --v722-panel:#0b1117;
  --v722-panel2:#0d141c;
  --v722-ink:#f4f1ec;
  --v722-muted:#b9b4ad;
  --v722-copper:#ff7a18;
  --v722-copper-soft:#d98745;
  --v722-line:rgba(255,122,24,.34);
  --v722-line-soft:rgba(255,255,255,.09);
  --v722-radius:26px;
}
html{background:var(--v722-bg);scroll-behavior:smooth}
body{background:
  radial-gradient(circle at 88% 8%,rgba(255,122,24,.08),transparent 28%),
  radial-gradient(circle at 8% 72%,rgba(255,122,24,.035),transparent 30%),
  var(--v722-bg)!important;color:var(--v722-ink)}
.nav{background:rgba(4,8,12,.93)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav .wrap{min-height:72px}
.nav .brand-lockup{gap:10px!important;min-width:max-content}
.nav .brand-lockup .v715-brand-jewel{flex:0 0 auto}
.nav .brand-lockup .brand-wordmark{display:none!important}
.v722-brand-title{display:block;width:172px;height:38px;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 8px rgba(0,0,0,.55));}
.nav-links{gap:9px!important}
.nav a:not(.brand-lockup){border:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;border-radius:16px!important;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.nav a:not(.brand-lockup):hover,.nav a:not(.brand-lockup).active{border-color:rgba(255,122,24,.50)!important;color:#fff!important;box-shadow:0 0 0 1px rgba(255,122,24,.10),0 8px 24px rgba(0,0,0,.20),inset 0 -2px rgba(255,122,24,.28)}

/* Unified premium surfaces across legacy pages */
.panel,.v711-card,.v711-output,.v711-offer,.v711-case,.v715-decision-frame,.v711-report,.resource-card,.v715-resource-card,.v712-founder,.v715-trust-card,.v715-offer-tab,.v715-tab-panel .panel{
  border-color:var(--v722-line-soft)!important;
  background:linear-gradient(145deg,rgba(17,23,30,.96),rgba(7,12,17,.96))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025)!important;
}
.v711-card:hover,.resource-card:hover,.v715-resource-card:hover{border-color:rgba(255,122,24,.38)!important;transform:translateY(-2px)}
.v711-kicker,.eyebrow,small{letter-spacing:.12em}
.v711-title,.page-hero h1,.v711-inner-hero h1{color:var(--v722-ink)!important;text-wrap:balance}
.v711-lead,.lead,p{color:inherit}
.cta,.btn.primary{background:linear-gradient(180deg,#f38a27,#bb5000)!important;border-color:#ff8f32!important;box-shadow:0 10px 28px rgba(255,106,0,.20),inset 0 1px rgba(255,255,255,.22)!important}
.cta-secondary,.btn.secondary{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;border-color:rgba(255,122,24,.34)!important;color:#f4f1ec!important}
.cta:hover,.cta-secondary:hover,.btn:hover{transform:translateY(-1px)}
input,textarea,select{background:#090f15!important;border:1px solid rgba(255,122,24,.22)!important;color:#f3efe9!important;border-radius:14px!important}
footer,.footer{border-top-color:rgba(255,122,24,.16)!important}

/* Exact approved visual modules */
.v722-visual-section{padding:36px 0 46px!important}
.v722-visual-section .wrap{max-width:1540px}
.v722-visual-shell{position:relative;width:100%;overflow:hidden;border-radius:28px;background:#05090d;border:1px solid rgba(255,122,24,.16);box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 38px rgba(255,122,24,.025)}
.v722-visual-shell.no-frame{border:0;box-shadow:none;border-radius:0}
.v722-visual-shell img{display:block;width:100%;height:auto;margin:0}
.v722-hotspot{position:absolute;z-index:5;display:block;border-radius:18px;outline:0;background:transparent}
.v722-hotspot:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px #ff7a18;background:rgba(255,122,24,.10)}
.v722-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Home hero: image is the approved master; live hotspots keep actions functional. */
#cap{padding:14px 0 44px!important}
#cap .v722-home-hero{max-width:2048px;margin:0 auto}
#cap .v722-visual-shell{border-radius:0;border:0;box-shadow:0 28px 80px rgba(0,0,0,.30)}
#cap .v722-hero-mail{left:2.7%;top:55.4%;width:18.0%;height:7.3%}
#cap .v722-hero-repere{left:21.7%;top:55.4%;width:20.1%;height:7.3%}
#cap .v722-chip-1{left:2.7%;top:85.8%;width:7.7%;height:5.4%}
#cap .v722-chip-2{left:10.8%;top:85.8%;width:10.3%;height:5.4%}
#cap .v722-chip-3{left:21.7%;top:85.8%;width:9.9%;height:5.4%}
#cap .v722-chip-4{left:32.2%;top:85.8%;width:8.7%;height:5.4%}
#cap .v722-chip-5{left:41.6%;top:85.8%;width:12.0%;height:5.4%}

/* Six situation cards */
#situations .v722-sit-1{left:4.3%;top:20.8%;width:30.0%;height:34.5%}
#situations .v722-sit-2{left:35.0%;top:20.8%;width:29.4%;height:34.5%}
#situations .v722-sit-3{left:65.0%;top:20.8%;width:30.0%;height:34.5%}
#situations .v722-sit-4{left:4.3%;top:57.2%;width:30.0%;height:35.5%}
#situations .v722-sit-5{left:35.0%;top:57.2%;width:29.4%;height:35.5%}
#situations .v722-sit-6{left:65.0%;top:57.2%;width:30.0%;height:35.5%}

/* Tariff overview hotspots */
.v722-tarif-flash{left:3.4%;top:45.5%;width:17.5%;height:39%}
.v722-tarif-diagnostic{left:22.0%;top:45.5%;width:17.7%;height:39%}
.v722-tarif-analyse{left:40.8%;top:45.5%;width:17.8%;height:39%}
.v722-tarif-transformation{left:59.5%;top:45.5%;width:17.6%;height:39%}
.v722-tarif-partenariat{left:78.2%;top:45.5%;width:18.0%;height:39%}
.v722-tarif-compare{left:3.4%;top:91.0%;width:21.7%;height:7.0%}

/* IA hero + exit */
.v722-ia-describe{left:6.5%;top:76.2%;width:28.2%;height:10.2%}
.v722-ia-sortie-link{left:36.0%;top:76.2%;width:30.0%;height:10.2%}
.v722-ia-talk{left:4.5%;top:82.8%;width:18.5%;height:10.0%}
.v722-ia-formats{left:23.2%;top:82.8%;width:22.0%;height:10.0%}

/* Founder strip using the correct historical rotating emblem, never the rejected illustration. */
.v722-founder-signature{margin:22px auto 0;display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;padding:24px 30px;border-radius:30px;border:1px solid rgba(255,122,24,.60);background:linear-gradient(120deg,rgba(15,18,22,.98),rgba(9,12,16,.96));box-shadow:0 20px 60px rgba(0,0,0,.28),inset 0 0 34px rgba(255,122,24,.035);position:relative;overflow:hidden}
.v722-founder-signature:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,#ff7a18,transparent);opacity:.8}
.v722-founder-emblem{display:flex;align-items:center;justify-content:center;min-height:118px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,24,.08),rgba(0,0,0,.02) 58%,transparent 60%)}
.v722-founder-emblem .v715-ab-emblem{transform:scale(2.35)}
.v722-founder-copy h3{font-size:clamp(1.55rem,3vw,2.5rem);margin:0;color:#f5f2ed}.v722-founder-copy h3 span{color:#ff7a18}
.v722-founder-roles{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.v722-founder-roles span{padding:9px 14px;border:1px solid rgba(255,122,24,.25);border-radius:999px;color:#e6e1da;background:rgba(255,255,255,.025)}

/* Case usage page: navigation belongs to Situations */
body[data-v722-page="cas-usage"] .nav-links a[href="cas-usage.html"]{border-color:rgba(255,122,24,.55)!important;color:#fff!important;box-shadow:inset 0 -2px rgba(255,122,24,.55)}

@media(max-width:980px){
  .nav .wrap{gap:10px}.v722-brand-title{width:132px;height:31px}.nav-links{overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}
  .v722-visual-section{padding:24px 0 34px!important}.v722-visual-shell{border-radius:18px}
  .v722-founder-signature{grid-template-columns:1fr;text-align:center}.v722-founder-roles{justify-content:center}.v722-founder-emblem{min-height:100px}
}
@media(max-width:640px){
  .v722-brand-title{width:108px;height:28px}.nav .brand-lockup{padding-right:2px!important}.v722-visual-shell{border-radius:14px}
  #cap{padding-top:6px!important}.v722-founder-signature{padding:20px 16px;border-radius:20px}.v722-founder-roles span{font-size:.82rem}
}

/* Final coherence pass: same premium frame language on every editorial page. */
.page-hero .panel,.v711-inner-hero .panel{
  border:1px solid rgba(255,122,24,.22)!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,rgba(15,20,27,.985),rgba(7,11,16,.985))!important;
  box-shadow:0 26px 74px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025)!important;
}
.breadcrumb{color:#aaa49d!important}.breadcrumb a{color:#f2a15c!important}
.v711-link,a.v711-link{color:#ff8a2b!important;font-weight:750}
.v711-section{scroll-margin-top:92px}
.v722-visual-section figure{margin:0}


/* ==========================================================
   V7.23 — requêtes 14 et 15
   14) Wordmark discret sur la page contact, ancré dans la page.
   15) Étapes / onglets / encarts harmonisés avec l'esprit visuel de la requête 13.
   Contraintes respectées : aucun changement sur les photos des 9 cas,
   aucune retouche de la photo de présentation, des emblèmes pivotants
   ou des onglets directeurs du haut de la 1re page.
   ========================================================== */

/* Requête 14 : signature mot-symbole discrète sur la page Contact */
body[data-v722-page="contact"] .v723-contact-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
body[data-v722-page="contact"] .v723-contact-brand-ghost{
  position:absolute;
  right:26px;
  top:20px;
  width:min(29vw,340px);
  max-width:42%;
  pointer-events:none;
  opacity:.18;
  z-index:0;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.30));
}
body[data-v722-page="contact"] .v723-contact-brand-ghost::after{
  content:"";
  position:absolute;
  inset:-10% -6% -14% -6%;
  background:radial-gradient(circle at 30% 50%,rgba(255,122,24,.12),transparent 48%);
  z-index:-1;
}
body[data-v722-page="contact"] .v723-contact-brand-ghost img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
body[data-v722-page="contact"] .v723-contact-hero > *:not(.v723-contact-brand-ghost){
  position:relative;
  z-index:1;
}
body[data-v722-page="contact"] .v723-contact-hero h1{max-width:760px}
body[data-v722-page="contact"] .v723-contact-hero .lead{max-width:700px}
@media(max-width:900px){
  body[data-v722-page="contact"] .v723-contact-brand-ghost{
    right:18px;
    top:18px;
    width:min(42vw,260px);
    opacity:.14;
  }
}
@media(max-width:640px){
  body[data-v722-page="contact"] .v723-contact-brand-ghost{
    position:relative;
    top:auto;right:auto;
    width:190px;
    max-width:none;
    margin:0 0 18px;
    opacity:.16;
  }
}

/* Requête 15 : langage visuel unifié inspiré de la requête 13 */
.v711-steps{
  gap:16px!important;
  margin-top:34px!important;
}
.v711-step,
.method-step,
.impact-step,
.capitalisation-step,
.sig-step{
  position:relative;
  overflow:hidden;
  border-radius:22px!important;
  border:1px solid rgba(255,142,58,.34)!important;
  background:
    radial-gradient(circle at 0% 50%,rgba(255,122,24,.11),transparent 18%),
    radial-gradient(circle at 100% 0%,rgba(255,122,24,.08),transparent 28%),
    linear-gradient(145deg,rgba(13,19,26,.98),rgba(8,12,17,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 46px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,122,24,.03)!important;
}
.v711-step::before,
.method-step::before,
.impact-step::before,
.capitalisation-step::before,
.sig-step::before{
  content:"";
  position:absolute;
  left:14%; right:14%; top:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,146,68,.86),transparent);
  opacity:.95;
}
.v711-step{
  min-height:178px;
  padding:20px 16px 18px!important;
}
.v711-step b,
.method-step small,
.impact-step small,
.capitalisation-step small,
.sig-step b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:30px;
  padding:0 10px;
  margin-bottom:12px!important;
  border-radius:999px;
  border:1px solid rgba(255,152,76,.24);
  background:rgba(255,122,24,.08);
  color:#ffb26e!important;
  letter-spacing:.14em!important;
  font-size:.67rem!important;
  font-weight:800!important;
}
.v711-step strong,
.method-step h3,
.impact-step strong,
.capitalisation-step strong{
  display:block;
  color:#f6f1ea!important;
  letter-spacing:-.01em;
  line-height:1.2;
  margin-bottom:9px;
}
.v711-step span,
.method-step p,
.impact-step p,
.capitalisation-step p,
.sig-step span{
  display:block;
  color:rgba(242,236,228,.74)!important;
  line-height:1.58;
  font-size:.94rem;
}

/* Encarts / onglets / synthèses soignés dans le même registre */
.v711-output,
.v711-case,
.v711-level,
.v711-signal,
.v711-report,
.v715-resource-card,
.resource-card,
.v712-contact-card,
.v712-legal-strip,
.legal-note,
.offer-card,
.offer-detail-box,
.offer-native-detail summary,
.offer-tool,
.section-ribbon span,
.mini-badge,
.v715-offer-tab,
.v715-trust-card,
.card,
.metric,
.panel .card{
  position:relative;
  overflow:hidden;
  border-radius:24px!important;
  border:1px solid rgba(255,141,60,.23)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,122,24,.065),transparent 24%),
    linear-gradient(145deg,rgba(14,20,27,.97),rgba(8,12,17,.97))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.032)!important;
}
.v711-output::before,
.v711-case::before,
.v711-level::before,
.v711-signal::before,
.v711-report::before,
.v715-resource-card::before,
.resource-card::before,
.v712-contact-card::before,
.v712-legal-strip::before,
.legal-note::before,
.offer-card::before,
.offer-detail-box::before,
.offer-native-detail summary::before,
.offer-tool::before,
.section-ribbon span::before,
.mini-badge::before,
.v715-offer-tab::before,
.v715-trust-card::before,
.card::before,
.metric::before{
  content:"";
  position:absolute;
  left:18%; right:18%; top:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,144,64,.72),transparent);
  pointer-events:none;
}
.offer-tool,
.section-ribbon span,
.mini-badge,
.v715-offer-tab{
  border-radius:999px!important;
}
.offer-native-detail summary{padding:14px 16px!important}
.v712-contact-card .v712-contact-direct,
.v711-case a,
.v711-output a,
.offer-card a,
.resource-card a,
.v715-resource-card a,
.v712-legal-strip a,
.v711-link{
  color:#ff9a4d!important;
}
.v711-output strong,
.v711-case h3,
.v711-level h3,
.v712-contact-card h3,
.v712-contact-card strong,
.offer-card strong,
.resource-card h3,
.v715-resource-card h3{color:#f6f1ea!important}

/* Boutons d'encarts cohérents sans toucher à la nav héro de la 1re page */
.offer-tool:hover,
.v715-offer-tab:hover,
.offer-native-detail summary:hover,
.section-ribbon span:hover,
.mini-badge:hover{
  border-color:rgba(255,152,76,.42)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 0 1px rgba(255,122,24,.05)!important;
}


/* V7.25 — restauration fidèle HD : aucune refonte de mise en page.
   Les visuels premium composites utilisent des masters ~3K et restent contenus
   dans les dimensions prévues par la V7.23. */
.v722-visual-shell img,
.v722-hero-media img,
.v722-brand-title{
  image-rendering:auto;
  -webkit-font-smoothing:antialiased;
  backface-visibility:hidden;
  transform:translateZ(0);
}