/* Kousvit — Premium Edition | wouj #C8102E + nwa + blan | mobile-first */
:root{
  --wouj-fonce:#8f0a20; --nwa:#0d0d0f; --nwa2:#17171b;
  --blan:#ffffff; --gri:#6b6b6b; --gri-kle:#f6f6f8; --wouj:#C8102E;
  --wouj-kle:#ff5c7a;
  --reyon:16px;
  --lonbraj:0 10px 30px rgba(0,0,0,.10);
  --lonbraj-gwo:0 24px 60px rgba(0,0,0,.16);
  --grad-wouj:linear-gradient(135deg,#e01438 0%,#a00c26 100%);
  --font-tit:'Sora',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-ko:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-ko);color:var(--nwa);background:var(--blan);
  line-height:1.65;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
h1,h2,h3,.logo,.btn{font-family:var(--font-tit)}
img,svg{max-width:100%}
a{color:inherit}
.kontenè{max-width:1120px;margin:0 auto;padding:0 22px}

/* ---- Scroll reveal ---- */
.r{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.r.v{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.r{opacity:1;transform:none;transition:none}}

/* ---- Header ---- */
.tèt{position:sticky;top:0;z-index:50;background:rgba(13,13,15,.92);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  color:var(--blan);border-bottom:1px solid rgba(255,255,255,.08)}
.tèt .kontenè{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;font-size:23px;letter-spacing:-.5px}
.logo img{width:42px;height:42px;object-fit:cover;border-radius:12px;
  box-shadow:0 4px 14px rgba(200,16,46,.4)}
.nav{display:none;gap:28px}
.nav a{text-decoration:none;font-size:15px;font-weight:500;opacity:.85;transition:.25s}
.nav a:hover{color:var(--wouj-kle);opacity:1}
.zouti{display:flex;align-items:center;gap:10px}
.lang-dropdown{position:relative}
.lang-btn{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);color:#fff;font-size:13px;font-weight:700;
  border-radius:999px;padding:9px 16px;cursor:pointer;transition:.25s;font-family:inherit}
.lang-btn:hover{background:rgba(255,255,255,.15)}
.lang-btn .flech{font-size:10px;opacity:.7}
.lang-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:190px;
  background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.28);
  padding:8px;z-index:100;border:1px solid rgba(0,0,0,.06)}
.lang-menu.louvri{display:block;animation:monte .25s cubic-bezier(.16,1,.3,1)}
.lang-menu button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;
  padding:12px 14px;border-radius:10px;font-size:15px;font-weight:600;color:var(--nwa);
  cursor:pointer;transition:.2s;font-family:inherit;text-align:left}
