/* Domaines d'expertise V7 — composant isolé Athenia */

    .athenia-expertise-v7{
      --athenia-green: #0f3d33;
      --athenia-green-2: #145747;
      --athenia-gold: #d6b36a;
      --athenia-ink: #07120f;
      --athenia-soft: #667085;
      --white: #ffffff;
      --surface: rgba(255, 255, 255, .76);
      --surface-strong: rgba(255, 255, 255, .92);
      --stroke: rgba(15, 61, 51, .11);
      --stroke-light: rgba(255, 255, 255, .82);
      --shadow-soft: 0 24px 70px rgba(15, 23, 42, .10);
      --shadow-strong: 0 44px 120px rgba(15, 23, 42, .18);
      --radius-xl: 34px;
      --radius-lg: 26px;
      --radius-md: 18px;
      --ease-premium: cubic-bezier(.2, .85, .25, 1);
    }

    .athenia-expertise-v7 *{
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    .athenia-expertise-v7{
      scroll-behavior: smooth;
    }

    .athenia-expertise-v7{
      min-height: 100vh;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--athenia-ink);
      background:
        radial-gradient(circle at 12% 6%, rgba(15, 61, 51, .08), transparent 32%),
        radial-gradient(circle at 88% 2%, rgba(214, 179, 106, .14), transparent 28%),
        radial-gradient(circle at 50% 100%, rgba(15, 61, 51, .06), transparent 42%),
        #ffffff;
      overflow-x: hidden;
    }

    .athenia-expertise-v7 a{
      color: inherit;
    }

    .athenia-expertise-v7 .athenia-expertise{
      position: relative;
      padding: clamp(64px, 7vw, 116px) clamp(18px, 4vw, 64px);
      isolation: isolate;
      background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,1) 46%, rgba(250,252,250,.96)),
        radial-gradient(circle at 50% 12%, rgba(255,255,255,.95), transparent 44%);
    }

    .athenia-expertise-v7 .athenia-expertise::before{
      content: "";
      position: absolute;
      inset: 28px;
      z-index: -2;
      border-radius: 46px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(250,252,250,.72)),
        radial-gradient(circle at 10% 15%, rgba(214,179,106,.13), transparent 28%),
        radial-gradient(circle at 92% 68%, rgba(15,61,51,.08), transparent 32%);
      border: 1px solid rgba(15,61,51,.06);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
      pointer-events: none;
    }

    .athenia-expertise-v7 .expertise-shell{
      width: min(1440px, 100%);
      margin: 0 auto;
    }

    .athenia-expertise-v7 .section-kicker{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 9px 14px;
      border: 1px solid rgba(15, 61, 51, .12);
      border-radius: 999px;
      background: rgba(255, 255, 255, .72);
      backdrop-filter: blur(18px);
      box-shadow: 0 12px 32px rgba(15, 23, 42, .055);
      color: var(--athenia-green);
      font-weight: 900;
      font-size: 13px;
      letter-spacing: .04em;
      text-transform: uppercase;
    }

    .athenia-expertise-v7 .section-kicker::before{
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--athenia-gold), #f4dfaa);
      box-shadow: 0 0 0 6px rgba(214,179,106,.14);
    }

    .athenia-expertise-v7 .expertise-header{
      display: grid;
      grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr);
      gap: clamp(24px, 5vw, 72px);
      align-items: end;
      margin-bottom: clamp(28px, 5vw, 56px);
      transition: filter .55s var(--ease-premium), opacity .55s var(--ease-premium), transform .55s var(--ease-premium);
    }

    .athenia-expertise-v7 .expertise-title{
      max-width: 980px;
      margin-top: 20px;
      font-size: clamp(38px, 5.8vw, 82px);
      line-height: .91;
      letter-spacing: -0.065em;
      font-weight: 950;
    }

    .athenia-expertise-v7 .expertise-title span{
      background: linear-gradient(135deg, var(--athenia-green), #08251f 42%, var(--athenia-gold));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .athenia-expertise-v7 .expertise-intro{
      max-width: 680px;
      color: rgba(7, 18, 15, .68);
      font-size: clamp(16px, 1.45vw, 20px);
      line-height: 1.55;
      font-weight: 560;
    }

    .athenia-expertise-v7 .expertise-intro strong{
      color: var(--athenia-ink);
      font-weight: 900;
    }

    .athenia-expertise-v7 .source-note{
      margin-top: 18px;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .athenia-expertise-v7 .source-note a,
.athenia-expertise-v7 .source-note span{
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 8px 11px;
      border-radius: 999px;
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(15,61,51,.10);
      text-decoration: none;
      color: rgba(7,18,15,.68);
      font-size: 12px;
      font-weight: 850;
      box-shadow: 0 10px 30px rgba(15, 23, 42, .045);
    }

    .athenia-expertise-v7 .domains-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(18px, 2.2vw, 28px);
      transition: filter .55s var(--ease-premium), opacity .55s var(--ease-premium), transform .55s var(--ease-premium);
      perspective: 1600px;
    }

    .athenia-expertise-v7 .holographic-card{
      --x: 50%;
      --y: 50%;
      --bg-x: 50%;
      --bg-y: 50%;
      --tilt-x: 0deg;
      --tilt-y: 0deg;
      position: relative;
      min-height: clamp(270px, 25vw, 370px);
      border: 1px solid rgba(15, 61, 51, .12);
      border-radius: var(--radius-xl);
      overflow: hidden;
      cursor: pointer;
      text-align: left;
      background:
        radial-gradient(circle at var(--bg-x) var(--bg-y), rgba(255,255,255,.98), rgba(255,255,255,.62) 28%, rgba(255,255,255,.38) 56%),
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(250,252,250,.74));
      box-shadow:
        0 1px 0 rgba(255,255,255,.92) inset,
        0 24px 72px rgba(15,23,42,.09),
        0 0 0 1px rgba(255,255,255,.72) inset;
      transform: perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
      transform-style: preserve-3d;
      transition:
        transform .18s ease,
        box-shadow .45s var(--ease-premium),
        border-color .45s var(--ease-premium),
        filter .45s var(--ease-premium);
      will-change: transform;
      isolation: isolate;
    }

    .athenia-expertise-v7 .holographic-card::before{
      content: "";
      position: absolute;
      inset: -1px;
      z-index: 0;
      background:
        linear-gradient(115deg,
          rgba(255,255,255,0) 0%,
          rgba(255,255,255,.72) 12%,
          rgba(214,179,106,.26) 21%,
          rgba(15,61,51,.18) 34%,
          rgba(170,215,255,.20) 49%,
          rgba(255,255,255,.70) 62%,
          rgba(255,255,255,0) 78%),
        radial-gradient(circle at var(--x) var(--y), rgba(255,255,255,.90), rgba(214,179,106,.20) 15%, rgba(15,61,51,.08) 34%, transparent 58%);
      background-size: 240% 240%, 100% 100%;
      background-position: var(--bg-x) var(--bg-y), center;
      opacity: .62;
      mix-blend-mode: screen;
      transition: opacity .35s ease;
      pointer-events: none;
    }

    .athenia-expertise-v7 .holographic-card::after{
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        radial-gradient(circle at var(--x) var(--y), rgba(255,255,255,.78), transparent 19%),
        linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(15,61,51,.035) 100%);
      opacity: .74;
      pointer-events: none;
    }

    .athenia-expertise-v7 .holographic-card:hover{
      border-color: rgba(214,179,106,.28);
      box-shadow:
        0 1px 0 rgba(255,255,255,.96) inset,
        0 34px 100px rgba(15,23,42,.14),
        0 0 0 1px rgba(255,255,255,.82) inset;
    }

    .athenia-expertise-v7 .holographic-card:hover::before{
      opacity: .90;
    }

    .athenia-expertise-v7 .card-orb{
      position: absolute;
      z-index: 0;
      border-radius: 50%;
      filter: blur(16px);
      opacity: .72;
      pointer-events: none;
      transform: translateZ(20px);
    }

    .athenia-expertise-v7 .card-orb.one{
      width: 170px;
      height: 170px;
      right: -52px;
      top: -54px;
      background: radial-gradient(circle, rgba(214,179,106,.32), transparent 66%);
    }

    .athenia-expertise-v7 .card-orb.two{
      width: 210px;
      height: 210px;
      left: -78px;
      bottom: -96px;
      background: radial-gradient(circle, rgba(15,61,51,.16), transparent 66%);
    }

    .athenia-expertise-v7 .holo-grid{
      position: absolute;
      inset: 0;
      z-index: 0;
      opacity: .13;
      background-image:
        linear-gradient(rgba(15,61,51,.20) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15,61,51,.20) 1px, transparent 1px);
      background-size: 28px 28px;
      mask-image: radial-gradient(circle at var(--x) var(--y), black, transparent 64%);
      pointer-events: none;
    }

    .athenia-expertise-v7 .domain-content{
      position: absolute;
      inset: auto 0 0 0;
      z-index: 3;
      padding: clamp(22px, 2.4vw, 34px);
      display: grid;
      gap: 14px;
      transform: translateZ(42px);
    }

    .athenia-expertise-v7 .domain-icon{
      position: absolute;
      z-index: 3;
      top: 22px;
      left: 22px;
      display: grid;
      place-items: center;
      width: 52px;
      height: 52px;
      border-radius: 18px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.54));
      border: 1px solid rgba(15,61,51,.10);
      box-shadow: 0 16px 38px rgba(15,23,42,.08);
      color: var(--athenia-green);
      font-size: 22px;
      font-weight: 950;
      transform: translateZ(48px);
    }

    .athenia-expertise-v7 .domain-cta{
      position: absolute;
      right: 22px;
      top: 22px;
      z-index: 3;
      display: inline-grid;
      place-items: center;
      width: 44px;
      height: 44px;
      border-radius: 999px;
      background: rgba(255,255,255,.74);
      border: 1px solid rgba(15,61,51,.10);
      color: var(--athenia-green);
      box-shadow: 0 14px 34px rgba(15,23,42,.08);
      backdrop-filter: blur(18px);
      font-weight: 950;
      transform: translateZ(50px) translateY(-4px);
      opacity: .72;
      transition: all .35s var(--ease-premium);
    }

    .athenia-expertise-v7 .holographic-card:hover .domain-cta{
      transform: translateZ(50px) translateY(0);
      opacity: 1;
    }

    .athenia-expertise-v7 .domain-title{
      color: var(--athenia-ink);
      font-size: clamp(22px, 2vw, 31px);
      line-height: 1.02;
      letter-spacing: -0.045em;
      font-weight: 950;
      text-wrap: balance;
    }

    .athenia-expertise-v7 .domain-subtitle{
      max-width: 92%;
      color: rgba(7,18,15,.64);
      font-size: 14px;
      line-height: 1.35;
      font-weight: 680;
      opacity: .68;
      transform: translateY(4px);
      transition: all .45s var(--ease-premium);
    }

    .athenia-expertise-v7 .holographic-card:hover .domain-subtitle{
      opacity: .92;
      transform: translateY(0);
    }

    .athenia-expertise-v7 .domain-meta{
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }

    .athenia-expertise-v7 .domain-pill,
