/* Révision 5 : vraies pages (approche, SEO & GEO, légal), pied de page, cookies, menu mobile. */

/* Navigation : liens réels au lieu de fenêtres */
.header nav a{font-size:13px;display:flex;align-items:center;min-height:44px;color:#515154;transition:color .2s}
.header nav a:hover{color:var(--blue)}
.header nav a[aria-current=page]{color:var(--blue);font-weight:650}
.menu-toggle{display:none;background:none;font-size:12px;min-height:44px;padding:0 0 0 18px;color:var(--blue);align-items:center;gap:7px}
.menu-toggle i{display:block;width:16px;height:9px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transition:transform .3s}
.header.menu-open .menu-toggle i{transform:scaleY(.2)}

/* Gabarit des pages de contenu */
.page{max-width:1080px;margin:0 auto;padding:30px 30px 90px}
.page-hero{text-align:center;padding:40px 0 64px}
.page-hero h1{font-size:clamp(46px,5.4vw,76px);margin:0 0 24px;outline:none}
.page-lead{max-width:640px;margin:0 auto;font-size:19px;line-height:1.6;color:#5d6879}
.page-section{padding:56px 0;border-top:1px solid #e9ecf1}
.page-section>h2{font-size:clamp(30px,3.2vw,42px);font-weight:620;letter-spacing:-.045em;line-height:1.1;color:var(--blue);margin:0 0 14px}
.section-lead{max-width:620px;color:#5d6879;font-size:16px;line-height:1.7;margin:0 0 36px}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:0;margin:0}
.step{border:1px solid #dfe3eb;border-radius:22px;padding:28px 24px;background:#fff}
.step-number{display:block;font-size:15px;font-weight:600;color:#162440;margin-bottom:28px}
.step h3,.duo-card h3,.principle h3{font-size:19px;font-weight:620;letter-spacing:-.02em;color:var(--blue);margin:0 0 10px}
.step p,.duo-card p,.principle p{font-size:14px;line-height:1.65;color:#5d6879;margin:0}
.step-option{margin-top:16px;border-style:dashed;display:flex;gap:18px;align-items:baseline;grid-column:1/-1}
.step-option .step-number{margin:0}

.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 56px}
.principle{padding-left:22px;border-left:1.5px solid #162440}

.duo{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.duo-card{border-radius:24px;padding:36px 32px;background:#f5f7fa}
.duo-card.dark{background:#162440}
.duo-card.dark h3,.duo-card.dark .duo-tag{color:#fff}
.duo-card.dark p,.duo-card.dark li{color:#c4ccda}
.duo-tag{display:block;font-size:44px;font-weight:650;letter-spacing:-.05em;color:var(--blue);margin-bottom:26px}
.duo-card ul{margin:22px 0 0;padding:0;list-style:none}
.duo-card li{font-size:14px;line-height:1.5;color:#5d6879;padding:10px 0;border-top:1px solid #0000000d}
.duo-card.dark li{border-top-color:#ffffff14}

.table-wrap{overflow-x:auto;border:1px solid #dfe3eb;border-radius:20px}
.compare{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.compare th,.compare td{text-align:left;padding:16px 22px;border-bottom:1px solid #e9ecf1;vertical-align:top;line-height:1.5}
.compare thead th{font-size:13px;color:#5d6879;font-weight:600;background:#f8f9fb}
.compare tbody th{font-weight:600;color:var(--blue);width:24%}
.compare td{color:#5d6879}
.compare tr:last-child>*{border-bottom:0}

.faq details{border-bottom:1px solid #e9ecf1}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:17px;font-weight:560;color:var(--blue)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;font-weight:300;line-height:1;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 22px;max-width:700px;color:#5d6879;font-size:15px;line-height:1.7}

.page-cta{margin-top:30px;border-radius:28px;background:#162440;color:#fff;padding:52px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.page-cta h2{font-size:clamp(28px,3vw,38px);font-weight:620;letter-spacing:-.045em;margin:0 0 8px;color:#fff}
.page-cta p{margin:0;color:#c4ccda;font-size:15px}
.cta-actions{display:flex;gap:10px;flex-shrink:0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:500;transition:background .2s,color .2s}
.button.light{background:#fff;color:#162440}
.button.light:hover{background:#e8ecf2}
.button.ghost{border:1px solid #ffffff40;color:#fff}
.button.ghost:hover{background:#ffffff14}
.button.solid{background:#162440;color:#fff}
.button.outline{border:1px solid #cdd3dd;color:#162440;background:#fff}

.draft-note{margin:40px auto 0;max-width:700px;font-size:11px;line-height:1.8;color:#8a95a8;text-align:center}

/* Pages légales */
.legal{max-width:760px;margin:0 auto;padding:30px 30px 90px}
.legal h1{font-size:clamp(40px,4.6vw,60px);margin:30px 0 14px;outline:none}
.legal-date{font-size:13px;color:#748096;margin:0 0 50px}
.legal h2{font-size:22px;font-weight:620;letter-spacing:-.025em;color:var(--blue);margin:46px 0 14px}
.legal h3{font-size:16px;font-weight:600;color:var(--blue);margin:26px 0 8px}
.legal p,.legal li{font-size:15px;line-height:1.75;color:#4f5a6b}
.legal ul{padding-left:20px}
.legal dl{display:grid;grid-template-columns:200px 1fr;margin:0;border-top:1px solid #e9ecf1}
.legal dt,.legal dd{margin:0;padding:12px 0;border-bottom:1px solid #e9ecf1;font-size:15px;line-height:1.6}
.legal dt{color:#748096}
.legal dd{color:#162440}
.legal a{text-decoration:underline;text-underline-offset:3px}
.legal .compare{min-width:520px}
.todo{background:#fff4d6;color:#7a5600;border-radius:5px;padding:1px 6px;font-size:.92em;white-space:nowrap}

/* Pied de page */
.site-footer{border-top:1px solid #e9ecf1;background:#fafbfc;padding:56px max(6%,calc((100% - 1180px)/2)) 34px;color:#5d6879;font-size:13px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
.footer-brand .brand{color:var(--blue);margin-bottom:14px}
.footer-brand p{max-width:300px;line-height:1.65;margin:0}
.site-footer h2{font-size:14px;font-weight:600;color:#162440;margin:4px 0 12px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li a,.site-footer li button{display:inline-flex;min-height:34px;align-items:center;background:none;padding:0;font-size:13px;color:#4f5a6b;transition:color .2s}
.site-footer li a:hover,.site-footer li button:hover{color:var(--blue)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:46px;padding-top:22px;border-top:1px solid #e9ecf1;font-size:12px;color:#8a95a8}

/* Bandeau et préférences cookies */
.cookie-banner{position:fixed;left:24px;bottom:24px;z-index:40;width:min(430px,calc(100% - 32px));background:#fff;border:1px solid #e3e7ee;border-radius:22px;padding:24px;box-shadow:0 2px 8px #11244a0a,0 25px 70px #11244a1c;color:#4f5a6b;transform:translateY(0);opacity:1;transition:transform .45s var(--ease-fluid,ease),opacity .45s}
.cookie-banner.leaving{transform:translateY(16px);opacity:0}
.cookie-banner h2{font-size:17px;font-weight:620;color:var(--blue);margin:0 0 8px;letter-spacing:-.01em}
.cookie-banner p{font-size:13px;line-height:1.6;margin:0 0 18px}
.cookie-banner p a{text-decoration:underline;text-underline-offset:2px}
.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cookie-actions .wide{grid-column:1/-1}
.cookie-actions button,.cookie-panel-actions button{min-height:42px;border-radius:999px;font-size:13px;font-weight:500;padding:0 16px}
.btn-solid{background:#162440;color:#fff}
.btn-solid:hover{background:#22355c}
.btn-soft{background:#eef1f5;color:#162440}
.btn-soft:hover{background:#e2e7ee}
.btn-text{background:none;color:#4f5a6b;text-decoration:underline;text-underline-offset:3px}

.cookie-dialog{border:1px solid #fff;border-radius:24px;padding:40px;max-width:560px;width:calc(100% - 32px);background:#fff;color:#4f5a6b;box-shadow:0 2px 8px #00000008,0 30px 80px #00000024}
.cookie-dialog::backdrop{background:#15223838;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cookie-dialog h2{font-size:28px;font-weight:620;letter-spacing:-.035em;color:var(--blue);margin:0 0 10px}
.cookie-dialog>p{font-size:14px;line-height:1.65;margin:0 0 24px}
.cookie-category{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:18px 0;border-top:1px solid #e9ecf1}
.cookie-category h3{font-size:15px;font-weight:600;color:var(--blue);margin:0 0 4px}
.cookie-category p{font-size:13px;line-height:1.55;margin:0}
.switch{position:relative;flex-shrink:0;width:46px;height:28px}
.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.switch span{position:absolute;inset:0;border-radius:999px;background:#d5dbe4;transition:background .25s}
.switch span::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .25s var(--ease-fluid,ease)}
.switch input:checked+span{background:#162440}
.switch input:checked+span::after{transform:translateX(18px)}
.switch input:disabled+span{opacity:.55}
.switch input:focus-visible+span{outline:2px solid #162440;outline-offset:3px}
.cookie-panel-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;flex-wrap:wrap}
.close-cookie{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;background:none;font-size:24px;color:#748096}

/* Mobile */
@media(max-width:900px){
  .steps{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:760px){
  .header nav{display:none}
  .menu-toggle{display:flex;margin-left:auto}
  .header-cta{margin-left:16px}
  .header.menu-open nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;margin:0;padding:8px 22px 18px;background:#fffffff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #e9ecf1;box-shadow:0 20px 40px #11244a10}
  .header.menu-open nav a{font-size:17px;min-height:52px;border-bottom:1px solid #f0f2f5}
  .header.menu-open nav a:last-child{border-bottom:0}
  .page,.legal{padding:16px 22px 60px}
  .page-hero{padding:26px 0 44px}
  .page-hero h1{font-size:clamp(38px,10vw,52px)}
  .page-lead{font-size:16px}
  .page-section{padding:44px 0}
  .steps,.principles,.duo{grid-template-columns:1fr}
  .principles{gap:28px}
  .step-number{margin-bottom:22px}
  .duo-card{padding:30px 24px}
  .page-cta{flex-direction:column;align-items:flex-start;padding:36px 26px}
  .cta-actions{flex-direction:column;width:100%}
  .cta-actions .button{width:100%}
  .legal dl{grid-template-columns:1fr}
  .legal dt{padding-bottom:0;border-bottom:0}
  .legal h1{font-size:38px}
  .footer-bottom{flex-direction:column;gap:6px}
  .cookie-banner{left:12px;right:12px;bottom:12px;width:auto;padding:20px}
  .cookie-dialog{padding:34px 22px 26px}
  .cookie-panel-actions button{flex:1}
}
@media(max-width:370px){
  .header-cta{display:none}
  .footer-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.cookie-banner{transition:none}}

/* Pied de page : neutralise l'ancienne règle « footer » en flex de style.css / apple.css */
.site-footer{display:block;font-size:13px;color:#5d6879}

/* Animations de fond de l'accueil : entièrement visibles, plus de débord hors de la page.
   Tailles en vw pour suivre la largeur, positions ancrées à l'intérieur du hero. */
.search-art{left:clamp(16px,3vw,64px);top:clamp(300px,38%,360px);width:clamp(190px,17vw,280px);transform:rotate(-8deg);transform-origin:center}
.globe-art{right:clamp(16px,2.5vw,64px);top:clamp(120px,22%,170px);width:clamp(260px,29vw,460px)}
.globe-art canvas{width:clamp(260px,29vw,460px);height:clamp(260px,29vw,460px)}
.citation-one{top:24%;left:4%;font-size:11px;padding:12px 16px}
.connections{transform:none}
@media(min-width:1700px){
  .search-art{left:5%;width:300px}
  .globe-art{right:4%;width:500px}
  .globe-art canvas{width:500px;height:500px}
}
@media(max-width:1050px){
  .search-art{left:14px;width:170px;top:340px;opacity:.32}
  .globe-art{right:14px;top:300px;width:250px;opacity:.38}
  .globe-art canvas{width:250px;height:250px}
}
@media(max-width:760px){
  .search-art{left:26px;top:auto;bottom:40px;width:150px;transform:rotate(-8deg) scale(.9);transform-origin:left bottom;opacity:.4}
  .globe-art{right:12px;top:auto;bottom:24px;width:200px;opacity:.45}
  .globe-art canvas{width:200px;height:200px}
  .citation-one{top:18%;left:0;font-size:9px;padding:9px 11px}
}
@media(max-width:370px){
  .search-art{width:130px}
  .globe-art{width:170px}
  .globe-art canvas{width:170px;height:170px}
}

/* Bouton pause des animations, dans le pied de page de l'accueil */
.motion-toggle{background:none;padding:0 0 0 14px;font-size:12px;color:#5d6879;text-decoration:underline;text-underline-offset:3px}
.motion-toggle:disabled{text-decoration:none;cursor:default}

/* Ambiance Glacier : en-tête teinté comme le fond */
.header{background:#f5f5f7d9}

/* Bouton pause du pied de page : neutralise les anciens styles #motion-toggle */
#motion-toggle.motion-toggle{min-width:0;min-height:0;border:0;padding:0 0 0 14px;color:#5d6879;background:none}

/* Garantie mise en avant sur la page tarifs */
.guarantee-hero{display:flex;align-items:center;justify-content:center;gap:22px;max-width:760px;margin:38px auto 0;padding:26px 34px;border-radius:24px;background:#fff;border:1.5px solid #162440;box-shadow:0 16px 38px #1624400d;text-align:left}
.guarantee-hero svg{width:58px;height:58px;flex-shrink:0;fill:none;stroke:#162440;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.guarantee-hero h2{font-size:clamp(28px,3vw,40px);font-weight:650;letter-spacing:-.045em;line-height:1.05;color:#162440;margin:0 0 6px}
.guarantee-hero p{margin:0;font-size:15px;line-height:1.55;color:#5d6879}
.launch-note{margin-top:22px}
.card-guarantee{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 4px;font-size:12px;font-weight:550;color:#162440}
.card-guarantee::before{content:"";width:13px;height:13px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 3 34 9v11c0 8-14 17-14 17S6 28 6 20V9zM13 19l5 5 10-11' fill='none' stroke='%23162440' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@media(max-width:760px){
  .guarantee-hero{flex-direction:column;text-align:center;gap:12px;padding:24px 22px;margin-top:28px}
  .guarantee-hero svg{width:46px;height:46px}
}

/* Garantie : conditions dépliables sur la page tarifs */
.guarantee-terms{max-width:760px;margin:12px auto 0;font-size:14px;color:#5d6879}
.guarantee-terms summary{cursor:pointer;text-align:center;color:#162440;font-weight:550;min-height:40px;display:flex;align-items:center;justify-content:center}
.guarantee-terms ul{margin:6px 0 8px;padding-left:20px;line-height:1.7}
.guarantee-terms p{margin:0;line-height:1.6}

/* ===== Pré-audit : chargement ===== */
.loading-center{gap:0}
@media(min-width:761px){.constellation{height:clamp(260px,calc(100svh - 470px),430px)}}
.scan-progress{width:min(620px,100%);position:relative;z-index:2;margin:6px auto 14px}
.scan-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px;font-size:14px;color:#162440}
.scan-head strong{font-size:22px;font-weight:620;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.scan-bar{height:8px;border-radius:999px;background:#e3e8ef;overflow:hidden}
.scan-bar i{display:block;height:100%;width:100%;background:#162440;border-radius:inherit;transform-origin:left;transform:scaleX(0)}
.scan-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);grid-auto-flow:column;gap:6px 22px;font-size:12px;text-align:left}
.scan-steps li{display:flex;align-items:center;gap:8px;color:#9aa4b3;transition:color .3s}
.scan-steps li i{width:14px;height:14px;border-radius:50%;border:1.5px solid #cfd6e0;flex-shrink:0;position:relative}
.scan-steps li[data-state=active]{color:#162440;font-weight:550}
.scan-steps li[data-state=active] i{border-color:#162440;border-top-color:transparent;animation:pa-spin .8s linear infinite}
.scan-steps li[data-state=done]{color:#4f5a6b}
.scan-steps li[data-state=done] i{background:#162440;border-color:#162440}
.scan-steps li[data-state=done] i::after{content:"";position:absolute;left:3.5px;top:1.5px;width:3px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
@keyframes pa-spin{to{transform:rotate(360deg)}}

/* ===== Pré-audit : résultat ===== */
.preaudit{max-width:900px;margin:0 auto;padding:30px 0 60px;color:#4f5a6b}
.pa-head{text-align:center;padding:10px 0 34px}
.pa-example{display:inline-block;font-size:13px;font-weight:550;background:#fff4d6;color:#7a5600;border-radius:8px;padding:6px 12px;margin-bottom:18px}
.pa-head h2{font-size:clamp(34px,4vw,54px);font-weight:620;letter-spacing:-.05em;line-height:1.05;color:#162440;margin:0 0 10px;outline:none;overflow-wrap:anywhere}
.pa-date{font-size:13px;color:#748096;margin:0 0 22px}
.pa-verdict{max-width:640px;margin:0 auto;font-size:18px;line-height:1.55;color:#3d4757}
.pa-verdict strong{color:#162440}
.pa-section-title{font-size:22px;letter-spacing:-.02em;font-weight:620;color:#162440;margin:0 0 16px}
.pa-free{display:grid;gap:14px;margin-bottom:28px}
.pa-point{background:#fff;border:1px solid #e1e6ee;border-radius:20px;padding:26px 28px}
.pa-point h4{font-size:21px;font-weight:620;letter-spacing:-.025em;color:#162440;margin:12px 0 10px}
.pa-point p{font-size:15px;line-height:1.6;margin:8px 0 0}
.pa-tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{font-size:11px;font-weight:550;border-radius:999px;padding:4px 10px;background:#eef1f5;color:#4f5a6b;font-style:normal}
.tag.geo{background:#e7edf8;color:#1d3a6e}
.tag.id{background:#eef0f7;color:#3b4570}
.tag.tech{background:#edf3f1;color:#2b5b4b}
.tag.high{background:#fde8e6;color:#9b2c22}
.tag.mid{background:#fff1dc;color:#875a12}
.pa-evidence{margin:14px 0 6px;padding:16px 18px;border-radius:14px;background:#f5f7fa;border-left:3px solid #162440}
.pa-evidence span{display:block;font-size:12px;font-weight:600;color:#5d6879;margin-top:10px}
.pa-evidence span:first-child{margin-top:0}
.pa-evidence p{margin:4px 0 0;font-size:14px;color:#2d3747}
.pa-evidence p span{display:inline;font-size:inherit;letter-spacing:0;text-transform:none;color:inherit;margin:0}

.pa-locked{background:#162440;color:#c4ccda;border-radius:24px;padding:30px 32px;margin-bottom:22px}
.pa-count{display:flex;align-items:center;gap:22px;margin-bottom:22px}
.pa-count strong{font-size:72px;font-weight:650;letter-spacing:-.06em;line-height:1;color:#fff}
.pa-count span{font-size:16px;line-height:1.5}
.pa-count b{color:#fff}
.pa-categories{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pa-categories li{display:grid;grid-template-columns:18px 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;padding:14px 16px}
.pa-categories svg{width:16px;height:16px;fill:none;stroke:#8fa0bd;stroke-width:1.6;grid-row:1/3}
.pa-categories span{color:#fff;font-size:15px;font-weight:550}
.pa-categories em{font-style:normal;font-size:12px;color:#9aa8bf;grid-column:2}
.pa-categories .tag{grid-column:3;grid-row:1/3}

.pa-email{background:#fff;border:1px solid #e1e6ee;border-radius:20px;padding:22px 26px;margin-bottom:40px}
.pa-email label{display:block;font-size:15px;font-weight:550;color:#162440;margin-bottom:10px}
.pa-email label span{font-weight:400;color:#8a95a8}
.pa-email div{display:flex;gap:8px}
.pa-email input{flex:1;min-width:0;min-height:46px;border:1px solid #d5dbe4;border-radius:999px;padding:0 18px;font-size:15px;background:#fff;color:#162440}
.pa-email button{min-height:46px;padding:0 22px;border-radius:999px;background:#eef1f5;color:#162440;font-size:14px;font-weight:500}
.pa-email p:empty{margin:0}
.pa-email p{margin:10px 0 0;font-size:13px}

.pa-offer .pa-section-title{text-align:center;font-size:clamp(26px,3vw,36px);letter-spacing:-.04em;text-transform:none;font-weight:620;color:#162440;margin-bottom:18px}
.pa-guarantee{display:flex;align-items:center;gap:16px;max-width:620px;margin:0 auto 26px;padding:18px 22px;border-radius:18px;border:1.5px solid #162440;background:#fff}
.pa-guarantee svg{width:44px;height:44px;flex-shrink:0;fill:none;stroke:#162440;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pa-guarantee strong{display:block;font-size:22px;letter-spacing:-.03em;color:#162440}
.pa-guarantee span{font-size:14px;line-height:1.5}
.pa-plans{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:14px;align-items:stretch}
.pa-plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #dfe3eb;border-radius:22px;padding:26px 22px}
.pa-plan.featured{border:1.5px solid #162440}
.pa-badge{position:absolute;top:-12px;left:22px;background:#162440;color:#fff;font-size:11px;border-radius:999px;padding:5px 11px}
.pa-plan h4{font-size:18px;font-weight:620;color:#162440;margin:0 0 12px}
.pa-price{margin:0 0 12px;color:#162440}
.pa-price strong{font-size:34px;font-weight:620;letter-spacing:-.04em}
.pa-price s{color:#8a95a8;font-size:14px;margin-left:4px}
.pa-price small{font-size:12px;color:#748096}
.pa-plan>p:not(.pa-price){font-size:14px;line-height:1.55;margin:0 0 20px;flex:1}
.pa-plan button{min-height:48px;border-radius:999px;background:#eef1f5;color:#162440;font-size:14px;font-weight:550;padding:8px 16px;line-height:1.3}
.pa-plan.featured button{background:#162440;color:#fff}
.pa-plan.featured button:hover{background:#22355c}
.pa-checkout-note{text-align:center;font-size:13px;color:#162440;margin:16px 0 0}
.pa-checkout-note:empty{margin:0}
.pa-method{text-align:center;font-size:13px;color:#748096;margin:22px 0 6px}
.pa-later{display:block;margin:4px auto 0;background:none;color:#5d6879;font-size:14px;text-decoration:underline;text-underline-offset:3px;min-height:44px}

@media(max-width:760px){
  .scan-steps{display:none}
  .preaudit{padding:20px 0 40px}
  .pa-verdict{font-size:16px}
  .pa-point{padding:22px 20px}
  .pa-point h4{font-size:19px}
  .pa-locked{padding:24px 20px}
  .pa-count strong{font-size:56px}
  .pa-count span{font-size:14px}
  .pa-categories{grid-template-columns:1fr}
  .pa-email{padding:20px}
  .pa-email div{flex-direction:column}
  .pa-plans{grid-template-columns:1fr}
  .pa-plan.featured{order:-1}
  .pa-guarantee{flex-direction:column;text-align:center}
}
@media(prefers-reduced-motion:reduce){.scan-steps li[data-state=active] i{animation:none;border-top-color:#162440}}

/* ===== Couleurs (02/11/2026, décision Martin) =====
   Ton Glacier, bleu marine seul : aucune couleur d'accent (ambre, corail et vert essayés puis écartés). */

/* Gravité sans couleur d'alerte : « Important » en marine plein, « Moyen » en neutre */
.tag.high{background:#162440;color:#fff}
.pa-locked .tag.high{background:#fff;color:#162440;font-weight:650}
.tag.mid{background:#eef1f5;color:#4f5a6b}
.pa-locked .tag.mid{background:#ffffff1f;color:#dfe5ee}
.tag.tech{background:#eaeef5;color:#34466b}

/* ===== Sobriété (règles des skills de design publics, 02/11/2026) =====
   Pas de lueurs ni d'impulsions lumineuses, pas d'élément qui flotte en boucle,
   une seule animation forte par écran (le globe, puis la sphère de chargement). */
.signal{display:none}
.scan-line{display:none}
.rank-row.selected{animation:none}
.citation{animation:none;box-shadow:none;border:1px solid #dfe3eb;backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
.hero-halo{background:radial-gradient(ellipse,#f5f5f7 0%,#f5f5f7cc 45%,transparent 70%)}
.engine-node{animation:none;box-shadow:none}
.domain-core{box-shadow:0 1px 2px #16244010;backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
.ranking-window{box-shadow:none}
.price-card.featured{box-shadow:none}
.review-card[data-position=center]{box-shadow:0 2px 10px #16244010}
.header-cta{display:none}
@media(max-width:760px){.menu-toggle{margin-left:auto}}
.review-label{font-size:12px;letter-spacing:0;color:#8a95a8}
.review-count{letter-spacing:0;font-size:13px}
.guarantee-hero{box-shadow:none}

/* Délai de livraison 72 h (page tarifs et pré-audit) */
.delivery{max-width:1000px;margin:0 auto 70px;padding:30px 0 0;border-top:1px solid #e3e7ee}
.delivery-head{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin-bottom:22px}
.delivery-head h2{font-size:clamp(26px,2.6vw,34px);font-weight:620;letter-spacing:-.04em;color:#162440;margin:0}
.delivery-head p{margin:0;font-size:15px;color:#5d6879;max-width:560px}
.delivery-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.delivery-steps li{padding-top:16px;border-top:2px solid #162440}
.delivery-steps strong{display:block;font-size:16px;color:#162440;margin-bottom:6px}
.delivery-steps span{font-size:14px;line-height:1.6;color:#5d6879}
.pa-delivery{max-width:620px;margin:-12px auto 26px;text-align:center;font-size:14px;line-height:1.6;color:#4f5a6b}
.pa-delivery strong{color:#162440}
@media(max-width:760px){
  .delivery-steps{grid-template-columns:1fr;gap:18px}
  .delivery-head{flex-direction:column;gap:6px}
}

/* ===== Chargement : les assistants IA gravitent autour de la sphère (orbits.js) ===== */
.constellation canvas{z-index:1}
.constellation .domain-core{z-index:3}
.constellation .engine-node{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);will-change:transform,opacity;animation:none;
  padding:16px 22px;gap:12px;font-size:15px;font-weight:550;border-radius:18px;background:#fff;border:1px solid #dfe5ef;transition:border-color .3s,box-shadow .3s}
.constellation .engine-node img{width:34px;height:34px}
.constellation .engine-node.is-active{border-color:#162440;box-shadow:0 10px 30px #16244022}
@media(max-width:760px){
  .constellation .engine-node{padding:10px 12px;gap:6px;font-size:11px;border-radius:14px;flex-direction:column;min-width:0}
  .constellation .engine-node img{width:26px;height:26px}
}


/* ===== Pré-audit en couleur (02/11/2026) =====
   Lecture « copie corrigée » : la couleur ne dit que la gravité ou le verdict.
   Encre #162440 = important, surligneur #d5dce8 = moyen, vert #1E7048 = sans problème.
   Les offres, prix et la garantie restent en marine. Contrastes vérifiés (AA). */
.preaudit{--ink-red:#162440;--marker:#d5dce8;--marker-edge:#8a95a8;--ok:#1E7048}
.tag{font-size:12px;font-weight:600}
.tag.geo,.tag.id,.tag.tech{background:#eef1f5;color:#4f5a6b}
.preaudit .tag.high{background:var(--ink-red);color:#fff}
.preaudit .tag.mid{background:var(--marker);color:#162440}
.pa-locked .tag.high,.pa-locked .tag.mid{background:#fff;color:#162440;display:inline-flex;align-items:center;gap:6px}
.pa-locked .tag.high::before,.pa-locked .tag.mid::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink-red)}
.pa-locked .tag.mid::before{background:var(--marker);box-shadow:inset 0 0 0 1px var(--marker-edge)}

/* Bandeau d'exemple, sans ambiguïté */
.pa-example{display:block;max-width:760px;margin:0 auto 6px;background:none;border:1.5px dashed #9aa4b3;border-radius:12px;padding:12px 16px;color:#3d4757;font-size:14px;line-height:1.5;text-align:center;font-weight:400}
.pa-example strong{color:#162440}
.pa-date{color:#5d6879}
.pa-anchor{margin:18px 0 0;font-size:16px;color:#3d4757}
.pa-anchor strong{color:#162440}
.pa-blank{font-style:normal;border-bottom:1.5px dashed #9aa4b3;color:#5d6879}

/* Preuve : liste des entreprises citées, votre site barré */
.pa-evidence{border-left:0;background:#fff;border:1px solid #e1e6ee}
.pa-cited{margin:6px 0 0;padding-left:20px;font-size:14px;color:#2d3747;line-height:1.7}
.pa-absent{color:var(--ink-red);font-weight:600}
.pa-absent s{color:#5d6879;font-weight:400;margin-right:6px}

/* Le point moyen perd sa carte : la hiérarchie suit la gravité */
.pa-point.is-mid{background:none;border:0;border-top:1px solid #dfe3eb;border-radius:0;padding:22px 2px}

/* Grille des 15 points */
.pa-dots{list-style:none;padding:0;margin:0 0 10px;display:grid;grid-template-columns:repeat(15,1fr);gap:5px;max-width:460px}
.pa-dots li{aspect-ratio:1;border-radius:4px;background:var(--marker)}
.pa-dots li.i{background:var(--ink-red)}
.pa-dots li.o{box-shadow:0 0 0 2px #162440,0 0 0 3.5px #fff}
.pa-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:#c4ccda;margin:0 0 22px}
.pa-legend span{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:-8px}
.pa-legend .lg-i{background:var(--ink-red)}
.pa-legend .lg-m{background:var(--marker)}
.pa-legend .lg-o{background:transparent;box-shadow:inset 0 0 0 2px #fff}
.pa-categories li{grid-template-rows:auto auto auto}
.pa-teaser{grid-column:2/4;font-style:normal;font-size:13px;color:#9aa8bf;margin-top:6px;-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent);mask-image:linear-gradient(90deg,#000 60%,transparent)}

/* Offre */
.pa-offer .pa-section-title{margin-bottom:8px}
.pa-method{text-align:center;max-width:620px;margin:0 auto 22px;font-size:15px;line-height:1.55;color:#3d4757}
.pa-for{font-size:14px;font-weight:550;color:#162440;margin:-6px 0 12px}
.pa-price s{color:#5d6879}
.pa-price small{color:#5d6879}
.pa-email{margin:34px 0 10px}
.pa-email label{font-weight:500;line-height:1.5}
.pa-later{margin-top:6px}

/* Chargement : verdicts par étape et par moteur */
.scan-steps li{color:#6b7686}
.scan-steps li[data-state=done][data-verdict=ok] i{background:#1E7048;border-color:#1E7048}
.scan-steps li[data-state=done][data-verdict=mid] i{background:#d5dce8;border-color:#8a95a8}
.scan-steps li[data-state=done][data-verdict=mid] i::after{border-color:#162440}
.scan-steps li[data-state=done][data-verdict=high] i{background:#162440;border-color:#162440}
.constellation .engine-node[data-verdict=absent]::after{content:"";position:absolute;top:-5px;right:-5px;width:12px;height:12px;border-radius:50%;background:#162440;box-shadow:0 0 0 2.5px #fff}
.constellation .engine-node small{display:block;font-size:10px;font-weight:400;color:#5d6879;margin-top:2px}
.constellation .engine-node.is-later span{display:flex;flex-direction:column}
.constellation .engine-node.is-later{flex-wrap:wrap}
.loading-center .demo-note{color:#5d6879;opacity:1}
.domain-core>span{color:#5d6879}
.loading-view:has(.preaudit:not([hidden])) .scene-pause{display:none}
@media(max-width:760px){
  .pa-dots{gap:3px}
  .pa-anchor{font-size:15px}
}
.pa-for{min-height:2.9em}
@media(max-width:760px){.pa-for{min-height:0}}

/* ===== Chargement : anneau large des sources (orbits.js, anneau 2) ===== */
.loading-view{overflow-x:hidden}
.constellation .source-chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);will-change:transform,opacity;display:flex;align-items:center;gap:9px;
  background:#fff;border:1px solid #dfe5ef;border-radius:12px;padding:10px 14px;font-size:13px;color:#4f5a6b;white-space:nowrap;transition:border-color .3s,color .3s}
.constellation .source-chip svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:#8a95a8;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.constellation .source-chip.is-active{border-color:#162440;color:#162440;font-weight:600}
.constellation .source-chip.is-active svg{stroke:#162440}
@media(max-width:899px){.constellation .source-chip{display:none}}

/* ===== Pré-audit : couleurs neutres (02/11/2026, décision Martin : ni rouge ni jaune) =====
   Important = marine plein ; moyen = gris bleuté clair. Le vert des étapes « sans problème » reste. */
.preaudit{--ink-red:#162440;--marker:#d5dce8;--marker-edge:#8a95a8}
.preaudit .tag.high{background:#162440;color:#fff}
.preaudit .tag.mid{background:#d5dce8;color:#162440}
.pa-absent{color:#162440}
.pa-locked .tag.high::before{background:#162440}
.pa-locked .tag.mid::before{background:#d5dce8;box-shadow:inset 0 0 0 1px #8a95a8}
.pa-locked .pa-dots li{background:#5f7193}
.pa-locked .pa-dots li.i{background:#fff}
.pa-legend .lg-i{background:#fff}
.pa-legend .lg-m{background:#5f7193}
.scan-steps li[data-state=done][data-verdict=mid] i{background:#d5dce8;border-color:#8a95a8}
.scan-steps li[data-state=done][data-verdict=high] i{background:#162440;border-color:#162440}
.constellation .engine-node[data-verdict=absent]::after{background:#162440}

/* Chargement sans couleur de verdict (décision Martin) : coche marine uniforme, pas de point sur les IA */
.scan-steps li[data-state=done] i,
.scan-steps li[data-state=done][data-verdict] i{background:#162440;border-color:#162440}
.scan-steps li[data-state=done][data-verdict] i::after{border-color:#fff}
.constellation .engine-node[data-verdict=absent]::after{display:none}

/* ===== Jaune Centrale Nantes #DBA005 (relevé sur ec-nantes.fr), réservé aux détails : offre de lancement =====
   Texte marine sur le jaune (contraste ≈ 7:1) ; jamais de texte blanc dessus. */
:root{--ecn-yellow:#DBA005}
.launch-note{align-items:center;gap:10px;font-size:13px;color:#162440}
.launch-pill{display:inline-block;background:var(--ecn-yellow);color:#162440;font-weight:650;font-size:12px;border-radius:999px;padding:4px 11px}
.pa-launch{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 22px;font-size:14px;font-weight:550;color:#162440}

/* Lien FAQ mis en avant sous les offres */
.faq-cta{text-align:center;margin:34px auto 18px;font-size:16px;color:#3d4757}
.faq-cta a{color:#162440;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
#faq{scroll-margin-top:90px}
.faq details a{color:#162440;text-decoration:underline;text-underline-offset:3px}
.page-section.faq>h2{font-size:clamp(24px,2.4vw,30px)}

/* Logo animé de l'accueil : l'aiguille oscille à l'arrivée et suit le bouton (aiguille.js) */
.brand-compass{overflow:visible}

/* Survol des décors de l'accueil (survol.js) : zoom doux qui suit légèrement la souris */
@media (hover:hover) and (min-width:901px) and (prefers-reduced-motion:no-preference){
  .hero .search-art,.hero .globe-art{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
  .hero .search-art.is-hovered{transform:translate(calc(var(--mx,0) * 8px),calc(var(--my,0) * 8px)) rotate(-3deg) scale(1.08)}
  .hero .globe-art.is-hovered{transform:translate(calc(var(--mx,0) * 8px),calc(var(--my,0) * 8px)) scale(1.07)}
}

/* Fenêtre de classement : « Votre site » remonte en 1re ligne */
.rank-row.selected{animation:rank-climb 12s cubic-bezier(.65,0,.35,1) infinite}
@keyframes rank-climb{0%,14%{transform:translateY(0)}40%,80%{transform:translateY(-95px)}95%,100%{transform:translateY(0)}}
.connection{vector-effect:non-scaling-stroke}
body.paused .rank-row.selected{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.rank-row.selected{animation:none}}

/* Questions de clients qui défilent en bas du hero, en transparence (sous-recherche.js) */
.hero-questions{position:absolute;left:0;right:0;bottom:56px;z-index:1;overflow:hidden;pointer-events:auto;-webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.q-row{display:flex;gap:12px;width:max-content;animation:q-slide 90s linear infinite}
.q-row span{border:1px solid #16244014;border-radius:999px;padding:7px 14px;font-size:13px;color:#16244066;white-space:nowrap;background:none}
.hero-questions:hover .q-row{animation-play-state:paused}
@keyframes q-slide{to{transform:translateX(-50%)}}
body.paused .q-row{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.q-row{animation:none}}
@media (max-width:900px){.hero-questions{display:none}}

/* Décors au second plan : traits gris fins et nets (le globe est dessiné en gris dans app.js) */
@media (min-width:901px){
  .hero .search-art{opacity:.8}
  .hero .globe-art{opacity:.75}
}
.ranking-window{border-color:#e1e5eb;box-shadow:none}
.window-bar span{background:#c4cad4}
.rank-row.secondary i{background:#e3e7ec}
.rank-row.secondary b{color:#b4bcc8}
.rank-row.selected{border-color:#d2d8e0;color:#7b8596;box-shadow:none}
.rank-row.selected b{color:#9aa3b2}
.rank-row.selected .rank-icon{background:#eef0f3;color:#9aa3b2}
.rank-row.selected .rank-icon svg{stroke:#9aa3b2}
.rank-row.selected i{background:#e3e7ec}
.hero .connections{opacity:1}
.connection{stroke:#c8cfd9;stroke-width:1.2}
.connection.faint{stroke:#dbe0e7;stroke-width:1}
.citation{color:#7b8596;border-color:#e3e7ec;box-shadow:none}
.citation-dot{background:#b4bcc8}

/* Pré-audit réel : message d'erreur à la place de l'étape en cours */
.loading-view.has-error #scan-step{color:#162440;font-weight:600}
.loading-view.has-error .scan-bar,.loading-view.has-error #scan-steps{opacity:.35}

/* ===== Pré-audit, version 2 : points en colonnes, banderole Claude, écran « Claude cherche » ===== */
.preaudit{max-width:1180px}
.preaudit .pa-example,.preaudit .pa-head,.preaudit .pa-locked,.preaudit .pa-email{max-width:900px;margin-left:auto;margin-right:auto}
.pa-free{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.pa-free .pa-section-title{grid-column:1/-1}
.pa-free .pa-point,.pa-free .pa-point.is-mid{background:#fff;border:1px solid #e1e6ee;border-radius:20px;padding:22px 22px 24px;display:flex;flex-direction:column}
.pa-free .pa-point h4{font-size:19px;line-height:1.25;margin:12px 0 4px}
.pa-free .pa-point p{font-size:14.5px}
.pa-free .pa-evidence{margin:10px 0 2px;padding:12px 14px}
@media (max-width:900px){.pa-free{grid-template-columns:1fr}}

/* banderole : fond marine, le seul aplat sombre avant le bloc verrouillé */
.pa-ia{margin:8px 0 40px}
.pa-ia-band{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;background:#162440;color:#dfe5ee;border-radius:24px;padding:30px 36px}
.pa-ia-free{display:inline-block;margin:0 0 10px;font-size:12.5px;font-weight:650;color:#162440;background:#DBA005;border-radius:999px;padding:4px 11px}
.pa-ia-band h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.03em;margin:0 0 8px;color:#fff}
.pa-ia-text p:last-child{margin:0;font-size:15.5px;line-height:1.55}
.pa-ia-text strong{color:#fff}
.pa-ia-form{display:flex;gap:8px;flex-wrap:wrap}
.pa-ia-form input{flex:1 1 220px;min-height:50px;border:0;border-radius:999px;padding:0 18px;font:inherit;font-size:15px;color:#162440;background:#fff}
.pa-ia-form input[aria-invalid=true]{box-shadow:0 0 0 3px #DBA005}
.pa-ia-form button{min-height:50px;border-radius:999px;padding:0 22px;background:#fff;color:#162440;font-weight:650;font-size:14.5px;border:0}
.pa-ia-form button[disabled]{opacity:.6;cursor:default}
.pa-ia-consent{margin:10px 0 0;font-size:12.5px;color:#9fadc4}
.pa-ia-consent a{color:inherit;text-decoration:underline}
.pa-ia-note{margin:10px 0 0;font-size:14px;color:#fff;font-weight:550}
.pa-ia-note:empty{display:none}
.pa-ia-note button{background:none;border:0;padding:0;color:#DBA005;font:inherit;font-weight:650;text-decoration:underline;cursor:pointer}
@media (max-width:900px){.pa-ia-band{grid-template-columns:1fr;padding:26px 22px;gap:18px}}

/* résultat court */
.pa-ia-result{max-width:900px;margin:0 auto;background:#fff;border:1.5px solid #162440;border-radius:24px;padding:30px 34px;outline:none}
.pa-ia-score{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:0 0 6px}
.pa-ia-score strong{font-size:clamp(44px,5vw,60px);font-weight:650;letter-spacing:-.05em;color:#162440;line-height:1}
.pa-ia-score span{font-size:19px;color:#162440;font-weight:600;max-width:520px;line-height:1.35}
.pa-ia-meta{margin:0 0 18px;font-size:13px;color:#7b8596}
.pa-ia-label{margin:18px 0 8px;font-size:14px;font-weight:650;color:#162440}
.pa-ia-rivals{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pa-ia-rivals li{background:#eef1f5;color:#162440;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:550}
.pa-ia-questions{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid #e3e7ee}
.pa-ia-questions li{display:flex;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid #e3e7ee;font-size:14.5px;color:#3d4757}
.pa-ia-questions .v{flex:none;font-size:12px;font-weight:650;border-radius:999px;padding:3px 10px;background:#eef1f5;color:#4f5a6b}
.pa-ia-questions .v.yes{background:#162440;color:#fff}
.pa-ia-src{margin:14px 0 0;font-size:13px;color:#7b8596}
.pa-ia-next{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:22px 0 0;padding:18px 20px;border-radius:16px;background:#f3f5f8}
.pa-ia-next p{margin:0;max-width:560px;font-size:14.5px;line-height:1.55;color:#3d4757}
.pa-ia-next strong{color:#162440}
.pa-ia-cta{flex:none;display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;background:#162440;color:#fff;font-weight:600;font-size:14.5px;text-decoration:none}
@media (max-width:640px){.pa-ia-result{padding:24px 20px}}

/* écran de chargement « Claude cherche » */
.ia-loading{position:fixed;inset:0;z-index:40;background:#fafbfe;display:flex;flex-direction:column;align-items:center;padding:28px 4% 30px;overflow:auto}
.ia-loading h2{font-size:clamp(36px,4vw,58px);font-weight:550;letter-spacing:-.05em;line-height:1.04;text-align:center;color:#162440;margin:8px 0 6px}
.ia-stage{position:relative;width:min(1040px,94vw);height:440px;flex:none}
.ia-links{position:absolute;inset:0;width:100%;height:100%}
.ia-chat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,86vw);background:#fff;border:1px solid #dfe4ec;border-radius:22px;padding:18px 20px 16px;box-shadow:0 18px 50px #1624400f;z-index:2}
.ia-chat-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;color:#162440;margin-bottom:12px}
.ia-chat-head svg{width:18px;height:18px;fill:#162440}
.ia-chat-head em{margin-left:auto;font-style:normal;font-weight:500;color:#7b8596}
.ia-q{margin:0 0 12px auto;width:fit-content;max-width:100%;min-height:22px;background:#eef1f5;border-radius:16px 16px 4px 16px;padding:10px 14px;font-size:14.5px;line-height:1.45;color:#162440}
.ia-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:#162440;animation:ia-blink 1s steps(1) infinite}
@keyframes ia-blink{50%{opacity:0}}
.ia-searching{display:flex;align-items:center;gap:8px;font-size:13px;color:#5d6879;margin-bottom:10px}
.ia-spin{width:14px;height:14px;border-radius:50%;border:2px solid #d5dce6;border-top-color:#162440;animation:pa-spin .9s linear infinite}
.ia-results{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ia-results li{display:grid;gap:5px;padding:10px 12px;border:1px solid #edf0f4;border-radius:12px;opacity:.35;transition:opacity .5s}
.ia-results li.on{opacity:1}
.ia-results b{display:block;height:8px;width:42%;border-radius:4px;background:#cfd6e0}
.ia-results i{display:block;height:6px;width:86%;border-radius:4px;background:#e6eaf0}
.ia-chip{position:absolute;left:50%;top:50%;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #e1e6ee;font-size:13px;color:#4f5a6b;white-space:nowrap;transition:border-color .4s,color .4s,box-shadow .4s;will-change:transform}
.ia-chip::after{content:attr(data-label)}
.ia-chip.on{border-color:#162440;color:#162440;box-shadow:0 6px 20px #16244014}
.ia-progress{width:min(620px,92vw);margin-top:8px}
.ia-dots{list-style:none;margin:14px 0 0;padding:0;display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:#9aa4b4}
.ia-dots li{display:flex;align-items:center;gap:6px}
.ia-dots li::before{content:"";width:9px;height:9px;border-radius:50%;border:1.5px solid #c3cad6;background:#fff}
.ia-dots li.done{color:#162440}
.ia-dots li.done::before{background:#162440;border-color:#162440}
.ia-dots li.active{color:#162440;font-weight:600}
.ia-dots li.active::before{border-color:#162440}
@media (max-width:760px){.ia-stage{height:380px}.ia-chip{display:none}.ia-dots{flex-wrap:wrap;justify-content:center}}
@media (prefers-reduced-motion:reduce){.ia-caret,.ia-spin{animation:none}}

/* Revue ergonomie du 03/11/2026 */
/* le bandeau cookies ne recouvre pas l'analyse : il revient au retour à l'accueil */
body:has(#loading-view:not([hidden])) .cookie-banner{display:none}
.pa-ia-band{max-width:1180px;margin:0 auto}
.pa-ia-band :is(input,button,a):focus-visible{outline:3px solid #fff;outline-offset:2px}
.pa-plan button:focus-visible,.pa-ia-cta:focus-visible,.pa-ia-result:focus-visible{outline:3px solid #162440;outline-offset:3px}
.pa-locked .tag.mid::before,.pa-locked .tag.high::before{display:none}
.pa-categories li{grid-template-columns:1fr auto}
.scan-steps li[data-state=todo]{color:#6b7688}
.engine-node small{color:#6b7688}
.back-home,.scene-pause{min-height:44px}
.loading-view .demo-note:empty{display:none}
@media (max-width:640px){
  .pa-dots{display:none}
  .pa-categories{grid-template-columns:1fr 1fr}
  .pa-teaser{display:none}
  .pa-ia-form button{flex:1 1 100%}
  .pa-ia-result{padding:22px 18px}
  .constellation{max-height:300px}
  .scan-steps li:not([data-state=active]){display:none}
}

/* comparaison avec le concurrent saisi */
.pa-ia-versus{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 4px}
.pa-ia-versus div{background:#f3f5f8;border-radius:14px;padding:12px 16px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.pa-ia-versus div:first-child{background:#162440;color:#fff}
.pa-ia-versus span{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pa-ia-versus b{font-size:22px;letter-spacing:-.03em;flex:none}
.pa-ia-versus p{grid-column:1/-1;margin:2px 0 0;font-size:14.5px;color:#162440;font-weight:600}
#pa-ia-rival{order:2}
.pa-ia-form input{flex:1 1 200px}
.pa-ia-form button{order:3;flex:1 1 100%}

/* Assistant commercial (chat.js) */
.chat{position:fixed;right:24px;bottom:24px;z-index:35;font-size:14.5px}
.chat-open{min-height:48px;padding:0 20px;border-radius:999px;background:#162440;color:#fff;font-weight:600;border:0;box-shadow:0 10px 30px #16244026;cursor:pointer}
.chat-panel{width:min(370px,calc(100vw - 32px));height:min(520px,calc(100vh - 120px));display:flex;flex-direction:column;background:#fff;border:1px solid #dfe4ec;border-radius:22px;box-shadow:0 20px 60px #1624401f;overflow:hidden}
.chat-panel[hidden]{display:none}
.chat-panel header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #edf0f4}
.chat-panel header strong{display:block;color:#162440;font-size:15px}
.chat-panel header span{font-size:12px;color:#6b7688}
.chat-close{width:36px;height:36px;border-radius:50%;border:0;background:#f3f5f8;color:#162440;font-size:20px;line-height:1;cursor:pointer}
.chat-log{list-style:none;margin:0;padding:14px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.chat-log li{max-width:85%;padding:10px 13px;border-radius:16px;line-height:1.45;white-space:pre-wrap;color:#162440}
.chat-log .bot{background:#f3f5f8;border-bottom-left-radius:4px;align-self:flex-start}
.chat-log .me{background:#162440;color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.chat-log .wait{color:#6b7688}
.chat-form{display:flex;gap:8px;padding:10px;border-top:1px solid #edf0f4}
.chat-form textarea{flex:1;resize:none;border:1px solid #dfe4ec;border-radius:14px;padding:10px 12px;font:inherit;color:#162440;max-height:120px}
.chat-form button{border:0;border-radius:14px;padding:0 16px;background:#162440;color:#fff;font-weight:600;cursor:pointer}
.chat-form button[disabled]{opacity:.5}
.chat :focus-visible{outline:3px solid #162440;outline-offset:2px}
@media (max-width:640px){.chat{right:12px;bottom:12px}.chat-panel{height:calc(100vh - 90px)}}

.pa-categories .pa-teaser{grid-column:1/-1;justify-self:start;text-align:left}

/* ===== Comptes, paiement, espace client (prototype, compte.js) ===== */
.account-link{display:inline-flex;align-items:center;gap:8px;margin-left:28px;min-height:44px;color:#162440;font-size:13px;text-decoration:none}
.account-link svg{width:30px;height:30px;padding:5px;border-radius:50%;border:1.5px solid #162440;fill:none;stroke:#162440;stroke-width:1.8;stroke-linecap:round}
.account-link:hover svg{background:#162440;stroke:#fff}
@media (max-width:900px){.account-link{margin-left:14px}.account-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}

.auth{max-width:440px;margin:0 auto;padding:40px 0 70px}
.auth h1{font-size:clamp(34px,4vw,48px);letter-spacing:-.05em;text-align:center;margin:0 0 24px;color:#162440}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eceff4;border-radius:999px;padding:4px;margin-bottom:22px}
.auth-tabs button{min-height:42px;border-radius:999px;border:0;background:none;font:inherit;font-weight:600;color:#4f5a6b;cursor:pointer}
.auth-tabs button[aria-selected=true]{background:#fff;color:#162440;box-shadow:0 1px 3px #16244014}
.auth-sso{display:grid;gap:10px}
.auth-sso button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid #d5dbe4;border-radius:14px;background:#fff;font:inherit;font-weight:600;color:#162440;cursor:pointer}
.auth-sso svg{width:18px;height:18px}
.auth-or{display:flex;align-items:center;gap:12px;margin:22px 0;color:#6b7688;font-size:13px}
.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:#dfe4ec}
.auth-form{display:grid;gap:14px}
.auth-form label{display:grid;gap:6px;font-size:13.5px;font-weight:600;color:#162440}
.auth-form label small{font-weight:400;color:#6b7688}
.auth-form input:not([type=checkbox]){min-height:46px;border:1px solid #d5dbe4;border-radius:12px;padding:0 14px;font:inherit;font-weight:400;color:#162440;background:#fff}
.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.auth-check{display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important;line-height:1.45}
.auth-check input{margin-top:3px;width:18px;height:18px;flex:none}
.auth-check a,.auth-links a{color:#162440;text-decoration:underline}
.auth-form>button{min-height:50px;border:0;border-radius:999px;background:#162440;color:#fff;font:inherit;font-weight:650;cursor:pointer}
.auth-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0;font-size:13.5px}
.auth-links button{background:none;border:0;padding:0;font:inherit;color:#162440;text-decoration:underline;cursor:pointer}
.auth-note{min-height:20px;margin:16px 0 0;text-align:center;color:#162440;font-weight:600;font-size:14px}
.auth-proto{margin:18px 0 0;text-align:center;font-size:12.5px;color:#6b7688}

.pay{max-width:900px;margin:0 auto;padding:40px 0 70px}
.pay h1{font-size:clamp(34px,4vw,48px);letter-spacing:-.05em;margin:0 0 24px;color:#162440}
.pay-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start}
.pay-summary,.pay-box{background:#fff;border:1px solid #e1e6ee;border-radius:20px;padding:26px 28px}
.pay-plan{margin:0;font-size:22px;font-weight:650;color:#162440}
.pay-price{margin:8px 0 14px;color:#162440}.pay-price strong{font-size:30px;letter-spacing:-.03em}.pay-price s{color:#6b7688;margin-left:6px}
.pay-summary ul{margin:0;padding-left:18px;color:#3d4757;line-height:1.7}
.pay-other{margin:16px 0 0;font-size:13.5px;color:#6b7688}.pay-other a{color:#162440}
.pay-box{border:1.5px solid #162440}
.pay-who{margin:0 0 14px;font-size:14px;color:#3d4757}
.pay-button{width:100%;min-height:52px;border:0;border-radius:999px;background:#162440;color:#fff;font:inherit;font-weight:650;cursor:pointer}
.pay-secure{margin:10px 0 0;font-size:12.5px;color:#6b7688;text-align:center}
.pay-guarantee{margin:16px 0 0;text-align:center;color:#162440}
.pay-note{margin:12px 0 0;font-size:13.5px;color:#162440}
@media (max-width:760px){.pay-grid{grid-template-columns:1fr}}

.space{display:grid;grid-template-columns:230px 1fr;gap:32px;max-width:1180px;margin:0 auto;padding-top:30px;padding-bottom:70px;align-items:start;box-sizing:content-box}
.space-nav{position:sticky;top:20px;display:grid;gap:4px}
.space-hello{margin:0 0 12px;color:#4f5a6b}.space-hello strong{color:#162440}
.space-nav nav{display:grid;gap:2px}
.space-nav nav a{padding:9px 12px;border-radius:10px;color:#3d4757;text-decoration:none;font-size:14.5px}
.space-nav nav a:hover{background:#eceff4;color:#162440}
.space-logout{margin-top:14px;justify-self:start;background:none;border:0;padding:9px 12px;color:#6b7688;font:inherit;font-size:13.5px;text-decoration:underline;cursor:pointer}
.space-main{display:grid;gap:18px;min-width:0}
.space-demo{margin:0;padding:10px 14px;border:1.5px dashed #9aa4b3;border-radius:12px;font-size:13.5px;color:#3d4757}
.space-block{background:#fff;border:1px solid #e1e6ee;border-radius:20px;padding:24px 26px;scroll-margin-top:20px}
.space-block h1,.space-block h2{margin:0 0 16px;font-size:22px;letter-spacing:-.03em;color:#162440;display:flex;align-items:center;gap:10px}
.space-badge{font-size:11.5px;font-weight:650;letter-spacing:0;background:#162440;color:#fff;border-radius:999px;padding:3px 9px}
.space-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.space-kpis div{background:#f3f5f8;border-radius:14px;padding:14px 16px;display:grid;gap:2px}
.space-kpis span{font-size:13px;color:#4f5a6b}.space-kpis strong{font-size:28px;letter-spacing:-.03em;color:#162440}.space-kpis em{font-style:normal;font-size:12.5px;color:#6b7688}
.space-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;font-size:13px;color:#6b7688}
.space-steps li{border-top:3px solid #dfe4ec;padding-top:8px}
.space-steps li.done{border-color:#162440;color:#162440}
.space-steps li.active{border-color:#162440;color:#162440;font-weight:650}
.space-steps small{display:block;font-weight:400;color:#6b7688}
.space-upsell{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:18px;padding:16px 18px;border-radius:14px;background:#162440;color:#dfe5ee}
.space-upsell p{margin:0;max-width:540px;font-size:14.5px;line-height:1.5}.space-upsell strong{color:#fff}
.space-upsell .space-cta{background:#fff;color:#162440}
.space-cta{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;background:#162440;color:#fff;font-weight:600;font-size:14px;text-decoration:none;flex:none}
.space-table{width:100%;border-collapse:collapse;font-size:14px}
.space-table th,.space-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #edf0f4;color:#3d4757}
.space-table thead th{font-size:12.5px;color:#6b7688;font-weight:600}
.space-table a{color:#162440}
.space-scroll{overflow-x:auto}
.space-matrix tbody th{font-weight:500;color:#162440;min-width:240px}
.space-matrix .ok,.space-matrix .no{font-size:12px;font-weight:650;border-radius:999px;padding:3px 9px}
.space-matrix .ok{background:#162440;color:#fff}.space-matrix .no{background:#eef1f5;color:#4f5a6b}
.muted{color:#6b7688}
.space-bar{height:8px;border-radius:999px;background:#e3e8ef;overflow:hidden;margin-bottom:12px}
.space-bar i{display:block;height:100%;background:#162440;transform-origin:left;transform:scaleX(0);transition:transform .4s}
.space-actions{list-style:none;margin:0;padding:0}
.space-actions li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f4;font-size:14.5px;color:#3d4757}
.space-actions label{display:flex;gap:10px;align-items:center;cursor:pointer}
.space-actions input{width:18px;height:18px;flex:none;accent-color:#162440}
.space-actions input:checked+*{color:#6b7688}
.space-hint{margin:12px 0 0;font-size:13px;color:#6b7688}.space-hint a{color:#162440}
.space-add{display:flex;gap:8px;margin-top:14px}
.space-add input{flex:1;min-height:44px;border:1px solid #d5dbe4;border-radius:12px;padding:0 14px;font:inherit}
.space-add button{border:0;border-radius:12px;padding:0 16px;background:#162440;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.space-rivals{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.space-rivals li{display:grid;grid-template-columns:140px 70px 1fr;align-items:center;gap:12px;font-size:14.5px;color:#162440}
.space-rivals i{display:block;height:10px;border-radius:999px;background:linear-gradient(#162440,#162440) 0/var(--w) 100% no-repeat,#e3e8ef}
.space-list{list-style:none;margin:0;padding:0}
.space-list li{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4}
.space-list strong{color:#162440}.space-list span{font-size:13.5px;color:#6b7688}
.space-list .space-cta,.space-list .muted{grid-row:1/3;grid-column:2}
.space-profile{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0}
.space-profile div{background:#f3f5f8;border-radius:12px;padding:10px 14px}
.space-profile dt{font-size:12.5px;color:#6b7688}.space-profile dd{margin:2px 0 0;color:#162440;font-weight:600;overflow-wrap:anywhere}
.space-note{position:sticky;bottom:16px;margin:0;justify-self:center;background:#162440;color:#fff;border-radius:999px;padding:0 16px;font-size:13.5px}
.space-note:not(:empty){padding:10px 16px}
@media (max-width:900px){.space{grid-template-columns:1fr}.space-nav{position:static}.space-nav nav{display:flex;flex-wrap:wrap;gap:6px}.space-nav nav a{background:#fff;border:1px solid #e1e6ee}}
@media (max-width:640px){.space-kpis,.space-steps,.space-profile{grid-template-columns:1fr}.space-rivals li{grid-template-columns:1fr 60px}.space-rivals i{grid-column:1/-1}.space-block{padding:20px 18px}.auth-row{grid-template-columns:1fr}}

.space-nav nav{margin-left:0;display:grid}
@media (max-width:900px){.space-nav nav{display:flex}}
.auth-check span{font-weight:400}

@media (max-width:900px){.space{grid-template-columns:minmax(0,1fr)}}
.space-block{min-width:0}
.space-scroll{max-width:100%}

/* ===== Accueil : bloc explicatif SEO / GEO (référencement du site, 3 novembre 2026) ===== */
.home-explain{max-width:1080px;margin:0 auto;padding:76px 30px 60px}
.home-explain h2{font-size:clamp(28px,3.6vw,40px);line-height:1.12;letter-spacing:-.03em;font-weight:650;color:#162440;margin:0 0 44px}
.home-explain .principles{grid-template-columns:repeat(3,1fr);gap:32px 48px}
.home-explain-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin:40px 0 0;font-size:15px}
.home-explain-links a{color:#162440;text-underline-offset:4px}
@media (max-width:900px){.home-explain{padding:56px 22px 44px}.home-explain .principles{grid-template-columns:1fr}}

/* ===== Pré-audit, partie Claude : les concurrents mis en avant (3 novembre 2026) ===== */
.pa-pain{white-space:nowrap;text-decoration:underline;text-decoration-color:#DBA005;text-decoration-thickness:3px;text-underline-offset:6px}
.pa-ia-competitors{margin:18px 0 6px;padding:18px 20px;border-radius:16px;background:#162440;color:#dfe5ee}
.pa-ia-competitors .pa-ia-label{margin:0 0 12px;font-size:16px;font-weight:500;color:#dfe5ee}
.pa-ia-competitors .pa-ia-label strong{font-size:22px;font-weight:650;color:#fff;letter-spacing:-.02em;text-decoration:underline;text-decoration-color:#DBA005;text-decoration-thickness:3px;text-underline-offset:5px}
.pa-ia-competitors .pa-ia-rivals li{background:#fff;color:#162440;font-weight:600}
/* Prix barrés lisibles : offres du pré-audit, page de paiement, tarifs */
.pa-price s,.pay-price s,.price s{font-size:19px;font-weight:500;color:#7b8596;text-decoration:line-through;text-decoration-color:#162440;text-decoration-thickness:2px;margin-left:6px}
.chat-tools{display:flex;align-items:center;gap:8px}
.chat-reset{border:0;background:none;color:#5d6879;font:inherit;font-size:12.5px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 4px;min-height:36px}
.chat-reset:hover{color:#162440}

/* ===== Bulles et cartes : zoom tenu au survol, léger enfoncement au clic (3 novembre 2026) =====
   Propriété « scale » (et non transform) : elle se cumule avec les transform existants (carrousel, badges centrés).
   Désactivé en mouvement réduit et quand les animations sont mises en pause. */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  /* zoom tenu tant que la souris est dessus, retour en douceur ; :where garde une spécificité faible */
  body:not(.paused) :where(.button,.site-form button,.price-card button,.pa-plan button,.pa-ia-cta,.pa-ia-form button,.pay-button,.auth-form>button,.auth-sso button,.auth-tabs button,.chat-open,.chat-form button,.chat-close,.chat-reset,.cookie-actions button,.cookie-panel-actions button,.review-next,.review-prev,.space-add button,.space-nav nav a,.account-link,.text-button,.close-cookie,.launch-pill,.pa-badge,.pa-ia-rivals li,.pa-ia-free,.q-row span,.chat-log li,.space-badge,.tag,.pa-categories li,.pa-ia-questions .v,.pa-email button,.home-explain-links a,.price-card,.pa-plan,.pa-point,.step,.duo-card,.review-card,.space-block,.space-kpis div,.pa-ia-versus div,.pay-summary,.pay-box,.annual-plan,.space-upsell,.space-cta,.pa-locked,.pa-ia-competitors,.pa-ia-next){transition:scale .3s cubic-bezier(.25,.8,.35,1)}
  /* éléments qui avaient déjà leurs transitions : on les garde et on ajoute le zoom */
  body:not(.paused) .site-form button{transition:transform .3s cubic-bezier(.32,.72,0,1),background .2s,scale .3s cubic-bezier(.25,.8,.35,1)}
  body:not(.paused) .review-card{transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s,box-shadow .65s,scale .3s cubic-bezier(.25,.8,.35,1)}
  body:not(.paused) .button{transition:background .2s,color .2s,scale .3s cubic-bezier(.25,.8,.35,1)}
  body:not(.paused) :where(.button,.site-form button,.price-card button,.pa-plan button,.pa-ia-cta,.pa-ia-form button,.pay-button,.auth-form>button,.auth-sso button,.auth-tabs button,.chat-open,.chat-form button,.chat-close,.chat-reset,.cookie-actions button,.cookie-panel-actions button,.review-next,.review-prev,.space-add button,.space-nav nav a,.account-link,.text-button,.close-cookie,.launch-pill,.pa-badge,.pa-ia-rivals li,.pa-ia-free,.q-row span,.chat-log li,.space-badge,.tag,.pa-categories li,.pa-ia-questions .v,.pa-email button,.home-explain-links a):hover{scale:1.05}
  body:not(.paused) :where(.price-card,.pa-plan,.pa-point,.step,.duo-card,.review-card,.space-block,.space-kpis div,.pa-ia-versus div,.pay-summary,.pay-box,.annual-plan,.space-upsell,.space-cta,.pa-locked,.pa-ia-competitors,.pa-ia-next):hover{scale:1.02}
}
@media (prefers-reduced-motion:no-preference){
  body:not(.paused) :is(.button,.site-form button,.price-card button,.pa-plan button,.pa-ia-cta,.pa-ia-form button,.pay-button,.auth-form>button,.auth-sso button,.auth-tabs button,.chat-open,.chat-form button,.cookie-actions button,.cookie-panel-actions button,.review-next,.review-prev,.space-add button,.account-link,.pa-email button):active{scale:.96}
}

/* ===== Hero : petits objets le long des courbes (trajets.js) ===== */
.hero .trajets{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}

/* ===== Pré-audit : état d'échec clair (audit Codex, 3 novembre 2026) ===== */
.loading-view.has-error .scan-bar,.loading-view.has-error #scan-steps,.loading-view.has-error #scan-percent{display:none}
.scan-retry{display:inline-flex;align-items:center;min-height:46px;margin-top:16px;padding:0 26px;border:0;border-radius:999px;background:#162440;color:#fff;font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.hero .form-hint{margin:12px 0 0;font-size:13.5px;color:#5d6879}
.reco-example{padding-left:0;padding-right:0}
.reco-example h2{margin-bottom:14px}
.launch-left{color:#5d6879;font-weight:500;margin-left:4px}
.report-sample{background:#fff;border:1px solid #dfe3eb;border-radius:22px;padding:28px 30px}
.report-sample h3{font-size:17px;color:#162440;margin:0 0 8px}
.report-sample h3:not(:first-child){margin-top:24px}
.report-sample p{font-size:14.5px;line-height:1.65;color:#4f5a6b;margin:0}
.report-sample .table-wrap{margin:20px 0 0}
.report-sample .compare{font-size:13.5px}
.report-sample .compare td{vertical-align:top}
@media (max-width:700px){.report-sample{padding:22px 18px}}
.review-logo{position:absolute;top:30px;right:34px;height:58px;width:auto}
@media (max-width:700px){.review-logo{top:16px;right:16px;height:40px}.review-card .review-label{display:block;padding-right:100px}.review-card .review-label .todo{white-space:normal}}

/* ===== Corrections des audits design, accessibilité et vente (3 novembre 2026) ===== */
.todo{white-space:normal;overflow-wrap:anywhere}
/* contrastes au moins 4,5:1 */
.brand-slash{color:#6e6e73}
.site-footer .footer-bottom,.draft-note,.price-unit,.pricing-draft,.pricing-draft a,.legal dt,.auth-or,.auth-proto,.auth-form small,.home-link{color:#5d6879}
.price-unit,.draft-note,.pricing-draft{font-size:12px}
/* tarif standard annoncé (plus de prix barré) */
.price-next{font-size:15px;font-weight:500;color:#5d6879;margin-left:8px;white-space:nowrap}
.pa-price .price-next,.pay-price .price-next{font-size:14px}
/* repères de focus à la charte */
#site-url:focus{outline:none}
.site-form:focus-within{border-color:#162440;box-shadow:none;outline:2px solid #162440;outline-offset:2px}
summary:focus-visible,.review-stage:focus-visible,.table-wrap:focus-visible{outline:2px solid #162440;outline-offset:4px;border-radius:6px}
/* tableaux défilables : indice d'ombre sur le bord quand il reste du contenu */
.table-wrap{background:linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),linear-gradient(to left,#fff 30%,rgba(255,255,255,0)) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(22,36,64,.14),transparent),radial-gradient(farthest-side at 100% 50%,rgba(22,36,64,.14),transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}
/* tarifs : une colonne sur tablette, cartes lisibles */
@media (max-width:900px){.price-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}}
/* cibles d'au moins 24 px */
.site-footer li a,.site-footer li button,.motion-toggle,.auth-links button,.auth-links a,.cookie-banner a{min-height:24px;display:inline-flex;align-items:center}
.auth-check input[type=checkbox]{width:22px;height:22px;flex:none}
.account-link{margin-left:12px}
/* bandeau cookies : jamais plus de 40 % de l'écran sur mobile */
@media (max-width:600px){.cookie-banner{max-height:40svh;overflow:auto}}
/* chargement du pré-audit : pas de chevauchement des étiquettes sur petit écran */
@media (max-width:560px){.loading-view .source-chip{display:none}}
/* éléments ajoutés */
.delivery-head p{margin:6px 0 0;color:#5d6879;font-size:15px}
.chat-info{margin:0;padding:8px 14px 0;font-size:12px;line-height:1.45;color:#5d6879}
.chat-info a{color:inherit}
.home-explain .section-lead{margin:-28px 0 40px}

/* ===== Fenêtre « Le SEO, le GEO » (seo-geo.html) ===== */
.guide-open-wrap{margin:26px 0 0}
.guide{width:min(820px,calc(100vw - 32px));max-height:min(88svh,920px);padding:0;border:1px solid #dfe3eb;border-radius:26px;background:#fff;color:#162440;overflow:hidden}
.guide::backdrop{background:rgba(22,36,64,.38)}
.guide-body{max-height:min(88svh,920px);overflow:auto;padding:52px 56px 44px}
.guide-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:#f3f5f8;color:#162440;font-size:22px;line-height:1;cursor:pointer;z-index:1}
.guide h2{font-size:clamp(30px,4vw,42px);line-height:1.08;letter-spacing:-.035em;font-weight:650;margin:0 0 30px;outline:none}
.guide h3{font-size:21px;letter-spacing:-.02em;margin:34px 0 12px;font-weight:620}
.guide p,.guide li span,.guide-points li{font-size:15.5px;line-height:1.7;color:#4f5a6b}
.guide p{margin:0 0 14px}
.guide-time{list-style:none;margin:18px 0 18px;padding:0;border-left:1.5px solid #162440}
.guide-time li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:10px 0 10px 20px}
.guide-time strong{font-size:14.5px;color:#162440;font-weight:650;padding-top:2px}
.guide-points{margin:14px 0 18px;padding-left:20px}
.guide-points li{margin:0 0 8px}
.guide-points strong{color:#162440}
.guide-proof{padding:16px 18px;border-radius:14px;background:#f3f5f8}
.guide-proof a{color:#162440}
.guide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
@media (max-width:640px){.guide-body{padding:44px 22px 30px}.guide-time li{grid-template-columns:1fr;gap:2px}}
@media (prefers-reduced-motion:no-preference){.guide[open]{animation:guide-entree .28s cubic-bezier(.25,.8,.35,1)}@keyframes guide-entree{from{opacity:0;scale:.97}to{opacity:1;scale:1}}}
.guide-actions .button{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;font-weight:600;font-size:14.5px;text-decoration:none}
.guide-actions .button.light{background:#162440;color:#fff;border:1px solid #162440}
.guide-actions .button.ghost{background:#fff;color:#162440;border:1px solid #162440}
/* rendez-vous */
.rdv-agenda{background:#fff;border:1px solid #dfe3eb;border-radius:22px;padding:26px 28px;max-width:760px}
.rdv-agenda p{margin:0;font-size:15.5px;line-height:1.65;color:#4f5a6b}
.rdv-agenda p+p{margin-top:12px}
.rdv-agenda a{color:#162440;text-underline-offset:3px}
.rdv-agenda iframe{display:block;width:100%;height:680px;border:0;border-radius:14px}
.rdv-agenda:has(iframe){padding:8px;max-width:none}
.principles.trois{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.principles.trois{grid-template-columns:1fr}}
/* en-tête : « Prendre rendez-vous » et espace avant « Espace client » */
.header .account-link{margin-left:36px}
@media (max-width:1100px) and (min-width:901px){.header nav a{margin-left:22px}.header .account-link{margin-left:26px}}

/* Contre-audit 2026-11-03 : ligne de portée du pré-audit, détails repliables des réponses IA,
   méthode/limites, bouton de sortie de l'écran IA, rappel d'offre sur le compte. */
.pa-scope{margin:6px 0 0;font-size:13px;color:#7b8596;line-height:1.5}
.pa-ia-small{margin:8px 0 0;font-size:13px;color:#7b8596}
.pa-ia-detail{border-bottom:1px solid #e3e7ee;padding:4px 0}
.pa-ia-detail summary{display:flex;gap:12px;align-items:baseline;padding:9px 0;cursor:pointer;font-size:14.5px;color:#3d4757;list-style:none}
.pa-ia-detail summary::-webkit-details-marker{display:none}
.pa-ia-detail summary::after{content:"›";margin-left:auto;transform:rotate(90deg);color:#9aa4b2;transition:transform .2s}
.pa-ia-detail[open] summary::after{transform:rotate(-90deg)}
.pa-ia-extract{margin:2px 0 8px;padding:10px 14px;background:#f3f5f8;border-radius:10px;font-size:13.5px;color:#3d4757;font-style:italic}
.pa-ia-detail-src{margin:0 0 10px;font-size:12.5px;color:#7b8596;word-break:break-word}
.pa-ia-detail-src a{color:#162440}
.pa-ia-method{margin:14px 0 0;font-size:12.5px;color:#8a94a3;line-height:1.5}
.ia-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;border-radius:50%;background:#eef1f5;color:#162440;font-size:24px;line-height:1;cursor:pointer;z-index:2}
.ia-close:hover{background:#e0e5ee}
.auth-offer{margin:0 0 18px;padding:10px 14px;background:#f3f5f8;border-radius:12px;font-size:14px;color:#3d4757}
.auth-offer a{color:#162440;margin-left:4px}
@media (prefers-reduced-motion: reduce){.pa-ia-detail summary::after{transition:none}}

/* Exemple de rapport */
.rs h2{margin-top:34px}.rs-kicker{color:#6e6e73;font-size:13px;margin:0 0 6px}.rs ul{padding-left:20px;line-height:1.7;color:#5d6879}.rs-note{color:#6e6e73;font-size:13px;line-height:1.6;max-width:760px}.rs-action{border-left:2px solid #162440;padding:4px 0 4px 18px;margin:18px 0}.rs-action p{margin:0 0 8px;line-height:1.65}.rs-effort{font-size:13px;color:#6e6e73}.rs-fix{background:#eef2f8;border-radius:10px;padding:10px 14px;font-size:14px}.rs-fix span{font-weight:600;color:#162440}

/* Suivi de commande (espace client, confirmation) */
.carte-commande{background:#fff;border:1px solid #e9ecf1;border-radius:22px;padding:28px;margin-top:18px}
.carte-commande h3{margin:0 0 6px;font-size:20px;color:#162440}
.carte-commande .meta{margin:0;color:#5d6879;font-size:14px;line-height:1.6}
.suivi{list-style:none;padding:0;margin:24px 0 8px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.suivi li{border-top:3px solid #e1e5ec;padding-top:12px;color:#8a95a8;font-size:13px;line-height:1.5}
.suivi li strong{display:block;font-size:15px;margin-bottom:2px;color:inherit}
.suivi li[data-etat=fait]{border-color:#162440;color:#162440}
.suivi li[data-etat=actuel]{border-color:#3b6fd8;color:#162440}
.suivi li[data-etat=actuel] strong::after{content:" · en cours";font-weight:400;color:#3b6fd8}
.carte-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.btn{display:inline-block;padding:11px 18px;border-radius:999px;background:#162440;color:#fff;font-size:14px;text-decoration:none;border:0;cursor:pointer}
.btn.sec{background:#eef2f8;color:#162440}
.space-list{padding-left:20px;line-height:1.9}
.space-list button{margin-left:8px;font-size:13px;background:none;border:0;color:#3b6fd8;cursor:pointer;text-decoration:underline}
@media(max-width:700px){.suivi{grid-template-columns:1fr 1fr}.carte-commande{padding:22px}}
.pay-site{display:grid;gap:6px;font-size:14px;color:#162440;margin:4px 0 14px}.pay-site input{padding:11px 14px;border:1px solid #d5dbe5;border-radius:12px;font:inherit}