:root{--dark:#102c2c;--dark2:#173b38;--mint:#baf278;--ink:#173b38;--muted:#687a78;--cream:#f8f9f3;--line:#dfe6df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--cream)}a{color:inherit;text-decoration:none}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100% - 1200px)/2));background:var(--dark);color:white;position:relative;z-index:3}.brand{font-size:25px;font-weight:850;letter-spacing:-1.5px}.brand span:not(.bolt){color:var(--mint)}.bolt{display:inline-grid;place-items:center;color:var(--dark);background:var(--mint);border-radius:9px;width:31px;height:31px;margin-right:7px}.nav nav{display:flex;align-items:center;gap:29px;font-size:14px}.navcta{background:var(--mint);color:var(--dark);padding:13px 18px;border-radius:9px;font-weight:750}.hero{background:var(--dark);color:#fff;min-height:610px;display:grid;grid-template-columns:1.1fr .9fr;position:relative;overflow:hidden;padding:80px max(5%,calc((100% - 1200px)/2)) 85px}.hero-inner{position:relative;z-index:1;max-width:650px}.eyebrow,.kicker{display:inline-block;color:#83b74f;letter-spacing:2.5px;font-size:12px;font-weight:800}.hero .eyebrow{color:var(--mint);background:#244c43;padding:10px 14px;border-radius:30px}h1{font-size:clamp(46px,5.5vw,76px);letter-spacing:-3.5px;line-height:1.08;margin:25px 0}h1 em,h2 em{font-style:normal;color:var(--mint)}.hero p{font-size:18px;line-height:1.8;color:#d2e0d9;max-width:540px}.actions{display:flex;gap:13px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:0;border-radius:10px;padding:16px 24px;font-weight:800;cursor:pointer;font-size:15px}.primary{background:var(--mint);color:var(--dark)}.primary:hover{background:#a5e45c}.secondary{background:#244641;color:white;border:1px solid #4a6a60}.stats{display:flex;gap:38px;margin-top:65px;flex-wrap:wrap}.stats strong{display:block;font-size:19px}.stats small{display:block;color:#a9bdb5;margin-top:5px}.art{position:relative;display:grid;place-items:center;min-height:430px}.glow{position:absolute;right:0;top:0;width:55%;height:100%;background:radial-gradient(circle,#397a5c77,transparent 60%)}.orbit{position:absolute;border:1px solid #ffffff22;border-radius:50%;width:390px;height:390px}.o2{width:300px;height:300px;border:1px solid #baf27855}.charge{width:210px;height:280px;border:12px solid #2e6451;border-radius:35px;background:linear-gradient(150deg,#c2fa85,#7cc95b);box-shadow:0 0 90px #baf27833;display:grid;place-items:center;font-size:145px;color:#14352b;transform:rotate(-10deg)}.floating{position:absolute;background:#f5fff1;color:var(--dark);padding:14px 18px;border-radius:13px;box-shadow:0 12px 30px #0003;font-size:13px;font-weight:750}.floating.top{top:18%;right:0}.floating.bottom{bottom:14%;left:0}.section{padding:100px max(5%,calc((100% - 1100px)/2))}.section-head{text-align:center;max-width:750px;margin:0 auto 42px}.section-head h2{font-size:clamp(35px,4vw,53px);letter-spacing:-2px;margin:15px 0}.section-head h2 em{color:#78ad48}.section-head p{font-size:17px;color:var(--muted);line-height:1.8}.cards,.stepgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:38px}.symbol{font-size:39px}.card h3{font-size:23px;line-height:1.35}.card p,.stepgrid p{color:var(--muted);line-height:1.8}.steps{background:#eaf2e5}.stepgrid{grid-template-columns:repeat(3,1fr)}.stepgrid>div{background:white;border-radius:18px;padding:30px}.stepgrid b{font-size:28px;color:#78ad48}.note{text-align:center;color:var(--muted);font-size:13px;margin-top:25px}.survey-wrap{background:#fff}.survey{max-width:710px;margin:auto;background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 14px 40px #122b2210}.progress{height:7px;border-radius:20px;background:#e1e8de;overflow:hidden}.progress>div{height:100%;width:33.33%;background:#89c557;transition:width .2s}.formtop{display:flex;justify-content:space-between;margin:18px 0;color:var(--muted);font-size:13px}.pane{display:none}.pane.active{display:block}.pane h3{font-size:27px;letter-spacing:-1px;margin:15px 0 28px}.pane label:not(.check){display:block;font-size:14px;font-weight:700;margin:19px 0}.pane label>span{color:#b64b4b}input,select,textarea{display:block;width:100%;margin-top:9px;background:white;border:1px solid #cbd8ce;border-radius:9px;padding:14px 13px;font:inherit;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #95cb62;outline-offset:1px}.muted,.privacy{color:var(--muted);font-size:13px;line-height:1.7}.check{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;margin-top:25px}.check input{width:18px;min-width:18px;margin-top:3px}.check span{color:var(--ink)!important}.check strong{color:#b64b4b}.formactions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px}.back{background:#e6ece4}.error{color:#a43131;font-size:14px;margin-top:10px;min-height:0}.honeypot{position:absolute;left:-9999px}.thanks{text-align:center;max-width:680px;margin:0 auto;background:#eff8e9;padding:60px 25px;border-radius:20px}.success{width:70px;height:70px;background:#89c557;color:#173b38;font-size:40px;border-radius:50%;margin:auto;display:grid;place-items:center}.thanks h3{font-size:30px}.faq{max-width:1100px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:18px;font-weight:750;cursor:pointer}.faq details p{color:var(--muted);line-height:1.7}footer{background:var(--dark);color:white;padding:35px max(5%,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{font-size:13px;color:#b2c4ba}@media(max-width:850px){.nav{padding:0 5%}.nav nav a:not(.navcta){display:none}.hero{grid-template-columns:1fr;padding:65px 6% 45px}.art{min-height:350px}.stats{margin-top:35px}.section{padding:65px 6%}.stepgrid{grid-template-columns:1fr}}@media(max-width:540px){.nav{height:70px}.navcta{font-size:12px;padding:10px}.brand{font-size:21px}h1{letter-spacing:-2px}.hero p{font-size:16px}.art{transform:scale(.8);margin:-35px 0}.cards{grid-template-columns:1fr}.survey{padding:23px 17px}.formactions .btn{padding:14px 15px}.stats{gap:18px}}

/* Respecte l'attribut HTML hidden, même pour les boutons flex et les blocs stylisés. */
[hidden] { display: none !important; }
@media (max-width:540px) { .formactions { flex-wrap:wrap; } .formactions .btn { flex:1 1 135px; } }


/* MyVoltera: comportement mobile et visibilité fiable des éléments conditionnels */
[hidden] { display: none !important; }
html { scroll-padding-top: 90px; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 3px solid #89c557;
  outline-offset: 3px;
}
button:disabled { opacity: .65; cursor: wait; }
.pane label { line-height: 1.55; }
.pane input[type="text"], .pane input[type="email"], .pane input[type="tel"],
.pane select, .pane textarea { min-height: 48px; }
.pane textarea { resize: vertical; }
.error:empty { display: none; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}