.athenia-expertise-v7 .source-pill-mini{
      display: inline-flex;
      align-items: center;
      width: fit-content;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.66);
      border: 1px solid rgba(15,61,51,.10);
      color: rgba(7,18,15,.68);
      backdrop-filter: blur(14px);
      font-size: 12px;
      font-weight: 850;
      box-shadow: 0 10px 22px rgba(15,23,42,.045);
    }

    .athenia-expertise-v7 .source-pill-mini{
      background: rgba(214,179,106,.14);
      border-color: rgba(214,179,106,.22);
      color: #74591d;
    }

    .athenia-expertise-v7 .holographic-card:nth-child(7){
      grid-column: 2 / span 1;
    }

    .athenia-expertise-v7 .focus-backdrop{
      position: fixed;
      inset: 0;
      z-index: 1100;
      background:
        radial-gradient(circle at 50% 18%, rgba(255,255,255,.75), transparent 32%),
        rgba(255,255,255,.58);
      backdrop-filter: blur(20px);
      opacity: 0;
      pointer-events: none;
      transition: opacity 300ms ease;
    }

    .athenia-expertise-v7 .focus-backdrop.is-open{
      opacity: 1;
      pointer-events: auto;
    }

    .athenia-expertise-v7 .explorer{
      position: fixed;
      inset: clamp(14px, 3vw, 34px);
      z-index: 1200;
      display: grid;
      place-items: center;
      opacity: 0;
      pointer-events: none;
      transform: translateY(28px) scale(0.94);
      transition: opacity 260ms ease-out, transform 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    .athenia-expertise-v7 .explorer.is-open{
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0) scale(1);
    }

    body.is-exploring{
      overflow: hidden;
    }

    body.is-exploring .athenia-expertise-v7 .expertise-header,
