/* Allonia v70 : ce qui est commun à toutes les pages du nouveau design (studio gris, verre sombre, Hanken Grotesk).
   L'accueil a son propre style dans la page ; ce fichier ajoute le menu du téléphone, le bandeau des cookies, la fenêtre de la démo,
   et habille les autres pages (classe v7p sur <html>) avec la même barre du haut, le même pied de page et la même palette. */
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(/polices/hanken.woff2) format('woff2-variations'),url(/polices/hanken.woff2) format('woff2')}

/* ---------- la barre du haut : « Espace client » en verre sombre, comme le menu ---------- */
.nv{z-index:60}
.v7-esp{display:inline-flex;align-items:center;gap:8px;height:38px;margin-right:8px;padding:0 14px 0 12px;border-radius:19px;background:rgba(38,38,38,.42);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#fff;font:500 12.5px/1 'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;white-space:nowrap;text-decoration:none;transition:background-color .2s cubic-bezier(.2,.8,.2,1)}
.v7-esp svg{width:15px;height:15px;flex:none}
.v7-esp:hover{background:rgba(38,38,38,.58)}
.v7-esp:focus-visible{outline:2px solid #111;outline-offset:3px}
@media (max-width:1180px){.v7-esp{width:38px;padding:0;justify-content:center}.v7-esp span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (max-width:820px){.v7-esp{display:none}}

/* ---------- le menu du téléphone : un écran de verre dépoli sur le studio, les pages en grand ---------- */
.v7-mb{display:none;width:38px;height:38px;margin-left:8px;border:0;border-radius:50%;padding:0;cursor:pointer;background:rgba(38,38,38,.42);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);place-items:center;-webkit-tap-highlight-color:transparent}
.v7-mb span{position:relative;display:block;width:14px;height:8px}
.v7-mb span::before,.v7-mb span::after{content:"";position:absolute;left:0;right:0;height:1.5px;border-radius:1px;background:#fff;transition:transform .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1)}
.v7-mb span::before{top:0}.v7-mb span::after{top:6.5px}
.v7-open .v7-mb{background:#111}
.v7-open .v7-mb span::before{top:3.25px;transform:rotate(45deg)}.v7-open .v7-mb span::after{top:3.25px;transform:rotate(-45deg)}
/* le menu du téléphone : une page de papier qui s'ouvre sous la barre du haut, avec de grands liens, comme les titres du site */
.v7-sheet{position:fixed;inset:0;z-index:19;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:#F7F7F5;padding:calc(76px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) calc(22px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;animation:v7menu .24s ease both}
.v7-sheet[hidden]{display:none}
.v7-sheet a{color:#111;text-decoration:none;-webkit-tap-highlight-color:transparent}
.v7-liens{border-top:1px solid rgba(0,0,0,.08)}
.v7-liens a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 2px;border-bottom:1px solid rgba(0,0,0,.08);font-size:29px;font-weight:500;line-height:1.1;letter-spacing:-.028em;animation:v7lien .5s cubic-bezier(.2,.8,.2,1) both}
.v7-liens a svg{flex:none;width:12px;height:12px;color:#8A8A87}
.v7-liens a:active{opacity:.6}
.v7-liens a:nth-child(2){animation-delay:.03s}.v7-liens a:nth-child(3){animation-delay:.06s}.v7-liens a:nth-child(4){animation-delay:.09s}.v7-liens a:nth-child(5){animation-delay:.12s}
.v7-petits{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-size:15px}
.v7-petits a{color:#3A3A38}
.v7-act{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:30px}
.v7-act .v7-noir{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 6px 0 22px;border-radius:26px;background:#111;color:#fff;font-size:15.5px;font-weight:500}
.v7-act .v7-noir i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff}
.v7-act .v7-noir i svg{width:11px;height:11px}
.v7-act .v7-tel{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:26px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1);font-size:15.5px;font-weight:500}
.v7-act .v7-tel span{color:#5C5C5A;font-weight:400}
.v7-mail{margin:16px 0 0;text-align:center;font-size:12.5px;color:#8A8A87}
@keyframes v7menu{from{opacity:0}}
@keyframes v7lien{from{opacity:0;transform:translateY(10px)}}
html.v7-open,html.v7-open body{overflow:hidden}
.v7-open .nv{z-index:21}
.v7-open .v7-mb{background:#111;box-shadow:none}
@media (prefers-reduced-motion:reduce){.v7-sheet,.v7-liens a{animation:none}}

/* le bouton « Espace client » (ordinateur) : la même pastille de verre sombre que le menu */
.v7-esp{display:inline-flex;align-items:center;gap:7px;height:38px;margin-right:8px;padding:0 14px 0 12px;border-radius:19px;background:rgba(38,38,38,.42);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#fff;font:500 12.5px/1 'Hanken Grotesk',-apple-system,sans-serif;text-decoration:none;white-space:nowrap;transition:background-color .2s ease}
.v7-esp svg{width:14px;height:14px}
.v7-esp:hover{background:rgba(38,38,38,.58)}
.v7-esp:focus-visible{outline:2px solid #111;outline-offset:3px}
@media (max-width:820px){.v7-esp{display:none}}
@media (max-width:820px){.v7-mb{display:grid}}
@media (min-width:821px){.v7-sheet{display:none}}
@media (prefers-reduced-motion:reduce){.v7-sheet,.v7-pages a,.v7-bas{animation:none}}

/* ---------- le bandeau des cookies (mesure.js) aux couleurs du site ---------- */
.am-bar{--surface:#FFFFFF;--text:#111111;--text2:#5C5C5A;--line3:rgba(0,0,0,.08);--line-strong:rgba(0,0,0,.14);--accent-soft:rgba(0,0,0,.05);font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;border-radius:14px!important;box-shadow:0 24px 60px -24px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.06)!important}
.am-bar a{color:#111!important;text-decoration:underline}
.am-bar button:last-child{background:#111!important;color:#fff!important;border-color:#111!important}

/* ---------- la fenêtre de la démo (appel.js), à l'image du site : panneau papier, le halo de cristal sur le studio, bouton noir ---------- */
.al-fab{display:none!important}
html:root .al-back,html:root .al-modal,html:root .al-modal *{font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
html:root .al-back{background:rgba(200,200,198,.46);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}
html:root .al-modal{max-width:400px;border-radius:24px;color:#111;background:#F7F7F5;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 44px 110px -34px rgba(0,0,0,.5)}
html:root .al-head{padding:16px 16px 4px;gap:11px}
html:root .al-logo{width:38px;height:38px;border-radius:50%;background:#111;box-shadow:none}
html:root .al-logo svg{filter:none}
html:root .al-name{font-size:16px;font-weight:600;letter-spacing:-.015em;color:#111}
html:root .al-sub{font-size:12.5px;color:#7A7A77}
html:root .al-on{background:#111;animation:v7direct 2.4s ease-out infinite}
@keyframes v7direct{0%{box-shadow:0 0 0 0 rgba(17,17,17,.4)}70%,100%{box-shadow:0 0 0 7px rgba(17,17,17,0)}}
html:root .al-x{width:38px;height:38px;color:#111;background:#EDEDEB;box-shadow:none}
html:root .al-x:hover{background:#E3E3E1}
html:root .al-x:focus-visible,html:root .al-btn:focus-visible,html:root .al-foot a:focus-visible{outline:2px solid #111;outline-offset:3px}
html:root .al-body{padding:8px 16px 4px;gap:12px}
/* le halo de la démo : le même cristal que l'accueil, posé sur le studio ; il tourne lentement, plus vite en connexion, il respire quand elle parle */
html:root .al-orb{width:100%;height:206px;border-radius:16px;overflow:hidden;background:#E1E1DF;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03),inset 0 -40px 60px -40px rgba(0,0,0,.08)}
html:root .al-orb .al-cv,html:root .al-orb .al-css{display:none!important}
html:root .al-orb::before{content:"";position:absolute;left:50%;top:50%;width:196px;height:196px;margin:-98px 0 0 -98px;background:url(/img/halo-demo.webp) center/contain no-repeat;animation:v7tourne 28s linear infinite}
html:root .al-orb::after{content:"";position:absolute;left:50%;top:50%;width:136px;height:136px;margin:-68px 0 0 -68px;border-radius:50%;box-shadow:0 0 0 1.2px rgba(17,17,17,.3);opacity:0;pointer-events:none}
html:root .al-orb.al-connecting::before{animation-duration:4.5s}
html:root .al-orb.al-talk::before{animation:v7tourne 16s linear infinite,v7souffle 1.5s ease-in-out infinite}
html:root .al-orb.al-connecting::after,html:root .al-orb.al-talk::after{animation:v7onde 2.2s cubic-bezier(.2,.7,.3,1) infinite}
@keyframes v7tourne{to{rotate:360deg}}
@keyframes v7souffle{50%{scale:1.045}}
@keyframes v7onde{0%{opacity:.7;scale:.95}70%,100%{opacity:0;scale:1.5}}
html:root .al-status{margin-top:4px;font-size:22px;font-weight:500;letter-spacing:-.025em;color:#111}
html:root .al-hint{font-size:14.5px;line-height:1.5;color:#5C5C5A}
html:root .al-timer{font:500 13px/1 'Hanken Grotesk',-apple-system,sans-serif;font-variant-numeric:tabular-nums;color:#7A7A77}
html:root .al-biz{font-size:13px;color:#3A3A38}
html:root .al-biz em{color:#8A8A87}
html:root .al-biz input{height:46px;border-radius:12px;font:500 16px/1 'Hanken Grotesk',-apple-system,sans-serif;color:#111;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
html:root .al-biz input::placeholder{color:#A3A3A0}
html:root .al-biz input:focus{box-shadow:inset 0 0 0 1.5px #111}
html:root .al-actions{padding:14px 16px 2px}
html:root .al-btn{min-height:52px;border-radius:26px;font-size:15.5px;font-weight:500;letter-spacing:-.01em;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s ease}
html:root .al-btn:hover{filter:none}
html:root .al-start{flex-direction:row-reverse;justify-content:space-between;padding:0 7px 0 22px;color:#fff;background:#111;box-shadow:0 16px 34px -16px rgba(0,0,0,.55)}
html:root .al-start:hover{background:#000}
html:root .al-start svg{box-sizing:border-box;width:38px;height:38px;padding:10px;border-radius:50%;background:#fff;color:#111}
html:root .al-sound{color:#111;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
html:root .al-ghost{color:#111;background:#EDEDEB;box-shadow:none}
html:root .al-hang{color:#fff;background:#C8372B;box-shadow:none}
html:root .al-tx>div{color:#fff;background:#111;box-shadow:none}
html:root .al-tx>div.al-me{color:#111;background:#EDEDEB;box-shadow:none}
html:root .al-err{color:#8E2A20;background:#FBE3DF;box-shadow:none}
html:root .al-foot{border-top:1px solid rgba(0,0,0,.07);color:#7A7A77}
html:root .al-foot a{color:#111;text-decoration-color:rgba(0,0,0,.3)}
html:root .al-meta{color:#3A3A38}
@media (prefers-reduced-motion:reduce){html:root .al-orb::before,html:root .al-orb::after,html:root .al-on{animation:none}}

/* ================= les autres pages (html.v7p) ================= */
html.v7p,html.v7p[data-theme="light"]{
  --papier:#F7F7F5;--studio:#D9D9D7;--carte:#EDEDEB;--encre:#111111;--gris7:#5C5C5A;--gris8:#8A8A87;
  --bg:#F7F7F5;--bg0:#FFFFFF;--bg2:#FFFFFF;
  --t1:#111111;--t2:#1E1E1D;--t3:#3A3A38;--t4:#5C5C5A;--t5:#7A7A77;--t6:#D3D3D0;
  --card-bg:#EDEDEB;--card-sh:none;--cardhi-bg:#FFFFFF;--cardhi-sh:0 0 0 1px rgba(0,0,0,.06),0 24px 60px -32px rgba(0,0,0,.28);
  --b1-bg:#111111;--b1-fg:#FFFFFF;--b1-sh:none;--b2-bg:#FFFFFF;--b2-fg:#111111;--b2-sh:0 0 0 1px rgba(0,0,0,.1);
  --act:#111111;--act-h:#000000;--act-fg:#FFFFFF;--link:#111111;
  --tgrad:linear-gradient(#111111,#111111);--silver:linear-gradient(#111111,#111111);
  --sans:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--ios:'Hanken Grotesk',-apple-system,sans-serif;
  --mb1:#111111;--mb1-fg:#FFFFFF;--mb1-h:#000000;--mb2:#FFFFFF;--mb2-fg:#111111;--mb2-h:#F2F2F0;
  --in-bg:#FFFFFF;--in-bg2:#FFFFFF;--in-sh:0 0 0 1px rgba(0,0,0,.12);--in-focus:#111111;--focus:#111111;
  --call:#111111;--call-fg:#FFFFFF;
  background:#F7F7F5;color-scheme:light}
html.v7p body{background:#F7F7F5;color:#111;font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
html.v7p h1,html.v7p h2,html.v7p h3{font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:-.025em}

/* la barre du haut, identique à celle de l'accueil */
.v7n{position:fixed;top:0;left:0;right:0;z-index:20;height:74px;padding-left:max(28px,calc(50% - 690px));padding-right:max(28px,calc(50% - 690px));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:env(safe-area-inset-top,0px);font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.v7n::before{content:"";position:absolute;inset:0 0 -26px;z-index:-1;background:linear-gradient(rgba(247,247,245,.86),rgba(247,247,245,0));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent);pointer-events:none}
.v7-logo{display:inline-flex;align-items:center;justify-self:start}.v7-logo svg{display:block;height:24px;width:auto}
.v7-menu{display:flex;gap:2px;padding:4px;border-radius:21px;background:rgba(38,38,38,.42);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.v7-menu a{padding:8px 14px;border-radius:17px;font-size:12.5px;line-height:1;color:rgba(255,255,255,.92);text-decoration:none}
.v7-menu a:hover,.v7-menu a[aria-current="page"]{background:rgba(255,255,255,.16);color:#fff}
.v7-droite{justify-self:end;display:flex;align-items:center}
.v7-cta{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 6px 0 16px;border-radius:19px;background:#fff;color:#111;font:500 13.5px/1 'Hanken Grotesk',-apple-system,sans-serif;white-space:nowrap;text-decoration:none;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.06);transition:transform .12s cubic-bezier(.2,.8,.2,1)}
.v7-cta i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#111}.v7-cta i svg{width:10px;height:10px}
.v7-cta:hover{transform:translateY(-1px)}.v7-cta:active{transform:scale(.975)}
.v7n a:focus-visible,.v7n button:focus-visible{outline:2px solid #111;outline-offset:3px}
@media (max-width:820px){.v7n{height:62px;grid-template-columns:1fr auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}.v7-menu{display:none}.v7-logo svg{height:21px}}

/* le badge « Démo gratuite », identique à celui de l'accueil */
.v7-badge{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:19;display:flex;align-items:center;gap:8px;padding:7px 10px 7px 8px;border-radius:9px;background:#fff;font:500 11px/1 'Hanken Grotesk',-apple-system,sans-serif;color:#333;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04)}
.v7-badge b{position:relative;display:block;width:16px;height:16px}.v7-badge b svg{position:relative;display:block;width:100%;height:100%}
.v7-badge b::before,.v7-badge b::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 1.2px rgba(17,17,17,.55);opacity:0;animation:v7sonne 3.6s cubic-bezier(.2,.7,.3,1) infinite}
.v7-badge b::after{animation-delay:.38s}
@keyframes v7sonne{0%{transform:scale(1);opacity:.75}60%,100%{transform:scale(1.75);opacity:0}}
@media (prefers-reduced-motion:reduce){.v7-badge b::before,.v7-badge b::after{animation:none;display:none}}

/* le pied de page */
.v7f{margin-top:96px;padding:40px max(28px,calc(50% - 690px)) calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(0,0,0,.08);background:#F7F7F5;font:400 12.5px/1.5 'Hanken Grotesk',-apple-system,sans-serif;color:#5C5C5A}
.v7f .v7f-h{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.v7f .v7f-h svg{display:block;height:20px;width:auto}
.v7f nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px}
.v7f a{color:#3A3A38;text-decoration:none}.v7f a:hover{color:#111;text-decoration:underline}
.v7f .v7f-cp{margin-top:18px;color:#8A8A87}
@media (max-width:820px){.v7f{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}}

/* accueil : le pied de page laisse la place au badge « Démo gratuite » */
.fin .pied{padding-right:200px}
@media (max-width:820px){.fin .pied{padding-right:0;bottom:calc(14px + env(safe-area-inset-bottom,0px));row-gap:6px}.fin .pied nav{flex-wrap:wrap;gap:6px 14px}}
/* sur téléphone, comme sur l'accueil : pas de badge (le bouton « Écouter Allonia » est dans la barre du haut) */
@media (max-width:820px){.v7-badge{display:none}}

/* ================= la fenêtre de la démo (appel.js), au style du site =================
   Papier, encre, le halo de cristal de l'accueil sur le gris du studio ; il respire en attente, sonne pendant la connexion,
   bat quand Allonia parle. Boutons : la pastille noire à rond blanc du site. (Sélecteurs préfixés par html pour passer devant
   le style que la démo injecte elle-même.) */
html .al-back{background:rgba(217,217,215,.55);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}
html .al-back .al-modal{max-width:420px;border-radius:22px;color:#111;background:#F7F7F5;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 40px 100px -30px rgba(0,0,0,.42)}
html .al-back .al-head{padding:16px 16px 6px}
html .al-back .al-logo{width:40px;height:40px;border-radius:50%;background:#111;box-shadow:none}
html .al-back .al-logo svg{filter:none}
html .al-back .al-name{font-size:16px;font-weight:600;letter-spacing:-.015em;color:#111}
html .al-back .al-sub{font-size:12.5px;color:#5C5C5A}
html .al-back .al-x{background:#EDEDEB;color:#111;box-shadow:none}
html .al-back .al-x:hover{background:#E3E3E0}
html .al-back .al-x:focus-visible{outline:2px solid #111;outline-offset:2px}
html .al-back .al-body{padding:8px 16px 4px;gap:10px}
html .al-back .al-orb{width:100%;max-width:none;height:216px;border-radius:14px;overflow:hidden;background:radial-gradient(110% 95% at 50% 42%,#E2E2E0 0%,#D6D6D4 45%,#C9C9C6 100%)}
html .al-back .al-orb .al-cv,html .al-back .al-orb .al-css{display:none!important}
html .al-back .al-orb::before{content:"";position:absolute;left:50%;top:50%;width:250px;height:250px;margin:-125px 0 0 -125px;background:url(/img/halo-demo.webp) center/contain no-repeat;-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent 100%);mask-image:radial-gradient(closest-side,#000 70%,transparent 100%);animation:v7flotte 6s ease-in-out infinite}
html .al-back .al-orb::after{content:"";position:absolute;left:50%;top:50%;width:156px;height:156px;margin:-78px 0 0 -78px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(17,17,17,.32);opacity:0;pointer-events:none}
html .al-back .al-orb.al-connecting::after{animation:v7onde 1.25s cubic-bezier(.2,.7,.3,1) infinite}
html .al-back .al-orb.al-talk::before{animation:v7parle .9s ease-in-out infinite}
html .al-back .al-orb.al-talk::after{animation:v7onde 1.9s cubic-bezier(.2,.7,.3,1) infinite}
@keyframes v7flotte{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-5px) rotate(1.5deg)}}
@keyframes v7parle{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes v7onde{0%{transform:scale(.92);opacity:.85}70%,100%{transform:scale(1.75);opacity:0}}
html .al-back .al-status{margin-top:8px;font-size:22px;font-weight:500;letter-spacing:-.025em;color:#111}
html .al-back .al-hint{font-size:14.5px;line-height:1.5;color:#5C5C5A}
html .al-back .al-timer{font:500 13px/1 'Hanken Grotesk',-apple-system,sans-serif!important;font-variant-numeric:tabular-nums;color:#5C5C5A}
html .al-back .al-biz{font-size:13px;color:#3A3A38}
html .al-back .al-biz em{color:#8A8A87}
html .al-back .al-biz input{height:46px;border-radius:12px;font-size:16px;color:#111;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
html .al-back .al-biz input::placeholder{color:#A3A3A0}
html .al-back .al-biz input:focus{box-shadow:inset 0 0 0 1.5px #111}
html .al-back .al-tx>div{color:#111;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07)}
html .al-back .al-tx>div.al-me{color:#111;background:#EDEDEB;box-shadow:none}
html .al-back .al-err{color:#8E2A20;background:#FBE3DF;box-shadow:none}
html .al-back .al-actions{padding:14px 16px 4px;gap:8px}
html .al-back .al-btn{min-height:52px;border-radius:26px;font-size:15.5px;font-weight:500;letter-spacing:-.01em;transition:transform .12s cubic-bezier(.2,.8,.2,1)}
html .al-back .al-btn:hover{filter:none;transform:translateY(-1px)}
html .al-back .al-btn:active{transform:scale(.975)}
html .al-back .al-btn:focus-visible{outline:2px solid #111;outline-offset:3px}
html .al-back .al-start,html .al-back .al-hang{flex-direction:row-reverse;justify-content:space-between;padding:0 6px 0 22px;color:#fff;background:#111;box-shadow:none}
html .al-back .al-start svg,html .al-back .al-hang svg{box-sizing:border-box;width:40px;height:40px;padding:11px;border-radius:50%;background:#fff;color:#111}
html .al-back .al-hang svg{background:#E5352B;color:#fff}
html .al-back .al-ghost,html .al-back .al-sound{color:#111;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
html .al-back .al-foot{margin-top:6px;padding:14px 20px 18px;border-top:1px solid rgba(0,0,0,.07);font-size:12px;color:#5C5C5A}
html .al-back .al-foot a{color:#111;text-decoration-color:rgba(17,17,17,.35)}
html .al-back .al-meta{color:#111;font-weight:600}
@media (max-width:480px){html .al-back .al-modal{border-radius:20px}html .al-back .al-orb{height:196px}}
@media (prefers-reduced-motion:reduce){html .al-back .al-orb::before,html .al-back .al-orb::after{animation:none!important}}

/* ---------- les dernières pièces au style du site ---------- */
/* le bouton « Appeler » des pages métiers : la pastille noire, qui sonne comme le badge */
html.v7p .callb .cb-i{background:#111!important;color:#fff!important;box-shadow:0 16px 34px -16px rgba(0,0,0,.5)!important}
html.v7p .cb-i::before,html.v7p .cb-i::after{box-shadow:0 0 0 1.5px rgba(17,17,17,.35)!important}
/* Tarifs : à la place de la galaxie, le halo de cristal de l'accueil, entouré d'autant d'anneaux de verre que la formule est grande */
html.v7p .u-stage{border-radius:18px;overflow:hidden;background:radial-gradient(110% 95% at 50% 42%,#E2E2E0 0%,#D6D6D4 45%,#C9C9C6 100%)}
html.v7p .u-po{transition:opacity .16s ease}
html.v7p .u-stage canvas{display:none}
/* 404 et merci : le même halo, dans une tuile du studio */
.v7-tuile{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;justify-content:center;width:auto!important;height:auto!important;margin:0 auto 22px!important}
.v7-tuile img{display:block;height:clamp(150px,22svh,210px);width:auto;aspect-ratio:1/1;border-radius:18px}

/* ---------- « Espace client » : il ne se tasse jamais ; sous 1180 px c'est un rond (l'icône seule, le texte reste lu par les lecteurs d'écran) ;
   sur téléphone aussi, à gauche de « Écouter Allonia » ; et un vrai bouton dans le menu ---------- */
.v7-esp,.v7-droite>.btn,.v7-droite>.v7-cta,.v7-droite>.v7-mb{flex:none}
@media (max-width:1180px){.v7-esp{width:38px;padding:0;justify-content:center;gap:0}.v7-esp svg{width:15px;height:15px}
  .v7-esp span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}}
@media (max-width:820px){.v7-esp{display:inline-flex;margin-right:6px}.v7-mb{margin-left:6px}}
@media (max-width:374px){.v7-nom{display:none}}
.v7-act .v7-espb{display:flex;align-items:center;justify-content:center;gap:9px;height:52px;border-radius:26px;background:#fff;color:#111;box-shadow:0 0 0 1px rgba(0,0,0,.1);font-size:15.5px;font-weight:500;text-decoration:none}
.v7-act .v7-espb svg{width:17px;height:17px}
@media (min-width:821px) and (max-width:980px){.menu a,.v7-menu a{padding:8px 10px}}
/* le badge reCAPTCHA (l'icône « recyclage » en bas à droite) est masqué : la mention exigée par Google (« Protégé par reCAPTCHA :
   règles de confidentialité et conditions d'utilisation de Google ») est affichée dans la fenêtre de la démo, là où reCAPTCHA sert */
.grecaptcha-badge{visibility:hidden!important;opacity:0!important;pointer-events:none!important}