/* LANDING V5 and the SOLUTION pages (TASK-049) : the sections' design system, the Solutions mega menu, the feature-page
   template and its infographics. Source of the copy and the markup : modules/landing_v5/. */

/* ---- sections : one design system (light / dark) ---- */
/* ONE design system for every v5 section (operator 2026-10-19) : two section tones only, light (grey or white) and
   dark (the hub's own navy, so the integrations hub merges into its section) ; each text and control takes the colour
   of ITS background ; one spacing scale between the head, the controls, the visual and the caption */
.lv5{--navy:#0b1530;--acc:#2B7AE4;--sky:#84c3ff;--grey:#f5f6f8;--muted:#4b5563;--line:rgba(17,24,39,.08);
  --dark-bg:radial-gradient(1200px 700px at 82% 0%,rgba(43,122,228,.38),rgba(43,122,228,0) 60%),radial-gradient(900px 600px at 8% 100%,rgba(132,195,255,.12),rgba(132,195,255,0) 60%),linear-gradient(135deg,#16213e 0%,#22305a 55%,#203a70 100%);
  --dark-ink:#fff;--dark-muted:#b8c3da;--dark-line:rgba(132,195,255,.18);
  --gap-head:44px;--gap-bar:16px;--gap-cap:14px;--gap-more:22px}
.lv5-sec{position:relative;padding:112px 0}
.lv5-sec.grey{background:var(--grey)}.lv5-sec.white{background:#fff}
.lv5-sec.dark{background:var(--dark-bg);color:var(--dark-ink)}
.lv5-in{max-width:1200px;margin:0 auto;padding:0 32px}
.lv5-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.lv5-eyebrow{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.lv5-eyebrow b{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-weight:500;letter-spacing:0;font-size:11px;padding:3px 7px;border-radius:6px;background:rgba(43,122,228,.1)}
.dark .lv5-eyebrow{color:var(--sky)}.dark .lv5-eyebrow b{background:rgba(132,195,255,.14)}
.lv5-h2{margin:16px 0 0;font-size:40px;line-height:1.12;font-weight:700;letter-spacing:-.028em;color:var(--navy);text-wrap:balance}
.lv5-h2 em{font-style:normal;color:var(--acc)}
.dark .lv5-h2{color:var(--dark-ink)}.dark .lv5-h2 em{color:var(--sky)}
.lv5-lede{margin:30px 0 0;font-size:17px;line-height:1.6;color:var(--muted)}
.dark .lv5-lede{color:var(--dark-muted)}
.lv5-proof{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}
.lv5-proof li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:15px;line-height:1.5;color:var(--muted)}
.lv5-proof li b{color:var(--navy);font-weight:600}
.dark .lv5-proof li{color:var(--dark-muted)}.dark .lv5-proof li b{color:var(--dark-ink)}
.lv5-proof i{color:var(--acc);margin-top:4px}.dark .lv5-proof i{color:var(--sky)}
/* the controls row, then the visual : the same rhythm in every section, with or without controls */
.lv5-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:var(--gap-head) 0 var(--gap-bar)}
.lv5-head+.lv5-scroll{margin-top:var(--gap-head)}
.lv5-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:rgba(11,21,48,.06)}
.dark .lv5-tabs{background:rgba(255,255,255,.08)}
.lv5-tabs button{border:0;background:none;color:var(--muted);padding:8px 12px;border-radius:9px;cursor:pointer;font:600 13px/1 inherit;font-family:inherit}
.dark .lv5-tabs button{color:var(--dark-muted)}
.lv5-tabs button:hover{background:rgba(255,255,255,.7);color:var(--navy)}
.dark .lv5-tabs button:hover{background:rgba(255,255,255,.12);color:#fff}
.lv5-tabs button.on{background:#fff;color:var(--navy);box-shadow:0 2px 8px -3px rgba(11,21,48,.3)}
.lv5-tabs button:focus-visible,.lv5-chips button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.dark .lv5-tabs button:focus-visible,.dark .lv5-chips button:focus-visible{outline-color:var(--sky)}
.lv5-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.dark .lv5-chips{color:var(--dark-muted)}
.lv5-chips button{border:1px solid rgba(17,24,39,.12);background:#fff;color:#374151;border-radius:999px;padding:7px 13px;font:500 13px/1 inherit;font-family:inherit;cursor:pointer}
.lv5-chips button:hover{border-color:rgba(17,24,39,.28)}
.lv5-chips button.on{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 6px 14px -8px rgba(43,122,228,.7)}
.dark .lv5-chips button{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#dbe4f3}
.dark .lv5-chips button:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.dark .lv5-chips button.on{background:#fff;border-color:#fff;color:var(--navy)}
/* the visual : a light card on a light section, the same light card on a dark one (the app is light) ; a stage
   marked .merge has no card at all and blends into its dark section (the integrations hub) */
.lv5-stage{position:relative;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 30px 70px -36px rgba(11,21,48,.45),0 0 0 1px var(--line)}
.dark .lv5-stage{box-shadow:0 40px 90px -40px rgba(0,0,0,.65),0 0 0 1px var(--dark-line)}
.lv5-stage.merge,.dark .lv5-stage.merge{background:none;box-shadow:none;border-radius:0;overflow:visible}
.lv5-stage>.v{display:none}.lv5-stage>.v.on{display:block}
.lv5-player{width:100%;aspect-ratio:16/9}
/* the screens are never interactive (operator 2026-10-19) : nothing in a visual reacts to a click or a key */
.lv5-player,.lv5-player *{pointer-events:none !important;user-select:none !important}
.lv5-radar{aspect-ratio:16/9;display:grid;place-items:center;background:radial-gradient(ellipse at center,#16213e 0%,#0b1530 70%)}
.lv5-radar .v2-fwr-screen{width:min(560px,80%);margin:0 auto}
.lv5-radar-empty{color:var(--dark-muted);font-size:15px;text-align:center;padding:24px}
.lv5-cap{margin:var(--gap-cap) 2px 0;font-size:13px;line-height:1.5;color:#6b7280}
.dark .lv5-cap{color:#93a1bd}
.lv5-more{display:inline-flex;align-items:center;gap:8px;margin-top:var(--gap-more);font-size:14px;font-weight:600;color:var(--acc);text-decoration:none}
.lv5-more:hover{text-decoration:underline;text-underline-offset:3px}
.dark .lv5-more{color:var(--sky)}
/* responsive : the visuals are real app screens laid out at desktop size ; under 760 px they keep a readable scale
   inside their own horizontal scroller (the page itself never scrolls sideways) */
.lv5-swipe{display:none}
@media (max-width:1100px){.lv5-in{padding:0 24px}}
@media (max-width:960px){.lv5{--gap-head:32px}.lv5-head{grid-template-columns:1fr;gap:0}.lv5-h2{font-size:32px}.lv5-lede{margin-top:20px}.lv5-sec{padding:88px 0}}
@media (max-width:760px){
  .lv5-chips{font-size:0}.lv5-chips button{font-size:13px}
  .lv5-scroll{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px 6px}
  .lv5-scroll>.lv5-stage{width:760px}
  .lv5-scroll.wide>.lv5-stage{width:900px}
  .lv5-swipe{display:flex;align-items:center;gap:8px;margin:10px 2px 0;font-size:12.5px;color:#6b7280}.dark .lv5-swipe{color:#93a1bd}
  .lv5-bar{flex-direction:column;align-items:flex-start}
  .lv5-chips{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:4px}
  .lv5-chips button{flex:none}
  .lv5-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%}
  .lv5-tabs button{flex:none}
}
@media (max-width:600px){.lv5-in{padding:0 16px}.lv5-sec{padding:72px 0}.lv5-h2{font-size:28px}.lv5-lede{font-size:16px}}

/* ---- the feature pages ---- */
.fp-page[hidden]{display:none}
.lv5-player,.lv5-player *{pointer-events:none !important;user-select:none !important}
/* the one exception : the calendar's dots answer the mouse (a hover shows the deadline's card) */
.lv5-player[data-hover] [data-vl^="tl-dot-"]{pointer-events:auto !important;cursor:default}
.fp-hero{padding-top:168px}
.fp-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 30px;font-size:13px;color:#6b7280}
.fp-crumb i{font-size:9px;color:#9aa3b0}.fp-crumb b{color:#0b1530;font-weight:600}
.lv5-eyebrow>i{font-size:12px}
.fp-h1{font-size:46px;margin-top:16px}
.fp-h2c{max-width:760px}
.fp-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.fp-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:12px;background:#0b1530;color:#fff;font-weight:600;font-size:15px;text-decoration:none;border:1px solid #0b1530}
.fp-btn:hover{background:#1c2a52}
.fp-btn.ghost{background:#fff;color:#0b1530;border-color:rgba(17,24,39,.16)}.fp-btn.ghost:hover{border-color:rgba(17,24,39,.35)}
.fp-proof{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:44px 0 0;padding:0}
.fp-proof li{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:14px;padding:16px 18px;display:grid;gap:2px}
.fp-proof b{font-size:24px;font-weight:700;letter-spacing:-.02em;color:#0b1530}.fp-proof span{font-size:13.5px;color:#5b6370}
.fp-gap{height:var(--gap-head)}
/* benefits (dark section, light cards) */
.fp-bens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:var(--gap-head)}
.fp-ben{background:#fff;border-radius:18px;padding:16px 16px 22px;color:#0b1530;box-shadow:0 30px 60px -36px rgba(0,0,0,.6)}
.fp-ben h3{margin:20px 6px 0;font-size:19px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.fp-ben p{margin:8px 6px 0;font-size:14.5px;line-height:1.55;color:#4b5563}
.fp-feat{display:inline-flex;align-items:center;gap:8px;margin:16px 6px 0;padding:6px 10px;border-radius:8px;background:#f1f5fb;font-size:12.5px;font-weight:600;color:#1d5fbf}
/* the sector case */
.fp-cases{margin-top:0}
.fp-case{display:none;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}
.fp-case.on{display:grid}
.fp-pub{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:18px;padding:22px;box-shadow:0 24px 50px -34px rgba(11,21,48,.4)}
.fp-pub-h{display:flex;align-items:center;gap:12px}
.fp-pub-h img{height:34px;max-width:120px;object-fit:contain}.fp-pub-h .fi{width:34px;height:24px;border-radius:4px;background-size:cover}
.fp-pub-h span{display:grid}.fp-pub-h b{font-size:14px;color:#0b1530}.fp-pub-h em{font-style:normal;font-size:12.5px;color:#6b7280}
.fp-pub p{margin:16px 0 14px;font-size:18px;line-height:1.35;font-weight:700;color:#0b1530;letter-spacing:-.01em}
.fp-kw{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid #dfe5ee;font-size:13px;font-weight:600;color:#0b1530}
.fp-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fp-step{position:relative;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:16px;padding:16px 18px 16px 18px;display:grid;gap:4px}
.fp-step-n{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#2B7AE4}
.fp-step b{font-size:16px;line-height:1.4;color:#0b1530}.fp-step p{margin:0;font-size:14px;line-height:1.5;color:#5b6370}
.fp-step:nth-child(1){border-left:3px solid #6fa9ee}.fp-step:nth-child(2){border-left:3px solid #2B7AE4}.fp-step:nth-child(3){border-left:3px solid #163d86}
.fp-step.is-old b{color:#8a94a3;text-decoration:line-through;text-decoration-color:#e5484d}
.fp-step.is-new b{background:#e8f6ee;border-radius:6px;padding:2px 6px;justify-self:start}
.fp-step.is-ok .fp-step-n,.fp-step.is-an .fp-step-n{color:#0b1530}
.fp-step.is-ok b{color:#15803d}.fp-step.is-an b{color:#b45309}
/* how it works */
.fp-how{margin-top:var(--gap-head)}
.fp-how-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--gap-bar)}
.fp-how-tabs button{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(17,24,39,.12);background:#fff;color:#374151;border-radius:12px;padding:10px 14px;font:600 14px/1 inherit;font-family:inherit;cursor:pointer}
.fp-how-tabs button span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#eef3fc;color:#2B7AE4;font-size:12px}
.fp-how-tabs button.on{background:#0b1530;border-color:#0b1530;color:#fff}.fp-how-tabs button.on span{background:#2B7AE4;color:#fff}
.fp-how-v{display:none}.fp-how-v.on{display:block}
.fp-how-d{margin:0 2px 14px;font-size:15px;color:#4b5563}
/* included */
.fp-inc{list-style:none;margin:var(--gap-head) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fp-inc li{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:16px;padding:20px;display:grid;grid-template-columns:38px 1fr;column-gap:14px;row-gap:3px}
.fp-inc i{grid-row:span 2;width:38px;height:38px;border-radius:11px;background:#eef3fc;color:#2B7AE4;display:grid;place-items:center;font-size:15px}
.fp-inc b{font-size:15px;color:#0b1530}.fp-inc span{font-size:13.5px;line-height:1.45;color:#5b6370}
/* next modules (dark) */
.fp-nexts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:var(--gap-head)}
.fp-next{display:grid;gap:6px;padding:22px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(132,195,255,.2);text-decoration:none;color:#fff;transition:background .2s,border-color .2s}
.fp-next:hover{background:rgba(255,255,255,.1);border-color:rgba(132,195,255,.45)}
.fp-next>i{width:40px;height:40px;border-radius:12px;background:rgba(132,195,255,.16);color:#84c3ff;display:grid;place-items:center;font-size:16px;margin-bottom:8px}
.fp-next b{font-size:17px}.fp-next span{font-size:14px;color:#b8c3da;line-height:1.5}
.fp-next em{font-style:normal;margin-top:8px;font-size:13.5px;font-weight:600;color:#84c3ff;display:inline-flex;gap:8px;align-items:center}
/* faq */
.fp-faq-in{max-width:880px}
.fp-faqs{margin-top:var(--gap-head);border-top:1px solid #e5e9f0}
.fp-faq{border-bottom:1px solid #e5e9f0}
.fp-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 2px;font-size:17px;font-weight:600;color:#0b1530;cursor:pointer}
.fp-faq summary::-webkit-details-marker{display:none}
.fp-faq summary i{color:#2B7AE4;transition:transform .25s}.fp-faq[open] summary i{transform:rotate(45deg)}
.fp-faq p{margin:0 2px 20px;font-size:15.5px;line-height:1.6;color:#4b5563}
.fp-toast{position:fixed;left:50%;top:132px;translate:-50% 0;z-index:9500;background:#0b1530;color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);opacity:0;transition:opacity .3s;pointer-events:none}
.fp-toast.on{opacity:1}

/* ---- infographics : the app's shapes, a slow wave rhythm ---- */
.ig{position:relative;height:216px;border-radius:14px;background:#f5f7fb;border:1px solid #e6ebf2;overflow:hidden;display:grid;place-items:center;padding:16px}
.ig-card{background:#fff;border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 8px 20px -12px rgba(15,23,42,.18)}
.ig-dot{display:inline-block;width:8px;height:8px;border-radius:4px;flex:none}.ig-dot.r{background:#e5484d;box-shadow:0 0 0 3px rgba(229,72,77,.15)}.ig-dot.g{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}
.ig-st{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}
.ig-st.ok{background:#e8f6ee;color:#15803d}.ig-st.an{background:#fef3e2;color:#b45309}
@keyframes igWave{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes igGlow{0%,70%,100%{box-shadow:0 0 0 0 rgba(43,122,228,0);border-color:#e1e7ef}20%{box-shadow:0 0 0 4px rgba(43,122,228,.14);border-color:#9cc2f3}}
@keyframes igBreath{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes igSweep{0%{background-position:-160% 0}60%,100%{background-position:260% 0}}
@keyframes igToday{0%{left:8%}100%{left:84%}}
.ig-sources{grid-template-rows:1fr auto;gap:12px}
.ig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}
.ig-tile{height:44px;border-radius:10px;background:#fff;border:1px solid #e1e7ef;display:grid;place-items:center;padding:6px;animation:igGlow 8s ease-in-out infinite;animation-delay:calc(var(--i) * .9s)}
.ig-tile img{max-width:100%;max-height:28px;object-fit:contain}
.ig-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #dfe5ee;font-size:12.5px;font-weight:600;color:#0b1530}.ig-pill i{color:#2B7AE4}
.ig-funnel{align-content:center;gap:12px;place-items:stretch}
.ig-row{display:grid;grid-template-columns:132px 1fr;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:#4b5563}
.ig-row b{display:flex;flex-wrap:wrap;gap:5px}
.ig-row .d{width:11px;height:11px;border-radius:4px;animation:igBreath 7s ease-in-out infinite;animation-delay:calc(var(--i) * .35s)}
.ig-row .d.g{background:#c9d2de}.ig-row .d.b{background:#6fa9ee}.ig-row .d.n{background:#163d86;width:14px;height:14px}
.ig-alert{gap:14px;align-content:center}
.ig-float{animation:igWave 7s ease-in-out infinite;padding:12px 14px;width:100%;max-width:300px}
.ig-card-h{display:flex;align-items:center;gap:8px;font-size:12.5px}.ig-card-h b{color:#0b1530}.ig-card-h em{margin-left:auto;font-style:normal;color:#9aa3b0;font-size:11.5px}
.ig-alert p{margin:8px 0;font-size:13px;line-height:1.4;font-weight:600;color:#0b1530}
.ig-ent{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#1d5fbf;background:#eef3fc;padding:3px 8px;border-radius:6px}
.ig-chan{display:flex;align-items:center;gap:10px;font-size:12px;color:#6b7280}.ig-chan img{width:22px;height:22px;object-fit:contain}
.ig-diff .ig-card{width:100%;padding:14px;display:grid;gap:10px}
.ig-l{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:8px;font-size:13px}
.ig-tag{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:6px;text-align:center}.ig-tag.o{background:#fdecec;color:#c0392b}.ig-tag.n{background:#e8f6ee;color:#15803d}
.ig-l s{color:#8a94a3;text-decoration-color:#e5484d}
.ig-l mark{background:linear-gradient(90deg,#e8f6ee 0%,#e8f6ee 40%,#c9efd9 50%,#e8f6ee 60%,#e8f6ee 100%);background-size:250% 100%;animation:igSweep 7s ease-in-out infinite;color:#0b1530;font-weight:600;padding:2px 6px;border-radius:6px;justify-self:start}
.ig-meta{font-size:11.5px;color:#6b7280;display:flex;gap:6px;align-items:center;border-top:1px dashed #e1e7ef;padding-top:8px}
.ig-cert{grid-template-columns:1fr;gap:10px;align-content:center}
.ig-cert .ig-card{padding:12px 14px;display:grid;justify-items:start;gap:6px;animation:igWave 8s ease-in-out infinite}
.ig-cert .ig-card:nth-child(2){animation-delay:-4s}
.ig-cert p{margin:0;font-size:12px;color:#6b7280}
.ig-proof .ig-card{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;padding:14px;width:100%;position:relative;overflow:hidden}
.ig-proof img{height:30px}.ig-proof p{margin:0;display:grid;font-size:12px;color:#6b7280}.ig-proof p b{font-size:13px;color:#0b1530}
.ig-proof .ig-st{grid-column:1/-1;justify-self:start}
.ig-shine::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(43,122,228,.07) 50%,transparent 70%);background-size:250% 100%;animation:igSweep 8s ease-in-out infinite}
.ig-register .ig-card{width:100%;padding:6px 12px}
.ig-reg{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eef1f5;font-size:12.5px;animation:igBreath 9s ease-in-out infinite;animation-delay:calc(var(--i) * 1.1s)}
.ig-reg:last-child{border-bottom:0}.ig-reg b{color:#0b1530;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig-reg .fi{width:18px;height:13px;border-radius:2px;background-size:cover}
.ig-register .ig-reg{animation-name:none}
.ig-frise{align-content:center;place-items:stretch}
.ig-line{position:relative;height:2px;background:#dfe5ee;margin:0 12.5% -9px}
.ig-today{position:absolute;top:-5px;width:2px;height:12px;background:#e5484d;border-radius:1px;animation:igToday 14s ease-in-out infinite alternate}
.ig-steps{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.ig-ms{display:grid;justify-items:center;gap:3px;font-size:11px}
.ig-ms i{width:14px;height:14px;border-radius:7px;background:#fff;border:2px solid #6fa9ee;margin-bottom:6px}
.ig-ms b{color:#0b1530;font-size:11.5px}.ig-ms em{font-style:normal;color:#6b7280}
.ig-ms.nx i{border-color:#163d86;background:#163d86;box-shadow:0 0 0 0 rgba(22,61,134,.3);animation:igPulse 4s ease-in-out infinite}
@keyframes igPulse{0%,100%{box-shadow:0 0 0 0 rgba(22,61,134,.25)}50%{box-shadow:0 0 0 7px rgba(22,61,134,0)}}
.ig-versions{align-content:center;place-items:stretch;gap:8px}
.ig-ver{background:#fff;border:1px solid #dfe5ee;border-left:3px solid #2B7AE4;border-radius:10px;padding:6px 12px;display:grid;grid-template-columns:auto 1fr;gap:0 10px;font-size:11.5px;box-shadow:0 6px 16px -12px rgba(15,23,42,.2);opacity:calc(1 - var(--i) * .2);animation:igWave 8s ease-in-out infinite;animation-delay:calc(var(--i) * -1.3s)}
.ig-ver:nth-child(1){border-left-color:#163d86}.ig-ver:nth-child(3){border-left-color:#6fa9ee}
.ig-ver b{color:#0b1530}.ig-ver span{color:#6b7280;justify-self:end}.ig-ver em{grid-column:1/-1;font-style:normal;color:#1d5fbf;font-weight:600}

.ig-lvl{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}
.ig-lvl.cr{background:#fdecec;color:#c0392b}.ig-lvl.ac{background:#fef3e2;color:#b45309}.ig-lvl.in{background:#eaf2fd;color:#1d5fbf}.ig-lvl.no{background:#f1f3f6;color:#6b7280}
.ig-levels .ig-card{width:100%;padding:4px 12px}
.ig-lv{display:grid;grid-template-columns:82px 1fr;gap:2px 10px;padding:8px 0;border-bottom:1px solid #eef1f5;font-size:12px;align-items:center}
.ig-lv:last-child{border-bottom:0}.ig-lv b{color:#0b1530;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig-lv em{grid-column:2;font-style:normal;color:#6b7280;font-size:11px}
.ig-lv .ig-lvl{grid-row:span 2;justify-self:start}
.ig-spread{align-content:center;gap:0;place-items:center}
.ig-sp-n{padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:12.5px;animation:igWave 8s ease-in-out infinite}.ig-sp-n b{color:#0b1530}
.ig-sp-l{width:2px;height:14px;background:#c7d8f2}
.ig-sp-es{display:grid;gap:6px;width:100%}
.ig-sp-e{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid #e1e7ef;border-radius:10px;padding:6px 10px;font-size:12px;animation:igBreath 9s ease-in-out infinite;animation-delay:calc(var(--i) * 1.2s)}
.ig-sp-e .fi{width:18px;height:13px;border-radius:2px;background-size:cover}.ig-sp-e b{color:#0b1530;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes igBreathSoft{0%,100%{opacity:.7}50%{opacity:1}}
.ig-sp-e{animation-name:igBreathSoft}
.ig-triage .ig-card,.ig-quest .ig-card,.ig-verdict .ig-card,.ig-owner .ig-card,.ig-team .ig-card,.ig-sign .ig-card{width:100%;padding:12px 14px}
.ig-triage p,.ig-owner p{margin:8px 0;font-size:13px;line-height:1.4;font-weight:600;color:#0b1530}
.ig-tr-b{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.ig-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1px solid #dfe5ee;font-size:11.5px;font-weight:600;color:#374151;background:#fff}
.ig-btn.pr{background:#2B7AE4;border-color:#2B7AE4;color:#fff}
.ig-q{display:grid;grid-template-columns:1fr auto 16px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #eef1f5;font-size:12px;animation:igBreathSoft 9s ease-in-out infinite;animation-delay:calc(var(--i) * 1.4s)}
.ig-q:last-child{border-bottom:0}.ig-q span{color:#6b7280}.ig-q b{color:#0b1530}.ig-q i{color:#16a34a;font-size:12px}
.ig-quest .ig-card-h,.ig-verdict .ig-card-h{justify-content:space-between;margin-bottom:4px}
.ig-verdict .ig-card-h{justify-content:flex-start}.ig-verdict .ig-card-h .ig-st{margin-left:auto}.ig-verdict .fi{width:20px;height:14px;border-radius:2px;background-size:cover}
.ig-why{margin:8px 0;padding:8px 12px;border-radius:10px;background:#f5f8fd;border-left:3px solid #2B7AE4}
.ig-why span{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2B7AE4}.ig-why p{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:#0b1530}
.ig-tree{align-content:center;justify-items:center;gap:0}
.ig-tp{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid #dfe5ee;font-size:12.5px;box-shadow:0 8px 20px -12px rgba(15,23,42,.18)}.ig-tp b{color:#0b1530}
.ig-tree .fi{width:18px;height:13px;border-radius:2px;background-size:cover}
.ig-tl{width:66%;height:16px;border:2px solid #c7d8f2;border-bottom:0;border-radius:8px 8px 0 0;margin-top:10px}
.ig-tk{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:84%}
.ig-tn{display:grid;justify-items:center;gap:6px;padding:10px 0;border-radius:10px;background:#fff;border:1px solid #dfe5ee;animation:igWave 8s ease-in-out infinite;animation-delay:calc(var(--i) * -1.6s)}
.ig-tn i,.ig-leg i{display:inline-block;width:9px;height:9px;border-radius:5px}
i.ok{background:#16a34a}i.pr{background:#2B7AE4}i.ne{background:#c3cad6}i.lt{background:#e5484d}
.ig-leg{display:flex;gap:12px;margin-top:10px;font-size:11px;color:#6b7280}.ig-leg span{display:inline-flex;align-items:center;gap:5px}
.ig-owner .ig-card-h em{margin-left:auto}
.ig-ow{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center}
.ig-ow span:nth-child(2){display:grid;font-size:12px}.ig-ow b{color:#0b1530}.ig-ow em{font-style:normal;color:#6b7280;font-size:11px}
.ig-av{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:15px;background:#eaf2fd;color:#1d5fbf;font-size:11px;font-weight:700}
.ig-tm{display:grid;grid-template-columns:30px 90px 1fr;gap:10px;align-items:center;padding:6px 0;font-size:12px}.ig-tm b{color:#0b1530;white-space:nowrap}
.ig-bar{display:flex;gap:3px;height:10px}.ig-bar i{border-radius:3px;transform-origin:left;animation:igGrow 9s ease-in-out infinite;animation-delay:calc(var(--i) * .6s)}
.ig-bar .d{background:#16a34a}.ig-bar .p{background:#2B7AE4}.ig-bar .l{background:#e5484d}
@keyframes igGrow{0%,100%{opacity:.75}50%{opacity:1}}
.ig-team .ig-leg{margin-top:8px}
.ig-sign p{margin:8px 0;font-size:12.5px;color:#4b5563}
.ig-chain{display:flex;align-items:center;gap:6px;margin-bottom:8px;font:500 11px "JetBrains Mono",ui-monospace,monospace;color:#1d5fbf}
.ig-chain span{padding:3px 6px;border-radius:6px;background:#eef3fc;animation:igBreathSoft 8s ease-in-out infinite}.ig-chain span:nth-child(3){animation-delay:-2.6s}.ig-chain span:nth-child(5){animation-delay:-5.2s}
.ig-chain i{color:#9aa3b0;font-size:10px}

/* without / with : two illustrated cards (the clutter, then the one or two results that matter) */
.fp-vs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:var(--gap-head)}
.vs-c{border-radius:20px;padding:16px 16px 24px;border:1px solid rgba(17,24,39,.08);background:#fff}
.vs-c.wo{background:#fbfbfc}
.vs-c.wi{border-color:#bcd5f6;box-shadow:0 30px 60px -36px rgba(43,122,228,.5)}
.vs-c h3{margin:22px 8px 12px;font-size:19px;font-weight:700;color:#0b1530;letter-spacing:-.01em}
.vs-c ul{list-style:none;margin:0 8px;padding:0;display:grid;gap:12px}
.vs-c li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;font-size:15px;line-height:1.45}
.vs-c.wo li{color:#5b6370}.vs-c.wi li{color:#0b1530;font-weight:500}
.vs-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:13px}
.vs-ic.r{background:#fdecec;color:#d14343}.vs-ic.g{background:#e8f6ee;color:#15803d}
.vs-ill{position:relative;height:220px;border-radius:14px;overflow:hidden}
.vs-ill.wo{background:repeating-linear-gradient(135deg,#f6f7f9 0 12px,#f1f3f6 12px 24px);border:1px solid #eceff3}
.vs-tile{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:9px;background:#fff;border:1px solid #e3e7ed;box-shadow:0 6px 14px -10px rgba(15,23,42,.35);font-size:11.5px;font-weight:600;color:#8a94a3;white-space:nowrap}
.vs-tile i{color:#c0c7d2;font-size:12px}
.vs-tile:nth-child(3n+2) i{color:#e58c8c}
.vs-badge{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:#fdecec;color:#c0392b;font-size:12px;font-weight:700;box-shadow:0 0 0 3px #fff}
.vs-ill.wi{background:linear-gradient(180deg,#f3f8ff,#fff);border:1px solid #dbe8fb;display:grid;align-content:center;gap:12px;padding:20px 22px}
.vs-eye{position:absolute;right:14px;top:12px}.vs-eye img{width:30px;height:30px}
.vs-ok{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:#fff;border:1.5px solid #9fdcb6;box-shadow:0 10px 24px -16px rgba(21,128,61,.45)}
.vs-ok>i{color:#16a34a;font-size:18px}
.vs-ok span{display:grid;gap:2px}.vs-ok b{font-size:13.5px;color:#0b1530;line-height:1.35}.vs-ok em{font-style:normal;font-size:12px;color:#15803d;font-weight:600}
/* how it works : the result, still screens, one or two steps */
.hw{display:grid;gap:18px;margin-top:var(--gap-head);align-items:start}
.hw-2{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}
.hw-s{display:grid;gap:10px}
.hw-t{display:flex;align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;color:#0b1530}
.hw-t span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#2B7AE4;color:#fff;font-size:13px}
.hw-d{margin:0 0 6px;font-size:14.5px;line-height:1.5;color:#5b6370}
.hw-arrow{align-self:center;justify-self:center;width:40px;height:40px;border-radius:20px;background:#eef3fc;color:#2B7AE4;display:grid;place-items:center;margin-top:60px}
/* next modules : each card with its own tiny illustration */
.fp-next{gap:12px}
.fp-next-h{display:flex;align-items:center;gap:12px}
.fp-next-h i{width:38px;height:38px;border-radius:11px;background:rgba(132,195,255,.16);color:#84c3ff;display:grid;place-items:center;font-size:15px;flex:none}
.fp-next-h b{font-size:17px}
.fp-next-d{font-size:14px;color:#b8c3da;line-height:1.5}
.mn b{color:#0b1530}.mn .ig-av{color:#1d5fbf}
.mn{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;padding:12px 14px;border-radius:12px;background:#fff;color:#0b1530;font-size:12px}
.mn-row{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:8px;border:1px solid #e1e7ef;font-weight:600}
.mn-l{display:flex;align-items:center;gap:8px;width:100%}.mn-l b{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:5px}
.mn-l.o b{background:#fdecec;color:#c0392b}.mn-l.n b{background:#e8f6ee;color:#15803d}
.mn-l s{color:#8a94a3;text-decoration-color:#e5484d}.mn-l mark{background:#e8f6ee;font-weight:600;padding:1px 5px;border-radius:5px;color:#0b1530}
.mn-fr{position:relative;gap:0;justify-content:space-between;padding-top:20px}
.mn-fr::before{content:"";position:absolute;left:22px;right:22px;top:25px;height:2px;background:#dfe5ee}
.mn-fr i{position:relative;width:12px;height:12px;border-radius:6px;background:#fff;border:2px solid #6fa9ee}.mn-fr i.nx{background:#163d86;border-color:#163d86}
.mn-fr span{width:100%;margin-top:8px;font-size:11.5px;color:#4b5563;font-weight:600}
.mn-tree{flex-direction:column;gap:8px}.mn-tree b{width:44px;height:12px;border-radius:4px;background:#163d86}
.mn-tree span{display:flex;gap:10px}.mn-tree span i{width:26px;height:12px;border-radius:4px}
.mn-act{display:flex;align-items:center;gap:10px;width:100%}.mn-act b{font-size:12px}.mn-act .ig-st{margin-left:auto}
.mn-chain{font:500 11px "JetBrains Mono",ui-monospace,monospace;color:#1d5fbf}.mn-chain span{padding:3px 6px;border-radius:6px;background:#eef3fc}.mn-chain i{color:#9aa3b0;font-size:10px}
.mn-logos{gap:16px}.mn-logos img{height:24px;width:auto}
/* the review-only SEO sheet */
.fp-seo{margin-top:40px;border:1px dashed #b9c6d8;border-radius:14px;background:#f8fafc;padding:0 18px}
.fp-seo summary{list-style:none;cursor:pointer;padding:14px 0;font-size:13.5px;font-weight:600;color:#1d5fbf;display:flex;gap:10px;align-items:center}
.fp-seo summary::-webkit-details-marker{display:none}
.fp-seo dl{display:grid;grid-template-columns:200px 1fr;gap:10px 18px;margin:0 0 18px;font-size:13.5px;line-height:1.5}
.fp-seo dt{font-weight:600;color:#4b5563}.fp-seo dd{margin:0;color:#0b1530}.fp-seo dd ul{margin:0;padding-left:18px}
@media (max-width:960px){.hw-2{grid-template-columns:1fr}.hw-arrow{rotate:90deg;margin:0}.fp-seo dl{grid-template-columns:1fr}}

/* without / with v2 : big SANS / AVEC labels ; the « with » card on the brand navy */
.vs-col{display:grid;gap:10px;align-content:start}
.vs-big{margin:0 0 0 6px;font-size:64px;line-height:1;font-weight:800;letter-spacing:-.04em;text-transform:uppercase}
.vs-big.wo{color:#c3cad6}
.vs-big.wi{background:linear-gradient(90deg,#2B7AE4,#163d86);-webkit-background-clip:text;background-clip:text;color:transparent}
.vs-c.wi{border:1.5px solid #9cc2f3;box-shadow:0 34px 70px -34px rgba(43,122,228,.55),0 0 0 6px rgba(43,122,228,.06)}
.vs-ill.wi{background:radial-gradient(500px 260px at 85% 0%,rgba(43,122,228,.45),rgba(43,122,228,0) 60%),linear-gradient(135deg,#16213e 0%,#22305a 60%,#203a70 100%);border:0;display:grid;align-content:start;gap:12px;padding:16px 18px}
.vs-wi-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.vs-logo{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:16px;letter-spacing:.01em}.vs-logo img{width:28px;height:28px}
.vs-kept{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(22,163,74,.18);color:#86efac;font-size:12px;font-weight:700;border:1px solid rgba(134,239,172,.35)}
.vs-ok{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:#fff;border:0;border-left:4px solid #16a34a;box-shadow:0 12px 26px -14px rgba(0,0,0,.55)}
.vs-ok>i{color:#16a34a;font-size:19px}
.vs-ok em{display:inline-flex;align-items:center;gap:6px}.vs-ok em i{font-size:10.5px}
/* next modules v2 : real module cards (light, on the dark section), each with its full infographic */
.fp-nexts{gap:20px}
.fp-mod{display:grid;gap:14px;align-content:start;background:#fff;border-radius:20px;padding:18px 18px 22px;text-decoration:none;color:#0b1530;box-shadow:0 30px 60px -36px rgba(0,0,0,.65);transition:transform .25s,box-shadow .25s}
.fp-mod:hover{transform:translateY(-3px);box-shadow:0 40px 70px -36px rgba(0,0,0,.75)}
.fp-mod-h{display:flex;align-items:center;gap:12px;padding:2px 4px}
.fp-mod-h>i{width:44px;height:44px;border-radius:13px;background:#2B7AE4;color:#fff;display:grid;place-items:center;font-size:17px;flex:none;box-shadow:0 8px 18px -8px rgba(43,122,228,.7)}
.fp-mod-h span{display:grid}.fp-mod-h em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2B7AE4}
.fp-mod-h b{font-size:19px;letter-spacing:-.01em}
.fp-mod>p{margin:0 4px;font-size:14.5px;line-height:1.5;color:#4b5563}
.fp-mod-cta{justify-self:start;margin:2px 4px 0;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;background:#0b1530;color:#fff;font-size:13.5px;font-weight:600}
.fp-mod:hover .fp-mod-cta{background:#2B7AE4}
.ig-integr .ig-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:600px){.vs-big{font-size:46px}}
/* hero : the home page's dark section */
.fp-hero.dark-section{background:var(--color-dark-bg)}
.fp-hero .lv5-in{position:relative;z-index:1}
.dark .fp-crumb{color:#93a1bd}.dark .fp-crumb i{color:#6b7a99}.dark .fp-crumb b{color:#fff}
.dark .fp-btn{background:#fff;color:#0b1530;border-color:#fff}.dark .fp-btn:hover{background:#e8f1fd}
.dark .fp-btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.dark .fp-btn.ghost:hover{border-color:#fff}
/* sources : 3 rows, the last tile a counter */
.ig-src3{gap:10px}.ig-src3 .ig-grid{gap:7px}.ig-src3 .ig-tile{height:38px}.ig-src3 .ig-tile img{max-height:24px}
.ig-more{display:grid !important;place-items:center;gap:0;background:#0b1530 !important;border-color:#0b1530 !important;animation:none !important;line-height:1}
.ig-more b{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em}.ig-more em{font-style:normal;font-size:9.5px;font-weight:600;color:#9fb4d8;text-transform:uppercase;letter-spacing:.08em}
/* deadlines : a compact stack */
.ig-deadlines .ig-card{width:100%;padding:4px 10px}
.ig-dl{display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:center;padding:5px 0;border-bottom:1px solid #eef1f5}
.ig-dl:last-child{border-bottom:0}
.ig-dl-i{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:11px}
.ig-dl-i.g{background:#e8f6ee;color:#15803d}.ig-dl-i.b{background:#eaf2fd;color:#1d5fbf}.ig-dl-i.o{background:#fef3e2;color:#b45309}.ig-dl-i.v{background:#f1ecfd;color:#6d28d9}.ig-dl-i.n{background:#eef1f5;color:#163d86}
.ig-dl-t{display:grid;line-height:1.2}.ig-dl-t b{font-size:11.5px;color:#0b1530;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig-dl-t em{font-style:normal;font-size:10px;color:#6b7280}
.ig-dl-d{font-size:10.5px;font-weight:700;color:#163d86;background:#eef3fc;padding:3px 7px;border-radius:6px;white-space:nowrap}
/* chat illustrations (AI and MCP heroes) */
.fp-hero-html{background:linear-gradient(180deg,#f3f7fd,#fff);padding:34px}
.ch-wrap{display:grid;gap:22px;align-items:start}
.ch-wrap.two{grid-template-columns:1fr auto 1fr}.ch-wrap.one{max-width:760px;margin:0 auto}
.ch-app{display:grid;gap:12px}.ch-app-h{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#0b1530;font-size:15px}.ch-app-h img{width:28px;height:28px}
.ch{background:#fff;border:1px solid #dfe5ee;border-radius:18px;padding:18px;display:grid;gap:12px;box-shadow:0 20px 40px -30px rgba(11,21,48,.4)}
.ch.ok{border-color:#9cc2f3}.ch.ko{border-color:#f3c3c3}
.ch-h{display:flex;align-items:center;justify-content:space-between;gap:10px}.ch-h b{color:#0b1530;font-size:14px}.ch-h span{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:#eef3fc;color:#1d5fbf}
.ch.ko .ch-h span{background:#f5f6f8;color:#6b7280}
.ch-q{justify-self:end;max-width:85%;background:#0b1530;color:#fff;padding:10px 14px;border-radius:14px 14px 4px 14px;font-size:14px;line-height:1.45}
.ch-a{font-size:14px;line-height:1.55;color:#1f2937;display:grid;gap:10px}
.ch-meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:#4b5563}.ch-meta .fi{width:18px;height:13px;border-radius:2px;background-size:cover}
.ch-srcs{display:flex;flex-wrap:wrap;gap:6px}
.ch-src{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;background:#eef3fc;color:#1d5fbf;font-size:11.5px;font-weight:600}
.ch-warn{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#c0392b;background:#fdecec;padding:8px 10px;border-radius:9px}
.ch.ko .ch-a{color:#6b7280}
.ch-vs{align-self:center;font-weight:800;color:#9aa3b0;font-size:14px;text-transform:uppercase}
/* new infographics */
.ig-cite .ig-card,.ig-status .ig-card,.ig-chainlog .ig-card,.ig-ticket .ig-card,.ig-secure .ig-card{width:100%;padding:12px 14px}
.ig-cite p{margin:0 0 10px;font-size:13px;line-height:1.45;color:#0b1530}
.ig-cite-s{display:flex;flex-wrap:wrap;gap:6px}
.ig-stt{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #eef1f5;font-size:12px}.ig-stt:last-child{border-bottom:0}.ig-stt b{color:#0b1530}
.ig-st.no{background:#f1f3f6;color:#6b7280}
.ig-assist .ig-grid{grid-template-columns:repeat(3,1fr)}
.ig-as{font-size:12.5px;font-weight:700;color:#0b1530;letter-spacing:-.01em}
.ig-pill img{vertical-align:middle}
.ig-snip{padding:14px}
.ig-term{width:100%;background:#0b1530;border-radius:12px;padding:10px 12px 12px;display:grid;gap:8px;box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
.ig-term-h{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#93a1bd}.ig-term-h i{width:8px;height:8px;border-radius:4px;background:#3b4a6b}
.ig-term code{font:500 11px/1.5 "JetBrains Mono",ui-monospace,monospace;color:#dbe4f3;word-break:break-all}.ig-term code span{color:#84c3ff}
.ig-term code.okc{color:#86efac}
.ig-log{display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:center;padding:6px 0;border-bottom:1px solid #eef1f5}
.ig-log code{font:500 10.5px "JetBrains Mono",ui-monospace,monospace;color:#1d5fbf;background:#eef3fc;padding:2px 6px;border-radius:5px}
.ig-export .ig-card{display:grid;grid-template-columns:40px 1fr;gap:6px 12px;align-items:center;padding:14px;width:100%}
.ig-exp-i{width:40px;height:40px;border-radius:11px;background:#eaf2fd;color:#1d5fbf;display:grid;place-items:center;font-size:16px;grid-row:span 1}
.ig-export .ig-st{grid-column:1/-1;justify-self:start}
.ig-ticket .ig-card-h{justify-content:space-between}.ig-ticket .ig-card-h em{font-style:normal;font-size:11px;color:#6b7280}
.ig-ticket p{margin:8px 0;font-size:13px;line-height:1.4;font-weight:600;color:#0b1530}
.ig-tk-f{display:flex;gap:14px;font-size:11.5px;color:#6b7280}.ig-tk-f b{color:#0b1530}
.ig-sec{display:grid;grid-template-columns:24px 1fr 14px;gap:9px;align-items:center;padding:6px 0;font-size:12px;border-bottom:1px solid #eef1f5}.ig-sec:last-child{border-bottom:0}
.ig-sec b{color:#0b1530}.ig-sec>i{color:#16a34a;font-size:11px}
@media (max-width:960px){.ch-wrap.two{grid-template-columns:1fr}}

/* ONE button style (operator 2026-10-19) : the header's « Essai gratuit » (brand navy, full radius) ; white on a dark section */
.fp-btn{border-radius:999px;background:var(--color-brand,#2d3967);border-color:var(--color-brand,#2d3967);color:#fff;padding:13px 22px}
.fp-btn:hover{background:var(--color-brand-light,#3d4b80);border-color:var(--color-brand-light,#3d4b80)}
.fp-btn.ghost{background:#fff;color:var(--color-brand,#2d3967);border-color:rgba(45,57,103,.25)}.fp-btn.ghost:hover{border-color:var(--color-brand,#2d3967);background:#fff}
.dark .fp-btn{background:#fff;color:var(--color-brand,#2d3967);border-color:#fff;box-shadow:0 8px 20px -6px rgba(15,23,42,.35)}.dark .fp-btn:hover{background:#f3f8ff}
.dark .fp-btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4);box-shadow:none}.dark .fp-btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.fp-mod-cta{border-radius:999px;background:var(--color-brand,#2d3967);padding:9px 16px}
.fp-mod:hover .fp-mod-cta{background:var(--color-brand-light,#3d4b80)}
.ig-more{background:var(--color-brand,#2d3967) !important;border-color:var(--color-brand,#2d3967) !important}
.ch-q{background:var(--color-brand,#2d3967)}
.ig-teams .ig-card{width:100%;padding:10px 14px}
.ig-teams .ig-card-h{margin-bottom:4px}.ig-teams .ig-card-h .ig-st{margin-left:auto}
.ig-team-r{display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:center;padding:7px 0 7px 14px;border-top:1px solid #eef1f5;font-size:12px}
.ig-team-r b{color:#0b1530;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-teams .fi{width:18px;height:13px;border-radius:2px;background-size:cover}
.ig-avs{display:flex}.ig-avs .ig-av{width:26px;height:26px;border-radius:13px;font-size:10px;box-shadow:0 0 0 2px #fff;margin-left:-6px}

/* THE TESTIMONIAL v2 : two columns 70/30, the quote left, the profile right and bottom-aligned */
.tm-sec{background:radial-gradient(800px 360px at 10% 0%,rgba(43,122,228,.07),rgba(43,122,228,0) 60%),#fff}
.tm{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:48px;align-items:end;margin:0}
.tm-l{position:relative;padding-top:26px}
.tm-mark{position:absolute;left:-14px;top:-46px;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:150px;line-height:1;background:linear-gradient(160deg,#84c3ff 0%,#2B7AE4 45%,#163d86 100%);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.85;pointer-events:none;user-select:none}
.tm-l .lv5-eyebrow{position:relative;margin-left:96px}
.tm-q{margin:22px 0 0;padding:0}
.tm-q p{margin:0;font-size:27px;line-height:1.35;font-weight:600;letter-spacing:-.018em;color:#0b1530;text-wrap:pretty}
.tm-q em{font-style:normal;background:linear-gradient(90deg,#2B7AE4,#163d86);-webkit-background-clip:text;background-clip:text;color:transparent}
.tm-r{display:grid;justify-items:center;text-align:center;gap:4px;align-self:end}
.tm-sil{font-size:120px;line-height:1;margin-bottom:10px;color:#2B7AE4}
.tm-r b{font-size:17px;color:#0b1530}
.tm-r em{font-style:normal;display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:#5b6370}
.tm-r .fi{width:18px;height:13px;border-radius:2px;background-size:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
@media (max-width:760px){.tm{grid-template-columns:1fr;gap:28px}.tm-q p{font-size:22px}.tm-mark{font-size:110px;top:-30px}.tm-l .lv5-eyebrow{margin-left:70px}.tm-sil{font-size:88px}}

/* v7 (operator 2026-10-19) : the eye next to AFTER, room inside the dark panel, the concrete funnel, benefit titles */
.vs-big.wi{display:flex;align-items:center;gap:14px}.vs-big-eye{width:54px;height:54px}
.vs-ill.wi{height:auto;min-height:220px;padding:16px 18px 22px}
.vs-wi-h{justify-content:flex-end}
.ig-funnel2{display:grid;align-content:center;justify-items:center;gap:2px;padding:10px}
.fn-t{width:100%;display:grid;grid-template-columns:84px 1fr;gap:6px;align-items:center;padding:5px 8px;border-radius:10px;background:#fff;border:1px solid #e3e7ed}
.fn-t.t2{width:92%;border-color:#c7d8f2;background:#f7faff}.fn-t.t3{width:84%;border-color:#9cb7e3;background:#f1f5fc}
.fn-l{font-size:10.5px;font-weight:700;color:#4b5563;line-height:1.2}
.fn-cs{display:flex;flex-wrap:wrap;gap:4px}
.fn-c{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:6px;font-size:10.5px;font-weight:600;white-space:nowrap}
.fn-c.g{background:#f3f5f8;color:#9aa3b0}.fn-c.g i{font-size:9px}
.fn-c.b{background:#eaf2fd;color:#1d5fbf}.fn-c.b .ig-dot{width:6px;height:6px}
.fn-c.n{background:#fff;border:1px solid #c7d8f2;color:#0b1530}.fn-c.n .fi{width:14px;height:10px;border-radius:2px;background-size:cover}.fn-c.n .ig-lvl{font-size:9.5px;padding:1px 5px}
.fn-ar{font-size:10px;color:#9cb7e3}
.fp-ben-k{display:flex;align-items:center;gap:8px;margin:18px 6px 0 !important;font-size:11.5px !important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#2B7AE4 !important}
.fp-ben-k span{font:600 11px "JetBrains Mono",ui-monospace,monospace;letter-spacing:0;padding:2px 6px;border-radius:5px;background:#eef3fc}
.fp-ben h3{margin-top:8px}
@media (prefers-reduced-motion:reduce){.ig *,.ig *::after{animation:none !important}}
@media (max-width:960px){.fp-h1{font-size:36px}.fp-bens,.fp-nexts{grid-template-columns:1fr}.fp-inc{grid-template-columns:1fr 1fr}.fp-case.on{grid-template-columns:1fr}.fp-vs{grid-template-columns:1fr}}
@media (max-width:600px){.fp-h1{font-size:30px}.fp-proof{gap:8px;margin-top:32px}.fp-proof li{padding:12px}.fp-proof b{font-size:17px}.fp-proof span{font-size:12px}.fp-inc{grid-template-columns:1fr}.fp-hero{padding-top:36px}}

/* the definition sentence (GEO) : visible, under the FAQ heading */
.fp-define{margin:var(--gap-head) 0 0;font-size:16.5px;line-height:1.6;color:#374151;padding:16px 20px;border-left:3px solid #2B7AE4;background:#f7faff;border-radius:0 12px 12px 0}
.fp-define+.fp-faqs{margin-top:28px}