:root{--vert-950:#052018;--vert-900:#0a3527;--vert-800:#0f4a36;--vert-700:#146248;--vert-100:#dcebe2;--or:#c9a227;--or-clair:#e9ce72;--or-fonce:#8f7212;--creme:#faf7ef;--encre:#16221c;--gris:#5d6b63;--ligne:#e5e0d2;--r:18px;--ombre:0 12px 34px #0a35271f;--ft:"Sora",sans-serif;--fb:"Inter",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--fb);background:var(--creme);color:var(--encre);line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}[hidden]{display:none!important}.gris{color:var(--gris)}section{padding:4.5rem 0}.section-alt{background:#fff}.btn{font:600 .95rem var(--fb);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.6rem;transition:all .25s;display:inline-flex}.btn-or{background:linear-gradient(135deg,var(--or),#dfba48);color:var(--vert-950)}.btn-or:hover{transform:translateY(-2px);box-shadow:0 10px 24px #c9a22773}.btn-vert{background:var(--vert-900);color:#fff}.btn-vert:hover{background:var(--vert-700)}.btn-outline{color:#fff;background:0 0;border:2px solid #ffffffbf}.btn-outline:hover{background:#ffffff1f}.btn-ghost{border:1.5px solid var(--ligne);color:var(--encre);background:#fff}.btn-ghost:hover{border-color:var(--or)}.btn-wa{color:#fff;background:#25d366}.btn-wa:hover{background:#1ebe5b;transform:translateY(-2px);box-shadow:0 10px 24px #25d36666}.btn-sm{padding:.55rem 1.15rem;font-size:.85rem}.btn-block{width:100%}.topbar{background:var(--vert-950);color:#bfd6c9;font-size:.78rem}.topbar .container{flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:.45rem 1.25rem;display:flex}.topbar a:hover{color:var(--or-clair)}.monnaie-sw{border:1px solid #ffffff40;border-radius:999px;display:inline-flex;overflow:hidden}.monnaie-sw button{color:#bfd6c9;font:700 .7rem var(--fb);cursor:pointer;background:0 0;border:0;padding:.28rem .7rem;transition:all .2s}.monnaie-sw button.on{background:var(--or);color:var(--vert-950)}.monnaie-sw button:not(.on):hover{color:#fff}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ligne);background:#faf7efeb;position:sticky;top:0}.nav-in{align-items:center;gap:1.2rem;max-width:1200px;margin:0 auto;padding:.65rem 1.25rem;display:flex}.brand{align-items:center;gap:.7rem;display:flex}.brand img{object-fit:contain;border-radius:10px;width:48px;height:48px}.brand b{font:800 1.02rem var(--ft);color:var(--vert-900);line-height:1.15;display:block}.brand small{letter-spacing:.24em;color:var(--or-fonce);font-size:.6rem;font-weight:700}.nav-links{align-items:center;gap:1.4rem;margin-left:auto;display:flex}.nav-links a{font-size:.92rem;font-weight:600}.nav-links a:hover{color:var(--vert-700)}.burger{cursor:pointer;color:var(--vert-900);background:0 0;border:0;margin-left:auto;font-size:1.6rem;display:none}@media (max-width:900px){.burger{display:block}.nav-links{background:var(--creme);border-bottom:1px solid var(--ligne);flex-direction:column;align-items:flex-start;padding:1rem 1.25rem 1.5rem;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}}.hero{color:#fff;background:linear-gradient(100deg,#052018f0,#0a3527c7 45%,#0520184d),url(/assets/hero.jpg) 50%/cover;align-items:center;min-height:90vh;display:flex;position:relative}.hero-in{width:100%;max-width:1200px;margin:0 auto;padding:5.5rem 1.25rem}.hero-tag{color:var(--or-clair);font:600 .76rem var(--fb);letter-spacing:.14em;text-transform:uppercase;background:#c9a22729;border:1px solid #e9ce7280;border-radius:999px;padding:.45rem 1rem;display:inline-flex}.hero h1{font:800 clamp(2.2rem,5.2vw,3.9rem)/1.12 var(--ft);max-width:20ch;margin:1.2rem 0 1rem}.hero h1 em{color:var(--or-clair);font-style:normal}.hero p{color:#d7e5dc;max-width:56ch;font-size:1.05rem}.hero-cta{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.hero-stats{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:780px;margin-top:3.2rem;display:grid}.hstat{background:#ffffff12;border:1px solid #ffffff24;border-radius:14px;padding:.9rem 1rem}.hstat b{font:800 1.5rem var(--ft);color:var(--or-clair);display:block}.hstat span{color:#cfe0d6;font-size:.78rem}@media (max-width:700px){.hero-stats{grid-template-columns:repeat(2,1fr)}}.sec-head{text-align:center;max-width:660px;margin:0 auto 2.8rem}.kicker{color:var(--or-fonce);font:700 .78rem var(--fb);letter-spacing:.22em;text-transform:uppercase}.sec-head h2{font:800 clamp(1.7rem,3.4vw,2.5rem)/1.2 var(--ft);color:var(--vert-900);margin:.5rem 0 .6rem}.sec-head p{color:var(--gris)}.svc-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem;display:grid}.svc{border:1px solid var(--ligne);border-radius:var(--r);background:#fff;padding:1.8rem;transition:all .3s}.section-alt .svc{background:var(--creme)}.svc:hover{box-shadow:var(--ombre);transform:translateY(-6px)}.svc .ico{background:var(--vert-100);width:54px;height:54px;color:var(--vert-800);border-radius:14px;place-items:center;margin-bottom:1.1rem;display:grid}.svc h3{font:700 1.08rem var(--ft);color:var(--vert-900);margin-bottom:.45rem}.svc p{color:var(--gris);font-size:.92rem}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.6rem;display:grid}.plan-card{border:1px solid var(--ligne);border-radius:var(--r);background:#fff;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.plan-card:hover{box-shadow:var(--ombre);transform:translateY(-6px)}.plan-media{aspect-ratio:16/10;position:relative;overflow:hidden}.plan-media img{object-fit:cover;width:100%;height:100%;transition:all .5s}.plan-card:hover .plan-media img{transform:scale(1.06)}.badge-or{background:linear-gradient(135deg,var(--or),#dfba48);color:var(--vert-950);font:700 .68rem var(--fb);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.3rem .7rem;position:absolute;top:.8rem;left:.8rem}.chip-style{color:#fff;background:#052018bf;border-radius:999px;padding:.28rem .7rem;font-size:.72rem;font-weight:600;position:absolute;bottom:.8rem;left:.8rem}.plan-body{flex-direction:column;flex:1;gap:.8rem;padding:1.2rem 1.2rem 1.3rem;display:flex}.plan-body h3{font:700 1.15rem var(--ft);color:var(--vert-900)}.plan-specs{color:var(--gris);flex-wrap:wrap;gap:.5rem .9rem;font-size:.8rem;display:flex}.plan-specs li{align-items:center;gap:.35rem;display:inline-flex}.plan-foot{border-top:1px dashed var(--ligne);justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding-top:.9rem;display:flex}.prix{font:800 1.3rem var(--ft);color:var(--vert-900)}.prix small{color:var(--gris);font-size:.7rem;font-weight:500;font-family:var(--fb);display:block}.pay-badges{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.pb{font:700 .76rem var(--fb);color:#fff;border-radius:10px;padding:.5rem 1rem}.pb-airtel{background:#e40000}.pb-mpesa{background:#00a550}.pb-orange{background:#ff7900}.pb-carte{background:#1a1f71}.pb-bank{background:var(--vert-800)}.split{grid-template-columns:1.1fr 1fr;align-items:center;gap:3rem;display:grid}@media (max-width:900px){.split{grid-template-columns:1fr}}.split img{border-radius:var(--r);box-shadow:var(--ombre)}.check-list li{color:var(--gris);gap:.7rem;margin:.7rem 0;font-size:.94rem;display:flex}.tst-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem;display:grid}.tst{background:var(--vert-900);color:#dcebe2;border-radius:var(--r);padding:1.8rem}.tst .stars{color:var(--or-clair);letter-spacing:.15em;margin-bottom:.8rem}.tst b{color:#fff;margin-top:1rem;display:block}.tst small{color:#9dbba9}.cta{background:linear-gradient(120deg,var(--vert-900),var(--vert-700));color:#fff;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:3rem;display:flex}.cta h2{font:800 1.7rem var(--ft)}.contact-grid{grid-template-columns:1fr 1.2fr;gap:2rem;display:grid}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}.info-card{background:var(--vert-950);color:#cfe0d6;border-radius:var(--r);padding:2rem}.info-card h3{color:#fff;font:700 1.1rem var(--ft);margin-bottom:1rem}.info-line{gap:.8rem;margin:1rem 0;font-size:.92rem;display:flex}.info-line .ico{background:#c9a22726;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.field{margin-bottom:1rem}label{font:600 .82rem var(--fb);color:var(--vert-900);margin-bottom:.35rem;display:block}input,select,textarea{border:1.5px solid var(--ligne);width:100%;font:500 .92rem var(--fb);color:var(--encre);background:#fff;border-radius:12px;padding:.8rem 1rem}input:focus,select:focus,textarea:focus{border-color:var(--or);outline:none;box-shadow:0 0 0 4px #c9a22726}input[type=range]{accent-color:var(--or);border:0;flex:1;padding:0}input[type=checkbox]{width:auto;accent-color:var(--vert-700)}.page-hero{background:linear-gradient(120deg,var(--vert-950),var(--vert-800));color:#fff;text-align:center;padding:3.6rem 0}.page-hero h1{font:800 clamp(1.8rem,4vw,2.6rem) var(--ft)}.page-hero p{color:#bfd6c9;max-width:64ch;margin:.6rem auto 0}.filters{border:1px solid var(--ligne);border-radius:var(--r);background:#fff;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.8rem;margin-bottom:2rem;padding:1.1rem;display:grid}@media (max-width:900px){.filters{grid-template-columns:1fr 1fr}}.modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#0520188c;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.modal.open{display:flex}.modal-box{background:#fff;border-radius:22px;width:100%;max-width:900px;max-height:92vh;animation:.3s pop;position:relative;overflow:auto}.modal-box.sm{max-width:540px}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.mclose{cursor:pointer;z-index:5;background:#00000012;border:0;border-radius:50%;width:38px;height:38px;font-size:1.05rem;position:absolute;top:.9rem;right:.9rem}.mclose:hover{background:#00000024}.m-title{font:800 1.35rem var(--ft);color:var(--vert-900)}.pm-grid{grid-template-columns:1fr 1fr;display:grid}@media (max-width:800px){.pm-grid{grid-template-columns:1fr}}.pm-media img{object-fit:cover;width:100%;height:100%;min-height:320px}.pm-info{padding:2rem}.pay-opts{gap:.7rem;margin:1rem 0;display:grid}.pay-opt{border:1.5px solid var(--ligne);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:.9rem;padding:.85rem 1rem;transition:all .2s;display:flex}.pay-opt:hover{border-color:var(--or);transform:translate(3px)}.logo{color:#fff;width:46px;height:46px;font:800 .78rem var(--fb);border-radius:10px;place-items:center;display:grid}.lg-airtel{background:#e40000}.lg-mpesa{background:#00a550}.lg-orange{background:#ff7900}.lg-carte{background:#1a1f71}.lg-bank{background:var(--vert-800)}.pay-note{color:var(--gris);background:var(--creme);border-radius:10px;margin-top:.9rem;padding:.7rem .9rem;font-size:.8rem}.back{color:var(--gris);cursor:pointer;font:600 .82rem var(--fb);background:0 0;border:0;margin-bottom:.8rem}.back:hover{color:var(--vert-800)}.bank-list{gap:.6rem;margin:1rem 0;display:grid}.bank{border:1.5px solid var(--ligne);border-radius:12px;padding:.7rem .9rem;font-size:.85rem}.bank b{color:var(--vert-900)}.bank span{color:var(--gris);font-size:.8rem;display:block}.spinner{border:5px solid var(--vert-100);border-top-color:var(--or);border-radius:50%;width:52px;height:52px;margin:1.4rem auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ok-badge{background:var(--vert-700);color:#fff;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 1rem;font-size:1.6rem;animation:.4s pop;display:grid}.ref-box{background:var(--creme);border:1.5px dashed var(--or);text-align:center;letter-spacing:.08em;border-radius:12px;margin:1rem 0;padding:.8rem;font-weight:700}.login-card{max-width:430px;box-shadow:var(--ombre);text-align:center;background:#fff;border-radius:22px;margin:3rem auto;padding:2.4rem}.login-card img{object-fit:contain;max-height:120px;margin:0 auto 1rem}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0;display:grid}.stat-card{border:1px solid var(--ligne);background:#fff;border-radius:14px;padding:1.2rem 1.4rem}.stat-card b{font:800 1.5rem var(--ft);color:var(--vert-800);display:block}.stat-card span{color:var(--gris);font-size:.8rem}.tbl-wrap{border-radius:14px;margin:0 0 1rem;overflow-x:auto}table{border-collapse:collapse;border:1px solid var(--ligne);background:#fff;width:100%}th,td{text-align:left;padding:.7rem .9rem;font-size:.86rem}th{background:var(--vert-900);color:#fff;font:600 .78rem var(--fb)}td{border-top:1px solid var(--ligne)}.thumb{object-fit:cover;border-radius:8px;width:56px;height:40px}.status{white-space:nowrap;border-radius:999px;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.status.ok{color:#1b7a5a;background:#e1f5e9}.status.wait{color:#8f7212;background:#fff4d6}.status.ko{color:#b3261e;background:#fbe7e5}.file-box{border:2px dashed var(--ligne);cursor:pointer;text-align:center;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:160px;padding:1.4rem;transition:all .2s;display:flex}.file-box:hover{border-color:var(--or);background:#fffdf6}.file-box small{max-width:36ch}.cat-filters{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:2rem;display:flex}.cat-chip{border:1.5px solid var(--ligne);font:600 .84rem var(--fb);color:var(--encre);cursor:pointer;background:#fff;border-radius:999px;padding:.5rem 1.1rem;transition:all .2s}.cat-chip:hover{border-color:var(--or)}.cat-chip.on{background:var(--vert-900);border-color:var(--vert-900);color:#fff}.real-card{cursor:pointer}.real-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.gal{background:#052018;position:relative}.gal img{object-fit:contain;width:100%;max-height:62vh;margin:0 auto}.gal-nav{color:#fff;cursor:pointer;background:#052018a6;border:0;border-radius:50%;width:46px;height:46px;font-size:1.7rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.gal-nav:hover{background:var(--or);color:var(--vert-950)}.gal-prev{left:.8rem}.gal-next{right:.8rem}.gal-counter{color:#fff;font:700 .75rem var(--fb);background:#052018bf;border-radius:999px;padding:.3rem .7rem;position:absolute;bottom:.8rem;right:.8rem}.suivi-card{border:1px solid var(--ligne);border-radius:var(--r);max-width:560px;box-shadow:var(--ombre);background:#fff;margin:2.2rem auto;padding:2rem}.suivi-res{max-width:760px;margin:0 auto}.ord-recap{background:var(--vert-900);color:#fff;border-radius:var(--r);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1.6rem;padding:1.4rem 1.6rem;display:flex}.ord-recap b{color:var(--or-clair)}.live{align-items:center;gap:.45rem;font-size:.75rem;font-weight:700;display:inline-flex}.live:before{content:"";background:#00a550;border-radius:50%;width:9px;height:9px;animation:1.4s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #00a55080}50%{box-shadow:0 0 0 7px #00a55000}}.timeline{margin:1.4rem 0 0;padding:0;list-style:none}.timeline li{padding:0 0 1.9rem 2.4rem;position:relative}.timeline li:before{content:"";background:var(--ligne);width:2px;position:absolute;top:26px;bottom:2px;left:11px}.timeline li:last-child:before{display:none}.t-dot{border:2px solid var(--ligne);width:24px;height:24px;color:var(--gris);background:#fff;border-radius:50%;place-items:center;font-size:.7rem;display:grid;position:absolute;top:2px;left:0}.t-done .t-dot{background:var(--vert-700);border-color:var(--vert-700);color:#fff}.t-done:before{background:var(--vert-700)!important}.t-active .t-dot{border-color:var(--or);color:var(--or);animation:1.6s infinite pulse}.t-wait .t-dot{color:#8f7212;background:#fff4d6;border-color:#e9ce72}.timeline b{color:var(--vert-900);display:block}.t-todo b,.timeline small{color:var(--gris)}.devis-grid{grid-template-columns:1.25fr .9fr;align-items:start;gap:2rem;display:grid}@media (max-width:900px){.devis-grid{grid-template-columns:1fr}}.devis-conf{border:1px solid var(--ligne);border-radius:var(--r);background:#fff;padding:2rem}.devis-conf h2{font:800 1.05rem var(--ft);color:var(--vert-900);margin:1.4rem 0 .8rem}.fin-cards{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}@media (max-width:600px){.fin-cards{grid-template-columns:1fr}}.fin{border:1.5px solid var(--ligne);text-align:center;cursor:pointer;border-radius:14px;padding:.9rem;transition:all .2s}.fin small{color:var(--gris);display:block}.fin.on{border-color:var(--or);background:#fff9e8;box-shadow:0 6px 18px #c9a2272e}.range-ligne{align-items:center;gap:1rem;display:flex}.opt{border:1.5px solid var(--ligne);cursor:pointer;border-radius:12px;align-items:center;gap:.7rem;margin-bottom:.6rem;padding:.7rem .9rem;transition:all .2s;display:flex}.opt:hover{border-color:var(--or)}.opt small{color:var(--gris);margin-left:auto}.devis-recap{background:var(--vert-950);color:#cfe0d6;border-radius:var(--r);border-top:5px solid var(--or);padding:1.8rem;position:sticky;top:90px}.devis-recap h3{color:#fff}.dr-ligne{border-bottom:1px dashed #ffffff1f;justify-content:space-between;gap:1rem;padding:.35rem 0;font-size:.85rem;display:flex}.dr-total{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.dr-total b{font:800 1.7rem var(--ft);color:var(--or-clair)}.wa-float{z-index:300;background:#25d366;border-radius:50%;place-items:center;width:58px;height:58px;font-size:1.7rem;animation:2s infinite pulse;display:grid;position:fixed;bottom:1.2rem;right:1.2rem;box-shadow:0 10px 26px #25d36673}.wa-float:hover{transform:scale(1.08)}.charts-grid{grid-template-columns:1.5fr 1fr;gap:1rem;margin:1.5rem 0;display:grid}@media (max-width:900px){.charts-grid{grid-template-columns:1fr}}.chart-card{border:1px solid var(--ligne);background:#fff;border-radius:14px;padding:1.2rem}.chart-card h3{font:700 1rem var(--ft);color:var(--vert-900);margin-bottom:.8rem}.chart{width:100%;height:auto}.chart-lbl{fill:#5d6b63;font:600 9px Inter,sans-serif}.chart-val{fill:#8f7212;font:700 9px Inter,sans-serif}.donut-wrap{flex-direction:column;align-items:center;gap:1rem;display:flex}.donut{width:175px}.donut-total{fill:#0a3527;font:800 12px Sora,sans-serif}.donut-sub{fill:#5d6b63;font:600 6.5px Inter,sans-serif}.donut-leg{width:100%;list-style:none}.donut-leg li{border-bottom:1px dashed var(--ligne);align-items:center;gap:.5rem;padding:.32rem 0;font-size:.82rem;display:flex}.donut-leg .dot{border-radius:3px;flex:none;width:10px;height:10px}.donut-leg b{margin-left:auto}.donut-leg small{color:var(--gris)}.top-list{list-style:none}.top-list li{margin:.75rem 0}.top-row{justify-content:space-between;margin-bottom:.3rem;font-size:.85rem;display:flex}.top-row b{color:var(--vert-900)}.top-bar{background:var(--creme);border:1px solid var(--ligne);border-radius:99px;height:10px;overflow:hidden}.top-bar i{background:linear-gradient(90deg,var(--or),#dfba48);border-radius:99px;height:100%;transition:width .6s;display:block}footer{background:var(--vert-950);color:#9dbba9;margin-top:4rem;padding:3.5rem 0 1.5rem}.foot-grid{grid-template-columns:2fr 1fr 1fr 1.4fr;gap:2rem;display:grid}@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.foot-grid{grid-template-columns:1fr}}.foot-grid h4{color:#fff;font:700 .95rem var(--ft);margin-bottom:1rem}.foot-grid a{margin:.45rem 0;font-size:.9rem;display:block}.foot-grid a:hover{color:var(--or-clair)}.foot-bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.4rem;font-size:.8rem;display:flex}