/* Honoré vitrine : feuille unique (ADN honore.ai : encre #111114, un seul accent jaune #fcc220, Manrope + Poppins).
   Jetons légers, jamais hg.min.css. Conteneur 1200 px, sections 72-112 px. Réécrite le 16/10 (reprise DA tour 2). */
:root{
  --hv-ink:#111114;--hv-ink-2:#1a1a1f;--hv-ink-3:#24242b;
  --hv-paper:#f6f6f7;--hv-paper-2:#ececef;--hv-white:#fff;--hv-line:#e4e4e8;
  --hv-text:#33333b;--hv-muted:#5b5b66;--hv-dim:#b4b4be;
  --hv-yellow:#fcc220;--hv-yellow-h:#ffd24d;--hv-yellow-d:#8a6400;--hv-yellow-soft:#fff4cf;
  --hv-ok:#1f9d55;
  --hv-d:Manrope,'Manrope Fallback',system-ui,sans-serif;--hv-b:Poppins,'Poppins Fallback',system-ui,sans-serif;
  --hv-r:16px;--hv-r-lg:22px;--hv-ease:cubic-bezier(.2,.7,.2,1);
  --hv-pad:clamp(20px,5vw,40px);
  --hv-shadow:0 24px 50px -28px rgba(17,17,20,.35);
}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:var(--hv-b);font-size:1rem;line-height:1.65;color:var(--hv-ink);background:var(--hv-ink);-webkit-font-smoothing:antialiased}
.wp-site-blocks{overflow-x:clip}
.wp-site-blocks>*,.wp-site-blocks>*+*{margin-block:0}
.wp-site-blocks main,main>.wp-block-post-content{margin:0}
.wp-block-post-content:has(>.hv-s)>*,.wp-block-post-content:has(.hv-s)>*{margin-block:0!important;max-width:none!important}
img{max-width:100%;height:auto}
b,strong{font-weight:600}
.hv-i{flex:none;width:24px;height:24px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ======================= Sections et typographie ======================= */
.hv-s{padding:clamp(72px,8vw,112px) var(--hv-pad)}
.hv-wrap{max-width:1200px;margin-inline:auto}
.hv-wrap--narrow{max-width:820px}
.hv-s--ink{background:var(--hv-ink);color:#fff}
.hv-s--paper{background:var(--hv-paper)}
.hv-s--white{background:var(--hv-white)}

:root :is(.hv-h1,.hv-h2,.hv-h3){font-family:var(--hv-d);margin:0;text-wrap:balance;color:inherit}
:root .hv-h1{font-weight:800;font-size:clamp(2.25rem,1.35rem + 2.5vw,3.5rem);line-height:1.08;letter-spacing:-.032em}
:root .hv-h2{font-weight:800;font-size:clamp(1.75rem,1.2rem + 1.6vw,2.5rem);line-height:1.15;letter-spacing:-.026em}
:root .hv-h3{font-weight:700;font-size:1.25rem;line-height:1.3;letter-spacing:-.01em}
:root .hv-h3--lg{font-size:clamp(1.5rem,1.15rem + 1vw,1.875rem);line-height:1.2;letter-spacing:-.02em}
.hv-hl{color:var(--hv-yellow)}
:is(.hv-s--paper,.hv-s--white) .hv-hl{color:var(--hv-yellow-d)}
.hv-kicker{font:600 .75rem/1.3 var(--hv-b);letter-spacing:.14em;text-transform:uppercase;color:var(--hv-yellow-d);margin:0 0 14px}
.hv-s--ink .hv-kicker{color:var(--hv-yellow)}
.hv-lead{font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.6;color:var(--hv-muted);max-width:58ch;margin:16px 0 0;text-wrap:pretty}
.hv-s--ink .hv-lead{color:var(--hv-dim)}
.hv-note{display:flex;align-items:center;gap:8px;font-size:.875rem;line-height:1.5;color:var(--hv-muted);margin:16px 0 0}
.hv-note .hv-i{width:18px;height:18px;color:var(--hv-yellow)}
.hv-s--ink .hv-note{color:var(--hv-dim)}
.hv-note--center{display:block;text-align:center;margin:44px auto 0;max-width:72ch}
.hv-note a{color:inherit;font-weight:600;text-decoration:underline;text-decoration-color:var(--hv-yellow);text-decoration-thickness:2px;text-underline-offset:3px}
.hv-head{max-width:760px;margin:0 0 clamp(36px,4vw,52px)}
.hv-head--center{margin-inline:auto;text-align:center}
.hv-head--center .hv-lead{margin-inline:auto}

/* ======================= Boutons et liens ======================= */
.hv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font:600 1rem/1 var(--hv-b);text-decoration:none;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .15s var(--hv-ease),background-color .15s,border-color .15s,color .15s}
.hv-btn .hv-i{width:18px;height:18px;transition:transform .15s var(--hv-ease)}
.hv-btn:hover{transform:translateY(-1px)}
.hv-btn:hover .hv-i{transform:translateX(3px)}
.hv-btn--primary{background:var(--hv-yellow);color:var(--hv-ink)}
.hv-btn--primary:hover{background:var(--hv-yellow-h)}
.hv-btn--dark{background:var(--hv-ink);color:#fff}
.hv-btn--dark:hover{background:#000}
.hv-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.32)}
.hv-btn--ghost:hover{border-color:#fff}
.hv-btn--ghost-dark,.hv-btn--line{background:transparent;color:var(--hv-ink);border-color:rgba(17,17,20,.28)}
.hv-btn--ghost-dark:hover,.hv-btn--line:hover{border-color:var(--hv-ink)}
.hv-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.9375rem;color:var(--hv-ink);text-decoration:none}
.hv-link .hv-i{width:16px;height:16px;transition:transform .15s var(--hv-ease)}
.hv-link:hover .hv-i{transform:translateX(3px)}
.hv-link:hover{text-decoration:underline;text-decoration-color:var(--hv-yellow);text-decoration-thickness:2px;text-underline-offset:4px}
.hv-link--soft{color:var(--hv-muted)}
:is(a,button,summary):focus-visible{outline:2px solid var(--hv-yellow-d);outline-offset:3px;border-radius:6px}
.hv-s--ink :is(a,button,summary):focus-visible{outline-color:var(--hv-yellow)}
.hv-checks{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.hv-checks li{position:relative;padding-left:34px;line-height:1.55;color:var(--hv-text)}
.hv-checks li::before{content:"";position:absolute;left:0;top:.12em;width:22px;height:22px;border-radius:50%;background:var(--hv-yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 6.8' fill='none' stroke='%23111114' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}

/* ======================= Cadres vivants (navigateur, téléphone) ======================= */
.hv-browser{position:relative;background:var(--hv-ink-3);border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1)}
.hv-browser-bar{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#202026}
.hv-browser-bar i{width:9px;height:9px;border-radius:50%;background:#4a4a54}
.hv-browser-bar span{margin-left:14px;flex:0 1 60%;padding:3px 12px;border-radius:999px;background:#131317;color:#9a9aa6;font-size:.75rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-live{position:relative;overflow:hidden;background:var(--hv-paper-2);aspect-ratio:16/10}
.hv-live .hv-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:0}
.hv-live iframe{position:absolute;left:0;top:0;width:1280px;height:800px;border:0;transform-origin:0 0;background:transparent;pointer-events:none;z-index:1;opacity:0;transition:opacity .5s ease}
.hv-live.is-ready iframe{opacity:1}
.hv-phone{position:absolute;right:-14px;bottom:0;width:26%;min-width:120px;border-radius:26px;background:#0a0a0c;padding:7px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.14)}
.hv-phone .hv-live{aspect-ratio:390/780;border-radius:20px}

/* ======================= Accueil : héros ======================= */
.hv-hero{padding-bottom:clamp(40px,5vw,64px);background-image:radial-gradient(ellipse 55% 55% at 88% 8%,rgba(252,194,32,.11),transparent 70%)}
.hv-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(32px,5vw,72px);align-items:center}
.hv-hero .hv-h1{font-size:clamp(2.25rem,1.3rem + 2.3vw,3.25rem)}
.hv-hero .hv-note{margin-top:18px}
.hv-hero-visual{position:relative;padding:0 14px 30px 0}
.hv-phone--hero{right:0;bottom:0;width:27%}
.hv-hero-wall{margin:clamp(56px,7vw,88px) calc(-1 * var(--hv-pad)) 0;padding-top:clamp(32px,4vw,44px);border-top:1px solid rgba(255,255,255,.1)}
.hv-wall-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;max-width:1200px;margin:0 auto 22px;padding-inline:var(--hv-pad);box-sizing:content-box}
.hv-wall-title span{font:700 1.0625rem/1.3 var(--hv-d);letter-spacing:-.01em;color:#fff}
.hv-wall-title small{font-size:.875rem;color:var(--hv-dim)}

/* Mur de sites (signature) : défilement continu, pause au survol, au focus et par bouton */
.hv-mq{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent,#000 min(8vw,96px),#000 calc(100% - min(8vw,96px)),transparent);mask-image:linear-gradient(90deg,transparent,#000 min(8vw,96px),#000 calc(100% - min(8vw,96px)),transparent)}
.hv-mq::-webkit-scrollbar{display:none}
.hv-mq.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}
.hv-mq img{-webkit-user-drag:none;user-select:none}
.hv-mq:focus-visible{outline:2px solid var(--hv-y,#fcc220);outline-offset:-2px}
.hv-mq-track{display:flex;width:max-content}
.hv-mq-list{display:flex;gap:20px;padding:0 20px 0 0;margin:0;list-style:none}
.hv-mq-list a,.hv-mini-sites a{display:block;width:clamp(220px,20vw,290px);color:#fff;text-decoration:none}
.hv-mq-shot{display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--hv-ink-3);box-shadow:0 0 0 1px rgba(255,255,255,.1);transition:transform .35s var(--hv-ease),box-shadow .35s}
.hv-mq-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.hv-mq-list a:hover .hv-mq-shot,.hv-mini-sites a:hover .hv-mq-shot,.hv-mq-list a:focus-visible .hv-mq-shot{transform:translateY(-4px);box-shadow:0 0 0 2px var(--hv-yellow)}
.hv-mq-cap{display:flex;flex-direction:column;gap:1px;margin-top:12px}
.hv-mq-cap b{font:700 .9375rem/1.3 var(--hv-d);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-mq-cap span{font-size:.8125rem;color:var(--hv-dim)}
.hv-mq-toggle{display:flex;align-items:center;gap:6px;margin:18px auto 0;padding:6px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:transparent;color:var(--hv-dim);font:600 .8125rem/1 var(--hv-b);cursor:pointer}
.hv-mq-toggle:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.hv-mq-toggle .hv-i{width:14px;height:14px}
.hv-mq-toggle span{display:inline-flex;align-items:center;gap:6px}
.hv-mq-play,.hv-mqw.is-paused .hv-mq-pause{display:none!important}
.hv-mqw.is-paused .hv-mq-play{display:inline-flex!important}


/* ======================= Preuve (Honoré Gestion) ======================= */
.hv-s--proof{padding-block:clamp(44px,5vw,64px);border-bottom:1px solid var(--hv-line)}
.hv-proof{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.hv-proof-who p{margin:14px 0 12px;font-size:1rem;line-height:1.6;color:var(--hv-text);max-width:46ch}
.hv-proof-who p b{color:var(--hv-ink)}
.hv-team{display:flex}
.hv-team img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 1px var(--hv-line);margin-left:-10px;background:var(--hv-yellow-soft)}
.hv-team img:first-child{margin-left:0}
.hv-proof-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}
.hv-proof-nums div{margin:0;padding-top:16px;border-top:2px solid var(--hv-ink)}
.hv-proof-nums dt{font:800 clamp(1.75rem,1.3rem + 1.4vw,2.5rem)/1 var(--hv-d);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.hv-proof-nums dd{margin:8px 0 0;font-size:.875rem;line-height:1.5;color:var(--hv-muted)}

/* ======================= Visionneuse de démos ======================= */
.hv-viewer{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.hv-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.hv-tab{font:600 .9375rem/1 var(--hv-b);padding:0 16px;min-height:40px;border-radius:999px;border:1.5px solid var(--hv-line);background:#fff;color:var(--hv-ink);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.hv-tab:hover{border-color:var(--hv-ink)}
.hv-tab[aria-pressed=true]{background:var(--hv-ink);border-color:var(--hv-ink);color:#fff}
.hv-stage{position:relative;padding:clamp(20px,4vw,48px) clamp(20px,4vw,48px) clamp(36px,5vw,64px);border-radius:24px;background:var(--hv-ink);background-image:radial-gradient(ellipse 50% 60% at 20% 0%,rgba(252,194,32,.12),transparent 70%)}
.hv-stage .hv-browser{max-width:900px;margin-inline:auto;transform:translateX(-5%)}
.hv-phone--stage{right:clamp(16px,6vw,96px);bottom:clamp(16px,3vw,36px);width:min(20%,210px)}
.hv-stage-veil{position:absolute;left:50%;bottom:14px;transform:translate(-50%,6px);z-index:5;margin:0;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.hv-stage.is-loading .hv-stage-veil{opacity:1;transform:translate(-50%,0)}
.hv-stage-veil span{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--hv-ink);font:600 .8125rem/1 var(--hv-b);padding:9px 14px;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.hv-stage-veil span:empty{display:none}
.hv-stage-veil span::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid var(--hv-yellow);border-right-color:transparent;animation:hv-spin .8s linear infinite}
@keyframes hv-spin{to{transform:rotate(360deg)}}
.hv-viewer-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0}

/* ======================= Étapes (vrais écrans du produit) ======================= */
.hv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,32px)}
.hv-step{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-content:start}
.hv-step-vis{grid-column:1/-1;position:relative;height:320px;border-radius:var(--hv-r-lg);background:var(--hv-paper);overflow:hidden;display:grid;place-items:center;padding:22px;margin-bottom:24px;box-sizing:border-box}
.hv-step-n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--hv-yellow);font:800 .9375rem/1 var(--hv-d);align-self:center}
.hv-step .hv-h3{align-self:center}
.hv-step p{grid-column:1/-1;margin:10px 0 0;color:var(--hv-text)}
.hv-mock{width:100%;max-width:340px}
.hv-mock--pick{background:#fff;border-radius:14px;padding:16px;box-shadow:var(--hv-shadow),0 0 0 1px var(--hv-line)}
.hv-mock-top{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:.6875rem;font-weight:600;color:var(--hv-muted);letter-spacing:.04em}
.hv-mock-top i{flex:1;height:4px;border-radius:4px;background:var(--hv-paper-2);overflow:hidden}
.hv-mock-top b{display:block;height:100%;background:var(--hv-yellow)}
.hv-mock-q{margin:0 0 12px;font:700 1rem/1.3 var(--hv-d);letter-spacing:-.01em}
.hv-pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hv-pk{display:block;border-radius:8px;padding:4px;box-shadow:0 0 0 1px var(--hv-line)}
.hv-pk.is-on{box-shadow:0 0 0 2px var(--hv-ink);background:var(--hv-yellow-soft)}
.hv-pk-img{display:block;aspect-ratio:16/11;border-radius:5px;overflow:hidden;background:var(--hv-paper-2)}
.hv-pk-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.hv-pk-l{display:flex;align-items:center;justify-content:space-between;gap:2px;padding:5px 2px 1px;font-size:.6875rem;font-weight:600;line-height:1.2}
.hv-pk-l .hv-i{width:13px;height:13px;stroke-width:2.6}
.hv-browser--step{border-radius:10px;box-shadow:var(--hv-shadow),0 0 0 1px rgba(17,17,20,.08)}
.hv-browser--step .hv-browser-bar{height:22px;padding:0 9px;gap:4px}
.hv-browser--step .hv-browser-bar i{width:6px;height:6px}
.hv-browser--step .hv-browser-bar span{font-size:.625rem;padding:1px 8px;margin-left:8px}
.hv-pal-view{aspect-ratio:16/10;background:var(--hv-paper-2);overflow:hidden}
.hv-pal-view img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .14s}
.hv-pal-view img.is-swap{opacity:.25}
.hv-pal-row{display:flex;justify-content:center;gap:10px;margin-top:18px}
.hv-pal{width:34px;height:34px;padding:3px;border-radius:50%;border:0;background:#fff;box-shadow:0 0 0 1px var(--hv-line);cursor:pointer;transition:transform .15s var(--hv-ease),box-shadow .15s}
.hv-pal span:first-child{display:block;width:100%;height:100%;border-radius:50%}
.hv-pal:hover{transform:translateY(-2px)}
.hv-pal.is-on{box-shadow:0 0 0 2px var(--hv-ink)}
.hv-pal-name{margin:10px 0 0;text-align:center;font-size:.8125rem;font-weight:600;color:var(--hv-muted)}
.hv-step-vis .hv-mock--live{position:absolute;inset:0;max-width:none;display:flex;justify-content:center;align-items:flex-start;padding-top:22px}
.hv-phone--step{position:relative;right:auto;bottom:auto;width:176px;min-width:0;margin-top:4px;box-shadow:0 30px 50px -24px rgba(17,17,20,.55)}
.hv-phone--step .hv-live{aspect-ratio:390/760}
.hv-online{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;margin:0;padding:8px 14px 8px 12px;border-radius:12px;background:#fff;box-shadow:0 14px 30px -12px rgba(17,17,20,.4),0 0 0 1px var(--hv-line);white-space:nowrap;z-index:3}
.hv-online i{width:10px;height:10px;border-radius:50%;background:var(--hv-ok);box-shadow:0 0 0 4px rgba(31,157,85,.18)}
.hv-online span{display:flex;flex-direction:column;font-size:.6875rem;line-height:1.35;color:var(--hv-muted)}
.hv-online b{font-size:.8125rem;color:var(--hv-ink)}

/* ======================= Dix vrais sites (cartes) ======================= */
.hv-sites{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.hv-site{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--hv-line);border-radius:var(--hv-r);overflow:hidden;transition:transform .25s var(--hv-ease),box-shadow .25s var(--hv-ease),border-color .25s}
.hv-site:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(17,17,20,.12);border-color:#cfcfd6}
.hv-site-shot{padding:12px 12px 0;background:var(--hv-paper-2)}
.hv-site-bar{display:flex;gap:4px;height:16px;align-items:center;padding:0 8px;background:#fff;border-radius:7px 7px 0 0;border-bottom:1px solid var(--hv-line)}
.hv-site-bar i{width:5px;height:5px;border-radius:50%;background:#c9c9d1}
.hv-site-shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;background:#fff;transition:transform .6s var(--hv-ease)}
.hv-site-body{display:flex;flex-direction:column;padding:14px 16px 16px;flex:1}
.hv-site-k{margin:0 0 4px;font-size:.75rem;font-weight:600;color:var(--hv-muted)}
.hv-site h3{font:700 1rem/1.3 var(--hv-d);letter-spacing:-.01em;margin:0}
.hv-site h3 a{color:var(--hv-ink);text-decoration:none}
.hv-site h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.hv-site h3 a:focus-visible{outline:0}
.hv-site:has(h3 a:focus-visible){outline:2px solid var(--hv-yellow-d);outline-offset:3px}
.hv-site-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;margin:auto 0 0;padding-top:14px}
.hv-site-links .hv-link{font-size:.8125rem}
.hv-site-links .hv-link .hv-i{width:14px;height:14px}
.hv-site-links a{position:relative;z-index:2}
.hv-site:hover .hv-site-links span.hv-link{text-decoration:underline;text-decoration-color:var(--hv-yellow);text-decoration-thickness:2px;text-underline-offset:4px}

/* ======================= Éditeur + assistant (maquette) ======================= */
.hv-editor .hv-browser{max-width:1000px;margin-inline:auto}
.hv-editor-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;background:var(--hv-paper-2)}
.hv-editor-page{background:#fff;color:var(--hv-ink);padding:24px 32px 28px;margin:20px 0 20px 20px;border-radius:10px}
.hv-ed-nav{display:flex;align-items:center;gap:14px;margin-bottom:34px}
.hv-ed-nav b{width:70px;height:12px;border-radius:4px;background:var(--hv-ink);margin-right:auto}
.hv-ed-nav span{width:40px;height:7px;border-radius:4px;background:#c9c9d1}
.hv-ed-sel{position:relative;outline:2px solid var(--hv-yellow);outline-offset:6px;border-radius:4px;display:inline-block;margin:6px 0 4px}
.hv-ed-tool{position:absolute;top:-31px;left:-8px;background:var(--hv-yellow);color:var(--hv-ink);font:600 .6875rem/1 var(--hv-b);padding:5px 8px;border-radius:5px 5px 0 0;white-space:nowrap}
.hv-ed-h{font:800 clamp(1.1rem,.9rem + 1vw,1.6rem)/1.2 var(--hv-d);letter-spacing:-.02em;margin:0;max-width:22ch}
.hv-ed-hero>p:not(.hv-ed-h){margin:14px 0 18px;color:var(--hv-muted);font-size:.875rem;max-width:44ch}
.hv-ed-btn{display:inline-block;background:var(--hv-ink);color:#fff;font:600 .8125rem/1 var(--hv-b);padding:11px 16px;border-radius:999px}
.hv-ed-btn--warm{background:#8c2f1b}
.hv-ed-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.hv-ed-cards i{display:block;height:64px;border-radius:10px;background:#f1f1f4}
.hv-ed-sel--block{display:block;margin:38px 0 4px}
.hv-ed-menu{display:grid;gap:6px;padding:16px 18px;border-radius:10px;background:#fff8ee;border:1px solid #f1e3cf}
.hv-ed-menu b{font:700 .9375rem/1.3 var(--hv-d)}
.hv-ed-menu i{font-style:normal;font-size:.75rem;color:var(--hv-muted)}
.hv-ed-menu em{font-style:normal;font-size:.8125rem;line-height:1.5;color:var(--hv-text)}
.hv-chat{background:var(--hv-ink);color:#fff;margin:20px 20px 20px 16px;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;font-size:.8125rem;line-height:1.5}
.hv-chat p{margin:0}
.hv-chat-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--hv-yellow)}
.hv-chat-title .hv-i{width:18px;height:18px}
.hv-bub{background:#26262d;border-radius:12px 12px 12px 4px;padding:10px 12px;color:#e8e8ec}
.hv-bub--me{background:var(--hv-yellow);color:var(--hv-ink);border-radius:12px 12px 4px 12px;align-self:flex-end;max-width:90%}
.hv-chat-act{display:flex;gap:8px;margin-top:2px}
.hv-chat-act span{padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);font-weight:600;font-size:.75rem}
.hv-chat-act .is-yes{background:#fff;color:var(--hv-ink);border-color:#fff}
.hv-trio{list-style:none;margin:clamp(40px,5vw,56px) auto 0;padding:0;max-width:1000px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.hv-trio li{display:flex;gap:14px;align-items:flex-start}
.hv-trio .hv-i{width:40px;height:40px;padding:9px;border-radius:12px;background:rgba(252,194,32,.14);color:var(--hv-yellow)}
.hv-trio h3{font:700 1.0625rem/1.3 var(--hv-d);letter-spacing:-.01em;margin:2px 0 4px}
.hv-trio p{margin:0;font-size:.9375rem;line-height:1.55;color:var(--hv-dim)}

/* ======================= Split (texte + visuel) ======================= */
.hv-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.hv-split-vis{min-width:0}
.hv-split .hv-head{margin-bottom:32px}

/* Demande de module : du besoin au devis */
.hv-req{background:#fff;border-radius:var(--hv-r-lg);padding:clamp(22px,3vw,32px);box-shadow:0 40px 80px -40px rgba(17,17,20,.45),0 0 0 1px var(--hv-line);max-width:520px;margin-inline:auto}
.hv-req-k{margin:0 0 8px;font:600 .6875rem/1.3 var(--hv-b);letter-spacing:.12em;text-transform:uppercase;color:var(--hv-muted)}
.hv-req-ask{margin:0 0 22px;padding:14px 16px;border-radius:14px 14px 14px 4px;background:var(--hv-paper);font-size:.9375rem;line-height:1.55;color:var(--hv-ink)}
.hv-req-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
.hv-req-list li{display:flex;gap:10px;align-items:center;font-size:.9375rem;color:var(--hv-text)}
.hv-req-list .hv-i{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--hv-yellow);color:var(--hv-ink);stroke-width:2.6}
.hv-req-est{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0;padding:16px 0;border-block:1px solid var(--hv-line)}
.hv-req-est span{display:flex;flex-direction:column;font-size:.8125rem;color:var(--hv-muted)}
.hv-req-est span b{font-size:.9375rem;color:var(--hv-ink);font-variant-numeric:tabular-nums}
.hv-req-est strong{font:800 1.75rem/1 var(--hv-d);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.hv-req-act{display:flex;gap:10px;margin:18px 0 0}
.hv-req-act span{padding:10px 16px;border-radius:999px;font-size:.875rem;font-weight:600;border:1.5px solid rgba(17,17,20,.2)}
.hv-req-act .is-yes{background:var(--hv-ink);color:#fff;border-color:var(--hv-ink)}

/* ======================= FAQ ======================= */
.hv-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);align-items:start}
.hv-faq-grid .hv-head{position:sticky;top:96px;margin:0}
.hv-faq details{background:#fff;border:1px solid var(--hv-line);border-radius:14px;margin-bottom:12px;transition:border-color .15s}
.hv-s--white .hv-faq details{background:var(--hv-paper);border-color:transparent}
.hv-faq details[open]{border-color:var(--hv-ink)}
.hv-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font:600 1rem/1.45 var(--hv-b)}
.hv-faq summary::-webkit-details-marker{display:none}
.hv-faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--hv-yellow);font:600 1.125rem/1 var(--hv-b);transition:transform .2s var(--hv-ease)}
.hv-faq details[open] summary::after{content:"\2212"}
.hv-faq details p{margin:0;padding:0 22px 20px;color:var(--hv-text);line-height:1.7;max-width:64ch}

/* ======================= Appel final ======================= */
.hv-s--cta{background:var(--hv-yellow);color:var(--hv-ink);padding-block:0;overflow:hidden}
.hv-final{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;min-height:400px}
.hv-final-copy{padding-block:clamp(64px,7vw,96px)}
.hv-s--cta .hv-kicker{color:var(--hv-ink)}
.hv-s--cta .hv-lead{color:#3d3200}
.hv-s--cta .hv-h2{font-size:clamp(2rem,1.4rem + 2vw,2.875rem)}
.hv-final-phones{position:relative;align-self:end;display:flex;justify-content:center;gap:16px;height:340px}
.hv-final-phone{display:block;width:150px;border-radius:24px 24px 0 0;background:#0a0a0c;padding:6px 6px 0;box-shadow:0 30px 60px -20px rgba(17,17,20,.45);overflow:hidden;align-self:flex-end}
.hv-final-phone img{display:block;width:100%;height:auto;border-radius:18px 18px 0 0}
.hv-final-phone:nth-child(1){height:280px}
.hv-final-phone:nth-child(2){height:340px}
.hv-final-phone:nth-child(3){height:250px}

/* ======================= Héros de pages intérieures ======================= */
.hv-pagehero{position:relative;padding-block:clamp(56px,7vw,96px);overflow:hidden;background-image:radial-gradient(ellipse 55% 70% at 90% 0%,rgba(252,194,32,.10),transparent 70%)}
.hv-pagehero-in{display:grid;grid-template-columns:1fr;gap:clamp(28px,5vw,72px);align-items:center}
.hv-pagehero.has-visual .hv-pagehero-in,.hv-pagehero--contact .hv-pagehero-in{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.hv-pagehero .hv-h1{font-size:clamp(2.125rem,1.3rem + 2.2vw,3rem)}
.hv-pagehero .hv-lead{max-width:52ch}
.hv-pagehero-visual{position:relative;min-width:0}
.hv-pagehero-visual .hv-hero-visual{padding:0 14px 30px 0}
.hv-pagehero-center{max-width:820px;text-align:center}
.hv-pagehero-center .hv-h1{margin-inline:auto;max-width:18ch}
.hv-pagehero-center .hv-lead{margin-inline:auto}
/* Secteurs : trois téléphones vivants (trois métiers différents) */
.hv-trio-phones{display:flex;justify-content:center;align-items:flex-end;gap:clamp(12px,2vw,24px)}
.hv-trio-phones .hv-phone{position:relative;right:auto;bottom:auto;width:31%;max-width:200px;min-width:0}
.hv-trio-phones .hv-phone--t2{transform:translateY(-28px)}

/* ======================= Secteurs (page) ======================= */
.hv-sectors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.hv-sector{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hv-line);border-radius:var(--hv-r-lg);overflow:hidden;transition:transform .25s var(--hv-ease),box-shadow .25s var(--hv-ease),border-color .25s}
.hv-sector:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(17,17,20,.12);border-color:#cfcfd6}
.hv-sector-vis{display:block;padding:20px 20px 0;background:linear-gradient(180deg,#1b1b20,#26262d)}
.hv-sector-vis .hv-browser{border-radius:10px 10px 0 0;box-shadow:0 20px 40px -24px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.1);transition:transform .35s var(--hv-ease)}
.hv-sector:hover .hv-sector-vis .hv-browser{transform:translateY(-5px)}
.hv-sector-vis .hv-browser-bar{height:26px;padding:0 10px}
.hv-sector-vis .hv-browser-bar i{width:7px;height:7px}
.hv-sector-vis .hv-browser-bar span{font-size:.6875rem;padding:2px 10px}
.hv-sector-vis .hv-live{aspect-ratio:16/9.5}
.hv-sector-body{display:flex;flex-direction:column;padding:22px 24px 22px;flex:1}
.hv-sector .hv-h3 a{color:inherit;text-decoration:none}
.hv-sector .hv-h3 a:hover{text-decoration:underline;text-decoration-color:var(--hv-yellow);text-decoration-thickness:2px;text-underline-offset:4px}
.hv-sector-demo{margin:4px 0 0;font-size:.875rem;color:var(--hv-muted)}
.hv-sector-demo b{font-weight:600;color:var(--hv-ink)}
.hv-sector-body>p:not([class]){margin:10px 0 0;font-size:.9375rem;line-height:1.6;color:var(--hv-text)}
.hv-sw{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:.8125rem;color:var(--hv-muted)}
.hv-sw-dots{display:flex}
.hv-sw-dots span{width:18px;height:18px;border-radius:50%;border:2px solid #fff;margin-left:-5px;box-shadow:0 0 0 1px rgba(17,17,20,.12)}
.hv-sw-dots span:first-child{margin-left:0}
.hv-sector-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:auto 0 0;padding-top:18px}
.hv-demo{position:relative}
.hv-demo .hv-phone--m{display:none}

/* ======================= Fonctionnalités ======================= */
.hv-rows{display:grid;gap:clamp(64px,8vw,104px)}
.hv-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:center}
.hv-row--rev{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.hv-row--rev .hv-row-copy{order:2}
.hv-row>*{min-width:0}
.hv-row-copy .hv-h3--lg{margin-bottom:4px}
.hv-row-copy .hv-lead{font-size:1.0625rem}
.hv-swatches{display:flex;gap:10px;margin-top:24px}
.hv-swatches i{width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.hv-swatch-names{display:block;margin-top:12px;font-size:.8125rem}
.hv-palettes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,24px);align-items:end;padding:clamp(20px,3vw,32px);border-radius:24px;background:var(--hv-ink);background-image:radial-gradient(ellipse 60% 60% at 50% 100%,rgba(252,194,32,.14),transparent 70%)}
.hv-palette{margin:0;text-align:center}
.hv-phone--pal{position:relative;right:auto;bottom:auto;width:100%;min-width:0;margin:0}
.hv-palette:nth-child(2) .hv-phone--pal{transform:translateY(-16px)}
.hv-palette figcaption{margin-top:14px;font:600 .8125rem/1.3 var(--hv-b);color:var(--hv-dim)}
.hv-palette:nth-child(2) figcaption{margin-top:-2px}
.hv-swipe{display:none}
/* Bento « tout est inclus » : chaque élément montré par un petit visuel du vrai usage */
.hv-bento{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hv-tile{display:flex;flex-direction:column;background:var(--hv-paper);border-radius:var(--hv-r-lg);padding:22px 22px 26px;transition:transform .25s var(--hv-ease),box-shadow .25s}
.hv-tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(17,17,20,.08)}
.hv-tile-vis{height:170px;margin:0 0 22px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--hv-line);overflow:hidden;box-sizing:border-box}
.hv-tile .hv-h3{font-size:1.125rem}
.hv-tile>p{margin:6px 0 0;font-size:.9375rem;line-height:1.6;color:var(--hv-text)}
.hv-tile--mobile .hv-tile-vis{display:flex;justify-content:center;align-items:flex-start;padding-top:18px;background:var(--hv-ink);background-image:radial-gradient(ellipse 60% 70% at 50% 100%,rgba(252,194,32,.2),transparent 70%)}
.hv-tile-phone{display:block;width:118px;border-radius:18px 18px 0 0;background:#0a0a0c;padding:5px 5px 0;overflow:hidden}
.hv-tile-phone img{display:block;width:100%;height:auto;border-radius:13px 13px 0 0}
.hv-serp{padding:18px 20px}
.hv-serp p{margin:0}
.hv-serp-url{font-size:.75rem;color:#4d5156}
.hv-serp-t{margin:4px 0!important;font:400 1.0625rem/1.3 Arial,'Liberation Sans',sans-serif;color:#1a0dab}
.hv-serp-d{font:400 .8125rem/1.5 Arial,'Liberation Sans',sans-serif;color:#474747}
.hv-mail{padding:18px 20px}
.hv-mail p{margin:0}
.hv-mail-h{display:flex;gap:10px;align-items:center}
.hv-mail-h .hv-i{width:36px;height:36px;padding:8px;border-radius:10px;background:var(--hv-yellow);color:var(--hv-ink)}
.hv-mail-h span{display:flex;flex-direction:column;font-size:.75rem;color:var(--hv-muted);line-height:1.4}
.hv-mail-h b{font-size:.8125rem;color:var(--hv-ink)}
.hv-mail-b{margin-top:12px!important;padding:10px 12px;border-radius:10px;background:var(--hv-paper);font-size:.8125rem;line-height:1.5;color:var(--hv-text)}
.hv-status{display:grid;align-content:center;gap:10px;padding:18px 20px}
.hv-status p{display:flex;align-items:center;gap:10px;margin:0;padding:9px 12px;border-radius:10px;background:var(--hv-paper);font-size:.8125rem;font-weight:600}
.hv-status i{width:9px;height:9px;border-radius:50%;background:var(--hv-ok);box-shadow:0 0 0 3px rgba(31,157,85,.16)}
.hv-quota{display:grid;align-content:center;gap:12px;padding:18px 20px}
.hv-quota p{display:flex;justify-content:space-between;margin:0;font-size:.8125rem;color:var(--hv-muted)}
.hv-quota p b{color:var(--hv-ink)}
.hv-quota>i{display:block;height:8px;border-radius:8px;background:var(--hv-paper-2);overflow:hidden}
.hv-quota>i b{display:block;height:100%;background:var(--hv-yellow)}
.hv-quota .hv-quota-ex{display:block;padding:10px 12px;border-radius:12px 12px 4px 12px;background:var(--hv-ink);color:#fff;font-size:.8125rem;line-height:1.45}
.hv-chips{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px;padding:18px}
.hv-chips span{padding:8px 12px;border-radius:999px;background:var(--hv-yellow-soft);font-size:.8125rem;font-weight:600}
.hv-chips span:nth-child(2n){background:var(--hv-paper);box-shadow:0 0 0 1px var(--hv-line)}

/* ======================= Tarifs ======================= */
.hv-pagehero--prices{padding-bottom:clamp(150px,15vw,210px);background-image:radial-gradient(ellipse 50% 70% at 50% 0%,rgba(252,194,32,.13),transparent 70%)}
.hv-s--prices{padding-top:0}
.hv-prices{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;margin-top:calc(-1 * clamp(110px,11vw,150px))}
.hv-price{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--hv-line);border-radius:var(--hv-r-lg);padding:34px 30px 30px;box-shadow:var(--hv-shadow)}
.hv-price.is-main{border:2px solid var(--hv-ink);box-shadow:0 30px 60px -28px rgba(17,17,20,.55)}
.hv-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--hv-yellow);font:600 .75rem/1 var(--hv-b);padding:7px 14px;border-radius:999px;white-space:nowrap}
.hv-for{margin:4px 0 0;color:var(--hv-muted);font-size:.9375rem}
.hv-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:22px 0 0;padding-top:20px;border-top:1px solid var(--hv-line)}
.hv-amount b{font:800 2.75rem/1 var(--hv-d);letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.hv-amount small{font-size:.9375rem;color:var(--hv-muted)}
.hv-amount .hv-from{order:-1;width:100%;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.hv-amount:not(:has(.hv-from))::before{content:"";width:100%;height:calc(.8125rem * 1.65)}
.hv-price-sub{margin:10px 0 0;font-size:.875rem;line-height:1.5;color:var(--hv-text);min-height:2.6em}
.hv-price .hv-checks{margin:18px 0 26px;gap:10px;font-size:.9375rem}
.hv-price .hv-btn{width:100%;margin-top:auto;box-sizing:border-box}
.hv-incl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}
.hv-incl li{display:flex;gap:12px;align-items:flex-start}
.hv-incl .hv-i{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--hv-yellow-soft);color:var(--hv-ink)}
.hv-incl b{display:block;font:700 1rem/1.3 var(--hv-d)}
.hv-incl span{display:block;font-size:.9375rem;line-height:1.5;color:var(--hv-text)}
.hv-budgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hv-budget{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hv-line);border-radius:var(--hv-r-lg);overflow:hidden}
.hv-budget-img{position:relative;aspect-ratio:16/8;overflow:hidden;background:var(--hv-paper-2)}
.hv-budget-img img{width:100%;height:100%;object-fit:cover;object-position:top}
.hv-tag{position:absolute;left:12px;bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(17,17,20,.82);color:#fff;font:600 .75rem/1 var(--hv-b)}
.hv-budget-body{display:flex;flex-direction:column;padding:24px 26px 26px;flex:1}
.hv-budget-why{margin:8px 0 20px;font-size:.9375rem;line-height:1.55;color:var(--hv-text)}
.hv-budget-lines{margin:auto 0 0;display:grid;border-top:1px solid var(--hv-line)}
.hv-budget-lines>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:28px;padding:12px 0;border-bottom:1px dashed var(--hv-line)}
.hv-budget-lines dt{font-size:.9375rem;line-height:1.45;color:var(--hv-text)}
.hv-budget-lines dd{margin:0;font-weight:600;font-size:.9375rem;line-height:1.45;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.hv-budget-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:16px 0 0}
.hv-budget-total span{font-weight:600;font-size:.9375rem}
.hv-budget-total b{font:800 1.75rem/1 var(--hv-d);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.hv-budget-after{margin:6px 0 0;text-align:right;font-size:.8125rem;color:var(--hv-muted)}

/* ======================= Contact ======================= */
.hv-pagehero--contact .hv-h1{max-width:16ch}
.hv-people{list-style:none;margin:32px 0 0;padding:0;display:flex;gap:22px}
.hv-people li{display:grid;justify-items:start;gap:0}
.hv-people img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--hv-yellow-soft);box-shadow:0 0 0 3px rgba(252,194,32,.35);margin-bottom:10px}
.hv-people b{font:700 .9375rem/1.3 var(--hv-d);color:#fff}
.hv-people span{font-size:.8125rem;color:var(--hv-dim)}
.hv-contact-card{background:var(--hv-ink-2);border:1px solid rgba(255,255,255,.1);border-radius:var(--hv-r-lg);padding:clamp(22px,3vw,32px);box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.hv-coords{list-style:none;margin:0;padding:0;display:grid}
.hv-coords li{display:flex;gap:14px;align-items:flex-start;border-top:1px solid rgba(255,255,255,.1);padding:16px 0}
.hv-coords li:first-child{border-top:0;padding-top:4px}
.hv-coords li:last-child{padding-bottom:0}
.hv-coords .hv-i{width:40px;height:40px;padding:9px;border-radius:12px;background:rgba(252,194,32,.14);color:var(--hv-yellow)}
.hv-coords div{display:grid;gap:2px;min-width:0}
.hv-coords b{font:700 1rem/1.3 var(--hv-d);color:#fff}
.hv-coords a{color:#fff;font-weight:600;text-decoration-color:var(--hv-yellow);text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere}
.hv-coords span{font-size:.9375rem;color:var(--hv-dim);line-height:1.5}
.hv-contact{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,4vw,48px);align-items:start}
.hv-card-form{background:#fff;border:1px solid var(--hv-line);border-radius:var(--hv-r-lg);padding:clamp(24px,4vw,40px)}
.hv-card-form>.hv-h3{font-size:1.5rem;letter-spacing:-.02em}
.hv-form-intro{margin:6px 0 24px;font-size:.875rem;color:var(--hv-muted)}
.hv-contact-side{display:grid;gap:16px;position:sticky;top:88px}
.hv-try{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:end;background:var(--hv-ink);color:#fff;border-radius:var(--hv-r-lg);padding:26px 22px 0 26px;overflow:hidden;background-image:radial-gradient(ellipse 60% 70% at 100% 100%,rgba(252,194,32,.2),transparent 70%)}
.hv-try-copy{align-self:center;padding-bottom:26px}
.hv-try .hv-kicker{color:var(--hv-yellow);margin-bottom:10px}
.hv-try .hv-h3{color:#fff;font-size:1.25rem}
.hv-try p{margin:10px 0 0;color:var(--hv-dim);font-size:.9375rem;line-height:1.6}
.hv-try .hv-actions{margin-top:20px}
.hv-try .hv-btn{min-height:44px;padding:0 20px;font-size:.9375rem}
.hv-phone--try{position:relative;right:auto;bottom:auto;width:100%;min-width:0;border-radius:22px 22px 0 0;padding:6px 6px 0}
.hv-phone--try .hv-live{aspect-ratio:390/640;border-radius:16px 16px 0 0}
.hv-info{background:#fff;border:1px solid var(--hv-line);border-radius:var(--hv-r-lg);padding:22px 24px}
.hv-info .hv-h3{font-size:1.0625rem;margin:0 0 6px}
.hv-info ul{list-style:none;margin:0;padding:0;display:grid}
.hv-info li+li{border-top:1px solid var(--hv-line)}
.hv-info a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;color:var(--hv-ink);font-size:.9375rem;font-weight:600;text-decoration:none}
.hv-info a .hv-i{width:16px;height:16px;color:var(--hv-muted);transition:transform .15s var(--hv-ease)}
.hv-info a:hover .hv-i{transform:translateX(3px);color:var(--hv-ink)}
.hv-form{display:grid;gap:20px}
.hv-form label{display:block;font-weight:600;font-size:.875rem;margin-bottom:6px}
.hv-form-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hv-form input[type=text],.hv-form input[type=email],.hv-form textarea,.hv-form select{box-sizing:border-box;width:100%;font:inherit;font-size:1rem;color:var(--hv-ink);background:#fff;border:1px solid rgba(17,17,20,.22);border-radius:10px;transition:border-color .15s,box-shadow .15s}
.hv-form input[type=text],.hv-form input[type=email]{height:48px;padding:0 16px}
.hv-form textarea{min-height:170px;padding:12px 16px;resize:vertical;line-height:1.6}
.hv-form textarea::placeholder{color:#8a8a94}
.hv-form select{height:48px;padding:0 40px 0 16px;appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%23111114' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center/16px no-repeat}
.hv-form :is(input,textarea,select):focus{outline:0;border-color:var(--hv-ink);box-shadow:0 0 0 3px rgba(252,194,32,.45)}
.hv-form button{min-height:48px;font:600 1rem/1 var(--hv-b);background:var(--hv-yellow);color:var(--hv-ink);border:0;border-radius:999px;padding:0 28px;cursor:pointer;justify-self:start;transition:transform .15s var(--hv-ease),background-color .15s}
.hv-form button:hover{background:var(--hv-yellow-h);transform:translateY(-1px)}
.hv-form-rgpd{margin:0;font-size:.8125rem;color:var(--hv-muted)}
.hv-form-rgpd a{color:var(--hv-ink);text-decoration-color:var(--hv-yellow);text-decoration-thickness:2px;text-underline-offset:3px}
.hv-hp{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.hv-alert{border-radius:14px;padding:16px 20px;font-weight:600;margin-bottom:20px}
.hv-alert.is-ok{background:#e6f6ea;color:#14532d;border:1px solid #9bd3a8}
.hv-alert.is-err{background:#fdecec;color:#7f1d1d;border:1px solid #f0a8a8}

/* ======================= En-tête (bloc Navigation WordPress) ======================= */
.wp-site-blocks>header,.wp-site-blocks>.wp-block-template-part:first-child{position:sticky;top:0;z-index:60}
.admin-bar .wp-site-blocks>.wp-block-template-part:first-child{top:32px}
/* Pas de backdrop-filter : il ferait de l'en-tête le bloc conteneur du panneau mobile (position:fixed). */
.hv-header{background:var(--hv-ink);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);height:64px;display:flex;align-items:center;padding:0 var(--hv-pad)!important;box-sizing:border-box}
.hv-header>.wp-block-group{width:100%;max-width:1200px;margin-inline:auto!important}
.hv-header .wp-block-image{margin:0}
.hv-header .wp-block-image img{display:block;height:26px;width:auto}
.hv-header .wp-block-navigation{gap:26px;font-size:.9375rem;font-weight:400}
.hv-header .wp-block-navigation a{color:#e6e6ea;text-decoration:none;transition:color .15s}
.hv-header .wp-block-navigation a:hover{color:#fff}
.hv-header .wp-block-navigation-item__content{padding:6px 0}
.hv-header .wp-block-buttons{margin:0}
.hv-header .hv-cta .wp-block-button__link{box-sizing:border-box;min-height:40px;height:40px;padding:0 18px;font:600 .9375rem/40px var(--hv-b);border-radius:999px;background:var(--hv-yellow);color:var(--hv-ink);display:inline-flex;align-items:center;white-space:nowrap}
.hv-header .hv-cta .wp-block-button__link:hover{background:var(--hv-yellow-h)}
.hv-header .wp-block-navigation__responsive-container-open{color:#fff;width:40px;height:40px}
.hv-header .wp-block-navigation__responsive-container-open svg{width:28px;height:28px}
.hv-header .wp-block-navigation__responsive-container:not(.is-menu-open){align-items:center}
.wp-block-navigation__responsive-container.is-menu-open{--navigation-layout-justification-setting:flex-start;inset:0!important;height:100dvh;overflow:auto;z-index:100000;background:var(--hv-ink)!important;color:#fff!important;padding:24px 20px!important}
.wp-block-navigation__responsive-container.is-menu-open a{color:#fff!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close{max-width:none;padding-top:64px}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{width:100%}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:flex-start!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{width:100%;gap:6px;font:700 1.375rem var(--hv-d);align-items:stretch!important;justify-content:flex-start!important;text-align:left}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{width:100%;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);justify-content:flex-start;align-items:flex-start!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{padding:4px 0}
.wp-block-navigation__responsive-container.is-menu-open .hv-login{border-bottom:0;margin-top:4px}
.wp-block-navigation__responsive-container.is-menu-open .hv-login a{font:400 1rem var(--hv-b);color:var(--hv-dim)!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-buttons{width:100%;margin-top:20px}
.wp-block-navigation__responsive-container.is-menu-open .hv-cta,.wp-block-navigation__responsive-container.is-menu-open .hv-cta .wp-block-button__link{width:100%;justify-content:center}
.wp-block-navigation__responsive-container.is-menu-open .hv-cta .wp-block-button__link{min-height:44px;height:44px;line-height:44px;padding:0 20px;color:var(--hv-ink)!important;font-size:.9375rem}
.wp-block-navigation__responsive-container-close{color:#fff;top:12px!important;right:12px!important}
.wp-block-navigation__responsive-container-close svg{width:28px;height:28px}

/* ======================= Pied de page ======================= */
.hv-footer{background:var(--hv-ink);color:var(--hv-dim);border-top:1px solid rgba(255,255,255,.08)}
.hv-footer a{color:#e6e6ea;text-decoration:none;transition:color .15s}
.hv-footer a:hover{color:var(--hv-yellow)}
.hv-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px}
.hv-footer-brand img{height:28px;width:auto}
.hv-footer-brand p{margin:16px 0 0;font-size:.9375rem;line-height:1.65;max-width:34ch}
.hv-footer h2{font:600 .75rem/1.3 var(--hv-b);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 16px}
.hv-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:.9375rem}
.hv-footer address{font-style:normal;font-size:.9375rem;line-height:1.7}
.hv-footer-bottom{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:.8125rem;color:#9a9aa6}
.hv-footer-bottom nav{display:flex;gap:20px;flex-wrap:wrap}
.hv-footer-cta{display:inline-flex;margin-top:18px;min-height:40px;align-items:center;padding:0 18px;border-radius:999px;background:var(--hv-yellow);color:var(--hv-ink)!important;font-weight:600;font-size:.9375rem}
.hv-footer-cta:hover{background:var(--hv-yellow-h)}

/* ======================= Pages simples (légales, articles) et 404 ======================= */
.hv-pagehero--doc{padding-block:44px 48px}
.hv-pagehero--doc>.hv-kicker,.hv-pagehero--doc>.wp-block-post-title{max-width:760px!important;width:100%;margin-inline:auto!important}
.hv-pagehero--doc .hv-kicker{margin:0 0 10px}
.hv-pagehero--doc .wp-block-post-title,.hv-pagehero--doc .hv-h1{font:800 clamp(1.875rem,1.3rem + 1.6vw,2.5rem)/1.15 var(--hv-d);letter-spacing:-.028em;margin:0}
.hv-doc{background:var(--hv-white);padding:clamp(48px,6vw,80px) var(--hv-pad) clamp(64px,7vw,96px)}
.hv-doc .wp-block-post-content{max-width:760px;margin-inline:auto}
.hv-doc .wp-block-post-content>*{max-width:none;margin-block:0}
.hv-doc .wp-block-post-content>*+*{margin-top:1.1em!important}
.hv-doc .wp-block-post-content>h2{margin-top:2.2em!important}
.hv-doc .wp-block-post-content>.hv-lead:first-child,.hv-doc .wp-block-post-content>p:first-child{margin-top:0!important}
.hv-doc h2{font:700 1.375rem/1.3 var(--hv-d);letter-spacing:-.015em}
.hv-doc p,.hv-doc li{line-height:1.75;color:var(--hv-text)}
.hv-doc .hv-lead{font-size:1.125rem;color:var(--hv-muted)}
.hv-doc a{color:var(--hv-ink);text-decoration-color:var(--hv-yellow);text-decoration-thickness:2px;text-underline-offset:3px}
.hv-legal{margin:0;display:grid;border:1px solid var(--hv-line);border-radius:var(--hv-r);overflow:hidden;background:#fff}
.hv-legal>div{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:4px 20px;padding:14px 20px;border-top:1px solid var(--hv-line)}
.hv-legal>div:first-child{border-top:0}
.hv-legal dt{font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--hv-muted);padding-top:3px}
.hv-legal dd{margin:0;line-height:1.6;color:var(--hv-text)}
.hv-404{text-align:center;padding-block:clamp(72px,9vw,120px)}
.hv-404 .hv-h1,.hv-404 .hv-lead{margin-inline:auto}
.hv-404 .hv-actions{justify-content:center}
.hv-404-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:40px auto 0;max-width:760px;text-align:left}
.hv-404-links a{display:block;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;text-decoration:none;font-weight:600;transition:background .2s,border-color .2s}
.hv-404-links a:hover{background:rgba(255,255,255,.06);border-color:var(--hv-yellow)}
.hv-404-links small{display:block;font-weight:400;color:var(--hv-dim);margin-top:2px}
.hv-wall-title--404{justify-content:center;margin:64px auto 20px;padding:0}
.hv-mini-sites{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;text-align:left}
.hv-mini-sites a{width:auto}

/* ======================= Apparitions ======================= */
.js .hv-rv{opacity:0;transform:translateY(16px);transition:opacity .6s var(--hv-ease),transform .6s var(--hv-ease)}
.js .hv-rv.is-in{opacity:1;transform:none}

/* ======================= Responsive ======================= */
@media (max-width:1100px){
  .hv-sites{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hv-footer-grid{grid-template-columns:1fr 1fr}
  .hv-mini-sites{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hv-mini-sites li:nth-child(n+4){display:none}
}
@media (max-width:900px){
  .hv-hero-grid,.hv-split,.hv-contact,.hv-proof,.hv-faq-grid,.hv-row,.hv-row--rev,.hv-final,
  .hv-pagehero.has-visual .hv-pagehero-in,.hv-pagehero--contact .hv-pagehero-in{grid-template-columns:minmax(0,1fr)}
  .hv-row--rev .hv-row-copy{order:0}
  .hv-hero-visual{max-width:640px}
  .hv-steps,.hv-prices,.hv-budgets,.hv-trio{grid-template-columns:minmax(0,1fr)}
  .hv-steps{gap:48px;max-width:520px;margin-inline:auto}
  .hv-bento,.hv-sectors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hv-faq-grid .hv-head{position:static}
  .hv-contact-side{position:static}
  .hv-editor-body{grid-template-columns:minmax(0,1fr)}
  .hv-chat{margin:0 20px 20px}
  .hv-editor-page{margin:20px}
  .hv-prices{margin-top:-96px;gap:32px}
  .hv-pagehero--prices{padding-bottom:136px}
  .hv-final{min-height:0}
  .hv-final-copy{padding-bottom:12px}
  .hv-final-phones{height:240px}
  .hv-final-phone{width:120px}
  .hv-final-phone:nth-child(1){height:190px}.hv-final-phone:nth-child(2){height:240px}.hv-final-phone:nth-child(3){height:170px}
}
@media (max-width:782px){.admin-bar .wp-site-blocks>.wp-block-template-part:first-child{top:46px}}
@media (max-width:640px){
  :root .hv-h1,:root .hv-hero .hv-h1,:root .hv-pagehero .hv-h1{font-size:2rem;line-height:1.12}
  .hv-actions .hv-btn,.hv-viewer-cta .hv-btn{width:100%}
  .hv-actions{margin-top:28px}
  /* Héros : seulement le téléphone, en grand (jamais un rendu bureau miniaturisé) */
  .hv-hero-visual,.hv-pagehero-visual .hv-hero-visual{display:flex;justify-content:center;padding:0}
  .hv-hero-visual .hv-browser{display:none}
  .hv-phone--hero{position:relative;right:auto;bottom:auto;width:min(250px,70%);margin-top:8px}
  .hv-mq-list a{width:220px}
  .hv-wall-title{flex-direction:column}
  .hv-proof-nums{grid-template-columns:minmax(0,1fr);gap:0}
  .hv-proof-nums div{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:baseline;gap:12px;padding:14px 0;border-top:1px solid var(--hv-line)}
  .hv-proof-nums div:first-child{border-top:2px solid var(--hv-ink)}
  .hv-proof-nums dt{font-size:1.75rem}
  .hv-proof-nums dd{margin:0}
  .hv-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-inline:calc(-1 * var(--hv-pad));padding:0 var(--hv-pad) 6px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .hv-tab{flex:none;scroll-snap-align:start}
  .hv-stage{display:flex;justify-content:center;padding:28px 16px 36px;border-radius:18px}
  .hv-stage .hv-browser--main{display:none}
  .hv-phone--stage{position:relative;right:auto;bottom:auto;width:min(260px,76%)}
  .hv-step-vis{height:300px}
  .hv-sites{grid-template-columns:minmax(0,1fr);gap:12px}
  .hv-site{display:grid;grid-template-columns:128px minmax(0,1fr)}
  .hv-site-shot{padding:10px 0 10px 10px;background:var(--hv-paper-2)}
  .hv-site-bar{display:none}
  .hv-site-shot img{height:100%;aspect-ratio:auto;border-radius:8px;min-height:84px}
  .hv-site-body{padding:12px 14px}
  .hv-site-links{padding-top:8px}
  .hv-sectors,.hv-bento{grid-template-columns:minmax(0,1fr)}
  .hv-demo .hv-browser{display:none}
  .hv-demo .hv-phone--m{display:block;position:relative;right:auto;bottom:auto;width:min(236px,72%);margin:0 auto;border-radius:22px 22px 0 0;padding:6px 6px 0}
  .hv-demo .hv-phone--m .hv-live{border-radius:16px 16px 0 0;aspect-ratio:390/520}
  .hv-sector-vis{padding:20px 16px 0}
  .hv-row-vis .hv-demo{padding:24px 16px 0;border-radius:18px;background:var(--hv-ink);overflow:hidden}
  .hv-sector-body{padding:18px 20px 20px}
  .hv-trio-phones .hv-phone{width:30%}
  .hv-trio-phones .hv-phone--t2{transform:translateY(-16px)}
  .hv-trio-phones .hv-phone{border-radius:16px;padding:4px}
  .hv-trio-phones .hv-phone .hv-live{border-radius:12px}
  .hv-palettes{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 16px;margin-inline:calc(-1 * var(--hv-pad));border-radius:0;scrollbar-width:none}
  .hv-palettes::-webkit-scrollbar{display:none}
  .hv-palette{flex:0 0 68%;scroll-snap-align:center}
  .hv-palette:first-child{margin-left:auto}.hv-palette:last-child{margin-right:auto}
  .hv-palette:nth-child(2) .hv-phone--pal{transform:none}
  .hv-palette:nth-child(2) figcaption{margin-top:14px}
  .hv-swipe{display:block;text-align:center;margin-top:10px}
  .hv-incl{grid-template-columns:minmax(0,1fr);gap:16px}
  .hv-price{padding:30px 22px 24px}
  .hv-budget-img{aspect-ratio:16/7}
  .hv-budget-body{padding:20px}
  .hv-budget-lines>div{column-gap:16px}
  .hv-pagehero-center{text-align:left}
  .hv-pagehero-center .hv-h1,.hv-pagehero-center .hv-lead{margin-inline:0}
  .hv-people{gap:16px}
  .hv-people img{width:56px;height:56px}
  .hv-form-2{grid-template-columns:minmax(0,1fr)}
  .hv-form button{width:100%;justify-self:stretch}
  .hv-try{grid-template-columns:minmax(0,1fr) 110px;padding:22px 16px 0 20px;gap:12px}
  .hv-try .hv-btn{width:auto;padding:0 16px}
  .hv-try .hv-actions .hv-btn{width:100%}
  .hv-footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px}
  .hv-footer-brand,.hv-footer-grid>:last-child{grid-column:1/-1}
  .hv-legal>div{grid-template-columns:1fr;gap:2px;padding:12px 16px}
  .hv-404-links{grid-template-columns:minmax(0,1fr)}
  .hv-mini-sites{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hv-mini-sites li:nth-child(n+3){display:none}
  .hv-final-phones{height:200px;gap:10px}
  .hv-final-phone{width:96px;border-radius:18px 18px 0 0;padding:4px 4px 0}
  .hv-final-phone img{border-radius:14px 14px 0 0}
  .hv-final-phone:nth-child(1){height:160px}.hv-final-phone:nth-child(2){height:200px}.hv-final-phone:nth-child(3){height:140px}
  .hv-s--cta .hv-actions .hv-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
  .js .hv-rv{opacity:1;transform:none}
  .hv-mq-track{animation:none}
  .hv-mq{overflow-x:auto}
  .hv-mq-toggle{display:none}
}

/* Mur de sites : boutons précédent / suivant (écran large) */
.hv-hero-wall{position:relative}
.hv-mqw{position:relative}
.hv-mq-nav{position:absolute;top:calc(40% - 22px);z-index:3;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(17,17,20,.72);color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px);transition:background .2s,transform .2s}
.hv-mq-nav:hover{background:rgba(252,194,32,.95);color:#111114;transform:scale(1.06)}
.hv-mq-nav:focus-visible{outline:2px solid #fcc220;outline-offset:2px}
.hv-mq-prev{left:max(12px,calc((100% - 1200px)/2 - 22px))}
.hv-mq-next{right:max(12px,calc((100% - 1200px)/2 - 22px))}
.hv-mq-nav svg{width:18px;height:18px}
@media (hover:hover) and (min-width:900px){.hv-mq-nav{display:flex}}

/* En-tête : mise en page explicite (ne dépend pas des règles de conteneur générées par WordPress, absentes du tunnel d'inscription) */
.hv-header>.wp-block-group{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}

/* ---------- Menu de compte (en-tête) : qui est connecté, rôle, espace, déconnexion ---------- */
.hv-account{list-style:none}
.hv-acc{position:relative}
.hv-acc>summary{list-style:none;cursor:pointer}
.hv-acc>summary::-webkit-details-marker{display:none}
.hv-acc__btn{display:inline-flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;font:600 .875rem/1 var(--hv-b,inherit);transition:border-color .2s,background .2s}
.hv-acc__btn:hover,.hv-acc[open]>.hv-acc__btn{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06)}
.hv-acc__btn:focus-visible{outline:2px solid #fcc220;outline-offset:2px}
.hv-acc__av{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:999px;background:#fcc220;color:#111114;font:700 .8125rem/1 var(--hv-d,inherit);letter-spacing:.02em;flex:none}
.hv-acc__av--lg{width:44px;height:44px;font-size:1rem}
.hv-acc__chev{transition:transform .2s;opacity:.8}
.hv-acc[open] .hv-acc__chev{transform:rotate(180deg)}
.hv-acc__panel{position:absolute;right:0;top:calc(100% + 10px);z-index:60;min-width:290px;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#1a1a1f;box-shadow:0 18px 48px rgba(0,0,0,.45);color:#f4f4f5}
.hv-acc__who{display:flex;gap:12px;align-items:center;padding:12px 12px 14px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:6px}
.hv-acc__who>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.hv-acc__lbl{font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:#a1a1aa}
.hv-acc__who b{font:700 .9375rem/1.3 var(--hv-d,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hv-acc__mail{font-size:.8125rem;color:#d4d4d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hv-acc__who em{font-style:normal;font-size:.75rem;color:#fcc220;font-weight:600}
.hv-acc__item{display:block;padding:11px 12px;border-radius:10px;color:#f4f4f5!important;text-decoration:none!important;font:500 .9375rem/1.2 var(--hv-b,inherit)}
.hv-acc__item:hover,.hv-acc__item:focus-visible{background:rgba(255,255,255,.08);outline:none}
.hv-acc__item--out{color:#fca5a5!important}
@media (max-width:781px){.hv-acc__name{display:none}.hv-acc__btn{padding:4px}.hv-acc__chev{display:none}}
.wp-block-navigation__responsive-container.is-menu-open .hv-acc__panel{position:static;margin-top:10px;box-shadow:none;min-width:0;width:100%}
.wp-block-navigation__responsive-container.is-menu-open .hv-acc__name{display:inline}

/* ======================= Bande photo d'en-tête (Fonctionnalités, Tarifs) — décision 7 =======================
   Photo calée à droite sur ~68 % de la largeur, fondue dans le noir vers la gauche : le titre reste sur fond sombre.
   Mobile : la photo devient un bandeau au-dessus du texte, fondu vers le bas. */
.hv-pagehero--photo{background-image:none;isolation:isolate;padding-block:clamp(48px,5.5vw,80px)}
.hv-pagehero--photo.hv-pagehero--prices{padding-bottom:clamp(150px,15vw,210px)}
.hv-band-photo{position:absolute;inset:0 0 0 auto;width:68%;z-index:-1;overflow:hidden}
.hv-band-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92)}
.hv-band-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--hv-ink) 0%,rgba(17,17,20,.78) 22%,rgba(17,17,20,.28) 52%,rgba(17,17,20,.12) 100%),linear-gradient(0deg,rgba(17,17,20,.55) 0%,rgba(17,17,20,0) 38%)}
.hv-pagehero--photo .hv-pagehero-copy{max-width:600px}
.hv-pagehero--photo .hv-lead{color:#d4d4dc;max-width:44ch}
.hv-pagehero--photo.hv-pagehero--prices .hv-pagehero-center{max-width:1200px;text-align:left}
.hv-pagehero--photo.hv-pagehero--prices .hv-pagehero-center>*{max-width:640px;margin-inline:0}
.hv-pagehero--photo.hv-pagehero--prices .hv-h1{max-width:11.5em}
.hv-pagehero--photo.hv-pagehero--prices .hv-lead{max-width:44ch}
@media (max-width:760px){
  .hv-pagehero--photo{padding-top:0}
  .hv-band-photo{position:relative;inset:auto;width:auto;height:220px;margin:0 calc(50% - 50vw) 28px;z-index:0}
  .hv-band-photo::after{background:linear-gradient(0deg,var(--hv-ink) 0%,rgba(17,17,20,.35) 45%,rgba(17,17,20,.05) 100%)}
}

/* Page courante dans les menus */
.hv-header .wp-block-navigation a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--hv-yellow)}
.hv-footer a[aria-current="page"]{color:var(--hv-yellow);font-weight:600}