/* ===== DIGITALOOP V2 — BLACK/GOLD PREMIUM ===== */
:root{
  --gold:#FFD700;--gold2:#FFC300;--gold3:#B8860B;
  --black:#0A0A0A;--black2:#111111;--black3:#1A1A1A;--black4:#242424;
  --white:#FFFFFF;--gray:#8A8A8A;--gray2:#3A3A3A;
  --purple:#9B59B6;--purple2:#7D3C98;
  --font-h:'Bebas Neue',sans-serif;
  --font-b:'Barlow',sans-serif;
  --font-ar:'Tajawal',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--black);color:var(--white);font-family:var(--font-b);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
section{padding:80px 0}

/* COLORS */
.gold{color:var(--gold)}
.purple{color:var(--purple)}

/* BUTTONS */
.btn-gold{
  display:inline-flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#000;font-family:var(--font-h);letter-spacing:.08em;font-size:15px;
  padding:14px 28px;border-radius:6px;border:none;cursor:pointer;
  transition:all .25s;box-shadow:0 4px 20px rgba(255,215,0,.25);
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,215,0,.4)}
.btn-og{
  display:inline-flex;align-items:center;gap:10px;
  background:transparent;color:var(--gold);
  font-family:var(--font-h);letter-spacing:.08em;font-size:15px;
  padding:13px 28px;border-radius:6px;border:1.5px solid var(--gold);cursor:pointer;
  transition:all .25s;
}
.btn-og:hover{background:rgba(255,215,0,.08);transform:translateY(-2px)}
.btn-purple{
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--purple),var(--purple2));
  color:#fff;font-family:var(--font-h);letter-spacing:.08em;font-size:15px;
  padding:14px 28px;border-radius:6px;border:none;cursor:pointer;
  transition:all .25s;box-shadow:0 4px 20px rgba(155,89,182,.3);
}
.btn-purple:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(155,89,182,.5)}
.btn-lg{font-size:16px;padding:16px 36px;border-radius:8px}
.btn-full{width:100%;justify-content:center}
.pulse-g{animation:pulseGold 2.5s infinite}
@keyframes pulseGold{0%,100%{box-shadow:0 4px 20px rgba(255,215,0,.25)}50%{box-shadow:0 4px 30px rgba(255,215,0,.6)}}

/* SECTION HEADER */
.sh{text-align:center;margin-bottom:56px}
.stag{display:inline-block;background:rgba(255,215,0,.1);color:var(--gold);border:1px solid rgba(255,215,0,.3);padding:6px 18px;border-radius:20px;font-size:12px;letter-spacing:.15em;font-weight:700;margin-bottom:16px;text-transform:uppercase}
.st{font-family:var(--font-h);font-size:clamp(32px,5vw,52px);letter-spacing:.04em;color:var(--white);line-height:1.1;margin-bottom:12px}
.ss{color:var(--gray);font-size:16px;max-width:520px;margin:0 auto}

/* SHIMMER */
.shimmer{
  background:linear-gradient(90deg,var(--gold) 0%,#FFF8DC 40%,var(--gold) 60%,var(--gold2) 100%);
  background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:shimmer 3s linear infinite;
}
@keyframes shimmer{0%{background-position:200% center}100%{background-position:-200% center}}

/* SCROLL ANIMATIONS */
.ru,.rl,.rr{opacity:0;transition:opacity .7s,transform .7s}
.ru{transform:translateY(40px)}
.rl{transform:translateX(-50px)}
.rr{transform:translateX(50px)}
.ru.visible,.rl.visible,.rr.visible{opacity:1;transform:none}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0;transition:all .3s}
.nav.scrolled{background:rgba(10,10,10,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,215,0,.12)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 32px;max-width:1280px;margin:0 auto}
.nav-logo-img{height:44px;width:auto}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-size:14px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.8);transition:color .2s;text-transform:uppercase}
.nav-links a:hover{color:var(--gold)}
.nav-cta{font-size:13px;padding:10px 22px}
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.nav-burger span{display:block;width:24px;height:2px;background:var(--white);transition:all .3s;border-radius:2px}

/* HERO */
.hero{min-height:100vh;padding-top:70px;position:relative;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hgrid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,215,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,215,0,.04) 1px,transparent 1px);
  background-size:60px 60px;
}
.hglow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}
.g1{width:600px;height:600px;top:-100px;right:-100px;background:rgba(255,215,0,.06)}
.g2{width:400px;height:400px;bottom:0;left:-50px;background:rgba(255,195,0,.04)}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:40px;padding-bottom:40px}
.hero-content{position:relative;z-index:2}
.htag{display:inline-block;border:1px solid rgba(255,215,0,.4);color:var(--gold);font-size:11px;letter-spacing:.2em;padding:6px 16px;border-radius:4px;margin-bottom:24px;background:rgba(255,215,0,.06)}
.hero-h1{font-family:var(--font-h);font-size:clamp(48px,7vw,88px);line-height:.95;letter-spacing:.02em;margin-bottom:20px}
.hero-sub{font-family:'Barlow Condensed',sans-serif;font-size:clamp(16px,2vw,22px);letter-spacing:.15em;color:rgba(255,255,255,.7);font-weight:700;margin-bottom:14px}
.hero-ar{font-family:var(--font-ar);font-size:clamp(16px,2vw,22px);color:var(--gold);text-align:right;margin-bottom:32px;direction:rtl}
.hero-ctas{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:40px}
.hero-stats{display:flex;align-items:center;gap:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px 28px;gap:0}
.hs{display:flex;flex-direction:column;gap:4px;flex:1;text-align:center}
.hn{font-family:var(--font-h);font-size:32px;color:var(--gold);letter-spacing:.04em}
.hl{font-size:12px;color:var(--gray);letter-spacing:.06em;text-transform:uppercase}
.hsep{width:1px;height:40px;background:rgba(255,255,255,.1);margin:0 16px}

