:root{--blue:#294383;--steel:#829aa5;--dark:#07101f;--gold:#caa45d;--light:#f6f8fb;--white:#fff;--text:#273244;--shadow:0 24px 70px rgba(7,16,31,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--text);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{background:var(--dark);color:#dfe8ee;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:10px 0}.topbar span{display:inline-flex;align-items:center;gap:7px;margin-right:18px}.header{position:fixed;left:0;right:0;top:38px;z-index:99;transition:.35s}.header.scrolled{top:0;background:rgba(255,255,255,.96);box-shadow:0 12px 35px rgba(0,0,0,.08);backdrop-filter:blur(12px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo img{height:62px;width:auto}.menu{display:flex;align-items:center;gap:28px;font-weight:600;color:#fff}.header.scrolled .menu{color:var(--dark)}.menu a{position:relative}.menu a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--gold);transition:.3s}.menu a:hover:after,.menu a.active:after{width:100%}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff!important;border-radius:999px;padding:14px 24px;font-weight:700;box-shadow:0 16px 32px rgba(41,67,131,.25);border:0;cursor:pointer}.btn.gold{background:var(--gold);color:#101827!important}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.38);box-shadow:none}.header.scrolled .btn.ghost{border-color:rgba(41,67,131,.25);color:var(--blue)!important}.burger{display:none;font-size:32px;color:#fff}.header.scrolled .burger{color:var(--blue)}.hero{position:relative;min-height:100vh;background:var(--dark);overflow:hidden}.slide{position:absolute;inset:0;opacity:0;transition:1s ease}.slide.active{opacity:1}.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,31,.92),rgba(7,16,31,.55),rgba(7,16,31,.15));z-index:1}.slide img{width:100%;height:100%;object-fit:cover;animation:ken 12s linear infinite}.hero-content{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;color:#fff;padding-top:120px}.hero-text{max-width:780px}.eyebrow{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:13px}.hero h1{font-size:clamp(42px,7vw,86px);line-height:.98;margin:18px 0}.hero p{font-size:clamp(16px,2vw,21px);line-height:1.8;color:#eaf0f5}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.slider-dots{position:absolute;z-index:3;bottom:38px;left:50%;transform:translateX(-50%);display:flex;gap:12px}.slider-dots button{width:12px;height:12px;border-radius:50%;border:0;background:#fff;opacity:.45}.slider-dots button.active{opacity:1;background:var(--gold)}@keyframes ken{from{transform:scale(1)}to{transform:scale(1.12)}}section{padding:100px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 55px}.section-head h2{font-size:clamp(30px,4vw,52px);color:var(--dark);margin:12px 0}.section-head p{line-height:1.8;color:#657385}.grid{display:grid;gap:28px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border-radius:28px;padding:32px;box-shadow:0 10px 35px rgba(7,16,31,.08);border:1px solid #edf1f4;transition:.35s}.card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}.icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:rgba(41,67,131,.1);color:var(--blue);font-size:30px;margin-bottom:22px}.card h3{color:var(--dark);margin:0 0 12px}.card p{line-height:1.75;color:#667384}.about{background:var(--light)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.image-frame{position:relative}.image-frame img{border-radius:36px;box-shadow:var(--shadow)}.badge{position:absolute;bottom:-24px;right:34px;background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow);font-weight:800;color:var(--blue)}.list{padding:0;margin:25px 0;list-style:none}.list li{display:flex;gap:12px;margin:14px 0;font-weight:600}.list ion-icon{color:var(--gold);font-size:22px;min-width:22px}.stats{background:linear-gradient(120deg,var(--blue),#142552);color:#fff}.stats .grid{text-align:center}.stat strong{font-size:48px;color:var(--gold)}.stat span{display:block;color:#dfe8ee}.expertise-card{min-height:260px;display:flex;flex-direction:column}.expertise-card a{margin-top:auto;color:var(--blue);font-weight:800}.cta{background:linear-gradient(rgba(7,16,31,.82),rgba(7,16,31,.82)),url('assets/img/hero-law.svg') center/cover;color:#fff;text-align:center}.cta h2{font-size:clamp(30px,5vw,58px);margin:0 auto 20px;max-width:850px}.team-card{text-align:center;padding:0;overflow:hidden}.team-card img{height:260px;width:100%;object-fit:cover;background:#eef3f6}.team-card .body{padding:26px}.news-card{overflow:hidden;padding:0}.news-card img{height:210px;width:100%;object-fit:cover}.news-card .body{padding:28px}.contact-band{background:var(--dark);color:#fff}.contact-band .split{grid-template-columns:1.1fr .9fr}.form{background:#fff;color:var(--text);padding:32px;border-radius:28px}.form input,.form textarea,.form select{width:100%;padding:15px 17px;border:1px solid #dfe6ea;border-radius:14px;margin-bottom:14px;font-family:inherit}.footer{background:#050b15;color:#cad5dc;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer img{height:72px;width:auto;margin-bottom:18px}.footer h4{color:#fff}.footer a{display:block;margin:10px 0;color:#cad5dc}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:22px;text-align:center;font-size:14px}.page-hero{padding:190px 0 95px;background:linear-gradient(90deg,rgba(7,16,31,.92),rgba(41,67,131,.78)),url('assets/img/hero-law.svg') center/cover;color:#fff}.page-hero h1{font-size:clamp(38px,6vw,72px);margin:12px 0}.crumb{color:#dfe8ee}.faq-item{border:1px solid #e5eaee;border-radius:18px;margin-bottom:14px;overflow:hidden}.faq-q{padding:20px 24px;font-weight:800;display:flex;justify-content:space-between;cursor:pointer;color:var(--dark)}.faq-a{display:none;padding:0 24px 22px;line-height:1.8;color:#657385}.reveal{opacity:0;transform:translateY(35px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.back-top{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;border:0;background:var(--blue);color:#fff;font-size:24px;display:grid;place-items:center;box-shadow:var(--shadow);z-index:100;opacity:0;visibility:hidden;transform:translateY(15px);transition:.3s}.back-top.show{opacity:1;visibility:visible;transform:none}.preloader{position:fixed;inset:0;background:#fff;display:grid;place-items:center;z-index:9999;transition:.6s}.preloader.hide{opacity:0;visibility:hidden}.loader-logo{width:170px;animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(1.05);opacity:.75}}@media(max-width:980px){.topbar{display:none}.header{top:0}.menu{position:fixed;inset:82px 0 auto 0;background:#fff;color:var(--dark);display:grid;gap:0;padding:20px;transform:translateY(-140%);transition:.35s;box-shadow:var(--shadow)}.menu.open{transform:translateY(0)}.menu a{padding:12px}.burger{display:block}.split,.contact-band .split{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero-content{padding-top:100px}.logo img{height:52px}}@media(max-width:640px){section{padding:70px 0}.grid-3,.grid-4{grid-template-columns:1fr}.hero-actions .btn{width:100%;justify-content:center}.footer-grid{grid-template-columns:1fr}.topbar{display:none}.nav{height:74px}.menu{inset:74px 0 auto 0}.page-hero{padding-top:135px}.badge{position:static;margin-top:15px}.card{padding:26px}.hero h1{font-size:40px}}

/* ===== Mode clair / mode sombre Oyadjibaye Nestor Avocats ===== */
.theme-toggle{
  border:1px solid rgba(255,255,255,.32);
  color:#fff;
  background:rgba(255,255,255,.08);
  border-radius:999px;
  padding:11px 15px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:inherit;
  font-weight:800;
  cursor:pointer;
  backdrop-filter:blur(10px);
  transition:.35s ease;
}
.theme-toggle ion-icon{font-size:18px}.theme-toggle span{font-size:12px}.theme-toggle:hover{transform:translateY(-2px);background:rgba(255,255,255,.16)}
.header.scrolled .theme-toggle{border-color:rgba(41,67,131,.22);color:var(--blue);background:rgba(41,67,131,.06)}

/* Reflet premium sur les cartes d'expertise */
.expertise-card{position:relative;overflow:hidden;isolation:isolate}.expertise-card:before{content:"";position:absolute;top:-120%;left:-80%;width:65%;height:320%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.05) 36%,rgba(255,255,255,.58) 48%,rgba(255,255,255,.10) 58%,transparent 100%);transform:rotate(18deg);transition:.85s ease;z-index:-1}.expertise-card:hover:before{left:145%}.expertise-card:hover{border-color:rgba(41,67,131,.35);transform:translateY(-12px) scale(1.02)}

