:root{--ink:#253c3b;--green:#1d6b60;--light:#f5f8f5;--sand:#fffaf2;--border:#dce8e2;--accent:#e5a14b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:white}a{color:var(--green)}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px max(6%,calc((100vw - 1150px)/2));border-bottom:1px solid var(--border);background:#fff}.logo{text-decoration:none;font-size:25px;letter-spacing:2px;font-weight:800;color:var(--ink)}.logo span{color:var(--accent)}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:600}nav a:hover,.card a:hover{text-decoration:underline}.hero{padding:105px 7% 110px;text-align:center;background:radial-gradient(circle at 80% 10%,#dcefe6,transparent 35%),linear-gradient(140deg,#fffaf3,#f0f8f4)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:var(--green)}h1{font-size:clamp(42px,6vw,78px);max-width:900px;line-height:1.09;letter-spacing:-2.5px;margin:20px auto}h1 em{color:var(--green);font-style:normal}h2{font-size:clamp(28px,3.3vw,44px);line-height:1.2;letter-spacing:-1px;max-width:800px;margin:16px 0 24px}.hero p{font-size:20px;max-width:680px;margin:0 auto 28px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;background:var(--green);color:white;text-decoration:none;padding:13px 22px;border-radius:28px;font-weight:bold}.btn.secondary{background:white;color:var(--green);border:1px solid var(--border)}.hero-note{margin-top:30px;font-size:14px;color:#55746b}.section{padding:85px max(7%,calc((100vw - 1100px)/2))}.alt{background:var(--light)}.intro{max-width:800px;font-size:18px;color:#536760}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.card{background:#fff;padding:28px;border:1px solid var(--border);border-radius:18px;box-shadow:0 5px 20px #163c2d08}.card h3{margin:10px 0;font-size:22px}.card p{color:#566963;margin:0 0 15px}.emoji{font-size:31px}.note{margin-top:28px;background:var(--sand);padding:22px;border-left:4px solid var(--accent);border-radius:9px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps p{background:var(--light);padding:22px;border-radius:12px}.contact{text-align:center;background:#eaf4ee}.contact h2{margin:18px auto}.contact p{max-width:660px;margin:15px auto}.muted{color:#637870}footer{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center;padding:28px;background:#1c3934;color:white}footer small{opacity:.75}@media(max-width:720px){.top{padding:17px 5%;display:block;text-align:center}nav{justify-content:center;gap:12px;margin-top:12px}.hero{padding:75px 6%}.section{padding:60px 6%}.cards,.steps{grid-template-columns:1fr}h1{letter-spacing:-1px}}
/* Accents chaleureux INVIVIA : discrets, accessibles et cohérents */
.card{transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:#e5a14b;transform:translateY(-2px)}.card .emoji{display:inline-block;background:#fff4e4;border-radius:14px;padding:5px 11px}.steps p{border-top:3px solid var(--accent)}.btn:hover{background:#16584e}.btn.secondary:hover{background:#fff4e4;color:var(--green)}a:focus-visible,.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* Identité InVivIA — palette du logo */
:root{--green:#1d6b60;--green-light:#70bc91;--yellow:#f4c542;--orange:#f28c28;--accent:#f28c28;--ink:#253c3b;--light:#f2f8f2;--sand:#fff9e9}
.logo{letter-spacing:-1px;color:var(--green);font-size:27px}.logo .brand-ia{color:var(--orange)}.logo .brand-viv{color:var(--green)}
.hero{background:radial-gradient(circle at 14% 25%,#f4c54245,transparent 31%),radial-gradient(circle at 84% 14%,#70bc9160,transparent 34%),linear-gradient(145deg,#fffdf6,#f0f8f1)}
.hero .eyebrow{color:#145a50}.hero h1 em{color:var(--orange)}
.btn{background:var(--green)}.btn.secondary{border-color:var(--yellow);background:#fff9e9}.btn:hover{background:#14574e}
#solutions .card{border-top:6px solid var(--green-light)}#solutions .card:nth-child(2){border-top-color:var(--yellow)}#solutions .card:nth-child(3){border-top-color:var(--orange)}
#solutions .card:nth-child(1) .emoji{background:#e1f3e8}#solutions .card:nth-child(2) .emoji{background:#fff2bb}#solutions .card:nth-child(3) .emoji{background:#ffedda}
.card:hover{border-color:var(--orange)}.steps p:nth-child(1){border-top-color:var(--green-light)}.steps p:nth-child(2){border-top-color:var(--yellow)}.steps p:nth-child(3){border-top-color:var(--orange)}
.contact{background:linear-gradient(110deg,#e9f5eb,#fff6dc)}.note{border-left-color:var(--yellow)}.hero-note{color:#456d61}
footer strong .brand-ia{color:var(--yellow)}

:root{--blue:#0864b4;--yellow:#ffc52a;--orange:#f28c28;--green-light:#65bb85}
.brand-in{color:#0864b4}.brand-viv{color:#1d6b60}.brand-ia{color:#f28c28}.logo{display:inline-flex;align-items:center;letter-spacing:-.8px;white-space:nowrap}.logo .brand-icon{width:65px;height:44px;object-fit:contain;margin-right:6px}
.hero{padding-top:65px;background:radial-gradient(circle at 12% 30%,#d7eaff,transparent 31%),radial-gradient(circle at 87% 20%,#fff1b7,transparent 31%),linear-gradient(140deg,#fff,#f0f9f3)}
.hero-brand img{width:min(340px,70vw);height:145px;object-fit:contain;display:block;margin:0 auto -14px}.hero-wordmark{font-size:clamp(46px,7vw,78px);font-weight:800;line-height:1.1;letter-spacing:-3px}.hero h1{font-size:clamp(32px,4vw,53px);margin-top:14px;letter-spacing:-1.5px}.hero h1 em{color:#ed7c21}
.btn{background:#0864b4}.btn:hover{background:#074b86}.btn.secondary{color:#0864b4;border:2px solid #0864b4;background:white}.btn.secondary:hover{background:#eaf3ff}
.solutions-color .card:nth-child(1){background:#eef6ff;border-top:6px solid #0864b4}.solutions-color .card:nth-child(2){background:#f0f9ef;border-top:6px solid #65bb85}.solutions-color .card:nth-child(3){background:#fff8e8;border-top:6px solid #f28c28}
.solutions-color .card:nth-child(1) h3{color:#0758a1}.solutions-color .card:nth-child(2) h3{color:#176c54}.solutions-color .card:nth-child(3) h3{color:#a84d09}
.steps p:nth-child(1){border-top-color:#0864b4}.steps p:nth-child(2){border-top-color:#65bb85}.steps p:nth-child(3){border-top-color:#f28c28}
@media(max-width:720px){.logo .brand-icon{width:52px;height:35px}.hero-brand img{height:125px}.hero{padding-top:52px}}

/* Logo complet validé : lisible en en-tête et sur la page d'accueil */
.logo .brand-logo{width:118px;height:72px;object-fit:contain;display:block}.hero-brand .hero-full-logo{width:min(530px,85vw);height:auto;max-height:370px;object-fit:contain;margin:0 auto}.hero{padding-top:42px}.hero h1{margin-top:6px}@media(max-width:720px){.logo .brand-logo{width:104px;height:64px}.hero-brand .hero-full-logo{width:min(410px,90vw);height:auto}}

/* Fond du logo fondu dans le dégradé de la page, sans toucher au dessin validé */
.hero-brand{isolation:isolate}
.hero-brand .hero-full-logo{mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%)}