/* HERO VISUAL / MOCKUPS */
.hero-visual{position:relative;z-index:2}
.mockup-wrap{position:relative;padding:20px}
.mlaptop{width:480px;max-width:100%}
.ml-screen{background:var(--black3);border-radius:12px 12px 0 0;border:1.5px solid var(--gray2);padding:0;overflow:hidden}
.ml-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,.04);border-bottom:1px solid var(--gray2)}
.sd{width:9px;height:9px;border-radius:50%;display:block}
.sd.r{background:#FF5F57}.sd.y{background:#FEBC2E}.sd.g{background:#28C840}
.ml-url{flex:1;text-align:center;font-size:10px;color:var(--gray);background:rgba(255,255,255,.06);border-radius:4px;padding:3px 8px;margin-left:6px}
.ml-body{padding:16px;min-height:200px}
.ml-nav-bar{height:20px;background:rgba(255,215,0,.15);border-radius:4px;margin-bottom:12px}
.ml-hblock{margin-bottom:12px}
.ml-h1b{height:24px;background:linear-gradient(90deg,rgba(255,215,0,.3),rgba(255,215,0,.1));border-radius:4px;margin-bottom:8px;width:70%}
.ml-h2b{height:14px;background:rgba(255,255,255,.1);border-radius:4px;margin-bottom:12px;width:50%}
.ml-btnb{height:28px;width:140px;background:linear-gradient(135deg,rgba(255,215,0,.5),rgba(255,195,0,.3));border-radius:6px}
.ml-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mlc{height:60px;background:rgba(255,255,255,.06);border-radius:8px;border:1px solid rgba(255,215,0,.1)}
.ml-base{height:22px;background:var(--black4);border-radius:0 0 8px 8px;border:1.5px solid var(--gray2);border-top:none;display:flex;justify-content:center;align-items:flex-end;padding-bottom:4px}
.ml-notch{width:80px;height:8px;background:var(--gray2);border-radius:4px}

.mphone{
  position:absolute;bottom:-30px;right:-20px;
  width:140px;
}
.mp-screen{background:var(--black3);border-radius:20px;border:2px solid var(--gray2);overflow:hidden;padding:10px 8px}
.mp-notch{width:40px;height:6px;background:var(--gray2);border-radius:3px;margin:0 auto 10px}
.mp-body{}
.mplog{height:16px;background:rgba(255,215,0,.3);border-radius:3px;margin-bottom:8px;width:60%}
.mph{height:20px;background:linear-gradient(90deg,rgba(255,215,0,.4),transparent);border-radius:3px;margin-bottom:6px}
.mps{height:10px;background:rgba(255,255,255,.1);border-radius:3px;margin-bottom:8px;width:80%}
.mpb{height:22px;background:linear-gradient(135deg,rgba(255,215,0,.6),rgba(255,195,0,.4));border-radius:5px}

.gbadge{
  position:absolute;bottom:40px;left:-30px;
  background:rgba(15,15,15,.95);border:1px solid rgba(255,255,255,.15);
  border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;
  font-size:12px;min-width:190px;
  box-shadow:0 8px 30px rgba(0,0,0,.5);
}
.gbadge strong{display:block;color:var(--white);font-size:12px;font-weight:700;letter-spacing:.04em}
.gbadge span{color:var(--gray);font-size:11px}
.float-b{animation:floatBadge 3s ease-in-out infinite}
@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* BENEFITS BAR */
.bbar{background:var(--black2);border-top:1px solid rgba(255,215,0,.12);border-bottom:1px solid rgba(255,215,0,.12);padding:32px 0}
.bbar-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.bi{display:flex;align-items:center;gap:14px;flex:1;min-width:160px}
.bi-ico svg{width:48px;height:48px}
.bi strong{display:block;font-family:var(--font-h);font-size:18px;letter-spacing:.06em;color:var(--gold);margin-bottom:2px}
.bi span{font-size:13px;color:var(--gray)}
.bsep{width:1px;height:50px;background:rgba(255,255,255,.08)}

/* OFFRE SPÉCIALE */
.offre-s{padding:40px 0;background:linear-gradient(135deg,#1A1400,#0A0A0A,#1A1400)}
.offre-inner{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;
  background:linear-gradient(135deg,rgba(255,215,0,.12),rgba(255,195,0,.06));
  border:2px solid rgba(255,215,0,.3);border-radius:16px;padding:32px 40px;
  box-shadow:0 0 60px rgba(255,215,0,.08);
}
.offre-gift svg{width:64px;height:64px}
.offre-text h2{font-family:var(--font-h);font-size:clamp(24px,4vw,42px);letter-spacing:.04em;line-height:1.1}
.otag{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--gold);text-transform:uppercase;margin-bottom:8px}
.offre-val{text-align:right}
.ov-name{font-size:12px;letter-spacing:.15em;color:rgba(255,255,255,.6);text-transform:uppercase;margin-bottom:4px}
.ov-main{font-family:var(--font-h);font-size:52px;color:var(--gold);line-height:1;letter-spacing:.04em}
.ov-sub{font-size:13px;color:rgba(255,255,255,.5);margin-top:4px}

/* PRICING */
.pricing-s{background:var(--black2)}
.pricing-g{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}
.pc{
  background:var(--black3);border:1.5px solid var(--gray2);border-radius:16px;
  padding:28px;position:relative;display:flex;flex-direction:column;gap:12px;
  transition:all .3s;
}
.pc:hover{transform:translateY(-4px);border-color:rgba(255,215,0,.3);box-shadow:0 12px 40px rgba(0,0,0,.4)}
.pc-biz{
  border-color:var(--gold);background:linear-gradient(180deg,rgba(255,215,0,.06),var(--black3));
  box-shadow:0 0 40px rgba(255,215,0,.12);
  transform:scale(1.03);
}
.pc-biz:hover{transform:scale(1.03) translateY(-4px)}
.pc-pro{border-color:rgba(155,89,182,.5);background:linear-gradient(180deg,rgba(155,89,182,.06),var(--black3))}
.pc-rec{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#000;font-size:11px;font-weight:800;letter-spacing:.12em;
  padding:5px 20px;border-radius:20px;white-space:nowrap;
}
.pc-promo{font-size:12px;color:rgba(255,255,255,.5);background:rgba(255,255,255,.04);padding:6px 10px;border-radius:6px;text-align:center}
.pc-promo s{color:rgba(255,255,255,.3)}
.pc-promo-w{background:rgba(255,215,0,.08);color:rgba(255,215,0,.8)}
.pc-promo-w s{color:rgba(255,215,0,.4)}
.pc-promo-p{background:rgba(155,89,182,.1);color:rgba(200,150,230,.8)}
.pc-lbl{font-size:11px;letter-spacing:.2em;color:var(--gray);text-transform:uppercase;margin-top:8px}
.pc-name{font-family:var(--font-h);font-size:36px;letter-spacing:.06em;color:var(--white)}
.pc-name.gold{color:var(--gold)}
.pc-name.purple{color:var(--purple)}
.pc-price{border-top:1px solid rgba(255,255,255,.06);padding-top:12px}
.pp-main{font-family:var(--font-h);font-size:44px;line-height:1;color:var(--white)}
.pp-cur{font-size:22px}
.pp-sub{font-size:12px;color:rgba(255,255,255,.4);margin-top:4px}
.pc-maint{font-size:13px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.05);padding:8px 12px;border-radius:6px;letter-spacing:.04em}
.pc-maint strong{color:var(--gold)}
.pc-inc{font-size:11px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-weight:700}
.pc-feat{display:flex;flex-direction:column;gap:8px;flex:1}
.pc-feat li{font-size:13.5px;color:rgba(255,255,255,.75);padding-left:20px;position:relative;line-height:1.5}
.pc-feat li::before{content:'';position:absolute;left:0;top:6px;width:8px;height:8px;border:1.5px solid var(--gold);border-radius:50%;background:rgba(255,215,0,.15)}
.pcb{display:block;text-align:center;font-family:var(--font-h);letter-spacing:.1em;font-size:15px;padding:14px;border-radius:8px;margin-top:auto;transition:all .25s}

/* GUARANTEE BAR */
.gbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;background:rgba(255,215,0,.04);border:1px solid rgba(255,215,0,.12);border-radius:12px;padding:20px 32px}
.gi{display:flex;align-items:center;gap:10px;padding:8px 20px;font-size:13px;color:rgba(255,255,255,.8);font-weight:600}
.gi svg{width:22px;height:22px;flex-shrink:0}
.gsep{width:1px;height:32px;background:rgba(255,255,255,.08)}

