/* ============ KAYWER — NOIR / VERT LIME / CHROME ============
   Couleurs relevées directement sur le logo :
   lime #8CD10B · highlight #AAEA17 · vert profond #2E6401 · chrome #D6DADD
   ============================================================ */
:root{
  --acc:#8CD10B;                    /* vert lime du logo */
  --acc-cl:#AAEA17;                 /* highlight, texte accentué */
  --acc-dk:#2E6401;                 /* vert profond, ombres */
  --acc-soft:rgba(140,209,11,.14);
  --acc2:#D6DADD;                   /* chrome / argent du logo */
  --acc2-cl:#ffffff;
  --on-acc:#0A1400;                 /* texte sur fond vert */

  --bg:#000000;
  --bg-2:rgba(8,8,8,.82);
  --bg-3:rgba(20,20,20,.9);
  --line:rgba(255,255,255,.12);
  --fg:#ffffff;
  --dim:#9a9a9a;
  --wa:#25d366;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:only dark}

/* ---------- FOND : SALLE BIEN VISIBLE ---------- */
body{color:var(--fg);font-family:'Inter',system-ui,sans-serif;line-height:1.6;overflow-x:hidden;background:#07090a}
body::before{
  content:"";position:fixed;inset:0;z-index:-2;
  background-image:url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?auto=format&fit=crop&w=1900&q=85');
  background-size:cover;background-position:center;background-attachment:fixed;
  filter:grayscale(.15) brightness(.62) contrast(1.05) saturate(.9);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;
  background:
    /* trame nid d'abeille reprise du logo */
    repeating-linear-gradient(60deg, rgba(140,209,11,.030) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(-60deg, rgba(140,209,11,.030) 0 1px, transparent 1px 26px),
    radial-gradient(1200px 620px at 15% 5%, rgba(140,209,11,.13), transparent 68%),
    radial-gradient(900px 500px at 88% 92%, rgba(214,218,221,.07), transparent 70%),
    linear-gradient(180deg, rgba(0,0,0,.56), rgba(0,0,0,.76));
}

a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
.wrap{max-width:1280px;margin:0 auto;padding:0 30px}
.disp{font-family:'Archivo Black',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.5px;font-weight:400}
.kick{font-size:11px;letter-spacing:4px;text-transform:uppercase;font-weight:700;color:var(--acc-cl)}
.acc{color:var(--acc-cl)}
.acc-r{color:var(--acc2-cl)}

/* ---------- BANDEAU PROMO ---------- */
.promo{background:var(--acc);color:var(--on-acc);text-align:center;padding:10px 18px;
  font-family:'Archivo Black',sans-serif;font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;line-height:1.4}
@media(max-width:640px){.promo{font-size:11px;padding:9px 14px}}

/* ---------- HEADER ---------- */
header.top{position:sticky;top:0;z-index:200;background:#000;border-bottom:4px solid var(--acc)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:11px 30px;max-width:1280px;margin:0 auto;gap:16px}
.logo{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.logo img{height:52px;width:auto;max-width:290px;object-fit:contain}
.menu{display:flex;gap:2px;align-items:center}
.menu a{padding:12px 16px;font-size:12.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#dcdcdc;transition:.2s;position:relative;white-space:nowrap}
.menu a:hover{color:#fff}
.menu a.on{color:#fff}
.menu a.on{color:var(--acc)}
.menu a.on::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:4px;background:var(--acc)}
.cta-top{background:var(--acc);color:var(--on-acc);padding:12px 22px;font-family:'Archivo Black',sans-serif;font-size:12px;
  letter-spacing:1px;text-transform:uppercase;transition:.25s;margin-left:8px}
.cta-top:hover{background:#fff;color:#000}
.burger{display:none;background:none;border:1px solid var(--line);color:#fff;padding:9px 13px;font-size:17px;cursor:pointer}
@media(max-width:1080px){
  .menu{position:fixed;inset:76px 0 auto 0;background:#000;backdrop-filter:blur(18px);flex-direction:column;
    gap:0;padding:10px 0 18px;border-bottom:1px solid var(--line);display:none}
  .menu.open{display:flex}
  .menu a{width:100%;padding:15px 30px;font-size:15px}
  .menu a.on::after{left:30px;right:auto;width:26px}
  .cta-top{margin:10px 30px 0;text-align:center}
  .burger{display:block}
  .nav{padding:10px 20px}
  .logo img{height:42px;max-width:220px}
}

/* ---------- BOUTONS : vert par défaut ---------- */
.btn{display:inline-block;font-family:'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:13px;
  padding:15px 30px;cursor:pointer;transition:.25s;border:2px solid var(--acc);color:var(--on-acc);background:var(--acc)}
.btn:hover{background:transparent;color:var(--acc-cl)}
.btn-r{border-color:var(--acc2);background:var(--acc2);color:#fff}
.btn-r:hover{background:transparent;color:var(--acc2-cl)}
.btn-o{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.btn-o:hover{border-color:#fff;background:#fff;color:#07090a}
.btn-wa{background:var(--wa);border-color:var(--wa);color:#04240f}
.btn-wa:hover{background:transparent;color:var(--wa)}

/* ---------- EN-TÊTE DE PAGE ---------- */
.phead{position:relative;padding:100px 0 74px;border-bottom:1px solid var(--line);overflow:hidden;background:rgba(0,0,0,.55)}
.phead h1{font-family:'Archivo Black',sans-serif;text-transform:uppercase;font-size:clamp(40px,8vw,92px);line-height:.92;margin:14px 0 16px;
  text-shadow:0 4px 30px rgba(0,0,0,.7)}
.phead p{color:#cfd6d2;max-width:620px;font-size:17px;font-weight:300}

section{padding:92px 0;position:relative}
.panel{background:var(--bg-2);backdrop-filter:blur(8px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.shead{margin-bottom:50px}
.shead h2{font-family:'Archivo Black',sans-serif;text-transform:uppercase;font-size:clamp(32px,5.5vw,64px);line-height:.98;margin-top:12px;
  text-shadow:0 3px 24px rgba(0,0,0,.6)}
.shead p{color:#c2cac6;max-width:600px;margin-top:16px;font-weight:300;font-size:16.5px}
.rev{opacity:0;transform:translateY(30px);transition:.8s cubic-bezier(.2,.7,.2,1)}
.rev.in{opacity:1;transform:none}

/* ---------- FOOTER ---------- */
footer{border-top:4px solid var(--acc);background:rgba(0,0,0,.94);backdrop-filter:blur(12px);padding:58px 30px 32px}
.fgrid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px}
.fgrid h4{font-family:'Archivo Black',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.fgrid a,.fgrid p{display:block;color:var(--dim);font-size:14px;margin-bottom:9px;font-weight:300;transition:.2s}
.fgrid a:hover{color:var(--acc-cl)}
.fbot{max-width:1280px;margin:42px auto 0;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:12px;font-size:12px;color:#67706b}
.fbot a{color:var(--acc-cl)}
@media(max-width:900px){.fgrid{grid-template-columns:1fr;gap:28px}}