@media (hover:hover) and (prefers-reduced-motion:no-preference){article,.btn,nav a,.storylink,summary{transition:transform .2s ease,box-shadow .2s ease,color .2s ease}article:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0b302015}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #12372635}nav a:hover,.storylink:hover{text-decoration:underline;text-underline-offset:6px}article h3{background:linear-gradient(currentColor,currentColor) left bottom / 0 2px no-repeat;transition:background-size .28s ease;width:fit-content;padding-bottom:4px}article:hover h3{background-size:100% 2px}}nav a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:3px solid #79a758;outline-offset:4px}
.bar{height:5px;background:linear-gradient(to right,#327357 var(--share),#b3c77d var(--share));border-radius:5px}.duelrow .row{border:0;padding:10px 0 4px}.duelrow b{font-variant-numeric:tabular-nums}body{background:radial-gradient(ellipse at 8% 12%,#dceee3,transparent 47%),radial-gradient(ellipse at 92% 42%,#e0e8f8,transparent 48%),#f4f6f3;background-attachment:fixed}
header{position:relative;z-index:4;max-width:1240px;width:94%;min-height:62px;margin:8px auto 22px;padding:8px clamp(16px,3vw,44px);border-radius:28px;background:#fffffff0;border:1px solid #fff;box-shadow:0 8px 30px #173e3012,inset 0 1px 1px white}
@supports(backdrop-filter:blur(10px)){header{background:#ffffffad;backdrop-filter:blur(22px) saturate(155%)}}
nav a{padding:6px 12px;border-radius:22px}nav a[aria-current]{background:#fff9;text-decoration:none;box-shadow:0 1px 6px #15392915}
.plot,.panel,.kpis article,article:first-child{background:linear-gradient(140deg,#fffffff0,#ffffff8c);border-color:#fff;border-radius:24px;box-shadow:0 8px 26px #233b3210}
.devices{display:grid;grid-template-columns:minmax(0,1fr) var(--phone-width,25%);gap:clamp(12px,3vw,40px);align-items:start;padding-bottom:36px}.device{overflow:hidden;position:relative;background:#101426;border:6px solid #273040;box-sizing:content-box;box-shadow:0 15px 38px #1e39342c}.pc{border-radius:16px}.phone{border-radius:30px}.device iframe{border:0;position:absolute;top:0;left:0;transform-origin:top left}.devices h3{font-size:18px}.section{scroll-margin-top:96px}
@media(max-width:700px){.devices{grid-template-columns:1fr;gap:22px}.devices>section:nth-child(2){order:-1}.phone{max-width:390px;width:100%;margin:auto}header{position:relative;top:0}.devices h3{margin:8px 0 10px}.device{border-width:4px}}

.custom-options{row-gap:20px}.custom-options article{display:flex;flex-direction:column;background:linear-gradient(145deg,#ffffffd9,#eff5e4b3);color:#173e30;backdrop-filter:blur(18px);border:1px solid #ffffffd9;box-shadow:0 10px 32px #193f310b}.custom-options article small{font-size:11px;letter-spacing:.08em}.custom-options article h3{font-size:27px;line-height:1.12}.custom-options article p{line-height:1.65;margin-bottom:24px}.example-chip{margin-top:auto;padding:12px 14px;border-radius:14px;background:#dfeccf88;font-size:13px;line-height:1.5}.custom-note{max-width:800px;color:#51655a;font-size:14px;margin:26px 0}.custom-product>small{letter-spacing:.1em}@media(min-width:741px) and (max-width:1000px){.custom-options{grid-template-columns:repeat(2,1fr)}}
/* Product ideas: hover, keyboard and touch previews. */
.ideas-heading{max-width:850px}.ideas-heading>small{font-size:12px;letter-spacing:.14em}.ideas-heading h2{margin-top:16px!important}.preview-instruction{font-size:14px;color:#52695d;margin-bottom:30px}.ambitious-options{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}.ambitious-options .idea-card{padding:28px;min-width:0;border-radius:28px;background:linear-gradient(135deg,#ffffffeb,#ffffff88);box-shadow:inset 0 1px 0 #fff,0 12px 36px #163f3010;transition:border-color .2s,box-shadow .2s}.ambitious-options .idea-card:hover{transform:none}.idea-meta{display:flex;align-items:center;gap:12px}.idea-meta>span:first-child{font-size:13px;color:#6a806e}.idea-meta small{font-size:10px!important;letter-spacing:.08em;line-height:1.4}.idea-spark{margin-left:auto;font-size:23px;color:#567a5d}.ambitious-options .idea-card h3{font-size:clamp(24px,2.3vw,33px);max-width:430px;line-height:1.12;margin:26px 0 16px;background:none;padding:0}.ambitious-options .idea-card>p{font-size:15px;margin:0 0 18px;color:#486053;line-height:1.65}.idea-punch{font-size:13px;color:#34533f;margin-bottom:24px}.preview-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 17px;border:1px solid #c9dbc680;background:#e5eedb88;color:#24472f;border-radius:16px;font-size:13px;text-align:left}.preview-plus{font-size:19px}.preview-open .preview-plus{transform:rotate(45deg)}.preview-open{border-color:#b5cfa8!important;box-shadow:0 16px 45px #193f311c!important}.idea-preview[hidden]{display:none}.preview-inner{padding:22px 0 0;animation:preview-appear .25s ease-out}.preview-badge{font-size:9px;font-weight:700;letter-spacing:.09em;color:#557060;margin-bottom:14px}.preview-inner .mock-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:#647568}.mock-label span{float:right}.flow{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;margin-bottom:16px}.flow>span{padding:6px 8px;border-radius:9px;background:#e3eddc}.flow i{font-style:normal;color:#71846d}.sms-mock,.kpi-builder,.travel-preview,.report-preview,.video-preview{padding:16px;border:1px solid #fff;border-radius:19px;background:#ffffffc4;box-shadow:0 5px 18px #183f300a}.sms-bubble{background:#dceecf;color:#24472a;padding:15px;border-radius:17px 17px 17px 3px;margin:16px 0;font-size:13px;line-height:1.65;max-width:92%}.mock-status{font-size:10px;color:#536b59;line-height:1.5;margin-top:12px}.preview-foot{font-size:11px!important;color:#637568;margin:12px 0 0!important;line-height:1.6}.lineup-preview{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.mini-pitch{height:230px;background:repeating-linear-gradient(0deg,#356848 0 28px,#3a704c 28px 56px);border:1px solid #ffffffb0;border-radius:14px;display:flex;flex-direction:column;justify-content:space-around;position:relative;padding:12px 4px}.mini-pitch:before{content:'';position:absolute;inset:8px;border:1px solid #ffffff80;border-radius:3px;pointer-events:none}.pitch-line{display:flex;justify-content:space-around;position:relative}.pitch-line span{width:25px;height:25px;border-radius:50%;background:#effbd5;color:#1c4029;border:2px solid #fff;font-size:9px;display:grid;place-items:center;box-shadow:0 3px 5px #0002}.lineup-reasons{display:flex;flex-direction:column;gap:12px;font-size:12px}.lineup-reasons>span,.lineup-reasons small{font-size:10px;color:#607262}.lineup-reasons>div{border-bottom:1px solid #c4d5bf;padding-bottom:8px}.video-scene{position:relative;height:145px;background:linear-gradient(140deg,#193e31,#3a6a49);border-radius:10px;overflow:hidden}.video-scene svg{width:100%;height:100%;fill:none;stroke:#ffffff30;stroke-width:1}.video-scene .tactic-arrow{stroke:#d7fa8c;stroke-width:3;stroke-dasharray:6 4}.video-play{position:absolute;left:46%;top:33%;border:1px solid #ffffff60;color:white;background:#ffffff20;backdrop-filter:blur(5px);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px}.video-caption{position:absolute;bottom:9px;left:10px;font-size:10px;color:white}.video-timeline{display:flex;gap:5px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #dce5d7}.video-timeline span{padding:5px 7px;background:#e3ebdb;border-radius:7px;font-size:9px}.video-timeline span:nth-child(2){background:#2e5940;color:white}.formula-pills{display:flex;align-items:center;gap:8px;margin:16px 0;font-size:10px}.formula-pills span{background:#e4ecd9;padding:8px;border:1px solid #d6e2cb;border-radius:9px}.formula-pills i{font-size:18px;font-style:normal}.kpi-result{display:flex;gap:14px;align-items:end;justify-content:space-between}.kpi-result small{font-size:10px;display:block}.kpi-result strong{font-size:48px;font-weight:650;line-height:1.4;display:block;letter-spacing:-.06em}.kpi-result em{font-style:normal;font-size:18px;font-weight:400;letter-spacing:0}.kpi-result span{font-size:10px;color:#4d7e37}.mini-bars{display:flex;align-items:end;height:105px;gap:7px;min-width:88px}.mini-bars i{background:#abc98a;width:16px;height:var(--bar);border-radius:4px 4px 0 0}.mini-bars i:last-child{background:#365e3d}.travel-map{height:140px;background:linear-gradient(130deg,#e6eddc,#ecf1e8);border-radius:12px;overflow:hidden;position:relative}.travel-map svg{width:100%;height:100%;fill:none}.map-road{stroke:#fff;stroke-width:9}.map-route{stroke:#608951;stroke-width:3;stroke-dasharray:5 4}.travel-map circle{fill:#d5f2a3;stroke:#395a33;stroke-width:3}.travel-map>span{position:absolute;bottom:8px;left:12px;background:#ffffffb0;border-radius:8px;padding:4px 7px;font-size:10px}.travel-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;padding-top:13px}.travel-row>span{font-size:10px;color:#52684b}.mock-pill{padding:5px 7px;border-radius:7px;background:#f0ebcf}.report-cover{background:linear-gradient(135deg,#1b402e,#38664a);border-radius:12px;padding:20px;color:#eaf4e2;position:relative;overflow:hidden}.report-cover:after{content:'';position:absolute;right:-25px;top:-30px;width:130px;height:130px;border-radius:50%;border:28px solid #d6ed9d12}.report-cover>span{font-size:9px;letter-spacing:.1em}.report-cover>b{display:block;font-size:26px;line-height:1.1;letter-spacing:-.04em;padding:17px 0}.report-cover>small{font-size:10px;color:#c9dfbc!important}.report-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:18px}.report-stats b{display:block;font-size:24px}.report-stats small{display:block;font-size:10px!important;font-weight:400!important;margin-top:3px;letter-spacing:0!important}.preview-toggle:focus-visible{outline:3px solid #729a5c;outline-offset:3px}@keyframes preview-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:740px){.ambitious-options{grid-template-columns:1fr}.ambitious-options .idea-card{padding:22px}.flow{font-size:9px}.lineup-preview{grid-template-columns:1.1fr 1fr}}@media(prefers-reduced-motion:reduce){.preview-inner{animation:none}.ambitious-options .idea-card{transition:none}}

.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contactcard{display:flex;flex-direction:column;gap:6px;padding:28px;border-radius:20px;background:#183f32;color:#fff;border:1px solid #183f32;transition:transform .15s}.contactcard:nth-child(2){background:#eaf0de;color:#122e25;border-color:#cad5c9}.contactcard:hover{transform:translateY(-2px)}.contactcard strong{font-size:clamp(22px,3vw,34px);letter-spacing:-.03em;line-height:1.1;word-break:break-word}.ctlabel{font-size:13px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:#d4f98a}.contactcard:nth-child(2) .ctlabel{color:#37614e}.ctnote{margin-top:6px;text-decoration:underline;text-underline-offset:4px;font-weight:650}#contact{scroll-margin-top:16px}.crumb{margin:22px 0 0}@media(max-width:740px){.contactgrid{grid-template-columns:1fr}}

/* Texte non sélectionnable quand il ne sert à rien de le copier (navigation, boutons, titres, étiquettes, prix). */
header,nav,footer,button,.btn,summary,h1,h2,h3,small,.hero,.tag,.chip,.dots,.level2,.price,.engage,.ladder,.ctlabel,.ctnote,.plan .feats,.plan .lead,.fcard,.steps2 b,.why b,.dtable .grp th,.others a,.idea-meta,.preview-toggle,.preview-badge,.flow,.mock-label,.crumb,.brand,.mark{-webkit-user-select:none;user-select:none}
/* Ce qui reste copiable : coordonnées, textes d’explication, tableaux. */
.contactcard strong,.contactcard,.contact .intro,p,li,td,th{-webkit-user-select:text;user-select:text}
header p,nav p,button p,.btn p,summary p,.hero p,.fcard p,.plan .price p,.plan .lead,.plan .engage,.plan .level2,.plan .feats li,.ladder,.crumb,.idea-meta p,.dtable .grp th{-webkit-user-select:none;user-select:none}
.contactcard strong{-webkit-user-select:all;user-select:all}


/* ===== Animations douces du site ===== */
:root{--ease:cubic-bezier(.22,1,.36,1);--ease-soft:cubic-bezier(.4,0,.2,1);interpolate-size:allow-keywords}
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .32s var(--ease-soft) both}
::view-transition-new(root){animation:vt-in .45s var(--ease) both}
@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(10px)}}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes heroPhoto{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.25)}100%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:no-preference){
 header{animation:rise .7s var(--ease) both}
 .hero{animation:heroPhoto 1.1s var(--ease) both}
 .hero>*{animation:rise .9s var(--ease) both}
 .hero>*:nth-child(1){animation-delay:.12s}.hero>*:nth-child(2){animation-delay:.22s}.hero>*:nth-child(3){animation-delay:.32s}.hero>*:nth-child(4){animation-delay:.42s}.hero>*:nth-child(5){animation-delay:.52s}
 /* Apparition au défilement (classes ajoutées par motion.js) */
 .js-motion .rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease) var(--d,0ms),transform .9s var(--ease) var(--d,0ms)}
 .js-motion .rv.in{opacity:1;transform:none}
 /* Survols : montée douce, ombre qui s’élargit */
 article,.panel,.plan,.contactcard,.others a,.idea-card,.diff .panel,.fcard,.why li,.fit li,.incl li{transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s var(--ease-soft),background-color .4s var(--ease-soft)}
 .plan:hover,.contactcard:hover,.others a:hover{transform:translateY(-5px);box-shadow:0 22px 46px #173e3024}
 .incl li:hover,.fit li:hover{transform:translateX(4px);border-color:#27583e}
 .btn,button{transition:transform .4s var(--ease),box-shadow .4s var(--ease),background-color .35s var(--ease-soft),color .35s var(--ease-soft),filter .35s}
 .btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #12372633}
 .btn:active{transform:translateY(0) scale(.985);transition-duration:.12s}
 nav a{transition:background-color .35s var(--ease-soft),color .35s var(--ease-soft),transform .4s var(--ease)}
 nav a:hover{transform:translateY(-1px)}
 .plan .btn,.plan .btn:hover,.plan .btn:active{transform:none!important;box-shadow:none!important;transition:background-color .35s var(--ease-soft)}
 .plan.in .dots i.on,.plan:not(.rv) .dots i.on{animation:pop .55s var(--ease) both}
 .plan .dots i.on:nth-child(2){animation-delay:.08s}.plan .dots i.on:nth-child(3){animation-delay:.16s}.plan .dots i.on:nth-child(4){animation-delay:.24s}
 .preview-plus{transition:transform .5s var(--ease)}
 /* Questions : ouverture fluide */
 details::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .5s var(--ease),opacity .4s var(--ease-soft),content-visibility .5s allow-discrete}
 details[open]::details-content{block-size:auto;opacity:1}
 summary{transition:color .3s var(--ease-soft),padding-left .4s var(--ease)}
 summary:hover{padding-left:6px}
 /* Aperçus du produit : ouverture fluide au survol */
 .idea-preview{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .65s var(--ease),opacity .45s var(--ease-soft),margin-top .65s var(--ease)}
 .idea-preview[hidden]{display:grid!important}
 .idea-preview>.preview-inner{overflow:hidden;min-height:0;padding:0;animation:none}
 .idea-preview>.preview-inner::before{content:"";display:block;height:22px}
 .preview-inner>*{opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease-soft),transform .7s var(--ease)}
 .preview-open .idea-preview{grid-template-rows:1fr;opacity:1}
 .preview-open .preview-inner>*{opacity:1;transform:none}
 .preview-open .preview-inner>*:nth-child(1){transition-delay:.12s}.preview-open .preview-inner>*:nth-child(2){transition-delay:.2s}.preview-open .preview-inner>*:nth-child(3){transition-delay:.28s}.preview-open .preview-inner>*:nth-child(4){transition-delay:.36s}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .idea-card:hover .idea-preview{grid-template-rows:1fr;opacity:1}
 .idea-card:hover .preview-inner>*{opacity:1;transform:none}
 .idea-card:hover .preview-inner>*:nth-child(1){transition-delay:.12s}.idea-card:hover .preview-inner>*:nth-child(2){transition-delay:.2s}.idea-card:hover .preview-inner>*:nth-child(3){transition-delay:.28s}.idea-card:hover .preview-inner>*:nth-child(4){transition-delay:.36s}
 .idea-card:hover .preview-plus{transform:rotate(45deg)}
 .idea-card:hover{border-color:#b5cfa8!important;box-shadow:0 18px 46px #193f3120!important}
 .preview-toggle{cursor:default}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){
 .idea-card:hover .idea-preview{display:block}
}
@media (prefers-reduced-motion:reduce){
 .idea-preview{display:none}.preview-open .idea-preview{display:block}
 *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}
}
/* Zone de survol stable : la fiche ne « clignote » pas quand elle se soulève. */
.plan::before,.contactcard::before{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px}
.contactcard{position:relative}
@media (prefers-reduced-motion:no-preference){.plan:hover,.contactcard:hover,.others a:hover{transform:translateY(-4px)}}

/* Personnalisateur en direct (produit.html) */
.live-customizer{margin:10px 0 26px;padding:20px 22px;border-radius:24px;background:linear-gradient(140deg,#fffffff2,#ffffffb5);border:1px solid #fff;box-shadow:0 10px 30px #193f3110;display:flex;flex-direction:column;gap:16px}
.cz-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid #e1e8dc}
.cz-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cz-sub{width:100%;font-size:13px;color:#4f665a}
.cz-badge{font-size:10px;font-weight:800;letter-spacing:.09em;padding:4px 9px;border-radius:999px;background:#e1f0d8;color:#1e4a32}
.cz-title strong{font-size:17px;letter-spacing:-.01em;color:#122e25}
.cz-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cz-club-input{display:inline-flex;align-items:center;gap:8px;background:#f4f7f1;border:1px solid #d2dfd0;border-radius:999px;padding:4px 6px 4px 12px;font-size:12px;font-weight:650;color:#3d5849}
.cz-club-input input{border:0;background:transparent;font:inherit;font-weight:600;color:#122e25;width:135px;outline:none}
.cz-reset{padding:8px 14px;border-radius:999px;background:#eef3ea;color:#1b4030;font-size:12px;font-weight:650;border:1px solid #d5e0d1}
.cz-rows{display:flex;flex-direction:column;gap:14px}
.cz-group{display:flex;flex-direction:column;gap:8px}
.cz-label{font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#4f685a;display:block;margin-bottom:6px}
.cz-segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;border-radius:14px;background:#edf2e9;border:1px solid #d7e2d3;width:100%}
.cz-seg{width:100%;padding:9px 10px;border-radius:10px;background:transparent;color:#274737;font-size:12.5px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cz-seg[aria-pressed=true]{background:#173e30;color:#fff;box-shadow:0 2px 8px #173e3028}
/* Les 10 thèmes de couleurs : 5 colonnes × 2 lignes sur ordinateur, chaque thème dans son propre bloc sans retour à la ligne */
.cz-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%}
.cz-preset{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-height:44px;padding:9px 13px;border-radius:12px;background:#f4f7f1;color:#17392c;font-size:13px;font-weight:700;border:1px solid #d5e1d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 5px rgba(18,46,37,.04)}
.cz-preset span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cz-preset i{width:15px;height:15px;border-radius:50%;display:inline-block;background:linear-gradient(135deg,var(--c1) 50%,var(--c2) 50%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);flex-shrink:0}
.cz-preset[aria-pressed=true]{background:#173e30;color:#fff;border-color:#173e30;box-shadow:0 5px 14px rgba(23,62,48,.22)}
.cz-sections-bar{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid #e1e8dc}
.cz-sections-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cz-toggles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex:1;min-width:280px}
.cz-toggle{width:100%;padding:9px 10px;border-radius:11px;background:#f4f7f1;color:#5a6e62;font-size:12px;font-weight:700;border:1px dashed #c8d6c4;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cz-toggle[aria-pressed=true]{background:#e3f0da;color:#173e30;border-style:solid;border-color:#a5c798}
.cz-toggle[aria-pressed=true]::before{content:"✓ "}
.cz-order-wrap{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#3d5849}
.cz-order-wrap select{border:1px solid #d2dfd0;background:#f4f7f1;border-radius:11px;padding:8px 12px;font-size:12px;font-weight:650;color:#173e30}
.cz-universes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cz-univ{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:13px 14px;border-radius:16px;background:#f4f7f1;border:1px solid #d5e1d2;color:#122e25;text-align:left;width:100%}
.cz-univ b{font-size:13.5px;line-height:1.25}
.cz-univ small{font-size:11.5px;color:#526b5c;font-weight:500;line-height:1.35}
.cz-univ[aria-pressed=true]{background:#173e30;color:#fff;border-color:#173e30;box-shadow:0 6px 16px #173e3026}
.cz-univ[aria-pressed=true] small{color:#d7f5a3}
.cz-context{margin-top:4px;padding:14px 16px;border-radius:16px;background:#eef4eb;border:1px solid #cfe0cb;display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:center}
.cz-context-main{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.cz-da-pill{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:#173e30;color:#d4f98a}
.cz-context-main strong{font-size:13.5px;color:#122e25;line-height:1.3}
.cz-context-main p{margin:0;font-size:12px;color:#3d5849;line-height:1.45}
.cz-context-tools{display:flex;flex-direction:column;gap:7px}
.cz-tool-pills{display:flex;flex-wrap:wrap;gap:6px}
.cz-tool-btn{padding:7px 12px;border-radius:10px;background:#fff;color:#173e30;font-size:11.5px;font-weight:700;border:1px solid #bdd2b8;cursor:pointer;box-shadow:0 2px 5px rgba(23,62,48,.06);transition:all .15s}
.cz-tool-btn:hover{background:#173e30;color:#fff;border-color:#173e30;transform:translateY(-1px)}
[hidden]{display:none!important}
@media(max-width:1040px){.cz-universes{grid-template-columns:repeat(2,minmax(0,1fr))}.cz-context{grid-template-columns:1fr}}
@media(max-width:880px){
 .cz-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .cz-preset{min-height:42px;padding:8px 11px;font-size:12.5px;gap:8px;border-radius:11px}
 .cz-segmented,.cz-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .cz-sections-controls{flex-direction:column;align-items:stretch}
 .cz-toggles{min-width:0;width:100%}
 .cz-order-wrap{width:100%;justify-content:space-between}
 .cz-order-wrap select{flex:1}
}
@media(max-width:600px){.cz-universes{grid-template-columns:1fr}}
@media(max-width:740px){.live-customizer{padding:14px;border-radius:20px;gap:12px}.cz-club-input input{width:115px}}

/* Mise en avant Export Excel (produit.html) */
.excel-spotlight{margin:34px 0 12px;padding:28px 30px;border-radius:26px;background:linear-gradient(135deg,#133829 0%,#1b4b37 58%,#1f5940 100%);color:#f4f9f2;border:1px solid #2b6a4d;box-shadow:0 18px 42px -16px rgba(18,46,37,.28);display:grid;grid-template-columns:1.08fr 1.12fr;gap:26px;align-items:center}
.excel-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#d4f98a;color:#143628;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.excel-copy h2{font-size:clamp(26px,3.1vw,38px);line-height:1.1;margin:0 0 12px;color:#fff;letter-spacing:-.03em}
.excel-copy h2 em{color:#d4f98a;font-family:Georgia,serif;font-weight:400}
.excel-copy p{font-size:15.5px;line-height:1.55;color:#d6e8dc;margin:0 0 16px}
.excel-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px;padding:0;list-style:none}
.excel-points li{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:600;color:#eef7f0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:9px 12px;border-radius:12px}
.excel-points li i{color:#d4f98a;font-style:normal;font-weight:800}
.excel-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.excel-dl-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:#d4f98a;color:#133527;font-weight:750;font-size:14px;border:0;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.excel-dl-btn:hover{background:#e1ff9e;transform:translateY(-1px)}
.excel-note{font-size:12px;color:#b8d3c2;font-weight:500}
.excel-sheet-card{background:#ffffff;color:#122e25;border-radius:18px;overflow:hidden;border:1px solid #d4e0d3;box-shadow:0 16px 36px rgba(0,0,0,.22)}
.excel-bar{background:#107c41;color:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700}
.excel-bar-left{display:flex;align-items:center;gap:8px}
.excel-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#fff;color:#107c41;font-weight:900;font-size:12px}
.excel-tabs{display:flex;background:#edf4ee;border-bottom:1px solid #d5e2d6;padding:6px 10px 0;gap:6px;overflow-x:auto}
.excel-tab{padding:7px 12px;border-radius:8px 8px 0 0;background:transparent;color:#3d5c4c;font-size:11.5px;font-weight:700;border:1px solid transparent;border-bottom:0;cursor:pointer}
.excel-tab[aria-selected=true]{background:#fff;color:#107c41;border-color:#d5e2d6}
.excel-table-wrap{overflow-x:auto;padding:10px 12px 12px}
.excel-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.excel-table th{background:#f3f7f4;color:#2e4d3d;font-weight:750;text-align:left;padding:7px 9px;border:1px solid #dce6dd;font-size:11px;text-transform:uppercase;letter-spacing:.03em}
.excel-table td{padding:7px 9px;border:1px solid #e4ece5;color:#183529}
.excel-table tr:nth-child(even) td{background:#fafcfa}
.excel-pill-ok{display:inline-block;padding:2px 7px;border-radius:99px;background:#dcfce7;color:#166534;font-weight:700;font-size:10.5px}
.excel-foot{padding:8px 14px;background:#f5f9f6;border-top:1px solid #e1ebe2;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#4f6b5c;font-weight:600}
.cz-excel-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:#107c41;color:#fff;font-size:12px;font-weight:700;text-decoration:none}
.cz-excel-pill:hover{background:#0c6333;text-decoration:none}

/* Manifeste Sur-Mesure (produit.html) */
.bespoke-manifesto{margin:28px 0 18px;padding:28px 30px;border-radius:24px;background:#ffffff;border:1px solid #cbd5c9;box-shadow:0 10px 28px rgba(18,46,37,.06);display:flex;flex-direction:column;gap:20px}
.bespoke-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.bespoke-head h2{font-size:clamp(26px,3.2vw,40px);line-height:1.08;margin:6px 0 8px;color:#122e25}
.bespoke-head h2 em{color:#174634;font-family:Georgia,serif;font-weight:400;background:#e1f0d8;padding:0 8px;border-radius:8px}
.bespoke-head p{margin:0;max-width:780px;font-size:16px;color:#3d5849;line-height:1.55}
.bespoke-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bespoke-card{padding:18px 20px;border-radius:18px;background:#f4f7f1;border:1px solid #d5e1d2;display:flex;flex-direction:column;gap:8px}
.bespoke-step{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#174634}
.bespoke-card h3{font-size:18px;line-height:1.2;margin:0;color:#122e25}
.bespoke-card p{margin:0;font-size:13.5px;color:#466052;line-height:1.5}
.bespoke-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:10px;border-top:1px solid #e1e8dc}
.bespoke-vs{padding:14px 18px;border-radius:14px;font-size:13.5px;line-height:1.5}
.bespoke-vs.generic{background:#f3f4f6;color:#4b5563;border:1px dashed #cbd5e1}
.bespoke-vs.yours{background:#e3f0da;color:#122e25;border:1px solid #a5c798;font-weight:500}
.bespoke-vs b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}

/* Atelier de Personnalisation Guidé en 3 Étapes */
.cz-QuickGuide{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:#eef5ea;border:1px solid #cfe0cb;font-size:12.5px;color:#173e30;font-weight:600}
.cz-qg-step b{display:inline-block;padding:2px 8px;border-radius:99px;background:#173e30;color:#d4f98a;font-size:11px;margin-right:4px}
.cz-qg-sep{color:#6a8575;font-weight:800}
.cz-step-box{padding:14px 16px;border-radius:18px;background:#f9fbf8;border:1px solid #dce6d9;display:flex;flex-direction:column;gap:12px}
.cz-step-head{display:flex;align-items:center;gap:11px}
.cz-step-num{width:28px;height:28px;border-radius:50%;background:#173e30;color:#d4f98a;display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0}
.cz-step-title{display:block;font-size:14.5px;color:#122e25;line-height:1.2}
.cz-step-hint{display:block;font-size:12px;color:#526b5c;margin-top:2px}
.cz-univ-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}
.cz-univ-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:99px;background:#e3ece0;color:#274738}
.cz-univ-status{font-size:10.5px;font-weight:800;color:#417259}
.cz-univ[aria-pressed=true] .cz-univ-tag{background:rgba(212,249,138,.2);color:#d4f98a}
.cz-univ[aria-pressed=true] .cz-univ-status{color:#d4f98a}
.cz-identity-row{display:flex;flex-direction:column;gap:14px}
.cz-identity-top{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;align-items:center}
.cz-club-prominent{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:10px 14px;border-radius:14px;background:#fff;border:2px solid #9ec293;width:100%}
.cz-club-prominent span{font-size:11px;font-weight:800;color:#173e30;text-transform:uppercase;letter-spacing:.04em}
.cz-club-prominent input{width:100%!important;font-size:15px!important;font-weight:800!important;color:#122e25!important;border:0;outline:0}
.cz-palette-block{display:flex;flex-direction:column;gap:4px;width:100%}
.cz-layout-stack{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;align-items:start}
.cz-live-status-bar{padding:10px 16px;border-radius:12px;background:#173e30;color:#f4f9f2;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px}
.cz-live-status-bar strong{color:#d4f98a}
.cz-live-scroll-hint{font-size:11.5px;color:#b8d8be;font-weight:600}

/* Classeur Excel Complet Façon Éléa (KPIs + Graphiques + Grille X/R/B) */
.excel-full-showcase{display:flex!important;flex-direction:column;gap:18px;align-items:stretch}
.excel-showcase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;flex-wrap:wrap}
.excel-showcase-head > div:first-child{max-width:780px}
.excel-showcase-head h2{font-size:clamp(26px,3.1vw,38px);line-height:1.1;margin:0 0 10px;color:#fff;letter-spacing:-.03em}
.excel-showcase-head h2 em{color:#d4f98a;font-family:Georgia,serif;font-weight:400}
.excel-showcase-head p{font-size:15px;line-height:1.55;color:#d6e8dc;margin:0}
.excel-showcase-head code{background:rgba(255,255,255,.14);padding:2px 6px;border-radius:5px;color:#fff;font-size:13px}
.excel-dl-box{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
.excel-wb-switcher{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:16px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.14)}
.excel-wb-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#d4f98a}
.excel-wb-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.excel-wb-pill{padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.08);color:#eef7f0;border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:700;text-align:left;cursor:pointer;transition:all .15s;line-height:1.3}
.excel-wb-pill:hover{background:rgba(255,255,255,.15)}
.excel-wb-pill[aria-pressed=true]{background:#d4f98a;color:#133527;border-color:#d4f98a;box-shadow:0 6px 16px rgba(0,0,0,.22)}
.excel-window-wide{width:100%}
.excel-formula-bar{display:flex;align-items:center;gap:10px;padding:7px 14px;background:#f8fafc;border-bottom:1px solid #d5e2d6;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.excel-cell-ref{padding:2px 8px;border-radius:4px;background:#e2e8f0;color:#1e293b;font-weight:700;font-size:11px}
.excel-fx{color:#107c41;font-weight:900;font-style:italic}
.excel-formula-bar code{color:#0f172a;font-weight:600;overflow-x:auto;white-space:nowrap}
.excel-tab{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.excel-tab i{width:8px;height:8px;border-radius:50%;display:inline-block}
.excel-canvas-body{padding:16px;background:#f4f6fa;min-height:360px;display:flex;flex-direction:column;gap:14px}
.xl-banner{background:#10217d;color:#fff;padding:10px 14px;border-radius:8px;border-bottom:3px solid #e30613;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.xl-banner strong{font-size:13.5px;letter-spacing:.03em}
.xl-banner span{font-size:11px;color:#cbd5e1;font-style:italic}
.xl-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.xl-kpi-tile{background:#fff;border:1px solid #d6dceb;border-radius:7px;overflow:hidden;text-align:center;box-shadow:0 2px 4px rgba(16,33,125,.05)}
.xl-kpi-head{padding:4px 6px;font-size:9.5px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.04em}
.xl-kpi-val{padding:8px 6px 4px;font-size:18px;font-weight:800;line-height:1.1}
.xl-kpi-cap{padding:0 6px 6px;font-size:9.5px;color:#5a6478;font-style:italic}
.xl-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.xl-chart-card{background:#fff;border:1px solid #d6dceb;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}
.xl-chart-title{font-size:11.5px;font-weight:800;color:#10217d;display:flex;justify-content:space-between;align-items:center}
.xl-chart-title small{font-size:9.5px;color:#64748b;font-weight:600}
.xl-col-chart{height:110px;display:flex;align-items:flex-end;gap:6px;padding-top:10px;border-bottom:1px solid #e2e8f0}
.xl-col-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}
.xl-col-bars{display:flex;align-items:flex-end;gap:2px;height:85%;width:100%;justify-content:center}
.xl-col-bar{width:10px;border-radius:2px 2px 0 0}
.xl-col-lbl{font-size:9px;color:#475569;font-weight:700}
.xl-hbar-list{display:flex;flex-direction:column;gap:5px}
.xl-hbar-row{display:grid;grid-template-columns:86px 1fr 42px;align-items:center;gap:6px;font-size:10.5px}
.xl-hbar-name{font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xl-hbar-track{height:11px;background:#eef2f7;border-radius:3px;overflow:hidden;display:flex}
.xl-hbar-fill{height:100%}
.xl-hbar-val{text-align:right;font-weight:800;color:#10217d;font-size:10px}
.xl-att-cell{font-weight:800;text-align:center;font-size:11px;border-radius:3px}
.xl-att-X{background:#92d050!important;color:#1f2937!important}
.xl-att-R{background:#ffff00!important;color:#1f2937!important}
.xl-att-B{background:#ffc000!important;color:#1f2937!important}
.xl-att-E{background:#bdd7ee!important;color:#1f2937!important}
.xl-att-A{background:#ff7c80!important;color:#1f2937!important}
.xl-databar{position:relative;z-index:1;padding:2px 6px;border-radius:3px;font-weight:800;display:inline-block;min-width:64px;text-align:right}

/* Section Comparatif face aux plateformes génériques (SportEasy, Coach-Adjoint, DoYourFootball) */
.comp-section{margin:24px 0 18px;padding:30px;border-radius:26px;background:linear-gradient(145deg,#ffffff 0%,#f2f7ef 100%);border:1px solid #c6d6c3;box-shadow:0 12px 34px rgba(18,46,37,.08);display:flex;flex-direction:column;gap:22px}
.comp-head h2{font-size:clamp(26px,3.2vw,40px);line-height:1.1;margin:8px 0 10px;color:#122e25;letter-spacing:-.03em}
.comp-head h2 em{color:#174634;font-family:Georgia,serif;font-weight:400;background:#d4f98a;padding:0 8px;border-radius:8px}
.comp-head p{margin:0;max-width:920px;font-size:15.5px;line-height:1.6;color:#355243}
.comp-apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.comp-app-card{background:#fff;border:1px solid #d4e0d2;border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 6px 18px rgba(18,46,37,.04)}
.comp-app-top{display:flex;flex-direction:column;gap:4px;padding-bottom:8px;border-bottom:1px solid #e6eee4}
.comp-app-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#526b5c}
.comp-app-top h3{font-size:21px;margin:0;color:#122e25}
.comp-app-block{padding:10px 12px;border-radius:12px;font-size:12.5px;line-height:1.5}
.comp-app-block b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.comp-app-block.good{background:#f4f7f2;color:#334e40;border:1px solid #dce6d9}
.comp-app-block.bad{background:#fff5f5;color:#7f1d1d;border:1px dashed #fca5a5}
.comp-app-block.bad b{color:#b91c1c}
.comp-app-block.footlist{background:#e3f2da;color:#122e25;border:1px solid #9ec68e;margin-top:auto}
.comp-app-block.footlist b{color:#174634}
.comp-table-card{background:#fff;border:1px solid #cbd9c8;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(18,46,37,.06)}
.comp-table-head{background:#173e30;color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.comp-table-head strong{display:block;font-size:15.5px;color:#d4f98a}
.comp-table-head span{font-size:12px;color:#d2e5d7}
.comp-table-scroll{overflow-x:auto;width:100%}
.comp-matrix{width:100%;border-collapse:collapse;min-width:780px;font-size:12.5px}
.comp-matrix th{background:#edf4ea;color:#173e30;font-weight:800;padding:11px 13px;text-align:left;border-bottom:2px solid #cbd9c8;font-size:12px}
.comp-matrix th.col-footlist{background:#1f513d;color:#d4f98a;font-size:13px}
.comp-matrix td{padding:11px 13px;border-bottom:1px solid #e3ece0;vertical-align:top;color:#2c4739}
.comp-matrix td small{display:block;font-size:11px;color:#5a7264;font-weight:500;margin-top:2px}
.comp-matrix td.col-footlist{background:#f3faec;font-weight:700;color:#122e25;border-left:2px solid #9ec68e;border-right:2px solid #9ec68e}
.comp-matrix tr.row-highlight td:first-child{background:#fafdf7}
.comp-yes{display:inline-block;padding:3px 8px;border-radius:8px;background:#dcfce7;color:#14532d;font-weight:800;font-size:11.5px}
.comp-yes-soft{display:inline-block;padding:3px 8px;border-radius:8px;background:#eef5ea;color:#274737;font-weight:700;font-size:11.5px}
.comp-mid{display:inline-block;padding:3px 8px;border-radius:8px;background:#fef3c7;color:#92400e;font-weight:700;font-size:11.5px}
.comp-no{display:inline-block;padding:3px 8px;border-radius:8px;background:#fee2e2;color:#991b1b;font-weight:700;font-size:11.5px}

@media(max-width:980px){.excel-wb-pills{grid-template-columns:repeat(2,1fr)}.xl-kpi-grid{grid-template-columns:repeat(3,1fr)}.xl-charts-grid,.comp-apps-grid{grid-template-columns:1fr}}
@media(max-width:920px){.excel-spotlight{grid-template-columns:1fr;padding:22px}.excel-points,.bespoke-grid,.bespoke-compare{grid-template-columns:1fr}.excel-dl-box{align-items:flex-start}.cz-identity-top,.cz-layout-stack{grid-template-columns:1fr}}
@media(max-width:740px){
 html,body{overflow-x:hidden}
 main,footer{padding:0 14px!important}
 header{width:calc(100% - 20px)!important;margin:8px auto 14px!important;padding:10px 14px!important;border-radius:20px!important;gap:8px!important}
 header nav{width:100%;justify-content:space-between;gap:4px!important}
 header nav a{padding:6px 9px!important;font-size:13.5px!important;white-space:nowrap}
 h1{font-size:clamp(30px,8.2vw,42px)!important;line-height:1.08!important;margin:14px 0!important}
 h2{font-size:clamp(24px,6.8vw,34px)!important;line-height:1.12!important;margin-bottom:18px!important}
 .hero{min-height:360px!important;padding:24px 18px!important;border-radius:20px!important}
 .hero p,.producthead p,.intro,.commit p{font-size:15.5px!important;line-height:1.55!important}
 .producthead{padding:18px 0 12px!important}
 .productlink{font-size:14px;margin:6px 0}
 article,.panel,.plan,.contactcard{padding:20px 18px!important;border-radius:18px!important}
 .bespoke-manifesto,.comp-section{padding:20px 16px!important;border-radius:20px!important;gap:16px}
 .excel-spotlight{padding:20px 16px!important;border-radius:20px!important}
 .excel-dl-box,.excel-dl-btn{width:100%;justify-content:center}
 .excel-canvas-body{padding:12px 10px}
 .xl-kpi-val{font-size:15.5px}
 .cz-step-box{padding:12px 13px;border-radius:15px}
 .cz-QuickGuide{padding:9px 11px;font-size:11.5px;gap:6px}
 .cz-qg-sep{display:none}
 .cz-qg-step{width:100%}
 .cz-top-actions{width:100%}
 .cz-excel-pill,.cz-reset{flex:1;justify-content:center;text-align:center}
 .cz-tool-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}
 .cz-tool-btn{width:100%;text-align:center;padding:8px 8px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .lineup-preview{grid-template-columns:1fr!important}
}
@media(max-width:560px){.excel-wb-pills{grid-template-columns:1fr}.xl-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.cz-preset{font-size:11.5px;padding:8px 8px;gap:6px}.cz-tool-pills{grid-template-columns:1fr}}

/* ===== Retours d'Arthaud (13/11) ===== */

/* Prix : le prix par mois en grand, le total en petit */
.price .sub{display:block;margin-top:4px;font-size:12.5px;font-weight:500;opacity:.85}
.bigprice .per{font-size:.38em;font-weight:600;letter-spacing:0}

/* Repères « terrain de foot » : lignes du terrain et bandes de tonte */
body{background:repeating-linear-gradient(90deg,rgba(23,70,52,.022) 0 120px,transparent 120px 240px),radial-gradient(ellipse at 8% 12%,#dceee3,transparent 47%),radial-gradient(ellipse at 92% 42%,#e0e8f8,transparent 48%),#f4f6f3;background-attachment:fixed}
.hero{position:relative;isolation:isolate}
.hero>*{position:relative;z-index:1}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400' preserveAspectRatio='xMaxYMid slice' fill='none' stroke='%23ffffff' stroke-opacity='.32' stroke-width='2'%3E%3Crect x='24' y='24' width='552' height='352' rx='2'/%3E%3Cline x1='300' y1='24' x2='300' y2='376'/%3E%3Ccircle cx='300' cy='200' r='62'/%3E%3Ccircle cx='300' cy='200' r='3' fill='%23ffffff' fill-opacity='.32'/%3E%3Crect x='472' y='112' width='104' height='176'/%3E%3Crect x='540' y='160' width='36' height='80'/%3E%3Cpath d='M472 168a40 40 0 0 0 0 64'/%3E%3C/svg%3E") right center/auto 100% no-repeat}
.producthead{position:relative}
.producthead::after{content:"";position:absolute;right:0;top:12px;width:170px;height:120px;pointer-events:none;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 120' fill='none' stroke='%23174634' stroke-opacity='.22' stroke-width='2'%3E%3Cline x1='85' y1='0' x2='85' y2='120'/%3E%3Ccircle cx='85' cy='60' r='40'/%3E%3Ccircle cx='85' cy='60' r='3' fill='%23174634' fill-opacity='.22'/%3E%3C/svg%3E") center/contain no-repeat}
footer{position:relative}
@media(max-width:760px){.producthead::after{width:110px;height:80px;top:0;opacity:.4}}

/* Démo plein écran sur téléphone */
.fs-cta,.fs-bar{display:none}
@media(max-width:760px){
 .fs-cta{display:block;margin:16px 0 6px;text-align:center}
 .fs-cta .btn{width:100%;justify-content:center;font-size:16px;padding:15px 18px}
 .fs-cta p{margin:8px 0 0;font-size:13px;color:#51655a}
 .devices:not(.fs-open){display:none}
 #cz-live-status-bar{display:none}
}
.devices.fs-open{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;gap:0;padding:0;margin:0;height:100dvh;background:#0c1f17;animation:fsIn .35s var(--ease,ease) both}
@keyframes fsIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.devices.fs-open .fs-bar{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top));background:#0c281d;box-shadow:0 1px 0 #ffffff14}
.devices.fs-open>section:first-of-type,.devices.fs-open h3{display:none}
.devices.fs-open>section{flex:1;display:flex;flex-direction:column;min-height:0;order:0}
.devices.fs-open .device.phone{flex:1;width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;height:auto!important}
.fs-close{flex:0 0 36px;height:36px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;font-size:15px;cursor:pointer}
.fs-sites{display:flex;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none}
.fs-sites::-webkit-scrollbar{display:none}
.fs-sites button{flex:0 0 auto;border:0;border-radius:999px;padding:9px 12px;background:#ffffff14;color:#dbe8dc;font:600 13px/1 Inter,-apple-system,sans-serif;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.fs-sites button[aria-selected=true]{background:#d4f98a;color:#0c281d}
html.fs-lock,html.fs-lock body{overflow:hidden}

/* Tableau comparatif : ✓ / ◐ / ✕, détail au survol ou au toucher */
.comp-matrix.cm-ready{min-width:0;font-size:13px}
.comp-matrix.cm-ready td,.comp-matrix.cm-ready th{vertical-align:middle}
.comp-matrix.cm-ready td:not(:first-child),.comp-matrix.cm-ready th:not(:first-child){text-align:center;width:15%}
.comp-matrix.cm-ready td.col-footlist{border-left-width:1px;border-right-width:1px;font-weight:inherit}
.cm-short{display:none}
.cm-icon{display:inline-grid!important;place-items:center;width:30px;height:30px;padding:0!important;border-radius:50%!important;font-size:14px!important;line-height:1;cursor:help;transition:transform .2s var(--ease,ease),box-shadow .2s}
.cm-icon:hover,.cm-icon:focus-visible{transform:scale(1.12);outline:none;box-shadow:0 0 0 3px #17463426}
.cm-row{cursor:help;text-decoration:underline dotted #9db3a5;text-underline-offset:4px;outline:none}
.cm-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:4px 0 12px;font-size:13px;color:#51655a}
.cm-legend b{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:5px;border-radius:50%;font-size:11px}
.cm-legend .y{background:#dcfce7;color:#14532d}.cm-legend .m{background:#fef3c7;color:#92400e}.cm-legend .n{background:#fee2e2;color:#991b1b}
.cm-legend em{flex-basis:100%;font-style:normal;font-size:12.5px}
.cm-tip{position:fixed;z-index:1100;left:0;top:0;padding:10px 12px;border-radius:12px;background:#0c281d;color:#e8f3e9;font-size:13px;line-height:1.45;box-shadow:0 12px 30px #0c281d40;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .2s var(--ease,ease)}
.cm-tip.on{opacity:1;transform:none}
.cm-tip b{display:block;margin-bottom:2px;color:#d4f98a;font-size:12px}
@media(max-width:760px){
 .cm-full{display:none}.cm-short{display:inline}
 .comp-matrix.cm-ready th,.comp-matrix.cm-ready td{padding:10px 3px}
 .comp-matrix.cm-ready th:first-child,.comp-matrix.cm-ready td:first-child{padding-left:8px;text-align:left}
 .comp-matrix.cm-ready th{font-size:10.5px;hyphens:manual}
 .comp-matrix.cm-ready td:first-child strong{font-size:12.5px;font-weight:650}
 .cm-icon{width:26px;height:26px;font-size:12px!important}
}

/* Mobile : moins de couleurs, de bordures, de gras et d'italique */
@media(max-width:760px){
 .comp-head p strong,.comp-head p b,.comp-app-block strong{font-weight:inherit;color:inherit}
 .comp-head h2 em{background:none;padding:0}
 .cz-badge{background:none;padding:0;color:#51655a;letter-spacing:.05em}
 .comp-apps-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 14px;scrollbar-width:none}
 .comp-apps-grid::-webkit-scrollbar{display:none}
 .comp-app-card{flex:0 0 86%;scroll-snap-align:center;box-shadow:none}
 .comp-app-block,.comp-app-block.good,.comp-app-block.bad,.comp-app-block.footlist{background:none;border:0;border-left:2px solid #dce6d9;border-radius:0;padding:0 0 0 10px;color:#355243}
 .comp-app-block.bad{border-left-color:#f0b9b9}
 .comp-app-block.footlist{border-left-color:#8cc074}
 .comp-app-block b,.comp-app-block.bad b,.comp-app-block.footlist b{text-transform:none;letter-spacing:0;font-size:12.5px;color:#122e25}
 main p em,main li em{font-style:normal}
 .cz-step-box,.cz-context,.foot-options{box-shadow:none}
}
.comp-yes-soft.cm-icon{background:#dcfce7;color:#14532d;font-weight:800}
.cm-row code{font:inherit;background:none;padding:0}
@media(max-width:760px){
 .comp-matrix.cm-ready th,.comp-matrix.cm-ready td{padding:9px 1px}
 .comp-matrix.cm-ready th:first-child,.comp-matrix.cm-ready td:first-child{padding-left:6px;padding-right:4px}
 .comp-matrix.cm-ready td:first-child strong{font-size:12px}
 .comp-matrix.cm-ready th{font-size:10px;letter-spacing:-.01em}
 .cm-icon{width:24px;height:24px}
}
.devices.fs-open{align-items:stretch}
.devices.fs-open .fs-bar{width:100%;box-sizing:border-box;min-width:0}
.fs-sites{min-width:0}
.fs-close{width:36px;padding:0}
.cm-legend{margin:4px 14px 12px}

/* ===== Page Produit simplifiée (13/11) ===== */
/* Choix du site : titre + une ligne, sans étiquettes en double */
.cz-step-num,.cz-univ-tag,.cz-univ-status,#cz-live-status-bar{display:none!important}
.cz-univ-top:empty{display:none}
.cz-step-hint{font-size:14px}
/* Bilan Excel : moins de jargon, aperçu replié */
.excel-wb-label{text-transform:none!important;letter-spacing:0!important;font-size:13px!important}
#excel-badge-meta,.excel-foot span:first-child{display:none}
.xl-folded .excel-canvas-body{max-height:520px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.xl-folded.xl-open .excel-canvas-body{max-height:none;-webkit-mask-image:none;mask-image:none}
.xl-more{display:block;margin:-6px auto 14px;position:relative;z-index:1;border:1px solid #cbd9c8;background:#fff;color:#174634;font:650 14px/1 Inter,-apple-system,sans-serif;padding:11px 18px;border-radius:999px;cursor:pointer;transition:background .2s,transform .2s var(--ease,ease)}
.xl-more:hover{background:#eef5ea;transform:translateY(-1px)}
/* Comparatif : fiches concurrents repliées sous le tableau */
.comp-more{margin-top:16px;border:1px solid #d4e0d2;border-radius:16px;background:#fff;padding:0 16px}
.comp-more>summary{cursor:pointer;padding:14px 0;font-weight:700;color:#174634;list-style-position:inside}
.comp-more[open]>summary{margin-bottom:6px}
.comp-more .comp-apps-grid{padding-bottom:16px}
@media(max-width:760px){
 .cz-universes{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
 .cz-univ{padding:12px!important;min-height:0!important}
 .cz-univ b{font-size:13.5px!important;line-height:1.25}
 .cz-univ small{display:none!important}
 .excel-formula-bar{display:none!important}
 .excel-wb-pills{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
 .excel-wb-pill{font-size:12.5px!important;padding:10px!important}
 .xl-folded .excel-canvas-body{max-height:440px}
 .comp-more{padding:0 12px}
}
@media(max-width:760px){.comp-more .comp-apps-grid{margin:0 -12px;padding:4px 12px 14px}}
@media(max-width:760px){.cz-tool-pills{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important}.cz-tool-btn{font-size:12px!important;padding:9px 6px!important}}
.hero h1{text-wrap:balance}
@media(max-width:600px){.hero h1{font-size:clamp(30px,9vw,40px)!important;line-height:1.06}.hero h1 em{display:inline-block}}

/* ===== Finitions (13/11) ===== */
/* Contact : trois cartes, l'échange en premier */
.contactgrid{grid-template-columns:repeat(3,1fr)}
.contactcard:nth-child(2),.contactcard:nth-child(3){background:#eaf0de;color:#122e25;border-color:#cad5c9}
.contactcard:nth-child(2) .ctlabel,.contactcard:nth-child(3) .ctlabel{color:#37614e}
.contactcard.book .ctnote{color:#d4f98a;font-weight:700}
.contactcard strong{font-size:clamp(20px,2.2vw,28px)}
@media(max-width:900px){.contactgrid{grid-template-columns:1fr}}
/* Accueil : pour qui ? */
.who{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.whocard{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:22px;background:#fff;border:1px solid #d4e0d2}
.whocard.club{background:#183f32;color:#fff;border-color:#183f32}
.whocard small{font-weight:750;color:#37614e;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.whocard.club small{color:#d4f98a}
.whocard h3{margin:0;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.03em;line-height:1.1}
.whocard ul{margin:4px 0 8px;padding:0;list-style:none;display:grid;gap:8px}
.whocard li{padding-left:24px;position:relative;line-height:1.45}
.whocard li::before{content:"✓";position:absolute;left:0;color:#3a8a5c;font-weight:800}
.whocard.club li::before{color:#d4f98a}
.whocard .btn{margin-top:auto;align-self:flex-start}
@media(max-width:760px){.who{grid-template-columns:1fr}.whocard{padding:22px}.whocard .btn{align-self:stretch;justify-content:center;text-align:center}}
/* Accueil : bandeau démo */
.demo-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.demo-band h2{margin-bottom:6px}
.demo-band .intro{margin:0;max-width:640px}
/* Pied de page */
footer.site-foot{display:grid;grid-template-columns:1.2fr 2fr;gap:18px 40px;align-items:start;max-width:1380px;margin:40px auto 0;padding:34px clamp(18px,5vw,82px) 30px!important;border-top:1px solid #d4e0d2}
.site-foot .sf-brand p{margin:10px 0 0;max-width:340px;font-size:14px;color:#51655a}
.site-foot .sf-links{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:flex-end;padding-top:6px}
.site-foot .sf-links a{margin:0;font-size:14px;color:#174634}
.site-foot .sf-links a:hover{text-decoration:underline;text-underline-offset:4px}
.site-foot .sf-copy{grid-column:1/-1;margin:6px 0 0;font-size:12.5px;color:#7a8d82}
@media(max-width:760px){footer.site-foot{grid-template-columns:1fr;padding:26px 16px 24px!important}.site-foot .sf-links{justify-content:flex-start}}
/* Page légale vide */
.legal{min-height:42vh}
.legal .eyebrow{display:inline-block;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:#37614e;background:#e3f2da;padding:5px 10px;border-radius:999px}
.legal h1{font-size:clamp(34px,5vw,60px);letter-spacing:-.04em;margin:14px 0}
footer.site-foot{border-top:0;margin-top:8px}
.contactcard strong{overflow-wrap:normal;word-break:normal}
.site-foot .sf-links a{display:inline-block!important}