/* Proposition 3 — fond blanc, touches de bleu, dans la lignée de la V2 de Zuri
   (beta.zuri.soiagent.ai : fond #f5f5fa, encre #0e1120, indigo #4f46e5).
   Les photos et Zuri sortent sur blanc comme des objets, dans des cadres arrondis. */
:root{
  --ink:#f5f5fa;--navy:#ffffff;--card:#ffffff;--panel:#ffffff;--win:#eef0f6;
  --bgc:245,245,250;--fg:16,19,40;--shd:16,19,40;
  --acc:79,70,229;--neon:#4f46e5;--on-acc:#ffffff;--lum-mid:#2563eb;
  --white:#0e1120;--g-72:#394055;--g-60:#596075;--g-45:#8a90a3;
  --line:rgba(16,19,40,.08);--line-2:rgba(16,19,40,.13);
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--title:var(--sans);
  --sh2:0 1px 2px rgba(16,19,40,.05),0 12px 32px -10px rgba(16,19,40,.14);
  --sh3:0 40px 100px -40px rgba(16,19,40,.38);
}
h1,h2,h3,h4{font-weight:750;letter-spacing:-.04em}
.lum{background:linear-gradient(100deg,#4f46e5 0%,#2563eb 55%,#0ea5e9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec + .sec{border-top:0}
#probleme,#metiers,#espace,#comment,#tarif{background:#fff}
.figs{background:#fff}
.btn-neon{box-shadow:0 10px 26px -10px rgba(79,70,229,.6)}
.btn-ghost{background:#fff;box-shadow:var(--sh2)}
.cli{background:#fff}
.cli img{filter:none;opacity:1}
/* cartes blanches posées sur le gris très clair */
.card,.tile,.step,.vx,.stats > div,.checks div,.tabs,.call,.sx,.concret,.faq details{background:#fff;box-shadow:var(--sh2)}
#probleme .stats > div,#metiers .tabs,#espace .checks div,#comment .step,#tarif .tile{background:#f7f7fb;box-shadow:none}
#tarif .tile.best{background:#fff;box-shadow:0 0 0 1px rgba(79,70,229,.3),0 30px 80px -30px rgba(79,70,229,.45)}
.fenetre,.ph,.media,.demo-box .pic{box-shadow:var(--sh3)}
.fenetre{border-color:var(--line-2)}
.win-glow{opacity:.35}
.call{-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--line)}
.media .ui{background:rgba(255,255,255,.9);color:var(--g-72)}
.media .tag{color:var(--white)}
.demo-box{background:radial-gradient(90% 90% at 0% 50%,rgba(79,70,229,.1),transparent 60%),#fff;box-shadow:var(--sh2)}
.calc .b.res .v{text-shadow:none}
.step .n{-webkit-text-stroke:1.5px rgba(79,70,229,.55)}
footer{background:#fff}
.av{background:conic-gradient(from 0deg,#4f46e5,#0ea5e9,#4f46e5)}

/* ── Héros : texte sur blanc, Zuri dans un grand cadre arrondi à droite ── */
.cine.gauche{background:var(--ink)}
.cine.gauche .cine-veil{display:none}
.cine.gauche .cine-bg{left:53%;right:var(--gut);top:clamp(20px,4vh,48px);bottom:clamp(20px,4vh,48px);border-radius:34px;overflow:hidden;box-shadow:var(--sh3)}
.cine.gauche .cine-bg::before{display:none}
.cine.gauche .cine-bg img{object-position:84% 40%}
.cine.gauche .txt{max-width:min(540px,38vw)}
.cine.gauche h1{font-size:clamp(2.4rem,min(4.4vw,7vh),4.4rem)}
.cine h1{text-shadow:none}
.cine .lead{color:var(--g-60)}
.cine .hint{color:var(--g-45)}
.cine .hint b{color:var(--white)}
.cine-note{right:calc(var(--gut) + 20px);bottom:calc(clamp(20px,4vh,48px) + 14px);color:rgba(255,255,255,.7)}
.cine-veil::after{display:none}
@media (max-width:760px){
  .cine.gauche{flex-direction:column;align-items:stretch;padding:14px 0 56px}
  .cine.gauche .cine-bg{position:relative;inset:auto;height:46vh;margin:0 var(--gut) 30px;border-radius:26px}
  .cine.gauche .cine-bg img{height:100%;object-position:80% 30%}
  .cine.gauche .txt{max-width:none}
  .cine-note{display:none}
}