body.is-exploring .athenia-expertise-v7 .domains-grid{
      filter: blur(7px) saturate(.85);
      opacity: .36;
      transform: scale(.992);
      pointer-events: none;
    }

    .athenia-expertise-v7 .explorer-panel{
      position: relative;
      width: min(1320px, 100%);
      max-height: min(900px, calc(100vh - 28px));
      overflow: auto;
      display: grid;
      grid-template-columns: minmax(320px, .86fr) minmax(0, 1.42fr);
      gap: clamp(18px, 3vw, 38px);
      padding: clamp(16px, 2.4vw, 34px);
      border-radius: 38px;
      background:
        radial-gradient(circle at 14% 10%, rgba(214,179,106,.16), transparent 28%),
        radial-gradient(circle at 88% 84%, rgba(15,61,51,.10), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,255,255,.76));
      border: 1px solid rgba(15,61,51,.10);
      box-shadow:
        0 44px 150px rgba(15,23,42,.18),
        inset 0 1px 0 rgba(255,255,255,.92);
      backdrop-filter: blur(34px);
    }

    .athenia-expertise-v7 .explorer-left,
.athenia-expertise-v7 .explorer-right{
      position: relative;
      z-index: 2;
    }

    .athenia-expertise-v7 .panel-close{
      position: sticky;
      top: 0;
      margin-left: auto;
      z-index: 8;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      width: fit-content;
      padding: 11px 14px;
      border: 1px solid rgba(15,61,51,.12);
      border-radius: 999px;
      background: rgba(255,255,255,.88);
      color: var(--athenia-green);
      font-size: 13px;
      font-weight: 950;
      cursor: pointer;
      backdrop-filter: blur(16px);
      box-shadow: 0 14px 34px rgba(15,23,42,.10);
      transition: transform .25s ease, background .25s ease;
    }

    .athenia-expertise-v7 .panel-close:hover{
      transform: translateY(-2px);
      background: #fff;
    }

    .athenia-expertise-v7 .explorer-left{
      min-height: 680px;
      padding: clamp(18px, 2vw, 28px);
      border-radius: 30px;
      overflow: hidden;
      background:
        radial-gradient(circle at var(--panel-x, 30%) var(--panel-y, 20%), rgba(255,255,255,.86), rgba(255,255,255,.38) 32%, transparent 62%),
        linear-gradient(135deg, rgba(15,61,51,.92), rgba(8,37,31,.96));
      color: #fff;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 24px 70px rgba(15,61,51,.22);
    }

    .athenia-expertise-v7 .explorer-left::before{
      content: "";
      position: absolute;
      inset: -1px;
      background:
        linear-gradient(115deg,
          rgba(255,255,255,0) 0%,
          rgba(255,255,255,.35) 18%,
          rgba(214,179,106,.26) 32%,
          rgba(255,255,255,.12) 56%,
          rgba(255,255,255,0) 80%);
      background-size: 240% 240%;
      background-position: var(--panel-x, 50%) var(--panel-y, 50%);
      mix-blend-mode: screen;
      opacity: .58;
      pointer-events: none;
    }

    .athenia-expertise-v7 .explorer-left::after{
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 18% 16%, rgba(214,179,106,.32), transparent 35%),
        linear-gradient(180deg, rgba(8,18,16,.08), rgba(8,18,16,.78));
      pointer-events: none;
    }

    .athenia-expertise-v7 .explorer-left-inner{
      position: relative;
      z-index: 2;
      display: flex;
      min-height: 100%;
      flex-direction: column;
      justify-content: space-between;
      gap: 28px;
    }

    .athenia-expertise-v7 .active-eyebrow{
      display: inline-flex;
      width: fit-content;
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(214,179,106,.18);
      color: #f8e5ad;
      border: 1px solid rgba(214,179,106,.30);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .06em;
    }

    .athenia-expertise-v7 .active-title{
      margin-top: 18px;
      font-size: clamp(34px, 4.1vw, 60px);
      line-height: .92;
      letter-spacing: -.062em;
      font-weight: 950;
      text-wrap: balance;
    }

    .athenia-expertise-v7 .active-text{
      margin-top: 18px;
      max-width: 560px;
      color: rgba(255,255,255,.84);
      font-size: clamp(15px, 1.25vw, 18px);
      line-height: 1.55;
      font-weight: 560;
    }

    .athenia-expertise-v7 .active-badges{
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
      margin-top: 22px;
    }

    .athenia-expertise-v7 .active-badge{
      padding: 8px 11px;
      border-radius: 999px;
      background: rgba(255,255,255,.14);
      border: 1px solid rgba(255,255,255,.18);
      color: rgba(255,255,255,.92);
      font-size: 12px;
      font-weight: 850;
      backdrop-filter: blur(14px);
    }

    .athenia-expertise-v7 .proof-box,
