:root{
  --bg:#061829;--bg2:#09223a;--panel:#ffffff;--panel2:#f5f9fd;--line:#d7e6f3;
  --text:#102b45;--muted:#3d5872;--soft:#557089;--blue:#1d6fb8;--blue2:#35a0e6;
  --cyan:#22d3ee;--green:#18a76d;--amber:#d97706;--red:#df3f3f;--violet:#7056d9;
  --navy:#0d3558;--shadow:0 18px 50px rgba(8,30,52,.18);--radius:18px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 15% 5%,rgba(53,160,230,.28),transparent 32%),linear-gradient(135deg,#061829 0%,#09223a 45%,#eef5fc 45%,#eef5fc 100%);color:var(--text);font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;line-height:1.45;min-height:100vh} a{color:inherit}.sr{position:absolute;left:-9999px}
button,input,select,textarea{font-family:inherit}.app-shell{max-width:1480px;margin:0 auto;padding:1.1rem}.hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:.9rem 1.05rem;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:0 18px 46px rgba(0,0,0,.18);color:#102a43}.hero:before{content:"";position:absolute;inset:-45% -20% auto auto;width:620px;height:620px;background:radial-gradient(circle,rgba(34,211,238,.28),transparent 60%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem;align-items:start}.hero h1{font-size:clamp(1.75rem,3vw,3.15rem);line-height:1.04;margin:.25rem 0 .55rem;letter-spacing:-.045em;max-width:1120px}.hero p{max-width:1040px;color:#102a43;font-size:.96rem;margin:.25rem 0}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);color:#dff7ff;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}.btn{border:none;border-radius:12px;padding:.72rem 1rem;font-weight:800;cursor:pointer;transition:.18s ease;display:inline-flex;align-items:center;gap:.45rem;text-decoration:none}.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--blue2));color:#05233a;box-shadow:0 12px 26px rgba(34,211,238,.25)}.btn.secondary{background:rgba(255,255,255,.1);color:#102a43;border:1px solid rgba(255,255,255,.24)}.btn.light{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn.danger{background:#fff;color:var(--red);border:1px solid #f3c2c2}.btn:hover{transform:translateY(-1px);filter:saturate(1.08)}.hero-card{background:rgba(255,255,255,.94);color:var(--text);border:1px solid rgba(255,255,255,.55);border-radius:24px;padding:1rem;box-shadow:var(--shadow)}.pulse-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.pulse{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f4f9fe);padding:.85rem}.pulse b{display:block;font-size:1.65rem;line-height:1;color:var(--blue)}.pulse span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.compliance-strip{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.chip{display:inline-flex;align-items:center;gap:.3rem;border:1px solid rgba(29,111,184,.2);background:#eaf5ff;color:#155a96;border-radius:999px;padding:.25rem .6rem;font-size:.7rem;font-weight:800}.chip.dark{background:rgba(255,255,255,.12);border-color:#102a43;color:#e8f8ff}.chip.green{background:#e9fbf3;color:#137b50}.chip.amber{background:#fff6e7;color:#a65a00}.chip.violet{background:#f0edff;color:#5a43ba}.nav{position:sticky;top:0;z-index:30;margin:1rem 0;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);box-shadow:0 12px 28px rgba(9,34,58,.08);padding:.45rem;display:flex;gap:.35rem;flex-wrap:wrap}.tab{background:transparent;border:none;border-radius:13px;padding:.68rem .92rem;color:var(--muted);font-weight:900;cursor:pointer}.tab.active{background:linear-gradient(135deg,var(--navy),var(--blue));color:#102a43}.page{display:none}.page.active{display:block}.layout{display:grid;grid-template-columns:390px 1fr;gap:1rem;align-items:start}.panel{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:1rem 1.1rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7fbff)}.panel-title{font-weight:900;color:var(--navy);font-size:1rem}.panel-sub{font-size:.76rem;color:var(--muted);margin-top:.18rem}.panel-body{padding:1rem}.form-grid{display:grid;gap:.72rem}.field{display:flex;flex-direction:column;gap:.25rem}.field label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#f8fbff;border-radius:10px;color:var(--text);padding:.62rem .72rem;outline:none}.field textarea{min-height:72px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(29,111,184,.12)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.seg{border:1px solid var(--line);border-radius:12px;padding:.58rem;background:#fff;cursor:pointer;font-size:.78rem;font-weight:800;color:var(--muted);text-align:center}.seg.active{background:linear-gradient(135deg,#e9f6ff,#fff);border-color:var(--blue);color:var(--blue)}.generation-update{display:grid;gap:.55rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f4f9fe);padding:.72rem}.generation-update-head{display:flex;justify-content:space-between;gap:.65rem;align-items:center}.generation-update-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:950}.generation-kpis{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.generation-kpi{border:1px solid var(--line);border-radius:14px;background:#fff;padding:.62rem}.generation-kpi b{display:block;font-size:1.05rem;color:var(--blue);line-height:1.1}.generation-kpi span{display:block;margin-top:.2rem;font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:900}.generation-kpi small{display:block;margin-top:.2rem;color:var(--soft);font-size:.62rem;line-height:1.2}.seg.update{background:linear-gradient(135deg,var(--cyan),var(--blue2));border-color:transparent;color:#05233a;box-shadow:0 10px 22px rgba(34,211,238,.18)}.checks{display:grid;gap:.45rem}.check{display:flex;gap:.55rem;align-items:flex-start;border:1px solid var(--line);border-radius:12px;background:#fff;padding:.58rem;cursor:pointer}.check input{margin-top:.15rem;accent-color:var(--blue)}.check strong{display:block;font-size:.8rem}.check span{display:block;font-size:.68rem;color:var(--muted)}.exec-dashboard{display:grid;gap:1rem}.scoreboard{display:grid;grid-template-columns:1.1fr .9fr .9fr .9fr;gap:.8rem}.score{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#ffffff,#f3f9ff);padding:1rem;box-shadow:0 10px 26px rgba(9,34,58,.08)}.score:after{content:"";position:absolute;right:-42px;bottom:-42px;width:120px;height:120px;border-radius:50%;background:rgba(29,111,184,.08)}.score .num{font-size:2.2rem;font-weight:950;color:var(--blue);line-height:1}.score .lbl{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin-top:.35rem}.score .hint{font-size:.74rem;color:var(--muted);margin-top:.4rem}.board{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.executive-card{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.executive-card.dark{background:linear-gradient(135deg,#08243d,#0d416e);color:#102a43;border-color:#102a43}.executive-card .hd{padding:1rem 1.1rem;border-bottom:1px solid rgba(215,230,243,.65);font-weight:950;color:inherit}.executive-card .bd{padding:1rem}.northstar{font-size:1.25rem;font-weight:950;line-height:1.22;letter-spacing:-.02em}.muted{color:var(--muted)}.executive-card.dark .muted{color:#102a43}.maturity-bars{display:grid;gap:.65rem}.bar-row{display:grid;grid-template-columns:115px 1fr 38px;gap:.6rem;align-items:center;font-size:.74rem}.bar-shell{height:10px;border-radius:999px;background:#e8f1f9;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.radar{position:relative;width:280px;height:280px;margin:auto;border-radius:50%;background:repeating-radial-gradient(circle,#eef5fc 0,#eef5fc 1px,transparent 1px,transparent 46px),conic-gradient(from -90deg,rgba(29,111,184,.18),rgba(34,211,238,.18),rgba(24,167,109,.18),rgba(112,86,217,.18),rgba(29,111,184,.18));border:1px solid var(--line)}.radar:before{content:"";position:absolute;inset:56px;border-radius:50%;background:rgba(29,111,184,.16);clip-path:polygon(50% 0%,83% 25%,75% 78%,33% 92%,10% 38%)}.radar-axis{position:absolute;font-size:.65rem;font-weight:900;color:var(--navy);text-transform:uppercase}.axis-1{top:6px;left:50%;transform:translateX(-50%)}.axis-2{right:-8px;top:82px}.axis-3{right:18px;bottom:34px}.axis-4{left:18px;bottom:34px}.axis-5{left:-8px;top:82px}.roadmaps{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.roadmap{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(9,34,58,.08)}.roadmap .top{padding:1rem;background:linear-gradient(135deg,#f7fbff,#e9f6ff);border-bottom:1px solid var(--line)}.roadmap h3{margin:.1rem 0;font-size:1.05rem;color:var(--navy)}.roadmap .bd{padding:1rem}.phase-list{display:grid;gap:.55rem}.phase{display:grid;grid-template-columns:86px 1fr;gap:.7rem;border-left:4px solid var(--blue);background:#f8fbff;border-radius:12px;padding:.65rem}.phase .when{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-weight:950}.phase b{display:block;color:var(--navy);font-size:.82rem}.phase span{display:block;color:var(--muted);font-size:.72rem}.chrono-card{overflow:hidden}.chrono-intro{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;margin-bottom:1rem}.chrono-legend{display:flex;gap:.5rem;flex-wrap:wrap}.chrono-grid{display:grid;gap:1.1rem}.chrono-scenario{border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);padding:1rem;box-shadow:0 18px 42px rgba(15,23,42,.06)}.chrono-scenario.fast{background:linear-gradient(135deg,#fffaf0 0%,#f8fbff 100%)}.chrono-scenario-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.85rem}.chrono-scenario-head h3{margin:.15rem 0;color:var(--navy)}.chrono-meta{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.chrono-axis{display:grid;grid-template-columns:repeat(7,1fr);color:#64748b;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .45rem 10.5rem;padding-left:1rem}.chrono-track{position:relative;border-left:1px dashed #cbd5e1;margin-left:10.5rem;padding:.15rem 0 .2rem 1rem;background:repeating-linear-gradient(90deg,rgba(148,163,184,.16) 0,rgba(148,163,184,.16) 1px,transparent 1px,transparent 16.66%)}.chrono-row{position:relative;min-height:76px;margin:.45rem 0}.chrono-label{position:absolute;right:calc(100% + 1rem);top:.2rem;width:9.5rem;text-align:right}.chrono-label b{display:block;color:var(--navy);font-size:.8rem}.chrono-label span{display:block;color:var(--muted);font-size:.68rem}.chrono-bar{position:absolute;top:.2rem;min-height:58px;border-radius:18px;padding:.75rem .85rem;color:#102a43;box-shadow:0 14px 30px rgba(30,64,175,.18);overflow:hidden}.chrono-bar:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.35),transparent 34%);pointer-events:none}.chrono-bar b,.chrono-bar span{position:relative;display:block}.chrono-bar b{font-size:.82rem}.chrono-bar span{font-size:.68rem;opacity:.88;margin-top:.2rem}.chrono-bar.progressive{background:linear-gradient(135deg,#2563eb,#0f766e)}.chrono-bar.accelerated{background:linear-gradient(135deg,#f59e0b,#dc2626)}.chrono-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1rem}.chrono-kpi{border:1px solid var(--line);background:#fff;border-radius:18px;padding:.8rem}.chrono-kpi b{display:block;color:var(--navy);font-size:1.05rem}.chrono-kpi span{display:block;color:var(--muted);font-size:.72rem}.coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.coverage{border:1px solid var(--line);border-radius:16px;background:#fff;padding:.85rem}.coverage h4{margin:.1rem 0 .45rem;color:var(--navy)}.mini-meter{height:8px;background:#e8f1f9;border-radius:999px;overflow:hidden;margin:.5rem 0}.mini-meter div{height:100%;background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:999px}.program-table{width:100%;border-collapse:collapse;font-size:.8rem;background:#fff;border-radius:16px;overflow:hidden}.program-table th{background:var(--navy);color:#102a43;text-align:left;padding:.7rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.program-table td{border-bottom:1px solid var(--line);padding:.72rem;vertical-align:top}.program-table tr:last-child td{border-bottom:none}.portfolio{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.product-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:0 10px 28px rgba(9,34,58,.08);display:flex;flex-direction:column;gap:.55rem}.product-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:auto}.doc-link{background:linear-gradient(135deg,#eef7ff,#ffffff);border-color:#b9dcf7;color:#155a96}.product-head{display:flex;gap:.8rem;align-items:center}.product-logo{width:74px;height:48px;object-fit:contain;background:#f8fbff;border:1px solid var(--line);border-radius:12px;padding:.25rem}.product-card h3{font-size:.98rem;margin:.1rem 0;color:var(--navy)}.product-meta{font-size:.72rem;color:var(--muted)}.refs{display:flex;gap:.35rem;flex-wrap:wrap}.ref{font-size:.66rem;background:#eaf5ff;color:#155a96;border:1px solid #cce3f7;border-radius:999px;padding:.18rem .5rem;font-weight:800}.clients-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.client-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);font-size:.82rem}.client-table th{background:var(--navy);color:#102a43;text-align:left;padding:.7rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.client-table td{padding:.72rem;border-bottom:1px solid var(--line);vertical-align:top}.client-table tr:last-child td{border-bottom:none}.client-tools{display:flex;flex-wrap:wrap;gap:.35rem}.tool-link{font-size:.68rem;text-decoration:none;background:#eaf5ff;border:1px solid #cce3f7;border-radius:999px;padding:.18rem .5rem;color:#155a96;font-weight:800}.empty{border:1px dashed var(--line);background:#fff;border-radius:18px;text-align:center;padding:2rem;color:var(--muted)}.offer-builder{margin-top:1rem;display:grid;gap:1rem}.offer-shell{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.offer-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;padding:1.1rem 1.2rem;background:linear-gradient(135deg,#ffffff,#eef8ff);border-bottom:1px solid var(--line)}.offer-title{font-weight:950;color:var(--navy);font-size:1.15rem}.offer-sub{color:var(--muted);font-size:.78rem;max-width:780px;margin-top:.2rem}.offer-body{display:grid;grid-template-columns:390px 1fr;gap:1rem;padding:1rem}.offer-side,.offer-stage{display:grid;gap:.8rem;align-content:start}.offer-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:1rem}.offer-card h3{margin:.05rem 0 .65rem;color:var(--navy);font-size:.92rem}.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.offer-actions{display:flex;gap:.55rem;flex-wrap:wrap}.offer-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.55rem;max-height:380px;overflow:auto;padding-right:.25rem}.offer-product{border:1px solid var(--line);border-radius:14px;padding:.62rem;background:#f8fbff;cursor:pointer;display:grid;gap:.25rem}.offer-product.active{border-color:var(--blue);background:linear-gradient(135deg,#eaf6ff,#fff)}.offer-product b{font-size:.76rem;color:var(--navy)}.offer-product span{font-size:.65rem;color:var(--muted)}.offer-activities{display:grid;gap:.55rem}.offer-activity{display:grid;grid-template-columns:1.35fr .58fr .5fr .56fr .42fr;gap:.5rem;align-items:end;border:1px solid var(--line);border-radius:14px;background:#f8fbff;padding:.65rem}.offer-activity .field input,.offer-activity .field select{padding:.5rem}.offer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.offer-kpi{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f5faff);padding:.78rem}.offer-kpi b{display:block;color:var(--blue);font-size:1.35rem;line-height:1.1}.offer-kpi span{display:block;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin-top:.25rem}.offer-viz-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.offer-chart{min-height:250px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:.9rem}.offer-bars{display:grid;gap:.45rem}.offer-bar{display:grid;grid-template-columns:115px 1fr 75px;gap:.55rem;align-items:center;font-size:.72rem}.offer-bar-shell{height:12px;border-radius:999px;background:#e8f1f9;overflow:hidden}.offer-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.offer-gantt{border:1px solid var(--line);border-radius:20px;background:#fff;padding:1rem;overflow:auto}.offer-gantt-grid{min-width:760px;display:grid;gap:.4rem}.offer-gantt-head,.offer-gantt-row{display:grid;grid-template-columns:180px repeat(12,1fr);gap:.2rem;align-items:center}.offer-gantt-head div{font-size:.62rem;color:var(--muted);font-weight:900;text-transform:uppercase;text-align:center}.offer-gantt-label{font-size:.72rem;font-weight:900;color:var(--navy)}.offer-gantt-cell{height:22px;background:#edf5fc;border-radius:6px}.offer-gantt-cell.on{background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 6px 14px rgba(29,111,184,.18)}.offer-textarea{min-height:120px}.offer-json{font-family:Consolas,monospace;font-size:.72rem;min-height:220px}.offer-preview{border:1px solid var(--line);border-radius:20px;background:#fff;padding:1.1rem}.offer-preview h2{margin:.1rem 0;color:var(--navy)}.offer-preview h3{margin:1rem 0 .45rem;color:var(--navy)}.offer-preview table{width:100%;border-collapse:collapse;font-size:.76rem}.offer-preview th{background:var(--navy);color:#102a43;text-align:left;padding:.55rem}.offer-preview td{border-bottom:1px solid var(--line);padding:.5rem;vertical-align:top}.offer-print-only{display:none}@media(max-width:980px){.offer-body,.offer-viz-grid{grid-template-columns:1fr}.offer-summary{grid-template-columns:1fr 1fr}.offer-activity{grid-template-columns:1fr 1fr}}@media print{body>*:not(.offer-print-root){display:none!important}.offer-print-root{display:block!important;color:#102b45;background:#fff}.offer-preview{border:none;box-shadow:none}.offer-actions,.nav,.hero{display:none!important}}.modal{position:fixed;inset:0;background:rgba(5,20,34,.58);display:none;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal.open{display:flex}.modal-box{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.4)}.modal-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.2rem;background:linear-gradient(135deg,var(--navy),var(--blue));color:#102a43}.modal-title{font-weight:950}.modal-body{padding:1rem}.modal-foot{display:flex;justify-content:space-between;gap:.75rem;align-items:center;flex-wrap:wrap;padding:1rem 1.2rem;background:#f7fbff;border-top:1px solid var(--line)}.close{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#102a43;border-radius:10px;padding:.4rem .7rem;cursor:pointer}.two{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.print-only{display:none}@media(max-width:1100px){.hero-grid,.layout,.board,.roadmaps{grid-template-columns:1fr}.scoreboard{grid-template-columns:1fr 1fr}}@media(max-width:720px){.app-shell{padding:.65rem}.scoreboard,.two,.three,.pulse-grid{grid-template-columns:1fr}.nav{position:relative}.hero{border-radius:18px}.radar{width:230px;height:230px}}@media print{body{background:#fff}.nav,.hero-actions,.panel,.clients-bar,.modal{display:none!important}.app-shell{max-width:none}.page{display:block}.print-only{display:block}.executive-card,.score,.roadmap{box-shadow:none;break-inside:avoid}}


/* === Thème lisible bleu renforcé - harmonisation globale === */
:root{
  --theme-page-bg:#b4c9dd;
  --theme-page-bg-2:#9fb7cd;
  --theme-surface:#eaf3fb;
  --theme-surface-strong:#dce9f4;
  --theme-border:#9fb6cb;
  --theme-text:#102a43;
  --theme-muted:#334e68;
  --theme-accent:#245b8f;
  --theme-accent-soft:#c7d9eb;
}
@media screen{
  html,body{
    background:linear-gradient(135deg,var(--theme-page-bg) 0%,var(--theme-page-bg-2) 100%) !important;
    color:var(--theme-text) !important;
  }
  body,main,section,article,aside,div,p,li,label,legend,small,span,td,th,input,textarea,select{
    color:var(--theme-text);
  }
  .shell,.container,.content,.page,.panel,.card,.box,.tile,.module,.section,.workspace,.tool-card,.product-card,.service-card,.metric,.kpi,.score,.question,.step,.modal,.tab-content,.table-wrap,.recommendation,.scenario,.diagnostic,.preview,.result,.block,.item{
    background-color:rgba(234,243,251,.96) !important;
    color:var(--theme-text) !important;
    border-color:var(--theme-border) !important;
  }
  header,.header,.hero,.topbar,.navbar,.nav,.banner,.cover,.pssi-cover,.hero-card,.intro{
    background:linear-gradient(135deg,#d9e7f2 0%,#bed0e0 100%) !important;
    color:var(--theme-text) !important;
    border-color:var(--theme-border) !important;
  }
  h1,h2,h3,h4,h5,h6,strong,b,.title,.subtitle,.label,.meta,.muted,.small,.mini{
    color:var(--theme-text) !important;
  }
  a{color:#184f7f !important;}
  button,.btn,.button,.hbtn,.btn-primary,.primary,[role="button"],input[type="submit"]{
    background:linear-gradient(135deg,#c9dced,#b7cde0) !important;
    color:var(--theme-text) !important;
    border-color:#7f9ab4 !important;
  }
  .badge,.tag,.pill,.chip,.status,.ref-checkbox,.nav button,.tab,.tab-btn{
    background:#d7e6f2 !important;
    color:var(--theme-text) !important;
    border-color:var(--theme-border) !important;
  }
  input,textarea,select{
    background:#f1f7fc !important;
    color:var(--theme-text) !important;
    border-color:#91aac1 !important;
  }
  table,thead,tbody,tfoot,tr,td,th{
    color:var(--theme-text) !important;
    border-color:var(--theme-border) !important;
  }
  th,thead{background:#d5e4f0 !important;}
  pre,code,.report,.console,.output,.pssi-preview{
    background:#dbe8f3 !important;
    color:var(--theme-text) !important;
    border-color:var(--theme-border) !important;
  }
}
/* === Fin thème lisible bleu renforcé === */



/* THEME_BLEU_LISIBLE_GLOBAL - harmonisation globale */
:root{
  --theme-page-bg:#b4c9dd;
  --theme-page-bg-2:#9fb7cd;
  --theme-surface:#eaf3fb;
  --theme-surface-strong:#dce9f4;
  --theme-border:#9fb6cb;
  --theme-text:#102a43;
  --theme-muted:#334e68;
  --theme-accent:#245b8f;
  --theme-accent-soft:#c7d9eb;
}
@media screen{
  html,body{background:linear-gradient(135deg,var(--theme-page-bg) 0%,var(--theme-page-bg-2) 100%) !important;color:var(--theme-text) !important;}
  body,main,section,article,aside,div,p,li,label,legend,small,span,td,th,input,textarea,select{color:var(--theme-text);}
  .shell,.container,.content,.page,.panel,.card,.box,.tile,.module,.section,.workspace,.tool-card,.product-card,.service-card,.metric,.kpi,.score,.question,.step,.modal,.tab-content,.table-wrap,.recommendation,.scenario,.diagnostic,.preview,.result,.block,.item{background-color:rgba(234,243,251,.96) !important;color:var(--theme-text) !important;border-color:var(--theme-border) !important;}
  header,.header,.hero,.topbar,.navbar,.nav,.banner,.cover,.pssi-cover,.hero-card,.intro{background:linear-gradient(135deg,#d9e7f2 0%,#bed0e0 100%) !important;color:var(--theme-text) !important;border-color:var(--theme-border) !important;}
  h1,h2,h3,h4,h5,h6,strong,b,.title,.subtitle,.label,.meta,.muted,.small,.mini{color:var(--theme-text) !important;}
  a{color:#184f7f !important;}
  button,.btn,.button,.hbtn,.btn-primary,.primary,[role="button"],input[type="submit"]{background:linear-gradient(135deg,#c9dced,#b7cde0) !important;color:var(--theme-text) !important;border-color:#7f9ab4 !important;}
  .badge,.tag,.pill,.chip,.status,.ref-checkbox,.nav button,.tab,.tab-btn{background:#d7e6f2 !important;color:var(--theme-text) !important;border-color:var(--theme-border) !important;}
  input,textarea,select{background:#f1f7fc !important;color:var(--theme-text) !important;border-color:#91aac1 !important;}
  table,thead,tbody,tfoot,tr,td,th{color:var(--theme-text) !important;border-color:var(--theme-border) !important;}
  th,thead{background:#d5e4f0 !important;}
  pre,code,.report,.console,.output,.pssi-preview{background:#dbe8f3 !important;color:var(--theme-text) !important;border-color:var(--theme-border) !important;}
}
/* FIN_THEME_BLEU_LISIBLE_GLOBAL */

/* CONTRASTE_LISIBLE_FRONT - texte clair sur fond foncé, texte foncé sur fond clair */
@media screen{
  .hero,.executive-card.dark,.modal-head,.program-table th,.client-table th,.tab.active,.chrono-bar.progressive,.chrono-bar.accelerated{
    color:#f3f8fd !important;
  }
  .hero p,.hero h1,.hero .btn.secondary,.executive-card.dark .muted,.executive-card.dark .northstar,.executive-card.dark .hd,.modal-head .modal-title,.modal-head .close,.program-table th,.client-table th,.tab.active,.chrono-bar,.chrono-bar b,.chrono-bar span{
    color:#f3f8fd !important;
  }
  .hero-card,.panel,.score,.executive-card:not(.dark),.roadmap,.chrono-scenario,.chrono-kpi,.coverage,.product-card,.client-table,.program-table,.modal-box,.modal-body,.modal-foot,.field input,.field select,.field textarea,.check,.seg,.pulse{
    color:#102a43 !important;
  }
  .hero-card .muted,.panel-sub,.product-meta,.client-table .muted,.program-table .muted,.coverage .muted,.phase span,.chrono-kpi span,.score .hint,.score .lbl{
    color:#334e68 !important;
  }
  .chip.dark{background:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.34) !important;color:#f3f8fd !important;}
  .btn.primary{color:#05233a !important;}
  .btn.secondary{background:rgba(5,35,58,.72) !important;border-color:rgba(255,255,255,.38) !important;color:#f3f8fd !important;}
  .btn.light,.btn.danger{background:#ffffff !important;color:#0d3558 !important;}
}
/* FIN_CONTRASTE_LISIBLE_FRONT */

/* CORRECTIF_PROGRAMME_COMEX_CHECKBOXES - alignement stable des cases à cocher */
@media screen{
  #page-program .checks{
    display:grid !important;
    gap:.52rem !important;
  }
  #page-program .checks .check{
    display:grid !important;
    grid-template-columns:1.15rem minmax(0,1fr) !important;
    column-gap:.62rem !important;
    align-items:start !important;
    width:100% !important;
    min-height:0 !important;
    padding:.62rem .72rem !important;
    line-height:1.25 !important;
  }
  #page-program .checks .check > input[type="checkbox"]{
    width:1rem !important;
    min-width:1rem !important;
    max-width:1rem !important;
    height:1rem !important;
    min-height:1rem !important;
    margin:.12rem 0 0 0 !important;
    padding:0 !important;
    flex:0 0 1rem !important;
    justify-self:start !important;
    align-self:start !important;
    accent-color:var(--blue) !important;
    cursor:pointer !important;
  }
  #page-program .checks .check > span{
    display:block !important;
    min-width:0 !important;
    margin:0 !important;
  }
  #page-program .checks .check > span > strong,
  #page-program .checks .check > span > span{
    display:block !important;
    margin:0 !important;
    line-height:1.28 !important;
  }
  #page-program .checks .check > span > span{
    margin-top:.18rem !important;
  }
}
/* FIN_CORRECTIF_PROGRAMME_COMEX_CHECKBOXES */

/* I18N_FR_UK_SWITCH */
.lang-switch{position:static;margin-left:auto;align-self:center;display:flex;gap:.35rem;z-index:1;background:linear-gradient(135deg,#eef8ff,#ffffff);border:1px solid var(--line);border-radius:999px;padding:.25rem;box-shadow:0 10px 24px rgba(9,34,58,.10)}
.lang-switch select,.language-selector{border:1px solid transparent;background:transparent;color:#102a43;border-radius:999px;padding:.42rem .8rem;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;gap:.28rem;white-space:nowrap;min-width:190px;outline:none}
.lang-switch select:focus,.language-selector:focus{background:#fff;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,122,204,.15)}
@media(max-width:760px){.lang-switch{order:20;margin-left:0;width:100%;justify-content:flex-end;background:rgba(255,255,255,.92)}}
/* FIN_I18N_FR_UK_SWITCH */





/* Reconstruction Démo Client & Concepteur d'offre — module autonome */
.demo-grid,.rebuild-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem;align-items:start}.demo-card,.rebuild-card{background:rgba(255,255,255,.94);border:1px solid rgba(19,52,89,.12);border-radius:22px;padding:1rem;box-shadow:0 18px 55px rgba(17,45,78,.08)}.demo-card h3,.rebuild-card h3{margin:.1rem 0 .7rem;color:#143a5a;font-size:1rem}.demo-form,.rebuild-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.demo-field,.rebuild-field{display:flex;flex-direction:column;gap:.28rem}.demo-field label,.rebuild-field label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#698196;font-weight:800}.demo-field input,.demo-field select,.rebuild-field input,.rebuild-field select,.rebuild-field textarea{border:1px solid rgba(20,58,90,.18);border-radius:14px;padding:.7rem .75rem;background:#fff;color:#19364f;font:inherit}.rebuild-field textarea{min-height:78px;resize:vertical}.demo-actions,.rebuild-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem}.demo-kpis,.rebuild-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:.9rem 0}.demo-kpi,.rebuild-kpi{background:linear-gradient(135deg,#f7fbff,#edf5fb);border:1px solid rgba(42,111,151,.16);border-radius:18px;padding:.8rem}.demo-kpi strong,.rebuild-kpi strong{display:block;font-size:1.25rem;color:#123a59}.demo-kpi span,.rebuild-kpi span{font-size:.76rem;color:#6b7d8b;text-transform:uppercase;letter-spacing:.05em}.module-pills{display:flex;flex-wrap:wrap;gap:.5rem}.module-pill{border:1px solid rgba(31,95,136,.2);border-radius:999px;padding:.48rem .68rem;background:#fff;color:#1a405d;cursor:pointer;font-weight:800;font-size:.82rem}.module-pill.active{background:#153b5b;color:#fff;border-color:#153b5b}.comex-panel{background:linear-gradient(135deg,#102f4a,#1c5b7a);color:#fff;border-radius:24px;padding:1.1rem;box-shadow:0 24px 70px rgba(16,47,74,.18)}.comex-panel h3{color:#fff}.comex-value{font-size:1.04rem;line-height:1.55}.comex-timeline,.offer-timeline{display:grid;gap:.45rem;margin-top:.8rem}.timeline-row{display:grid;grid-template-columns:92px 1fr 92px;gap:.55rem;align-items:center}.timeline-bar{height:13px;border-radius:999px;background:rgba(255,255,255,.28);overflow:hidden}.timeline-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#d6a84f,#f4d37f)}.offer-timeline .timeline-bar{background:#e7eef4}.offer-timeline .timeline-bar span{background:linear-gradient(90deg,#2f80a8,#8fc7dd)}.demo-maturity{height:16px;border-radius:999px;background:#e8eef4;overflow:hidden;margin:.45rem 0}.demo-maturity span{display:block;height:100%;background:linear-gradient(90deg,#c99d42,#2f80a8)}.rebuild-table{width:100%;border-collapse:collapse}.rebuild-table th,.rebuild-table td{padding:.55rem;border-bottom:1px solid rgba(20,58,90,.1);text-align:left;font-size:.86rem}.rebuild-table th{color:#49677b;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em}.mini-chart{height:170px;display:flex;align-items:end;gap:.55rem;padding:.6rem;background:#f5f9fc;border-radius:18px}.mini-chart div{flex:1;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#2f80a8,#153b5b);min-height:18px;position:relative}.mini-chart div small{position:absolute;bottom:100%;left:0;right:0;text-align:center;font-size:.68rem;color:#49677b;margin-bottom:.2rem}.offer-json-area{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-height:180px}.demo-note{font-size:.86rem;color:#607587;line-height:1.5}.rebuild-warning{background:#fff7e6;border:1px solid #f2cf8b;color:#65440b;border-radius:16px;padding:.7rem;margin:.6rem 0}.offer-builder.rebuilt{margin-top:1rem}.wide-field{grid-column:1/-1}@media(max-width:980px){.demo-grid,.rebuild-grid{grid-template-columns:1fr}.demo-kpis,.rebuild-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-form,.rebuild-form{grid-template-columns:1fr}.timeline-row{grid-template-columns:74px 1fr 70px}}


.chart-box{height:210px;max-height:210px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:.65rem;margin:.75rem 0}.chart-box canvas{width:100%!important;height:180px!important;max-height:180px!important}
.module-actions-inline{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.client-tool-pair{display:inline-flex;gap:.35rem;align-items:center;margin:.15rem .25rem .15rem 0}.doc-link{font-weight:700}.module-pill.logo-pill{min-width:86px;min-height:56px;padding:.38rem .55rem;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:#fff}.module-pill.logo-pill.active{background:#f5fbff;border-color:#153b5b;box-shadow:0 0 0 2px rgba(21,59,91,.12) inset}.module-pill.logo-pill img{max-width:72px;max-height:38px;object-fit:contain;display:block}.module-pill.logo-pill .logo-fallback{width:58px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#153b5b,#2f80a8);color:#fff;font-weight:900;font-size:.78rem;letter-spacing:.04em}
.offer-catalog-loader{border:1px solid rgba(29,111,184,.18);border-radius:18px;background:linear-gradient(135deg,#f8fbff,#ffffff);padding:.85rem;margin:.85rem 0 1rem;display:grid;gap:.75rem}.offer-catalog-loader h4{margin:.05rem 0;color:#143a5a;font-size:.95rem}.offer-catalog-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:end}.offer-catalog-preview{display:grid;grid-template-columns:82px 1fr;gap:.8rem;align-items:start;border-top:1px solid rgba(20,58,90,.1);padding-top:.75rem}.offer-catalog-logo{width:72px;height:58px;border:1px solid rgba(20,58,90,.14);border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;padding:.35rem}.offer-catalog-logo img{max-width:100%;max-height:100%;object-fit:contain}.offer-catalog-info strong{display:block;color:#143a5a;font-size:.9rem}.offer-catalog-info p{margin:.3rem 0;color:#49677b;font-size:.8rem}.offer-catalog-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.offer-catalog-meta span{border:1px solid rgba(29,111,184,.16);background:#eaf5ff;color:#155a96;border-radius:999px;padding:.18rem .48rem;font-size:.68rem;font-weight:800}.offer-catalog-loader .logo-fallback{font-weight:950;color:#1d6fb8;font-size:.82rem}
.consultants-value{display:grid;gap:1rem}.consultants-hero{background:linear-gradient(135deg,#0d3558,#155d8f);color:#fff;border-radius:24px;padding:1.15rem;box-shadow:var(--shadow)}.consultants-hero h2{margin:.15rem 0 .35rem;font-size:1.45rem}.consultants-hero p{margin:.15rem 0;color:rgba(255,255,255,.82);max-width:980px}.consultants-params{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:.7rem}.consultants-params .field{background:#fff;border:1px solid var(--line);border-radius:16px;padding:.7rem}.consultants-params input{width:100%;border:0;background:#f6f9fc;border-radius:12px;padding:.55rem;font-weight:900;color:#153b5b}.consultants-kpis{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:.75rem}.consultants-kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:.85rem}.consultants-kpi b{display:block;color:#153b5b;font-size:1.45rem}.consultants-kpi span{display:block;color:#6b8090;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.consultants-kpi small{display:block;color:#49677b;margin-top:.25rem}.consultants-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.consultants-chart-card,.consultants-decision-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem;box-shadow:0 12px 28px rgba(8,30,52,.08)}.consultants-chart-card h3,.consultants-decision-card h3{margin:.05rem 0 .6rem;color:#153b5b}.consultants-chart-card canvas{max-height:230px!important}.consultants-decision-card .decision{border-left:5px solid var(--green);background:#f2fbf8;border-radius:16px;padding:.85rem;margin:.7rem 0;color:#143a5a}.consultants-decision-card .decision.warn{border-left-color:var(--amber);background:#fff8eb}.consultants-scenario-table{width:100%;border-collapse:collapse}.consultants-scenario-table th,.consultants-scenario-table td{border-bottom:1px solid var(--line);padding:.55rem;text-align:left;font-size:.86rem}.consultants-scenario-table th{color:#153b5b;background:#f6f9fc}.consultants-scenario-table td:last-child,.consultants-scenario-table th:last-child{text-align:right}@media(max-width:1100px){.consultants-params,.consultants-kpis{grid-template-columns:repeat(2,1fr)}.consultants-grid{grid-template-columns:1fr}}@media(max-width:720px){.offer-catalog-control,.offer-catalog-preview{grid-template-columns:1fr}.offer-catalog-logo{width:100%;height:64px}.consultants-params,.consultants-kpis{grid-template-columns:1fr}}


/* ════ ABOUT YOARA PAGE ════ */
.ab-page{display:grid;gap:1.6rem}

/* Cover / Hero */
.ab-cover{background:linear-gradient(145deg,#030812 0%,#050e20 30%,#071428 60%,#060c1f 100%);border-radius:28px;padding:3rem 3rem 2.5rem;position:relative;overflow:hidden;color:#fff;min-height:420px;display:flex;flex-direction:column;justify-content:space-between}
.ab-cover::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 40%,rgba(99,102,241,.3),transparent 60%),radial-gradient(ellipse 60% 50% at 20% 80%,rgba(34,211,238,.2),transparent 55%),radial-gradient(ellipse 40% 40% at 85% 10%,rgba(244,114,182,.18),transparent 50%);pointer-events:none}
.ab-cover-grid{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:flex-start;position:relative;z-index:1}
.ab-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.38rem .9rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.7);margin-bottom:1.1rem}
.ab-cover h1{font-size:clamp(2.8rem,6vw,5.5rem);font-weight:900;line-height:.95;letter-spacing:-.04em;margin:.2rem 0 .9rem}
.ab-cover h1 .y{background:linear-gradient(135deg,#22d3ee,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ab-cover h1 .oa{background:linear-gradient(135deg,#818cf8,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ab-cover h1 .ra{background:linear-gradient(135deg,#f472b6,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ab-tagline{font-size:clamp(1.05rem,2vw,1.45rem);color:rgba(255,255,255,.78);line-height:1.55;max-width:760px;font-weight:400;letter-spacing:-.01em}
.ab-cover-kpis{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}
.ab-kpi{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:.9rem 1.4rem;text-align:center;min-width:110px}
.ab-kpi b{display:block;font-size:1.9rem;font-weight:900;background:linear-gradient(135deg,#22d3ee,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.ab-kpi span{display:block;font-size:.65rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.1em;margin-top:.3rem}
.ab-logo-big{width:220px;height:220px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.18;font-size:9rem;line-height:1;position:relative;z-index:1}
.ab-cover-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;position:relative;z-index:1;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.1)}

/* Auteurs */
.ab-authors{display:flex;gap:1rem;flex-wrap:wrap}
.ab-author{display:flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:.65rem 1rem}
.ab-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}
.ab-author-info b{display:block;font-size:.86rem;font-weight:900;color:#fff}
.ab-author-info span{display:block;font-size:.68rem;color:rgba(255,255,255,.55);margin-top:.1rem}
.ab-version{font-size:.72rem;color:rgba(255,255,255,.4);font-weight:700}

/* Vision */
.ab-vision{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.8rem 2rem;box-shadow:0 8px 28px rgba(9,34,58,.07)}
.ab-vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.ab-vision h2{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:900;color:var(--navy);line-height:1.2;letter-spacing:-.02em;margin:.2rem 0 .8rem}
.ab-vision-quote{font-size:1.05rem;color:#334e68;line-height:1.65;font-style:italic;border-left:4px solid #22d3ee;padding-left:1.2rem;margin:1rem 0}
.ab-vision-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}
.ab-vstat{background:linear-gradient(135deg,#f0f9ff,#e8f3ff);border:1px solid #bae6fd;border-radius:16px;padding:.9rem 1rem}
.ab-vstat b{display:block;font-size:1.6rem;font-weight:900;color:#0369a1;line-height:1}
.ab-vstat span{display:block;font-size:.68rem;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;font-weight:700}
.ab-vision-right{display:flex;flex-direction:column;gap:.7rem}
.ab-pillar{display:flex;gap:.8rem;align-items:flex-start;background:#f8fbff;border:1px solid var(--line);border-radius:14px;padding:.85rem}
.ab-pillar-icon{font-size:1.5rem;flex-shrink:0;width:44px;text-align:center}
.ab-pillar h4{margin:0 0 .2rem;font-size:.88rem;color:var(--navy)}
.ab-pillar p{margin:0;font-size:.76rem;color:#64748b;line-height:1.45}

/* Value levers */
.ab-levers{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.6rem 2rem;box-shadow:0 8px 28px rgba(9,34,58,.07)}
.ab-levers-title{font-size:1.3rem;font-weight:900;color:var(--navy);margin:.2rem 0 .3rem;letter-spacing:-.02em}
.ab-levers-sub{font-size:.85rem;color:#64748b;margin-bottom:1.2rem}
.ab-levers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.85rem}
.ab-lever{display:flex;gap:.85rem;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;background:#fafcff;transition:.18s ease}
.ab-lever:hover{background:#f0f7ff;border-color:#bae6fd;transform:translateY(-1px)}
.ab-lever-num{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:900;flex-shrink:0;color:#fff}
.ab-lever h4{margin:0 0 .25rem;font-size:.88rem;color:var(--navy);font-weight:900}
.ab-lever p{margin:0;font-size:.76rem;color:#64748b;line-height:1.45}
.ab-lever-tag{display:inline-flex;margin-top:.4rem;font-size:.62rem;font-weight:800;border-radius:999px;padding:.18rem .55rem;border:1px solid}

/* Architecture diff */
.ab-arch{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.6rem 2rem;box-shadow:0 8px 28px rgba(9,34,58,.07)}
.ab-arch-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1rem}
.ab-arch-col{border-radius:18px;overflow:hidden}
.ab-arch-col-head{padding:.8rem 1.1rem;font-weight:900;font-size:.88rem;display:flex;align-items:center;gap:.5rem}
.ab-arch-col-head.before{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b}
.ab-arch-col-head.after{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#14532d}
.ab-arch-item{display:flex;align-items:flex-start;gap:.55rem;padding:.65rem 1.1rem;border-top:1px solid rgba(0,0,0,.05);font-size:.8rem;color:#334e68}
.ab-arch-item::before{font-size:.75rem;flex-shrink:0;margin-top:.1rem}
.ab-arch-col.before .ab-arch-item::before{content:'✗';color:#ef4444}
.ab-arch-col.after .ab-arch-item::before{content:'✓';color:#10b981}

/* Credits */
.ab-credits{background:linear-gradient(145deg,#050e20,#071428);border-radius:24px;padding:2rem 2.2rem;position:relative;overflow:hidden;color:#fff}
.ab-credits::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 90% 50%,rgba(99,102,241,.2),transparent 55%);pointer-events:none}
.ab-credits-grid{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start;position:relative;z-index:1}
.ab-credits h2{font-size:1.3rem;font-weight:900;color:#fff;margin:.2rem 0 .5rem}
.ab-credits .ab-eyebrow{margin-bottom:.8rem}
.ab-credits p{color:rgba(255,255,255,.7);font-size:.88rem;line-height:1.6;max-width:680px}
.ab-credits-people{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1.4rem}
.ab-person{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:1.1rem 1.4rem;display:flex;gap:1rem;align-items:center}
.ab-person-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;flex-shrink:0;border:2px solid rgba(255,255,255,.2);color:#fff}
.ab-person-info b{display:block;font-size:1rem;font-weight:900;color:#fff;letter-spacing:-.01em}
.ab-person-info .ab-person-role{display:block;font-size:.74rem;color:rgba(255,255,255,.55);margin-top:.15rem}
.ab-person-info .ab-person-contrib{display:block;font-size:.74rem;color:#22d3ee;margin-top:.25rem;font-weight:700}
.ab-credits-copy{text-align:right;font-size:.7rem;color:rgba(255,255,255,.3);line-height:1.7}
.ab-license{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.65rem 1rem;margin-top:1.2rem;font-size:.72rem;color:rgba(255,255,255,.5);display:flex;gap:.6rem;align-items:center}

/* Référentiels section */
.ab-refs{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.6rem 2rem;box-shadow:0 8px 28px rgba(9,34,58,.07)}
.ab-refs-header{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap;margin-bottom:.3rem}
.ab-refs-badge{font-size:.72rem;font-weight:800;background:linear-gradient(135deg,#e9f6ff,#f0edff);border:1px solid #c7d9eb;color:#245b8f;border-radius:999px;padding:.25rem .75rem;white-space:nowrap}
.ab-refs-groups{display:grid;gap:.7rem;margin-top:1.1rem}
.ab-refs-group{border:1px solid var(--line);border-radius:18px;overflow:hidden}
.ab-refs-group-head{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.1rem;font-size:.85rem;font-weight:900;color:var(--rc,#245b8f);background:#f8fbff;cursor:pointer;list-style:none;gap:.6rem;user-select:none;border-bottom:1px solid transparent}
.ab-refs-group[open]>.ab-refs-group-head{border-bottom:1px solid var(--line)}
.ab-refs-group-head::-webkit-details-marker{display:none}
.ab-refs-group-head::before{content:'▶';font-size:.6rem;opacity:.45;transition:transform .2s;flex-shrink:0}
.ab-refs-group[open]>.ab-refs-group-head::before{transform:rotate(90deg)}
.ab-refs-group-label{flex:1}
.ab-refs-group-count{font-size:.63rem;background:rgba(0,0,0,.07);border-radius:999px;padding:.13rem .5rem;font-weight:800;flex-shrink:0;white-space:nowrap;color:#64748b}
.ab-refs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:.6rem;padding:.85rem;background:#fff;animation:ab-refs-open .18s ease}
@keyframes ab-refs-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.ab-ref-card{background:#fafcff;border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem .85rem 1.1rem;display:flex;flex-direction:column;gap:.32rem;position:relative;overflow:hidden;transition:.15s ease}
.ab-ref-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--rc,#245b8f)}
.ab-ref-card:hover{background:#f0f7ff;border-color:#bae6fd;transform:translateY(-1px)}
.ab-ref-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}
.ab-ref-card-name{font-size:.86rem;font-weight:900;text-decoration:none;line-height:1.2;color:var(--rc,#245b8f)}
.ab-ref-card-name.no-link{pointer-events:none;color:var(--navy)}
.ab-ref-card-count{font-size:.6rem;background:var(--rc,#245b8f);color:#fff;border-radius:999px;padding:.12rem .4rem;font-weight:900;white-space:nowrap;flex-shrink:0;margin-top:.1rem}
.ab-ref-card-desc{font-size:.74rem;color:#475569;line-height:1.42}
.ab-ref-card-objs{display:flex;flex-wrap:wrap;gap:.28rem;margin-top:.1rem}
.ab-ref-obj{font-size:.61rem;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:.14rem .42rem;color:#64748b;font-weight:700}

/* Dark theme override for about page */
@media screen{
  .ab-cover,.ab-cover *{color:#fff !important}
  .ab-cover h1 .y,.ab-cover h1 .oa,.ab-cover h1 .ra{-webkit-text-fill-color:transparent !important;color:transparent !important}
  .ab-kpi b{-webkit-text-fill-color:transparent !important;color:transparent !important}
  .ab-eyebrow,.ab-eyebrow *{color:rgba(255,255,255,.7) !important}
  .ab-tagline{color:rgba(255,255,255,.78) !important}
  .ab-kpi span{color:rgba(255,255,255,.55) !important}
  .ab-cover-footer,.ab-version{color:rgba(255,255,255,.4) !important}
  .ab-author-info b{color:#fff !important}
  .ab-author-info span{color:rgba(255,255,255,.55) !important}
  /* Vision - fond blanc */
  .ab-vision{background:#fff !important}
  .ab-vision h2,.ab-vision h3,.ab-vision h4,.ab-vision b,.ab-vision strong{color:#0d2d4a !important}
  .ab-vision-quote{color:#334e68 !important}
  .ab-pillar h4{color:#0d2d4a !important}
  .ab-pillar p,.ab-levers-sub{color:#64748b !important}
  .ab-vstat b{color:#0369a1 !important}
  .ab-vstat span{color:#64748b !important}
  /* Levers */
  .ab-levers{background:#fff !important}
  .ab-levers-title{color:#0d2d4a !important}
  .ab-lever h4{color:#0d2d4a !important}
  .ab-lever p{color:#64748b !important}
  /* Arch */
  .ab-arch{background:#fff !important}
  .ab-arch-col-head.before{color:#991b1b !important}
  .ab-arch-col-head.after{color:#14532d !important}
  .ab-arch-item{color:#334e68 !important}
  .ab-arch-col.before .ab-arch-item::before{color:#ef4444 !important}
  .ab-arch-col.after .ab-arch-item::before{color:#10b981 !important}
  .ab-arch h2,.ab-arch h3{color:#0d2d4a !important}
  /* Credits */
  .ab-credits,.ab-credits *{color:#fff !important}
  .ab-credits h2{color:#fff !important}
  .ab-credits p{color:rgba(255,255,255,.7) !important}
  .ab-person-info b{color:#fff !important}
  .ab-person-info .ab-person-role{color:rgba(255,255,255,.55) !important}
  .ab-person-info .ab-person-contrib{color:#22d3ee !important}
  .ab-credits-copy{color:rgba(255,255,255,.3) !important}
  .ab-license{color:rgba(255,255,255,.5) !important}
  /* Refs — overrides complets (summary=[role=button] capturé par THEME sinon) */
  .ab-refs{background:#fff !important;color:#102a43 !important}
  .ab-refs-header{background:transparent !important}
  .ab-levers-title{color:#0d2d4a !important}
  .ab-refs-badge{background:linear-gradient(135deg,#e9f6ff,#f0edff) !important;color:#245b8f !important;border-color:#c7d9eb !important}
  .ab-refs-groups,.ab-refs-cards{background:#fff !important}
  .ab-refs-group{background:#fff !important;border-color:#d7e6f3 !important}
  .ab-refs-group-head{background:#f8fbff !important;color:var(--rc,#245b8f) !important;border-color:transparent !important}
  .ab-refs-group-head::before{color:inherit !important}
  .ab-refs-group-label{color:inherit !important}
  .ab-refs-group-count{background:rgba(0,0,0,.07) !important;color:#64748b !important}
  .ab-ref-card{background:#fafcff !important;border-color:#e2edf8 !important;color:#102a43 !important}
  .ab-ref-card-name{color:var(--rc,#245b8f) !important;text-decoration:none !important}
  .ab-ref-card-name.no-link{color:#0d3558 !important}
  .ab-ref-card-count{background:var(--rc,#245b8f) !important;color:#fff !important}
  .ab-ref-card-desc{color:#475569 !important}
  .ab-ref-obj{background:rgba(0,0,0,.04) !important;border-color:rgba(0,0,0,.08) !important;color:#64748b !important}
}

/* ── Benchmark sectoriel ── */
.bench-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1rem;box-shadow:0 10px 26px rgba(9,34,58,.08)}
.bench-row{display:grid;grid-template-columns:110px 1fr 42px 42px;gap:.5rem;align-items:center;font-size:.74rem;margin:.32rem 0}
.bench-row b{color:var(--navy);font-weight:900}
.bench-shell{position:relative;height:12px;border-radius:999px;background:#e8f1f9;overflow:visible}
.bench-fill-client{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:2}
.bench-fill-sector{position:absolute;top:3px;left:0;height:6px;border-radius:999px;background:rgba(100,116,139,.35);z-index:1}
.bench-val{font-size:.68rem;font-weight:900;color:var(--blue);text-align:right}
.bench-avg{font-size:.68rem;color:#94a3b8;text-align:right}
.bench-legend{display:flex;gap:.75rem;margin-top:.65rem;font-size:.68rem}
.bench-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:.1rem}

/* ── Recommandations IA ── */
.reco-shell{display:grid;gap:.65rem;margin-top:.1rem}
.reco-card{border:1px solid var(--line);border-radius:16px;padding:.85rem 1rem;background:#fff;display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start}
.reco-card.p1{border-left:4px solid #ef4444}
.reco-card.p2{border-left:4px solid #f59e0b}
.reco-card.p3{border-left:4px solid #3b82f6}
.reco-card.p4{border-left:4px solid #10b981}
.reco-badge{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;min-width:36px}
.reco-p{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:.78rem;color:#fff;flex-shrink:0}
.reco-p.p1{background:#ef4444}.reco-p.p2{background:#f59e0b}.reco-p.p3{background:#3b82f6}.reco-p.p4{background:#10b981}
.reco-effort{font-size:.6rem;color:#94a3b8;font-weight:800;text-transform:uppercase;letter-spacing:.04em;text-align:center}
.reco-body h4{margin:.05rem 0 .3rem;font-size:.86rem;color:var(--navy)}
.reco-body p{font-size:.76rem;color:#475569;line-height:1.4;margin:0}
.reco-tags{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.45rem}
.reco-tag{font-size:.62rem;background:#eaf5ff;border:1px solid #cce3f7;border-radius:999px;padding:.12rem .4rem;color:#155a96;font-weight:800}

/* ── Veille réglementaire ── */
.veille-shell{display:grid;gap:1rem}
.veille-hero{background:linear-gradient(135deg,#0d3558,#1a5a8a);color:#fff;border-radius:24px;padding:1.2rem 1.5rem;box-shadow:var(--shadow)}
.veille-hero h2{margin:.2rem 0 .35rem;font-size:1.4rem;color:#fff}
.veille-hero p{margin:.1rem 0;color:rgba(255,255,255,.8);max-width:860px;font-size:.9rem}
.veille-filters{display:flex;gap:.4rem;flex-wrap:wrap;margin:.8rem 0}
.veille-filter{border:1px solid var(--line);border-radius:999px;padding:.3rem .75rem;background:#fff;font-size:.72rem;font-weight:800;cursor:pointer;color:var(--muted);transition:.15s}
.veille-filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.veille-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:.85rem}
.veille-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 26px rgba(9,34,58,.07);transition:.15s}
.veille-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(9,34,58,.12)}
.veille-card-top{padding:.9rem 1rem .7rem;border-bottom:1px solid var(--line)}
.veille-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}
.veille-label{font-size:1.15rem;font-weight:950;color:var(--navy)}
.veille-status{font-size:.65rem;font-weight:900;border-radius:999px;padding:.2rem .55rem;text-transform:uppercase;letter-spacing:.06em}
.veille-status.active{background:#dcfce7;color:#15803d}
.veille-status.transition{background:#fef3c7;color:#92400e}
.veille-status.incoming{background:#dbeafe;color:#1e40af}
.veille-full{font-size:.8rem;color:#475569;margin:.1rem 0}
.veille-category{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:800;background:#f1f5f9;border-radius:999px;padding:.18rem .5rem;color:#64748b}
.veille-card-body{padding:.9rem 1rem}
.veille-summary{font-size:.78rem;color:#334e68;line-height:1.5;margin-bottom:.75rem}
.veille-obligations{display:grid;gap:.3rem}
.veille-oblig{display:flex;align-items:flex-start;gap:.45rem;font-size:.73rem;color:#334e68}
.veille-oblig::before{content:'✓';color:#16a34a;font-weight:900;flex-shrink:0;margin-top:.05rem}
.veille-modules{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--line)}
.veille-mod-chip{font-size:.62rem;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:.15rem .45rem;color:#0369a1;font-weight:800}
.veille-updates{margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--line)}
.veille-update{display:flex;gap:.55rem;align-items:flex-start;font-size:.72rem;margin:.28rem 0;color:#475569}
.veille-update-date{font-size:.65rem;font-weight:800;color:#94a3b8;white-space:nowrap;min-width:72px}
.veille-sanctions{margin-top:.55rem;background:#fff8f0;border:1px solid #fed7aa;border-radius:12px;padding:.55rem .75rem;font-size:.72rem;color:#92400e}
.veille-sanctions b{color:#c2410c}

/* ── Rapport DOCX bouton ── */
.btn-report{background:linear-gradient(135deg,#0d3558,#1d6fb8);color:#fff;border:none;border-radius:12px;padding:.62rem 1rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;transition:.18s ease;text-decoration:none}
.btn-report:hover{transform:translateY(-1px);filter:brightness(1.08)}
.btn-report:disabled{opacity:.55;cursor:not-allowed;transform:none}

@media screen{
  .bench-panel,.veille-card,.reco-card{background:#fff !important;color:#102a43 !important}
  .bench-row b,.reco-body h4,.veille-label{color:#0d3558 !important}
  .bench-fill-sector{background:rgba(100,116,139,.35) !important}
  .veille-card-top{border-color:#d7e6f3 !important}
  .veille-modules{border-color:#d7e6f3 !important}
  .veille-updates{border-color:#d7e6f3 !important}
}
@media(max-width:900px){
  .ab-cover-grid,.ab-vision-grid,.ab-arch-grid,.ab-credits-grid{grid-template-columns:1fr}
  .ab-logo-big{display:none}
  .ab-credits-copy{text-align:left}
}

/* ════ ROADMAP PAGE ════ */
.rm-page{display:grid;gap:1.4rem}
.rm-hero{background:linear-gradient(135deg,#050d1a 0%,#0a1f3d 40%,#0d2d5a 70%,#102040 100%);border-radius:24px;padding:2rem 2.2rem;position:relative;overflow:hidden;color:#fff}
.rm-hero::before{content:'';position:absolute;inset:-40% 0 auto auto;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.25),transparent 60%);pointer-events:none}
.rm-hero::after{content:'';position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(34,211,238,.15),transparent 60%);pointer-events:none}
.rm-hero-grid{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;position:relative;z-index:1}
.rm-hero h2{font-size:clamp(1.8rem,3.5vw,3rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin:.4rem 0 .6rem}
.rm-hero h2 span{background:linear-gradient(90deg,#22d3ee,#818cf8,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.rm-hero p{color:rgba(255,255,255,.75);max-width:780px;font-size:.95rem;line-height:1.6}
.rm-hero-stats{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1.2rem}
.rm-hstat{text-align:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:.8rem 1.2rem;min-width:100px}
.rm-hstat b{display:block;font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#22d3ee,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.rm-hstat span{display:block;font-size:.68rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem}
.rm-badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.3rem .75rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.rm-badge.delivered{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.4);color:#34d399}
.rm-badge.indev{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.4);color:#60a5fa}
.rm-badge.planned{background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.4);color:#fbbf24}
.rm-badge.concept{background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.4);color:#c084fc}
.rm-badge.hot{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);color:#f87171}

/* Timeline Gantt */
.rm-gantt-wrap{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.2rem;box-shadow:0 8px 28px rgba(9,34,58,.07)}
.rm-gantt-head{display:grid;grid-template-columns:220px repeat(8,1fr);gap:.3rem;margin-bottom:.6rem}
.rm-gantt-head div{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#64748b;text-align:center;padding:.4rem .2rem;background:#f8fbff;border-radius:8px}
.rm-gantt-head .q-head{font-size:.7rem;font-weight:900;border-radius:8px;padding:.4rem}
.rm-gantt-head .q1-h{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8}
.rm-gantt-head .q2-h{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d}
.rm-gantt-head .q3-h{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#b45309}
.rm-gantt-head .q4-h{background:linear-gradient(135deg,#fdf4ff,#f3e8ff);color:#7e22ce}
.rm-gantt-row{display:grid;grid-template-columns:220px repeat(8,1fr);gap:.3rem;align-items:center;margin:.3rem 0}
.rm-gantt-label{font-size:.78rem;font-weight:800;color:var(--navy);padding:.3rem .5rem}
.rm-gantt-label small{display:block;font-size:.65rem;color:var(--muted);font-weight:500}
.rm-gantt-cell{height:32px;border-radius:8px;background:#f1f5f9}
.rm-gantt-cell.bar{display:flex;align-items:center;padding-left:.5rem;font-size:.65rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden}
.rm-gantt-cell.bar.q1{background:linear-gradient(90deg,#3b82f6,#60a5fa)}
.rm-gantt-cell.bar.q2{background:linear-gradient(90deg,#10b981,#34d399)}
.rm-gantt-cell.bar.q3{background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.rm-gantt-cell.bar.q4{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}
.rm-gantt-cell.bar.q12{background:linear-gradient(90deg,#3b82f6,#10b981)}
.rm-gantt-cell.bar.q23{background:linear-gradient(90deg,#10b981,#f59e0b)}
.rm-gantt-cell.bar.q34{background:linear-gradient(90deg,#f59e0b,#8b5cf6)}
.rm-gantt-cell.bar.done{background:linear-gradient(90deg,#22d3ee,#3b82f6);opacity:.9}
.rm-gantt-section{font-size:.68rem;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;grid-column:1/-1;padding:.5rem .5rem .2rem;border-top:1px solid var(--line);margin-top:.4rem}
.rm-gantt-section:first-child{border-top:none;margin-top:0}

/* Modules */
.rm-modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}
.rm-module-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 28px rgba(9,34,58,.07);display:flex;flex-direction:column;transition:.2s ease}
.rm-module-card:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(9,34,58,.12)}
.rm-module-top{padding:1.2rem 1.2rem .8rem;position:relative;overflow:hidden}
.rm-module-top::before{content:'';position:absolute;right:-30px;top:-30px;width:150px;height:150px;border-radius:50%;opacity:.15}
.rm-module-card.cti .rm-module-top{background:linear-gradient(135deg,#0f172a,#1e3a5f)}
.rm-module-card.cti .rm-module-top::before{background:#22d3ee}
.rm-module-card.supply .rm-module-top{background:linear-gradient(135deg,#1a0533,#3b0764)}
.rm-module-card.supply .rm-module-top::before{background:#c084fc}
.rm-module-card.ai .rm-module-top{background:linear-gradient(135deg,#0c1a0a,#14532d)}
.rm-module-card.ai .rm-module-top::before{background:#34d399}
.rm-module-card.ot .rm-module-top{background:linear-gradient(135deg,#1c0a00,#7c2d12)}
.rm-module-card.ot .rm-module-top::before{background:#fb923c}
.rm-module-card.privacy .rm-module-top{background:linear-gradient(135deg,#0c1445,#1e3a8a)}
.rm-module-card.privacy .rm-module-top::before{background:#818cf8}
.rm-module-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:.8rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15)}
.rm-module-top h3{color:#fff;font-size:1.05rem;margin:.2rem 0 .4rem}
.rm-module-top .rm-module-sub{color:rgba(255,255,255,.65);font-size:.78rem;line-height:1.5}
.rm-module-body{padding:1rem 1.2rem;flex:1;display:flex;flex-direction:column;gap:.7rem}
.rm-module-refs{display:flex;flex-wrap:wrap;gap:.3rem}
.rm-module-features{display:grid;gap:.35rem;flex:1}
.rm-feature{display:flex;align-items:flex-start;gap:.5rem;font-size:.78rem;color:var(--navy);line-height:1.4}
.rm-feature::before{content:'›';color:var(--blue);font-weight:900;flex-shrink:0;margin-top:.05rem}
.rm-module-footer{padding:.8rem 1.2rem;border-top:1px solid var(--line);background:#f8fbff;display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}
.rm-module-eta{font-size:.72rem;color:var(--muted);font-weight:700}

/* Platform evolution */
.rm-platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
.rm-plat-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 6px 20px rgba(9,34,58,.06)}
.rm-plat-top{padding:1rem 1.1rem .75rem;background:linear-gradient(135deg,#f0f7ff,#e8f3ff);border-bottom:1px solid var(--line);display:flex;gap:.75rem;align-items:flex-start}
.rm-plat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
.rm-plat-top h3{margin:.1rem 0 .2rem;color:var(--navy);font-size:.95rem}
.rm-plat-top p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.4}
.rm-plat-body{padding:.9rem 1.1rem;display:grid;gap:.45rem}
.rm-plat-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.78rem;color:var(--navy);line-height:1.4}
.rm-plat-item::before{content:'✓';color:#10b981;font-weight:900;flex-shrink:0}
.rm-plat-progress{margin:.6rem 0 .2rem;display:grid;gap:.3rem}
.rm-plat-bar-wrap{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;font-size:.68rem;color:var(--muted)}
.rm-plat-track{height:6px;background:#e8f1f9;border-radius:999px;overflow:hidden;margin-top:.25rem;grid-column:1/-1}
.rm-plat-fill{height:100%;border-radius:999px}

/* Deploy modes */
.rm-deploy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.rm-deploy-card{border-radius:22px;padding:1.2rem;border:1px solid var(--line);position:relative;overflow:hidden}
.rm-deploy-card.saas{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}
.rm-deploy-card.onprem{background:linear-gradient(135deg,#fdf4ff,#fae8ff);border-color:#e9d5ff}
.rm-deploy-card.hybrid{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}
.rm-deploy-icon{font-size:2.5rem;margin-bottom:.7rem}
.rm-deploy-card h3{font-size:1.05rem;color:var(--navy);margin:.2rem 0 .5rem}
.rm-deploy-card p{font-size:.8rem;color:var(--muted);line-height:1.5;margin:.3rem 0 .7rem}
.rm-deploy-tags{display:flex;flex-wrap:wrap;gap:.3rem}
.rm-deploy-tag{font-size:.65rem;font-weight:800;border-radius:999px;padding:.2rem .55rem;border:1px solid}
.rm-deploy-card.saas .rm-deploy-tag{background:rgba(14,165,233,.12);border-color:#7dd3fc;color:#0369a1}
.rm-deploy-card.onprem .rm-deploy-tag{background:rgba(168,85,247,.12);border-color:#d8b4fe;color:#7e22ce}
.rm-deploy-card.hybrid .rm-deploy-tag{background:rgba(16,185,129,.12);border-color:#6ee7b7;color:#065f46}
.rm-deploy-clients{margin-top:.7rem;font-size:.72rem;color:var(--muted);font-weight:700;border-top:1px solid rgba(0,0,0,.06);padding-top:.6rem}

/* Overrides for dark theme global */
@media screen{
  .rm-hero,.rm-hero h2,.rm-hero p,.rm-hero div,.rm-hero span,.rm-hero b,.rm-hero strong,.rm-hero small{color:inherit !important}
  .rm-hero h2 span{-webkit-text-fill-color:transparent !important}
  .rm-module-top,.rm-module-top h3,.rm-module-top .rm-module-sub,.rm-module-top div,.rm-module-top span,.rm-module-icon{color:inherit !important}
  .rm-module-top h3{color:#fff !important}
  .rm-module-top .rm-module-sub{color:rgba(255,255,255,.65) !important}
  .rm-hstat b{-webkit-text-fill-color:transparent !important}
  .rm-badge.delivered{color:#34d399 !important}
  .rm-badge.indev{color:#60a5fa !important}
  .rm-badge.planned{color:#fbbf24 !important}
  .rm-badge.concept{color:#c084fc !important}
  .rm-badge.hot{color:#f87171 !important}
  .rm-gantt-cell.bar{color:#fff !important}
  .rm-gantt-head .q1-h{color:#1d4ed8 !important}
  .rm-gantt-head .q2-h{color:#15803d !important}
  .rm-gantt-head .q3-h{color:#b45309 !important}
  .rm-gantt-head .q4-h{color:#7e22ce !important}
  @media(max-width:900px){
    .rm-deploy-grid{grid-template-columns:1fr}
    .rm-hero-grid{grid-template-columns:1fr}
  }
}

/* ── Valeur consultants enrichie ── */
.cv-big-hero{background:linear-gradient(135deg,#0a2540 0%,#0d3d6b 50%,#1a5c99 100%);color:#fff;border-radius:24px;padding:1.6rem 1.8rem;position:relative;overflow:hidden;margin-bottom:.2rem}
.cv-big-hero::before{content:'';position:absolute;inset:-60% 0 auto auto;width:480px;height:480px;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 60%);pointer-events:none}
.cv-big-hero::after{content:'';position:absolute;bottom:-60px;left:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(155,125,255,.18),transparent 60%);pointer-events:none}
.cv-big-hero .eyebrow{background:rgba(34,211,238,.18);border:1px solid rgba(34,211,238,.4);color:#67e8f9}
.cv-big-hero h2{font-size:clamp(1.5rem,3vw,2.4rem);margin:.4rem 0 .2rem;line-height:1.1}
.cv-big-hero p{color:rgba(255,255,255,.8);max-width:900px;font-size:.95rem}
.cv-headline-grid{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center;position:relative;z-index:1;flex-wrap:wrap}
.cv-headline-number{text-align:center}
.cv-headline-number .main-num{font-size:clamp(3.5rem,7vw,6rem);font-weight:900;line-height:1;color:#22d3ee;filter:drop-shadow(0 0 30px rgba(34,211,238,.5))}
.cv-headline-number .main-sub{font-size:.85rem;color:rgba(255,255,255,.7);letter-spacing:.1em;text-transform:uppercase}
.cv-headline-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.cv-hstat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:.9rem 1rem}
.cv-hstat b{display:block;font-size:1.6rem;color:#22d3ee;line-height:1}
.cv-hstat span{display:block;color:rgba(255,255,255,.7);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-top:.3rem}
.cv-hstat small{display:block;color:rgba(255,255,255,.5);font-size:.66rem;margin-top:.2rem}
.cv-assumptions{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.65rem 1rem;margin-top:.8rem;font-size:.75rem;color:rgba(255,255,255,.6);position:relative;z-index:1}
.cv-assumptions strong{color:rgba(255,255,255,.9)}
.cv-section-title{font-size:1.05rem;font-weight:900;color:var(--navy);margin:.2rem 0 .7rem}
.cv-section-sub{font-size:.8rem;color:var(--muted);margin-top:-.4rem;margin-bottom:.8rem}
.cv-3y-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:.2rem}
.cv-year-card{border-radius:20px;padding:1rem;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}
.cv-year-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}
.cv-year-card.y1::before{background:linear-gradient(90deg,#3b82f6,#22d3ee)}
.cv-year-card.y2::before{background:linear-gradient(90deg,#10b981,#3b82f6)}
.cv-year-card.y3::before{background:linear-gradient(90deg,#f59e0b,#10b981)}
.cv-year-card .year-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--muted);margin-bottom:.5rem}
.cv-year-card .year-gain{font-size:1.9rem;font-weight:900;line-height:1;color:var(--navy)}
.cv-year-card .year-gain span{font-size:.8rem;font-weight:700;color:var(--green);margin-left:.3rem}
.cv-year-card .year-staffing{margin-top:.5rem;font-size:.78rem;color:var(--muted)}
.cv-year-card .year-staffing strong{color:var(--navy)}
.cv-year-card .year-kpis{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.6rem}
.cv-year-kpi{background:#f5f9fd;border-radius:10px;padding:.5rem .6rem}
.cv-year-kpi b{display:block;font-size:.88rem;color:var(--blue);line-height:1}
.cv-year-kpi span{display:block;font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.1rem}
.cv-chart-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.cv-chart-row.tri{grid-template-columns:1.2fr .8fr .8fr}
.cv-chart-row.tri-equal{grid-template-columns:repeat(3,1fr)}
.cv-chart-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem;box-shadow:0 8px 24px rgba(9,34,58,.06)}
.cv-chart-card h3{margin:.05rem 0 .55rem;color:var(--navy);font-size:.92rem}
.cv-chart-card canvas{height:220px;max-height:220px!important;width:100%!important}
.cv-staffing-progress{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem;margin-bottom:.2rem}
.cv-staffing-bar-wrap{display:flex;flex-direction:column;gap:.5rem;margin:.7rem 0}
.cv-staffing-row{display:grid;grid-template-columns:90px 1fr 58px;gap:.55rem;align-items:center;font-size:.78rem}
.cv-staffing-track{height:18px;background:#e8f1f9;border-radius:999px;overflow:hidden;position:relative}
.cv-staffing-fill{height:100%;border-radius:999px;display:flex;align-items:center;padding-left:.5rem;font-size:.68rem;font-weight:800;color:#fff;white-space:nowrap;transition:width 1s ease}
.cv-staffing-fill.current{background:linear-gradient(90deg,#64748b,#94a3b8)}
.cv-staffing-fill.y1{background:linear-gradient(90deg,#3b82f6,#60a5fa)}
.cv-staffing-fill.y2{background:linear-gradient(90deg,#10b981,#34d399)}
.cv-staffing-fill.y3{background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.cv-intercontrat{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:.5rem 0}
.cv-ic-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:.9rem;box-shadow:0 6px 18px rgba(9,34,58,.06)}
.cv-ic-card h4{margin:0 0 .5rem;font-size:.88rem;color:var(--navy)}
.cv-ic-days{font-size:2.4rem;font-weight:900;line-height:1}
.cv-ic-days.bad{color:#df3f3f}
.cv-ic-days.good{color:#18a76d}
.cv-ic-meta{font-size:.76rem;color:var(--muted);margin-top:.3rem}
.cv-ic-visual{margin-top:.7rem;display:flex;gap:.3rem;flex-wrap:wrap}
.cv-ic-block{width:18px;height:18px;border-radius:4px}
.cv-ic-block.billed{background:#1d6fb8}
.cv-ic-block.bench{background:#df3f3f}
.cv-ic-block.bench-target{background:#f3c2c2}
.cv-ic-legend{display:flex;gap:.8rem;margin-top:.4rem;font-size:.68rem;color:var(--muted);flex-wrap:wrap}
.cv-ic-legend span{display:flex;align-items:center;gap:.3rem}
.cv-ic-legend i{display:inline-block;width:10px;height:10px;border-radius:2px}
.cv-waterfall{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem;margin:.5rem 0}
.cv-waterfall h3{margin:.05rem 0 .75rem;color:var(--navy);font-size:.92rem}
.cv-wf-item{display:grid;grid-template-columns:160px 1fr 90px;gap:.55rem;align-items:center;margin:.4rem 0;font-size:.8rem}
.cv-wf-label{font-weight:700;color:var(--navy)}
.cv-wf-track{height:22px;background:#f0f7ff;border-radius:8px;overflow:hidden}
.cv-wf-bar{height:100%;border-radius:8px;display:flex;align-items:center;padding-left:.5rem;font-size:.68rem;font-weight:800;color:#fff;white-space:nowrap}
.cv-wf-value{text-align:right;font-weight:900;color:var(--navy)}
.cv-wf-total{border-top:2px solid var(--blue);margin-top:.55rem;padding-top:.55rem}
.cv-wf-total .cv-wf-label{color:var(--blue)}
.cv-wf-total .cv-wf-value{color:var(--blue);font-size:1.05rem}
.cv-params-grid{display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));gap:.6rem}
.cv-params-grid .field{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.6rem}
.cv-params-grid input{border:0;background:#f5f9fd;border-radius:10px;padding:.45rem;font-weight:900;color:var(--navy);width:100%}
/* CV_HERO_CONTRASTE_FIX — bandeau Valeur consultants : texte blanc sur fond bleu foncé */
@media screen{
  .cv-big-hero,.cv-big-hero h2,.cv-big-hero h3,.cv-big-hero p,.cv-big-hero div,.cv-big-hero span,.cv-big-hero b,.cv-big-hero strong,.cv-big-hero small{color:#fff !important;}
  .cv-big-hero .main-num,.cv-big-hero .cv-hstat b{color:#22d3ee !important;filter:drop-shadow(0 0 20px rgba(34,211,238,.4));}
  .cv-big-hero .main-sub,.cv-big-hero .cv-hstat span{color:rgba(255,255,255,.75) !important;}
  .cv-big-hero .cv-hstat small,.cv-big-hero .cv-assumptions{color:rgba(255,255,255,.6) !important;}
  .cv-big-hero .cv-assumptions strong{color:rgba(255,255,255,.92) !important;}
  .cv-big-hero .eyebrow{color:#67e8f9 !important;background:rgba(34,211,238,.18) !important;border-color:rgba(34,211,238,.4) !important;}
}
/* FIN_CV_HERO_CONTRASTE_FIX */

/* RM_CONTRASTE_FIX — lisibilité complète de la page Roadmap */
@media screen{
  /* Hero dark */
  .rm-hero{color:#fff !important}
  .rm-hero h2,.rm-hero p,.rm-hero div,.rm-hero span,.rm-hero b,.rm-hero strong,.rm-hero small{color:#fff !important}
  .rm-hero h2 span{color:transparent !important;-webkit-text-fill-color:transparent !important}
  .rm-hstat b{color:transparent !important;-webkit-text-fill-color:transparent !important}
  .rm-hstat span{color:rgba(255,255,255,.6) !important}
  /* Badges */
  .rm-badge{background:inherit}
  .rm-badge.delivered{color:#34d399 !important}
  .rm-badge.indev{color:#60a5fa !important}
  .rm-badge.planned{color:#fbbf24 !important}
  .rm-badge.concept{color:#c084fc !important}
  .rm-badge.hot{color:#f87171 !important}
  /* Gantt — fond blanc, texte foncé */
  .rm-gantt-wrap{background:#fff !important;color:#102a43 !important}
  .rm-gantt-wrap div,.rm-gantt-wrap span,.rm-gantt-wrap b,.rm-gantt-wrap small{color:#102a43 !important}
  .rm-gantt-head .q1-h,.rm-gantt-head .q1-h *{color:#1d4ed8 !important}
  .rm-gantt-head .q2-h,.rm-gantt-head .q2-h *{color:#15803d !important}
  .rm-gantt-head .q3-h,.rm-gantt-head .q3-h *{color:#b45309 !important}
  .rm-gantt-head .q4-h,.rm-gantt-head .q4-h *{color:#7e22ce !important}
  .rm-gantt-cell.bar,.rm-gantt-cell.bar *,.rm-gantt-cell.bar b,.rm-gantt-cell.bar span{color:#fff !important}
  .rm-gantt-section{color:#64748b !important}
  .rm-gantt-label{color:#102a43 !important}
  .rm-gantt-label small{color:#64748b !important}
  /* Module cards — top dark, body white */
  .rm-module-top,.rm-module-top h3,.rm-module-top div,.rm-module-top span,.rm-module-top b,.rm-module-top small{color:#fff !important}
  .rm-module-top .rm-module-sub{color:rgba(255,255,255,.7) !important}
  .rm-module-icon{color:#fff !important}
  .rm-module-body,.rm-module-body div,.rm-module-body span,.rm-module-body b,.rm-module-body small{color:#102a43 !important}
  .rm-feature,.rm-feature *{color:#102a43 !important}
  .rm-module-footer,.rm-module-footer *{color:#102a43 !important}
  .rm-module-eta{color:#64748b !important}
  /* Platform cards */
  .rm-plat-card{background:#fff !important}
  .rm-plat-top{background:linear-gradient(135deg,#f0f7ff,#e8f3ff) !important}
  .rm-plat-top h3,.rm-plat-top p,.rm-plat-top div,.rm-plat-top span{color:#102a43 !important}
  .rm-plat-top p{color:#64748b !important}
  .rm-plat-body,.rm-plat-body div,.rm-plat-body span,.rm-plat-body b,.rm-plat-body small{color:#102a43 !important}
  .rm-plat-item,.rm-plat-item *{color:#102a43 !important}
  .rm-plat-bar-wrap,.rm-plat-bar-wrap *{color:#64748b !important}
  /* Deploy cards */
  .rm-deploy-card h3,.rm-deploy-card p,.rm-deploy-card div,.rm-deploy-card span,.rm-deploy-card b{color:#102a43 !important}
  .rm-deploy-card p{color:#475569 !important}
  .rm-deploy-clients{color:#64748b !important}
  .rm-deploy-card.saas .rm-deploy-tag{color:#0369a1 !important}
  .rm-deploy-card.onprem .rm-deploy-tag{color:#7e22ce !important}
  .rm-deploy-card.hybrid .rm-deploy-tag{color:#065f46 !important}
  /* Section titles */
  .rm-page .cv-section-title{color:#0d2d4a !important}
  .rm-page .cv-section-sub{color:#64748b !important}
}
/* FIN_RM_CONTRASTE_FIX */

@media(max-width:1100px){
  .cv-headline-grid{grid-template-columns:1fr}
  .cv-3y-grid{grid-template-columns:1fr}
  .cv-chart-row,.cv-chart-row.tri,.cv-chart-row.tri-equal,.cv-intercontrat{grid-template-columns:1fr}
  .cv-params-grid{grid-template-columns:repeat(2,1fr)}
  .cv-headline-stats{grid-template-columns:1fr 1fr}
}



/* HERO_CONTRASTE_FIX — fond foncé + texte lisible blanc */
@media screen{
  .hero{
    background:linear-gradient(135deg,#0d2d4a 0%,#153f65 55%,#1a5280 100%) !important;
    border-color:rgba(255,255,255,.15) !important;
    color:#f0f7ff !important;
  }
  .hero h1,.hero p{color:#f0f7ff !important;}
  .hero p{color:rgba(240,247,255,.85) !important;}
  .hero .eyebrow{background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.22) !important;color:#cde8ff !important;}
  .hero .chip.dark{background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.28) !important;color:#e8f6ff !important;}
  .hero .btn.secondary{background:rgba(255,255,255,.10) !important;border-color:rgba(255,255,255,.30) !important;color:#e8f6ff !important;}
  .hero .btn.primary{background:linear-gradient(135deg,#22d3ee,#35a0e6) !important;color:#05233a !important;}
  .hero .btn.light{background:#fff !important;color:#0d3558 !important;}
}
/* FIN_HERO_CONTRASTE_FIX */



/* TABLES_HEADER_NAVY_FIX — restaurer le fond foncé sur les en-têtes de tableaux */
@media screen{
  .client-table th,.client-table thead,
  .program-table th,.program-table thead,
  .offer-preview th,.offer-preview thead{
    background:linear-gradient(135deg,#0d2d4a,#1a4f7a) !important;
    color:#ffffff !important;
    border-color:#0d2d4a !important;
  }
}
/* FIN_TABLES_HEADER_NAVY_FIX */

/* DEMO_DARK_CONTRASTE_FIX — texte blanc sur fonds foncés de la Démo Client et Valeur Consultants */
@media screen{
  /* ── Panneau Comex (partie droite Démo Client) ── */
  .comex-panel{
    background:linear-gradient(135deg,#102f4a,#1c5b7a) !important;
    color:#ffffff !important;
  }
  .comex-panel h3,.comex-panel h2,.comex-panel h1,
  .comex-panel p,.comex-panel span,.comex-panel div,
  .comex-panel strong,.comex-panel b,.comex-panel small,
  .comex-panel .comex-value,.comex-panel .demo-kpis{
    color:#ffffff !important;
  }
  /* KPIs dans le panneau comex */
  .comex-panel .demo-kpi{
    background:rgba(255,255,255,.12) !important;
    border-color:rgba(255,255,255,.2) !important;
  }
  .comex-panel .demo-kpi strong{ color:#22d3ee !important; }
  .comex-panel .demo-kpi span{ color:rgba(255,255,255,.75) !important; }
  /* Timeline dans le panneau comex */
  .comex-panel .timeline-row strong{ color:#ffffff !important; }
  .comex-panel .timeline-row span{ color:rgba(255,255,255,.8) !important; }
  /* Module pills actifs */
  .module-pill.active{
    background:#153b5b !important;
    color:#ffffff !important;
    border-color:#153b5b !important;
  }
  /* ── Bannière Valeur Consultants ── */
  .consultants-hero{
    background:linear-gradient(135deg,#0d3558,#155d8f) !important;
    color:#ffffff !important;
  }
  .consultants-hero h1,.consultants-hero h2,.consultants-hero h3,
  .consultants-hero p,.consultants-hero span,.consultants-hero strong,.consultants-hero b{
    color:#ffffff !important;
  }
  .consultants-hero p{ color:rgba(255,255,255,.85) !important; }
  .consultants-hero .eyebrow{ color:#cce8ff !important; }
}
/* FIN_DEMO_DARK_CONTRASTE_FIX */

/* VUE_COMEX_CONTRASTE_FIX — lisibilité complète du tableau de bord exécutif */
@media screen{
  /* ── Executive card dark : fond marine, tout en clair ── */
  .executive-card.dark{
    background:linear-gradient(135deg,#08243d,#0d416e) !important;
    color:#e8f4ff !important;
    border-color:rgba(255,255,255,.15) !important;
  }
  .executive-card.dark div,.executive-card.dark p,.executive-card.dark span,
  .executive-card.dark h1,.executive-card.dark h2,.executive-card.dark h3,
  .executive-card.dark strong,.executive-card.dark b,.executive-card.dark small,
  .executive-card.dark .hd,.executive-card.dark .bd,.executive-card.dark .northstar,
  .executive-card.dark .muted,.executive-card.dark .compliance-strip{
    color:#e8f4ff !important;
  }
  .executive-card.dark .chip.dark{
    background:rgba(255,255,255,.14) !important;
    border-color:rgba(255,255,255,.3) !important;
    color:#dff7ff !important;
  }
  /* ── Executive card claire : fond blanc, texte foncé ── */
  .executive-card:not(.dark){
    background:#fff !important;
    color:#102a43 !important;
  }
  .executive-card:not(.dark) div,.executive-card:not(.dark) p,
  .executive-card:not(.dark) span,.executive-card:not(.dark) b,
  .executive-card:not(.dark) strong,.executive-card:not(.dark) .hd{
    color:#102a43 !important;
  }
  .executive-card:not(.dark) .muted,.executive-card:not(.dark) .bar-row{
    color:#3d5872 !important;
  }
  .bar-shell{background:#e8f1f9 !important;}
  .bar-fill{background:linear-gradient(90deg,#1d6fb8,#22d3ee) !important;}
  /* ── Scoreboard ── */
  .score{
    background:linear-gradient(135deg,#ffffff,#f3f9ff) !important;
    color:#102a43 !important;
    border-color:#d7e6f3 !important;
  }
  .score .num{color:#1d6fb8 !important;}
  .score .lbl,.score .hint{color:#3d5872 !important;}
  /* ── Onglet actif : fond navy, texte blanc ── */
  .tab.active{
    background:linear-gradient(135deg,#0d3558,#1d6fb8) !important;
    color:#ffffff !important;
    border-color:transparent !important;
  }
  /* ── Roadmaps ── */
  .roadmap{background:#fff !important;color:#102a43 !important;}
  .roadmap .top{background:linear-gradient(135deg,#f7fbff,#e9f6ff) !important;color:#102a43 !important;}
  .roadmap h3,.roadmap .when,.roadmap b,.roadmap span{color:#102a43 !important;}
  .roadmap .when{color:#1d6fb8 !important;}
  /* ── Chronogramme ── */
  .chrono-scenario{background:linear-gradient(135deg,#fff,#f8fbff) !important;color:#102a43 !important;}
  .chrono-scenario h3,.chrono-scenario .chrono-label b{color:#0d3558 !important;}
  .chrono-scenario .chrono-label span{color:#3d5872 !important;}
  .chrono-bar.progressive,.chrono-bar.accelerated{color:#ffffff !important;}
  .chrono-bar.progressive b,.chrono-bar.progressive span,
  .chrono-bar.accelerated b,.chrono-bar.accelerated span{color:#ffffff !important;}
  .chrono-kpi{background:#fff !important;color:#102a43 !important;}
  .chrono-kpi b{color:#0d3558 !important;}
  .chrono-kpi span{color:#3d5872 !important;}
  /* ── Radar axes ── */
  .radar-axis{color:#0d3558 !important;}
  /* ── Couverture ── */
  .coverage{background:#fff !important;color:#102a43 !important;}
  .coverage h4,.coverage span,.coverage small{color:#102a43 !important;}
}
/* FIN_VUE_COMEX_CONTRASTE_FIX */

/* AUTH_YOARA_START — authentification session et filtrage des rôles */
.auth-gate{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:radial-gradient(circle at 20% 10%,rgba(34,211,238,.28),transparent 32%),linear-gradient(135deg,#061829,#09223a);}
.auth-gate[hidden]{display:none!important}.auth-card{width:min(520px,100%);background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.55);border-radius:26px;box-shadow:0 26px 80px rgba(0,0,0,.34);overflow:hidden}.auth-card-head{padding:1.35rem 1.45rem;background:linear-gradient(135deg,#ffffff,#eef8ff);border-bottom:1px solid var(--line)}.auth-card-head img{height:72px;max-width:260px;object-fit:contain;display:block;margin-bottom:.6rem}.auth-card-head h2{margin:.1rem 0;color:var(--navy);letter-spacing:-.03em}.auth-card-head p{margin:.25rem 0;color:var(--muted);font-size:.86rem}.auth-card-body{padding:1.2rem 1.45rem;display:grid;gap:.85rem}.auth-error{display:none;border:1px solid #f0b8b8;background:#fff0f0;color:#a32626;border-radius:12px;padding:.7rem;font-size:.82rem;font-weight:800}.auth-error.visible{display:block}.auth-userbar{display:none;align-items:center;gap:.55rem;margin-left:auto;border-left:1px solid var(--line);padding-left:.7rem}.hero-toolbar .auth-userbar{margin-left:0;border-left:0;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:999px;padding:.35rem .45rem .35rem .75rem;box-shadow:0 10px 24px rgba(9,34,58,.12)}.auth-userbar.visible{display:flex}.auth-user-badge{display:flex;flex-direction:column;gap:.05rem;font-size:.72rem;color:var(--muted);font-weight:800;line-height:1.15}.auth-user-badge strong{color:var(--navy);font-size:.78rem}.auth-hidden{display:none!important}.auth-locked{filter:blur(2px);pointer-events:none;user-select:none}.auth-note{font-size:.72rem;color:var(--soft);line-height:1.35}.logout-btn{padding:.55rem .75rem;font-size:.75rem}
/* AUTH_YOARA_END */



/* YOARA_TRAINING_TAB — parcours e-learning, suivi et quiz */
.training-shell{display:grid;gap:1rem}.training-hero{background:linear-gradient(135deg,#0d3558,#17649a);color:#fff;border-radius:24px;padding:1.15rem;box-shadow:var(--shadow)}.training-hero h2{margin:.2rem 0 .35rem;font-size:1.5rem;color:#fff}.training-hero p{margin:.15rem 0;color:rgba(255,255,255,.84);max-width:980px}.training-stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:.75rem}.training-stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:.85rem;box-shadow:0 12px 28px rgba(8,30,52,.07)}.training-stat b{display:block;color:#153b5b;font-size:1.45rem}.training-stat span{display:block;color:#60798c;font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.training-progress-track{height:16px;border-radius:999px;background:#e7eef4;overflow:hidden}.training-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#1d6fb8,#22d3ee);border-radius:999px}.training-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.48fr);gap:1rem;align-items:start}.training-modules{display:grid;gap:.85rem}.training-module{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem;box-shadow:0 12px 30px rgba(8,30,52,.07)}.training-module.done{border-color:#bfe8d4;background:linear-gradient(135deg,#ffffff,#f2fbf8)}.training-module h3{margin:.1rem 0 .4rem;color:#153b5b}.training-module p{color:#49677b;line-height:1.5;margin:.25rem 0}.training-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.55rem 0}.training-tags span{border:1px solid rgba(29,111,184,.16);background:#eaf5ff;color:#155a96;border-radius:999px;padding:.18rem .48rem;font-size:.7rem;font-weight:850}.training-lesson{background:#f6f9fc;border:1px solid #dbe6ef;border-radius:16px;padding:.75rem;margin:.65rem 0;color:#28445d}.training-quiz{display:grid;gap:.65rem;margin-top:.75rem}.training-question{border:1px solid #dbe6ef;border-radius:16px;padding:.75rem;background:#fff}.training-question strong{display:block;color:#153b5b;margin-bottom:.45rem}.training-question label{display:flex;gap:.45rem;align-items:flex-start;margin:.35rem 0;color:#28445d}.training-question input{margin-top:.18rem}.training-module-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin-top:.75rem}.training-score{font-weight:900;color:#153b5b}.training-score.pass{color:#1f9d72}.training-score.fail{color:#c05621}.training-side{display:grid;gap:1rem}.training-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem;box-shadow:0 12px 30px rgba(8,30,52,.07)}.training-panel h3{margin:.05rem 0 .55rem;color:#153b5b}.training-certificate-list{display:grid;gap:.5rem}.training-certificate-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;border-bottom:1px solid var(--line);padding:.45rem 0}.training-certificate-row:last-child{border-bottom:0}.training-certificate-row span{color:#49677b;font-size:.86rem}.training-status{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.22rem .55rem;font-size:.72rem;font-weight:900}.training-status.ok{background:#eefbf5;color:#12633f}.training-status.todo{background:#fff8eb;color:#8a570e}.training-reset{margin-left:auto}@media(max-width:1050px){.training-grid{grid-template-columns:1fr}.training-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.training-stats{grid-template-columns:1fr}.training-certificate-row{grid-template-columns:1fr}.training-reset{margin-left:0}}



/* FIN_YOARA_TRAINING_TAB */

/* YOARA i18n — sélecteur HOMOLOGATION-FR */
.homologation-lang{position:absolute;right:1.1rem;bottom:1rem;z-index:4;display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.92);padding:8px 10px;border:1px solid rgba(215,230,243,.78);border-radius:12px;box-shadow:0 10px 24px rgba(15,23,42,.12);backdrop-filter:blur(10px);direction:ltr}
.homologation-lang label{font-size:12px;color:#0d3558;font-weight:900;letter-spacing:.02em}
.homologation-lang select{border:0;border-radius:10px;padding:7px 10px;background:#fff;color:#0f172a;font-weight:700;cursor:pointer;outline:none}
.homologation-lang select:focus{box-shadow:0 0 0 3px rgba(37,99,235,.22)}
body[dir="rtl"]{direction:rtl}body[dir="rtl"] .homologation-lang{right:auto;left:1.1rem}
@media(max-width:720px){.homologation-lang{position:relative;right:auto;bottom:auto;left:auto;margin-top:.75rem;width:max-content;max-width:100%;flex-wrap:wrap}body[dir="rtl"] .homologation-lang{right:auto;left:auto}}