.lang-menu button:hover{background:#f4f4f7}
.lang-menu button.aktif{background:rgba(200,16,46,.08);color:var(--wouj)}
.lang-menu .drapo{font-size:20px}
.bouton-menu{display:block;background:none;border:0;color:var(--blan);font-size:26px;cursor:pointer}
@media(min-width:860px){.nav{display:flex}.bouton-menu{display:none}}
.menu-mobil{display:none;background:var(--nwa2);padding:10px 22px 20px;border-top:1px solid rgba(255,255,255,.08)}
.menu-mobil.louvri{display:block}
.menu-mobil a{display:block;color:var(--blan);text-decoration:none;padding:12px 0;border-bottom:1px solid #2a2a2e;font-weight:500}

/* ---- Bouton ---- */
.btn{display:inline-block;text-decoration:none;font-weight:700;border-radius:999px;
  padding:15px 32px;font-size:16px;cursor:pointer;border:0;text-align:center;
  transition:transform .25s,box-shadow .25s,background .25s;letter-spacing:.2px}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-wouj{background:var(--grad-wouj);color:#fff;box-shadow:0 10px 26px rgba(200,16,46,.38)}
.btn-wouj:hover{box-shadow:0 14px 34px rgba(200,16,46,.5)}
.btn-kontou{border:2px solid var(--wouj);color:var(--wouj);background:transparent}
.btn-kontou:hover{background:var(--wouj);color:#fff;box-shadow:0 10px 26px rgba(200,16,46,.35)}
.btn-nwa{background:var(--nwa);color:var(--blan);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.btn-blan{background:var(--blan);color:var(--nwa);box-shadow:0 8px 22px rgba(0,0,0,.12)}

/* ---- Hero ---- */
.ewo{background:
  radial-gradient(900px 420px at 85% -10%,rgba(200,16,46,.28) 0%,transparent 60%),
  radial-gradient(700px 380px at 10% 110%,rgba(200,16,46,.14) 0%,transparent 55%),
  linear-gradient(180deg,#141416 0%,#0d0d0f 100%);
  color:var(--blan);padding:84px 0 92px;position:relative;overflow:hidden}
.ewo::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.25),transparent),
             radial-gradient(2px 2px at 70% 60%,rgba(255,255,255,.15),transparent),
             radial-gradient(1.5px 1.5px at 45% 80%,rgba(255,255,255,.2),transparent)}
.ewo-grid{display:grid;gap:40px;align-items:center;position:relative}
@media(min-width:860px){.ewo-grid{grid-template-columns:1.08fr .92fr}}
.etiket{display:inline-flex;align-items:center;gap:8px;background:rgba(200,16,46,.16);
  border:1px solid rgba(255,92,122,.4);color:#ffb3c2;font-size:13px;font-weight:600;
  border-radius:999px;padding:8px 18px;margin-bottom:6px;letter-spacing:.4px}
.ewo h1{font-size:clamp(36px,6.4vw,62px);line-height:1.08;font-weight:800;margin:16px 0 14px;letter-spacing:-1.5px}
.ewo h1 .wouj{background:var(--grad-wouj);-webkit-background-clip:text;background-clip:text;color:transparent}
.ewo .sou-tit{font-size:18px;opacity:.82;max-width:500px;margin-bottom:30px;line-height:1.7}
.ewo .aksyon{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.badges{display:flex;gap:12px;flex-wrap:wrap}
.badge{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.16);
  border-radius:14px;padding:11px 18px;text-decoration:none;color:var(--blan);font-size:14px;
  background:rgba(255,255,255,.05);backdrop-filter:blur(6px);transition:.25s}
.badge:hover{border-color:rgba(255,92,122,.5);background:rgba(255,255,255,.09)}
.badge small{display:block;font-size:11px;opacity:.65}
.badge strong{font-size:16px}
.badge .bientot{background:var(--grad-wouj);color:#fff;font-size:11px;font-weight:700;
  border-radius:999px;padding:4px 12px;margin-left:6px}
.vizyel-ewo{display:flex;justify-content:center}
.telefon{width:258px;height:512px;background:#000;border-radius:40px;border:11px solid #232327;
  position:relative;overflow:hidden;box-shadow:var(--lonbraj-gwo),0 0 0 1px rgba(255,255,255,.08)}
.telefon::before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);
  width:100px;height:24px;background:#0d0d0f;border-radius:999px;z-index:2}
.telefon .ekran{background:var(--gri-kle);height:100%;padding:44px 14px 18px;position:relative}
.telefon .kat-fey{background:linear-gradient(135deg,#e8efe3,#d4e2d6);border-radius:14px;height:220px;
  position:relative;overflow:hidden;margin-bottom:14px;box-shadow:inset 0 0 30px rgba(0,0,0,.06)}
.wout-svg{position:absolute;inset:0;width:100%;height:100%}
.pin{position:absolute;width:26px;height:26px;background:var(--wouj);border:3px solid var(--nwa);
  border-radius:50% 50% 50% 4px;transform:rotate(-45deg);box-shadow:0 4px 10px rgba(0,0,0,.3)}
.pin.depa{left:18%;top:60%}
.pin.arive{right:16%;top:18%;background:var(--nwa);border-color:var(--wouj)}
.kat-kous{background:#fff;border-radius:14px;padding:14px;box-shadow:var(--lonbraj);font-size:13px}
.kat-kous .pri{font-size:24px;font-weight:800;color:var(--nwa);font-family:var(--font-tit)}
.kat-kous .btn{width:100%;margin-top:10px;padding:11px;font-size:14px}

/* ---- Seksyon jeneral ---- */
.seksyon{padding:76px 0}
.seksyon .tit{font-size:clamp(28px,4.4vw,42px);font-weight:800;margin-bottom:10px;text-align:center;letter-spacing:-1px}
.seksyon .tit .wouj{color:var(--wouj)}
.seksyon .sou{color:var(--gri);text-align:center;max-width:660px;margin:0 auto 42px;font-size:17px}
.nwa-seksyon{background:linear-gradient(180deg,#121214,#0d0d0f);color:var(--blan)}
.nwa-seksyon .sou{color:#a8a8ad}
.wouj-seksyon{background:var(--grad-wouj);color:#fff}
.wouj-seksyon .sou{color:rgba(255,255,255,.85)}

/* ---- Etap ---- */
.etap-grid{display:grid;gap:20px}
@media(min-width:760px){.etap-grid{grid-template-columns:repeat(3,1fr)}}
.kat{background:#fff;border-radius:var(--reyon);padding:32px 24px;box-shadow:var(--lonbraj);
  text-align:center;border:1px solid rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s}
.kat:hover{transform:translateY(-6px);box-shadow:var(--lonbraj-gwo)}
.nwa-seksyon .kat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--blan)}
.nwa-seksyon .kat:hover{background:rgba(255,255,255,.08)}
.nimewo{width:56px;height:56px;border-radius:18px;background:var(--grad-wouj);color:#fff;
  font-weight:800;font-size:23px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;
  box-shadow:0 8px 20px rgba(200,16,46,.35);font-family:var(--font-tit)}
.kat h3{margin-bottom:10px;font-size:19px;letter-spacing:-.3px}
.kat p{color:var(--gri);font-size:15px}
.nwa-seksyon .kat p{color:#a8a8ad}
.ikon{font-size:40px;margin-bottom:12px}

/* ---- Fòmilè ---- */
.fomilè{background:#fff;border-radius:20px;padding:34px 30px;box-shadow:var(--lonbraj-gwo);
  max-width:540px;margin:0 auto;border:1px solid rgba(0,0,0,.05)}
.fomilè label{display:block;font-weight:600;margin:16px 0 7px;font-size:14px;color:#2a2a2e}
.fomilè input,.fomilè textarea,.fomilè select{width:100%;border:1.5px solid #e2e2e8;border-radius:12px;
  padding:14px 16px;font-size:16px;font-family:inherit;background:#fafafb;transition:.25s;color:var(--nwa)}
.fomilè input:focus,.fomilè textarea:focus,.fomilè select:focus{outline:none;border-color:var(--wouj);
  background:#fff;box-shadow:0 0 0 4px rgba(200,16,46,.1)}
.fomilè .btn{width:100%;margin-top:24px;border:0}
.mesaj-ok{display:none;background:#e9f9ee;border:1.5px solid #35b86b;color:#146c39;border-radius:12px;
  padding:15px;margin-top:18px;font-weight:600;text-align:center}
.mesaj-ok.montre{display:block}

/* ---- Kouvèti ---- */
.zon{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:10px}
button.vil{font-family:inherit;cursor:pointer}
.vil{background:var(--nwa);color:var(--blan);border-radius:999px;padding:11px 24px;font-weight:600;
  font-size:14px;transition:.25s;border:1px solid transparent}
.vil:hover{transform:translateY(-2px);box-shadow:var(--lonbraj)}
.vil.aktif{background:var(--grad-wouj);box-shadow:0 8px 22px rgba(200,16,46,.4)}
.kat-zon{max-width:860px;margin:32px auto 0;background:#fff;border-radius:22px;overflow:hidden;
  box-shadow:var(--lonbraj-gwo);border:1px solid rgba(0,0,0,.06);
  animation:monte .45s cubic-bezier(.16,1,.3,1)}
.kat-zon-tet{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:22px 26px 4px}
.kat-zon-tet h3{font-size:22px;letter-spacing:-.4px}
.kat-zon-tet p{color:var(--gri);font-size:14px;margin-top:4px}
.kat-zon-badge{background:#e9f9ee;color:#146c39;font-weight:700;font-size:13px;
  border-radius:999px;padding:8px 18px;white-space:nowrap;border:1.5px solid #35b86b}
.kat-zon iframe{width:100%;height:400px;border:0;display:block;margin-top:16px}
.vil.ap-vini{background:transparent;border:2px dashed #c9c9d2;color:var(--gri)}

/* ---- Kontak ---- */
.kontak-grid{display:grid;gap:32px}
@media(min-width:860px){.kontak-grid{grid-template-columns:1fr 1fr;align-items:start}}
.whatsapp{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#2bd96a,#1eb856);
  color:#fff;text-decoration:none;border-radius:var(--reyon);padding:22px;font-weight:700;font-size:18px;
  box-shadow:0 12px 30px rgba(37,211,102,.35);transition:.3s}
.whatsapp:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(37,211,102,.45)}
.whatsapp small{display:block;font-weight:400;font-size:14px;opacity:.92}

/* ---- Footer ---- */
.pye{background:#08080a;color:#9a9aa2;padding:52px 0 30px;font-size:14px;border-top:1px solid rgba(255,255,255,.07)}
.pye-grid{display:grid;gap:30px;margin-bottom:32px}
@media(min-width:760px){.pye-grid{grid-template-columns:1.2fr 1fr 1fr 1fr}}
.pye h4{color:var(--blan);margin-bottom:14px;font-size:16px}
.pye a{color:#9a9aa2;text-decoration:none;display:block;padding:5px 0;transition:.2s}
.pye a:hover{color:var(--wouj-kle)}
.pye .logo{color:var(--blan);margin-bottom:12px}
.kopyright{border-top:1px solid #222228;padding-top:22px;text-align:center;font-size:13px}

/* ---- Divers ---- */
.santre{text-align:center}
.mt{margin-top:28px}
.badge-lang{position:fixed;bottom:18px;right:18px;z-index:60}

/* ---- Machin ak Moto ---- */
.vwati-grid{display:grid;gap:24px;max-width:900px;margin:0 auto}
@media(min-width:760px){.vwati-grid{grid-template-columns:1fr 1fr}}
.kat-vwati{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--lonbraj);
  text-align:center;border:1px solid rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s}
.kat-vwati:hover{transform:translateY(-6px);box-shadow:var(--lonbraj-gwo)}
.kat-vwati img{width:100%;height:240px;object-fit:cover;display:block}
.kat-vwati .pri-etiket{display:inline-block;background:var(--grad-wouj);color:#fff;font-weight:700;
  font-size:14px;border-radius:999px;padding:7px 20px;margin:18px 0 2px;box-shadow:0 6px 16px rgba(200,16,46,.3)}
.kat-vwati h3{margin:10px 0 8px;font-size:21px;letter-spacing:-.4px}
.kat-vwati p{color:var(--gri);font-size:15px;padding:0 24px 26px}

/* ---- Estimatè pri ---- */
.estimatè{text-align:left}
.rezilta-pri{background:linear-gradient(135deg,#fff5f6,#ffeef1);border:1.5px solid rgba(200,16,46,.2);
  border-radius:14px;padding:24px 20px;margin-top:20px;text-align:center}
.pri-gwo{font-size:44px;font-weight:800;color:var(--wouj);margin:8px 0;font-family:var(--font-tit);letter-spacing:-1px}
.rezilta-pri small{color:var(--gri);font-size:13px}

/* ---- FAQ ---- */
.faq-lis{max-width:740px;margin:0 auto;display:grid;gap:14px;text-align:left}
.faq-lis details{background:#fff;border:1.5px solid #e8e8ee;border-radius:14px;padding:20px 22px;
  cursor:pointer;transition:.25s;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.faq-lis details:hover{border-color:rgba(200,16,46,.35)}
.faq-lis details[open]{border-color:rgba(200,16,46,.4);box-shadow:var(--lonbraj)}
.nwa-seksyon .faq-lis details{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.faq-lis summary{font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;
  align-items:center;gap:12px;font-family:var(--font-tit)}
.faq-lis summary::-webkit-details-marker{display:none}
.faq-lis summary::after{content:"+";font-size:24px;color:var(--wouj);flex-shrink:0;font-weight:400;transition:.25s}
.faq-lis details[open] summary::after{content:"−";transform:rotate(180deg)}
.faq-lis details p{margin-top:12px;color:var(--gri);font-size:15px}
.nwa-seksyon .faq-lis details p{color:#a8a8ad}

/* ---- KYC nòt ---- */
.kyc-nòt{display:flex;gap:10px;align-items:flex-start;background:#fff9e8;border:1.5px solid #f5c542;
  border-radius:12px;padding:14px 16px;margin-top:16px}
.kyc-nòt small{color:#6b5320;font-size:13px;line-height:1.55}

/* ---- Chatbot ---- */
.chatbot{position:fixed;bottom:22px;right:22px;z-index:100}
.chatbot-btn{width:62px;height:62px;border-radius:50%;background:var(--grad-wouj);color:#fff;
  border:0;font-size:28px;cursor:pointer;box-shadow:0 12px 30px rgba(200,16,46,.45);transition:.3s}
.chatbot-btn:hover{transform:scale(1.08) translateY(-2px)}
.chatbot-fenèt{display:none;position:absolute;bottom:76px;right:0;width:340px;max-width:calc(100vw - 44px);
  height:460px;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.28);
  flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,.06)}
.chatbot-fenèt.louvri{display:flex;animation:monte .3s cubic-bezier(.16,1,.3,1)}
@keyframes monte{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.chatbot-tèt{background:linear-gradient(135deg,#141416,#232327);color:#fff;padding:14px 18px;
  display:flex;align-items:center;gap:10px;font-weight:700;font-family:var(--font-tit)}
.chatbot-mesaj{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:#f7f7f9}
.msg{max-width:86%;padding:11px 15px;border-radius:16px;font-size:14px;line-height:1.55}
.msg.bot{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);align-self:flex-start;border-bottom-left-radius:5px}
.msg.user{background:var(--grad-wouj);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}
.chatbot-antre{display:flex;border-top:1px solid #eee}
.chatbot-antre input{flex:1;border:0;padding:15px;font-size:14px;outline:none;font-family:inherit}
.chatbot-antre button{background:var(--grad-wouj);color:#fff;border:0;padding:0 22px;font-weight:700;cursor:pointer}
.ijans{max-width:740px;margin:40px auto 0}
.ijans-kat{background:rgba(255,255,255,.06);border:2px solid rgba(200,16,46,.6);border-radius:20px;
  padding:30px;display:flex;gap:22px;align-items:center;text-align:left;backdrop-filter:blur(6px)}
.ijans-kat h3{margin-bottom:8px;font-size:21px}
.ijans-kat p{color:#a8a8ad;font-size:15px;margin-bottom:16px}
.ijans-nimewo{display:flex;gap:12px;flex-wrap:wrap}
.ijans-nimewo .btn{padding:13px 24px;font-size:16px}
@media(max-width:560px){.ijans-kat{flex-direction:column;text-align:center}}

/* ---- Slogan band ---- */
.slogan-band{background:var(--grad-wouj);color:#fff;text-align:center;padding:22px;font-size:19px;
  font-weight:700;font-family:var(--font-tit);letter-spacing:.3px}