/* VIDEO */
.video-s{background:var(--black)}
.video-wrap{aspect-ratio:16/9;max-width:860px;margin:0 auto;border-radius:16px;overflow:hidden;border:2px solid rgba(255,215,0,.2);box-shadow:0 0 60px rgba(255,215,0,.08)}
.vp{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--black3),var(--black2));cursor:pointer;gap:16px}
.vp-play{width:72px;height:72px;background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(255,215,0,.4);transition:all .3s}
.vp:hover .vp-play{transform:scale(1.1);box-shadow:0 0 50px rgba(255,215,0,.6)}
.vp-play svg{width:28px;height:28px;margin-left:5px}
.vp p{color:var(--gray);font-size:14px}
#videoEmbed iframe{width:100%;height:100%;border:none}

/* AVANT / APRÈS */
.av-s{background:var(--black2)}
.ba-g{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}
.ba-card{background:var(--black3);border-radius:16px;padding:32px;border:1.5px solid var(--gray2)}
.ba-bad{border-color:rgba(239,68,68,.2);background:linear-gradient(180deg,rgba(239,68,68,.04),var(--black3))}
.ba-good{border-color:rgba(255,215,0,.25);background:linear-gradient(180deg,rgba(255,215,0,.06),var(--black3))}
.ba-lbl{font-family:var(--font-h);font-size:20px;letter-spacing:.1em;margin-bottom:20px;color:rgba(255,255,255,.6)}
.ba-lbl-g{color:var(--gold)}
.ba-ul{display:flex;flex-direction:column;gap:12px}
.ba-ul li{display:flex;align-items:center;gap:10px;font-size:15px;color:rgba(255,255,255,.8)}
.ba-ul li svg{width:16px;height:16px;flex-shrink:0}
.ba-arrow{display:flex;flex-direction:column;align-items:center;gap:10px}
.ba-arrow span{font-family:var(--font-h);font-size:16px;letter-spacing:.1em;color:var(--gold);writing-mode:horizontal-tb;white-space:nowrap}
.ba-arrow svg{width:56px}

