:root{--bg:#1e2330;--bg-alt:#252c3a;--primary:#ff8a3d;--secondary:#1faf8c;--text:#c8c2ba;--text-bright:#f0ebe3;--text-muted:#7a7470;--surface:#2a3245;--surface-2:#313a50;--border:rgba(255,138,61,0.18);--border-soft:#2e3548;--radius:12px;--radius-lg:20px;--shadow:0 4px 24px rgba(0,0,0,0.35);--shadow-lg:0 8px 48px rgba(0,0,0,0.5);--font-head:'Playfair Display',Georgia,serif;--font-body:'Inter',system-ui,sans-serif;--max-width:1200px;--nav-h:72px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}b,strong{color:var(--text-bright);font-weight:600}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}#navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:rgba(30,35,48,0.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-soft);z-index:1000;display:flex;align-items:center;padding:0 2rem;gap:1.5rem}#navbar .logo{display:flex;align-items:center;gap:.75rem;flex-shrink:0}#navbar .logo img{width:40px;height:40px;border-radius:8px;object-fit:cover}#navbar .logo-text{font-family:var(--font-head);font-size:1.1rem;color:var(--text-bright);white-space:nowrap}#navbar nav{display:flex;align-items:center;gap:.2rem;flex:1}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:.3rem;padding:.5rem .8rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--text);white-space:nowrap;transition:color .2s,background .2s;cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--primary);background:var(--surface)}.nav-link .arrow{font-size:.6rem;opacity:.5;transition:transform .2s}.nav-item:hover .arrow{transform:rotate(180deg)}.nav-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.5rem;z-index:1100;padding-top:12px;margin-top:-12px}.nav-item:hover .nav-dropdown{display:block}.nav-dropdown a{display:block;padding:.6rem 1rem;border-radius:8px;font-size:.85rem;color:var(--text);transition:background .15s,color .15s}.nav-dropdown a:hover{background:var(--surface-2);color:var(--primary)}.nav-cta{margin-left:auto;padding:.5rem 1.25rem;background:var(--primary);color:#fff !important;border-radius:var(--radius);font-size:.875rem;font-weight:600;white-space:nowrap;transition:opacity .2s,transform .2s}.nav-cta:hover{opacity:.88;transform:translateY(-1px)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;margin-left:auto;padding:4px}.hamburger span{display:block;width:24px;height:2px;background:var(--text-bright);border-radius:2px;transition:transform .3s,opacity .3s}#mobile-menu{display:none;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:var(--bg);z-index:999;overflow-y:auto;padding:1.5rem;flex-direction:column;gap:.2rem}#mobile-menu.open{display:flex}.mobile-section-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:1rem .75rem .4rem}.mobile-link{display:block;padding:.75rem 1rem;border-radius:var(--radius);font-size:.95rem;color:var(--text);transition:background .15s,color .15s}.mobile-link:hover{background:var(--surface);color:var(--primary)}.mobile-link.sub{padding-left:2rem;font-size:.875rem;color:var(--text-muted)}.page{padding-top:var(--nav-h);min-height:100vh}.page>.hero:first-child{margin-top:calc(-1 * var(--nav-h));padding-top:calc(var(--nav-h) + 1rem)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;padding:1rem 0 0;background:linear-gradient(135deg,#1e2330 0,#252c3a 60%,#1e2b38 100%)}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 65% 40%,rgba(255,138,61,0.09) 0,transparent 65%),radial-gradient(ellipse 45% 40% at 15% 70%,rgba(31,175,140,0.06) 0,transparent 55%)}.hero-content{position:relative;z-index:1;max-width:700px}.hero-badge{font-size:clamp(1.5rem,5vw,2.5rem) !important;width:100%;text-align:center;margin-bottom:1.5rem;grid-column:1 / -1;display:inline-block;padding:.4rem 1rem;background:rgba(255,138,61,0.12);border:1px solid rgba(255,138,61,0.35);border-radius:100px;font-size:.8rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem}.hero h1{font-family:var(--font-head);font-size:clamp(2.8rem,6vw,5rem);line-height:1.1;color:var(--text-bright);margin-bottom:1.5rem}.hero-intro{font-size:1.15rem;color:var(--text);max-width:540px;margin-bottom:2.5rem;line-height:1.8}@font-face{font-family:'Telma-Regular';src:url('fonts/Telma-Regular.woff2') format('woff2'),url('fonts/Telma-Regular.woff') format('woff'),url('fonts/Telma-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}.hero-brand{font-size:clamp(3rem,10vw,8rem);font-family:'Telma-Regular',sans-serif !important;font-weight:700;line-height:1;width:100%;text-align:left;margin-bottom:2rem;color:var(--color-primary)}.hero-body{display:flex;align-items:center;gap:3rem;justify-content:center}.hero-logo{width:clamp(120px,40vw,450px);height:auto;border-radius:1rem;flex-shrink:0}.hero-text{width:clamp(120px,40vw,450px);height:auto;border-radius:1rem;flex-shrink:0}.hero-wave{position:fixed;bottom:-20px;left:0;width:100%;height:120px;overflow:hidden;pointer-events:none;z-index:10}.wave-scroll{display:flex;width:200%;height:100%;animation:waveMotion 12s linear infinite}.wave-scroll svg{width:50%;height:100%;flex-shrink:0}@keyframes waveMotion{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(-12.5%) translateY(-4px)}50%{transform:translateX(-25%) translateY(0)}75%{transform:translateX(-37.5%) translateY(-4px)}100%{transform:translateX(-50%) translateY(0)}}.hero-wave svg path{filter:drop-shadow(0 0 10px rgba(80,180,255,.3)) drop-shadow(0 0 20px rgba(80,180,255,.15))}.btn-group{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s;border:0}.btn:hover{opacity:.88;transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-bright)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-whatsapp{background:var(--primary);color:#fff}.section{padding:6rem 0}.section-alt{background:var(--bg-alt)}.section-header{margin-bottom:3.5rem}.section-label{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--secondary);margin-bottom:.75rem}.section-title{font-family:var(--font-head);font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--text-bright);line-height:1.2;margin-bottom:1rem}.section-desc{max-width:100%;width:100%}.breadcrumb{display:flex;align-items:center;gap:.5rem;padding:1.25rem 0;font-size:.825rem;color:var(--text-muted);flex-wrap:wrap}.breadcrumb a{color:var(--primary);transition:opacity .15s}.breadcrumb a:hover{opacity:.75}.breadcrumb .sep{opacity:.4}.breadcrumb .current{color:var(--text)}.divider{width:48px;height:3px;background:linear-gradient(to right,var(--primary),var(--secondary));border-radius:2px;margin:1rem 0 2rem}.activites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.activite-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;flex-direction:column;gap:.85rem}.activite-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:var(--shadow)}.card-logo{width:150px;height:150px;object-fit:cover;border-radius:.5rem}.card-header{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:.75rem}.card-header .card-subtitle{margin:0}.activite-card .card-subtitle{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary)}.activite-card h3{font-family:var(--font-head);font-size:1.3rem;color:var(--text-bright)}.activite-card p{font-size:.9rem;line-height:1.7;flex:1}.card-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;color:var(--primary);transition:gap .2s}.activite-card:hover .card-link{gap:.75rem}.timeline{position:relative;max-width:700px;padding-left:2rem}.timeline-item{position:relative;padding:0 0 2.5rem 2rem}.timeline-year{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:.25rem}.timeline-text{font-size:1rem;color:var(--text-bright)}.valeurs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.valeur-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;transition:border-color .2s,transform .2s}.valeur-card:hover{border-color:var(--secondary);transform:translateY(-3px)}.valeur-icon{font-size:2rem;margin-bottom:1rem}.valeur-card h4{font-family:var(--font-head);font-size:1.1rem;color:var(--text-bright)}.diff-list{display:flex;flex-direction:column;gap:1rem;max-width:680px}.diff-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.diff-item:hover{border-color:var(--primary)}.diff-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:8px}.diff-item p{font-size:.95rem;color:var(--text-bright)}.activite-hero{position:relative;min-height:55vh;display:flex;align-items:center;overflow:hidden;padding:5rem 0 0;background:linear-gradient(135deg,#1e2330 0,#252c3a 100%)}.activite-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 65% 50% at 70% 50%,rgba(255,138,61,0.08) 0,transparent 65%)}.activite-hero-content{position:relative;z-index:1}.activite-hero h1{font-family:var(--font-head);font-size:clamp(2.2rem,5vw,3.8rem);color:var(--text-bright);margin-bottom:1rem;line-height:1.15}.subtitle-tag{display:inline-block;padding:.35rem .9rem;background:rgba(31,175,140,0.1);border:1px solid rgba(31,175,140,0.25);border-radius:100px;font-size:.8rem;font-weight:600;color:var(--secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.25rem}.activite-hero .desc{font-size:1.1rem;max-width:600px;line-height:1.8;margin-bottom:2rem}.zones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.zone-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s,transform .2s,box-shadow .2s;cursor:pointer}.zone-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow)}.zone-card h3{font-family:var(--font-head);font-size:1.15rem;color:var(--text-bright)}.zone-card .zone-count{font-size:.78rem;color:var(--text-muted)}.zone-card .zone-arrow{font-size:.875rem;font-weight:600;color:var(--primary);margin-top:auto;display:flex;align-items:center;gap:.4rem;transition:gap .2s}.zone-card:hover .zone-arrow{gap:.7rem}.items-list{display:flex;flex-direction:column;gap:1rem}.item-block{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.item-block.reverse{direction:rtl}.item-block.reverse>*{direction:ltr}.item-num{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem}.item-text h2{font-family:var(--font-head);font-size:clamp(1.5rem,2.5vw,2rem);color:var(--text-bright);margin-bottom:1.25rem;line-height:1.25}.item-text p{font-size:1rem;line-height:1.85;color:var(--text)}.item-visual{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);aspect-ratio:542/320;display:flex;align-items:center;justify-content:center;overflow:hidden}.item-visual img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.item-visual .img-placeholder{font-size:.8rem;color:var(--text-muted);text-align:center;padding:1rem}.item-block-full{display:block}.item-block-full .item-text{width:100%;max-width:100%}.item-text{position:relative;padding-left:2rem}.item-text::before{content:'';position:absolute;left:0;top:.75rem;width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid var(--bg)}@keyframes rainbowLink{0%{color:red}16%{color:#f80}32%{color:#ff0}48%{color:#0f0}64%{color:#0ff}80%{color:#00f}100%{color:#f0f}}.rainbow-link{font-weight:700;text-decoration:none;animation:rainbowLink 3s linear infinite}.cta-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4rem 3rem;text-align:center;position:relative;overflow:hidden;margin:4rem 0}.cta-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(255,138,61,0.06) 0,transparent 70%);pointer-events:none}.cta-banner h2{font-family:'Telma-Regular',sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);color:var(--text-bright);margin-bottom:1rem;text-align:center}.cta-banner p{color:var(--text);margin-bottom:2rem;font-size:1.05rem}#footer{background:var(--bg-alt);border-top:1px solid var(--border-soft);padding:5rem 0 2.5rem}.footer-top{display:flex;justify-content:space-between;gap:clamp(1rem,2vw,3rem);flex-wrap:nowrap}.footer-brand h2{font-family:'Telma-Regular',sans-serif;font-size:1.6rem;color:#f80;margin-bottom:.75rem}.footer-brand p{font-size:.9rem;line-height:1.7;max-width:280px}.footer-col h4{font-size:clamp(0.5rem,0.6vw,0.7rem);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.3rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.02rem}.footer-col ul li a{font-size:clamp(0.4rem,0.5vw,0.6rem);transition:color .15s}.footer-col ul li a:hover{color:var(--primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.footer-bottom p{font-size:.8rem;color:var(--text-muted)}.footer-contact{display:flex;gap:1rem;flex-wrap:wrap}.footer-contact a{font-size:.8rem;color:var(--text-muted);transition:color .15s}.footer-contact a:hover{color:var(--primary)}.footer-badge{font-size:clamp(0.5rem,5vw,1rem) !important;text-align:center;margin-bottom:.5rem;grid-column:1 / -1;display:inline-block;padding:.4rem 1rem;background:rgba(255,138,61,0.12);border:1px solid rgba(255,138,61,0.35);border-radius:20px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.08em}.footer-col{min-width:0}.anim-ticker{display:inline-block;position:relative}.ticker-display{display:inline-block;color:var(--primary);font-weight:600;min-width:180px}.anim-compteur{display:inline-block;color:var(--primary);font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:900px){#navbar nav{display:none}.hamburger{display:flex}.item-block{grid-template-columns:1fr;gap:2rem}.item-block.reverse{direction:ltr}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media(max-width:600px){.container{padding:0 1.25rem}.section{padding:4rem 0}.hero{min-height:80vh}.cta-banner{padding:2.5rem 1.5rem}.footer-top{grid-template-columns:1fr}.btn-group{flex-direction:column}.btn{justify-content:center}}<style>.kokolux-pricing{padding:60px 20px;background:linear-gradient(135deg,#062c22,#0d3b2f,#0f4d3d);color:#fff;font-family:'Poppins',sans-serif}.pricing-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.product-card{background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:35px 25px;text-align:center;transition:.3s ease}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.25)}.product-card.featured{background:linear-gradient(180deg,255,138,61,0.18,255,138,61,0.98);border:1px solid rgba(255,220,100,.35)}.product-icon{font-size:3rem;margin-bottom:15px}.product-card h3{margin:0;font-size:1.4rem}.volume{margin-top:8px;color:#d6e6dc}.price{margin:25px 0}.amount{font-size:3rem;font-weight:800;color:#1faf8c;line-height:1}.currency{display:block;margin-top:5px;font-weight:600;letter-spacing:1px}.offer{background:rgba(255,217,90,.12);border:1px solid #2d6cdf;padding:15px;border-radius:14px;color:#fff6c2}.offer span{color:2D6CDF;font-weight:700}@media(max-width:768px){.pricing-header h2{font-size:2rem}.amount{font-size:2.4rem}}