/*
Theme Name: Hora
Author: Flavien Toison EI (Hora)
Description: Site vitrine ultra-léger. Photos, textes, métiers et FAQ modifiables en direct depuis Apparence › Personnaliser › Site vitrine. Aucune dépendance (pas de jQuery, pas de constructeur de page).
Version: 1.10.64
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: laque
*/

:root{--ground:#f6f4f0;--band:#eee8e0;--surface:#fff;--ink:#16130f;--ink-soft:#4a4038;--muted:#63594e;--line:#e4ded4;--brand:#7e1f3d;--brand-wash:#f8e9ed;--ok:#2e6b4a;--ok-wash:#e7f0e9;--danger:#b4241f;--serif:'Instrument Serif',Georgia,'Times New Roman',serif;--sans:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--shadow:0 8px 24px rgba(22,19,15,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
html,body{overflow-x:clip}
body{margin:0;font-family:var(--sans);background:var(--ground);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{color:#5d162d}
button,input{font:inherit}
input::placeholder{color:var(--muted)}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed!important;top:8px;left:8px;width:auto;height:auto;clip:auto;z-index:100;padding:10px 14px;background:var(--ink);color:var(--ground);border-radius:8px}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.overline{display:block;margin:0;font-size:11px;line-height:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* En-tête */
.top{position:sticky;top:0;z-index:20;background:rgba(246,244,240,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .18s}
.top.is-scrolled,.top--solid{border-bottom-color:var(--line)}
.admin-bar .top{top:32px}
@media (max-width:782px){.admin-bar .top{top:46px}}
@media (max-width:600px){.admin-bar .top{top:0}}
.top__in{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px}
.brand{flex:none;display:flex;align-items:center;gap:8px;min-height:44px;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand__mark{flex:none;width:15px;height:21px;background:var(--brand);border-radius:999px 999px 3px 3px}
.brand__name{font-family:var(--serif);font-size:25px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand__logo{flex:none;display:block;height:39px;width:auto;max-width:none}
/* Logo « HoraBiz » (08/10/2026), plus large que « Hora » : plus petit sur téléphone, à côté de « Créer mon compte » et du menu. */
@media (max-width:419px){.brand__logo{height:32px}}
@media (max-width:374px){.brand__logo{height:28px}}
@media (max-width:559px){.top__nav .top__login{display:none}}
.top__nav{display:flex;align-items:center;gap:6px}

/* Boutons, champs */
.pill{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
.pill:hover{border-color:var(--ink);color:var(--ink)}
.pill--ink{background:var(--ink);border-color:var(--ink);color:var(--ground)}
.pill--ink:hover{background:#000;color:var(--ground)}
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:0 20px;border:0;border-radius:12px;font-size:17px;font-weight:600;line-height:1.3;text-align:center;cursor:pointer}
.btn:active{transform:translateY(1px)}
.btn--ink{background:var(--ink);color:var(--ground)}
.btn--ink:hover{background:#000;color:var(--ground)}
.btn--line{max-width:340px;min-height:52px;margin-top:22px;font-size:16px;background:var(--surface);border:1px solid var(--ink);color:var(--ink)}
.btn--line:hover{background:var(--ink);color:var(--ground)}
.btn--test{gap:8px;max-width:340px;min-height:54px;margin-top:22px;font-size:16px}
.btn--test svg{flex:none}
@media (max-width:719px){.btn--test{max-width:none}}
.btn--light{max-width:380px;margin-top:22px;background:#f4f0ea;color:var(--ink)}
.btn--light:hover{background:#fff;color:var(--ink)}
.field{width:100%;min-height:56px;padding:0 16px;font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--ink);border-radius:12px;outline:none}
.field:focus{box-shadow:0 0 0 3px rgba(126,31,61,.16)}
.hint{margin:10px 0 0;font-size:13px;line-height:18px;font-weight:500;color:var(--muted)}
.err{margin:8px 0 0;font-size:14px;line-height:20px;font-weight:500;color:var(--danger)}

/* Titres, texte */
.display{margin:16px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(34px,6.4vw,62px);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
.lead{margin:18px 0 0;max-width:560px;font-size:clamp(17px,1.6vw,19px);line-height:1.55;color:var(--ink-soft);text-wrap:pretty}
.h2{margin:12px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,40px);line-height:1.12;letter-spacing:-.015em;text-wrap:balance}
.h2--narrow{max-width:640px}
.h2--brand{color:var(--brand);line-height:1.15;text-wrap:pretty}
.p{margin:14px 0 0;font-size:16px;line-height:24px;color:var(--ink-soft);text-wrap:pretty}
.p+.p{margin-top:12px}
.p--narrow{max-width:540px}
.prose p{margin:12px 0 0;font-size:16px;line-height:26px;color:var(--ink-soft)}
.prose p:first-child{margin-top:16px}
.prose strong{font-weight:600;color:var(--ink)}
.sec{margin-top:clamp(96px,11vw,144px)}
.sec--first{margin-top:40px}
/* Sections sur fond teinté, d'un bord à l'autre de l'écran : elles se détachent de leurs voisines. */
.sec--band{position:relative;isolation:isolate;padding-block:clamp(56px,7vw,88px)}
.sec--band::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--band);border-block:1px solid var(--line)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:32px 56px;align-items:center}
.grid2--top{align-items:start;gap:24px 56px}

/* Haut de page */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero__in{max-width:1280px;margin:0 auto;padding:0 16px 236px}
.hero__text{max-width:600px;padding:28px 0 28px;display:flex;flex-direction:column;justify-content:center}
.hero__pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 16px;background:rgba(255,255,255,.75);border:1px solid #ecd3da;border-radius:999px;font-size:12px;line-height:16px;color:var(--brand)}
.hero .display{margin-top:22px;font-size:clamp(44px,6.4vw,84px);line-height:1.02;letter-spacing:-.025em}
.hero .display span{display:block;color:var(--brand)}
.hero .lead{margin-top:22px;max-width:540px;font-size:clamp(17px,1.6vw,20px);line-height:1.6}
.hero .signup{max-width:460px;margin-top:30px}
.hero .signup__go,.hero [data-signup-open]{display:inline-flex;gap:12px;width:auto;max-width:100%;min-height:60px;padding:0 28px;border-radius:14px;box-shadow:0 10px 24px rgba(22,19,15,.18)}
.hero .signup__go svg,.hero [data-signup-open] svg{flex:none}
.hero .hint{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;line-height:20px}
.hero .hint::before{content:"";flex:none;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237e1f3d' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
/* Téléphone et tablette (1.10.26) : la photo en fond de tout le haut de page, derrière le titre. Un voile clair garde
   le texte lisible ; il s'allège en bas, où les deux cartes passent sur la photo (place gardée sous le texte). */
.hero__pic{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hero__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.hero__pic::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(246,244,240,.88) 0%,rgba(246,244,240,.8) 56%,rgba(246,244,240,.34) 78%,rgba(246,244,240,.12) 92%,var(--ground) 100%)}
.hero__pic .float{z-index:1}
.hero__pic .float--a{top:auto;bottom:128px;left:16px;width:min(78%,280px)}
.hero__pic .float--b{top:auto;bottom:28px;right:16px}
.hero__orbit{display:none}
.orbit{position:absolute;left:0;top:0;width:640px;height:580px;transform:scale(var(--k));transform-origin:0 0}
.orbit__ring{position:absolute;border-radius:50%}
.orbit__ring--out{left:90px;top:60px;width:460px;height:460px;border:1.5px dashed rgba(126,31,61,.28)}
.orbit__ring--in{left:180px;top:150px;width:280px;height:280px;border:2px solid rgba(126,31,61,.42);background:radial-gradient(circle,rgba(248,233,237,.85) 0%,rgba(248,233,237,.35) 60%,rgba(248,233,237,0) 72%)}
.orbit__dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px rgba(126,31,61,.12)}
.orbit__tile{position:absolute;left:245px;top:215px;width:150px;height:150px;display:flex;align-items:center;justify-content:center;border-radius:38px;background:#fdf8ec;border:6px solid rgba(255,255,255,.9);box-shadow:0 24px 60px rgba(126,31,61,.2),0 4px 12px rgba(22,19,15,.06)}
/* L'icône de l'app (1.10.28) : la déesse et son horloge sur le crème de l'icône, comme sur un téléphone. */
.orbit__icon{display:block;width:auto;height:100px}
.orbit__bub{position:absolute;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);border:1px solid rgba(228,222,212,.8);box-shadow:0 10px 24px rgba(126,31,61,.16)}
.orbit__bub--on{background:var(--brand);border:4px solid #fff}
.orbit .float{padding:12px 14px;border-color:rgba(228,222,212,.8);box-shadow:0 14px 36px rgba(22,19,15,.12),0 2px 6px rgba(22,19,15,.05)}
.orbit .float__ico{width:44px;height:44px}
.orbit .float__body{flex:1}
.orbit .float__line{margin-top:3px;font-size:16px}
.orbit .float__amt{font-size:22px;line-height:26px;font-variant-numeric:tabular-nums;white-space:nowrap}
.orb--money .float__ico{background:var(--ok-wash)}
.float__chev{flex:none;color:var(--muted)}
.orb--1{left:40px;top:0;width:280px}
.orb--2{left:420px;top:44px;width:220px}
.orb--3{left:-24px;top:300px;width:240px}
.orb--4{left:410px;top:404px;width:240px}
.orb--5{left:206px;top:494px;width:246px}
@media (min-width:1040px){
.hero{min-height:min(calc(100svh - 65px),820px);display:flex;align-items:center}
.hero__in{width:100%;padding:0 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
.hero__text{padding:32px 0 48px}
.hero__pic{position:absolute;inset:0;z-index:-1;height:auto;margin:0}
.hero__pic img{object-position:right center}
.hero__pic::after{background:linear-gradient(90deg,var(--ground) 0%,rgba(246,244,240,.94) 28%,rgba(246,244,240,.5) 46%,rgba(246,244,240,0) 64%),linear-gradient(180deg,rgba(246,244,240,0) calc(100% - 120px),var(--ground) 100%)}
.hero__pic .float{display:none}
.hero__orbit{--k:.72;display:block;position:relative;justify-self:end;width:calc(640px * var(--k));height:calc(580px * var(--k))}
}
@media (min-width:1120px){.hero__orbit{--k:.82}}
@media (min-width:1200px){.hero__orbit{--k:.92}}
@media (min-width:1280px){.hero__orbit{--k:1}}
@media (prefers-reduced-motion:no-preference){
.fx .orbit .orb{animation:laque-float 3.4s ease-in-out infinite alternate}
.fx .orbit .orb--2,.fx .orbit .orb--4{animation-duration:4s;animation-delay:.7s}
.fx .orbit .orb--5{animation-duration:3.7s;animation-delay:1.2s}
}
.hero__demo{align-self:flex-start;margin-top:10px}
.signup{max-width:420px;margin-top:26px}
.signup__form{display:flex;flex-direction:column;gap:8px}
.signup__ok{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.signup__ok strong{display:flex;align-items:center;gap:8px;font-size:16px;line-height:22px}
.signup__ok p{margin:6px 0 0;font-size:15px;line-height:22px;color:var(--ink-soft)}
.signup__ok b{color:var(--ink)}
.hero__art{position:relative;width:100%;max-width:460px;justify-self:center;padding:28px 5% 36px}
.arch{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#efe7df;border-radius:999px 999px 22px 22px}
.arch--sm{max-width:380px;border-radius:999px 999px 18px 18px}
.arch img,.arch__slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;font-size:13px;line-height:18px;font-weight:600;color:var(--muted)}
.float{position:absolute;pointer-events:none;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px rgba(22,19,15,.14)}
.float--a{top:18%;left:0;width:min(78%,268px)}
.float--b{bottom:14%;right:0;padding:12px 16px}
.float__ico{flex:none;width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--brand-wash)}
.float--b .float__ico{background:var(--ok-wash)}
.float__body{min-width:0}
.float__line{display:block;margin-top:2px;font-size:15px;line-height:20px;font-weight:600}
.float__sub{display:block;font-size:13px;line-height:18px;color:var(--muted)}
.float__amt{display:block;margin-top:2px;font-size:20px;line-height:24px;font-weight:600;color:var(--ok)}
.chip-sms{position:absolute;bottom:2%;left:11%;pointer-events:none;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;background:var(--ink);color:var(--ground);border-radius:999px;font-size:12px;line-height:16px;font-weight:600;box-shadow:0 8px 20px rgba(22,19,15,.18)}
.motif{display:flex;align-items:flex-end;gap:5px;height:26px}
.motif span{width:17px;height:26px;background:var(--line);border-radius:999px 999px 2px 2px}
.motif span:nth-child(even){height:18px}
.motif span:nth-child(3){background:var(--brand)}

/* Métiers */
.rail{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0}
@media (max-width:719px){.rail .chip{flex:1 1 auto}}
.rail::-webkit-scrollbar{display:none}
.chip{flex:none;min-height:44px;padding:0 18px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:999px;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer}
.chip:hover{border-color:var(--ink)}
.chip.is-on{background:var(--ink);border-color:var(--ink);color:var(--ground)}
.metier{margin-top:20px;gap:24px 48px}
.quote{margin:12px 0 0;font-family:var(--serif);font-size:clamp(26px,3vw,32px);line-height:1.18;letter-spacing:-.015em;color:var(--brand);text-wrap:pretty}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.tag{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;background:var(--surface);border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:600}
.arrow{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:14px;font-size:16px;font-weight:600;color:var(--ink)}
.arrow:hover{color:var(--ink);text-decoration:underline}

/* Téléphone de démo */
.phone{width:264px;height:452px;margin:0 auto;padding:9px;background:var(--ink);border-radius:30px}
.phone__screen{height:100%;display:flex;flex-direction:column;padding:16px 14px;background:#fff;border-radius:22px;overflow:hidden}
.ph-pro{display:flex;align-items:center;gap:9px}
.ph-who{min-width:0}
.ph-ini{flex:none;width:26px;height:34px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;background:var(--wash);color:var(--acc);border-radius:999px 999px 4px 4px;font-size:10px;font-weight:700}
.ph-name{display:block;font-size:13px;font-weight:600}
.ph-sub{display:block;font-size:11px;color:var(--muted)}
.ph-name,.ph-sub,.ph-svc b,.ph-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-bar{display:flex;gap:3px;margin-top:14px}
.ph-bar i{flex:1;height:3px;border-radius:999px;background:var(--line)}
.ph-bar i:first-child{background:var(--acc)}
.ph-title{margin-top:16px;font-size:20px;font-weight:600;letter-spacing:-.01em}
.ph-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.ph-svc{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px}
.ph-svc>span{flex:1;min-width:0}
.ph-svc b{display:block;font-size:13px}
.ph-svc small{display:block;font-size:11px;color:var(--muted)}
.ph-svc i{flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--ground);border:1px solid var(--line);border-radius:999px}
.ph-svc.is-on{padding:10px 12px;border:2px solid var(--acc);background:var(--wash)}
.ph-svc.is-on small{color:var(--ink-soft)}
.ph-svc.is-on i{background:var(--acc);border:0}
.ph-foot{margin-top:auto;padding:11px 2px 2px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}
.ph-foot>span{flex:1;min-width:0}
.ph-total{display:block;font-size:17px;font-weight:600}
.ph-meta{display:block;font-size:11px;color:var(--muted)}
.ph-cta{flex:none;padding:11px 18px;background:var(--acc);color:var(--on);border-radius:10px;font-size:14px;font-weight:600}

/* Cartes */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;margin-top:22px;align-items:stretch}
.card{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.card--hi{border:1.5px solid var(--ink);box-shadow:var(--shadow)}
.badge{display:inline-flex;align-items:center;height:24px;padding:0 11px;background:var(--ground);border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.card--hi .badge{background:var(--ink);border-color:var(--ink);color:var(--ground)}
.checks{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.checks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:22px}
.checks svg{flex:none;margin-top:3px}
.opts{display:flex;flex-direction:column;gap:10px}
.opt{padding:18px}
.opt h3{margin:0;font-size:16px;font-weight:600}
.opt p{margin:6px 0 0;font-size:15px;line-height:22px;color:var(--muted)}

/* Tarif */
.card--price{padding:22px;border-radius:18px}
.price{display:flex;align-items:baseline;gap:7px}
.price b{font-family:var(--serif);font-weight:400;font-size:46px;line-height:48px}
.price span{font-size:15px;font-weight:500;color:var(--muted)}
.rule{height:1px;margin:18px 0;background:var(--line)}
.feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:22px}
.boxbrand{display:flex;flex-direction:column;justify-content:center;padding:22px;background:var(--brand-wash);border-radius:18px;color:var(--brand)}
.boxbrand h3{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,32px);line-height:1.18;letter-spacing:-.015em}
.boxbrand p{margin:14px 0 0;font-size:15px;line-height:23px}
/* Ce que ça rapporte (#gains) : curseurs, total du mois, une carte par fonction. */
.gains__inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px 32px;margin-top:28px}
.gains__field{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:20px;color:var(--ink-soft)}
.gains__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.gains__row output{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.gains__field input[type=range]{width:100%;height:28px;margin:0;accent-color:var(--brand);cursor:pointer}
.gains__total{margin-top:26px;padding:24px;border-radius:18px;background:var(--brand-wash);color:var(--brand)}
.gains__big{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;font-family:var(--serif);font-size:clamp(44px,7vw,72px);line-height:1;letter-spacing:-.02em}
.gains__big b{font-weight:400;font-variant-numeric:tabular-nums}
.gains__big span{font-family:var(--sans);font-size:16px;line-height:22px;letter-spacing:0}
.gains__sub{margin:12px 0 0;font-size:15px;line-height:23px;font-weight:600}
.gains__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.gains__cards .card{display:flex;flex-direction:column}
.gains__cards h3{margin:0;font-size:15px;line-height:20px;font-weight:700;color:var(--ink)}
.gains__num{margin:10px 0 0;font-family:var(--serif);font-size:36px;line-height:1.05;letter-spacing:-.015em;color:var(--ink);font-variant-numeric:tabular-nums}
.gains__line{margin:4px 0 0;font-size:15px;line-height:22px;font-weight:600;color:var(--ok)}
.gains__how{margin:10px 0 0;font-size:13px;line-height:19px;color:var(--muted)}
.gains__note{margin:16px 0 0;max-width:640px;font-size:13px;line-height:19px;color:var(--muted)}

/* Qui est derrière */
.founder{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:flex-start;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.founder__pic{position:relative;flex:none;width:120px;height:148px;overflow:hidden;background:#f1e6df;border-radius:999px 999px 12px 12px}
.founder__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.founder__pic .ph{padding:8px;font-size:11px;line-height:15px}
.founder__body{flex:1 1 300px;min-width:0}
.founder h2{margin:10px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.8vw,30px);line-height:1.18;letter-spacing:-.015em}
.founder p.txt{max-width:620px;margin:12px 0 0;font-size:15px;line-height:24px;color:var(--ink-soft)}

/* FAQ */
.faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px 56px;align-items:start}
.acc{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.acc details+details{border-top:1px solid var(--line)}
.acc summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:14px 18px;cursor:pointer;font-size:16px;line-height:22px;font-weight:600;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary span{flex:1}
.acc summary svg{flex:none;transition:transform .18s}
.acc details[open] summary svg{transform:rotate(45deg)}
.acc p{margin:0;padding:0 18px 18px;font-size:15px;line-height:23px;color:var(--muted)}

/* Bloc final */
.final{padding:clamp(28px,5vw,48px) clamp(20px,5vw,48px);background:var(--ink);border-radius:20px}
.final h2{margin:0;max-width:620px;font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.4vw,46px);line-height:1.1;letter-spacing:-.02em;color:#f4f0ea;text-wrap:balance}
.final__text{margin:14px 0 0;max-width:480px;font-size:16px;line-height:24px;color:#c9b7ac}
.final .signup{max-width:620px;margin-top:24px}
.signup__go{max-width:380px}
.final .signup__form{flex-direction:row;flex-wrap:wrap}
.final .field{flex:1 1 240px;min-width:0;min-height:58px;background:#f4f0ea;border:0}
.final .field:focus{box-shadow:0 0 0 3px rgba(244,240,234,.35)}
.final .btn{flex:1 1 240px;width:auto;background:#f4f0ea;color:var(--ink)}
.final .btn:hover{background:#fff;color:var(--ink)}
.final .hint{color:#a79c8f}
.final .err{color:#f2b8b5}
.final .signup__ok{padding:0;background:transparent;border:0}
.final .signup__ok strong,.final .signup__ok b{color:#f4f0ea}
.final .signup__ok p{color:#c9b7ac}

/* Pied de page */
.foot{max-width:1080px;margin:40px auto 0;padding:16px 16px calc(96px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:4px 24px;align-items:center;justify-content:space-between}
.foot__name{font-size:13px;font-weight:500;color:var(--muted)}
.foot__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 18px}
.foot__links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:500;color:var(--muted)}
.foot__links a:hover{color:var(--ink)}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(246,244,240,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
.mbar .btn{min-height:52px;font-size:16px}
@media (min-width:720px){.mbar{display:none!important}}

/* Pages simples (mentions légales, CGV…). Classe « doc » et non « page » : WordPress met déjà « page » sur le <body> de toutes les pages. */
.doc{max-width:720px;margin:0 auto;padding:32px 16px 64px}
.doc h1{margin:0 0 24px;font-family:var(--serif);font-weight:400;font-size:clamp(34px,5vw,48px);line-height:1.1;letter-spacing:-.02em}
.doc .entry{font-size:16px;line-height:26px;color:var(--ink-soft)}
.doc .entry h2,.doc .entry h3{color:var(--ink);font-weight:600}

/* Page « Démo pro » */
.demo-intro{max-width:680px;padding:48px 0 12px}
.demo-intro .display{margin-top:14px;font-size:clamp(34px,5.4vw,52px);line-height:1.08}
.demo-intro .lead{font-size:17px;line-height:26px}
.demo-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.demo-note svg{flex:none}
.demo-note span{flex:1 1 220px;font-size:14px;line-height:20px;color:var(--ink-soft)}
.demo-note strong{font-weight:600;color:var(--ink);white-space:nowrap}
.demo-note .pill{min-height:40px;padding:0 14px;color:var(--ink)}
.demo-grid{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:32px 48px;align-items:start}
.device-col{display:flex;flex-direction:column;align-items:center;gap:12px}
.device-col .overline{align-self:stretch;width:100%;max-width:390px;margin:0 auto}
.device{width:min(100%,390px);height:min(760px,calc(100svh - 140px));min-height:560px;padding:10px;background:var(--ink);border-radius:38px;box-shadow:var(--shadow)}
.device iframe{display:block;width:100%;height:100%;border:0;border-radius:29px;background:var(--ground)}
.device__empty{height:100%;display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;background:var(--ground);border-radius:29px;font-size:14px;line-height:20px;color:var(--muted)}
.live{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}
.feed{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.ev{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--line)}
.ev__dot{flex:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1.5px dashed #c9c1b5;border-radius:999px}
.ev__dot svg{display:none}
.ev.is-done .ev__dot{border:0;background:var(--ground)}
.ev.is-done .ev__dot svg{display:block}
.ev.is-money.is-done .ev__dot{background:var(--ok-wash)}
.ev__body{flex:1;min-width:0}
.ev__line{display:block;margin-top:3px;font-size:15px;line-height:21px;font-weight:600;color:var(--muted)}
.ev.is-done .ev__line{color:var(--ink)}
.ev__amt{flex:none;font-size:17px;line-height:22px;font-weight:600;color:var(--ok);white-space:nowrap}
.feed__foot{padding:12px 16px;background:var(--ground);font-size:13px;line-height:18px;font-weight:500;color:var(--muted)}
.live .card{padding:16px}
.ag-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ok-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;background:var(--ok-wash);border-radius:999px;font-size:12px;font-weight:600;color:var(--ok)}
.ag-when{margin-top:10px;font-size:18px;line-height:24px;font-weight:600}
.ag-who{margin-top:2px;font-size:15px;line-height:22px;color:var(--ink-soft)}
.ag-rest{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;line-height:20px;color:var(--muted)}
.ag-rest b{font-weight:600;color:var(--ink)}
.sms{max-width:300px;margin-top:10px;padding:10px 14px;background:#edeae4;border-radius:16px 16px 16px 4px;font-size:15px;line-height:21px}
.live .note{margin:8px 0 0;font-size:12px;line-height:16px;font-weight:500;color:var(--muted)}

/* Page « Démo pro » : l'app côté pro, chargée seulement au clic. Sur téléphone (en paysage aussi : écran tactile de moins de 600 px de haut), pas de téléphone dans le téléphone : un bouton l'ouvre en plein écran. */
.demo-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.demo-jump .pill{min-height:40px;padding:0 14px}
#vue-client{scroll-margin-top:80px}
.admin-bar #vue-client{scroll-margin-top:112px}
.demo-app{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:32px 48px;align-items:center}
.demo-app__text{max-width:520px}
.demo-app .demo-note{margin-top:22px}
.demo-app__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:10px}
.demo-app__actions .arrow{margin-top:0}
.demo-app__actions .pill{min-height:40px;padding:0 14px;color:var(--ink)}
.demo-app__go{display:none}
.device--app{position:relative}
.device__wait{position:absolute;inset:10px;display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;background:var(--ground);border-radius:29px;outline:none}
.device__idle,.device__busy{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:280px}
.device__mark{width:30px;height:42px;margin-bottom:6px;background:var(--brand);border-radius:999px 999px 5px 5px}
.device__day{margin:0;font-family:var(--serif);font-size:30px;line-height:1.12;letter-spacing:-.015em;text-wrap:balance}
.device__idle .btn{min-height:54px;margin-top:14px;font-size:16px}
.device__idle .hint{margin:2px 0 0}
.device__busy p{margin:0;font-size:15px;line-height:22px;font-weight:600}
.device__busy .hint{font-size:13px;line-height:18px;font-weight:500}
.device__dots{display:flex;align-items:flex-end;gap:6px;height:30px;margin-bottom:6px}
.device__dots i{width:16px;height:26px;background:#d9cfc3;border-radius:999px 999px 3px 3px;transform-origin:50% 100%;animation:laque-eq .9s ease-in-out infinite alternate}
.device__dots i:nth-child(2){background:var(--brand);animation-delay:.2s}
.device__dots i:nth-child(3){animation-delay:.4s}
.demo-app:not([data-state="loading"]) .device__busy,.demo-app[data-state="loading"] .device__idle,.demo-app[data-state="ready"] .device__wait{display:none}
.demo-jump a:focus-visible,.demo-app a:focus-visible,.demo-app button:focus-visible,.device--app iframe:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.device__dots i{animation:none}}
/* Téléphone en portrait : la démo dans la page, pleine largeur et sans cadre noir ; en paysage, pas la hauteur d'un cadre : un bouton l'ouvre en plein écran. */
@media (max-width:719px){.device--app{height:min(680px,calc(100svh - 170px));min-height:480px;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:24px}.device--app iframe{border-radius:23px}.device--app .device__wait{inset:0;border-radius:23px}}
@media (pointer:coarse) and (max-height:600px){.demo-app__phone,.demo-app__actions{display:none}.demo-app__go{display:flex}}

/* Menu d'en-tête */
.top__left{display:flex;align-items:center;gap:28px;min-width:0}
.menu ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.menu a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;font-size:15px;font-weight:600;color:var(--muted);white-space:nowrap}
.menu a:hover{color:var(--ink);background:var(--surface)}
.menu a.is-current,.menu a[aria-current="page"]{color:var(--ink)}
.menu a.is-current::after,.menu a[aria-current="page"]::after{content:"";position:absolute;left:50%;bottom:4px;width:6px;height:8px;margin-left:-3px;background:var(--brand);border-radius:999px 999px 2px 2px}
.burger{flex:none;width:44px;height:44px;padding:0;display:none;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;cursor:pointer}
.burger:hover{border-color:var(--ink)}
.burger__close{display:none}
.top.is-open{background:var(--ground);border-bottom-color:var(--line)}
.top.is-open .burger__open{display:none}
.top.is-open .burger__close{display:block}
@media (max-width:919px){.menu{display:none}.burger{display:inline-flex}}
.sheet{position:absolute;top:100%;left:0;right:0;max-height:calc(100svh - 64px);overflow-y:auto;background:var(--ground);border-top:1px solid var(--line);box-shadow:var(--shadow)}
.admin-bar .sheet{max-height:calc(100svh - 110px)}
.sheet__in{padding-top:4px;padding-bottom:24px;outline:none}
.sheet__list{list-style:none;margin:0;padding:0}
.sheet__list li{border-bottom:1px solid var(--line)}
.sheet__list a{display:flex;align-items:center;gap:12px;min-height:64px;color:var(--ink)}
.sheet__list a:hover{color:var(--ink)}
.sheet__list span{flex:1;font-family:var(--serif);font-size:30px;line-height:36px;letter-spacing:-.01em}
.sheet__list svg{flex:none}
.sheet__mark{flex:none;width:8px;height:11px;border-radius:999px 999px 2px 2px}
.sheet__list a.is-current .sheet__mark,.sheet__list a[aria-current="page"] .sheet__mark{background:var(--brand)}
.sheet__cta{min-height:56px;margin-top:20px}
.sheet__hint{text-align:center}
.sheet__login{max-width:none;min-height:56px;margin-top:12px}
.scrim{position:fixed;inset:0;z-index:19;background:rgba(22,19,15,.32)}
html.menu-open{overflow:hidden}
html.menu-open .mbar{display:none!important}
/* Bouton « Remonter » (1.10.27) : après un écran de défilement, en bas à droite ; au-dessus de la barre « Créer mon
   lien » du téléphone quand elle est là. Caché, il sort aussi du parcours au clavier (visibility). */
.totop{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:19;width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:0 10px 24px rgba(22,19,15,.16);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,bottom .2s,visibility 0s .2s}
.totop.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s,bottom .2s}
.totop.is-raised{bottom:calc(88px + env(safe-area-inset-bottom))}
.totop:hover{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.totop:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media (min-width:720px){.totop{right:24px;bottom:24px}}
@media (prefers-reduced-motion:reduce){.totop,.totop.is-on{transition:none}}
html.menu-open .totop{display:none}
section[id]{scroll-margin-top:80px}
.admin-bar section[id]{scroll-margin-top:112px}

/* Pages légales */
.doc .entry h2{margin:40px 0 10px;font-size:20px;line-height:28px}
.doc .entry p{margin:0 0 14px}
.doc .entry ul{margin:0 0 14px;padding-left:22px}
.doc .entry li{margin:0 0 6px}
.doc .entry a{text-decoration:underline;text-underline-offset:2px}
.doc .entry .legal-maj{margin-bottom:24px;font-size:14px;line-height:20px;color:var(--muted)}
.hora-missing{padding:0 4px;background:var(--brand-wash);color:var(--brand);border-radius:4px;font-weight:600}
.founder__pts{flex-direction:row;flex-wrap:wrap;gap:10px 24px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.founder__pts li{font-weight:500}

/* Contact */
.contact{padding-top:32px;padding-bottom:64px}
.contact__intro{max-width:640px}
.contact__intro .display{margin-top:12px;font-size:clamp(36px,6vw,52px);line-height:1.08}
.contact__intro .lead{font-size:17px;line-height:26px}
.contact__grid{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px 48px;align-items:start}
.contact__card{padding:clamp(18px,4vw,28px);border-radius:18px;scroll-margin-top:90px}
.contact__form{display:flex;flex-direction:column;gap:18px}
.contact__row{display:flex;flex-wrap:wrap;gap:18px 12px}
.contact__field{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:6px;margin:0}
.contact .field{border-color:var(--line);min-height:52px}
.contact .field:focus{border-color:var(--ink)}
.contact input[type=date]{display:block;min-width:0;-webkit-appearance:none;appearance:none;line-height:50px}
.contact input[type=date]::-webkit-date-and-time-value{text-align:left}
.contact__msg{min-height:150px;padding:12px 14px;line-height:24px;resize:vertical}
.contact__profiles{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px}
.contact__profiles legend{margin-bottom:8px;padding:0}
.radio{position:relative;display:inline-flex}
.radio input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.radio>span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:var(--surface);border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:600}
.radio:hover>span{border-color:var(--ink)}
.radio input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--ground)}
.radio input:focus-visible+span{box-shadow:0 0 0 3px rgba(126,31,61,.16)}
.contact__note{margin:0;padding:12px 14px;background:var(--ground);border:1px solid var(--line);border-radius:12px;font-size:14px;line-height:20px;color:var(--ink-soft)}
.contact__alert{margin:0 0 16px;padding:12px 14px;background:#fbeceb;border-radius:12px;font-size:14px;line-height:20px;font-weight:500;color:var(--danger)}
.contact .hint{margin:0}
.contact .hint a{color:var(--muted);text-decoration:underline}
.contact__ok{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.contact__okico{width:48px;height:48px;border-radius:999px;background:var(--ok-wash);display:flex;align-items:center;justify-content:center}
.contact__ok h2{margin:0;font-family:var(--serif);font-weight:400;font-size:32px;line-height:36px}
.contact__ok p{margin:0;font-size:16px;line-height:24px;color:var(--ink-soft)}
.contact__aside{display:flex;flex-direction:column;gap:12px}
.contact__aside .card{padding:18px}
.contact__mail{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-size:18px;font-weight:600;color:var(--ink)}
.contact__sub{margin:2px 0 0;font-size:14px;line-height:20px;color:var(--muted)}
.contact__links{padding:0!important;overflow:hidden}
.contact__links a{display:flex;align-items:center;gap:12px;min-height:60px;padding:0 18px;color:var(--ink);font-size:16px;font-weight:600}
.contact__links a+a{border-top:1px solid var(--line)}
.contact__links a:hover{background:#faf8f4;color:var(--ink)}
.contact__links span{flex:1}
.contact__extra{display:flex;flex-direction:column;gap:18px;padding:16px;background:#faf8f4;border:1px solid var(--line);border-radius:14px}
.contact__extra--plain{padding:0;background:none;border:0}
.contact__extra .contact__note{background:var(--surface)}
.contact .opt{font-weight:500;text-transform:none;letter-spacing:0}

/* Effets visuels */
:root{--ease:cubic-bezier(.2,0,0,1);--spring:cubic-bezier(.34,1.45,.64,1)}
.top__progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.marquee__track{display:flex;width:max-content;padding:20px 0;animation:laque-mq 42s linear infinite}
.marquee__item{display:flex;align-items:center;gap:32px;padding-right:32px;white-space:nowrap;font-family:var(--serif);font-size:clamp(30px,4.4vw,48px);line-height:1;letter-spacing:-.015em}
.marquee__item i{flex:none;width:12px;height:17px;background:#d9cfc3;border-radius:999px 999px 2px 2px}
.marquee__item:nth-child(3n+2) i{background:var(--brand)}
.final{position:relative;overflow:hidden;isolation:isolate}
.final__arches{position:absolute;right:clamp(20px,5vw,48px);bottom:0;z-index:-1;display:flex;align-items:flex-end;gap:10px;pointer-events:none}
.final__arches span{width:40px;background:#2a2521;border-radius:999px 999px 6px 6px;transform-origin:50% 100%;animation:laque-eq 3s ease-in-out infinite alternate}
.final__arches span:nth-child(1){height:130px;animation-duration:2.4s}
.final__arches span:nth-child(2){height:96px;animation-duration:3.05s;animation-delay:.25s}
.final__arches span:nth-child(3){height:150px;background:var(--brand);animation-duration:3.7s;animation-delay:.5s}
.final__arches span:nth-child(4){height:110px;animation-duration:4.35s;animation-delay:.75s}
.final__arches span:nth-child(5){height:76px;animation-duration:5s;animation-delay:1s}
@media (max-width:1039px){.final__arches{display:none}}
@keyframes laque-mq{to{transform:translateX(-50%)}}
@keyframes laque-eq{from{transform:scaleY(.62)}to{transform:none}}
@keyframes laque-rise{from{opacity:0;transform:translateY(18px)}}
@keyframes laque-clip{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 -12% 0)}}
@keyframes laque-zoom{from{opacity:0;transform:scale(.94)}}
@keyframes laque-in-l{from{opacity:0;transform:translate(-28px,12px) scale(.92)}}
@keyframes laque-in-r{from{opacity:0;transform:translate(28px,12px) scale(.92)}}
@keyframes laque-in-u{from{opacity:0;transform:translateY(18px) scale(.92)}}
@keyframes laque-float{to{transform:translateY(-8px)}}
@media (prefers-reduced-motion:no-preference){
.fx-intro .hero__text>*{animation:laque-rise .8s var(--ease) backwards}
.fx-intro .hero__text>:nth-child(2){animation:laque-rise .8s var(--ease) .17s backwards,laque-clip 1.1s var(--ease) .17s backwards}
.fx-intro .hero__text>:nth-child(3){animation-delay:.28s}
.fx-intro .hero__text>:nth-child(4){animation-delay:.39s}
.fx-intro .hero__art .arch{animation:laque-zoom 1.2s var(--ease) .12s backwards}
/* Photos : léger zoom et reflet de lumière qui suivent le curseur ou le doigt. */
.fx .arch img,.fx .founder__pic img{transition:transform .7s var(--ease)}
.fx .arch.is-lens img,.fx .founder__pic.is-lens img{transform:translate(var(--tx,0),var(--ty,0)) scale(1.08);transition-duration:.3s}
.fx .arch::after,.fx .founder__pic::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--px,50%) var(--py,50%),rgba(255,255,255,.26),rgba(255,255,255,0) 42%);opacity:0;transition:opacity .45s var(--ease)}
.fx .arch.is-lens::after,.fx .founder__pic.is-lens::after{opacity:1}
.fx .float--a{animation:laque-float 3s ease-in-out 1.6s infinite alternate}
.fx .float--b{animation:laque-float 3.6s ease-in-out 1.9s infinite alternate}
.fx .chip-sms{animation:laque-float 4.2s ease-in-out 2.2s infinite alternate}
.fx-intro .float--a{animation:laque-in-l .85s var(--spring) .7s backwards,laque-float 3s ease-in-out 1.6s infinite alternate}
.fx-intro .float--b{animation:laque-in-r .85s var(--spring) .98s backwards,laque-float 3.6s ease-in-out 1.9s infinite alternate}
.fx-intro .chip-sms{animation:laque-in-u .85s var(--spring) 1.26s backwards,laque-float 4.2s ease-in-out 2.2s infinite alternate}
.fx .rv{opacity:0;transform:translateY(32px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.fx .rv.is-in{opacity:1;transform:none}
.fx .phone{transition:transform .4s var(--ease)}
}
@media (prefers-reduced-motion:reduce){.marquee__track,.final__arches span{animation:none}}
html:not(.fx) .marquee__track,html:not(.fx) .final__arches span{animation:none}

/* Petits écrans */
@media (max-width:359px){.top__nav .pill:not(.pill--ink){padding:0 12px}.top__nav .pill--ink{padding:0 10px;font-size:13px}.brand__logo{height:24px}}
@media (min-width:900px){.faq__aside{position:sticky;top:96px}.admin-bar .faq__aside{top:128px}}
.faq__aside .p{max-width:420px}
.faq__card{max-width:420px;margin-top:22px;padding:18px;display:flex;flex-direction:column;gap:12px}
.faq__who{display:flex;align-items:center;gap:12px}
.faq__who>span:last-child{min-width:0}
.faq__mail{display:inline-block;margin-top:2px;font-size:16px;line-height:22px;font-weight:600;color:var(--ink)}
.faq__cta{min-height:50px;font-size:16px}
.faq__demo{justify-content:center;margin-top:0}

/* Pied de page détaillé */
.foot{max-width:none;margin:56px 0 0;padding:0;display:block;border-top:1px solid var(--line);background:#efebe4}
.foot__in{max-width:1080px;margin:0 auto;padding:40px 16px 8px;display:flex;flex-wrap:wrap;gap:32px 24px}
.foot__brand{flex:2 1 280px;max-width:380px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.foot__tag{margin:0;font-size:15px;line-height:22px;color:var(--ink-soft);text-wrap:pretty}
.foot__mail{font-size:15px;line-height:22px;font-weight:600;color:var(--ink)}
.foot__mail:hover{color:var(--ink);text-decoration:underline}
.foot__col{flex:1 1 150px;min-width:0}
.foot__col ul{list-style:none;margin:10px 0 0;padding:0}
.foot__col a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;line-height:20px;font-weight:500;color:var(--ink-soft)}
.foot__col a:hover{color:var(--ink);text-decoration:underline}
.foot__bar{max-width:1080px;margin:0 auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;font-size:13px;line-height:18px;font-weight:500;color:var(--muted)}
.foot__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.foot__secure,.foot__top{display:inline-flex;align-items:center;gap:6px}
.foot__top{min-height:40px;color:var(--muted)}
.foot__top:hover{color:var(--ink)}
.cookie-link{min-height:40px;padding:0;border:0;background:none;font:inherit;color:var(--muted);cursor:pointer}
.cookie-link:hover{color:var(--ink)}
@media (max-width:719px){.home .foot__bar{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}

/* Formules */
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:20px 12px;margin-top:32px;align-items:stretch}
.tier{position:relative;display:flex;flex-direction:column;padding:26px 22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.tier--hi{border:1.5px solid var(--ink);box-shadow:var(--shadow)}
.tier__badge{position:absolute;top:-12px;left:22px;display:inline-flex;align-items:center;height:24px;padding:0 11px;background:var(--ink);border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ground)}
.tier__name{margin:0;font-size:18px;line-height:24px;font-weight:600}
.tier__desc{margin:4px 0 0;min-height:40px;font-size:14px;line-height:20px;color:var(--muted)}
.tier__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:18px}
.tier__price b{font-family:var(--serif);font-weight:400;font-size:46px;line-height:48px}
.tier__price span{font-size:14px;line-height:20px;font-weight:500;color:var(--muted)}
.tier .btn{min-height:50px;margin-top:18px;font-size:16px}
.tier__line{background:var(--surface);border:1px solid var(--ink);color:var(--ink)}
.tier__line:hover{background:var(--ink);color:var(--ground)}
.tier .rule{margin:20px 0 14px}
.tier__feats{margin:0;gap:10px}
.tier__plus{display:block!important;font-size:14px!important;line-height:20px!important;font-weight:600;color:var(--muted)}
.tiers__fam{max-width:680px;margin:16px auto 0;font-size:15px;line-height:22px;color:var(--muted);text-align:center;text-wrap:balance}
.tiers__fam b{color:var(--ink);font-weight:600}
#tarif .rail{justify-content:center}
.tiers__common{margin:18px 0 0;font-size:14px;line-height:20px;font-weight:500;color:var(--muted);text-align:center;text-wrap:balance}
.boxbrand--row{margin-top:24px;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:8px 24px}
.boxbrand--row h3{flex:1 1 280px}
.boxbrand--row p{flex:1 1 320px;margin:0}

/* Effets des boutons : survol, appui, onde au clic */
.btn,.pill,.chip,.burger,.radio>span{position:relative;isolation:isolate;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .45s var(--spring),box-shadow .35s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}
.btn svg,.pill svg,.arrow svg{transition:transform .35s var(--spring)}
.radio>span>.fx-ripple,.chip>.fx-ripple{opacity:.12}
span.fx-ripple{position:absolute;z-index:-1;display:block;min-height:0;margin:0;padding:0;border:0;border-radius:50%;pointer-events:none;background:currentColor;opacity:.16;transform:scale(0);transition:none;animation:laque-ripple .6s var(--ease) forwards}
@keyframes laque-ripple{to{transform:scale(1);opacity:0}}
@keyframes laque-pop{0%{transform:scale(.97)}100%{transform:scale(1)}}
.btn--ink::after,.pill--ink::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-110%)}
@media (hover:hover) and (pointer:fine){
.btn--ink:hover,.pill--ink:hover{transform:translate(var(--mx,0px),calc(var(--my,0px) - 2px));box-shadow:0 12px 26px -10px rgba(22,19,15,.55)}
.btn--ink:hover::after,.pill--ink:hover::after{transform:translateX(110%);transition:transform .85s var(--ease)}
.btn:hover svg,.pill:hover svg,.arrow:hover svg{transform:translateX(4px)}
.pill:not(.pill--ink):hover,.chip:not(.is-on):hover,.burger:hover,.btn--line:hover,.tier__line:hover,.radio:hover>span{transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(22,19,15,.4)}
.final .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(0,0,0,.65)}
}
.btn:active,.pill:active,.burger:active{transform:scale(.98);transition-duration:.12s}
.chip,.radio>span{transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)!important;transform:none!important;animation:none!important}

.arrow{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0 1.5px;background-position:0 calc(100% - 9px);transition:background-size .45s var(--ease)}
.arrow:hover{text-decoration:none;background-size:calc(100% - 24px) 1.5px}
@media (prefers-reduced-motion:reduce){.btn,.pill,.chip,.burger,.radio>span,.btn svg,.pill svg,.arrow svg{transition:none!important;animation:none!important;transform:none!important}.fx-ripple,.btn--ink::after,.pill--ink::after{display:none}}

/* Blog */
.blog{padding:32px 0 80px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;line-height:18px;color:var(--muted)}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.crumbs span[aria-hidden]{color:var(--line)}
.blog__over{margin-top:36px;color:var(--brand)}
.blog__head .display{max-width:780px}
.blog__head .lead{max-width:640px}
.blog__cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.blog__cats .tag{flex:none;min-height:40px;padding:0 16px;white-space:nowrap;color:var(--ink-soft);transition:border-color .2s var(--ease),background-color .2s var(--ease),color .2s var(--ease)}
.blog__cats .tag:hover{border-color:var(--ink);color:var(--ink)}
.blog__cats .tag.is-on{background:var(--ink);border-color:var(--ink);color:var(--ground)}
.blog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;margin-top:36px}
.bcard{min-width:0}
.bcard__link{display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;color:var(--ink);transition:box-shadow .3s var(--ease),transform .3s var(--ease),border-color .3s var(--ease)}
.bcard__link:hover{color:var(--ink);border-color:#d6cec2;box-shadow:0 18px 40px -24px rgba(22,19,15,.4);transform:translateY(-2px)}
.bcard__pic{position:relative;aspect-ratio:16/10;background:var(--band);overflow:hidden}
.bcard__pic img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.bcard__link:hover .bcard__pic img{transform:scale(1.04)}
.bcard__ph{position:absolute;inset:0;display:flex;align-items:flex-end;padding:20px 22px;background:linear-gradient(155deg,var(--brand-wash) 0%,var(--band) 100%)}
.bcard__phname{position:relative;font-family:var(--serif);font-size:30px;line-height:1.05;letter-spacing:-.01em;color:var(--cat);text-wrap:balance}
.bcard__body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.bcard__body .overline{color:var(--brand)}
.bcard__title{margin:10px 0 0;font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}
.bcard__ex{margin:10px 0 0;font-size:15px;line-height:23px;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bcard__meta{margin-top:auto;padding-top:16px;font-size:13px;line-height:18px;color:var(--muted)}
@media (min-width:880px){
.bcard--big{grid-column:1/-1}
.bcard--big .bcard__link{flex-direction:row}
.bcard--big .bcard__pic{flex:0 0 55%;aspect-ratio:auto;min-height:360px}
.bcard--big .bcard__body{justify-content:center;padding:40px}
.bcard--big .bcard__title{font-size:clamp(32px,3.4vw,44px)}
.bcard--big .bcard__ex{font-size:17px;line-height:27px;-webkit-line-clamp:4}
.bcard--big .bcard__meta{margin-top:24px}
.bcard--big .bcard__ph{padding:32px}
.bcard--big .bcard__phname{font-size:48px}
}
.blog__pages{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px}
.blog__pages .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);font-weight:600}
.blog__pages a.page-numbers:hover{border-color:var(--ink)}
.blog__pages .current{background:var(--ink);border-color:var(--ink);color:var(--ground)}
.blog__pages .dots{background:none;border:0}
.blog__empty{margin:36px 0 0;font-size:17px;color:var(--ink-soft)}

/* Article */
/* Page d'un article : pas « .post », classe que WordPress pose aussi sur l'article (post_class) et qui lui ôtait ses marges. */
.post-page{padding:28px 0 80px}
.post__head{max-width:820px;margin-top:36px}
.post__cat{display:inline-block;color:var(--brand)}
.post__cat:hover{color:var(--brand);text-decoration:underline}
.post__title{margin-top:14px;font-size:clamp(36px,5.6vw,60px)}
.post__lead{max-width:680px}
.post__meta{margin:20px 0 0;font-size:14px;line-height:20px;color:var(--muted)}
.post__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:720px;margin-top:44px}
.post__toc details{background:var(--surface);border:1px solid var(--line);border-radius:14px}
.post__toc summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 18px;font-size:15px;font-weight:600;cursor:pointer;list-style:none}
.post__toc summary::-webkit-details-marker{display:none}
.post__toc summary svg{flex:none;transition:transform .2s var(--ease)}
.post__toc details[open] summary svg{transform:rotate(180deg)}
.post__toc ol{margin:0;padding:0 18px 16px 38px;font-size:15px;line-height:22px}
.post__toc li{margin:0 0 9px}
.post__toc li::marker{color:var(--muted)}
.post__toc a{color:var(--ink-soft)}
.post__toc a:hover{color:var(--ink);text-decoration:underline}
@media (min-width:1000px){
.post__grid--toc{grid-template-columns:240px minmax(0,680px);gap:64px;max-width:none}
.post__toc{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow:auto}
.post__toc details{background:none;border:0;border-radius:0}
.post__toc summary{min-height:0;padding:0 0 12px;font-size:11px;line-height:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none}
.post__toc summary svg{display:none}
.post__toc ol{padding:0 0 0 18px;font-size:14px;line-height:20px}
}
.post__body{min-width:0;font-size:18px;line-height:30px;color:var(--ink-soft)}
.post__body>*{margin:0 0 22px}
.post__body>:first-child{margin-top:0}
.post__body h2{margin:52px 0 14px;font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.2vw,36px);line-height:1.15;letter-spacing:-.015em;color:var(--ink);text-wrap:balance;scroll-margin-top:96px}
.post__body h3{margin:34px 0 10px;font-size:19px;line-height:27px;font-weight:600;color:var(--ink)}
.post__body strong{font-weight:600;color:var(--ink)}
.post__body a{color:var(--brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.post__body a:hover{text-decoration-thickness:2px}
.post__body ul,.post__body ol{padding-left:24px}
.post__body li{margin:0 0 10px;padding-left:4px}
.post__body li::marker{color:var(--brand)}
.post__body ol li::marker{font-weight:600}
.post__body img{border-radius:14px}
.post__body blockquote{margin:32px 0;padding:0 0 0 20px;border-left:2px solid var(--brand);font-family:var(--serif);font-size:24px;line-height:1.35;color:var(--ink)}
.post__body .hora-tip{padding:20px 22px;background:var(--brand-wash);border-radius:16px;font-size:17px;line-height:27px;color:var(--ink)}
.post__body .hora-sms{position:relative;max-width:520px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 18px 4px;font-size:16px;line-height:24px;color:var(--ink);box-shadow:0 6px 16px -12px rgba(22,19,15,.35)}
.post__body .wp-block-table{margin:28px 0;overflow-x:auto}
.post__body table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;line-height:22px;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.post__body th,.post__body td{padding:12px 14px;border:0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.post__body thead th{background:var(--band);font-size:13px;font-weight:700;color:var(--ink)}
.post__body tbody td:first-child{font-weight:600;color:var(--ink)}
.post__body tbody tr:last-child td{border-bottom:0}
.bcta{margin:72px 0 0;padding:clamp(28px,5vw,52px);background:var(--ink);border-radius:24px;color:var(--ground)}
.bcta .overline{color:#c9bfb2}
.bcta__t{margin:12px 0 0;max-width:680px;font-family:var(--serif);font-size:clamp(30px,4.2vw,46px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.bcta__p{margin:14px 0 0;max-width:560px;font-size:17px;line-height:27px;color:#ddd5ca}
.bcta__btn{max-width:400px;margin-top:26px;background:var(--ground);color:var(--ink)}
.bcta__btn:hover{background:#fff;color:var(--ink)}
.bcta__hint{margin:12px 0 0;font-size:14px;line-height:20px;color:#c9bfb2}
.related{margin-top:80px}
.related .blog__grid{margin-top:24px}
.related .bcard__title{font-size:24px}

/* Blog : mise en page des articles (07/10/2026). Une couleur par catégorie (--cat : texte et pastilles, contraste
   5:1 au moins sur son fond --cat-wash et sur blanc), encadrés « À retenir » / « Astuce », modèles de SMS en bulles,
   intertitres numérotés, listes « En résumé » / « Les erreurs à éviter » / « Les questions à poser ». */
.blog,.bcard,.post__in,.tag{--cat:var(--brand);--cat-wash:var(--brand-wash);--cat-soft:#efd3db}
.cat-rendez-vous{--cat:#7e1f3d;--cat-wash:#f8e9ed;--cat-soft:#efd3db}
.cat-paiement{--cat:#2e6b4a;--cat-wash:#e7f0e9;--cat-soft:#cbe0d1}
.cat-clients{--cat:#8a5a12;--cat-wash:#f7eedd;--cat-soft:#ecd9b6}
.cat-visibilite{--cat:#1f4e5f;--cat-wash:#e2eef1;--cat-soft:#c3dbe2}
.blog.cat-rendez-vous .blog__over,.blog.cat-paiement .blog__over,.blog.cat-clients .blog__over,.blog.cat-visibilite .blog__over{color:var(--cat)}
.blog__cats .tag[class*="cat-"]::before{content:"";flex:none;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--cat)}
.blog__cats .tag.is-on[class*="cat-"]{background:var(--cat);border-color:var(--cat);color:#fff}
.blog__cats .tag.is-on[class*="cat-"]::before{background:#fff}
.bcard__link:hover{border-color:var(--cat-soft)}
.bcard__body .overline{color:var(--cat)}
.bcard__ph{overflow:hidden;background:radial-gradient(120% 90% at 100% 0%,var(--cat-soft) 0%,transparent 62%),linear-gradient(155deg,var(--cat-wash) 0%,#fff 140%)}
.bcard__icon{position:absolute;right:-6%;top:-12%;width:58%;max-width:230px;color:var(--cat);opacity:.18;transform:rotate(-8deg);transition:transform .7s var(--ease)}
.bcard__icon svg{display:block;width:100%;height:auto}
.bcard__link:hover .bcard__icon{transform:rotate(-3deg) scale(1.05)}

.post__head{position:relative;isolation:isolate;max-width:none;margin-top:24px;padding:clamp(28px,5vw,56px);background:radial-gradient(90% 120% at 100% 0%,var(--cat-soft) 0%,transparent 58%),var(--cat-wash);border-radius:28px;overflow:hidden}
.post__head>:not(.post__icon){position:relative;max-width:820px}
.post__icon{position:absolute;right:-24px;bottom:-40px;z-index:-1;width:clamp(150px,26vw,300px);color:var(--cat);opacity:.13;transform:rotate(-10deg)}
.post__icon svg{display:block;width:100%;height:auto}
.post__cat{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;background:var(--surface);border-radius:999px;color:var(--cat)}
.post__cat:hover{color:var(--cat);text-decoration:none;box-shadow:0 0 0 1px var(--cat-soft)}
.post__title{margin-top:16px}
.post__meta{color:var(--ink-soft)}

.post__toc ol{list-style:none;margin:0;padding:0 18px 16px}
.post__toc li{margin:0;padding:6px 0 6px 14px;border-left:2px solid var(--line);transition:border-color .2s var(--ease)}
.post__toc li.is-on{border-left-color:var(--cat)}
.post__toc li.is-on a{color:var(--cat);font-weight:600}
@media (min-width:1000px){.post__toc ol{padding:0}}

.post__body a{color:var(--cat)}
.post__body>p:first-child{font-size:20px;line-height:32px;color:var(--ink)}
.post__body>p.post__intro::first-letter{float:left;margin:6px 12px 0 0;font-family:var(--serif);font-size:78px;line-height:.8;color:var(--cat)}
.post__n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--cat);color:#fff;font-family:var(--sans);font-size:20px;font-weight:700;line-height:1;letter-spacing:0;box-shadow:0 10px 20px -12px var(--cat)}
.post__n--s{width:30px;height:30px;font-size:14px;background:var(--cat-wash);color:var(--cat);box-shadow:none}
.post__body h2:has(>.post__n){display:flex;align-items:center;gap:16px}
.post__body h3:has(>.post__n){display:flex;align-items:center;gap:12px}
.post__body h2:not(:has(>.post__n))::before{content:"";display:block;width:40px;height:4px;margin:0 0 16px;border-radius:2px;background:var(--cat)}
.post__body ul{list-style:none;padding-left:0}
.post__body ul>li{position:relative;padding-left:30px}
.post__body ul>li::before{content:"";position:absolute;left:5px;top:11px;width:9px;height:9px;border-radius:2px;background:var(--cat);transform:rotate(45deg)}
.post__body ol{list-style:none;padding-left:0;counter-reset:hora}
.post__body ol>li{position:relative;min-height:32px;padding-left:46px;counter-increment:hora}
.post__body ol>li::before{content:counter(hora);position:absolute;left:0;top:-1px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--cat-wash);color:var(--cat);font-size:15px;font-weight:700;line-height:1}
.post__body h2[id^="en-resume"]+:is(ul,ol),.post__body h2[id^="les-erreurs"]+:is(ul,ol),.post__body h2[id^="les-questions"]+:is(ul,ol){padding:22px 24px 12px;border-radius:20px}
.post__body h2[id^="en-resume"]+:is(ul,ol){background:var(--ok-wash)}
.post__body h2[id^="les-erreurs"]+:is(ul,ol){background:#fbeceb}
.post__body h2[id^="les-questions"]+:is(ul,ol){background:var(--cat-wash)}
.post__body h2[id^="en-resume"]+:is(ul,ol)>li,.post__body h2[id^="les-erreurs"]+:is(ul,ol)>li,.post__body h2[id^="les-questions"]+:is(ul,ol)>li{padding-left:36px}
.post__body h2[id^="en-resume"]+:is(ul,ol)>li::before,.post__body h2[id^="les-erreurs"]+:is(ul,ol)>li::before,.post__body h2[id^="les-questions"]+:is(ul,ol)>li::before{left:0;top:4px;width:22px;height:22px;border-radius:50%;transform:none;background-position:center;background-repeat:no-repeat;background-size:14px}
.post__body h2[id^="en-resume"]+:is(ul,ol)>li::before{content:"";background-color:var(--ok);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}
.post__body h2[id^="les-erreurs"]+:is(ul,ol)>li::before{content:"";background-color:var(--danger);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")}
.post__body h2[id^="les-questions"]+:is(ul,ol)>li::before{content:"?";display:flex;align-items:center;justify-content:center;background-color:var(--cat);color:#fff;font-size:13px;font-weight:700;line-height:1}

.post__body .callout{display:flex;align-items:flex-start;gap:16px;margin:32px 0;padding:20px 22px;background:var(--cat-wash);border:1px solid var(--cat-soft);border-radius:20px}
.post__body .callout--tip{--cat:#8a4b08;--cat-wash:#fdf0dc;--cat-soft:#f3d9ae}
.callout__icon{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:var(--surface);color:var(--cat);box-shadow:0 6px 14px -10px rgba(22,19,15,.45)}
.callout__body{min-width:0}
.post__body .callout p{margin:0;font-size:17px;line-height:27px;color:var(--ink)}
.post__body .callout .callout__label{margin:2px 0 4px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cat)}
.post__body .hora-tip{background:var(--cat-wash);border:1px solid var(--cat-soft)}
.post__body .post__legal{position:relative;padding:14px 18px 14px 50px;background:var(--band);border-radius:14px;font-size:15px;line-height:24px;color:var(--ink-soft)}
.post__body .post__legal::before{content:"i";position:absolute;left:16px;top:15px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--ink-soft);color:#fff;font-family:var(--serif);font-size:16px;font-style:italic;line-height:1}

.post__body .hora-sms{position:relative;max-width:560px;padding:44px 18px 16px;background:var(--surface);border:1px solid var(--line);border-radius:22px 22px 22px 6px;box-shadow:0 12px 28px -18px rgba(22,19,15,.45);font-size:16px;line-height:25px;color:var(--ink)}
.post__body .hora-sms::before{content:"SMS";position:absolute;left:14px;top:12px;padding:4px 9px;border-radius:999px;background:var(--cat-wash);color:var(--cat);font-size:11px;line-height:14px;font-weight:700;letter-spacing:.1em}
.sms-var{padding:1px 4px;border-radius:6px;background:var(--cat-wash);color:var(--cat);font-weight:600;white-space:nowrap}
.sms-copy{position:absolute;top:8px;right:8px;min-height:32px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:600 13px/1 var(--sans);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.sms-copy:hover{border-color:var(--ink)}
.sms-copy:focus-visible{outline:2px solid var(--cat);outline-offset:2px}
.sms-copy.is-done{background:var(--ok);border-color:var(--ok);color:#fff}

.post__body thead th{background:var(--cat);color:#fff}
.post__body tbody tr:nth-child(even) td{background:#faf8f5}
.post__body tbody td:first-child{color:var(--cat)}
.post__body blockquote{border-left-color:var(--cat)}
.post__body .post__hora{display:flex;align-items:flex-start;gap:18px;margin:40px 0 0;padding:22px 24px;background:linear-gradient(135deg,var(--brand-wash),var(--surface) 140%);border:1px solid #efd3db;border-radius:22px}
.post__hora-icon{flex:none;width:38px;height:auto}
.post__body .post__hora p{margin:0;font-size:17px;line-height:28px;color:var(--ink)}
.post__body .post__hora a{font-weight:600;color:var(--brand)}
@media (max-width:599px){
.post__head{border-radius:22px}
.post__body>p:first-child{font-size:18px;line-height:29px}
.post__body>p.post__intro::first-letter{font-size:64px}
.post__n{width:38px;height:38px;font-size:17px}
.post__body .callout{padding:18px}
.post__body .post__hora{flex-direction:column;gap:12px}
}
@media (prefers-reduced-motion:reduce){.bcard__icon,.post__toc li{transition:none!important}.bcard__link:hover .bcard__icon{transform:rotate(-8deg)}}

/* Tarifs : au mois ou à l'année (07/10/2026) */
.bill{display:flex;gap:4px;width:max-content;max-width:100%;margin:28px auto 0;padding:4px;background:var(--band);border-radius:999px}
.bill__opt{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--ink-soft);font:600 15px/1 var(--sans);white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}
.bill__opt:hover{color:var(--ink)}
.bill__opt.is-on{background:var(--surface);color:var(--ink);box-shadow:0 2px 10px rgba(22,19,15,.1)}
.bill__opt:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.bill__save{padding:4px 8px;border-radius:999px;background:var(--ok-wash);color:var(--ok);font-size:12px;line-height:14px;font-weight:700}
.tier__permonth{margin:6px 0 0;font-size:14px;line-height:20px;font-weight:600;color:var(--ok)}
.tier__price[hidden],.tier__permonth[hidden]{display:none}
@media (max-width:420px){.bill__opt{padding:0 12px;font-size:14px}.bill__save{padding:3px 6px}}
@media (prefers-reduced-motion:reduce){.bill__opt{transition:none}}

/* Pourquoi Horabiz ? (1.10.36 ; récit illustré en 1.10.38, /pourquoi-horabiz/, inc/why.php) : cadran aux heures
   grecques, frises de méandres, chapitres, déesses dans des niches de temple, emblème annoté, Hora + Biz. */
.why,.story,.feat,#laque-front{--gold:#b08a4e;--gold-light:#e3c08f;--key:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M0 14.5H16M12 14.5V1.5H2.5V10.5H8.5V5.5H5.5' fill='none' stroke='%23b08a4e' stroke-width='1.4'/%3E%3C/svg%3E");--key-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M0 14.5H16M12 14.5V1.5H2.5V10.5H8.5V5.5H5.5' fill='none' stroke='%23e3c08f' stroke-width='1.4'/%3E%3C/svg%3E")}
.why-hero{position:relative;padding-top:clamp(28px,5vw,64px);background:var(--band)}
.why-hero__in{display:grid;gap:32px;align-items:center;padding-bottom:clamp(40px,6vw,72px)}
.why-hero .display{font-size:clamp(46px,8vw,92px);line-height:1}
.why-hero .lead{max-width:520px}
.why-hero__go{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:12px 18px;border:1px solid var(--ink);border-radius:999px;font-size:15px;font-weight:600;color:var(--ink)}
.why-hero__go:hover{background:var(--ink);color:var(--ground)}
.why-key{height:16px;background:var(--key) repeat-x 0 0/16px 16px}
.why-dial{position:relative;justify-self:center;width:min(340px,82vw);aspect-ratio:1;color:var(--gold)}
.why-dial__ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:why-turn 240s linear infinite}
.why-dial__ring text{fill:currentColor;font-family:var(--serif);font-size:11px;letter-spacing:.5px}
.why-dial__disc{position:absolute;inset:19%;display:grid;place-items:center;border-radius:50%;background:var(--ground);box-shadow:0 22px 50px rgba(126,31,61,.16),inset 0 0 0 1px var(--line)}
.why-dial__disc img{width:56%;height:auto}
@keyframes why-turn{to{transform:rotate(360deg)}}
.why-chap{scroll-margin-top:96px}
.why-chap__num{margin:0 0 20px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}
.why-chap__num::before{content:"";display:inline-block;width:28px;height:1px;margin-right:12px;vertical-align:middle;background:currentColor}
.why-word{display:grid;gap:12px}
.why-word__big{margin:0;font-family:var(--serif);font-size:clamp(110px,18vw,210px);line-height:1.12;color:var(--brand)}
.why-word__say{margin:10px 0 0;font-family:var(--serif);font-size:21px;line-height:1.3;color:var(--muted)}
.why-story{max-width:620px}
.why-story--center{max-width:680px;margin:0 auto;text-align:center}
.why-p{margin:16px 0 0;font-size:clamp(17px,1.5vw,19px);line-height:1.65;color:var(--ink-soft);text-wrap:pretty}
.why-p--drop::first-letter{float:left;margin:7px 10px 0 0;font-family:var(--serif);font-size:74px;line-height:.78;color:var(--brand)}
.why-chain{display:flex;flex-direction:column;align-items:stretch;gap:30px;max-width:340px;margin:44px 0 0;padding:0;list-style:none}
.why-chain li{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 22px;background:var(--surface);border:1px solid var(--line);border-radius:999px}
.why-chain li:not(:last-child)::after{content:"↓";position:absolute;left:50%;bottom:-27px;transform:translateX(-50%);font-size:18px;line-height:24px;color:var(--gold)}
.why-chain li:first-child{background:var(--brand);border-color:var(--brand)}
.why-chain__w{font-family:var(--serif);font-size:28px;line-height:1.1;color:var(--ink)}
.why-chain__l{font-size:11px;line-height:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.why-chain li:first-child .why-chain__w,.why-chain li:first-child .why-chain__l{color:#f6f2ec}
.why-band{position:relative;isolation:isolate;padding-block:clamp(72px,9vw,112px);color:#f6f2ec}
.why-band::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--key-light) repeat-x 0 18px/16px 16px,var(--key-light) repeat-x 0 calc(100% - 18px)/16px 16px,var(--brand)}
.why-band .why-chap__num{color:var(--gold-light)}
.why-band .h2{color:#fff}
.why-band .why-p{color:rgba(246,242,236,.86)}
.why-band__head{max-width:640px}
.why-quote{max-width:780px;margin:44px 0 0;padding-left:26px;border-left:2px solid var(--gold-light)}
.why-quote blockquote{margin:0}
.why-quote p{margin:0;font-family:var(--serif);font-size:clamp(26px,3.2vw,38px);line-height:1.2;color:#fff;text-wrap:balance}
.why-quote figcaption{margin-top:14px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light)}
.why-gods{display:grid;gap:22px;margin:56px 0 0;padding:0;list-style:none}
.god{display:flex;flex-direction:column;padding:0 22px 22px;background:#fbf8f3;color:var(--ink);border-radius:200px 200px 22px 22px;overflow:hidden;box-shadow:0 22px 48px rgba(0,0,0,.22)}
.god__niche{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 -22px 22px;padding:46px 0 24px;background:linear-gradient(180deg,var(--brand-wash),rgba(248,233,237,0));border-bottom:1px solid var(--line)}
.god__num{font-family:var(--serif);font-size:60px;line-height:1;color:var(--brand)}
.god__ico{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;color:var(--brand);box-shadow:inset 0 0 0 1px var(--line)}
.god h3{margin:0;font-family:var(--serif);font-weight:400;font-size:42px;line-height:1;text-align:center}
.god__greek{margin:6px 0 0;font-family:var(--serif);font-size:20px;line-height:1.3;color:var(--muted);text-align:center}
.god__role{align-self:center;margin:14px 0 0;padding:5px 14px;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;font-weight:700;line-height:18px;letter-spacing:.08em;text-transform:uppercase}
.god__myth{margin:18px 0 22px;font-size:16px;line-height:1.55;color:var(--ink-soft);text-align:center;text-wrap:pretty}
.god__hora{margin-top:auto;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.god__mine{margin:0;font-size:11px;line-height:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.god__text{margin:6px 0 0;font-size:15px;line-height:22px;color:var(--ink);text-wrap:pretty}
.god__demo{display:grid;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.god__demo li{display:flex;align-items:baseline;gap:10px;padding:9px 12px;border-radius:12px;background:var(--ground);font-size:13px;line-height:18px}
.god__demo b{flex:none;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.god__demo span{color:var(--muted)}
.god--order .god__demo li:last-child{background:transparent;border:1px dashed #cfc6b8}
.god--justice .god__demo li:first-child{background:var(--ok-wash)}
.god--justice .god__demo li:first-child b{color:var(--ok)}
.god--peace .god__demo li{flex-direction:column;align-items:flex-start;gap:2px}
.god--peace .god__demo li:first-child{background:var(--brand-wash);border-radius:14px 14px 14px 4px}
.god--peace .god__demo li:first-child span{color:var(--ink)}
.why-logo{display:grid;gap:36px;align-items:center}
.why-logo__fig{position:relative;justify-self:center;width:min(280px,72vw);padding:28px;border-radius:50%;background:radial-gradient(circle,var(--brand-wash) 0,rgba(248,233,237,0) 70%)}
.why-logo__fig img{display:block;width:100%;height:auto}
.why-logo__note{margin:14px 0 0;font-family:var(--serif);font-size:20px;line-height:1.25;text-align:center;color:var(--ink-soft)}
.why-sum{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px 24px;max-width:960px;margin:48px auto 0}
.why-sum p{margin:0}
.why-sum__term{display:flex;flex-direction:column;align-items:center;gap:8px}
.why-sum__w{font-family:var(--serif);font-size:clamp(52px,7.4vw,92px);line-height:1;color:var(--ink)}
.why-sum__term--total .why-sum__w{color:var(--brand)}
.why-sum__l{max-width:210px;font-size:13px;line-height:18px;text-align:center;color:var(--muted)}
.why-sum__op{font-family:var(--serif);font-size:clamp(44px,6vw,72px);line-height:1;color:var(--gold)}
.why-end{position:relative;overflow:hidden;padding-top:calc(clamp(28px,5vw,48px) + 22px)}
.why-key--end{position:absolute;top:0;left:0;right:0;background-image:var(--key-light);opacity:.55}
.why-end h2{max-width:760px;font-size:clamp(28px,3.6vw,42px)}
.why-end__text{margin:16px 0 0;max-width:560px;font-size:17px;line-height:26px;color:rgba(244,240,234,.82)}
.why-end__cta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px}
.why-end__cta .btn{width:auto;min-width:240px}
.why-end__back{margin-top:22px;color:#f4f0ea;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (min-width:880px){
.why-hero__in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px}
.why-dial{width:min(440px,100%)}
.why-word{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center}
.why-gods{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.why-logo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px}
.why-logo__fig{justify-self:end;width:min(320px,100%)}
.why-chain{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 36px;max-width:none}
.why-chain li{flex-direction:column;align-items:center;gap:2px;min-width:112px}
.why-chain li:not(:last-child)::after{content:"→";left:auto;right:-27px;bottom:auto;top:50%;transform:translateY(-50%)}
.why-logo__note{position:absolute;width:250px;margin:0;font-size:19px}
.why-logo__note::after{content:"";position:absolute;top:50%;width:44px;height:1px;background:var(--gold)}
.why-logo__note--top{top:14%;right:calc(100% + 18px);text-align:right}
.why-logo__note--top::after{right:-56px}
.why-logo__note--bottom{bottom:16%;right:calc(100% + 18px);text-align:right}
.why-logo__note--bottom::after{right:-56px}
}
@media (prefers-reduced-motion:reduce){.why-dial__ring{animation:none}}

/* Pourquoi Horabiz sur l'accueil (08/10/2026, laque_section_story) : une carte bordeaux entre deux frises, le cadran
   doré autour de l'emblème (celui de /pourquoi-horabiz/), Hora + Biz = Horabiz et « En savoir plus ». */
.story__card{position:relative;isolation:isolate;display:grid;gap:32px;align-items:center;padding:clamp(52px,6vw,72px) clamp(22px,5vw,56px);border-radius:24px;background:var(--brand);color:#f6f2ec;overflow:hidden}
.story__card::before,.story__card::after{content:"";position:absolute;left:0;right:0;height:16px;background:var(--key-light) repeat-x 0 0/16px 16px;opacity:.55}
.story__card::before{top:16px}
.story__card::after{bottom:16px}
.story__dial{position:relative;justify-self:center;width:min(250px,62vw);aspect-ratio:1;color:var(--gold-light)}
.story__dial .why-dial__disc{box-shadow:0 22px 50px rgba(0,0,0,.28)}
.story__over{color:var(--gold-light)}
.story .h2{max-width:560px;color:#fff}
.story__text{max-width:580px;margin:14px 0 0;font-size:17px;line-height:27px;color:rgba(246,242,236,.86);text-wrap:pretty}
.story__sum{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:26px 0 0}
.story__term{display:flex;flex-direction:column;gap:4px;padding:10px 16px;border:1px solid rgba(227,192,143,.45);border-radius:14px}
.story__term b{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1;color:#fff}
.story__term small{font-size:13px;line-height:17px;color:var(--gold-light)}
.story__term--total{background:rgba(255,255,255,.08);border-color:var(--gold-light)}
.story__op{font-family:var(--serif);font-size:30px;line-height:1;color:var(--gold-light)}
.story__eq{display:flex;align-items:center;gap:14px}
.story__more{display:inline-flex;gap:10px;width:auto;min-width:220px;margin-top:28px}
@media (min-width:880px){.story__card{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px}.story__dial{width:min(320px,100%)}}

/* Fonctionnalités (08/10/2026, inc/features.php) : le méga-menu « Fonctionnalités » de l'en-tête, le tiroir du menu
   sur téléphone, la page de chaque fonctionnalité et la page qui les réunit. */
.mega__item{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;color:var(--ink);font-size:15px;font-weight:600;line-height:1.3}
.mega__item:hover{color:var(--ink);background:var(--surface)}
.mega__ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:var(--brand);box-shadow:0 0 0 1px #efd9df,0 4px 10px rgba(126,31,61,.1)}
.mega__item[aria-current="page"] .mega__ico{background:var(--brand);color:#fff}
.mega__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.mega__short{font-size:13px;line-height:18px;font-weight:400;color:var(--muted)}
.mega__all{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--brand)}
.mega__all:hover{color:var(--ink)}
.mega{position:static}
.menu .mega__btn{gap:4px}
.menu .mega__btn svg{transition:transform .2s var(--ease)}
.mega.is-open .mega__btn{color:var(--ink);background:var(--surface)}
.mega.is-open .mega__btn svg{transform:rotate(180deg)}
.mega__panel{position:absolute;top:100%;left:0;right:0;background:var(--ground);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 28px 56px rgba(22,19,15,.14)}
.mega__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.92fr);padding-top:20px;padding-bottom:14px}
.mega__col{min-width:0;padding:0 14px;border-left:1px solid var(--line)}
.mega__col:first-child{padding-left:0;border-left:0}
.mega__col:last-child{padding-right:0}
.mega__head{margin:0 0 8px;padding:10px 12px;border-radius:10px;background:var(--band);font-size:13px;line-height:18px;font-weight:600;color:var(--muted)}
.mega__col ul{display:block;list-style:none;margin:0;padding:0}
.menu .mega__item{min-height:0;padding:6px 10px;border-radius:12px;font-size:15px;white-space:normal;color:var(--ink)}
.mega__col--help .mega__item{gap:12px}
.menu .mega__col--help .mega__item{font-size:14px}
.mega__col--help .mega__ico{width:32px;height:32px;border-radius:10px}
.mega__foot{grid-column:1/-1;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.menu .mega__item::after{display:none}
.menu .mega__all{min-height:40px;padding:0 12px;border-radius:12px;font-size:14px;color:var(--brand);background:none}
.menu .mega__all:hover{color:var(--ink);background:var(--surface)}
.menu .mega__all::after{display:none}
@media (max-width:1099px){.menu a{padding:0 9px;font-size:14px}.top__left{gap:18px}}
.sheet__mega summary{display:flex;align-items:center;gap:12px;min-height:64px;color:var(--ink);cursor:pointer;list-style:none}
.sheet__mega summary::-webkit-details-marker{display:none}
.sheet__mega summary span{flex:1;font-family:var(--serif);font-size:30px;line-height:36px;letter-spacing:-.01em}
.sheet__mega summary svg{flex:none;transition:transform .2s var(--ease)}
.sheet__mega details[open] summary svg{transform:rotate(180deg)}
.sheet__mega details[open] summary .sheet__mark{background:var(--brand)}
.sheet__head{margin:10px 0 2px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sheet__mega ul{list-style:none;margin:0 0 6px;padding:0}
.sheet__list .sheet__mega ul li{border-bottom:0}
.sheet__list .sheet__mega .mega__item{min-height:52px;padding:6px 0;gap:12px}
.sheet__list .sheet__mega .mega__txt,.sheet__list .sheet__mega .mega__label{flex:1;font-family:var(--sans);font-size:16px;line-height:22px;letter-spacing:0}
.sheet__list .sheet__mega .mega__ico{flex:none;width:36px;height:36px;border-radius:10px}
.sheet__list .sheet__mega .mega__all{display:inline-flex;min-height:44px;margin:4px 0 14px;color:var(--brand)}
.feat-nw{white-space:nowrap}
/* Pages des fonctionnalités dans le style de « Pourquoi Horabiz ? » (08/10/2026) : le cadran doré derrière la capture,
   les frises de méandres, les chapitres I à IV, les niches de temple, la bande bordeaux, la carte de fin. */
.feat-hero{position:relative;overflow:hidden;background:var(--band)}
.feat-hero__in{display:grid;gap:40px;align-items:center;padding-top:clamp(24px,4vw,56px);padding-bottom:clamp(48px,6vw,84px)}
/* Pages métiers (1.10.61) : les autres métiers, en liens. */
/* Annuaire (1.10.61) : une carte par pro, le bandeau pour les pros. */
.dir-hero .display{margin:6px 0 14px}
.dir-group .h2{margin-bottom:18px}
.dir-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;list-style:none;margin:0;padding:0}
.dir-card{display:flex;gap:16px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.dir-card__img{flex:none;width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--band)}
.dir-card__img--none{display:flex;align-items:center;justify-content:center;font:400 30px/1 var(--serif);color:var(--brand);background:var(--brand-wash)}
.dir-card__txt{min-width:0;flex:1}
.dir-card__name{margin:0;font-size:18px;line-height:24px;font-weight:600}
.dir-card__meta{margin:2px 0 0;font-size:14px;color:var(--muted)}
.dir-card__about{margin:8px 0 0;font-size:15px;line-height:22px;color:var(--ink-soft)}
.dir-card__go{margin-top:12px;min-height:40px;padding:0 18px;font-size:15px}
.dir-cities__n{color:var(--muted);font-weight:400}
.dir-band{padding:32px;border-radius:24px;background:var(--brand-wash);text-align:center}
.dir-band p{max-width:560px;margin:10px auto 20px;color:var(--ink-soft)}
.trade-others .h2{margin-bottom:18px}
.trade-others__list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.trade-others__list a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:500;text-decoration:none}
.trade-others__list a:hover{border-color:var(--brand);color:var(--brand)}
.feat-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:26px;font-size:13px;line-height:18px;color:var(--muted)}
.feat-crumbs a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.feat-crumbs a:hover{color:var(--ink)}
.feat-hero .display{max-width:660px;font-size:clamp(44px,6.6vw,80px);line-height:1}
.feat-hero .lead{max-width:540px}
.feat-plan{display:inline-flex;align-items:center;gap:8px;margin:26px 0 0;padding:7px 14px;border:1px solid var(--gold);border-radius:999px;background:rgba(255,255,255,.55);color:var(--ink);font-size:13px;line-height:18px;font-weight:600}
.feat-plan svg{flex:none;color:var(--gold)}
.feat-cta{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:28px}
.feat-cta__main{display:flex;flex-direction:column;gap:10px;max-width:100%}
.feat-cta .btn{width:auto;min-width:min(100%,280px)}
.feat-cta__demo{display:inline-flex;align-items:center;gap:8px;min-height:58px;padding:0 22px;border:1px solid var(--ink);border-radius:999px;font-size:15px;font-weight:600;color:var(--ink)}
.feat-cta__demo:hover{background:var(--ink);color:var(--ground)}
.feat-cta__hint{margin:0}
.feat-shot{position:relative;justify-self:center;width:min(270px,64vw);padding:40px 0}
.feat-shot__dial{position:absolute;top:50%;left:50%;width:156%;aspect-ratio:1;transform:translate(-50%,-50%);color:var(--gold);pointer-events:none}
.feat-shot__dial::before{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,var(--brand-wash) 0,rgba(248,233,237,0) 70%)}
.feat-phone{position:relative;z-index:1;aspect-ratio:390/844;padding:9px;border-radius:42px;background:#16130f;box-shadow:0 40px 80px rgba(22,19,15,.26),0 0 0 1px rgba(176,138,78,.45),inset 0 0 0 1px rgba(255,255,255,.08)}
.feat-phone img{display:block;width:100%;height:100%;border-radius:33px;object-fit:cover;object-position:top;background:var(--ground)}
.feat-chip{position:absolute;z-index:2;display:flex;flex-direction:column;gap:2px;max-width:230px;margin:0;padding:12px 16px 12px 18px;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:14px;background:#fbf8f3;box-shadow:0 18px 40px rgba(22,19,15,.16);font-size:13px;line-height:18px;animation:feat-float 6s ease-in-out infinite}
.feat-chip b{font-size:14px;line-height:19px;color:var(--ink)}
.feat-chip span{color:var(--muted)}
.feat-chip--0{top:18%;left:-18%}
.feat-chip--1{bottom:16%;right:-16%;animation-delay:-3s}
@keyframes feat-float{50%{transform:translateY(-6px)}}
.feat-chap .h2{max-width:720px}
.feat-arches{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin:48px 0 0;padding:0;list-style:none}
.feat-arches>li{display:flex;flex:1 1 100%;min-width:0}
.feat-arch{display:flex;flex:1;flex-direction:column;align-items:center;min-width:0;padding:0 24px 26px;background:#fbf8f3;color:var(--ink);text-align:center;border:1px solid var(--line);border-radius:200px 200px 22px 22px;overflow:hidden;box-shadow:0 22px 48px rgba(126,31,61,.08);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
a.feat-arch:hover{color:var(--ink);transform:translateY(-4px);box-shadow:0 28px 56px rgba(126,31,61,.16)}
.feat-arch__niche{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;margin:0 -24px 22px;padding:46px 0 24px;background:linear-gradient(180deg,var(--brand-wash),rgba(248,233,237,0));border-bottom:1px solid var(--line)}
.feat-arch__num{font-family:var(--serif);font-size:60px;line-height:1;color:var(--brand)}
.feat-arch__num::after{content:"";display:block;width:36px;height:1px;margin:16px auto 0;background:var(--gold)}
.feat-arch__ico{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--brand);box-shadow:inset 0 0 0 1px var(--line),0 8px 20px rgba(126,31,61,.1)}
.feat-arch__name{display:block;margin:0;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.1;letter-spacing:-.01em;text-wrap:balance}
.feat-arch__short{display:block;margin:10px 0 0;font-size:15px;line-height:23px;color:var(--ink-soft);text-wrap:pretty}
.feat-arch--benefit .feat-arch__name{font-size:30px}
.feat-arch--benefit .feat-arch__short{font-size:16px;line-height:25px}
.feat-arch__go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.why-band .feat-arch{border-color:transparent;box-shadow:0 22px 48px rgba(0,0,0,.24)}
.why-band a.feat-arch:hover{box-shadow:0 28px 60px rgba(0,0,0,.32)}
.feat-steps{display:grid;gap:30px;margin:48px 0 0;padding:0;list-style:none}
.feat-step{position:relative;display:flex;align-items:flex-start;gap:20px}
.feat-step:not(:last-child)::after{content:"";position:absolute;top:74px;bottom:-22px;left:32px;width:1px;background:repeating-linear-gradient(180deg,var(--gold-light) 0 6px,transparent 6px 12px);opacity:.7}
.feat-step__num{flex:none;display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--gold-light);border-radius:50%;background:rgba(255,255,255,.06);font-family:var(--serif);font-size:28px;line-height:1;color:var(--gold-light)}
.feat-step p{margin:16px 0 0;font-size:clamp(17px,1.5vw,19px);line-height:1.55;color:rgba(246,242,236,.92);text-wrap:pretty}
.feat-faq{display:grid;gap:28px}
.feat-faq__list{border-top:1px solid var(--gold)}
.feat-q{border-bottom:1px solid var(--line)}
.feat-q summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 2px;font-family:var(--serif);font-size:clamp(22px,2.2vw,27px);line-height:1.2;color:var(--ink);cursor:pointer;list-style:none}
.feat-q summary::-webkit-details-marker{display:none}
.feat-q summary:hover{color:var(--brand)}
.feat-q summary svg{flex:none;color:var(--gold);transition:transform .25s var(--ease)}
.feat-q[open] summary svg{transform:rotate(180deg)}
.feat-faq__more{margin:18px 0 0;max-width:320px;font-size:15px;line-height:23px;color:var(--muted)}
.feat-faq__more a{color:var(--brand);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.feat-q p{max-width:640px;margin:0;padding:0 2px 24px;font-size:17px;line-height:1.6;color:var(--ink-soft);text-wrap:pretty}
.feat-end .signup{margin-top:26px}
.feat-end .why-end__back{display:inline-block}
.feat--index .feat-hero .display{max-width:760px}
@media (min-width:720px){.feat-arches>li{flex:0 1 calc((100% - 22px) / 2)}}
@media (min-width:880px){
.feat-hero__in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px}
.feat-shot{width:min(300px,100%)}
.feat-arches>li{flex-basis:calc((100% - 44px) / 3)}
.feat-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.feat-step{flex-direction:column;gap:22px}
.feat-step p{margin:0}
.feat-step:not(:last-child)::after{top:32px;bottom:auto;left:86px;right:-18px;width:auto;height:1px;background:repeating-linear-gradient(90deg,var(--gold-light) 0 6px,transparent 6px 12px)}
.feat-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
}
@media (max-width:519px){.feat-chip{max-width:180px;padding:10px 12px 10px 14px}.feat-chip--0{left:-8%}.feat-chip--1{right:-6%}}
@media (prefers-reduced-motion:reduce){.feat-chip{animation:none}a.feat-arch{transition:none}a.feat-arch:hover{transform:none}}
/* Accueil dans l'identité de « Pourquoi Horabiz ? » (08/10/2026, inc/sections.php) : surtitres au trait bordeaux, le
   cadran aux heures grecques dans l'orbite, les métiers entre deux frises, l'arche dorée, l'acompte sur la bande
   bordeaux, les formules en niches de temple, la lettrine de « Qui est derrière », les questions en grandes lettres et
   la carte de fin entre méandres. Tout est rangé sous #laque-front (accueil et aperçu du Personnaliser). */
#laque-front .why-chap__num{margin:0}
#laque-front .why-chap__num+.h2{margin-top:16px}
.hero__pill{border-color:rgba(176,138,78,.55)}
.hero__pill svg{color:var(--gold)}
.orbit__ring--out{border-color:rgba(176,138,78,.6)}
.orbit__dial{position:absolute;left:140px;top:110px;width:360px;height:360px;color:var(--gold);pointer-events:none}
.orbit__dial::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle closest-side,rgba(251,248,243,0) 77%,rgba(251,248,243,.78) 78%,rgba(251,248,243,.78) 97%,rgba(251,248,243,0) 98%)}
.orbit__dial .why-dial__ring{animation-duration:180s}
.orbit__dot{background:var(--gold);box-shadow:0 0 0 4px rgba(176,138,78,.16)}
#laque-front .sec--band::before{border-block:0;background:var(--key) repeat-x 0 18px/16px 16px,var(--key) repeat-x 0 calc(100% - 18px)/16px 16px,var(--band)}
#laque-front .marquee{border:0;padding:18px 0;background:var(--key) repeat-x 0 0/16px 16px,var(--key) repeat-x 0 100%/16px 16px}
#laque-front .marquee__item i{background:var(--gold-light)}
#laque-front .marquee__item:nth-child(3n+2) i{background:var(--brand)}
#laque-front .metier .arch{outline:1px solid rgba(176,138,78,.6);outline-offset:10px}
#laque-front .card--hi{border:1.5px solid var(--gold);background:linear-gradient(180deg,var(--brand-wash),var(--surface) 46%);box-shadow:0 22px 48px rgba(126,31,61,.1)}
#laque-front .card--hi .badge{background:var(--brand);border-color:var(--brand);color:#fff}
#laque-front .gains__total{position:relative;overflow:hidden;padding-top:44px;border:1px solid rgba(176,138,78,.45)}
#laque-front .gains__total::before{content:"";position:absolute;top:14px;left:0;right:0;height:16px;background:var(--key) repeat-x 0 0/16px 16px;opacity:.55}
#laque-front .gains__cards .card{border-top:3px solid var(--gold)}
.acompte .h2--brand{padding-left:22px;border-left:2px solid var(--gold-light);color:#fff;font-size:clamp(30px,3.8vw,44px);line-height:1.15}
.acompte .prose p{color:rgba(246,242,236,.86)}
.acompte .prose strong{color:#fff}
.acompte .opt{color:var(--ink);background:#fbf8f3;border:0;border-left:3px solid var(--gold);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.acompte .opt h3{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.15}
#laque-front .tiers{gap:28px 18px;margin-top:40px}
#laque-front .tier{padding:0 22px 24px;background:#fbf8f3;border:1px solid var(--line);border-radius:200px 200px 22px 22px;overflow:hidden;box-shadow:0 22px 48px rgba(126,31,61,.08)}
#laque-front .tier--hi{border:1.5px solid var(--gold);box-shadow:0 28px 60px rgba(126,31,61,.16)}
.tier__niche{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 -22px 18px;padding:40px 0 20px;background:linear-gradient(180deg,var(--brand-wash),rgba(248,233,237,0));border-bottom:1px solid var(--line)}
.tier--hi .tier__niche{background:linear-gradient(180deg,#f3d9e0,rgba(248,233,237,0))}
.tier__num{font-family:var(--serif);font-size:54px;line-height:1;color:var(--brand)}
.tier__num::after{content:"";display:block;width:36px;height:1px;margin:14px auto 0;background:var(--gold)}
#laque-front .tier__badge{position:static;background:var(--brand);color:#fff}
#laque-front .tier__name{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.05;letter-spacing:-.01em;text-align:center}
#laque-front .tier__desc{margin-top:8px;text-align:center}
#laque-front .tier__price{justify-content:center}
#laque-front .tier__permonth{text-align:center}
#laque-front .boxbrand{border-left:3px solid var(--gold)}
.tiers__opts{max-width:680px;margin:8px auto 0;font-size:14px;line-height:20px;font-weight:600;color:var(--brand);text-align:center;text-wrap:balance}
#laque-front .founder{position:relative;overflow:hidden;padding-top:46px;background:#fbf8f3}
#laque-front .founder::before{content:"";position:absolute;top:16px;left:0;right:0;height:16px;background:var(--key) repeat-x 0 0/16px 16px;opacity:.5}
#laque-front .founder__body h2+p.txt::first-letter{float:left;margin:6px 10px 0 0;font-family:var(--serif);font-size:62px;line-height:.78;color:var(--brand)}
#laque-front .founder__pts{border-top-color:rgba(176,138,78,.45)}
#laque-front .faq__card{border:1px solid rgba(176,138,78,.55)}
#laque-front .acc{background:transparent;border:0;border-top:1px solid var(--gold);border-radius:0;overflow:visible}
#laque-front .acc details{border-bottom:1px solid var(--line)}
#laque-front .acc details+details{border-top:0}
#laque-front .acc summary{gap:20px;min-height:0;padding:20px 2px;font-family:var(--serif);font-weight:400;font-size:clamp(21px,2.1vw,25px);line-height:1.2}
#laque-front .acc summary:hover{color:var(--brand)}
#laque-front .acc summary svg{color:var(--gold)}
#laque-front .acc summary svg path{stroke:currentColor}
#laque-front .acc p{padding:0 2px 22px;font-size:16px;line-height:1.6;color:var(--ink-soft)}
#laque-front .final.why-end{padding-top:calc(clamp(28px,5vw,48px) + 22px)}