/* SERVICES */
.serv-s{}
.serv-g{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scard{background:var(--black3);border:1.5px solid var(--gray2);border-radius:14px;padding:28px;transition:all .3s;cursor:default}
.scard:hover{border-color:rgba(255,215,0,.3);transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.3)}
.sc-ico svg{width:56px;height:56px;margin-bottom:16px}
.scard h3{font-family:var(--font-h);font-size:22px;letter-spacing:.05em;color:var(--gold);margin-bottom:8px}
.scard p{font-size:14px;color:var(--gray);line-height:1.6}

/* SOCIAL PROOF */
.proof-s{background:var(--black2);padding:40px 0;overflow:hidden}
.proof-t{text-align:center;font-family:var(--font-h);font-size:22px;letter-spacing:.15em;color:rgba(255,255,255,.4);margin-bottom:28px;text-transform:uppercase}
.logos-wrap{overflow:hidden;position:relative}
.logos-wrap::before,.logos-wrap::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.logos-wrap::before{left:0;background:linear-gradient(90deg,var(--black2),transparent)}
.logos-wrap::after{right:0;background:linear-gradient(-90deg,var(--black2),transparent)}
.logos-track{display:flex;gap:40px;width:max-content;animation:logoScroll 25s linear infinite}
@keyframes logoScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.li{
  padding:14px 28px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.08em;
  color:rgba(255,255,255,.6);white-space:nowrap;transition:all .3s;
}
.li:hover{color:var(--gold);border-color:rgba(255,215,0,.3)}

/* AVIS */
.avis-s{background:var(--black2)}
.avis-slider{position:relative;overflow:hidden}
.avis-track{display:flex;transition:transform .5s cubic-bezier(.25,.8,.25,1)}
.avis-card{
  min-width:100%;background:var(--black3);border:1.5px solid var(--gray2);
  border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:20px;
}
.avis-stars{color:var(--gold);font-size:22px;letter-spacing:4px}
.avis-card>p{font-size:16px;color:rgba(255,255,255,.85);line-height:1.75;font-style:italic}
.avis-aut{display:flex;align-items:center;gap:14px}
.avis-av{width:44px;height:44px;background:linear-gradient(135deg,var(--gold),var(--gold3));color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}
.avis-aut strong{display:block;font-weight:700;font-size:15px}
.avis-aut span{font-size:13px;color:var(--gray)}
.avis-ctrl{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}
.avis-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);transition:all .2s}
.avis-btn:hover{background:rgba(255,215,0,.12);border-color:var(--gold);color:var(--gold)}
.avis-dots{display:flex;gap:8px}
.avis-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:all .2s}
.avis-dot.active{background:var(--gold);width:24px;border-radius:4px}

/* PDF GUIDE */
.pdf-s{background:var(--black)}
.pdf-inner{display:flex;align-items:center;gap:48px;background:linear-gradient(135deg,rgba(255,215,0,.06),rgba(255,195,0,.03));border:1.5px solid rgba(255,215,0,.2);border-radius:20px;padding:48px}
.pdf-ico svg{width:80px;height:80px;flex-shrink:0}
.pdf-txt h2{font-family:var(--font-h);font-size:clamp(24px,3.5vw,38px);line-height:1.2;color:var(--white);margin-bottom:24px}
.pdf-plats{display:flex;flex-wrap:wrap;gap:12px}
.pp{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;color:rgba(255,255,255,.9)}

/* BLOG */
.blog-s{}
.blog-g{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;min-height:160px}
.blog-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:15px;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.1);border-radius:12px;padding:40px}
.blog-card{background:var(--black3);border:1.5px solid var(--gray2);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .3s}
.blog-card:hover{border-color:rgba(255,215,0,.3);transform:translateY(-4px)}
.blog-thumb{height:160px;background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,195,0,.05))}
.blog-body{padding:20px}
.blog-date{font-size:11px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.blog-title{font-family:var(--font-h);font-size:20px;letter-spacing:.04em;margin-bottom:8px}
.blog-excerpt{font-size:13px;color:var(--gray);line-height:1.6}
.blog-ov{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding:60px 24px;overflow-y:auto}
.blog-ov.open{display:flex}
.blog-mod{background:var(--black3);border:1.5px solid var(--gray2);border-radius:20px;max-width:760px;width:100%;padding:48px;position:relative}
.blog-close{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.06);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);transition:all .2s}
.blog-close:hover{background:rgba(255,215,0,.12);color:var(--gold)}
.blog-mod-c h1{font-family:var(--font-h);font-size:36px;margin-bottom:16px;color:var(--white)}
.blog-mod-c p{color:rgba(255,255,255,.75);line-height:1.8;font-size:15px}

