*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --or:#F7A21B;--gold:#ffd060;--red:#C0392B;--dark:#07090b;
  --card:#0d1219;--card2:#131c28;--brd:#1a2535;--mu:#5a6a80;--txt:#b8c8d8;
}
html,body{width:100%;min-height:100vh;overflow-x:hidden;font-family:'Inter',sans-serif;background:var(--dark);}
#bg{position:fixed;inset:0;z-index:0;pointer-events:none;}

/* ══ SPLASH ══ */
#splash{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:0;
  background:radial-gradient(ellipse at 50% 40%,#0d1a2a 0%,#060810 100%);
  transition:opacity .8s ease;}
#splash.out{opacity:0;pointer-events:none;}
.sp-logo{margin-bottom:20px;animation:floatY 3s ease-in-out infinite;}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.sp-logo svg{width:80px;height:80px;filter:drop-shadow(0 0 18px rgba(247,162,27,.7));}
.sp-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,8vw,64px);
  letter-spacing:5px;text-align:center;line-height:1;margin-bottom:4px;
  background:linear-gradient(135deg,#ffd060 0%,#F7A21B 45%,#e07000 75%,#ffd060 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.sp-sub{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:14px;
  color:var(--red);letter-spacing:7px;text-transform:uppercase;text-align:center;margin-bottom:28px;}
.sp-btn{display:flex;align-items:center;gap:10px;border:none;cursor:pointer;
  background:linear-gradient(135deg,#C0392B,#e05500);color:#fff;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;
  letter-spacing:3px;text-transform:uppercase;padding:15px 36px;
  box-shadow:0 6px 30px rgba(192,57,43,.6);animation:pulse 1.8s ease-in-out infinite;
  transition:transform .15s;}
.sp-btn:hover{transform:scale(1.05);}
@keyframes pulse{0%,100%{box-shadow:0 6px 30px rgba(192,57,43,.5);}
  50%{box-shadow:0 10px 40px rgba(247,162,27,.75);}}
.sp-note{font-size:11px;color:#2a3a4a;margin-top:14px;letter-spacing:.5px;}

/* ══ PAGE ══ */
.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:56px 12px 28px;}

/* ══ URGENCE BADGE ══ */
.urg{display:inline-flex;align-items:center;gap:7px;
  background:rgba(192,57,43,.12);border:1px solid rgba(192,57,43,.35);
  padding:5px 14px;margin-bottom:16px;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:10px;
  letter-spacing:3px;color:#ff7a5a;text-transform:uppercase;}
.pd{width:6px;height:6px;background:#ff4030;border-radius:50%;flex-shrink:0;
  animation:blink 1s ease-in-out infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.1;}}

/* ══ HERO ══ */
.hero{width:100%;max-width:880px;text-align:center;margin-bottom:20px;}
.hero-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px;flex-wrap:wrap;}
.drop-logo svg{width:54px;height:54px;animation:glow 3s ease-in-out infinite;}
@keyframes glow{0%,100%{filter:drop-shadow(0 0 7px rgba(247,162,27,.5));}
  50%{filter:drop-shadow(0 0 22px rgba(247,162,27,1));}}