.athenia-expertise-v7 .warning-box{
      margin-top: 24px;
      padding: 16px;
      border-radius: 22px;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.18);
      backdrop-filter: blur(18px);
    }

    .athenia-expertise-v7 .warning-box{
      display: none;
      border-color: rgba(214,179,106,.36);
      background: rgba(214,179,106,.14);
    }

    .athenia-expertise-v7 .warning-box.is-visible{
      display: block;
    }

    .athenia-expertise-v7 .proof-title{
      color: #f8e5ad;
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .06em;
    }

    .athenia-expertise-v7 .proof-text{
      margin-top: 8px;
      color: rgba(255,255,255,.84);
      font-size: 13.5px;
      line-height: 1.45;
      font-weight: 620;
    }

    .athenia-expertise-v7 .panel-actions{
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 28px;
    }

    .athenia-expertise-v7 .btn{
      appearance: none;
      border: 0;
      cursor: pointer;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 48px;
      padding: 0 18px;
      border-radius: 999px;
      font-weight: 950;
      letter-spacing: -.01em;
      transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
    }

    .athenia-expertise-v7 .btn-primary{
      background: linear-gradient(135deg, #ffffff, #f5ead0);
      color: #0d2f28;
      box-shadow: 0 16px 34px rgba(0,0,0,.16);
    }

    .athenia-expertise-v7 .btn-secondary{
      background: rgba(255,255,255,.13);
      color: #fff;
      border: 1px solid rgba(255,255,255,.22);
      backdrop-filter: blur(14px);
    }

    .athenia-expertise-v7 .btn:hover{
      transform: translateY(-2px);
    }

    .athenia-expertise-v7 .right-top{
      display: flex;
      justify-content: flex-end;
      margin-bottom: 12px;
    }

    .athenia-expertise-v7 .panel-section-title{
      margin: 20px 0 12px;
      color: rgba(7,18,15,.92);
      font-size: 14px;
      font-weight: 950;
      letter-spacing: .02em;
      text-transform: uppercase;
    }

    .athenia-expertise-v7 .augment-grid,
.athenia-expertise-v7 .fit-grid{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
      margin-bottom: 18px;
    }

    .athenia-expertise-v7 .fit-grid{
      grid-template-columns: repeat(3, 1fr);
    }

    .athenia-expertise-v7 .augment-item,
.athenia-expertise-v7 .fit-card,
.athenia-expertise-v7 .usecase-card,
.athenia-expertise-v7 .job-card,
.athenia-expertise-v7 .sources-box{
      background:
        radial-gradient(circle at var(--local-x, 50%) var(--local-y, 50%), rgba(255,255,255,.98), rgba(255,255,255,.68) 42%, rgba(255,255,255,.54)),
        linear-gradient(135deg, rgba(255,255,255,.88), rgba(250,252,250,.72));
      border: 1px solid rgba(15,61,51,.08);
      box-shadow:
        0 16px 38px rgba(15,23,42,.06),
        inset 0 1px 0 rgba(255,255,255,.88);
      backdrop-filter: blur(16px);
    }

    .athenia-expertise-v7 .augment-item{
      position: relative;
      overflow: hidden;
      min-height: 96px;
      border-radius: 22px;
      padding: 15px 15px 36px;
    }

    .athenia-expertise-v7 .augment-label,
.athenia-expertise-v7 .fit-card strong{
      color: var(--athenia-green);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .05em;
    }

    .athenia-expertise-v7 .augment-detail,
.athenia-expertise-v7 .fit-card span{
      display: block;
      margin-top: 7px;
      color: rgba(7,18,15,.62);
      font-size: 12.5px;
      line-height: 1.34;
      font-weight: 660;
    }

    .athenia-expertise-v7 .augment-line{
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: 14px;
      height: 7px;
      border-radius: 999px;
      background: rgba(15,61,51,.09);
      overflow: hidden;
    }

    .athenia-expertise-v7 .augment-line span{
      display: block;
      height: 100%;
      width: var(--score, 68%);
      border-radius: inherit;
      background: linear-gradient(90deg, var(--athenia-green), var(--athenia-gold));
      box-shadow: 0 0 18px rgba(214,179,106,.30);
    }

    .athenia-expertise-v7 .jobs-grid{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .athenia-expertise-v7 .jobs-grid.signature{
      grid-template-columns: 1fr;
    }

    .athenia-expertise-v7 .job-card{
      position: relative;
      overflow: hidden;
      min-height: 230px;
      border-radius: 24px;
      padding: 18px;
      transition: transform .35s var(--ease-premium), box-shadow .35s var(--ease-premium), border-color .35s var(--ease-premium);
    }

    .athenia-expertise-v7 .job-card:hover{
      transform: translateY(-5px);
      border-color: rgba(214,179,106,.24);
      box-shadow:
        0 26px 68px rgba(15,23,42,.10),
        inset 0 1px 0 rgba(255,255,255,.92);
    }

    .athenia-expertise-v7 .job-card::before{
      content: "";
      position: absolute;
      width: 150px;
      height: 150px;
      right: -72px;
      top: -78px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(214,179,106,.25), transparent 64%);
      transition: transform .45s ease;
    }

    .athenia-expertise-v7 .job-card:hover::before{
      transform: scale(1.25);
    }

    .athenia-expertise-v7 .job-index{
      display: inline-grid;
      place-items: center;
      width: 31px;
      height: 31px;
      border-radius: 11px;
      background: rgba(15,61,51,.08);
      color: var(--athenia-green);
      font-size: 12px;
      font-weight: 950;
    }

    .athenia-expertise-v7 .job-title{
      margin-top: 13px;
      color: var(--athenia-ink);
      font-size: 18px;
      line-height: 1.08;
      letter-spacing: -.035em;
      font-weight: 950;
    }

    .athenia-expertise-v7 .job-impact{
      margin-top: 9px;
      color: rgba(7,18,15,.62);
      font-size: 13.5px;
      line-height: 1.42;
      font-weight: 590;
    }

    .athenia-expertise-v7 .job-tags{
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 14px;
    }

    .athenia-expertise-v7 .job-tag{
      padding: 6px 9px;
      border-radius: 999px;
      background: rgba(15,61,51,.07);
      color: var(--athenia-green);
      font-size: 11px;
      font-weight: 880;
    }

    .athenia-expertise-v7 .score-grid{
      display: grid;
      gap: 8px;
      margin-top: 14px;
    }

    .athenia-expertise-v7 .score-row{
      display: grid;
      grid-template-columns: 88px 1fr 34px;
      align-items: center;
      gap: 8px;
      color: rgba(7,18,15,.62);
      font-size: 11.5px;
      font-weight: 850;
    }

    .athenia-expertise-v7 .score-track{
      height: 7px;
      border-radius: 999px;
      background: rgba(15,61,51,.09);
      overflow: hidden;
    }

    .athenia-expertise-v7 .score-track span{
      display: block;
      height: 100%;
      width: var(--value);
      background: linear-gradient(90deg, var(--athenia-green), var(--athenia-gold));
      border-radius: inherit;
    }

    .athenia-expertise-v7 .fit-card{
      min-height: 100px;
      padding: 14px;
      border-radius: 20px;
    }

    .athenia-expertise-v7 .usecases-grid{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .athenia-expertise-v7 .usecase-card{
      display: flex;
      align-items: flex-start;
      gap: 10px;
      min-height: 76px;
      padding: 14px;
      border-radius: 20px;
      color: rgba(7,18,15,.65);
      font-size: 13px;
      line-height: 1.36;
      font-weight: 680;
    }

    .athenia-expertise-v7 .usecase-card span{
      flex: 0 0 auto;
      display: inline-grid;
      place-items: center;
      width: 24px;
      height: 24px;
      border-radius: 9px;
      background: rgba(15,61,51,.08);
      color: var(--athenia-green);
      font-size: 12px;
      font-weight: 950;
    }

    .athenia-expertise-v7 .sources-box{
      margin-top: 16px;
      padding: 16px;
      border-radius: 22px;
    }

    .athenia-expertise-v7 .sources-title{
      color: rgba(7,18,15,.78);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .05em;
    }

    .athenia-expertise-v7 .sources-links{
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 10px;
    }

    .athenia-expertise-v7 .source-link{
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 8px 10px;
      border-radius: 999px;
      background: rgba(15,61,51,.07);
      color: var(--athenia-green);
      text-decoration: none;
      font-size: 12px;
      font-weight: 900;
      transition: transform .2s ease, background .2s ease;
    }

    .athenia-expertise-v7 .source-link:hover{
      transform: translateY(-1px);
      background: rgba(15,61,51,.12);
    }

    .athenia-expertise-v7 .market-disclaimer{
      margin-top: 10px;
      color: rgba(7,18,15,.54);
      font-size: 11.5px;
      line-height: 1.42;
      font-weight: 620;
    }



    .athenia-expertise-v7 .domain-status{
      display: inline-flex;
      align-items: center;
      width: fit-content;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(var(--accent2-rgb), .16);
      border: 1px solid rgba(var(--accent2-rgb), .26);
      color: color-mix(in srgb, var(--accent-2) 70%, #101828 30%);
      backdrop-filter: blur(14px);
      font-size: 12px;
      font-weight: 900;
      box-shadow: 0 10px 22px rgba(15,23,42,.045);
    }

    .athenia-expertise-v7 .domain-projection{
      max-width: 92%;
      color: rgba(7,18,15,.62);
      font-size: 13px;
      line-height: 1.35;
      font-weight: 760;
    }

    .athenia-expertise-v7 .promise-box{
      margin-top: 18px;
      padding: 15px 16px;
      border-radius: 22px;
      background: rgba(255,255,255,.13);
      border: 1px solid rgba(255,255,255,.18);
      backdrop-filter: blur(18px);
    }

    .athenia-expertise-v7 .promise-title{
      color: color-mix(in srgb, var(--accent-2) 76%, #fff 24%);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .06em;
    }

    .athenia-expertise-v7 .promise-text{
      margin-top: 8px;
      color: rgba(255,255,255,.86);
      font-size: 14px;
      line-height: 1.45;
      font-weight: 660;
    }

    .athenia-expertise-v7 .score-legend{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      margin: -2px 0 14px;
    }

    .athenia-expertise-v7 .score-legend div{
      padding: 12px 13px;
      border-radius: 18px;
      background:
        radial-gradient(circle at 30% 12%, rgba(255,255,255,.96), rgba(255,255,255,.66)),
        rgba(var(--accent-rgb), .045);
      border: 1px solid rgba(var(--accent-rgb), .08);
      box-shadow: 0 12px 30px rgba(15, 23, 42, .045);
      backdrop-filter: blur(14px);
    }

    .athenia-expertise-v7 .score-legend strong{
      display: block;
      color: var(--accent);
      font-size: 11.5px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .045em;
    }

    .athenia-expertise-v7 .score-legend span{
      display: block;
      margin-top: 5px;
      color: rgba(7,18,15,.58);
      font-size: 11.5px;
      line-height: 1.32;
      font-weight: 650;
    }

    @media (max-width: 1160px){
      .athenia-expertise-v7 .expertise-header{
        grid-template-columns: 1fr;
      }

      .athenia-expertise-v7 .domains-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .athenia-expertise-v7 .holographic-card:nth-child(7){
        grid-column: auto;
      }

      .athenia-expertise-v7 .explorer-panel{
        grid-template-columns: 1fr;
      }

      .athenia-expertise-v7 .explorer-left{
        min-height: 440px;
      }
    }

    @media (max-width: 760px){
      .athenia-expertise-v7 .athenia-expertise{
        padding-inline: 14px;
      }

      .athenia-expertise-v7 .athenia-expertise::before{
        inset: 10px;
        border-radius: 28px;
      }

      .athenia-expertise-v7 .domains-grid{
        grid-template-columns: 1fr;
      }

      .athenia-expertise-v7 .holographic-card{
        min-height: 260px;
        border-radius: 26px;
      }

      .athenia-expertise-v7 .domain-subtitle,
.athenia-expertise-v7 .domain-cta{
        opacity: 1;
        transform: none;
      }

      .athenia-expertise-v7 .explorer{
        inset: 0;
        align-items: end;
      }

      .athenia-expertise-v7 .explorer-panel{
        width: 100%;
        max-height: 94vh;
        border-radius: 30px 30px 0 0;
        padding: 14px;
      }

      .athenia-expertise-v7 .explorer-left{
        min-height: 380px;
        border-radius: 24px;
      }

      .athenia-expertise-v7 .jobs-grid,
.athenia-expertise-v7 .augment-grid,
.athenia-expertise-v7 .fit-grid,
.athenia-expertise-v7 .usecases-grid,
.athenia-expertise-v7 .score-legend{
        grid-template-columns: 1fr;
      }

      .athenia-expertise-v7 .panel-close{
        position: fixed;
        top: 12px;
        right: 12px;
      }

      .athenia-expertise-v7 .domain-projection{ font-size: 12.5px; }

      .athenia-expertise-v7 .score-row{
        grid-template-columns: 76px 1fr 32px;
      }
    }

    @media (prefers-reduced-motion: reduce){
      .athenia-expertise-v7 *,
.athenia-expertise-v7 *::before,
.athenia-expertise-v7 *::after{
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
      }
    }

    .athenia-expertise-v7 /* V5 — Domain-specific holographic color system */
    .holographic-card{
      --accent: #0F3D33;
      --accent-2: #D6B36A;
      --accent-3: #7DD3FC;
      --accent-rgb: 15, 61, 51;
      --accent2-rgb: 214, 179, 106;
      --accent3-rgb: 125, 211, 252;
      border-color: rgba(var(--accent-rgb), .18);
      background:
        radial-gradient(circle at var(--bg-x) var(--bg-y), rgba(var(--accent3-rgb), .34), transparent 28%),
        radial-gradient(circle at 14% 12%, rgba(var(--accent-rgb), .18), transparent 42%),
        radial-gradient(circle at 92% 92%, rgba(var(--accent2-rgb), .22), transparent 46%),
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.70));
    }

    .athenia-expertise-v7 .holographic-card::before{
      background:
        linear-gradient(115deg,
          rgba(255,255,255,0) 0%,
          rgba(255,255,255,.72) 11%,
          rgba(var(--accent2-rgb), .34) 22%,
          rgba(var(--accent-rgb), .26) 36%,
          rgba(var(--accent3-rgb), .34) 50%,
          rgba(255,255,255,.72) 64%,
          rgba(255,255,255,0) 80%),
        radial-gradient(circle at var(--x) var(--y), rgba(255,255,255,.94), rgba(var(--accent2-rgb), .24) 15%, rgba(var(--accent-rgb), .18) 34%, transparent 60%);
      opacity: .76;
    }

    .athenia-expertise-v7 .holographic-card::after{
      background:
        radial-gradient(circle at var(--x) var(--y), rgba(255,255,255,.86), rgba(var(--accent3-rgb), .20) 20%, transparent 44%),
        linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(var(--accent-rgb), .075) 100%);
    }

    .athenia-expertise-v7 .holographic-card:hover{
      border-color: rgba(var(--accent2-rgb), .36);
      box-shadow:
        0 1px 0 rgba(255,255,255,.96) inset,
        0 34px 105px rgba(var(--accent-rgb), .16),
        0 0 0 1px rgba(255,255,255,.86) inset;
    }

    .athenia-expertise-v7 .card-orb.one{
      background: radial-gradient(circle, rgba(var(--accent2-rgb), .46), rgba(var(--accent2-rgb), .12) 38%, transparent 70%);
    }

    .athenia-expertise-v7 .card-orb.two{
      background: radial-gradient(circle, rgba(var(--accent-rgb), .30), rgba(var(--accent3-rgb), .14) 42%, transparent 70%);
    }

    .athenia-expertise-v7 .holo-grid{
      background-image:
        linear-gradient(rgba(var(--accent-rgb), .24) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--accent-rgb), .24) 1px, transparent 1px);
    }

    .athenia-expertise-v7 .domain-icon{
      color: var(--accent);
      background:
        radial-gradient(circle at 30% 18%, rgba(255,255,255,.96), rgba(255,255,255,.42)),
        linear-gradient(135deg, rgba(var(--accent3-rgb), .24), rgba(var(--accent2-rgb), .14));
      border-color: rgba(var(--accent-rgb), .14);
      box-shadow: 0 16px 38px rgba(var(--accent-rgb), .12);
    }

    .athenia-expertise-v7 .domain-cta{
      color: var(--accent);
      border-color: rgba(var(--accent-rgb), .14);
      background:
        radial-gradient(circle at 35% 20%, rgba(255,255,255,.96), rgba(255,255,255,.62)),
        rgba(var(--accent3-rgb), .12);
    }

    .athenia-expertise-v7 .domain-title{
      background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 72%, #000 28%) 52%, var(--accent-2));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .athenia-expertise-v7 .domain-pill{
      border-color: rgba(var(--accent-rgb), .12);
      background: rgba(var(--accent-rgb), .055);
      color: color-mix(in srgb, var(--accent) 82%, #111 18%);
    }

    .athenia-expertise-v7 .source-pill-mini{
      background: rgba(var(--accent2-rgb), .14);
      border-color: rgba(var(--accent2-rgb), .24);
      color: color-mix(in srgb, var(--accent-2) 72%, #111 28%);
    }

    .athenia-expertise-v7 .explorer-panel{
      --accent: #0F3D33;
      --accent-2: #D6B36A;
      --accent-3: #7DD3FC;
      --accent-rgb: 15, 61, 51;
      --accent2-rgb: 214, 179, 106;
      --accent3-rgb: 125, 211, 252;
      background:
        radial-gradient(circle at 14% 10%, rgba(var(--accent2-rgb), .16), transparent 28%),
        radial-gradient(circle at 88% 84%, rgba(var(--accent-rgb), .12), transparent 34%),
        radial-gradient(circle at 54% 4%, rgba(var(--accent3-rgb), .16), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,255,255,.76));
      border-color: rgba(var(--accent-rgb), .12);
    }

    .athenia-expertise-v7 .explorer-left{
      background:
        radial-gradient(circle at var(--panel-x, 30%) var(--panel-y, 20%), rgba(255,255,255,.82), rgba(var(--accent3-rgb), .24) 24%, transparent 58%),
        linear-gradient(135deg, rgba(var(--accent-rgb), .94), color-mix(in srgb, var(--accent) 72%, #020617 28%));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 24px 70px rgba(var(--accent-rgb), .22);
    }

    .athenia-expertise-v7 .explorer-left::before{
      background:
        linear-gradient(115deg,
          rgba(255,255,255,0) 0%,
          rgba(255,255,255,.36) 18%,
          rgba(var(--accent2-rgb), .32) 32%,
          rgba(var(--accent3-rgb), .22) 56%,
          rgba(255,255,255,0) 80%);
    }

    .athenia-expertise-v7 .active-eyebrow,
.athenia-expertise-v7 .proof-title{
      color: color-mix(in srgb, var(--accent-2) 76%, #fff 24%);
      border-color: rgba(var(--accent2-rgb), .34);
      background: rgba(var(--accent2-rgb), .16);
    }

    .athenia-expertise-v7 .btn-primary{
      background:
        radial-gradient(circle at 30% 10%, rgba(255,255,255,.98), rgba(255,255,255,.72)),
        linear-gradient(135deg, rgba(var(--accent2-rgb), .22), rgba(var(--accent3-rgb), .18));
      color: color-mix(in srgb, var(--accent) 76%, #020617 24%);
      box-shadow: 0 16px 34px rgba(var(--accent-rgb), .18);
    }

    .athenia-expertise-v7 .augment-line span,
.athenia-expertise-v7 .score-track span{
      background: linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3));
      box-shadow: 0 0 18px rgba(var(--accent2-rgb), .30);
    }

    .athenia-expertise-v7 .job-index,
.athenia-expertise-v7 .usecase-card span{
      background: rgba(var(--accent-rgb), .08);
      color: var(--accent);
    }

    .athenia-expertise-v7 .job-tag,
.athenia-expertise-v7 .source-link{
      background: rgba(var(--accent-rgb), .07);
      color: var(--accent);
    }

    .athenia-expertise-v7 .source-link:hover{
      background: rgba(var(--accent-rgb), .12);
    }

  

/* Harmonisation avec la charte typographique de la page Formations */
.athenia-expertise-v7,
.athenia-expertise-v7 button,
.athenia-expertise-v7 a {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.athenia-expertise-v7 .athenia-expertise { color: #1D1D1F; }

.athenia-expertise-v7 .expertise-title {
  color: #1D1D1F;
  font-weight: 800;
  letter-spacing: -0.055em;
}

.athenia-expertise-v7 .expertise-title span {
  background: none;
  color: #00A86B;
  -webkit-text-fill-color: currentColor;
}

.athenia-expertise-v7 .section-kicker {
  color: #057A51;
  font-weight: 700;
  letter-spacing: .1em;
}

.athenia-expertise-v7 .expertise-intro,
.athenia-expertise-v7 .source-note a,
.athenia-expertise-v7 .source-note span { color: #6E6E73; }

/* ── Dark holographic cards — background sombre, glows vifs ── */
/* !important nécessaire : liquid-glass.css utilise [class$="-card"] qui écrase sans ça */
.athenia-expertise-v7 .holographic-card {
  background:
    radial-gradient(circle at var(--bg-x) var(--bg-y), rgba(var(--accent3-rgb), .46), transparent 30%),
    radial-gradient(circle at 10% 15%,  rgba(var(--accent-rgb),  .34), transparent 42%),
    radial-gradient(circle at 90% 85%,  rgba(var(--accent2-rgb), .30), transparent 44%),
    linear-gradient(145deg, #0e0e14 0%, #08080d 100%) !important;
  border-color: rgba(var(--accent-rgb), .28);
  box-shadow:
    0 1px 0 rgba(255,255,255,.07) inset,
    0 24px 72px rgba(0,0,0,.52),
    0 0 0 1px rgba(255,255,255,.05) inset;
}

.athenia-expertise-v7 .holographic-card:hover {
  border-color: rgba(var(--accent2-rgb), .44);
  box-shadow:
    0 1px 0 rgba(255,255,255,.10) inset,
    0 36px 108px rgba(0,0,0,.62),
    0 0 0 1px rgba(var(--accent-rgb), .20) inset,
    0 0 80px rgba(var(--accent-rgb), .14);
}

.athenia-expertise-v7 .card-orb.one {
  opacity: .95;
  background: radial-gradient(circle, rgba(var(--accent2-rgb), .70), rgba(var(--accent2-rgb), .20) 38%, transparent 70%);
}

.athenia-expertise-v7 .card-orb.two {
  opacity: .88;
  background: radial-gradient(circle, rgba(var(--accent-rgb), .52), rgba(var(--accent3-rgb), .24) 42%, transparent 70%);
}

.athenia-expertise-v7 .holographic-card::before { opacity: .88; }
.athenia-expertise-v7 .holographic-card:hover::before { opacity: 1; }

/* Texte sur fond sombre */
.athenia-expertise-v7 .domain-title {
  background: none;
  color: rgba(255,255,255,0.96);
  -webkit-text-fill-color: currentColor;
  font-weight: 800;
}

.athenia-expertise-v7 .domain-subtitle {
  color: rgba(255,255,255,0.62);
  font-weight: 600;
  opacity: 1;
}

.athenia-expertise-v7 .holographic-card:hover .domain-subtitle {
  color: rgba(255,255,255,0.84);
  opacity: 1;
}

.athenia-expertise-v7 .domain-projection {
  color: rgba(255,255,255,0.44);
  font-weight: 500;
}

.athenia-expertise-v7 .domain-icon {
  color: rgba(255,255,255,0.90);
  background: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.12);
  box-shadow: 0 8px 24px rgba(0,0,0,.30);
}

.athenia-expertise-v7 .domain-cta {
  color: rgba(255,255,255,0.82);
  background: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.13);
}

.athenia-expertise-v7 .domain-status {
  color: rgba(255,255,255,0.80);
  background: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.14);
}

.athenia-expertise-v7 .domain-pill {
  color: rgba(255,255,255,0.72);
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.12);
}

.athenia-expertise-v7 .source-pill-mini {
  color: rgba(255,255,255,0.75);
  background: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.14);
}