/* CONTACT */
.contact-s{background:var(--black2)}
.contact-g{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.cf-wrap form{background:var(--black3);border:1.5px solid var(--gray2);border-radius:16px;padding:36px;position:relative}
.fstep{display:none;flex-direction:column;gap:20px}
.fstep.active{display:flex}
.fstep-t{font-family:var(--font-h);font-size:26px;letter-spacing:.05em;color:var(--white)}
.fg{display:flex;flex-direction:column;gap:8px}
.fg label{font-size:13px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.7);text-transform:uppercase}
.fg input,.fg select,.fg textarea{
  background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);
  color:var(--white);border-radius:8px;padding:12px 16px;font-family:var(--font-b);font-size:15px;
  transition:all .2s;outline:none;width:100%;
}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--gold);background:rgba(255,215,0,.04);box-shadow:0 0 0 3px rgba(255,215,0,.08)}
.fg select option{background:var(--black3);color:var(--white)}
.fg textarea{resize:vertical;min-height:100px}
.fnav{display:flex;gap:12px;justify-content:flex-end}
.fconfirm{background:rgba(255,215,0,.06);border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px}
.fconfirm-row{display:flex;justify-content:space-between;font-size:14px}
.fconfirm-row span:first-child{color:var(--gray)}
.fconfirm-row span:last-child{color:var(--white);font-weight:600}
.fsuccess{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;text-align:center}
.fsuccess svg{width:56px;height:56px}
.fsuccess h3{font-family:var(--font-h);font-size:28px;color:var(--gold)}
.fsuccess p{color:var(--gray)}
.fprog{display:flex;align-items:center;justify-content:center;gap:0;margin-top:24px}
.fps{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:rgba(255,255,255,.4);transition:all .3s}
.fps.active{background:linear-gradient(135deg,var(--gold),var(--gold2));border-color:var(--gold);color:#000}
.fps.done{background:rgba(255,215,0,.15);border-color:var(--gold);color:var(--gold)}
.fpl{width:40px;height:1.5px;background:rgba(255,255,255,.1)}

.ci-card{background:var(--black3);border:1.5px solid var(--gray2);border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:20px}
.ci-card h3{font-family:var(--font-h);font-size:24px;letter-spacing:.05em}
.ci-link{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:600;padding:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .2s}
.ci-link:hover{background:rgba(255,215,0,.06);border-color:rgba(255,215,0,.2);color:var(--gold)}
.ci-wa{color:#25D366}
.ci-wa:hover{background:rgba(37,211,102,.06)!important;border-color:rgba(37,211,102,.3)!important;color:#25D366!important}
.ci-cities{margin-top:4px}
.ci-cities strong{display:block;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}
.ci-clist{font-size:14px;color:var(--gray);line-height:1.8}

/* FAQ */
.faq-s{background:var(--black2)}
.faq-l{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:0}
.faq-i{border-bottom:1px solid rgba(255,255,255,.06)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:none;color:var(--white);font-family:var(--font-b);font-size:16px;font-weight:600;padding:20px 0;cursor:pointer;text-align:left;transition:color .2s}
.faq-q:hover{color:var(--gold)}
.faq-q svg{width:20px;height:20px;flex-shrink:0;transition:transform .3s;color:var(--gold)}
.faq-i.open .faq-q svg{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-i.open .faq-a{max-height:300px}
.faq-a p{padding-bottom:20px;color:rgba(255,255,255,.7);line-height:1.8;font-size:15px}

/* FOOTER */
.footer{background:var(--black2);border-top:1px solid rgba(255,255,255,.06);padding-top:60px}
.footer-inner{display:grid;grid-template-columns:1.5fr 2fr;gap:60px;padding-bottom:48px}
.footer-brand .footer-logo{height:44px;margin-bottom:16px}
.footer-brand>p{font-size:14px;color:var(--gray);line-height:1.7;max-width:280px;margin-bottom:20px}
.footer-soc{display:flex;gap:12px}
.fsoc{width:38px;height:38px;background:rgba(255,255,255,.06);border-radius:8px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);transition:all .2s}
.fsoc svg{width:18px;height:18px}
.fsoc:hover{background:rgba(255,215,0,.1);color:var(--gold)}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.fcol h4{font-family:var(--font-h);font-size:16px;letter-spacing:.1em;color:var(--gold);margin-bottom:16px}
.fcol{display:flex;flex-direction:column;gap:10px}
.fcol a{font-size:13px;color:var(--gray);transition:color .2s}
.fcol a:hover{color:var(--white)}
.footer-seo{background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.04);padding:12px 24px;text-align:center}
.footer-seo p{font-size:11px;color:rgba(255,255,255,.2);line-height:2}
.footer-bottom{padding:16px 24px;text-align:center;border-top:1px solid rgba(255,255,255,.04)}
.footer-bottom p{font-size:13px;color:rgba(255,255,255,.3)}

/* ACCESS ZONE */
.az-s{background:var(--black);padding:60px 0 80px}
.az-title{display:flex;align-items:center;gap:20px;margin-bottom:40px;justify-content:center}
.az-title span{font-size:12px;letter-spacing:.2em;color:rgba(255,255,255,.3);text-transform:uppercase;white-space:nowrap}
.az-line{flex:1;height:1px;background:rgba(255,255,255,.08);max-width:200px}
.az-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto}
.az-card{background:var(--black3);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:20px}
.az-ch{display:flex;align-items:center;gap:14px}
.az-ico{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.az-ico svg{width:22px;height:22px}
.az-admin{background:rgba(255,215,0,.1);color:var(--gold)}
.az-comm{background:rgba(155,89,182,.15);color:var(--purple)}
.az-ch h3{font-size:16px;font-weight:700;margin-bottom:2px}
.az-ch p{font-size:13px;color:var(--gray)}
.az-form{display:flex;flex-direction:column;gap:12px}
.az-f{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 14px}
.az-f svg{width:18px;height:18px;color:var(--gray);flex-shrink:0}
.az-f input{background:none;border:none;color:var(--white);font-family:var(--font-b);font-size:14px;width:100%;outline:none}
.az-f input::placeholder{color:rgba(255,255,255,.3)}
.az-err{font-size:12px;color:#EF4444;text-align:center}
.az-btn{border:none;border-radius:8px;padding:11px;font-family:var(--font-h);font-size:15px;letter-spacing:.1em;cursor:pointer;transition:all .2s;width:100%}
.az-btn-a{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000}
.az-btn-a:hover{box-shadow:0 4px 20px rgba(255,215,0,.3)}
.az-btn-c{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff}
.az-btn-c:hover{box-shadow:0 4px 20px rgba(155,89,182,.3)}

/* WHATSAPP FLOAT */
.wa-float{
  position:fixed;bottom:28px;right:28px;z-index:999;
  width:58px;height:58px;background:#25D366;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(37,211,102,.4);transition:all .3s;
  text-decoration:none;
}
.wa-float:hover{transform:scale(1.12);box-shadow:0 8px 30px rgba(37,211,102,.6)}
.wa-tip{
  position:absolute;right:70px;top:50%;transform:translateY(-50%);
  background:var(--black3);color:var(--white);font-size:13px;font-weight:600;
  white-space:nowrap;padding:8px 14px;border-radius:8px;
  opacity:0;pointer-events:none;transition:opacity .2s;border:1px solid rgba(255,255,255,.1);
}
.wa-float:hover .wa-tip{opacity:1}

/* RESPONSIVE */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:40px}
  .hero-visual{order:-1}
  .mlaptop{width:100%;max-width:420px;margin:0 auto}
  .mphone{display:none}
  .gbadge{left:-10px}
  .pricing-g{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  .pc-biz{transform:scale(1)}
  .pc-biz:hover{transform:translateY(-4px)}
  .ba-g{grid-template-columns:1fr;gap:16px}
  .ba-arrow{flex-direction:row;padding:8px 0}
  .ba-arrow svg{width:40px;transform:rotate(90deg)}
  .serv-g{grid-template-columns:repeat(2,1fr)}
  .contact-g{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
  .footer-links{grid-template-columns:repeat(3,1fr)}
  .az-cards{grid-template-columns:1fr}
  .blog-g{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  section{padding:56px 0}
  .nav-links{display:none;position:fixed;top:70px;left:0;right:0;background:rgba(10,10,10,.98);backdrop-filter:blur(20px);flex-direction:column;padding:24px;gap:16px;border-bottom:1px solid rgba(255,215,0,.1)}
  .nav-links.open{display:flex}
  .nav-cta{display:none}
  .nav-burger{display:flex}
  .hero-h1{font-size:48px}
  .bbar-inner{grid-template-columns:repeat(2,1fr);justify-items:center}
  .bsep:nth-child(2){display:none}
  .offre-inner{flex-direction:column;text-align:center;padding:24px}
  .offre-val{text-align:center}
  .gbar{flex-direction:column;gap:4px}
  .gsep{width:80%;height:1px}
  .serv-g{grid-template-columns:1fr}
  .blog-g{grid-template-columns:1fr}
  .hero-stats{flex-direction:column;gap:16px}
  .hsep{width:80%;height:1px}
  .footer-links{grid-template-columns:repeat(2,1fr)}
  .pricing-g{max-width:100%}
  .hero-ctas{flex-direction:column}
  .hero-ctas a{text-align:center;justify-content:center}
  .pdf-inner{flex-direction:column;padding:28px}
}
@media(max-width:480px){
  .bbar-inner{flex-direction:column;align-items:flex-start;gap:20px}
  .bsep{display:none}
  .footer-links{grid-template-columns:1fr}
}

/* ============================================
   FORM ADDITIONS (V2.1 — extended form)
   ============================================ */
.req { color: #EF4444; margin-left: 2px; }
.fg-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 540px) { .fg-grid { grid-template-columns: 1fr; } }
.fdivider {
  display: flex; align-items: center; gap: 12px;
  margin: 8px 0 4px;
  font-size: 11px; font-weight: 800; letter-spacing: .2em;
  color: var(--gold); text-transform: uppercase;
}
.fdivider::before, .fdivider::after {
  content: ''; flex: 1; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,215,0,.3), transparent);
}
.fhelper {
  font-size: 13px; color: var(--gray);
  padding: 10px 14px;
  background: rgba(255,215,0,.04);
  border-left: 2px solid var(--gold);
  border-radius: 4px;
}
/* Invalid pulse */
.finvalid {
  border-color: #EF4444 !important;
  box-shadow: 0 0 0 3px rgba(239,68,68,.15) !important;
  animation: shakeX .35s;
}
@keyframes shakeX {
  0%,100% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  75% { transform: translateX(4px); }
}

/* File drop zones */
.fdrop {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 16px;
  background: rgba(255,255,255,.03);
  border: 1.5px dashed rgba(255,215,0,.25);
  border-radius: 10px;
  cursor: pointer;
  transition: all .2s;
}
.fdrop:hover { border-color: var(--gold); background: rgba(255,215,0,.06); }
.fdrop.fdrop-over { border-style: solid; background: rgba(255,215,0,.1); transform: scale(1.01); }
.fdrop svg { color: var(--gold); flex-shrink: 0; }
.fdrop-l { font-size: 14px; color: rgba(255,255,255,.85); flex: 1; font-weight: 500; }
.fdrop-c { font-size: 12px; color: var(--gray); font-weight: 600; padding: 4px 10px; background: rgba(255,255,255,.05); border-radius: 100px; white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
.fdrop-c.fdrop-c-on { color: var(--gold); background: rgba(255,215,0,.12); }

/* Custom checkboxes */
.fchecks { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 540px) { .fchecks { grid-template-columns: 1fr; } }
.fchk {
  display: flex; align-items: center; gap: 12px;
  padding: 11px 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  cursor: pointer;
  transition: all .2s;
  user-select: none;
}
.fchk:hover { border-color: rgba(255,215,0,.3); background: rgba(255,215,0,.04); }
.fchk input { display: none; }
.fchk-box {
  width: 18px; height: 18px;
  border: 1.5px solid rgba(255,255,255,.3);
  border-radius: 4px;
  background: transparent;
  flex-shrink: 0;
  position: relative;
  transition: all .2s;
}
.fchk input:checked + .fchk-box {
  background: var(--gold);
  border-color: var(--gold);
}
.fchk input:checked + .fchk-box::after {
  content: ''; position: absolute;
  left: 5px; top: 1px;
  width: 5px; height: 10px;
  border: solid #0A0A0A;
  border-width: 0 2.5px 2.5px 0;
  transform: rotate(45deg);
}
.fchk-l { font-size: 14px; color: rgba(255,255,255,.9); font-weight: 500; }

/* ============================================
   PALETTE — CONTRAST OVERRIDES
   ============================================ */

/* ----- TECH palette (dark navy + electric blue) ----- */
body[data-palette="tech"] .htag,
body[data-palette="tech"] .stag {
  background: rgba(59,130,246,.12);
  color: #93C5FD;
  border: 1px solid rgba(59,130,246,.4);
}
body[data-palette="tech"] .shimmer {
  background: linear-gradient(120deg, #60A5FA, #3B82F6, #93C5FD, #60A5FA);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 18px rgba(59,130,246,.4));
}
body[data-palette="tech"] .btn-gold {
  background: linear-gradient(135deg, #3B82F6, #60A5FA);
  color: #FFFFFF;
  box-shadow: 0 4px 14px rgba(59,130,246,.35);
}
body[data-palette="tech"] .btn-gold:hover {
  box-shadow: 0 8px 30px rgba(59,130,246,.5);
}
body[data-palette="tech"] .btn-og {
  border-color: rgba(96,165,250,.5);
  color: #FFFFFF;
}
body[data-palette="tech"] .nav-cta { color: #FFFFFF; }
body[data-palette="tech"] .gold,
body[data-palette="tech"] .gold-text { color: #93C5FD !important; }
body[data-palette="tech"] .hl,
body[data-palette="tech"] .ss,
body[data-palette="tech"] .blog-excerpt { color: #CBD5E1; }

/* ----- VIVID palette (light) ----- */
body.palette-light,
body[data-palette="vivid"] {
  color: #0F172A;
}
body[data-palette="vivid"] .nav {
  background: rgba(255,255,255,.85) !important;
  border-bottom: 1px solid rgba(15,23,42,.08);
}
body[data-palette="vivid"] .nav.scrolled {
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 4px 20px rgba(15,23,42,.08);
}
body[data-palette="vivid"] .nav-links a { color: #334155; }
body[data-palette="vivid"] .nav-links a:hover { color: #2563EB; }
body[data-palette="vivid"] .nav-burger span { background: #0F172A; }

body[data-palette="vivid"] .hero-bg { opacity: .35; }
body[data-palette="vivid"] .hgrid {
  background-image:
    linear-gradient(rgba(37,99,235,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.08) 1px, transparent 1px) !important;
}

body[data-palette="vivid"] .htag,
body[data-palette="vivid"] .stag {
  background: rgba(37,99,235,.08);
  color: #2563EB;
  border: 1px solid rgba(37,99,235,.25);
}
body[data-palette="vivid"] .hero-h1,
body[data-palette="vivid"] .st,
body[data-palette="vivid"] .fstep-t,
body[data-palette="vivid"] .blog-title,
body[data-palette="vivid"] h2,
body[data-palette="vivid"] h3 { color: #0F172A; }
body[data-palette="vivid"] .hero-sub,
body[data-palette="vivid"] .ss,
body[data-palette="vivid"] .blog-excerpt,
body[data-palette="vivid"] .hl,
body[data-palette="vivid"] .ml-bar { color: #475569; }
body[data-palette="vivid"] .hn { color: #2563EB; }
body[data-palette="vivid"] .hsep { background: rgba(15,23,42,.15); }

body[data-palette="vivid"] .shimmer {
  background: linear-gradient(120deg, #2563EB, #7C3AED, #2563EB);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Buttons — dark text on bright gradient for max contrast */
body[data-palette="vivid"] .btn-gold,
body[data-palette="vivid"] .nav-cta {
  background: linear-gradient(135deg, #2563EB, #7C3AED);
  color: #FFFFFF;
  box-shadow: 0 4px 14px rgba(37,99,235,.3);
}
body[data-palette="vivid"] .btn-gold:hover {
  box-shadow: 0 10px 32px rgba(37,99,235,.45);
}
body[data-palette="vivid"] .btn-og {
  background: #FFFFFF;
  border-color: rgba(37,99,235,.4);
  color: #2563EB;
}
body[data-palette="vivid"] .btn-og:hover {
  background: rgba(37,99,235,.05);
}

/* Cards / panels light backgrounds */
body[data-palette="vivid"] .ci-card,
body[data-palette="vivid"] .cf-wrap,
body[data-palette="vivid"] .plan-card,
body[data-palette="vivid"] .blog-card,
body[data-palette="vivid"] .avis-card,
body[data-palette="vivid"] .faq-i,
body[data-palette="vivid"] .az-card,
body[data-palette="vivid"] .mlc,
body[data-palette="vivid"] .form-card {
  background: #FFFFFF !important;
  border-color: rgba(15,23,42,.08) !important;
  color: #0F172A;
  box-shadow: 0 4px 16px rgba(15,23,42,.04);
}

/* Inputs */
body[data-palette="vivid"] .fg input,
body[data-palette="vivid"] .fg select,
body[data-palette="vivid"] .fg textarea {
  background: #F8FAFC;
  border-color: rgba(15,23,42,.12);
  color: #0F172A;
}
body[data-palette="vivid"] .fg input::placeholder,
body[data-palette="vivid"] .fg textarea::placeholder { color: #94A3B8; }
body[data-palette="vivid"] .fg input:focus,
body[data-palette="vivid"] .fg select:focus,
body[data-palette="vivid"] .fg textarea:focus {
  border-color: #2563EB;
  background: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}
body[data-palette="vivid"] .fg label { color: #475569; }
body[data-palette="vivid"] .fdrop {
  background: #F8FAFC;
  border-color: rgba(37,99,235,.3);
}
body[data-palette="vivid"] .fdrop-l { color: #0F172A; }
body[data-palette="vivid"] .fchk {
  background: #F8FAFC;
  border-color: rgba(15,23,42,.08);
}
body[data-palette="vivid"] .fchk-l { color: #0F172A; }
body[data-palette="vivid"] .fchk-box { border-color: rgba(15,23,42,.3); }

/* Pricing plans — keep them readable */
body[data-palette="vivid"] .plan-name,
body[data-palette="vivid"] .plan-price-main,
body[data-palette="vivid"] .pp-price,
body[data-palette="vivid"] .plan-feat { color: #0F172A; }

/* Sections backgrounds in light mode */
body[data-palette="vivid"] .bbar,
body[data-palette="vivid"] .offre-s,
body[data-palette="vivid"] .pricing-s,
body[data-palette="vivid"] .video-s,
body[data-palette="vivid"] .ba-s,
body[data-palette="vivid"] .services-s,
body[data-palette="vivid"] .proof-s,
body[data-palette="vivid"] .avis-s,
body[data-palette="vivid"] .pdf-s,
body[data-palette="vivid"] .blog-s,
body[data-palette="vivid"] .contact-s,
body[data-palette="vivid"] .faq-s {
  background: #FFFFFF;
}
body[data-palette="vivid"] .bbar { background: #F8FAFC; }
body[data-palette="vivid"] .pricing-s { background: linear-gradient(180deg, #F8FAFC, #FFFFFF); }

/* Footer + Access zone always dark for visual anchor */
body[data-palette="vivid"] .footer {
  background: #0F172A;
  color: #FFFFFF;
}
body[data-palette="vivid"] .footer-brand p,
body[data-palette="vivid"] .footer h4,
body[data-palette="vivid"] .fcol a,
body[data-palette="vivid"] .footer-seo p,
body[data-palette="vivid"] .footer-bottom p { color: rgba(255,255,255,.8); }
body[data-palette="vivid"] .az-s {
  background: linear-gradient(180deg, #F1F5F9, #E2E8F0);
}
body[data-palette="vivid"] .az-card {
  background: #FFFFFF !important;
  border-color: rgba(15,23,42,.1) !important;
}
body[data-palette="vivid"] .az-ch h3 { color: #0F172A; }
body[data-palette="vivid"] .az-ch p { color: #64748B; }
body[data-palette="vivid"] .az-f input {
  background: #F8FAFC;
  border-color: rgba(15,23,42,.1);
  color: #0F172A;
}

/* WhatsApp float button stays green — already accessible */
body[data-palette="vivid"] .wa-float { box-shadow: 0 8px 28px rgba(37,211,102,.45); }

/* FAQ visibility */
body[data-palette="vivid"] .faq-q { color: #0F172A; }
body[data-palette="vivid"] .faq-a p { color: #475569; }

/* Selection */
body[data-palette="vivid"] ::selection { background: rgba(37,99,235,.25); color: #0F172A; }

/* ============================================
   FLOATING "CLIENTS / FORMULAIRES" BUTTON
   (only visible when logged-in admin/comercial)
   ============================================ */
.forms-access-btn {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  z-index: 1000;
  background: linear-gradient(135deg, var(--gold), var(--gold2));
  color: #0A0A0A;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px 14px 16px;
  border-radius: 12px 0 0 12px;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 13px;
  letter-spacing: 0.08em;
  font-weight: 600;
  box-shadow: -4px 4px 24px rgba(255,215,0,0.35), 0 0 0 1px rgba(0,0,0,0.1) inset;
  text-decoration: none;
  transition: transform 0.25s cubic-bezier(0.4,0,0.2,1), box-shadow 0.25s;
  cursor: pointer;
}
.forms-access-btn:hover {
  transform: translateY(-50%) translateX(-4px);
  box-shadow: -8px 4px 32px rgba(255,215,0,0.5), 0 0 0 1px rgba(0,0,0,0.1) inset;
}
.forms-access-btn svg { flex-shrink: 0; }
.forms-access-btn .fab-label {
  white-space: nowrap;
  font-weight: 700;
}
@media (max-width: 640px) {
  .forms-access-btn {
    padding: 12px;
    border-radius: 10px 0 0 10px;
    bottom: 90px;
    top: auto;
    transform: translateX(0);
  }
  .forms-access-btn:hover { transform: translateX(-4px); }
  .forms-access-btn .fab-label { display: none; }
}

/* ============================================
   ACCESS ZONE — Google button + "or" separator
   ============================================ */
.az-or {
  display: flex; align-items: center; gap: 12px;
  margin: 14px 0;
  color: rgba(255,255,255,0.4);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.az-or::before, .az-or::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(255,255,255,0.1);
}
.az-btn-google {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #FFFFFF;
  color: #3c4043;
  font-weight: 600;
  border: 1px solid rgba(0,0,0,0.1);
  transition: all 0.2s;
}
.az-btn-google:hover {
  background: #F8F9FA;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  transform: translateY(-1px);
}
.az-btn-google svg { flex-shrink: 0; }