*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --yellow:#F5C800; --yellow2:#FFDC2D; --yellow-dk:#D9B200;
  --black:#0B0B0C; --ink:#101012; --dark:#141416; --dark2:#191919; --dark3:#222224;
  --line:rgba(255,255,255,.07); --muted:#7d7d82; --muted2:#aeaeb4; --white:#fff;
  --rad:14px; --rad-sm:9px;
  --shadow:0 24px 70px rgba(0,0,0,.55);
  --shadow-y:0 14px 44px rgba(245,200,0,.16);
  --max:1160px;
  --skew:-9deg;
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--black);color:var(--white);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
ul{list-style:none}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--yellow);border-radius:3px}

.display{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.01em;line-height:.95}
h1{font-size:clamp(40px,6.5vw,80px)}
h2{font-size:clamp(30px,4.6vw,58px)}
.h-sub{color:var(--muted2);font-size:16px;line-height:1.75;font-weight:400}
.yl{color:var(--yellow)}

.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
.sec{padding:120px 0}
.center{text-align:center}

.ribbon{display:inline-block;background:transparent;color:var(--yellow);padding:0;margin-bottom:20px}
.ribbon span{display:inline-flex;align-items:center;gap:9px;font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:12px;letter-spacing:.14em}
.ribbon span::before{content:'';width:24px;height:2px;background:var(--yellow);display:inline-block}
.ribbon.dark{color:var(--yellow)}

.btn{display:inline-flex;align-items:center;gap:10px;font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:14px;letter-spacing:.02em;padding:15px 30px;cursor:pointer;border:none;transition:all .22s;transform:skewX(var(--skew))}
.btn>*{transform:skewX(calc(-1 * var(--skew)))}
.btn-y{background:var(--yellow);color:var(--black)}
.btn-y:hover{background:var(--yellow2);transform:skewX(var(--skew)) translateY(-2px);box-shadow:var(--shadow-y)}
.btn-dark{background:var(--black);color:var(--yellow)}
.btn-dark:hover{background:#1c1c1c;transform:skewX(var(--skew)) translateY(-2px)}
.btn-ghost{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.25)}
.btn-ghost:hover{border-color:var(--yellow);color:var(--yellow);transform:skewX(var(--skew)) translateY(-2px)}
.btn-lg{padding:18px 38px;font-size:16px}

.dots{background-image:radial-gradient(rgba(255,255,255,.035) 1.2px,transparent 1.2px);background-size:22px 22px}

.fi{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}
.fi.in{opacity:1;transform:translateY(0)}
.fi2{transition-delay:.12s}.fi3{transition-delay:.22s}.fi4{transition-delay:.32s}

/* NAV */
#nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:all .3s;background:rgba(10,10,10,.6)}
#nav.up{background:rgba(10,10,10,.96);backdrop-filter:blur(20px);padding:10px 0;border-bottom:1px solid var(--line)}
.nav-row{display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:inline-flex;align-items:center}
.nav-logo img{height:52px;width:auto}
#nav.up .nav-logo img{height:44px;transition:height .3s}
.nav-links{display:flex;gap:30px}
.nav-links a{font-family:'Archivo',sans-serif;font-weight:700;font-style:italic;text-transform:uppercase;font-size:13px;letter-spacing:.03em;color:rgba(255,255,255,.7);transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--yellow)}
.nav-right{display:flex;align-items:center;gap:16px}
.lang-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--line);border-radius:100px;padding:7px 12px;cursor:pointer;color:rgba(255,255,255,.8);font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;font-size:11px;letter-spacing:.04em;transition:all .2s}
.lang-btn:hover{border-color:var(--yellow);color:var(--yellow)}
.lang-btn svg{width:14px;height:14px}
.lang-btn .lang-cur{color:var(--yellow)}
.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:1px solid var(--line);border-radius:50%;cursor:pointer;color:rgba(255,255,255,.8);transition:all .2s;flex-shrink:0}
.theme-btn:hover{border-color:var(--yellow);color:var(--yellow)}
.theme-btn svg{width:16px;height:16px}
.theme-btn .ic-moon{display:none}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;width:38px;height:38px;padding:0 9px;border:1px solid var(--line);border-radius:11px;background:transparent;transition:border-color .2s}
.burger:hover{border-color:var(--yellow)}
.burger span{width:100%;height:2px;background:rgba(255,255,255,.85);border-radius:2px;transition:background .2s}
.burger:hover span{background:var(--yellow)}
#mob{display:none;position:fixed;inset:0;background:var(--black);z-index:99;flex-direction:column;align-items:center;justify-content:center;gap:26px}
#mob.open{display:flex}
#mob a{font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:22px}
#mob a:hover{color:var(--yellow)}
#mob-close{position:absolute;top:22px;right:24px;font-size:30px;background:none;border:none;color:#fff;cursor:pointer}