/* Thème sombre basé sur le logo */
body.dark-mode{
  --light:#0d1728;
  --white:#101a2e;
  --text:#dbe6ec;
  --dark:#050b15;
  background:#08111f;
  color:#dbe6ec;
}
body.dark-mode .topbar,
body.dark-mode .footer{background:#030813}
body.dark-mode .header.scrolled{background:rgba(5,11,21,.92);box-shadow:0 16px 50px rgba(0,0,0,.35)}
body.dark-mode .header.scrolled .menu{color:#eef5f8}
body.dark-mode .header.scrolled .burger{color:#fff}
body.dark-mode .header.scrolled .btn.ghost{border-color:rgba(130,154,165,.32);color:#fff!important}
body.dark-mode .header.scrolled .theme-toggle{border-color:rgba(130,154,165,.35);background:rgba(130,154,165,.12);color:#fff}
body.dark-mode section:not(.hero):not(.stats):not(.cta):not(.contact-band):not(.page-hero){background:#08111f}
body.dark-mode .about{background:#0d1728}
body.dark-mode .section-head h2,
body.dark-mode .card h3,
body.dark-mode .faq-q{color:#f3f7fa}
body.dark-mode .section-head p,
body.dark-mode .card p,
body.dark-mode .faq-a{color:#b6c5cc}
body.dark-mode .card,
body.dark-mode .form,
body.dark-mode .badge,
body.dark-mode .faq-item{background:#101a2e;border-color:rgba(130,154,165,.18);box-shadow:0 22px 70px rgba(0,0,0,.28)}
body.dark-mode .form input,
body.dark-mode .form textarea,
body.dark-mode .form select{background:#0b1425;border-color:rgba(130,154,165,.24);color:#eaf0f5}
body.dark-mode .form input::placeholder,
body.dark-mode .form textarea::placeholder{color:#8fa5af}
body.dark-mode .preloader{background:#050b15}
body.dark-mode .menu.open{background:#0b1425;color:#fff}
body.dark-mode .back-top{background:var(--steel);color:#06101d}
body.dark-mode .expertise-card:before{background:linear-gradient(115deg,transparent 0%,rgba(130,154,165,.04) 35%,rgba(130,154,165,.45) 48%,rgba(41,67,131,.18) 60%,transparent 100%)}
body.dark-mode .expertise-card:hover{border-color:rgba(130,154,165,.46)}

@media(max-width:980px){.theme-toggle{color:var(--blue);border-color:rgba(41,67,131,.18);justify-content:center}.theme-toggle span{display:inline}.menu .theme-toggle{margin-top:10px;width:100%}}
