/* Carbon Atlas — styles partagés */
*{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:"Archivo",-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;color:#08203A;background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:#12508E;text-decoration:none}
  a:hover{color:#12A8B4}
  ::selection{background:#8CC4EC;color:#08203A}
  @keyframes ca-draw{to{stroke-dashoffset:0}}
  @keyframes ca-pop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
  @keyframes ca-fade{to{opacity:1}}
  @keyframes ca-pulse{0%,100%{box-shadow:0 0 0 0 rgba(18,168,180,.5)}50%{box-shadow:0 0 0 8px rgba(18,168,180,0)}}
  @keyframes ca-drift{from{transform:translate(0,0) scale(1)}to{transform:translate(-50px,42px) scale(1.1)}}

  [data-menu]:hover > [data-menu-panel],[data-menu][data-open="1"] > [data-menu-panel]{opacity:1 !important;visibility:visible !important;transform:none !important;pointer-events:auto !important}
  [data-menu]:hover > [data-menu-btn],[data-menu][data-open="1"] > [data-menu-btn]{color:#08203A !important;border-bottom-color:#12A8B4 !important}
  [data-menu]:hover > [data-menu-btn] svg,[data-menu][data-open="1"] > [data-menu-btn] svg{transform:rotate(180deg)}
  @media (min-width:901px){#ca-burger,#ca-mobile{display:none !important}}
  @media (max-width:900px){
    #ca-nav > [data-menu],#ca-nav > a:not([data-cta]){display:none !important}
    #ca-burger{display:grid !important}
  }

  @media (max-width:900px){
    #ca-team{grid-template-columns:1fr !important}
  }
  @media (max-width:760px){
    body{-webkit-text-size-adjust:100%}
    #ca-mh > div{padding:12px clamp(16px,4vw,24px) !important;gap:10px !important}
    #ca-br{display:none}
    #ca-hero{padding:clamp(18px,5vw,28px) clamp(16px,4vw,24px) 8px !important;gap:26px !important}
    #ca-visual{margin:0 auto !important;flex:1 1 220px !important;max-width:260px !important}
    #ca-benefits{gap:1px !important}
    #ca-steps{gap:30px !important}
    #ca-steps{border-radius:5px !important}
    #ca-steps [data-step-head]{padding:20px 18px !important;gap:14px !important}
    #ca-steps [data-step-panel] p{margin:0 18px 22px 52px !important;font-size:14.5px !important}
    dl > div{grid-template-columns:1fr !important;align-items:start !important;border-left-width:8px !important;padding:22px 0 22px 18px !important;margin-bottom:10px !important}
    dl dt{font-size:18px !important}
    dl dd{font-size:14.5px !important}
    [data-logos]{flex-wrap:wrap !important;gap:14px 18px !important}
    [data-logos] > *{flex:1 1 38% !important;height:38px !important}
    #photo-skander,#photo-antonin{width:88px !important;height:88px !important}
    #ca-cta{text-align:left !important;gap:26px !important}
    #ca-cta > div:last-child{align-items:flex-start !important;text-align:left !important}
    footer{font-size:13px !important}
    footer > div{flex-direction:column !important;gap:8px !important}
    #references p{font-size:13px !important}
    h1{font-size:clamp(30px,8.6vw,38px) !important}
    #ca-product-main{aspect-ratio:16/11 !important}
    #ca-product-pair{grid-template-columns:1fr !important}
    #ca-approche,#ca-refcards{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
    #ca-quotes{grid-template-columns:1fr !important}
    #ca-manifeste-lead{font-size:clamp(21px,6.4vw,28px) !important}
    [data-faq-head]{padding:20px 4px !important;gap:14px !important}
    [data-faq-head] span[data-faq-q]{font-size:15.5px !important}
    section > div{padding-left:clamp(16px,4vw,24px) !important;padding-right:clamp(16px,4vw,24px) !important}
  }
  @media (hover:none){
    a,[data-logos] > *{transition:none}
  }
  @media (max-width:560px){
    #ca-approche,#ca-refcards{grid-template-columns:1fr !important}
    #ca-approche [data-t]{min-height:0 !important}
  }
  [data-q]{transition:transform .35s cubic-bezier(.22,.8,.3,1),box-shadow .35s,background-color .35s}
  [data-q] [data-q-t],[data-q] [data-q-n]{transition:color .3s}
  [data-q] [data-q-d]{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s cubic-bezier(.22,.8,.3,1),opacity .3s}
  [data-q] [data-q-bar]{transition:width .45s cubic-bezier(.22,.8,.3,1),opacity .3s}
  [data-q]:focus-visible{outline:2px solid #12A8B4;outline-offset:3px}
  @media (hover:hover){
    [data-q]:hover,[data-q]:focus-visible{transform:translateY(-5px);box-shadow:0 24px 46px -26px rgba(8,32,58,.6)}
    [data-q]:hover [data-q-t],[data-q]:focus-visible [data-q-t]{color:#fff !important}
    [data-q]:hover [data-q-n],[data-q]:focus-visible [data-q-n]{color:rgba(255,255,255,.72) !important}
    [data-q]:hover [data-q-d],[data-q]:focus-visible [data-q-d]{grid-template-rows:1fr;opacity:1}
    [data-q] [data-q-d] strong{color:#fff !important}
    [data-q]:hover [data-q-bar],[data-q]:focus-visible [data-q-bar]{width:100% !important;opacity:.35}
    [data-q="1"]:hover,[data-q="1"]:focus-visible{background:#12508E !important}
    [data-q="2"]:hover,[data-q="2"]:focus-visible{background:#1C6AA8 !important}
    [data-q="3"]:hover,[data-q="3"]:focus-visible{background:#12708F !important}
    [data-q="4"]:hover,[data-q="4"]:focus-visible{background:#0E7C86 !important}
    [data-q="5"]:hover,[data-q="5"]:focus-visible{background:#336E61 !important}
    [data-q="6"]:hover,[data-q="6"]:focus-visible{background:#8F5D0A !important}
  }
  @media (hover:none){
    [data-q] [data-q-d]{grid-template-rows:1fr;opacity:1}
    [data-q] [data-q-d] p{color:#5D7186 !important}
    [data-q]{justify-content:flex-start !important;padding-top:44px !important;min-height:0 !important}
  }
  @media (max-width:900px){
    #ca-qualities{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  }
  @media (max-width:560px){
    #ca-qualities{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  }
  @keyframes ca-flowv{to{background-position:0 10px}}
  @keyframes ca-dash{to{stroke-dashoffset:-16}}
  @keyframes ca-live{0%{transform:scale(.6);opacity:.9}100%{transform:scale(3.2);opacity:0}}
  [data-vc-seg]{animation:ca-flowv 1s linear infinite}
  [data-vc-heat]{stroke-dasharray:4 4;animation:ca-dash 1.1s linear infinite}
  [data-vc-pulse]{transform-box:fill-box;transform-origin:center;animation:ca-live 1.8s ease-out infinite}
  [data-vc-row]:focus-visible{outline:2px solid #12A8B4;outline-offset:4px;border-radius:8px}
  [data-vc-card]{opacity:.6;transition:transform .45s cubic-bezier(.22,.8,.3,1),box-shadow .45s,border-color .4s,opacity .4s}
  [data-vc-row][data-on="1"] [data-vc-card]{opacity:1;transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(8,32,58,.55)}
  [data-vc-node]{transition:background-color .4s,color .4s,transform .4s cubic-bezier(.22,.8,.3,1)}
  [data-vc-row][data-on="1"] [data-vc-node]{color:#fff !important;transform:scale(1.1)}
  [data-vc-row="1"][data-on="1"] [data-vc-node]{background:#12508E !important}
  [data-vc-row="1"][data-on="1"] [data-vc-card]{border-color:#12508E}
  [data-vc-row="2"][data-on="1"] [data-vc-node]{background:#1C6AA8 !important}
  [data-vc-row="2"][data-on="1"] [data-vc-card]{border-color:#1C6AA8}
  [data-vc-row="3"][data-on="1"] [data-vc-node]{background:#0E7C86 !important}
  [data-vc-row="3"][data-on="1"] [data-vc-card]{border-color:#0E7C86}
  [data-vc-row="4"][data-on="1"] [data-vc-node]{background:#8F5D0A !important}
  [data-vc-row="4"][data-on="1"] [data-vc-card]{border-color:#8F5D0A}
  [data-vc-row][data-on="1"] [data-vc-seg]{background-image:repeating-linear-gradient(180deg,#12A8B4 0 5px,transparent 5px 10px) !important}
  [data-vc-loop]{display:none}
  [data-ready] > [data-vc-loop]{display:block}
  @media (max-width:900px){
    #ca-vc{padding-right:0 !important}
    [data-vc-row]{grid-template-columns:40px minmax(0,1fr) !important;row-gap:16px !important;align-items:start !important}
    [data-vc-spine]{grid-row:1 / 3;align-items:flex-start !important;padding-top:2px}
    [data-vc-seg]{left:19px !important;top:0 !important;bottom:0 !important}
    [data-vc-row="1"] [data-vc-seg]{top:20px !important}
    [data-vc-row="4"] [data-vc-seg]{display:none}
    [data-vc-node]{width:38px !important;height:38px !important;font-size:16px !important}
    [data-vc-row] > [data-vc-card]{grid-column:2}
    [data-vc-card]{opacity:1 !important}
    [data-ready] > [data-vc-loop]{display:none !important}
  }
  @media (prefers-reduced-motion:reduce){[data-vc-seg],[data-vc-heat],[data-vc-pulse]{animation:none !important}}
  [data-ref]{transition:transform .4s cubic-bezier(.22,.8,.3,1),box-shadow .4s,background-color .4s,border-color .4s}
  [data-ref] [data-ref-l],[data-ref] [data-ref-t],[data-ref] [data-ref-p]{transition:color .35s}
  @media (hover:hover){
    [data-ref]:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(8,32,58,.6)}
    [data-ref]:hover [data-ref-l]{color:rgba(255,255,255,.78) !important}
    [data-ref]:hover [data-ref-t]{color:#fff !important}
    [data-ref]:hover [data-ref-p]{color:rgba(255,255,255,.88) !important}
    [data-ref="1"]:hover{background:#12508E !important;border-color:#12508E !important}
    [data-ref="2"]:hover{background:#1C6AA8 !important;border-color:#1C6AA8 !important}
    [data-ref="3"]:hover{background:#12708F !important;border-color:#12708F !important}
    [data-ref="4"]:hover{background:#0E7C86 !important;border-color:#0E7C86 !important}
    [data-ref="5"]:hover{background:#336E61 !important;border-color:#336E61 !important}
    [data-ref="6"]:hover{background:#8F5D0A !important;border-color:#8F5D0A !important}
    [data-ref="7"]:hover{background:#12508E !important;border-color:#12508E !important}
    [data-ref="8"]:hover{background:#0E7C86 !important;border-color:#0E7C86 !important}
  }
  @media (max-width:900px){#ca-refs{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
  @media (max-width:560px){#ca-refs{grid-template-columns:1fr !important}}
  #ca-benefits{align-items:flex-start !important}
  [data-b]{flex:1 1 0;transition:background-color .4s,border-color .4s,box-shadow .4s,transform .4s cubic-bezier(.22,.8,.3,1)}
  [data-b] [data-b-sum]{transition:opacity .3s}
  [data-b] [data-b-full]{position:absolute;left:0;right:0;top:0;opacity:0;visibility:hidden;transition:opacity .35s .1s}
  [data-b]:focus-visible{outline:2px solid #5FD3DC;outline-offset:3px}
  @media (hover:hover) and (min-width:901px){
    [data-b]:hover,[data-b]:focus-within{box-shadow:0 30px 60px -34px rgba(0,0,0,.6);min-height:var(--b-tall,auto) !important}
    #ca-benefits > [data-b]:nth-child(1):hover,#ca-benefits > [data-b]:nth-child(1):focus-within{background:#0E6E78 !important;border-color:#5FD3DC !important}
    #ca-benefits > [data-b]:nth-child(2):hover,#ca-benefits > [data-b]:nth-child(2):focus-within{background:#1D5E96 !important;border-color:#8CC4EC !important}
    #ca-benefits > [data-b]:nth-child(3):hover,#ca-benefits > [data-b]:nth-child(3):focus-within{background:#94580F !important;border-color:#F6BE6E !important}
    [data-b]:hover h3,[data-b]:focus-within h3{color:#fff !important}
    [data-b]:hover li > span,[data-b]:focus-within li > span{background:#fff !important}
    [data-b]:hover [data-b-sum],[data-b]:focus-within [data-b-sum]{position:absolute;opacity:0;visibility:hidden}
    [data-b]:hover [data-b-full],[data-b]:focus-within [data-b-full]{position:static;opacity:1;visibility:visible}
  }
  @media (hover:none),(max-width:900px){
    [data-b] [data-b-sum]{display:none}
    [data-b] [data-b-full]{position:static;opacity:1;visibility:visible}
  }
  @media (max-width:900px){#ca-benefits{flex-direction:column !important;align-items:stretch !important}}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}}

.h1:hover{background:#F3F7FB !important;color:#08203A !important}
.h2:hover{color:#08203A !important;border-bottom-color:#12A8B4 !important}
.h3:hover{transform:translateY(-2px) !important;box-shadow:0 12px 26px -14px rgba(8,32,58,.85) !important;background:#12508E !important;color:#fff !important}
.h4:hover{border-bottom-color:#F0A23C !important;color:#08203A !important}
.h5:hover{transform:translateY(-6px) !important;box-shadow:0 26px 56px -30px rgba(8,32,58,.55) !important;color:#08203A !important}
.h6:hover{color:#fff !important;border-bottom-color:#F0A23C !important}
.h7:hover{transform:translateY(-5px) !important;box-shadow:0 26px 50px -30px rgba(8,32,58,.5) !important}
.h8:hover{color:#08203A !important;border-bottom-color:#F0A23C !important}
.h9:hover{transform:translateY(-5px) !important;box-shadow:0 22px 46px -32px rgba(8,32,58,.5) !important}
.h10:hover{color:#12A8B4 !important}
.h11:hover{transform:translateY(-6px) !important;box-shadow:0 22px 44px -28px rgba(8,32,58,.55) !important;border-top-color:#12508E !important}
.h12:hover{background:#0C2C4C !important}
.h13:hover{transform:translateY(-5px) !important;box-shadow:0 22px 44px -28px rgba(8,32,58,.5) !important}