/* HERO */
#hero{position:relative;overflow:hidden;background:var(--black);padding:150px 0 90px;min-height:100vh;display:flex;align-items:center}
#hero .wrap{max-width:none;margin:0;padding-left:80px;padding-right:32px}
.hero-in{text-align:left}
.hero-bolt{position:absolute;right:-60px;top:0;bottom:0;width:55%;z-index:0;pointer-events:none}
.hero-bolt svg{width:100%;height:100%}
.hero-device{position:absolute;right:120px;top:50%;transform:translateY(-50%);z-index:1;width:300px;max-width:32vw;pointer-events:none}
/* --- Téléphone en charge animé --- */
.phone{position:relative;width:100%;aspect-ratio:284/582;border-radius:46px;background:linear-gradient(158deg,#202026,#0c0c0e 52%,#050506);border:1px solid #2f2f35;box-shadow:0 46px 100px rgba(0,0,0,.72),inset 0 0 0 2px rgba(255,255,255,.02);transform:rotate(5deg);overflow:hidden}
.phone-glow{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:78%;height:48%;background:radial-gradient(circle,rgba(245,200,0,.30),transparent 66%);filter:blur(6px);pointer-events:none}
.notch{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:38%;height:24px;background:#040405;border-radius:13px;z-index:2}
.statusbar{position:absolute;top:16px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 24px;font-size:12px;font-weight:600;color:#d2d2d8;z-index:1}
.statusbar .sb-right{display:inline-flex;align-items:center;gap:6px;letter-spacing:1px}
.statusbar .sb-right svg{width:15px;height:15px}
.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:24px}
.batt{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}
.batt-cap{width:26px;height:9px;background:#6c6c72;border-radius:4px 4px 2px 2px;margin-bottom:3px}
.batt-shell{position:relative;width:118px;height:188px;border:4px solid #585860;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.015)}
.batt-fill{position:absolute;left:5px;right:5px;bottom:5px;height:18%;border-radius:13px;background:linear-gradient(180deg,#FFE25A,#F5C800);box-shadow:0 0 34px rgba(245,200,0,.65);transition:height .35s linear}
.batt-bolt{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:44px;height:44px;color:#fff;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45));z-index:1}
.pct{display:flex;align-items:flex-start;gap:3px;color:#fff;font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;line-height:1}
.pct-n{font-size:50px}
.pct-s{font-size:21px;margin-top:7px;color:#cfcfd5}
.charging-lbl{margin-top:9px;color:var(--yellow);font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:13px;letter-spacing:.12em}
.eta{margin-top:8px;color:#7d7d82;font-size:12px}
.home-ind{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);width:34%;height:5px;border-radius:3px;background:#3a3a40}
.charge-pill{position:absolute;top:24px;left:-30px;z-index:5;display:inline-flex;align-items:center;gap:8px;background:#101013;border:1px solid #2a2a30;border-radius:100px;padding:9px 17px;font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:12px;letter-spacing:.06em;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.55)}
.charge-pill svg{width:14px;height:14px;color:var(--yellow);animation:pulseDot 1.6s ease-in-out infinite}
.bank-behind{position:absolute;right:-34px;bottom:54px;width:118px;height:228px;border-radius:26px;background:linear-gradient(158deg,#17171b,#0a0a0c);border:1px solid #25252b;transform:rotate(-15deg);z-index:-1;box-shadow:0 30px 70px rgba(0,0,0,.6)}
.bank-line{position:absolute;left:22px;top:54px;width:6px;height:66px;border-radius:4px;background:var(--yellow);opacity:.85}
.bank-bolt{position:absolute;right:20px;bottom:60px;color:var(--yellow);opacity:.85}
.bank-bolt svg{width:26px;height:26px}
.spark{position:absolute;color:var(--yellow);z-index:4;opacity:.75}
.spark svg{width:100%;height:100%}
.sp1{width:18px;height:18px;top:18%;left:-6%;animation:floatY 3.4s ease-in-out infinite}
.sp2{width:24px;height:24px;top:6%;right:-4%;animation:floatY 4.2s ease-in-out infinite .4s}
.sp3{width:16px;height:16px;bottom:6%;left:6%;animation:floatY 3.8s ease-in-out infinite .8s}
@keyframes floatY{0%,100%{transform:translateY(0);opacity:.75}50%{transform:translateY(-12px);opacity:.35}}

/* === L'OPPORTUNITÉ À SAISIR === */
#opportunite{background:var(--ink)}
.opp-card{max-width:780px;margin:0 auto;background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad);padding:56px 50px;text-align:center;position:relative;overflow:hidden}
.opp-card .ribbon{display:inline-block}
.opp-card h2{margin-bottom:20px;position:relative;z-index:1}
.opp-card p{color:var(--muted2);font-size:17px;line-height:1.8;max-width:620px;margin:0 auto 32px;position:relative;z-index:1}
.opp-bolt{position:absolute;right:-18px;bottom:-22px;width:170px;height:170px;color:var(--yellow);opacity:.06}

/* === NOTRE HISTOIRE === */
#histoire{background:var(--black)}
.hist-in{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:start;max-width:1000px;margin:0 auto}
.hist-left h2{margin-top:4px}
.hist-right p{color:var(--muted2);font-size:16px;line-height:1.9;margin-bottom:18px}
.hist-right p:last-child{margin-bottom:0}
.hist-tag{margin-top:8px!important;color:var(--yellow)!important;font-size:18px!important}
.hist-tag strong{font-family:'Archivo',sans-serif;font-style:italic}
.hist-badge{display:inline-flex;align-items:center;gap:10px;margin-top:24px;background:rgba(245,200,0,.08);border:1px solid rgba(245,200,0,.3);color:var(--yellow);font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:12px;letter-spacing:.06em;padding:10px 18px;border-radius:100px}
.hist-badge::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 3px rgba(245,200,0,.2);animation:dotPulse 2.2s ease-in-out infinite}

/* === TABLEAU COMPARATIF === */
#compare{background:var(--black)}
.cmp-wrap{max-width:940px;margin:0 auto;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;background:var(--dark2)}
.cmp-row{display:grid;grid-template-columns:1.7fr 1.1fr 1.1fr}
.cmp-row+.cmp-row{border-top:1px solid var(--line)}
.cmp-cell{padding:17px 22px;font-size:14px;color:var(--muted2);line-height:1.4;display:flex;align-items:center;gap:9px}
.cmp-cell.crit{font-weight:600;color:#fff}
.cmp-col-volta{background:rgba(245,200,0,.05);border-left:1px solid rgba(245,200,0,.18);border-right:1px solid rgba(245,200,0,.18)}
.cmp-head{background:var(--ink)}
.cmp-head .cmp-cell{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:15px;color:#fff;justify-content:center;padding:20px}
.cmp-head .cmp-col-volta{background:var(--yellow);color:var(--black);border-color:var(--yellow)}
.cmp-yes{color:var(--yellow);font-weight:900;flex-shrink:0}
.cmp-no{color:#65656b;font-weight:900;flex-shrink:0}
.cmp-mid{color:#b9933a;font-weight:900;flex-shrink:0}
.cmp-note{text-align:center;color:var(--muted);font-size:12.5px;margin-top:16px;font-style:italic}
.hero-glow{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(245,200,0,.16),transparent 65%);z-index:0;pointer-events:none}
.hero-grid{position:absolute;inset:0;z-index:0;opacity:.04;background-image:linear-gradient(var(--yellow) 1px,transparent 1px),linear-gradient(90deg,var(--yellow) 1px,transparent 1px);background-size:58px 58px}
.hero-in{position:relative;z-index:2;max-width:760px}
.hero-badges{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.hero-ico-stack{display:flex}
.hero-ico{width:38px;height:38px;border-radius:50%;background:var(--dark2);border:2px solid var(--black);display:flex;align-items:center;justify-content:center;font-size:16px;margin-left:-10px}
.hero-ico:first-child{margin-left:0}
.hero-300{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:14px;letter-spacing:.04em;color:var(--yellow)}
.hero h1{margin-bottom:24px}
.hero h1 .line3{background:var(--yellow);color:var(--black);padding:2px 14px;display:inline-block;transform:skewX(var(--skew))}
.hero h1 .line3 i{display:inline-block;transform:skewX(calc(-1 * var(--skew)));font-style:italic}
.hero-sub{font-size:clamp(16px,1.7vw,19px);color:var(--muted2);max-width:520px;margin-bottom:40px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:54px}
.hero-kpi{display:flex;gap:40px;flex-wrap:wrap}
.kpi-n{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;font-size:34px;color:var(--yellow);line-height:1}
.kpi-l{font-size:12px;color:var(--muted);margin-top:5px;max-width:130px}
.kpi-src{font-size:9.5px;color:rgba(255,255,255,.32);margin-top:3px;font-style:italic;letter-spacing:.02em}

/* page hero (smaller, for sub-pages) */
.page-hero{position:relative;overflow:hidden;background:var(--black);padding:170px 0 70px;border-bottom:1px solid var(--line)}
.page-hero .hero-grid{opacity:.05}
.page-hero h1{font-size:clamp(36px,5.5vw,68px);margin-bottom:18px;position:relative;z-index:2}
.page-hero p{position:relative;z-index:2;color:var(--muted2);font-size:18px;max-width:560px}
.crumb{position:relative;z-index:2;font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:13px;color:var(--yellow);margin-bottom:18px;letter-spacing:.04em}

/* POUR QUI */
.pourqui{background:var(--yellow);padding:22px 0}
.pourqui-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.pourqui-lbl{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;color:var(--black);font-size:18px;letter-spacing:.02em}
.pq-pill{background:var(--black);color:var(--yellow);font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:12px;letter-spacing:.03em;padding:9px 18px;border-radius:100px;transition:all .2s;cursor:pointer}
.pq-pill:hover{transform:translateY(-2px)}

/* TICKER */
#logos{background:var(--ink);padding:26px 0;overflow:hidden;border-bottom:1px solid var(--line)}
.ticker{display:inline-flex;animation:tick 30s linear infinite;white-space:nowrap}
.ticker-i{display:inline-flex;align-items:center;gap:16px;padding:0 30px;font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:14px;color:rgba(255,255,255,.4);letter-spacing:.03em}
.ticker-i b{color:rgba(245,200,0,.45);font-weight:900}
@keyframes tick{to{transform:translateX(-50%)}}

/* CARD SPLIT */
#faible{background:var(--ink)}
.card-split{background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative}
.card-split.rev{grid-template-columns:.9fr 1.1fr}
.cs-text{padding:60px 56px}
.cs-text h2{margin-bottom:22px}
.cs-text p{color:var(--muted2);font-size:16px;line-height:1.7;margin-bottom:28px;max-width:440px}
.cs-stat-ribbon{display:inline-block;transform:skewX(var(--skew));background:var(--yellow);padding:16px 26px}
.cs-stat-ribbon .in2{display:block;transform:skewX(calc(-1 * var(--skew)))}
.cs-stat-big{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:22px;color:var(--black);line-height:1.05}
.cs-stat-sub{font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:13px;color:rgba(0,0,0,.7);margin-top:2px}
.cs-visual{align-self:stretch;min-height:340px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,rgba(245,200,0,.08),transparent)}
.cs-visual .big-emo{font-size:120px;position:relative;z-index:1}
.cs-visual::before{content:'';position:absolute;width:240px;height:240px;background:var(--yellow);opacity:.12;border-radius:30px;transform:rotate(18deg)}

/* RÉSULTATS */
#resultats{background:var(--black)}
.sec-head{max-width:660px;margin:0 auto 64px}
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:54px}
.res-card{position:relative;transform:skewX(var(--skew));transition:transform .25s}
.res-card:hover{transform:skewX(var(--skew)) translateY(-6px)}
.res-top{background:var(--yellow);padding:34px 28px;text-align:center}
.res-bot{background:var(--dark2);border:1px solid var(--line);border-top:none;padding:22px;text-align:center}
.res-card .unskew{transform:skewX(calc(-1 * var(--skew)))}
.res-lbl{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:15px;color:var(--black);letter-spacing:.02em;margin-bottom:6px}
.res-n{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;font-size:54px;color:var(--black);line-height:1;margin-bottom:6px}
.res-where{font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:12px;color:rgba(0,0,0,.65)}
.res-date{font-size:12px;color:var(--muted)}
.res-src{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;color:var(--yellow);font-size:14px;margin-top:8px}

/* PLUS */
#plus{background:var(--ink)}
.plus-in{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.plus-visual{background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad);padding:48px 40px;position:relative;overflow:hidden}
.plus-visual .bolt-bg{position:absolute;right:-30px;bottom:-30px;font-size:200px;opacity:.05}
.plus-list{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}
.plus-row{display:flex;align-items:center;gap:16px}
.plus-check{width:34px;height:34px;background:var(--yellow);display:flex;align-items:center;justify-content:center;color:var(--black);font-weight:900;font-size:16px;transform:skewX(var(--skew));flex-shrink:0}
.plus-check span{transform:skewX(calc(-1 * var(--skew)))}
.plus-row p{font-size:15px;font-weight:600}
.plus-right h2{margin-bottom:20px}
.plus-right p.lead{color:var(--muted2);font-size:16px;line-height:1.8;margin-bottom:34px}

/* OFFRE SUR MESURE */
#mesure{background:var(--black)}
.mes-top{margin-bottom:26px}
.mes-card{background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad);padding:44px 40px;position:relative;overflow:hidden}
.mes-grid2{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:26px}
.mes-card h3{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:24px;margin-bottom:12px}
.mes-card p{color:var(--muted2);font-size:15px;line-height:1.6;margin-bottom:24px;max-width:420px}
.mes-stat{display:inline-block;transform:skewX(var(--skew));background:var(--yellow);padding:11px 20px}
.mes-stat span{display:inline-block;transform:skewX(calc(-1 * var(--skew)));font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:14px;color:var(--black)}
.mes-stat span b{color:var(--black)}
.mes-bolt{position:absolute;right:-20px;top:-10px;font-size:150px;opacity:.06}
.mes-emo{position:absolute;right:30px;bottom:20px;font-size:80px;opacity:.5}
.mes-api{display:flex;align-items:center;gap:20px;background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad);padding:26px 32px;flex-wrap:wrap}
.mes-api .ic{width:48px;height:48px;background:var(--black);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:20px;transform:skewX(var(--skew));flex-shrink:0}
.mes-api .ic span{transform:skewX(calc(-1 * var(--skew)))}
.mes-api .txt{flex:1;min-width:200px}
.mes-api h4{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:17px;margin-bottom:4px}
.mes-api p{font-size:14px;color:var(--muted)}

/* VOS STATIONS VOS COULEURS */
#couleurs{background:var(--ink)}
.coul-in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.coul-visual{background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad);min-height:380px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.coul-visual .station{font-size:150px;position:relative;z-index:1}
.coul-visual .bolt{position:absolute;left:-20px;top:50%;transform:translateY(-50%) rotate(-15deg);font-size:160px;color:var(--yellow);opacity:.18}
.coul-right h2{margin-bottom:22px}
.coul-right .lead{color:var(--muted2);font-size:16px;line-height:1.7;margin-bottom:28px}
.coul-mini{display:flex;align-items:center;gap:16px;background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad);padding:20px 24px;margin-top:22px}
.coul-mini .ic{font-size:28px}
.coul-mini h4{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:16px}

/* MAP */
#reseau{background:var(--black)}
.cities-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:920px;margin:0 auto 44px}
.city-card{background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad);padding:24px 22px;transition:all .25s;position:relative}
.city-card:hover{border-color:rgba(245,200,0,.35);transform:translateY(-4px)}
.city-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--yellow);margin-bottom:14px;box-shadow:0 0 0 3px rgba(245,200,0,.18);animation:dotPulse 2.2s ease-in-out infinite}
.city-card:nth-child(2) .city-dot{animation-delay:.3s}.city-card:nth-child(3) .city-dot{animation-delay:.6s}.city-card:nth-child(4) .city-dot{animation-delay:.9s}.city-card:nth-child(5) .city-dot{animation-delay:1.2s}.city-card:nth-child(6) .city-dot{animation-delay:1.5s}.city-card:nth-child(7) .city-dot{animation-delay:1.8s}
.city-card h4{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:17px;margin-bottom:4px}
.city-card p{font-size:12px;color:var(--muted)}
.city-card.soon{border-style:dashed;border-color:rgba(245,200,0,.3);background:rgba(245,200,0,.03)}
.city-card.soon h4{color:var(--yellow)}
.city-card.soon .city-dot{background:transparent;border:2px solid var(--yellow);box-shadow:none;animation:none}
@keyframes dotPulse{0%,100%{box-shadow:0 0 0 3px rgba(245,200,0,.20),0 0 10px rgba(245,200,0,.55)}50%{box-shadow:0 0 0 8px rgba(245,200,0,.05),0 0 16px rgba(245,200,0,.8)}}

/* COMMENT */
#comment{background:var(--ink)}
.how-head{max-width:640px;margin:0 auto 54px}
.how-tabs{display:flex;gap:0;width:fit-content;margin:0 auto 50px}
.how-tab{font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:13px;letter-spacing:.02em;padding:13px 30px;cursor:pointer;border:2px solid var(--line);background:var(--dark2);color:var(--muted);transform:skewX(var(--skew));transition:all .2s}
.how-tab span{display:inline-block;transform:skewX(calc(-1 * var(--skew)))}
.how-tab.on{background:var(--yellow);color:var(--black);border-color:var(--yellow)}
.how-pane{display:none}.how-pane.on{display:block}
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.how-step{text-align:center}
.how-num{width:60px;height:60px;background:var(--yellow);color:var(--black);font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;font-size:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;transform:skewX(var(--skew))}
.how-num span{transform:skewX(calc(-1 * var(--skew)))}
.how-ico{font-size:26px;margin-bottom:10px}
.how-step h4{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:18px;margin-bottom:8px}
.how-step p{font-size:14px;color:var(--muted);line-height:1.6}

/* MODELES (gratuit vs payant) */
#modeles{background:var(--black)}
.mod-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.mod-card{background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad);padding:44px 40px;position:relative;overflow:hidden}
.mod-card.hi{border-color:var(--yellow)}
.mod-tag{display:inline-block;transform:skewX(var(--skew));padding:7px 16px;margin-bottom:18px}
.mod-tag.green{background:#22c55e}.mod-tag.gold{background:var(--yellow)}
.mod-tag span{display:inline-block;transform:skewX(calc(-1 * var(--skew)));font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:12px;color:#06210f}
.mod-tag.gold span{color:var(--black)}
.mod-card h3{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:30px;margin-bottom:8px}
.mod-card .who{font-size:14px;color:var(--muted);margin-bottom:24px}
.mod-li{display:flex;gap:12px;align-items:flex-start;margin-bottom:13px;font-size:14px;color:var(--muted2);line-height:1.5}
.mod-li .ck{width:24px;height:24px;background:var(--yellow);color:var(--black);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;transform:skewX(var(--skew));flex-shrink:0;margin-top:1px}
.mod-li .ck span{transform:skewX(calc(-1 * var(--skew)))}
.mod-price{margin:22px 0 24px;padding-top:20px;border-top:1px solid var(--line)}
.mod-price .price{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;color:var(--yellow);font-size:22px;line-height:1.1;margin-bottom:4px}
.mod-price .price small{font-family:'Inter',sans-serif;font-weight:600;font-style:normal;font-size:13px;color:var(--muted);text-transform:none;display:block;margin-top:6px}

/* INCLUS DANS LES DEUX FORMULES */
.mod-incl{margin-top:30px;background:var(--ink);border:1px solid var(--line);border-radius:var(--rad);padding:34px 38px;position:relative;overflow:hidden}
.mod-incl .ribbon{margin-bottom:8px}
.mod-incl h3{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:22px;margin-bottom:6px}
.mod-incl p.lead{font-size:14px;color:var(--muted2);max-width:560px;margin-bottom:24px}
.mod-incl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 30px}
.mod-incl-item{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--muted2);line-height:1.45}
.mod-incl-item .ck{width:26px;height:26px;background:var(--yellow);color:var(--black);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;transform:skewX(var(--skew));flex-shrink:0;margin-top:1px}
.mod-incl-item .ck span{transform:skewX(calc(-1 * var(--skew)))}
.mod-incl-item b{color:#fff;font-weight:700;display:block}

/* SECTEURS */
#secteurs{background:var(--black)}
.sec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sec-card{background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad);padding:28px 18px;text-align:center;cursor:pointer;transition:all .25s}
.sec-card:hover{border-color:var(--yellow);background:rgba(245,200,0,.05);transform:translateY(-4px)}
.sec-emo{font-size:30px;margin-bottom:12px}
.sec-card h4{font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:14px;margin-bottom:5px}
.sec-card p{font-size:12px;color:var(--muted)}

/* TÉMOIGNAGES */
#temoignages{background:var(--ink)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.testi-card{background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad);padding:32px;transition:border-color .25s}
.testi-card:hover{border-color:rgba(245,200,0,.25)}
.stars{color:var(--yellow);font-size:17px;letter-spacing:2px;margin-bottom:16px}
.testi-q{font-size:15px;color:rgba(255,255,255,.82);line-height:1.75;font-style:italic;margin-bottom:22px}
.testi-q::before{content:'« '}.testi-q::after{content:' »'}
.testi-auth{display:flex;align-items:center;gap:12px}
.testi-av{width:44px;height:44px;background:var(--yellow);color:var(--black);font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;font-size:18px;display:flex;align-items:center;justify-content:center;transform:skewX(var(--skew));flex-shrink:0}
.testi-av span{transform:skewX(calc(-1 * var(--skew)))}
.testi-name{font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;font-size:15px}
.testi-role{font-size:12px;color:var(--muted)}

/* ABOUT */
#about{background:var(--black)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:64px}
.about-card{background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad);padding:40px 36px;position:relative;overflow:hidden}
.about-card .corner{position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;background:var(--yellow);opacity:.06;transform:rotate(20deg)}
.about-card h3{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:24px;margin-bottom:24px}
.about-card .eyebrow{font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:13px;color:var(--yellow);margin-bottom:18px}
.about-li{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.about-li .ck{width:28px;height:28px;background:var(--yellow);display:flex;align-items:center;justify-content:center;color:var(--black);font-weight:900;font-size:13px;transform:skewX(var(--skew));flex-shrink:0;margin-top:2px}
.about-li .ck span{transform:skewX(calc(-1 * var(--skew)))}
.about-li p{font-size:14px;color:var(--muted2);line-height:1.6}
.chiffres-head{margin-bottom:34px}
.chiffres-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.chiffre-box{background:var(--yellow);padding:26px;text-align:center;transform:skewX(var(--skew));transition:transform .25s}
.chiffre-box:hover{transform:skewX(var(--skew)) translateY(-5px)}
.chiffre-box .u{transform:skewX(calc(-1 * var(--skew)))}
.chiffre-lbl{font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:12px;color:rgba(0,0,0,.7);letter-spacing:.03em;margin-bottom:6px}
.chiffre-n{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;font-size:36px;color:var(--black);line-height:1}
.chiffres-cta{text-align:center;margin-top:44px}

/* CTA */
#cta{background:var(--yellow);padding:96px 0;position:relative;overflow:hidden}
#cta::before{content:'⚡';position:absolute;font-size:300px;opacity:.07;right:-30px;top:50%;transform:translateY(-50%)}
.cta-in{max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:1}
.cta-in h2{color:var(--black);margin-bottom:18px}
.cta-in p{color:rgba(0,0,0,.68);font-size:17px;margin-bottom:36px;line-height:1.6}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* big CONTACTEZ NOUS band */
#bigcta{background:var(--ink);padding:70px 0;border-top:1px solid var(--line)}
.bigcta-row{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.bigcta-row h2{font-size:clamp(34px,5vw,64px)}

/* FAQ */
#faq{background:var(--black)}
.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad-sm);overflow:hidden}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;cursor:pointer;font-family:'Archivo',sans-serif;font-weight:700;font-style:italic;font-size:16px}
.faq-q .arr{color:var(--yellow);font-size:22px;transition:transform .3s;flex-shrink:0}
.faq-item.open .arr{transform:rotate(45deg)}
.faq-a{padding:0 26px 22px;font-size:15px;color:var(--muted2);line-height:1.75;display:none}
.faq-item.open .faq-a{display:block}

/* CONTACT */
#contact{background:var(--ink)}
.contact-in{display:grid;grid-template-columns:1fr 1.25fr;gap:72px;align-items:start}
.contact-left h2{margin-bottom:18px}
.contact-left p{color:var(--muted2);font-size:16px;line-height:1.8;margin-bottom:34px}
.c-info{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.c-ico{width:46px;height:46px;background:var(--yellow);color:var(--black);display:flex;align-items:center;justify-content:center;font-size:18px;transform:skewX(var(--skew));flex-shrink:0}
.c-ico span{transform:skewX(calc(-1 * var(--skew)))}
.c-lbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.c-val{font-size:15px;font-weight:600}
.c-form{background:var(--dark2);border:1px solid var(--line);border-radius:var(--rad);padding:44px 38px}
.c-form h3{font-family:'Archivo',sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;font-size:22px;margin-bottom:26px}
.fg{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.fg label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.55)}
.fg input,.fg select,.fg textarea{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rad-sm);padding:13px 15px;font-size:14px;color:#fff;font-family:inherit;outline:none;transition:border-color .2s}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--yellow)}
.fg select option{background:var(--dark2)}
.fg textarea{resize:none;height:90px}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.c-submit{width:100%;margin-top:8px;justify-content:center}

/* FOOTER */
footer{background:var(--black);border-top:1px solid var(--line);padding:60px 0 28px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.foot-brand img{height:54px;width:auto;margin-bottom:18px}
.foot-brand p{font-size:14px;color:var(--muted);line-height:1.7;max-width:280px}
.foot-soc{display:flex;gap:10px;margin-top:22px}
.foot-soc a{width:38px;height:38px;background:rgba(255,255,255,.05);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transform:skewX(var(--skew));transition:all .2s}
.foot-soc a span{transform:skewX(calc(-1 * var(--skew)))}
.foot-soc a:hover{background:var(--yellow)}
.foot-col h5{font-family:'Archivo',sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;font-size:13px;color:var(--muted);margin-bottom:18px}
.foot-col ul{display:flex;flex-direction:column;gap:10px}
.foot-col ul a{font-size:14px;color:rgba(255,255,255,.6);transition:color .2s}
.foot-col ul a:hover{color:var(--yellow)}
.foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid var(--line)}
.foot-bot p{font-size:13px;color:var(--muted)}
.foot-links{display:flex;gap:22px}
.foot-links a{font-size:13px;color:var(--muted)}.foot-links a:hover{color:var(--yellow)}

@media(max-width:1024px){
  .res-grid{grid-template-columns:1fr}
  .sec-grid{grid-template-columns:repeat(3,1fr)}
  .chiffres-grid{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .testi-grid{grid-template-columns:1fr}
  .hero-device{width:250px;max-width:30vw;right:-6px;opacity:.85}
  .hero-glow{width:340px;height:340px}
}
@media(max-width:768px){
  .sec{padding:64px 0}
  .nav-links{display:none}.burger{display:flex}
  .nav-row>.btn{display:none}
  .hero-bolt{opacity:.4}
  .hero-device,.hero-glow{display:none}
  #hero .wrap{padding-left:28px;padding-right:28px}
  .card-split,.card-split.rev,.plus-in,.about-grid,.contact-in,.mes-grid2,.coul-in,.mod-grid{grid-template-columns:1fr}
  .cs-visual{min-height:220px}
  .how-steps{grid-template-columns:1fr 1fr}
  .sec-grid{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr}
  .foot-bot{flex-direction:column;gap:14px;text-align:center}
  .fg-row{grid-template-columns:1fr}
  .hero-cta,.cta-btns{flex-direction:column}
  .btn{width:100%;justify-content:center}
  .pourqui-row{justify-content:center}
  .bigcta-row{flex-direction:column;text-align:center}
  .cmp-row{grid-template-columns:1.4fr 1fr 1fr}
  .cmp-cell{padding:13px 12px;font-size:12px;gap:6px}
  .cmp-head .cmp-cell{font-size:12px;padding:14px 8px}
  .cities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .city-card h4{font-size:15px}
  .mod-incl-grid{grid-template-columns:1fr;gap:14px}
  .mod-card{padding:34px 26px}
  .mod-incl{padding:28px 24px}
  .mes-card{padding:34px 28px}
  .cs-text{padding:40px 28px}
  .hist-in{grid-template-columns:1fr;gap:26px}
  .opp-card{padding:40px 26px}
}

/* ===== PREMIUM REFINEMENTS / icônes SVG ===== */
.hero-badges{gap:12px}
.hero-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px rgba(245,200,0,.14);flex-shrink:0;animation:pulseDot 2.2s ease-in-out infinite}
@keyframes pulseDot{0%,100%{opacity:1}50%{opacity:.35}}
.hero-300{letter-spacing:.14em;font-size:12px}

.cs-ico{width:118px;height:118px;color:var(--yellow);opacity:.92;position:relative;z-index:1}
.cs-visual::before{opacity:.07}

.plus-visual .bolt-bg{width:210px;height:210px;color:var(--yellow);opacity:.05;font-size:0}
.mes-bolt{width:150px;height:150px;color:var(--yellow);opacity:.06}
.mes-emo{width:62px;height:62px;color:var(--yellow);opacity:.5}
.coul-visual .station{width:128px;height:auto;color:var(--yellow);opacity:.92}
.coul-visual .bolt{width:150px;height:150px;color:var(--yellow);opacity:.16}
.coul-mini .ic{color:var(--yellow);display:flex;align-items:center;justify-content:center}
.coul-mini .ic svg,.mes-api .ic svg,.foot-soc svg,.c-ico svg,.sec-ico svg,.how-ico svg,.mod-incl-item .ck svg,.mod-tag span svg{display:block}

/* secteurs : icône fine uniforme */
.sec-card{padding:32px 18px}
.sec-ico{color:var(--yellow);margin:0 auto 14px;display:flex;justify-content:center}
.sec-card:hover .sec-ico{color:var(--yellow2)}

/* how-steps : icône fine */
.how-ico{color:var(--yellow);display:flex;justify-content:center;margin-bottom:12px}

/* contact : icône fine dans pastille */
.c-ico span svg{width:18px;height:18px}
/* mod tag & incl icônes */
.mod-tag span svg{width:14px;height:14px;margin-right:2px;vertical-align:-2px}
.mod-incl-item .ck svg{width:13px;height:13px}

/* ============ THÈME CLAIR (blanc chaud) ============ */
body.light{
  --black:#FBF7EE; --ink:#F2ECDE; --dark:#ECE5D4; --dark2:#FFFFFF; --dark3:#E7DFCC;
  --line:rgba(40,30,0,.12); --muted:#7c766a; --muted2:#4a463d; --white:#1c1a14;
  --shadow:0 22px 60px rgba(80,60,0,.10);
  background:var(--black); color:var(--white);
}
/* accents jaunes -> or foncé lisible sur fond clair */
body.light .yl,
body.light .ribbon span,
body.light .ribbon.dark,
body.light .hero-300,
body.light .crumb,
body.light .kpi-n,
body.light .price,
body.light .hist-tag,
body.light .faq-q .arr,
body.light .city-card.soon h4{color:#A87E00}
body.light .hist-tag strong{color:#A87E00}
body.light .ribbon span::before{background:#A87E00}
/* nav */
body.light #nav{background:rgba(251,247,238,.72)}
body.light #nav.up{background:rgba(251,247,238,.95);border-bottom:1px solid var(--line)}
body.light .nav-links a{color:rgba(0,0,0,.62)}
body.light .nav-links a:hover,body.light .nav-links a.active{color:#A87E00}
body.light .burger span{background:#1c1a14}
body.light .lang-btn,body.light .theme-btn{color:rgba(0,0,0,.6)}
body.light .lang-btn .lang-cur{color:#A87E00}
body.light .theme-btn .ic-sun{display:none}
body.light .theme-btn .ic-moon{display:inline-block}
/* boutons */
body.light .btn-dark{background:#1c1a14;color:var(--yellow)}
body.light .btn-dark:hover{background:#2a261c}
body.light .btn-ghost{border-color:rgba(0,0,0,.22);color:#1c1a14}
body.light .btn-ghost:hover{border-color:#A87E00;color:#A87E00}
/* motifs / textures */
body.light .dots{background-image:radial-gradient(rgba(0,0,0,.05) 1.2px,transparent 1.2px)}
body.light .ticker-i{color:rgba(0,0,0,.4)}
body.light .ticker-i b{color:rgba(190,145,0,.6)}
body.light #logos{border-bottom-color:var(--line)}
/* footer */
body.light .foot-col ul a{color:rgba(0,0,0,.6)}
body.light .foot-col ul a:hover{color:#A87E00}
body.light .foot-soc a{background:rgba(0,0,0,.04)}
body.light .foot-bot,body.light footer{border-top-color:var(--line)}
/* formulaire */
body.light .fg input,body.light .fg select,body.light .fg textarea{background:#fff;border:1px solid rgba(0,0,0,.16);color:#1c1a14}
body.light .fg select option{background:#fff}
body.light .fg label{color:rgba(0,0,0,.55)}
/* relief des cartes en clair */
body.light .mod-card,body.light .opp-card,body.light .city-card,body.light .faq-item,
body.light .cmp-wrap,body.light .about-card,body.light .mes-card,body.light .mes-api,
body.light .c-form,body.light .plus-visual,body.light .coul-visual,body.light .coul-mini{box-shadow:0 12px 34px rgba(80,60,0,.07)}
/* la batterie animée reste un produit sombre */
body.light .phone{box-shadow:0 30px 70px rgba(0,0,0,.22)}
/* tableau comparatif : colonne Voltà un poil plus marquée */
body.light .cmp-col-volta{background:rgba(245,200,0,.10)}
body.light .cmp-no{color:#a59f93}
/* textes blancs "en dur" -> sombres en clair */
body.light .cmp-head .cmp-cell{color:#1c1a14}
body.light .cmp-head .cmp-col-volta{color:var(--black)}
body.light .cmp-cell.crit{color:#1c1a14}
body.light .mod-incl-item b{color:#1c1a14}
body.light #mob-close{color:#1c1a14}
body.light #mob a{color:#1c1a14}
/* délimiter les éléments jaunes sur fond clair */
body.light .btn-y{box-shadow:0 0 0 1px rgba(40,30,0,.16)}
body.light .btn-y:hover{box-shadow:0 0 0 1px rgba(40,30,0,.16),var(--shadow-y)}
body.light .pourqui{box-shadow:inset 0 0 0 1px rgba(40,30,0,.10)}
body.light .pq-pill{background:#1c1a14;color:var(--yellow)}
body.light .hero h1 .line3,
body.light .cs-stat-ribbon,
body.light .mes-stat,
body.light .res-top,
body.light .chiffre-box,
body.light .how-num,
body.light .how-tab.on{box-shadow:0 0 0 1px rgba(40,30,0,.14)}
body.light .cta-in,body.light #cta{box-shadow:none}
/* bande CTA jaune : garder le texte sombre lisible (déjà noir) */
body.light .pourqui-lbl{color:#1c1a14}