/* LEAD 08/11 22:13: EN Handoff prototype only. Hero and common header/footer unchanged. */
.hf-prototype{color:#263153;background:#fcfcff;position:relative;z-index:1}
.hf-prototype [hidden]{display:none!important}
.hf-prototype .hf-section{padding:88px 0;height:auto;overflow:visible}
.hf-prototype .hf-kicker{font:600 13px/1.4 DM,Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;color:#4458ac;margin:0 0 18px}
.hf-prototype h2{font:700 44px/1.15 Jakarta,Arial,sans-serif;letter-spacing:-.04em;color:#4458ac;margin:0 0 38px}
.hf-prototype h3{font:600 21px/1.3 DM,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 12px}
.hf-prototype p:not(.hb *){line-height:1.55}
.hf-prototype .hf-result{background:#f0f2fc}
.hf-example{background:#fff;border:1px solid #d7def1;border-radius:22px;box-shadow:0 18px 48px -32px #26315366;overflow:hidden;min-width:0}
.hf-example-bar{display:flex;align-items:center;gap:9px;padding:18px 24px;border-bottom:1px solid #e7ebf6;font:600 13px/1.4 DM;color:#4458ac}
.hf-example-dot{width:7px;height:7px;border-radius:50%;background:#4458ac}

.hf-example-preview{position:relative;max-height:372px;overflow:hidden;padding:24px 28px 0}
.hf-example-preview:after{content:'';position:absolute;inset:auto 0 0;height:115px;background:linear-gradient(transparent,#fff 85%);pointer-events:none}
.hf-example pre,.hf-example-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:400 14px/1.7 DM,Arial,sans-serif;color:#38415d}
.hf-example-foot{padding:18px 28px 22px;background:#fff;position:relative}
.hf-example-open{border:0;border-radius:8px;color:#4458ac;background:#eef1fc;font:600 14px/1.4 DM;padding:12px 16px;cursor:pointer;display:flex;gap:28px;align-items:center}
.hf-example-open:hover{background:#e2e7fb}
.hf-example-foot p{font-size:11px;color:#72798e;margin:12px 0 0}
.hf-prototype .hf-how{background:#e9edfb}
.hf-prototype .hf-how h2{max-width:20ch;margin-bottom:52px}
.hf-prototype .hf-questions{padding-top:46px}
.hf-questions .frame{max-width:1000px}
.hf-questions .faq-list{overflow:visible;max-height:none;padding:0}
.hf-questions .faq-list details{border-bottom:1px solid #dce2f4;padding:23px 0}
.hf-questions .faq-list details p{font-size:16px;max-width:78ch;line-height:1.65}
.hf3>.hf-tool-closer .hf-workspace-link{display:block;font:600 14px/1.5 DM;color:#4458ac;margin:20px auto 0;text-underline-offset:4px}
.hf-example-dialog{border:1px solid #dce2f4;border-radius:22px;background:#fcfcff;color:#263153;padding:30px;width:min(800px,calc(100% - 40px));max-height:85svh;overflow:auto;box-shadow:0 25px 100px #19224044}
.hf-example-dialog::backdrop{background:#19224088;backdrop-filter:blur(4px)}
.hf-dialog-top{display:flex;align-items:flex-start;gap:20px;justify-content:space-between}
.hf-dialog-top h2{font:700 23px/1.3 Jakarta;margin:0;color:#4458ac}
.hf-dialog-top button{flex:0 0 36px;height:36px;font:400 27px/1 DM;border:0;background:#eef0fc;color:#4458ac;border-radius:50%;cursor:pointer}
.hf-dialog-note{font:400 12px/1.5 DM;color:#72798e;margin:12px 0 25px}
.hf-example-dialog pre{font-size:15px}
@media(max-width:1000px){.hf-prototype h2{font-size:37px}}
@media(max-width:760px){
.hf-prototype .hf-section{padding:52px 0}.hf-prototype .hf-kicker{font-size:11px;margin-bottom:13px}.hf-prototype h2{font-size:30px;line-height:1.18;margin-bottom:26px}.hf-example{border-radius:18px}.hf-example-bar{padding:15px 18px;font-size:11px;gap:6px}.hf-example-preview{padding:20px 20px 0;max-height:335px}.hf-example pre{font-size:13px;line-height:1.7}.hf-example-foot{padding:17px 20px 20px}.hf-example-open{font-size:13px}.hf-example-foot p{font-size:10px}.hf-prototype .hf-how h2{margin-bottom:32px}.hf-prototype .hf-questions{padding-top:25px}.hf-questions .faq-list summary{font-size:17px}.hf-questions .faq-list details{padding:20px 0}.hf-questions .faq-list details p{font-size:14px}.hf-example-dialog{padding:22px;width:calc(100% - 28px);border-radius:17px}.hf-dialog-top h2{font-size:18px}.hf-example-dialog pre{font-size:13px}.hf3>.hf-tool-closer h2{font-size:40px}}
.hf-example-bar{font-size:14px}.hf-example-dot{flex:0 0 7px}
@media(max-width:760px){.hf-example-bar{font-size:12px}}
/* Tool-specific closer; the source shell's artwork and CTA remain reused. */

.hf3>#closer-call.hf-tool-closer{display:block}
.hf3>#closer-call.hf-tool-closer .hf-workspace-link{display:block;font:600 14px/1.5 DM,Arial,sans-serif;color:#fff;margin:18px 0 0;text-underline-offset:4px}
.hf3>#closer-call.hf-tool-closer .hf-workspace-link:focus-visible{outline-color:#fff}
@media(max-width:760px){.hf3>#closer-call.hf-tool-closer h2{font-size:36px;line-height:1.1;max-width:17ch;letter-spacing:-.045em}}
/* Shell de main (sans a45) : les règles du closer du shell a45 (548254c1, assets/navigation-v4/shell.css 392-465), reprises telles quelles et portées sur la page. */
.hf3>#closer-call.hf-tool-closer{--lime:#e4ee99;--closer-blue:radial-gradient(ellipse at 90% 22%,#5b6ebf 0%,transparent 58%),radial-gradient(ellipse at 2% 100%,#445ba5 0%,transparent 65%),linear-gradient(142deg,#293757 5%,#354777 56%,#455a9f 100%);font-family:UncookNavDM,sans-serif;box-sizing:border-box;}
.hf3>#closer-call.hf-tool-closer *{box-sizing:border-box;}
.hf3>#closer-call.hf-tool-closer h2{font-family:UncookNavPJS,sans-serif;margin:0;font-weight:700;}
.hf3>#closer-call.hf-tool-closer.closer{
  width: min(1328px, calc(100% - 112px));
  margin: 0 auto 56px;
  overflow: hidden;
  border-radius: 30px;
  background: var(--closer-blue);
  color: white;
}
.hf3>#closer-call.hf-tool-closer .closer-message{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 22px 47px;
  text-align: center;
}
.hf3>#closer-call.hf-tool-closer.closer h2{
  max-width: 960px;
  color: #fff;
  font-size: clamp(50px, 5.6vw, 80px);
  line-height: 1.03;
  letter-spacing: -.061em;
}
.hf3>#closer-call.hf-tool-closer .chrome-cta{
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  gap: 9px;
  margin-top: 27px;
  padding: 0 21px;
  border: 1px solid #c4d56c;
  border-radius: 12px;
  background: var(--lime);
  color: #263153;
  font: 700 16px/1.2 UncookNavPJS, sans-serif;
  text-decoration: none;
}
.hf3>#closer-call.hf-tool-closer .chrome-cta:focus-visible{ outline: 3px solid #fff; outline-offset: 4px; }
.hf3>#closer-call.hf-tool-closer .chrome-cta svg{ flex: 0 0 auto; }
.hf3>#closer-call.hf-tool-closer .workspace-preview{
  position: relative;
  width: min(1000px, calc(100% - 94px));
  height: 290px;
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid #afbdeb;
  border-bottom: 0;
  border-radius: 18px 18px 0 0;
  background: #f5f6f8;
  box-shadow: 0 2px 0 #dce6ff33, 0 18px 60px #18274790;
}
.hf3>#closer-call.hf-tool-closer .workspace-preview img{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 142%;
  max-width: none;
  height: auto;
  transform: translateY(-7.3%);
}
@media (max-width: 1050px){.hf3>#closer-call.hf-tool-closer.closer{ width: calc(100% - 64px); }}
@media (max-width: 760px){.hf3>#closer-call.hf-tool-closer.closer{ width: calc(100% - 32px); }
.hf3>#closer-call.hf-tool-closer.closer{ margin-bottom: 24px; border-radius: 21px; }
.hf3>#closer-call.hf-tool-closer .closer-message{ padding: 42px 15px 31px; }
.hf3>#closer-call.hf-tool-closer.closer h2{ font-size: clamp(32px, 8.4vw, 58px); }
.hf3>#closer-call.hf-tool-closer .chrome-cta{ min-height: 46px; margin-top: 22px; padding-inline: 16px; font-size: 14px; }
.hf3>#closer-call.hf-tool-closer .workspace-preview{ width: calc(100% - 32px); height: 236px; border-radius: 12px 12px 0 0; }}
@media (max-width: 620px){.hf3>#closer-call.hf-tool-closer .workspace-preview img{ width: 215%; }}
/* ── Handoff v2 (PRODUIT 09/11 ; brief du LEAD 20:10 après le NON de Kevin 21:04) ──────────────────────────────────────────── */
/* ② What you get : un viewport complet à 1440 ; le document a EXACTEMENT le rendu du Handoff dans l'espace (valeurs calculées sur
   l'espace de main, compte simulé : surface #f5f7ff/#c5cef2, titre Jakarta 29 px, corps en chasse fixe 13/24 px, titres de section en
   gras, puces #2348ef). */

@media(min-width:1001px){.hf-prototype .hf-result{min-height:calc(100svh - 88px);display:flex;align-items:center}.hf-prototype .hf-result>.frame{width:100%}}
.hf-example .hf-doc{background:#f5f7ff;max-height:520px;padding:0}
.hf-example .hf-doc:after{background:linear-gradient(transparent,#f5f7ff 85%)}
.hf-doc-sheet{padding:28px 32px 0}
.hf-doc-title{font:700 29px/1.22 Jakarta,Arial,sans-serif;letter-spacing:-.8px;color:#142238;margin:0 0 22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hf-doc-badge{font:600 12px/1 DM,Arial,sans-serif;letter-spacing:0;color:#fff;background:#4458ac;border-radius:999px;padding:6px 10px}
.hf-doc-body.result-text{font:400 13px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;color:#344256;border-left:2px solid #d7deff;padding-left:19px;white-space:normal;overflow-wrap:anywhere;margin:0}
.hf-doc-body .rt-h{font:700 13px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;color:#142238;margin:28px 0 10px}
.hf-doc-body .rt-h strong{font-weight:700}
.hf-doc-body .rt-p{margin:0 0 14px}
.hf-doc-body .rt-list{margin:0 0 16px;padding:0 0 0 22px}
.hf-doc-body .rt-list li{margin:0 0 10px;padding-left:3px}
.hf-doc-body .rt-list li::marker{color:#2348ef}
.hf-doc-body>:first-child{margin-top:0}
.hf-example-dialog .hf-doc-body{margin-top:8px}
/* ③ How it works : un viewport (le contenu vient du contrat d'ÉTAPES depuis la passe v3, PRODUIT 10/11 ; les anciennes .hf-steps sont retirées). */

@media(min-width:1001px){.hf-prototype .hf-how{min-height:calc(100svh - 88px);display:flex;align-items:center;padding:56px 0}.hf-prototype .hf-how>.frame{width:100%}.hf-prototype .hf-how h2{margin-bottom:36px}}
@media(max-width:760px){.hf-doc-sheet{padding:20px 20px 0 17px}.hf-doc-title{font-size:23px;margin-bottom:18px}.hf-example .hf-doc{max-height:380px}}
/* Handoff v3 (LEAD 21:30 UTC 09/11, références de Kevin : Calendly, Tactiq, Superhuman). ① le document sous le hero, dans un cadre
   d'écran ; ② 3 bénéfices en 3 colonnes ; ③ 3 blocs texte / image en alternance ; ④ 01 · 02 · 03, images recadrées. Pas d'appel au milieu.
   Passe v3 (PRODUIT 10/11) : ② et ③ ne font plus qu'une section, entièrement tenue par refonte-1110.css ; leurs règles d'ici sont retirées. */

.hf-prototype .hf-showcase{padding:8px 0 72px;background:linear-gradient(#fcfcff,#f0f2fc)}
.hf-screen{max-width:1120px;margin:0 auto;border:1px solid #d7def1;border-radius:22px;background:#fff;box-shadow:0 40px 90px -50px #26315399;overflow:hidden}
.hf-screen-bar{display:flex;align-items:center;gap:7px;padding:13px 18px;background:#f3f5fc;border-bottom:1px solid #e3e8f6}
.hf-screen-bar span{width:10px;height:10px;border-radius:50%;background:#d6dcef}
.hf-screen-bar b{margin-left:14px;font:500 12px/1 DM,Arial,sans-serif;color:#7a829b}
.hf-example-wide{border:0;border-radius:0;box-shadow:none}
.hf-example-wide .hf-doc{max-height:430px}
.hf-example-wide .hf-doc-sheet{padding:32px 48px 0}
@media (max-width:900px){
  .hf-prototype .hf-showcase{padding:0 0 48px}
  .hf-example-wide .hf-doc-sheet{padding:22px 20px 0}
  .hf-example-wide .hf-doc{max-height:380px}
}