/* Premier écran allégé (19/10), tablette et ordinateur : la phrase d'accroche (qui redisait l'en-tête) est
   retirée, les quatre besoins ne gardent que leur nom en pastilles (les descriptions restent lues par les
   lecteurs d'écran et vivent dans les chapitres), la note d'essai est plus discrète. L'en-tête
   « Le logiciel tout-en-un » est plus lisible. Le téléphone ne change pas (portefeuille).
   Pour retirer : supprimer ce fichier, hero-besoins.js et leurs deux lignes dans index.html. */
body.commercial-header .header-position strong,body.commercial-header .commercial-position strong{font-size:17px;font-weight:600;letter-spacing:-.005em}
body.commercial-header .header-position>span,body.commercial-header .commercial-position>span{font-size:15px;color:#2f382dd9}
body.commercial-header .site-header .header-position{border-left-color:#2f382d40}
@media(min-width:760px){
 html .hero .hero-copy .hero-bottom>p.hero-lead,html .hero .hero-copy .hero-bottom>.hero-points-intro{display:none}
 html .hero .hero-copy .hero-bottom>.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;padding:0;list-style:none}
 html .hero .hero-copy .hero-points li{position:relative;display:inline-flex;align-items:center;gap:9px;margin:0;padding:7px 18px 7px 8px;border:1px solid #2f382d24;border-radius:99px;background:#fffaf2;font-size:16px;line-height:1.2;color:var(--forest);transition:background-color .2s,border-color .2s}
 html .hero .hero-copy .hero-points li:before{content:none}
 html .hero .hero-copy .hero-points li:hover{border-color:#2f382d59;background:#fff}
 html .hero .hero-copy .hero-points li>.hero-point-icon{display:block;flex:none;box-sizing:border-box;width:32px;height:32px;margin:0;padding:7px;border-radius:50%;background:#f3e4d1;fill:none;stroke:var(--terra);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 html .hero .hero-copy .hero-points li:nth-child(2)>.hero-point-icon{background:#e6dfea}
 html .hero .hero-copy .hero-points li:nth-child(3)>.hero-point-icon{background:#2f382d;stroke:#f6eee2}
 html .hero .hero-copy .hero-points li:nth-child(4)>.hero-point-icon{background:#f4e0d6}
 html .hero .hero-copy .hero-points strong{font-weight:500}
 html .hero .hero-copy .hero-points .bes-colon,html .hero .hero-copy .hero-points .bes-desc{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html .hero .hero-copy .hero-points .lot2-need-arrow{display:none}
 html .hero .hero-copy .hero-points .lot2-need-link{color:inherit;text-decoration:none}
 html .hero .hero-copy .hero-points .lot2-need-link:after{content:"";position:absolute;inset:0;border-radius:99px}
 html .hero .hero-copy .hero-points .lot2-need-link:focus-visible{outline:none}
 html .hero .hero-copy .hero-points li:focus-within{outline:2px solid var(--terra);outline-offset:3px}
 html .hero .hero-copy .hero-actions .hero-trial-note{font-size:12.5px;color:#2f382d99}
}

/* Pastilles qui s'ouvrent (hero-besoins.js) et bandeau des outils qui défile, tablette et ordinateur */
.hb-panel,.hb-plus{display:none}
@media(min-width:760px){
 html .hero .hero-copy .hero-points li{padding-right:14px;cursor:pointer;transition:background-color .25s,border-color .25s,box-shadow .25s,transform .25s cubic-bezier(.2,.75,.2,1)}
 html .hero .hero-copy .hero-points li:hover{transform:translateY(-2px);box-shadow:0 10px 22px -14px #2f382d66}
 .hb-plus{display:block;flex:none;width:12px;height:12px;margin-left:2px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;opacity:.55;transition:transform .3s cubic-bezier(.2,.75,.2,1),opacity .2s}
 html .hero .hero-copy .hero-points li:hover .hb-plus{opacity:1}
 html .hero .hero-copy .hero-points li.hb-on{border-color:#2f382d;background:#2f382d;color:var(--cream);box-shadow:0 10px 22px -14px #2f382d99}
 html .hero .hero-copy .hero-points li.hb-on .hb-plus{transform:rotate(45deg);opacity:1}
 html .hero .hero-copy .hero-points li.hb-on>.hero-point-icon{box-shadow:0 0 0 1px #f6eee233}
 .hb-wave>li{animation:hb-wave .7s cubic-bezier(.2,.75,.2,1) both}
 .hb-wave>li:nth-child(2){animation-delay:.12s}.hb-wave>li:nth-child(3){animation-delay:.24s}.hb-wave>li:nth-child(4){animation-delay:.36s}
 @keyframes hb-wave{40%{transform:translateY(-5px);box-shadow:0 12px 22px -14px #2f382d80}}
 .hb-panel{display:grid;grid-template-rows:0fr;max-width:660px;opacity:0;transition:grid-template-rows .4s cubic-bezier(.2,.75,.2,1),opacity .3s,margin .4s}
 .hb-panel.hb-open{grid-template-rows:1fr;margin-top:14px;opacity:1}
 .hb-panel-inner{min-height:0;overflow:hidden;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;border-radius:18px;background:#f3e4d1;padding:0 20px;transition:padding .4s}
 .hb-panel.hb-open .hb-panel-inner{padding:14px 20px}
 .hb-panel[data-tone="2"] .hb-panel-inner{background:#e6dfea}
 .hb-panel[data-tone="3"] .hb-panel-inner{background:#dfe3d8}
 .hb-panel[data-tone="4"] .hb-panel-inner{background:#f4e0d6}
 .hb-panel-text{margin:0;font-size:16px;line-height:1.5;color:var(--forest)}
 .hb-panel-text strong{font-weight:600}
 .hb-panel-go{font-size:14px;font-weight:500;color:var(--forest);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}

 .hero .hero-copy .lot2-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
 html .hero .hero-copy .lot2-marquee .integration-strip-list{display:flex;width:max-content;gap:0;animation:lot2-marquee 32s linear infinite}
 html .hero .hero-copy .lot2-marquee .integration-strip-list li{flex:none;padding-right:64px}
 html .lot2-marquee .integration-strip-list li.lot2-clone{display:flex}
 html .hero .hero-copy .lot2-marquee:hover .integration-strip-list,html .hero .hero-copy .lot2-marquee.is-paused .integration-strip-list,html .hero .hero-copy .lot2-marquee.is-away .integration-strip-list{animation-play-state:paused}
 .no-motion .hb-wave>li,.no-motion .hero .hero-points li{animation:none;transition:none}
 .no-motion .hb-panel,.no-motion .hb-panel-inner{transition:none}
 html.no-motion .hero .hero-copy .lot2-marquee .integration-strip-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:auto;animation:none}
 html.no-motion .lot2-marquee .integration-strip-list li.lot2-clone{display:none}
 html.no-motion .hero .hero-copy .lot2-marquee .integration-strip-list li{padding-right:0}
 html.no-motion .hero .hero-copy .lot2-marquee{-webkit-mask-image:none;mask-image:none}
}
@media(min-width:760px) and (prefers-reduced-motion:reduce){
 .hb-wave>li{animation:none}
 html .hero .hero-copy .lot2-marquee .integration-strip-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:auto;animation:none}
 html .lot2-marquee .integration-strip-list li.lot2-clone{display:none}
 html .hero .hero-copy .lot2-marquee .integration-strip-list li{padding-right:0}
 html .hero .hero-copy .lot2-marquee{-webkit-mask-image:none;mask-image:none}
}