.brand{display:flex;flex-direction:column;text-align:left;}
.brand-name{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(44px,9vw,84px);
  letter-spacing:5px;line-height:.9;
  background:linear-gradient(110deg,#ffd878 0%,#F7A21B 30%,#ff8800 55%,#C0392B 80%,#ffd060 100%);
  background-size:200%;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:shimmer 4s linear infinite;
  text-transform:uppercase;
  filter:drop-shadow(0 3px 14px rgba(247,162,27,.35));
}
@keyframes shimmer{0%{background-position:0%;}100%{background-position:200%;}}
.brand-label{font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:clamp(12px,2.2vw,20px);color:var(--red);letter-spacing:8px;
  text-transform:uppercase;margin-top:3px;}
.slogan{font-family:'Barlow Condensed',sans-serif;font-weight:900;
  font-size:clamp(15px,2.8vw,24px);color:var(--txt);letter-spacing:2px;
  text-transform:uppercase;margin-bottom:5px;}
.slogan em{color:var(--gold);font-style:normal;}
.deco{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0 6px;}
.dl{height:2px;width:50px;background:linear-gradient(90deg,transparent,var(--or));}
.dl.r{transform:scaleX(-1);}
.dd{width:5px;height:5px;background:var(--or);transform:rotate(45deg);}
.hero-info{font-size:11px;color:var(--mu);letter-spacing:.3px;}
.hero-info b{color:#7a9ab0;font-weight:500;}

/* DIVIDER */
.dv{width:100%;max-width:880px;height:1px;margin:0 auto 14px;
  background:linear-gradient(90deg,transparent,var(--red) 20%,var(--or) 50%,transparent);}
.slbl{text-align:center;margin-bottom:12px;font-family:'Barlow Condensed',sans-serif;
  font-weight:600;font-size:10px;letter-spacing:6px;color:var(--red);text-transform:uppercase;}

/* ══ SERVICES ══ */
.sg{display:grid;gap:6px;width:100%;max-width:880px;margin-bottom:6px;
  grid-template-columns:repeat(4,1fr);}
.sg.r2{grid-template-columns:repeat(3,1fr);max-width:660px;margin:0 auto 18px;}
.sv{background:var(--card);border:1px solid var(--brd);border-top:2px solid var(--or);
  padding:12px 11px 10px;position:relative;overflow:hidden;
  transition:background .18s,transform .18s,border-color .18s;animation:fu .45s both;}
.sv:nth-child(1){animation-delay:.04s;}.sv:nth-child(2){animation-delay:.09s;}
.sv:nth-child(3){animation-delay:.14s;}.sv:nth-child(4){animation-delay:.19s;}
.sv:nth-child(5){animation-delay:.24s;}.sv:nth-child(6){animation-delay:.29s;}
.sv:nth-child(7){animation-delay:.34s;}
@keyframes fu{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.sv:hover{background:var(--card2);transform:translateY(-2px);border-color:var(--or);}
.sv::after{content:'';position:absolute;bottom:-5px;right:-5px;width:36px;height:36px;
  background:radial-gradient(circle,rgba(247,162,27,.05),transparent 70%);pointer-events:none;}
.sv-sp{border-top-color:#9a7a10;}
.si{display:block;margin-bottom:5px;}
.sn{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11.5px;
  color:var(--or);text-transform:uppercase;letter-spacing:.7px;margin-bottom:2px;}
.sd{font-size:9.5px;color:var(--mu);line-height:1.45;}
.sv-more{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:9px;
  letter-spacing:1.5px;color:rgba(247,162,27,.45);text-transform:uppercase;
  margin-top:7px;transition:color .2s;}
.sv-link:hover .sv-more{color:var(--or);}

/* ZONE */
.zone{width:100%;max-width:880px;background:var(--card);border:1px solid var(--brd);
  padding:8px 16px;display:flex;align-items:center;gap:7px;margin-bottom:14px;}
.zone p{font-size:10.5px;color:var(--mu);flex:1;}
.zone p b{color:var(--or);font-weight:500;}

/* CTA */
.cta{width:100%;max-width:880px;
  background:linear-gradient(120deg,rgba(13,4,2,.98),rgba(24,6,2,.98) 55%,rgba(10,3,1,.98));
  border:1px solid rgba(192,57,43,.25);padding:18px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-bottom:16px;position:relative;overflow:hidden;}
.cta::before{content:'';position:absolute;top:-20px;right:-20px;width:120px;height:120px;
  background:radial-gradient(circle,rgba(192,57,43,.1),transparent 70%);pointer-events:none;}
.cta-l h3{font-family:'Bebas Neue',sans-serif;font-size:clamp(22px,4vw,32px);
  color:#fff;letter-spacing:2px;line-height:1.1;}
.cta-l h3 em{color:var(--gold);font-style:normal;}
.cta-l p{font-size:10px;color:#3a4a50;margin-top:2px;}
.cbtn{display:inline-flex;align-items:center;gap:9px;
  background:linear-gradient(135deg,var(--red),#c44000);
  padding:12px 20px;text-decoration:none;flex-shrink:0;
  box-shadow:0 5px 18px rgba(192,57,43,.4);
  transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;}
.cbtn::before{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);
  transform:translateX(-100%);transition:transform .4s;}
.cbtn:hover::before{transform:translateX(100%);}
.cbtn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(192,57,43,.6);}
.cph{font-size:20px;animation:ring 4s ease-in-out infinite;}
@keyframes ring{0%,78%,100%{transform:rotate(0);}80%{transform:rotate(-14deg);}
  83%{transform:rotate(14deg);}86%{transform:rotate(-9deg);}89%{transform:rotate(7deg);}92%{transform:rotate(0);}}
.clbl{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:9px;
  letter-spacing:3px;color:rgba(255,255,255,.5);text-transform:uppercase;}
.cnum{font-family:'Bebas Neue',sans-serif;font-size:clamp(24px,4vw,32px);
  color:#fff;letter-spacing:3px;line-height:1.1;}

/* FOOTER */
.ftr{width:100%;max-width:880px;display:flex;align-items:center;gap:8px;}
.ld{width:5px;height:5px;background:#3ddc84;border-radius:50%;flex-shrink:0;
  animation:ldbk 1.4s ease-in-out infinite;}
@keyframes ldbk{0%,100%{opacity:1;}50%{opacity:.1;}}
.ftr p{font-size:10px;color:#22303c;flex:1;}
.ftr p b{color:#2e4050;font-weight:500;}
.ftr .web{font-size:10px;color:rgba(247,162,27,.22);}

/* HERO PHOTO */
.hero-img-wrap{width:100%;max-width:880px;margin:0 auto 20px;overflow:hidden;position:relative;border:1px solid var(--brd);}
.hero-img-wrap img{width:100%;height:220px;object-fit:cover;object-position:center 60%;
  filter:brightness(.75) saturate(1.1);display:block;}
.hero-img-wrap::after{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(7,9,11,.7) 0%,transparent 50%,rgba(7,9,11,.3) 100%);}
.hero-img-badge{position:absolute;bottom:12px;left:16px;z-index:2;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:10px;
  letter-spacing:3px;color:rgba(255,255,255,.7);text-transform:uppercase;}

/* ZONES BLOCK */
.zones-block{width:100%;max-width:880px;background:var(--card);
  border:1px solid var(--brd);margin-bottom:14px;overflow:hidden;}
.zones-title{display:flex;align-items:center;gap:7px;padding:9px 14px;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:10px;
  letter-spacing:3px;color:var(--or);text-transform:uppercase;
  background:rgba(247,162,27,.05);border-bottom:1px solid var(--brd);}
.communes-grid{display:flex;flex-wrap:wrap;gap:5px;padding:10px 12px 12px;}
.com{font-size:10px;color:var(--mu);background:rgba(255,255,255,.03);
  border:1px solid var(--brd);padding:3px 8px;letter-spacing:.3px;
  transition:color .15s,border-color .15s;}
.com:hover{color:var(--txt);border-color:rgba(247,162,27,.3);}
.com.star{color:var(--or);border-color:rgba(247,162,27,.25);
  background:rgba(247,162,27,.06);font-weight:600;}

/* SECONDARY NAV */
.secondary-nav{width:100%;max-width:880px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.sec-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11px;
  letter-spacing:2px;text-transform:uppercase;padding:8px 14px;
  border:1px solid var(--brd);color:var(--mu);transition:all .2s;}
.sec-link:hover{color:var(--or);border-color:rgba(247,162,27,.3);}
.sec-link-cta{background:rgba(247,162,27,.08);border-color:rgba(247,162,27,.25);color:var(--or);}
.sec-link-cta:hover{background:rgba(247,162,27,.15);}

/* CTA MOBILE FLOTTANT */
.cta-float{display:none;position:fixed;bottom:0;left:0;right:0;z-index:500;
  background:linear-gradient(135deg,var(--red),#c44000);
  padding:12px 20px;box-shadow:0 -4px 20px rgba(192,57,43,.4);}
.cta-float a{display:flex;align-items:center;justify-content:center;gap:10px;
  text-decoration:none;color:#fff;font-family:'Barlow Condensed',sans-serif;
  font-weight:700;font-size:15px;letter-spacing:2px;text-transform:uppercase;}
.cta-float .ph{font-size:18px;animation:ring 4s ease-in-out infinite;}

/* SKIP LINK */
.skip-link{position:absolute;top:-40px;left:0;background:var(--or);color:#000;
  padding:8px 16px;font-weight:700;font-size:12px;z-index:9999;transition:top .2s;}
.skip-link:focus{top:0;}

/* RESPONSIVE */
@media(max-width:640px){
  .sg{grid-template-columns:1fr 1fr;}.sg.r2{grid-template-columns:1fr 1fr;}
  .brand-name{font-size:38px;}.page{padding:48px 10px 22px;}
  .cta{padding:14px 12px;}.cnum{font-size:22px;}
  .hero-row{flex-direction:column;gap:8px;}.brand{text-align:center;}
  .cta-float{display:block;}.page{padding-bottom:70px;}
}
@media(max-width:380px){.sg,.sg.r2{grid-template-columns:1fr;}}