body{margin:0;background:#0b2135}
.wf{--deep:#0b2135;--navy:#102a43;--blue:#24557a;--gold:#b89a5e;--goldfg:#7d6634;--ivory:#f5f1e8;--steel:#8ca3b1;--t2:#4a5d73;font-family:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#102a43;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
.wf *{box-sizing:border-box}
.disp{font-family:Archivo,Manrope,system-ui,sans-serif;font-stretch:112%;font-weight:600;letter-spacing:-0.025em;margin:0}
a{color:#24557a}a:hover{color:#102a43}
.wf a:focus-visible,.wf button:focus-visible,.wf input:focus-visible,.wf select:focus-visible,.wf textarea:focus-visible{outline:3px solid rgba(184,154,94,.9);outline-offset:2px}
.navlink{color:rgba(245,241,232,.82);text-decoration:none;font-weight:600;font-size:15px;padding:12px 4px}
.navlink:hover{color:#f5f1e8}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font:700 15px/1 Manrope,system-ui,sans-serif;text-decoration:none;cursor:pointer;border:0;transition:background-color .15s ease,box-shadow .15s ease}
.btn-gold{background:#b89a5e;color:#0b2135}
.btn-gold:hover{background:#cdb27a;color:#0b2135}
.btn-ghost{background:transparent;color:#f5f1e8;box-shadow:inset 0 0 0 1.5px rgba(245,241,232,.38)}
.btn-ghost:hover{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(245,241,232,.8)}
.btn-blue{background:#24557a;color:#f5f1e8}
.btn-blue:hover{background:#102a43;color:#fff}
.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}
.c-gold{background:rgba(184,154,94,.2);color:#6e5a2c}
.c-ok{background:rgba(47,125,91,.12);color:#256448}
.c-blue{background:rgba(36,85,122,.12);color:#24557a}
.c-warn{background:rgba(184,134,43,.16);color:#74520f}
.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;border-radius:14px;border:1.5px dashed rgba(16,42,67,.3);background-color:rgba(16,42,67,.03);background-image:repeating-linear-gradient(135deg,rgba(16,42,67,.055) 0 1px,transparent 1px 14px);color:#4a5d73}
.ph-dark{border-color:rgba(245,241,232,.32);background-color:rgba(245,241,232,.03);background-image:repeating-linear-gradient(135deg,rgba(245,241,232,.07) 0 1px,transparent 1px 14px);color:rgba(245,241,232,.82)}
.ph-tag{font-weight:800;font-size:13px}
.ph-desc{font-size:13px;line-height:1.45;max-width:36ch}
.mock{background:#fff;border-radius:18px;box-shadow:0 1px 2px rgba(16,42,67,.06),0 28px 64px rgba(16,42,67,.14);overflow:hidden}
.feat{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px);align-items:center}
.feat-txt{flex:1 1 340px;max-width:470px}
.feat-mock{flex:1.5 1 460px;min-width:0}
.ticks{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:#2c4258}
.field label{display:block;font-weight:700;font-size:14px;margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:10px;border:1px solid rgba(16,42,67,.22);background:#fff;font:500 15px/1.4 Manrope,system-ui,sans-serif;color:#102a43}
.swatch{width:44px;height:44px;border-radius:999px;border:0;cursor:pointer;padding:0}
.seg{min-height:44px;padding:0 20px;border-radius:999px;border:0;font:700 14px/1 Manrope,system-ui,sans-serif;cursor:pointer}
.route-solid{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.2s cubic-bezier(.6,.05,.3,1) .4s forwards}
.route-rest{opacity:0;animation:fadein .9s ease 2.5s forwards}
.wp{opacity:0} /* opacité et position pilotées par landing.js au défilement */
.pulse{transform-box:fill-box;transform-origin:center;opacity:0;animation:pulse 2.6s ease-out 2.6s infinite}
.pulse2{animation-delay:3.9s}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fadein{to{opacity:1}}
@keyframes pulse{0%{opacity:.95;transform:scale(.5)}100%{opacity:0;transform:scale(2.8)}}
.bp-stub{border-left:2px dashed rgba(16,42,67,.2)}
.row-link{color:#102a43;text-decoration:none;font-weight:700}
.row-link:hover{color:#24557a;text-decoration:underline}
.flink{color:rgba(245,241,232,.78);text-decoration:none;font-size:15px}
.flink:hover{color:#f5f1e8}
@media (max-width:760px){.bp-stub{border-left:0;border-top:2px dashed rgba(16,42,67,.2)}.notch{display:none}.hide-sm{display:none !important}}
.lbl{transition:opacity .45s ease,transform .45s ease}
.navlink-ink{color:#0b2135;text-decoration:none;font-weight:700;font-size:15px;padding:12px 4px}
.navlink-ink:hover{color:#24557a}
.topbar{position:sticky;top:0;z-index:50;background:#f5f1e8;box-shadow:0 1px 0 rgba(11,33,53,.08);transition:box-shadow .24s cubic-bezier(.23,1,.32,1)}
.topbar[data-scrolled="true"]{box-shadow:0 1px 0 rgba(11,33,53,.10),0 10px 30px rgba(11,33,53,.10)}
.topbar-inner{box-sizing:border-box;max-width:calc(1280px + 2 * clamp(20px, 5vw, 80px));margin:0 auto;padding:0 clamp(20px,5vw,80px);height:72px;display:flex;align-items:center;gap:24px}
.topbar-brand{flex:none;display:flex;align-items:center;border-radius:8px}
.topbar-links{flex:1;display:flex;justify-content:center;gap:2px}
.topbar-actions{flex:none;margin-left:auto;display:flex;align-items:center;gap:6px}
.topbar-link{color:#0b2135;text-decoration:none;font-weight:600;font-size:15px;padding:10px 14px;border-radius:999px;transition:background-color .15s ease}
.topbar-link:hover{color:#0b2135;background:rgba(11,33,53,.06)}
.press{transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .15s ease,box-shadow .15s ease}
.press:active{transform:scale(.97)}
.icon-btn{width:44px;height:44px;padding:0;border:0;border-radius:999px;background:rgba(11,33,53,.06);color:#0b2135;align-items:center;justify-content:center;cursor:pointer}
.icon-btn:hover{background:rgba(11,33,53,.1)}
.topbar-panel{box-sizing:border-box;max-width:calc(1280px + 2 * clamp(20px, 5vw, 80px));margin:0 auto;padding:4px clamp(20px,5vw,80px) 18px;display:flex;flex-direction:column;border-top:1px solid rgba(11,33,53,.08);animation:panelIn .22s cubic-bezier(.23,1,.32,1)}
.topbar-panel-link{color:#0b2135;text-decoration:none;font-weight:700;font-size:18px;padding:14px 2px;border-bottom:1px solid rgba(11,33,53,.07)}
.topbar-panel-link:hover{color:#24557a}
@keyframes panelIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
section[id],header[id]{scroll-margin-top:72px}
.nav-toggle,.lbl-short{display:none !important}
@media (max-width:1180px){.nav-links{display:none !important}.nav-toggle{display:inline-flex !important}}
@media (max-width:480px){.lbl-long{display:none}.lbl-short{display:inline !important}}
.btn-navy{background:#0b2135;color:#f5f1e8}
.btn-navy:hover{background:#24557a;color:#fff}
.btn-white{background:#fff;color:#0b2135}
.btn-white:hover{background:#f5f1e8;color:#0b2135}
@media (max-width:900px){.ck-box{left:0 !important;width:max(146%, calc(100vh * 16 / 9)) !important;transform:translate(-30%,-50%) !important}.ck-copy{width:100% !important;align-items:flex-start !important;padding-top:124px !important;background:linear-gradient(180deg,rgba(214,228,237,.8) 0%,rgba(214,228,237,.45) 65%,rgba(214,228,237,0) 100%) !important}.ck-copy-inner{max-width:none !important}.hide-ck{display:none !important}.ck-h1{font-size:clamp(34px,8vw,56px) !important}.ck-end{top:104px !important;right:20px}}
.show-md{display:none}
/* Écrans larges : bloc « Pilotez… » un peu plus haut que le centre */
@media (min-width:1181px){.ck-copy{padding-bottom:clamp(64px,20vh,240px) !important}}
@media (max-width:1180px){.hide-md{display:none !important}.show-md{display:block}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){.topbar-panel{animation:none}.press:active{transform:none}.lbl{transition:none}.route-solid{animation:none;stroke-dashoffset:0}.route-rest{animation:none;opacity:1}.pulse{animation:none;opacity:0}.btn{transition:none}}

/* --- Ajouts pour la page servie hors canevas --- */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.wp{will-change:transform,opacity}
/* Section robot : sélecteur « On gère pour vous » / « Vous gérez », vidéo ajustée à la hauteur restante, étiquettes placées par landing.js */
.r-sticky{position:sticky;top:72px;height:calc(100vh - 72px);min-height:500px;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px 28px;padding:24px clamp(20px,5vw,80px) 20px}
.r-head{width:100%;max-width:1280px;margin:0 auto;display:flex;justify-content:center}
.r-switch{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(245,241,232,.08);box-shadow:inset 0 0 0 1px rgba(245,241,232,.16)}
.r-seg{min-height:44px;padding:0 22px;border:0;border-radius:999px;background:transparent;color:#f5f1e8;font:700 15px/1 Manrope,system-ui,sans-serif;cursor:pointer}
.r-seg:hover{background:rgba(245,241,232,.1)}
.r-seg[aria-pressed="true"]{background:#f5f1e8;color:#0b2135}
#demo[data-mode="nous"] [data-for="vous"],#demo[data-mode="vous"] [data-for="nous"]{display:none}
.r-scene{position:relative;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center}
.r-stage{position:relative;flex:none;width:min(100%,calc((100vh - 220px) * 16 / 9),1280px);width:min(100cqw,100cqh * 16 / 9,1280px);aspect-ratio:16/9}
/* Bords de la vidéo fondus dans le fond : le reflet du sol touche le bas de l'image, d'où un fondu plus long en bas */
.r-stage video{display:block;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 80%,rgba(0,0,0,.55) 91%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%,#000 80%,rgba(0,0,0,.55) 91%,transparent 100%);mask-composite:intersect}
/* Séquence d'images (écrans étroits) : bords déjà fondus dans les images, première image en fond en attendant le canvas */
.r-cv{display:none;width:100%;height:100%;background:#0c1e2e url(/_app/landing/robot-seq/r000.webp) center / cover no-repeat}
.r-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.rlead{opacity:0;transition:opacity .45s ease}
.rlead.on{opacity:1}
.rlead-line{fill:none;stroke:rgba(184,154,94,.85);stroke-width:1;stroke-dasharray:4 4}
.rlead-halo{fill:rgba(184,154,94,.25)}
.rlead-dot{fill:#b89a5e}
.rlbl{position:absolute;left:0;top:0;width:260px;opacity:0;transform:translateY(10px)}
.rlbl.on{opacity:1;transform:none}
.rlbl-card{background:rgba(11,33,53,.9);border:1px solid rgba(245,241,232,.16);border-radius:12px;padding:12px 14px;box-shadow:0 12px 32px rgba(0,0,0,.35)}
.rlbl-step{font-size:12.5px;font-weight:800;color:#b89a5e}
.rlbl-part{font-size:15px;font-weight:800;margin-top:2px}
.rlbl-text{font-size:13.5px;line-height:1.45;color:rgba(245,241,232,.8);margin-top:4px}
.r-cap{width:100%;max-width:560px;margin:0 auto}
.r-cap-box{background:rgba(245,241,232,.06);border:1px solid rgba(245,241,232,.14);border-radius:14px;padding:14px 16px;min-height:104px}
#demo.r-compact .rlbl,#demo.r-compact .r-leaders{display:none !important}
#demo.r-compact .r-cap{display:block}
#demo.r-side .r-sticky{grid-template-columns:minmax(0,320px) minmax(0,1fr)}
#demo.r-side .r-head{grid-column:1 / -1}
#demo.r-side .r-cap{grid-row:2;grid-column:1;align-self:center;max-width:none}
#demo.r-side .r-scene{grid-row:2;grid-column:2}
#demo.r-swap .rlbl,#demo.r-swap .rlead{transition:none}
/* Téléphones et tablettes : séquence d'images recadrée sur le robot (11:9) à la place de la vidéo */
@media (max-width:1180px){.r-stage{width:min(100%,760px);width:min(100cqw,100cqh * 11 / 9,760px);aspect-ratio:11/9}.r-stage video{display:none}.r-cv{display:block}}
/* Téléphones : robot bord à bord (les bords des images sont fondus), hauteur prise sur la petite fenêtre (barres du navigateur visibles) */
@media (max-width:760px){.r-sticky{height:calc(100svh - 72px)}.r-scene{margin:0 calc(-1 * clamp(20px,5vw,80px))}}
@media (max-width:480px){.r-seg{padding:0 16px;font-size:14px}.r-seg-more{display:none}}
@media (prefers-reduced-motion:reduce){.rlead{transition:none}}
.nav-toggle .ic-close{display:none}
.nav-toggle[aria-expanded="true"] .ic-close{display:block}
.nav-toggle[aria-expanded="true"] .ic-open{display:none}
.topbar-panel[hidden]{display:none}
.swatch{box-shadow:inset 0 0 0 1px rgba(245,241,232,.25)}
.swatch[aria-pressed="true"]{box-shadow:0 0 0 3px #0b2135,0 0 0 5px #f5f1e8}
.seg{background:transparent;color:#f5f1e8}
.seg[aria-pressed="true"]{background:#f5f1e8;color:#0b2135}
.vthumb{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0e1f2d}
.vthumb img,.vthumb video{display:block;width:100%;height:100%;object-fit:cover}
.vthumb-play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;padding:0;border:0;cursor:pointer;border-radius:999px;background:rgba(245,241,232,.92);color:#0b2135;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.vthumb-play:hover{background:#fff}
/* Vidéo lancée : les contrôles du navigateur remplacent le bouton et la durée */
.vthumb.is-playing .vthumb-play,.vthumb.is-playing .vthumb-time{display:none}
.vthumb-play svg{margin-left:3px}
.vthumb-time{position:absolute;right:10px;bottom:10px;padding:3px 8px;border-radius:6px;background:rgba(11,33,53,.8);color:#f5f1e8;font-size:12px;font-weight:700}
/* Documents de la fiche produit : faux boutons, avec état au survol */
.doc-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 9px 9px 14px;border-radius:10px;border:1px solid rgba(16,42,67,.10);background:#fff;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
.doc-row:hover{background:rgba(36,85,122,.05);border-color:rgba(36,85,122,.35);box-shadow:0 2px 10px rgba(16,42,67,.08)}
.doc-name{display:flex;gap:10px;align-items:center;min-width:0;font-weight:700;font-size:14.5px}
.doc-meta{display:flex;align-items:center;gap:8px;flex:none;font-size:13px;color:#4a5d73;white-space:nowrap}
.doc-act{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:rgba(36,85,122,.08);color:#24557a;font-size:12px;transition:background-color .15s ease,color .15s ease}
.doc-row:hover .doc-act{background:#24557a;color:#fff}
@media (prefers-reduced-motion:reduce){.doc-row,.doc-act{transition:none}}
/* Chiffres de l'atelier : 2 × 2, une seule colonne sur les très petits écrans */
@media (max-width:420px){.a-stats{grid-template-columns:minmax(0,1fr) !important}}
/* Cockpit : cartes chiffrées sur 4 colonnes, 2 × 2 quand la place manque (cartes toujours de même taille) */
.ck-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1180px){.ck-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Cockpit sur téléphone : remplace le schéma ordinateur sur les écrans étroits */
.ckm{display:none;max-width:360px;margin:clamp(48px,6vw,72px) auto 0;padding:8px;border-radius:44px;background:#0b2135;box-shadow:0 2px 4px rgba(16,42,67,.10),0 28px 64px rgba(16,42,67,.22)}
@media (max-width:900px){.ck-desk{display:none !important}.ckm{display:block}}
.ckm-screen{position:relative;overflow:hidden;border-radius:36px;background:#f5f1e8}
.ckm-screen::before{content:"";position:absolute;z-index:3;top:9px;left:50%;width:62px;height:17px;margin-left:-31px;border-radius:999px;background:#0b2135}
.ckm-screen::after{content:"";position:absolute;z-index:3;bottom:7px;left:50%;width:108px;height:4px;margin-left:-54px;border-radius:999px;background:rgba(16,42,67,.32)}
.ckm-bar{display:flex;align-items:center;gap:8px;padding:34px 12px 10px;background:#24557a;color:#f5f1e8}
.ckm-burger,.ckm-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:rgba(245,241,232,.12);color:#f5f1e8;cursor:pointer}
.ckm-burger:hover,.ckm-close:hover{background:rgba(245,241,232,.22)}
.ckm-picto{flex:none;display:block;width:30px;height:auto}
.ckm-titles{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.2}
.ckm-space{font-size:12px;font-weight:600;color:rgba(245,241,232,.78)}
.ckm-title{font-size:15.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ckm-bell{position:relative;flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center}
.ckm-dot{position:absolute;top:5px;right:6px;width:9px;height:9px;border-radius:999px;background:#ff3b30;border:2px solid #24557a}
.ckm-avatar{flex:none;width:30px;height:30px;border-radius:999px;background:#f5f1e8;color:#102a43;font-weight:800;font-size:11.5px;display:flex;align-items:center;justify-content:center}
.ckm-body{display:flex;flex-direction:column;gap:12px;padding:14px 14px 24px}
.ckm-search{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:10px;background:#fff;border:1px solid rgba(16,42,67,.12);color:#4a5d73;font-size:13.5px}
.ckm-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}
.ckm-kpi{display:flex;flex-direction:column;justify-content:space-between;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,42,67,.06)}
.ckm-kpi-l{font-size:12px;font-weight:700;line-height:1.3;color:#4a5d73}
.ckm-kpi-n{font-size:28px;margin-top:6px}
.ckm-list{border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,42,67,.06)}
.ckm-list-h{padding:13px 14px 6px;font-weight:800;font-size:14.5px}
.ckm-row{padding:10px 14px 11px;border-top:1px solid rgba(16,42,67,.08)}
.ckm-row-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ckm-ref{font-weight:800;font-size:14px}
.ckm-row .chip{height:22px;padding:0 8px;font-size:11.5px}
.ckm-row-sub{margin-top:4px;font-size:13px;color:#4a5d73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ckm-row-time{margin-top:2px;font-size:12px;color:#4a5d73}
.ckm-scrim{position:absolute;inset:0;z-index:1;background:rgba(11,33,53,.42);opacity:0;pointer-events:none;transition:opacity .28s ease}
.ckm.is-open .ckm-scrim{opacity:1;pointer-events:auto}
.ckm-drawer{position:absolute;z-index:2;top:0;bottom:0;left:0;width:82%;display:flex;flex-direction:column;gap:2px;padding:34px 10px 26px;background:#24557a;color:#f5f1e8;box-shadow:12px 0 32px rgba(11,33,53,.28);transform:translateX(-104%);visibility:hidden;transition:transform .32s cubic-bezier(.23,1,.32,1),visibility 0s linear .32s}
.ckm.is-open .ckm-drawer{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.23,1,.32,1)}
.ckm-drawer-head{display:flex;align-items:center;gap:10px;padding:0 2px 12px 8px;margin-bottom:8px;border-bottom:1px solid rgba(245,241,232,.16)}
.ckm-drawer-name{font-family:Archivo,Manrope,sans-serif;font-weight:600;font-size:22px;letter-spacing:-0.025em;line-height:1}
.ckm-close{margin-left:auto}
.ckm-item{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;border-radius:8px;font-weight:500;font-size:14.5px}
.ckm-item.is-active{background:rgba(11,33,53,.30);box-shadow:inset 2px 0 0 #b89a5e;font-weight:700}
.ckm-badge{margin-left:auto;padding:2px 7px;border-radius:999px;background:#ff3b30;color:#fff;font-size:11px;font-weight:800}
.ckm-drawer-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 8px 0;border-top:1px solid rgba(245,241,232,.16);font-size:13.5px;font-weight:600;color:rgba(245,241,232,.85)}
.ckm-drawer-mark{flex:none;width:28px;height:28px;border-radius:8px;background:#fff;color:#102a43;font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center}
@media (prefers-reduced-motion:reduce){.ckm-scrim,.ckm-drawer,.ckm.is-open .ckm-drawer{transition:none}}
/* Ce qui change, concrètement : en-têtes « D'habitude » / « Avec Wayflare », croix et texte rouges, coche et texte verts (couleurs danger / succès de la charte) */
.cmp{--no:#b5473f;--yes:#2f7d5b;--yes-ink:#256448;margin-top:clamp(48px,6vw,72px)}
.cmp-head,.cmp-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);gap:16px 20px}
.cmp-head{align-items:end;padding-bottom:14px}
.cmp-h{justify-self:start;margin-left:18px;padding-bottom:6px;border-bottom:2px solid;font-size:15px;font-weight:800;color:#102a43}
.cmp-h-no{border-color:var(--no)}
.cmp-h-yes{border-color:var(--yes)}
.cmp-row{align-items:stretch;padding:20px 0;border-top:1px solid rgba(16,42,67,.14)}
.cmp-sit{align-self:center;font-size:clamp(22px,2.2vw,28px);line-height:1.15}
.cmp-cell{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,42,67,.06)}
.cmp-cell svg{flex:none;margin-top:2px}
.cmp-no{color:var(--no)}
.cmp-yes{color:var(--yes)}
.cmp-lbl{display:none;font-size:13px;font-weight:800;margin-bottom:4px}
.cmp-txt{font-size:15.5px;line-height:1.55;font-weight:600}
.cmp-yes .cmp-txt{color:var(--yes-ink)}
/* Téléphones : pas d'en-têtes de colonnes, chaque case porte son libellé */
@media (max-width:760px){.cmp-head{display:none}.cmp-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:24px 0}.cmp-sit{align-self:start}.cmp-lbl{display:block}}
/* Formulaire de contact : champ piège hors écran, erreurs sous les champs, message d'envoi */
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.field-opt{margin-left:4px;font-weight:500;font-size:13px;color:#4a5d73}
.field-err{margin:6px 0 0;font-size:13px;font-weight:600;color:#b5473f}
.field input[aria-invalid="true"]{border-color:#b5473f;box-shadow:0 0 0 1px #b5473f}
.contact-status{margin:0;font-size:14.5px;font-weight:600;line-height:1.45;border-radius:10px}
.contact-status:not(:empty){margin-bottom:16px;padding:12px 14px}
.contact-status[data-state="ok"]{background:rgba(47,125,91,.10);color:#256448}
.contact-status[data-state="error"]{background:rgba(181,71,63,.08);color:#9c3d36}
#contact-submit[aria-busy="true"]{opacity:.7;cursor:progress}