:root{
  --navy:#073b69;
  --navy2:#0b5794;
  --blue:#0d61ad;
  --text:#102033;
  --muted:#5a6877;
  --line:#d7e1ea;
  --bg:#f7f9fb;
  --red:#c62d45;
  --orange:#df7900;
  --green:#1f7a41;
  --purple:#6547b6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.45}
button,a{font:inherit}
.topbar{background:linear-gradient(100deg,#052f55,#0b4b80);color:#fff;position:sticky;top:0;z-index:50}
.topbar-inner{max-width:1180px;margin:auto;min-height:66px;padding:0 20px;display:flex;align-items:center;gap:20px}
.menu-toggle{display:none;width:42px;height:40px;border:1px solid rgba(255,255,255,.45);border-radius:6px;background:transparent;padding:8px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:#fff;margin:5px 0}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:255px}
.brand-mark{width:40px;height:40px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}
.brand strong{display:block;font-size:18px}.brand small{display:block;font-size:12px;font-weight:normal}
#main-nav{display:flex;gap:17px;margin-left:auto}#main-nav a,.account-top a{color:#fff;text-decoration:none;font-size:13px}
.account-top{display:flex;gap:16px;margin-left:15px}
.primary-actions{padding:20px 20px 18px;text-align:center}
.big-action{min-width:290px;max-width:390px;padding:15px 22px;margin:0 7px;border-radius:6px;font-weight:800;cursor:pointer}
.big-action.need{background:var(--blue);border:2px solid var(--blue);color:#fff}
.big-action.answer{background:#fff;border:2px solid var(--blue);color:var(--blue)}
.account-mobile{display:none;margin-top:14px}.account-mobile a{color:var(--blue)}.account-mobile span{margin:0 8px}
.hero-panel{margin:0 auto 16px;max-width:1180px;padding:28px 38px 26px;border-radius:9px;background:linear-gradient(110deg,#0a4e90,#0f75bf);color:#fff}
.hero-panel h1{text-align:center;font-size:31px;margin:0 0 4px;line-height:1.15}
.hero-sub{text-align:center;margin:0 0 24px;font-size:17px}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.benefits article{display:flex;gap:13px;align-items:flex-start}
.ico{font-size:32px;line-height:1}
.benefits strong{font-size:15px}.benefits p{margin:4px 0 0;font-size:12.5px}
.content-section{max-width:1180px;margin:auto;padding:16px 20px 25px}
.content-section>h2{font-size:26px;margin:0 0 16px}
.steps-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:9px}
.process-step{position:relative;border:1px solid var(--line);border-radius:8px;padding:18px 14px 15px;text-align:center;min-height:205px;background:#fff}
.num{position:absolute;left:12px;top:12px;width:25px;height:25px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.step-icon{display:block;font-size:29px;color:var(--blue);margin:4px 0 13px}
.process-step h3{font-size:15px;margin:0 0 7px}.process-step p{font-size:12px;margin:0;color:var(--muted)}
.arrow{font-size:28px;color:var(--blue);font-weight:bold}
.anti-box{max-width:1140px;margin:0 auto 24px;border:1px solid var(--blue);border-radius:8px;padding:16px 22px;display:grid;grid-template-columns:55px 1fr auto;gap:18px;align-items:center;background:#fbfdff}
.shield{font-size:37px}.anti-box h2{text-align:left;font-size:18px;margin:0 0 6px;color:var(--blue)}.anti-box p{font-size:13px;margin:0}
.outline-btn{border:1px solid var(--blue);background:#fff;color:var(--blue);border-radius:6px;padding:11px 18px;font-weight:700}
.section-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.section-title span{height:2px;background:var(--blue)}.section-title h2{font-size:24px;color:var(--blue);margin:0}
.section-intro{text-align:center;color:var(--muted);font-size:13px;margin:10px auto 20px;max-width:760px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.service-card{position:relative;border:1px solid var(--line);border-radius:9px;padding:17px 15px 15px;text-align:center;background:#fff;min-height:315px;display:flex;flex-direction:column}
.service-card.red{border-top:4px solid var(--red)}.service-card.blue{border-top:4px solid var(--blue)}.service-card.orange{border-top:4px solid var(--orange)}
.service-card.green{border-top:4px solid var(--green)}.service-card.purple{border-top:4px solid var(--purple)}
.service-icon{font-size:35px;margin:2px 0 6px}.service-card h3{font-size:15px;margin:0 0 8px}
.service-card.red h3{color:var(--red)}.service-card.blue h3{color:var(--blue)}.service-card.orange h3{color:var(--orange)}
.service-card.green h3{color:var(--green)}.service-card.purple h3{color:var(--purple)}
.service-card p{font-size:12.5px;margin:0 0 14px;color:#283849}
.service-card button{margin-top:auto;border:0;border-radius:6px;padding:10px 9px;color:#fff;font-weight:700;cursor:pointer;font-size:12px}
.service-card.red button{background:var(--red)}.service-card.blue button{background:var(--blue)}.service-card.orange button{background:var(--orange)}
.service-card.green button{background:var(--green)}.service-card.purple button{background:var(--purple)}
.service-card button.secondary{margin-top:7px;background:#fff!important;color:inherit;border:1px solid currentColor}
.service-card small{display:block;margin-top:10px;font-size:11px;color:var(--muted)}
.urgent-badge{position:absolute;right:-1px;top:-1px;background:#f0a000;color:#fff;font-size:9px;font-weight:800;padding:5px 8px;border-radius:0 8px 0 6px}
.light-card{opacity:.92}
.alerts-box,.candidate-box{max-width:1140px;margin:0 auto 18px;border-radius:8px}
.alerts-box{border:1px solid #5a8fcb;background:#f8fbff;padding:15px 20px;display:flex;gap:15px;align-items:flex-start}
.info-icon{width:34px;height:34px;border:2px solid var(--blue);color:var(--blue);border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:20px;flex:0 0 auto}
.alerts-box h3{margin:0 0 5px;color:var(--blue);font-size:16px}.alerts-box p{margin:3px 0;font-size:12.5px}
.candidate-box{border:1px solid #88c49a;background:#f4fbf6;padding:18px 20px 20px}
.candidate-head{display:flex;gap:14px;align-items:flex-start}.candidate-shield{width:40px;height:40px;border:2px solid var(--green);border-radius:50%;display:grid;place-items:center;color:var(--green);font-weight:800}
.candidate-head h2{margin:0;color:var(--green);font-size:18px}.candidate-head p{margin:4px 0 0;font-size:12.5px}
.candidate-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:17px}
.candidate-flow>div{background:#fff;border:1px solid #c8e2d0;border-radius:7px;padding:14px;text-align:center}
.candidate-flow span{width:27px;height:27px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;margin:0 auto 7px;font-size:12px;font-weight:800}
.candidate-flow strong{display:block;font-size:13px}.candidate-flow p{font-size:11.5px;color:var(--muted);margin:6px 0 0}
footer{background:#052f55;color:#fff;padding:20px;display:grid;grid-template-columns:1fr auto auto;gap:25px;align-items:center;font-size:12px}
footer strong,footer small{display:block}footer nav{display:flex;gap:25px}footer a{color:#fff;text-decoration:none}
@media(max-width:950px){
  #main-nav{display:none}.menu-toggle{display:block}.account-top{margin-left:auto}
  .benefits{grid-template-columns:repeat(2,1fr)}
  .steps-row{grid-template-columns:1fr 1fr;gap:12px}.arrow{display:none}.process-step{min-height:170px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .topbar-inner{min-height:62px;padding:0 12px}.brand{min-width:0}.brand-mark{display:none}.brand strong{font-size:15px}.brand small{font-size:10px}
  .account-top{display:none}.account-mobile{display:block}
  #main-nav.open{display:flex;position:absolute;left:0;right:0;top:62px;background:#073b69;flex-direction:column;padding:12px 18px;gap:0}
  #main-nav.open a{padding:11px 2px;border-bottom:1px solid rgba(255,255,255,.18)}
  .primary-actions{padding:16px 14px}.big-action{width:100%;min-width:0;margin:5px 0}
  .hero-panel{margin:0 12px 16px;padding:23px 18px}.hero-panel h1{font-size:25px}.hero-sub{font-size:15px}
  .benefits{grid-template-columns:1fr;gap:16px}
  .steps-row{grid-template-columns:1fr}.process-step{min-height:auto;padding:20px 15px}
  .anti-box{margin:0 12px 20px;grid-template-columns:40px 1fr;padding:15px}.outline-btn{grid-column:1/-1}
  .section-title{grid-template-columns:1fr}.section-title span{display:none}.section-title h2{text-align:center;font-size:21px}
  .service-grid{grid-template-columns:1fr}.service-card{min-height:0}
  .alerts-box,.candidate-box{margin-left:12px;margin-right:12px}
  .candidate-flow{grid-template-columns:1fr}
  footer{grid-template-columns:1fr;text-align:center}footer nav{flex-wrap:wrap;justify-content:center;gap:13px}
}

.pro-value{max-width:1180px;margin:0 auto 18px;padding:0 20px}
.pro-value-inner{border:1px solid #9fc7ad;border-left:6px solid var(--green);background:linear-gradient(90deg,#f2faf5,#fff);border-radius:9px;padding:20px 24px;text-align:center}
.pro-kicker{display:inline-block;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.8px;margin-bottom:4px}
.pro-value h2{margin:2px auto 10px;max-width:900px;font-size:21px;line-height:1.2;color:#175c34}
.pro-value p{margin:5px auto;max-width:900px;font-size:13.5px}
.pro-register{display:inline-block;margin-top:14px;padding:10px 18px;border-radius:6px;background:var(--green);color:#fff;text-decoration:none;font-weight:800;font-size:13px}
.alerts-content{width:100%}
.store-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px}
.store-badge{min-width:160px;display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:7px;background:#102031;color:#fff;text-decoration:none;border:1px solid #102031}
.store-badge .store-icon{font-size:20px}
.store-badge span:last-child{display:flex;flex-direction:column;line-height:1.08}
.store-badge small{font-size:9px;color:#dce5ec}
.store-badge strong{font-size:14px}
.store-note{display:block;margin-top:7px;color:var(--muted);font-size:10.5px}
@media(max-width:650px){.pro-value{padding:0 12px}.pro-value-inner{padding:18px 15px}.pro-value h2{font-size:18px}.store-links{flex-direction:column}.store-badge{width:100%;justify-content:center}}

.discover-wrap{max-width:1140px;margin:0 auto 22px;padding:0 0;display:grid;grid-template-columns:.85fr 1.45fr;gap:16px}
.video-card,.interest-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}
.video-placeholder{min-height:285px;background:linear-gradient(135deg,#062f55,#0b6aa8);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px}
.play-button{width:70px;height:70px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:rgba(255,255,255,.12);color:#fff;font-size:28px;cursor:pointer;margin-bottom:16px}
.video-placeholder strong{display:block;font-size:21px}.video-placeholder small{display:block;margin-top:6px;color:#dbeaf5}
.interest-card{padding:22px 24px}
.interest-kicker{font-size:10px;letter-spacing:.8px;color:var(--blue);font-weight:800}
.interest-card h2{font-size:22px;margin:3px 0 14px}
.role-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}
.role-tab{border:1px solid #b9c9d8;background:#fff;color:#26445e;border-radius:18px;padding:7px 11px;font-size:11px;cursor:pointer}
.role-tab.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:800}
.role-message{border-left:4px solid var(--blue);background:#f5f9fd;border-radius:5px;padding:14px 16px}
.role-message h3{margin:0 0 5px;font-size:16px;color:var(--blue)}
.role-message p{font-size:12.5px;margin:0 0 12px;color:#34495d}
.role-message a{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;padding:8px 12px;border-radius:5px;font-size:11.5px;font-weight:800}
.value-line{margin:13px 0 0;font-size:12px;color:#4a5b6b}
@media(max-width:950px){.discover-wrap{margin-left:20px;margin-right:20px;grid-template-columns:1fr}.video-placeholder{min-height:220px}}
@media(max-width:650px){.discover-wrap{margin-left:12px;margin-right:12px}.interest-card{padding:18px 15px}.interest-card h2{font-size:19px}.role-tabs{gap:5px}.role-tab{font-size:10.5px}}
.big-action{min-height:60px;font-size:15px;box-shadow:0 5px 16px rgba(13,97,173,.22);border-width:3px!important}
.trust-pact-home{max-width:1140px;margin:0 auto 22px;border:1px solid #9fc7ad;border-radius:9px;background:#f4fbf6;padding:18px 22px;display:flex;gap:17px;align-items:center}
.trust-pact-symbol{font-size:38px}.trust-pact-kicker{font-size:10px;font-weight:800;letter-spacing:.8px;color:var(--green)}
.trust-pact-home h2{font-size:19px;color:var(--green);margin:2px 0 5px}.trust-pact-home p{font-size:12.5px;margin:0 0 8px}.trust-pact-home a{color:var(--green);font-weight:800;text-decoration:none;font-size:12px}
@media(max-width:650px){.trust-pact-home{margin-left:12px;margin-right:12px;align-items:flex-start}.trust-pact-symbol{font-size:29px}}

/* V9 — portes d'entrée principales volontairement très visibles */
.primary-actions{
  max-width:1140px!important;
  margin:26px auto 30px!important;
  gap:18px!important;
}
.primary-actions .big-action{
  min-height:88px!important;
  padding:20px 26px!important;
  border-radius:10px!important;
  border-width:3px!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.15px!important;
  box-shadow:0 8px 20px rgba(7,59,105,.20)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.primary-actions .big-action.need{
  background:#0d61ad!important;
  color:#fff!important;
  border-color:#0d61ad!important;
}
.primary-actions .big-action.answer{
  background:#fff!important;
  color:#073b69!important;
  border-color:#073b69!important;
}
.primary-actions .big-action:hover{transform:translateY(-2px)}
@media(max-width:650px){
  .primary-actions{margin:18px 12px 24px!important;gap:12px!important}
  .primary-actions .big-action{min-height:78px!important;font-size:16px!important;padding:17px 14px!important}
}

/* V10 — corrections d'alignement */
.primary-actions{
  max-width:1140px!important;
  margin:22px auto 24px!important;
  padding:0 20px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  align-items:stretch!important;
}
.primary-actions .big-action{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:82px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.hero-panel{
  max-width:1140px!important;
  width:calc(100% - 40px)!important;
  margin:0 auto 18px!important;
}
.pro-value{
  max-width:1140px!important;
  width:calc(100% - 40px)!important;
  padding:0!important;
}
.discover-wrap{
  max-width:1140px!important;
}
.anti-box,.trust-pact-home,.alerts-box,.candidate-box{
  width:calc(100% - 40px)!important;
}
@media(max-width:650px){
  .primary-actions{grid-template-columns:1fr!important;padding:0 12px!important;margin:16px auto 20px!important}
  .hero-panel,.pro-value,.anti-box,.trust-pact-home,.alerts-box,.candidate-box{
    width:calc(100% - 24px)!important;
  }
}

/* V11 — code couleur répondant */
.primary-actions .big-action.answer{
  background:#f28c28!important;
  border-color:#d87514!important;
  color:#fff!important;
}
.primary-actions .big-action.answer:hover{
  transform:translateY(-5px) scale(1.015)!important;
  box-shadow:0 12px 22px rgba(160,90,20,.25)!important;
}
.primary-actions .big-action.need:hover{
  transform:translateY(-5px) scale(1.015)!important;
}


/* V17T_1.1 — accueil : deux publics + prescription Métrage Assisté */
.account-top .logout-link{background:#fff;color:#073b69;border-radius:6px;padding:8px 11px;font-weight:800}
.audience-grid{max-width:1140px;margin:0 auto 18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.audience-card{border:1px solid #d6e1ea;border-radius:10px;padding:22px 24px;background:#fff;min-height:235px;display:flex;flex-direction:column}
.audience-card h2{margin:5px 0 10px;font-size:21px;line-height:1.25}.audience-card p{margin:5px 0;font-size:13.5px;line-height:1.5}.audience-kicker{font-size:11px;font-weight:900;letter-spacing:.8px}.blue-kicker{color:#0d61ad}.orange-kicker{color:#d87514}
.requester-card{border-top:5px solid #0d61ad}.pro-card{border-top:5px solid #f28c28;background:linear-gradient(180deg,#fffaf4,#fff)}
.audience-link{margin-top:auto;align-self:flex-start;text-decoration:none;font-weight:900;padding:10px 14px;border-radius:6px}.blue-link{background:#0d61ad;color:#fff}.orange-link{background:#f28c28;color:#fff}
.ma-home-banner{max-width:1140px;margin:0 auto 24px;border:1px solid #f2b36f;border-left:6px solid #f28c28;border-radius:10px;padding:22px 24px;background:linear-gradient(100deg,#fff8ef,#fff)}
.ma-home-head{display:flex;gap:18px;align-items:flex-start}.ma-badge{white-space:nowrap;background:#f28c28;color:#fff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;letter-spacing:.5px}.ma-home-banner h2{margin:0 0 7px;color:#7b4309;font-size:23px}.ma-home-banner p{margin:4px 0;line-height:1.5}
.ma-home-uses{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:17px 0}.ma-home-uses>div{background:#fff;border:1px solid #f2d3b2;border-radius:8px;padding:13px 15px}.ma-home-uses strong{color:#7b4309}.ma-home-uses p{font-size:12.5px}
.ma-home-link{display:inline-block;background:#f28c28;color:#fff;text-decoration:none;border-radius:6px;padding:11px 16px;font-weight:900}
@media(max-width:950px){.audience-grid,.ma-home-banner{margin-left:20px;margin-right:20px}.audience-grid{grid-template-columns:1fr}.ma-home-uses{grid-template-columns:1fr}}
@media(max-width:650px){.audience-grid,.ma-home-banner{margin-left:12px;margin-right:12px}.audience-card,.ma-home-banner{padding:18px 15px}.ma-home-head{display:block}.ma-badge{display:inline-block;margin-bottom:10px}}
/* V17T_1.2 — langage couleur : bleu=besoin, orange=PRO, vert=je me propose */
.primary-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1500px!important}
.primary-actions .big-action.pro-answer{background:#f68b1f!important;border-color:#e2760b!important;color:#fff!important}
.primary-actions .big-action.private-answer{background:#238b57!important;border-color:#176c43!important;color:#fff!important}
.offer-button{background:#238b57!important;color:#fff!important;border-color:#176c43!important}
.connected-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px}
.connected-tools a{white-space:nowrap}.need-mini,.pro-mini,.offer-mini{padding:6px 8px;border-radius:5px!important;color:#fff!important}.need-mini{background:#1268b3}.pro-mini{background:#f68b1f}.offer-mini{background:#238b57}
@media(max-width:900px){.primary-actions{grid-template-columns:1fr!important}.connected-tools span{width:100%}}

/* V17T_1.2.1 — correction lisibilité / bandeau connecté / séparation des rôles */
.sessionbar{background:#1f2b35;color:#fff;font-size:11px}
.sessionbar-inner{max-width:1500px;margin:auto;min-height:38px;padding:0 18px;display:flex;align-items:center;justify-content:flex-end;gap:16px}
.sessionbar-inner nav{display:flex;align-items:center;gap:0}
.sessionbar-inner nav a{color:#fff;text-decoration:none;padding:0 9px;border-left:1px solid rgba(255,255,255,.22);font-weight:700}
.sessionbar-inner .admin-session-link{background:#f28c28;padding:7px 10px;border-radius:5px;border-left:0;margin-right:6px}
.topbar{position:sticky;top:38px}
.role-actions{max-width:1180px!important;display:flex!important;grid-template-columns:none!important;align-items:stretch;gap:28px!important;padding:14px 20px!important}
.particulier-actions{display:flex;flex:1;gap:10px;align-items:stretch}
.pro-actions-separated{display:flex;flex:0 0 34%;padding-left:28px;border-left:2px solid #d8e1e8}
.primary-actions .big-action{min-width:0!important;max-width:none!important;min-height:48px!important;padding:11px 14px!important;margin:0!important;font-size:13px!important;border-width:2px!important;box-shadow:0 3px 10px rgba(20,50,75,.12)!important;flex:1}
.primary-actions .big-action.need{background:#1268b3!important;border-color:#1268b3!important;color:#fff!important}
.primary-actions .big-action.private-answer{background:#238b57!important;border-color:#176c43!important;color:#fff!important}
.primary-actions .big-action.pro-answer{background:#f68b1f!important;border-color:#e2760b!important;color:#fff!important;width:100%}
.service-card .offer-button.secondary{background:#fff!important;color:#238b57!important;border:2px solid #238b57!important}
.service-card .offer-button.secondary:hover{background:#f1faf5!important}
@media(max-width:900px){.sessionbar-inner{justify-content:flex-start;flex-wrap:wrap;padding:7px 12px}.topbar{top:0}.role-actions{display:block!important}.particulier-actions{display:grid;grid-template-columns:1fr;gap:8px}.pro-actions-separated{padding-left:0;border-left:0;margin-top:12px}.primary-actions .big-action{width:100%}.sessionbar-inner nav{flex-wrap:wrap}}