{"id":1047830,"date":"2026-10-22T20:46:12","date_gmt":"2026-10-22T20:46:12","guid":{"rendered":"https:\/\/khalilboucenna.com\/custom-software-websites-algeria\/"},"modified":"2026-10-24T21:52:56","modified_gmt":"2026-10-24T21:52:56","slug":"custom-software-websites-algeria","status":"publish","type":"page","link":"https:\/\/khalilboucenna.com\/tr\/custom-software-websites-algeria\/","title":{"rendered":"Custom software &#038; website development across Algeria"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1047830\" class=\"elementor elementor-1047830\">\n\t\t\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-95f37d7 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"95f37d7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-344e216\" data-id=\"344e216\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-98e6ecd elementor-widget elementor-widget-html\" data-id=\"98e6ecd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"kb-en\" lang=\"en\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<section id=\"kbh\">\n\n<div class=\"kbh-grain\" aria-hidden=\"true\"><\/div>\n<div class=\"kbh-bgtext\" aria-hidden=\"true\">SOFTWARE<\/div>\n\n<div class=\"kbh-wrap\">\n\n<!-- LEFT -->\n<div class=\"kbh-left\">\n\n<img decoding=\"async\" class=\"kbh-emblem\" src=\"https:\/\/khalilboucenna.com\/wp-content\/uploads\/2026\/08\/cropped-khalil-boucenna-logo-icon-270x270.png\" alt=\"Khalil Boucenna\" width=\"72\" height=\"72\" loading=\"eager\">\n<span class=\"kbh-eyebrow\"><i><\/i>Custom software development<i><\/i><\/span>\n\n<h1 class=\"kbh-title\">\n<span class=\"kbh-line\"><span>Software designed<\/span><\/span>\n<span class=\"kbh-line kbh-gold\"><span>for your business,<\/span><\/span>\n<span class=\"kbh-line\"><span>whatever<\/span><\/span>\n<span class=\"kbh-line kbh-gold\"><span>its complexity.<\/span><\/span>\n<\/h1>\n\n<p class=\"kbh-text\">\nERP, CRM, inventory, point of sale, medical software, booking apps or AI automation: I build <strong>the exact tool your company needs<\/strong>, as web, desktop or mobile apps. Analysis, mockups, development, installation, training and maintenance are included. I also build your website and handle your SEO.\n<\/p>\n\n<div class=\"kbh-buttons\">\n<a href=\"https:\/\/wa.me\/213553835384?text=Hello%20Khalil%2C%20I%27d%20like%20custom%20software%20for%20my%20company.\" target=\"_blank\" rel=\"noopener\" class=\"kbh-btn-wa\">\n<svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M16.04 3C9.4 3 4 8.38 4 15c0 2.12.56 4.18 1.62 6L4 29l8.2-1.6A12.06 12.06 0 0 0 16.04 27C22.66 27 28 21.62 28 15S22.66 3 16.04 3Zm0 21.8c-1.8 0-3.56-.48-5.1-1.4l-.36-.22-4.86.95.98-4.72-.24-.38A9.7 9.7 0 0 1 6.3 15c0-5.36 4.38-9.74 9.74-9.74 5.36 0 9.7 4.38 9.7 9.74 0 5.38-4.34 9.8-9.7 9.8Zm5.34-7.3c-.3-.14-1.74-.86-2-.96-.28-.1-.48-.14-.68.14-.2.3-.78.96-.96 1.16-.18.2-.36.22-.66.08-.3-.14-1.24-.46-2.36-1.46-.88-.78-1.46-1.74-1.64-2.04-.18-.3-.02-.46.12-.6.14-.14.3-.36.44-.54.14-.18.2-.3.3-.5.1-.2.04-.38-.02-.52-.08-.14-.68-1.62-.92-2.22-.24-.58-.5-.5-.68-.5h-.58c-.2 0-.52.08-.8.38-.28.3-1.04 1.02-1.04 2.48s1.06 2.88 1.22 3.08c.14.2 2.1 3.2 5.08 4.48.7.3 1.26.48 1.7.62.7.22 1.36.2 1.86.12.58-.08 1.74-.72 2-1.4.24-.7.24-1.28.16-1.4-.06-.12-.26-.2-.56-.34Z\"\/><\/svg>\n<span>My software on WhatsApp<\/span><em>\u2192<\/em>\n<\/a>\n<a href=\"tel:+213553835384\" class=\"kbh-btn-line\">Call \u00b7 +213 553 83 53 84<\/a>\n<a href=\"#kbs-tarifs-logiciels\" class=\"kbh-btn-line\">See prices<\/a>\n<\/div>\n\n<div class=\"kbh-pillars\">\n\n<div class=\"kbh-pillar kbh-pillar-main\">\n<div class=\"kbh-pillar-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"1.5\"\/><path d=\"M8 21h8M12 17v4M7.5 9.5 10 12l-2.5 2.5M12.5 14.5h4\"\/><\/svg><\/div>\n<strong>Custom software<\/strong>\n<small>ERP, CRM, management \u00b7 web, desktop &amp; mobile<\/small>\n<\/div>\n\n<div class=\"kbh-pillar\">\n<div class=\"kbh-pillar-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3Z\"\/><\/svg><\/div>\n<strong>Premium websites<\/strong>\n<small>Showcase, e-commerce, WordPress<\/small>\n<\/div>\n\n<div class=\"kbh-pillar\">\n<div class=\"kbh-pillar-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\/><path d=\"m15.5 15.5 5 5M7.5 12l2-2 1.5 1.5 3-3\"\/><\/svg><\/div>\n<strong>SEO<\/strong>\n<small>Visibility &amp; customers on Google<\/small>\n<\/div>\n\n<\/div>\n\n<div class=\"kbh-stats\">\n<div class=\"kbh-stat\">\n<strong class=\"kbh-counter\" data-target=\"24\">24+<\/strong>\n<small>Industries covered<\/small>\n<\/div>\n<div class=\"kbh-stat\">\n<strong>100%<\/strong>\n<small>Custom code<\/small>\n<\/div>\n<div class=\"kbh-stat\">\n<strong>24h<\/strong>\n<small>Free study &amp; quote<\/small>\n<\/div>\n<\/div>\n\n<\/div>\n\n<!-- RIGHT \u2014 capabilities panel -->\n<div class=\"kbh-right\">\n<img decoding=\"async\" class=\"kbh-seal\" src=\"https:\/\/khalilboucenna.com\/wp-content\/uploads\/2026\/08\/cropped-khalil-boucenna-logo-icon-270x270.png\" alt=\"\" aria-hidden=\"true\">\n<div class=\"kbh-panel\">\n<div class=\"kbh-frame\"><\/div>\n\n<div class=\"kbh-panel-head\">\n<span class=\"kbh-panel-kicker\">What I build<\/span>\n<p class=\"kbh-panel-title\">If your business needs it,<br><em>I build it.<\/em><\/p>\n<\/div>\n\n<ul class=\"kbh-list\">\n<li><b>01<\/b><span>Custom ERP<\/span><small>Multi-site<\/small><\/li>\n<li><b>02<\/b><span>CRM &amp; sales pipeline<\/span><small>WhatsApp<\/small><\/li>\n<li><b>03<\/b><span>Medical & dental practices, clinics<\/span><small>Patient records<\/small><\/li>\n<li><b>04<\/b><span>Inventory management &amp; purchasing<\/span><small>Barcodes<\/small><\/li>\n<li><b>05<\/b><span>Point of sale &amp; checkout<\/span><small>Multi-store<\/small><\/li>\n<li><b>06<\/b><span>Taxi, ride-hailing &amp; fleet management<\/span><small>GPS<\/small><\/li>\n<li><b>07<\/b><span>HR, time tracking &amp; payroll<\/span><small>Employee portal<\/small><\/li>\n<li><b>08<\/b><span>Invoicing &amp; accounting<\/span><small>Exports<\/small><\/li>\n<li><b>09<\/b><span>Restaurants, hotels, schools<\/span><small>QR code<\/small><\/li>\n<li><b>10<\/b><span>Booking &amp; appointments<\/span><small>Payment<\/small><\/li>\n<li><b>11<\/b><span>Dashboards &amp; reporting<\/span><small>Real time<\/small><\/li>\n<li><b>12<\/b><span>Automation &amp; AI<\/span><small>Chatbots \u00b7 API<\/small><\/li>\n<\/ul>\n\n<div class=\"kbh-platforms\">\n<span>Web<\/span><span>Desktop<\/span><span>Android<\/span><span>iOS<\/span><span>Cloud<\/span>\n<\/div>\n\n<a href=\"https:\/\/wa.me\/213553835384?text=Hello%20Khalil%2C%20I%27d%20like%20custom%20software.\" target=\"_blank\" rel=\"noopener\" class=\"kbh-panel-cta\">\nYour idea isn't listed? Let's talk <em>\u2197<\/em>\n<\/a>\n<\/div>\n<\/div>\n\n<\/div>\n<\/section>\n\n<style>\n#kbh{\n--ink:#050403;--gold:#C9A463;--gold-light:#E9D6A6;--ivory:#F3EEE3;\n--line:rgba(243,238,227,.1);--grey:rgba(243,238,227,.58);\nfont-family:'Jost',Arial,sans-serif;background:var(--ink);color:var(--ivory);\npadding:140px 24px;position:relative;overflow:hidden;\n}\n#kbh *{box-sizing:border-box;}\n\n.kbh-grain{position:absolute;inset:0;pointer-events:none;\nbackground:radial-gradient(ellipse 900px 500px at 85% 10%,rgba(201,164,99,.09),transparent 60%),\nradial-gradient(ellipse 700px 500px at 5% 100%,rgba(201,164,99,.05),transparent 60%);}\n.kbh-bgtext{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;\nfont-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:13vw;\ncolor:transparent;-webkit-text-stroke:1px rgba(201,164,99,.06);white-space:nowrap;pointer-events:none;}\n\n#kbh .kbh-wrap{max-width:1360px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;\ngap:80px;align-items:center;position:relative;z-index:2;}\n\n\/* Eyebrow *\/\n#kbh .kbh-eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:11px;letter-spacing:3px;\ntext-transform:uppercase;font-weight:500;color:var(--gold);margin-bottom:32px;\nopacity:0;animation:kbhFadeUp .8s cubic-bezier(.16,.9,.2,1) forwards .2s;}\n#kbh .kbh-eyebrow i{display:block;width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));}\n#kbh .kbh-eyebrow i:last-child{background:linear-gradient(90deg,var(--gold),transparent);}\n\n\/* Title *\/\n#kbh .kbh-title{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;\nfont-size:clamp(38px,5.2vw,72px);line-height:1.08;}\n#kbh .kbh-line{display:block;overflow:hidden;}\n#kbh .kbh-line span{display:block;transform:translateY(115%);\nanimation:kbhLineUp .9s cubic-bezier(.16,.9,.2,1) forwards;color:var(--ivory);}\n#kbh .kbh-line:nth-child(1) span{animation-delay:.35s;}\n#kbh .kbh-line:nth-child(2) span{animation-delay:.48s;}\n#kbh .kbh-line:nth-child(3) span{animation-delay:.61s;}\n#kbh .kbh-line:nth-child(4) span{animation-delay:.74s;}\n#kbh .kbh-gold span{color:var(--gold-light);font-style:italic;}\n@keyframes kbhLineUp{to{transform:translateY(0);}}\n\n#kbh .kbh-text{margin:32px 0 40px;max-width:540px;font-size:16px;line-height:1.9;font-weight:300;\ncolor:var(--grey);opacity:0;animation:kbhFadeUp 1s cubic-bezier(.16,.9,.2,1) forwards 1s;}\n#kbh .kbh-text strong{color:var(--gold-light);font-weight:400;}\n\n\/* Buttons *\/\n#kbh .kbh-buttons{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-bottom:48px;\nopacity:0;animation:kbhFadeUp 1s cubic-bezier(.16,.9,.2,1) forwards 1.15s;}\n#kbh .kbh-btn-wa{display:inline-flex;align-items:center;gap:12px;padding:18px 32px;\nbackground:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--ink);text-decoration:none;\nfont-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;transition:.4s ease;\nposition:relative;}\n#kbh .kbh-btn-wa svg{width:20px;height:20px;}\n#kbh .kbh-btn-wa em{font-style:normal;transition:transform .35s ease;}\n#kbh .kbh-btn-wa::before{content:\"\";position:absolute;inset:-6px;border:1px solid rgba(201,164,99,.45);\nanimation:kbhPulse 2.6s ease-out infinite;pointer-events:none;}\n#kbh .kbh-btn-wa:hover{box-shadow:0 16px 34px rgba(201,164,99,.3);transform:translateY(-3px);}\n#kbh .kbh-btn-wa:hover em{transform:translateX(5px);}\n@keyframes kbhPulse{0%{opacity:.9;transform:scale(1);}100%{opacity:0;transform:scale(1.12);}}\n\n#kbh .kbh-btn-line{position:relative;color:var(--gold-light);text-decoration:none;font-size:12px;\nfont-weight:500;letter-spacing:1.5px;text-transform:uppercase;padding-bottom:5px;}\n#kbh .kbh-btn-line::after{content:\"\";position:absolute;left:0;bottom:0;width:100%;height:1px;\nbackground:var(--gold-light);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}\n#kbh .kbh-btn-line:hover::after{transform:scaleX(1);}\n\n\/* Services *\/\n#kbh .kbh-services{display:flex;flex-wrap:wrap;row-gap:10px;margin-bottom:56px;\nopacity:0;animation:kbhFadeUp 1s cubic-bezier(.16,.9,.2,1) forwards 1.3s;}\n#kbh .kbh-services span{font-size:13px;font-weight:300;color:var(--grey);padding:0 16px;border-right:1px solid var(--line);}\n#kbh .kbh-services span:first-child{padding-left:0;}\n#kbh .kbh-services span:last-child{border-right:none;}\n\n\/* Pillars \u2014 3 services lumineux *\/\n#kbh .kbh-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:52px;max-width:620px;\nopacity:0;animation:kbhFadeUp 1s cubic-bezier(.16,.9,.2,1) forwards 1.3s;}\n#kbh .kbh-pillar{position:relative;padding:22px 18px 20px;border:1px solid rgba(201,164,99,.28);\nbackground:linear-gradient(160deg,rgba(233,214,166,.10),rgba(201,164,99,.02) 60%);\noverflow:hidden;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease;}\n#kbh .kbh-pillar::before{content:\"\";position:absolute;top:0;left:-60%;width:50%;height:100%;\nbackground:linear-gradient(100deg,transparent,rgba(255,240,205,.22),transparent);\ntransform:skewX(-20deg);animation:kbhShine 5s ease-in-out infinite;}\n#kbh .kbh-pillar:nth-child(2)::before{animation-delay:1.6s;}\n#kbh .kbh-pillar:nth-child(3)::before{animation-delay:3.2s;}\n@keyframes kbhShine{0%,60%{left:-60%;}100%{left:130%;}}\n#kbh .kbh-pillar:hover{transform:translateY(-6px);border-color:var(--gold-light);\nbox-shadow:0 0 0 1px rgba(233,214,166,.25),0 18px 40px rgba(201,164,99,.22),0 0 40px rgba(233,214,166,.12) inset;}\n#kbh .kbh-pillar-main{border-color:var(--gold);\nbox-shadow:0 0 34px rgba(201,164,99,.22),0 0 0 1px rgba(233,214,166,.2) inset;\nbackground:linear-gradient(160deg,rgba(233,214,166,.2),rgba(201,164,99,.05) 65%);}\n#kbh .kbh-pillar-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;\nborder-radius:50%;background:radial-gradient(circle,rgba(233,214,166,.35),rgba(201,164,99,.05) 70%);\nbox-shadow:0 0 22px rgba(233,214,166,.35);}\n#kbh .kbh-pillar-icon svg{width:22px;height:22px;fill:none;stroke:var(--gold-light);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;\nfilter:drop-shadow(0 0 4px rgba(233,214,166,.7));}\n#kbh .kbh-pillar strong{display:block;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:20px;line-height:1.15;\ncolor:#FFF6E2;text-shadow:0 0 18px rgba(233,214,166,.45);}\n#kbh .kbh-pillar small{display:block;margin-top:8px;font-size:12px;line-height:1.5;color:var(--grey);}\n\n\/* Stats *\/\n#kbh .kbh-stats{display:flex;max-width:480px;opacity:0;animation:kbhFadeUp 1s cubic-bezier(.16,.9,.2,1) forwards 1.5s;}\n#kbh .kbh-stat{flex:1;padding:24px 22px 0;border-top:1px solid var(--line);}\n#kbh .kbh-stat:first-child{padding-left:0;}\n#kbh .kbh-stat strong{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;\nfont-size:34px;color:var(--gold-light);}\n#kbh .kbh-stat small{display:block;margin-top:6px;font-size:11.5px;letter-spacing:.3px;color:var(--grey);}\n\n\/* Right panel *\/\n#kbh .kbh-right{display:flex;justify-content:center;opacity:0;\nanimation:kbhImageIn 1.3s cubic-bezier(.17,.84,.44,1) .5s forwards;}\n@keyframes kbhImageIn{from{opacity:0;transform:translateX(60px);}to{opacity:1;transform:translateX(0);}}\n\n#kbh .kbh-panel{position:relative;width:min(500px,100%);padding:44px 40px 36px;\nborder:1px solid var(--line);\nbackground:linear-gradient(160deg,rgba(201,164,99,.07),rgba(255,255,255,.01) 45%,rgba(201,164,99,.03));\nbackdrop-filter:blur(6px);transition:transform .3s ease-out;}\n#kbh .kbh-frame{position:absolute;inset:12px;pointer-events:none;opacity:0;animation:kbhFrameIn 1s ease forwards 1.6s;}\n#kbh .kbh-frame::before,#kbh .kbh-frame::after{content:\"\";position:absolute;width:26px;height:26px;border:1px solid var(--gold-light);}\n#kbh .kbh-frame::before{top:0;left:0;border-right:none;border-bottom:none;}\n#kbh .kbh-frame::after{bottom:0;right:0;border-left:none;border-top:none;}\n@keyframes kbhFrameIn{to{opacity:1;}}\n\n#kbh .kbh-panel-kicker{font-size:10.5px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);}\n#kbh .kbh-panel-title{margin:12px 0 26px;font-family:'Cormorant Garamond',serif;font-size:28px;line-height:1.2;color:var(--ivory);}\n#kbh .kbh-panel-title em{color:var(--gold-light);}\n\n#kbh .kbh-list{list-style:none;margin:0;padding:0;}\n#kbh .kbh-list li{display:flex;align-items:baseline;gap:16px;padding:13px 0;border-top:1px solid var(--line);\nopacity:0;animation:kbhFadeUp .7s ease forwards;transition:padding .3s ease;}\n#kbh .kbh-list li:hover{padding-left:8px;}\n#kbh .kbh-list li:nth-child(1){animation-delay:1.1s}#kbh .kbh-list li:nth-child(2){animation-delay:1.18s}\n#kbh .kbh-list li:nth-child(3){animation-delay:1.26s}#kbh .kbh-list li:nth-child(4){animation-delay:1.34s}\n#kbh .kbh-list li:nth-child(5){animation-delay:1.42s}#kbh .kbh-list li:nth-child(6){animation-delay:1.5s}\n#kbh .kbh-list li:nth-child(7){animation-delay:1.58s}#kbh .kbh-list li:nth-child(8){animation-delay:1.66s}\n#kbh .kbh-list li:nth-child(9){animation-delay:1.74s}#kbh .kbh-list li:nth-child(10){animation-delay:1.82s}\n#kbh .kbh-list li:nth-child(11){animation-delay:1.9s}#kbh .kbh-list li:nth-child(12){animation-delay:1.98s}\n#kbh .kbh-list li{padding:11px 0;}\n#kbh .kbh-list b{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:15px;color:var(--gold);min-width:22px;}\n#kbh .kbh-list span{flex:1;font-size:14.5px;font-weight:400;color:var(--ivory);}\n#kbh .kbh-list small{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--grey);}\n\n#kbh .kbh-platforms{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 26px;padding-top:22px;border-top:1px solid var(--line);}\n#kbh .kbh-platforms span{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-light);\nborder:1px solid rgba(201,164,99,.3);padding:6px 12px;}\n\n#kbh .kbh-panel-cta{color:var(--gold-light);text-decoration:none;font-family:'Cormorant Garamond',serif;\nfont-style:italic;font-size:19px;border-bottom:1px solid rgba(201,164,99,.35);padding-bottom:4px;transition:border-color .3s;}\n#kbh .kbh-panel-cta em{font-style:normal;font-family:'Jost',sans-serif;font-size:14px;}\n#kbh .kbh-panel-cta:hover{border-color:var(--gold-light);}\n\n@keyframes kbhFadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}\n\n@media (prefers-reduced-motion:reduce){\n#kbh *,#kbh *::before{animation:none !important;opacity:1 !important;transform:none !important;}\n}\n\n@media(max-width:991px){\n#kbh{padding:100px 20px 80px;}\n#kbh .kbh-wrap{grid-template-columns:1fr;gap:64px;}\n#kbh .kbh-left{text-align:center;}\n#kbh .kbh-pillars{margin-left:auto;margin-right:auto;text-align:left;}\n#kbh .kbh-buttons,#kbh .kbh-services,#kbh .kbh-stats{justify-content:center;margin-left:auto;margin-right:auto;}\n#kbh .kbh-text{margin-left:auto;margin-right:auto;}\n#kbh .kbh-services span:first-child{padding-left:16px;}\n#kbh .kbh-bgtext{font-size:22vw;}\n}\n@media(max-width:560px){\n#kbh .kbh-panel{padding:36px 22px 28px;}\n#kbh .kbh-btn-wa{width:100%;justify-content:center;}\n#kbh .kbh-stats{flex-direction:column;}\n#kbh .kbh-stat{padding:18px 0;text-align:center;}\n#kbh .kbh-list small{display:none;}\n#kbh .kbh-pillars{grid-template-columns:1fr;}\n#kbh .kbh-pillar{display:grid;grid-template-columns:42px 1fr;column-gap:16px;align-items:center;}\n#kbh .kbh-pillar-icon{grid-row:span 2;margin:0;}\n#kbh .kbh-pillar small{margin-top:4px;}\n}\n<\/style>\n\n<script>\n(function(){\nvar reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n\/* L\u00e9ger effet de profondeur sur le panneau (desktop) *\/\nvar panel = document.querySelector('#kbh .kbh-panel');\nif(panel && !reduce && window.innerWidth > 991){\ndocument.addEventListener('mousemove',function(e){\nvar x=(window.innerWidth\/2-e.clientX)\/70, y=(window.innerHeight\/2-e.clientY)\/70;\npanel.style.transform='translate('+x+'px,'+y+'px)';\n});\n}\n\n\/* Compteurs : la vraie valeur est d\u00e9j\u00e0 dans le HTML (lisible par Google et les IA),\n   l'animation repart de 0 uniquement \u00e0 l'\u00e9cran *\/\nif(reduce || !('IntersectionObserver' in window)) return;\nvar counters=document.querySelectorAll('#kbh .kbh-counter');\nvar obs=new IntersectionObserver(function(entries){\nentries.forEach(function(entry){\nif(!entry.isIntersecting) return;\nvar el=entry.target, target=parseInt(el.dataset.target,10), count=0;\n(function tick(){\ncount+=target\/70;\nif(count<target){ el.textContent=Math.floor(count); requestAnimationFrame(tick); }\nelse{ el.textContent=target+'+'; }\n})();\nobs.unobserve(el);\n});\n},{threshold:.5});\ncounters.forEach(function(c){obs.observe(c);});\n})();\n<\/script>\n\n<section class=\"kb-marquee\">\n<div class=\"kb-track\">\n\n<div class=\"kb-set\">\n<span>Custom software, whatever the complexity<\/span>\n<i><\/i>\n<span>A signed contract before every project<\/span>\n<i><\/i>\n<span>ERP \u00b7 CRM \u00b7 Inventory \u00b7 POS \u00b7 Payroll \u00b7 Booking<\/span>\n<i><\/i>\n<span>Mockups approved before any code is written<\/span>\n<i><\/i>\n<span>Web, desktop &amp; mobile<\/span>\n<i><\/i>\n<span>Transparency, confidentiality and commitment from the first conversation<\/span>\n<i><\/i>\n<span>Installation, data migration and training included<\/span>\n<i><\/i>\n<span>Agreed deadlines met, personal follow-up<\/span>\n<i><\/i>\n<span>Secure, scalable, maintained source code<\/span>\n<i><\/i>\n<span>Invoice available on request<\/span>\n<i><\/i>\n<span>Websites &amp; SEO<\/span>\n<i><\/i>\n<\/div>\n\n<div class=\"kb-set\" aria-hidden=\"true\">\n<span>Custom software, whatever the complexity<\/span>\n<i><\/i>\n<span>A signed contract before every project<\/span>\n<i><\/i>\n<span>ERP \u00b7 CRM \u00b7 Inventory \u00b7 POS \u00b7 Payroll \u00b7 Booking<\/span>\n<i><\/i>\n<span>Mockups approved before any code is written<\/span>\n<i><\/i>\n<span>Web, desktop &amp; mobile<\/span>\n<i><\/i>\n<span>Transparency, confidentiality and commitment from the first conversation<\/span>\n<i><\/i>\n<span>Installation, data migration and training included<\/span>\n<i><\/i>\n<span>Agreed deadlines met, personal follow-up<\/span>\n<i><\/i>\n<span>Secure, scalable, maintained source code<\/span>\n<i><\/i>\n<span>Invoice available on request<\/span>\n<i><\/i>\n<span>Websites &amp; SEO<\/span>\n<i><\/i>\n<\/div>\n\n<\/div>\n<\/section>\n\n<style>\n.kb-marquee{\n--ink:#050403;--gold:#C9A463;--gold-light:#E9D6A6;--ivory:#F3EEE3;--line:rgba(201,164,99,.25);\nbackground:var(--ink);padding:24px 0;overflow:hidden;\nborder-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;\n}\n.kb-track{display:flex;width:max-content;animation:kbMarquee 55s linear infinite;}\n.kb-track:hover{animation-play-state:paused;}\n.kb-set{display:flex;align-items:center;flex-shrink:0;}\n.kb-set span{\nfont-family:'Jost',Arial,sans-serif;font-size:12.5px;font-weight:500;letter-spacing:1.6px;\ntext-transform:uppercase;color:var(--ivory);white-space:nowrap;padding:0 26px;\n}\n\/* Les phrases \u00ab logiciel \u00bb ressortent en or *\/\n.kb-set span:nth-of-type(odd){color:var(--gold-light);}\n.kb-set i{display:block;width:4px;height:4px;flex-shrink:0;background:var(--gold);transform:rotate(45deg);}\n@keyframes kbMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}\n@media(prefers-reduced-motion:reduce){.kb-track{animation:none;}}\n@media(max-width:768px){.kb-set span{font-size:11px;padding:0 18px;letter-spacing:1.2px;}}\n<\/style>\n\n<div id=\"kbs\">\n\n<section class=\"s-nav\"><div class=\"wrap center\"><nav class=\"jump\">\n<a href=\"#kbs-expertise\">Expertise<\/a><a href=\"#kbs-logiciels\">Software<\/a><a href=\"#kbs-sites\">Websites<\/a><a href=\"#kbs-realisations\">Portfolio<\/a><a href=\"#kbs-seo\">SEO<\/a><a href=\"#kbs-ads\">Google Ads<\/a><a href=\"#kbs-hebergement\">Hosting<\/a><a href=\"#kbs-tarifs-logiciels\">Software prices<\/a><a href=\"#kbs-tarifs\">Website prices<\/a><a href=\"#kbs-algerie\">All of Algeria<\/a><a href=\"#kbs-contact\">Contact<\/a>\n<\/nav><\/div><\/section>\n\n<!-- ============ 3 PILIERS ============ -->\n<section class=\"s-pillars\">\n<div class=\"wrap grid3\">\n<a href=\"#kbs-logiciels\" class=\"pillar main\">\n<span class=\"num\">01<\/span>\n<div class=\"ico\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"1.5\"\/><path d=\"M8 21h8M12 17v4M7.5 9.5 10 12l-2.5 2.5M12.5 14.5h4\"\/><\/svg><\/div>\n<h2>Custom software<\/h2>\n<p>ERP, CRM, inventory, POS, medical, HR, booking, AI. Web, desktop and mobile, whatever the complexity.<\/p>\n<span class=\"more\">Discover \u2192<\/span>\n<\/a>\n<a href=\"#kbs-sites\" class=\"pillar\">\n<span class=\"num\">02<\/span>\n<div class=\"ico\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3Z\"\/><\/svg><\/div>\n<h2>Premium websites<\/h2>\n<p>Showcase sites, online stores, platforms and web apps: fast, elegant and built to convert.<\/p>\n<span class=\"more\">Discover \u2192<\/span>\n<\/a>\n<a href=\"#kbs-seo\" class=\"pillar\">\n<span class=\"num\">03<\/span>\n<div class=\"ico\"><svg viewBox=\"0 0 24 24\"><circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\/><path d=\"m15.5 15.5 5 5M7.5 12l2-2 1.5 1.5 3-3\"\/><\/svg><\/div>\n<h2>SEO &amp; Ads<\/h2>\n<p>Technical and local SEO, content, profitable Google Ads: get found by the right customers at the right time.<\/p>\n<span class=\"more\">Discover \u2192<\/span>\n<\/a>\n<\/div>\n<\/section>\n\n<!-- ============ EXPERTISE ============ -->\n<section class=\"s-xp\" id=\"kbs-expertise\">\n<div class=\"xp-glow\" aria-hidden=\"true\"><\/div>\n<div class=\"wrap\">\n<div class=\"head\">\n<span class=\"eyebrow\"><i><\/i>Expertise<i><\/i><\/span>\n<h2 class=\"h-lg\">Three specialities, <em>one expert.<\/em><\/h2>\n<p class=\"lead narrow\">Custom software, websites and SEO: the same high standards from the first conversation to launch, and a single point of contact for your whole project.<\/p>\n<\/div>\n\n<div class=\"xp-kpis\">\n<div><strong data-to=\"15\">15<\/strong><span>Recent projects live online<\/span><\/div>\n<div><strong data-to=\"24\">24<\/strong><span>Industries covered in software<\/span><\/div>\n<div><strong data-to=\"58\">58<\/strong><span>Wilayas served<\/span><\/div>\n<div><strong data-to=\"3\">3<\/strong><span>Languages: French, English, Arabic<\/span><\/div>\n<\/div>\n\n<div class=\"xp-grid\">\n<div class=\"xp-card\">\n<div class=\"xp-card-h\"><span class=\"xp-k\">01<\/span><div><h3>Technical skills<\/h3><p>Websites, e-commerce and SEO<\/p><\/div><\/div>\n<ul class=\"xp-bars\">\n<li style=\"--v:96%\"><div class=\"xb-h\"><strong>WordPress<\/strong><b data-to=\"96\">96%<\/b><\/div><span class=\"xb-d\">Architecture, content types, multisite, maintenance<\/span><div class=\"xb-t\"><i><\/i><\/div><\/li>\n<li style=\"--v:95%\"><div class=\"xb-h\"><strong>HTML5<\/strong><b data-to=\"95\">95%<\/b><\/div><span class=\"xb-d\">Semantic structure, accessibility, performance<\/span><div class=\"xb-t\"><i><\/i><\/div><\/li>\n<li style=\"--v:94%\"><div class=\"xb-h\"><strong>Elementor expertise<\/strong><b data-to=\"94\">94%<\/b><\/div><span class=\"xb-d\">Pixel-perfect builds, templates, widgets<\/span><div class=\"xb-t\"><i><\/i><\/div><\/li>\n<li style=\"--v:92%\"><div class=\"xb-h\"><strong>CSS3<\/strong><b data-to=\"92\">92%<\/b><\/div><span class=\"xb-d\">Modern layouts, animations, mobile-first<\/span><div class=\"xb-t\"><i><\/i><\/div><\/li>\n<li style=\"--v:90%\"><div class=\"xb-h\"><strong>SEO<\/strong><b data-to=\"90\">90%<\/b><\/div><span class=\"xb-d\">Technical, content, local and e-commerce SEO<\/span><div class=\"xb-t\"><i><\/i><\/div><\/li>\n<li style=\"--v:88%\"><div class=\"xb-h\"><strong>WooCommerce<\/strong><b data-to=\"88\">88%<\/b><\/div><span class=\"xb-d\">Catalogue, payments, inventory, checkout flow<\/span><div class=\"xb-t\"><i><\/i><\/div><\/li>\n<li style=\"--v:86%\"><div class=\"xb-h\"><strong>Google Ads<\/strong><b data-to=\"86\">86%<\/b><\/div><span class=\"xb-d\">Lead-focused Search and Display campaigns<\/span><div class=\"xb-t\"><i><\/i><\/div><\/li>\n<li style=\"--v:85%\"><div class=\"xb-h\"><strong>PHP<\/strong><b data-to=\"85\">85%<\/b><\/div><span class=\"xb-d\">Server logic, security, query optimisation<\/span><div class=\"xb-t\"><i><\/i><\/div><\/li>\n<\/ul>\n<\/div>\n<div class=\"xp-card xp-dark\">\n<div class=\"xp-card-h\"><span class=\"xp-k\">02<\/span><div><h3>Custom software<\/h3><p>Every platform, whatever the complexity<\/p><\/div><\/div>\n<div class=\"xp-ring\">\n<svg viewBox=\"0 0 120 120\" aria-hidden=\"true\"><circle cx=\"60\" cy=\"60\" r=\"52\" class=\"xr-bg\"\/><circle cx=\"60\" cy=\"60\" r=\"52\" class=\"xr-fg\"\/><\/svg>\n<div class=\"xp-ring-t\"><strong>100%<\/strong><span>Custom code<\/span><\/div>\n<\/div>\n<ul class=\"xp-plat\">\n<li><span class=\"xp-ok\">\u2713<\/span><div><strong>Web &amp; Cloud<\/strong><small>Browser, hosted or on your server<\/small><\/div><\/li>\n<li><span class=\"xp-ok\">\u2713<\/span><div><strong>Desktop<\/strong><small>Windows and macOS, offline<\/small><\/div><\/li>\n<li><span class=\"xp-ok\">\u2713<\/span><div><strong>Android<\/strong><small>Apps for your teams<\/small><\/div><\/li>\n<li><span class=\"xp-ok\">\u2713<\/span><div><strong>iOS<\/strong><small>Apps for your customers<\/small><\/div><\/li>\n<li><span class=\"xp-ok\">\u2713<\/span><div><strong>API<\/strong><small>Connects to your existing tools<\/small><\/div><\/li>\n<li><span class=\"xp-ok\">\u2713<\/span><div><strong>AI<\/strong><small>Chatbots, automation, extraction<\/small><\/div><\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n<div class=\"xp-proof\">\n<span>Signed contract<\/span><span>Approved mockups<\/span><span>Secure, scalable code<\/span><span>Training included<\/span><span>Support after delivery<\/span>\n<\/div>\n<\/div>\n<\/section>\n\n<!-- ============ LOGICIELS ============ -->\n<section class=\"s-soft\" id=\"kbs-logiciels\">\n<div class=\"wrap\">\n<div class=\"head\">\n<span class=\"eyebrow\"><i><\/i>Custom software<i><\/i><\/span>\n<h2 class=\"h-lg\">Software built <em>around your business<\/em>,<br>not the other way round.<\/h2>\n<p class=\"lead narrow\">Save time, reduce errors and run your whole business from a single tool. Installed on your server or hosted by me, with your data kept secure.<\/p>\n<\/div>\n\n<div class=\"platforms\">\n<div><strong>Web &amp; Cloud<\/strong><span>Accessible anywhere, in every browser<\/span><\/div>\n<div><strong>Desktop<\/strong><span>Windows &amp; macOS, offline and local network<\/span><\/div>\n<div><strong>Mobile<\/strong><span>Android &amp; iOS for your teams and customers<\/span><\/div>\n<div><strong>On-site or hosted<\/strong><span>On your server or managed by me<\/span><\/div>\n<\/div>\n\n<div class=\"filters\" role=\"tablist\">\n<button class=\"on\" data-f=\"all\">All solutions<\/button>\n<button data-f=\"sante\">Health<\/button>\n<button data-f=\"beaute\">Beauty &amp; wellness<\/button>\n<button data-f=\"transport\">Transport<\/button>\n<button data-f=\"commerce\">Retail &amp; inventory<\/button>\n<button data-f=\"entreprise\">Company<\/button>\n<button data-f=\"services\">Services &amp; industries<\/button>\n<\/div>\n\n<div class=\"cards\">\n<article data-c=\"sante\"><span class=\"tag\">Health<\/span><h3>Medical practice management<\/h3><p>Patient records, calendar and prescriptions in one tool for doctors and front desk.<\/p><ul><li>Medical record &amp; history<\/li><li>Prescriptions, certificates, reports<\/li><li>SMS \/ WhatsApp reminders<\/li><li>Invoicing &amp; statistics<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>250 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Desktop<\/div><\/article>\n<article data-c=\"sante\"><span class=\"tag\">Health<\/span><h3>Dental practice software<\/h3><p>From dental charts to payment tracking, the whole practice in one tool.<\/p><ul><li>Interactive dental chart<\/li><li>Treatment plans &amp; quotes<\/li><li>Imaging &amp; X-rays<\/li><li>Payment plans &amp; payments<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>280 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Desktop<\/div><\/article>\n<article data-c=\"sante\"><span class=\"tag\">Health<\/span><h3>Clinics, labs &amp; pharmacies<\/h3><p>Physiotherapy, ophthalmology, medical labs, pharmacies, clinics.<\/p><ul><li>Multi-practitioner &amp; multi-department<\/li><li>Lab results &amp; printing<\/li><li>Drug inventory &amp; expiry dates<\/li><li>Online appointments<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>450 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Desktop \u00b7 Mobile<\/div><\/article>\n<article data-c=\"beaute\"><span class=\"tag\">Beauty<\/span><h3>Hair salon &amp; barber<\/h3><p>Scheduling, checkout and loyalty for a smooth salon, even at peak hours.<\/p><ul><li>24\/7 online booking<\/li><li>Schedule per stylist<\/li><li>Checkout, commissions &amp; tips<\/li><li>Loyalty card<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>150 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Mobile<\/div><\/article>\n<article data-c=\"beaute\"><span class=\"tag\">Wellness<\/span><h3>Beauty institutes, spas &amp; gyms<\/h3><p>Memberships, sessions and packages managed automatically, with a member area.<\/p><ul><li>Memberships &amp; session cards<\/li><li>Access control &amp; badges<\/li><li>Product sales &amp; inventory<\/li><li>Automatic reminders<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>180 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Mobile<\/div><\/article>\n<article data-c=\"transport\"><span class=\"tag\">Transport<\/span><h3>Taxi &amp; ride-hailing<\/h3><p>Booking, dispatch and ride tracking, from independent drivers to full fleets.<\/p><ul><li>Booking &amp; instant quote<\/li><li>Dispatch &amp; geolocation<\/li><li>Driver app<\/li><li>Revenue per vehicle<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>300 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Mobile<\/div><\/article>\n<article data-c=\"transport\"><span class=\"tag\">Transport<\/span><h3>Car rental &amp; driving schools<\/h3><p>Availability, contracts and schedules with no double bookings.<\/p><ul><li>Availability calendar<\/li><li>Contracts &amp; vehicle inspections<\/li><li>Lesson schedule<\/li><li>Maintenance &amp; deadlines<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>220 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Desktop<\/div><\/article>\n<article data-c=\"transport\"><span class=\"tag\">Logistics<\/span><h3>Logistics &amp; fleet management<\/h3><p>Deliveries, routes and vehicles tracked in real time.<\/p><ul><li>Route planning<\/li><li>Delivery notes &amp; signature<\/li><li>Fuel, maintenance, mileage<\/li><li>Real-time GPS tracking<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>400 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Mobile<\/div><\/article>\n<article data-c=\"commerce\"><span class=\"tag\">Inventory<\/span><h3>Inventory management<\/h3><p>Exact quantities across one or more warehouses, at any time.<\/p><ul><li>Stock in, stock out &amp; transfers<\/li><li>Barcodes &amp; QR codes<\/li><li>Out-of-stock alerts<\/li><li>Stock counts &amp; valuation<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>200 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Desktop \u00b7 Mobile<\/div><\/article>\n<article data-c=\"commerce\"><span class=\"tag\">Purchasing<\/span><h3>Procurement &amp; purchasing<\/h3><p>From purchase request to delivery, a smooth, approved workflow.<\/p><ul><li>Requests &amp; purchase orders<\/li><li>Supplier database &amp; price lists<\/li><li>Approval workflow<\/li><li>Automatic restocking<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>250 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Desktop<\/div><\/article>\n<article data-c=\"commerce\"><span class=\"tag\">Sales<\/span><h3>Point of sale &amp; checkout<\/h3><p>Fast checkout for shops, minimarkets and showrooms, linked to inventory.<\/p><ul><li>Touchscreen checkout<\/li><li>Receipts &amp; invoices<\/li><li>Multi-store<\/li><li>End-of-day closing &amp; reports<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>180 000 DZD<\/b><\/div><div class=\"pl\">Desktop \u00b7 Web<\/div><\/article>\n<article data-c=\"commerce\"><span class=\"tag\">Distribution<\/span><h3>Sales management &amp; distribution<\/h3><p>For wholesalers and distributors: orders, deliveries, receivables, sales reps.<\/p><ul><li>Mobile order taking<\/li><li>Quotes, delivery notes, invoices, credit notes<\/li><li>Receivables tracking<\/li><li>Sales rep targets<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>350 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Mobile<\/div><\/article>\n<article data-c=\"entreprise\"><span class=\"tag\">ERP<\/span><h3>Custom ERP<\/h3><p>Your whole company in one system: sales, purchasing, inventory, production, finance, HR.<\/p><ul><li>Modules tailored to your processes<\/li><li>Multi-company &amp; multi-site<\/li><li>Production management<\/li><li>Role-based access rights<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>800 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Desktop<\/div><\/article>\n<article data-c=\"entreprise\"><span class=\"tag\">CRM<\/span><h3>CRM &amp; customer relations<\/h3><p>Leads and customers in one place, so no opportunity slips away.<\/p><ul><li>Visual sales pipeline<\/li><li>Communication history<\/li><li>Automatic reminders<\/li><li>WhatsApp integration &amp; email<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>250 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Mobile<\/div><\/article>\n<article data-c=\"entreprise\"><span class=\"tag\">HR<\/span><h3>Human resources &amp; payroll<\/h3><p>Employee files, time tracking, leave and payroll in one place.<\/p><ul><li>Time tracking &amp; attendance<\/li><li>Leave &amp; absences<\/li><li>Payslips<\/li><li>Employee portal<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>300 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Desktop<\/div><\/article>\n<article data-c=\"entreprise\"><span class=\"tag\">Finance<\/span><h3>Invoicing &amp; accounting<\/h3><p>Quotes, invoices and cash flow tracked precisely, ready for your accountant.<\/p><ul><li>Quotes &amp; custom invoices<\/li><li>Payment tracking<\/li><li>Cash flow &amp; expenses<\/li><li>Accounting exports<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>150 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Desktop<\/div><\/article>\n<article data-c=\"entreprise\"><span class=\"tag\">Analytics<\/span><h3>Dashboards &amp; reporting<\/h3><p>Your key figures in real time, readable at a glance.<\/p><ul><li>Custom KPIs<\/li><li>Interactive charts<\/li><li>PDF reports &amp; Excel<\/li><li>Smart alerts<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>200 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Mobile<\/div><\/article>\n<article data-c=\"entreprise\"><span class=\"tag\">Projects<\/span><h3>Project management &amp; document management<\/h3><p>Tasks, teams and documents organised, with a secure history.<\/p><ul><li>Tasks &amp; Gantt charts<\/li><li>Electronic document management<\/li><li>E-signature<\/li><li>Secure client portal<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>300 000 DZD<\/b><\/div><div class=\"pl\">Web<\/div><\/article>\n<article data-c=\"services\"><span class=\"tag\">Food & hospitality<\/span><h3>Restaurants, caf\u00e9s &amp; hotels<\/h3><p>Orders, tables, kitchen and bookings in sync.<\/p><ul><li>QR code menu &amp; table ordering<\/li><li>Kitchen display<\/li><li>Bookings &amp; rooms<\/li><li>Recipe sheets &amp; costs<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>220 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Desktop \u00b7 Mobile<\/div><\/article>\n<article data-c=\"services\"><span class=\"tag\">Education<\/span><h3>Schools &amp; training centres<\/h3><p>Enrolment, timetables, grades and payments, with a parent portal.<\/p><ul><li>Student files<\/li><li>Timetables &amp; absences<\/li><li>Grades &amp; report cards<\/li><li>E-learning platform<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>250 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Mobile<\/div><\/article>\n<article data-c=\"services\"><span class=\"tag\">Real estate &amp; construction<\/span><h3>Real estate agencies &amp; construction sites<\/h3><p>Properties, contracts, rents and site progress managed rigorously.<\/p><ul><li>Property catalogue<\/li><li>Contracts &amp; rent receipts<\/li><li>Site tracking &amp; progress billing<\/li><li>Quantity surveys &amp; construction quotes<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>280 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Desktop<\/div><\/article>\n<article data-c=\"services\"><span class=\"tag\">Booking<\/span><h3>Booking platforms<\/h3><p>Lawyers, consultants, garages, events, rentals: any appointment-based business.<\/p><ul><li>Online calendar<\/li><li>Payment &amp; deposit<\/li><li>Automatic confirmations<\/li><li>Customer reviews<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>200 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Mobile<\/div><\/article>\n<article data-c=\"services\"><span class=\"tag\">Employment<\/span><h3>Employment agencies &amp; recruitment<\/h3><p>Candidates, job offers, placements and contracts in a single tool.<\/p><ul><li>Candidate database &amp; CVs<\/li><li>Job offers &amp; matching<\/li><li>Contracts &amp; invoicing<\/li><li>Placement statistics<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>250 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 Desktop<\/div><\/article>\n<article data-c=\"entreprise\"><span class=\"tag\">AI<\/span><h3>Automation &amp; artificial intelligence<\/h3><p>Eliminate repetitive tasks and add intelligence to your tools.<\/p><ul><li>WhatsApp chatbots &amp; website<\/li><li>Automated workflows<\/li><li>Connect your software (API)<\/li><li>Document extraction<\/li><\/ul><div class=\"pr\"><small>From<\/small><b>120 000 DZD<\/b><\/div><div class=\"pl\">Web \u00b7 API<\/div><\/article>\n<article data-c=\"all-only\" class=\"custom\"><span class=\"tag\">Bespoke<\/span><h3>Your idea, your software<\/h3><div class=\"pr top\"><small>Price<\/small><b>On quote<\/b><\/div><p>Your business isn't listed? I design the exact tool you need, from scratch, whatever its complexity.<\/p><ul><li>Needs analysis<\/li><li>Mockups before development<\/li><li>Data migration<\/li><li>Training &amp; maintenance<\/li><\/ul><a class=\"btn-gold sm\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wa.me\/213553835384?text=Hello%20Khalil%2C%20I%20have%20an%20idea%20for%20custom%20software.\">Describe my idea \u2192<\/a><\/article>\n<\/div>\n\n<div class=\"process\">\n<div><b>01<\/b><strong>Analysis<\/strong><span>I study your business and processes.<\/span><\/div>\n<div><b>02<\/b><strong>Mockup<\/strong><span>You approve the screens before any code is written.<\/span><\/div>\n<div><b>03<\/b><strong>Development<\/strong><span>Delivered in stages, tested with you.<\/span><\/div>\n<div><b>04<\/b><strong>Deployment<\/strong><span>Installation, data import, training.<\/span><\/div>\n<div><b>05<\/b><strong>Follow-up<\/strong><span>Maintenance, updates and new features.<\/span><\/div>\n<\/div>\n\n<!-- ============ TARIFS LOGICIELS (noir & blanc) ============ -->\n<div class=\"sp\" id=\"kbs-tarifs-logiciels\">\n<div class=\"sp-head\">\n<span class=\"sp-eye\">Software pricing<\/span>\n<h2 class=\"sp-title\">A <em>clear investment<\/em>,<br>a tool that's yours.<\/h2>\n<p class=\"sp-lead\">Three tiers to position your project. The final price depends on the number of modules, users and platforms, and is given free after studying your needs.<\/p>\n<\/div>\n<div class=\"sp-grid\">\n<div class=\"sp-card\">\n<span class=\"sp-tier\">Essential<\/span>\n<h3>Business software<\/h3>\n<div class=\"sp-price\"><small>From<\/small><b>150 000<\/b><i>DZD<\/i><\/div>\n<p>A focused tool for a specific need: POS, inventory, appointments, invoicing.<\/p>\n<ul><li>1 to 2 modules<\/li><li>Web or desktop<\/li><li>Up to 5 users<\/li><li>Installation &amp; training<\/li><li>3 months of free support<\/li><\/ul>\n<\/div>\n<div class=\"sp-card sp-white\">\n<span class=\"sp-badge\">Most popular<\/span>\n<span class=\"sp-tier\">Professional<\/span>\n<h3>Complete solution<\/h3>\n<div class=\"sp-price\"><small>From<\/small><b>350 000<\/b><i>DZD<\/i><\/div>\n<p>Several connected services: medical practice, CRM, HR &amp; payroll, taxi, school, restaurant.<\/p>\n<ul><li>3 to 6 modules<\/li><li>Web + mobile or desktop<\/li><li>Unlimited users &amp; roles<\/li><li>Dashboards &amp; exports<\/li><li>Data migration<\/li><li>6 months of free support<\/li><\/ul>\n<\/div>\n<div class=\"sp-card\">\n<span class=\"sp-tier\">Company<\/span>\n<h3>ERP &amp; platform<\/h3>\n<div class=\"sp-price\"><small>From<\/small><b>800 000<\/b><i>DZD<\/i><\/div>\n<p>Your whole company in one system, across multiple sites and entities.<\/p>\n<ul><li>Unlimited custom modules<\/li><li>Web, desktop &amp; mobile<\/li><li>Multi-site &amp; multi-company<\/li><li>API &amp; AI automation<\/li><li>Dedicated hosting available<\/li><li>12 months of free support<\/li><\/ul>\n<\/div>\n<\/div>\n<div class=\"sp-extra\">\n<div><b>Maintenance &amp; upgrades<\/b><span>from 50,000 DZD \/ year<\/span><\/div>\n<div><b>Add a mobile app<\/b><span>from 150,000 DZD<\/span><\/div>\n<div><b>Payment<\/b><span>in instalments, as work progresses<\/span><\/div>\n<\/div>\n<p class=\"sp-note\">Indicative prices in Algerian dinars, hosting excluded. Precise, free quote within 24h.<\/p>\n<a class=\"sp-btn\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wa.me\/213553835384?text=Hello%20Khalil%2C%20I%27d%20like%20a%20quote%20for%20custom%20software.\">Get my software quote <em>\u2192<\/em><\/a>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"kb-marquee2\">\n<div class=\"kb-track2\">\n<div class=\"kb-set2\">\n<span>100% professional website design<\/span>\n<i><\/i>\n<span>Lasting visibility on Google<\/span>\n<i><\/i>\n<span>Sites optimised for SEO &amp; Google Ads<\/span>\n<i><\/i>\n<span>Personal follow-up after delivery<\/span>\n<i><\/i>\n<span>Tailored digital strategy<\/span>\n<i><\/i>\n<span>Maintenance included<\/span>\n<i><\/i>\n<span>Modern &amp; responsive design<\/span>\n<i><\/i>\n<span>Security and speed guaranteed<\/span>\n<i><\/i>\n<span>A website that generates leads<\/span>\n<i><\/i>\n<span>WordPress &amp; Elementor expertise<\/span>\n<i><\/i>\n<span>Free quote within 24h<\/span>\n<i><\/i>\n<\/div>\n<div class=\"kb-set2\" aria-hidden=\"true\">\n<span>100% professional website design<\/span>\n<i><\/i>\n<span>Lasting visibility on Google<\/span>\n<i><\/i>\n<span>Sites optimised for SEO &amp; Google Ads<\/span>\n<i><\/i>\n<span>Personal follow-up after delivery<\/span>\n<i><\/i>\n<span>Tailored digital strategy<\/span>\n<i><\/i>\n<span>Maintenance included<\/span>\n<i><\/i>\n<span>Modern &amp; responsive design<\/span>\n<i><\/i>\n<span>Security and speed guaranteed<\/span>\n<i><\/i>\n<span>A website that generates leads<\/span>\n<i><\/i>\n<span>WordPress &amp; Elementor expertise<\/span>\n<i><\/i>\n<span>Free quote within 24h<\/span>\n<i><\/i>\n<\/div>\n<\/div>\n<\/section>\n<style>\n.kb-marquee2{background:#18130D;padding:22px 0;overflow:hidden;position:relative;}\n.kb-track2{display:flex;width:max-content;animation:kbMarquee2 50s linear infinite reverse;}\n.kb-track2:hover{animation-play-state:paused;}\n.kb-set2{display:flex;align-items:center;flex-shrink:0;}\n.kb-set2 span{font-family:'Jost',Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#fff;white-space:nowrap;padding:0 26px;}\n.kb-set2 span:nth-of-type(odd){color:#E3C27E;}\n.kb-set2 i{display:block;width:5px;height:5px;flex-shrink:0;background:#C4943A;transform:rotate(45deg);}\n@keyframes kbMarquee2{from{transform:translateX(0);}to{transform:translateX(-50%);}}\n@media(prefers-reduced-motion:reduce){.kb-track2{animation:none;}}\n@media(max-width:768px){.kb-set2 span{font-size:12px;padding:0 18px;}}\n<\/style>\n\n<!-- ============ SITES WEB ============ -->\n<section class=\"s-web\" id=\"kbs-sites\">\n<div class=\"wrap split\">\n<div>\n<span class=\"eyebrow\"><i><\/i>Websites<i><\/i><\/span>\n<h2 class=\"h-lg\">Websites that <em>inspire trust<\/em><br>and turn visitors into customers.<\/h2>\n<p class=\"lead\">Every site is made to measure: art direction, careful development, fast loading, mobile-ready and SEO foundations built in from day one.<\/p>\n<a class=\"btn-line\" href=\"#kbs-tarifs\">See the packages \u2192<\/a>\n<\/div>\n<div class=\"feat\">\n<div><b>01<\/b><strong>Premium showcase site<\/strong><span>A high-end image to present your company.<\/span><\/div>\n<div><b>02<\/b><strong>Online store<\/strong><span>WooCommerce, online payment, order management.<\/span><\/div>\n<div><b>03<\/b><strong>Advanced e-commerce<\/strong><span>Inventory, filters, automation and e-commerce SEO.<\/span><\/div>\n<div><b>04<\/b><strong>Web application<\/strong><span>Client portal, bookings, dashboards.<\/span><\/div>\n<div><b>05<\/b><strong>Custom WordPress theme<\/strong><span>Pixel-faithful to your mockup and brand guidelines.<\/span><\/div>\n<div><b>06<\/b><strong>Multilingual site<\/strong><span>French, English, Arabic, Spanish.<\/span><\/div>\n<div><b>07<\/b><strong>Professional blog<\/strong><span>An editorial space that fuels your SEO.<\/span><\/div>\n<div><b>08<\/b><strong>Website redesign<\/strong><span>Design, speed and SEO rebuilt without losing your rankings.<\/span><\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<!-- ============ R\u00c9ALISATIONS ============ -->\n<section class=\"s-pf\" id=\"kbs-realisations\">\n<div class=\"wrap\">\n<div class=\"head\">\n<span class=\"eyebrow\"><i><\/i>Recent work<i><\/i><\/span>\n<h2 class=\"h-lg\">Projects online, <em>satisfied clients.<\/em><\/h2>\n<p class=\"lead narrow\">15 recent projects in Algeria and France. Click a project to visit the site.<\/p>\n<\/div>\n<div class=\"pf-grid\">\n<a class=\"pf\" href=\"https:\/\/atelier-apc.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Atelier APC\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">atelier-apc.com<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">APC<\/span><span class=\"pf-n\">01<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Plumbing & heating \u00b7 Paris<\/span><h3>Atelier APC<\/h3><p>24\/7 emergency service and online quotes.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"https:\/\/sam12vtc.fr\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"SAM 12 VTC\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">sam12vtc.fr<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">S12<\/span><span class=\"pf-n\">02<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Private driver \u00b7 Aveyron<\/span><h3>SAM 12 VTC<\/h3><p>Online booking and instant quotes.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"https:\/\/katerlo.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Katerlo\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">katerlo.com<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">K<\/span><span class=\"pf-n\">03<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">High-end kitchens<\/span><h3>Katerlo<\/h3><p>An ultra-luxury site for bespoke kitchens.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"http:\/\/maymora-dz.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Maymora DZ\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">maymora-dz.com<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">MD<\/span><span class=\"pf-n\">04<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Showcase site \u00b7 Algeria<\/span><h3>Maymora DZ<\/h3><p>A modern, responsive presentation.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"https:\/\/sodeimap.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Sodeimap\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">sodeimap.com<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">S<\/span><span class=\"pf-n\">05<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Industry \u00b7 Algeria<\/span><h3>Sodeimap<\/h3><p>Showcase and catalogue of household products.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"https:\/\/gmce-certification.dz\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"GMCE Certification\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">gmce-certification.dz<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">GMCE<\/span><span class=\"pf-n\">06<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Certification \u00b7 Algeria<\/span><h3>GMCE Certification<\/h3><p>An institutional platform that inspires trust.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"https:\/\/groupesfmai.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Groupe SFMAI\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">groupesfmai.com<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">SF<\/span><span class=\"pf-n\">07<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Group \u00b7 SEO redesign<\/span><h3>Groupe SFMAI<\/h3><p>Complete redesign and a rethought experience.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"https:\/\/ytec-dz.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"YTEC DZ\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">ytec-dz.com<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">YT<\/span><span class=\"pf-n\">08<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Technology \u00b7 Algeria<\/span><h3>YTEC DZ<\/h3><p>A user journey designed down to the detail.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"https:\/\/forma-prof.fr\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Forma Prof\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">forma-prof.fr<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">FP<\/span><span class=\"pf-n\">09<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Training \u00b7 France<\/span><h3>Forma Prof<\/h3><p>A clear, well-structured training catalogue.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"https:\/\/renokader.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Reno Kader\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">renokader.com<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">RK<\/span><span class=\"pf-n\">10<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Renovation<\/span><h3>Reno Kader<\/h3><p>A professional, fast and clean presentation.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"https:\/\/musee-artmoderne-oran.dz\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Oran Museum of Modern Art\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">musee-artmoderne-oran.dz<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">MAM<\/span><span class=\"pf-n\">11<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Culture \u00b7 Oran<\/span><h3>Oran Museum of Modern Art<\/h3><p>Official site dedicated to Algerian contemporary art.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"https:\/\/sasjnl.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"SAS JNL\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">sasjnl.com<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">JNL<\/span><span class=\"pf-n\">12<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Company<\/span><h3>SAS JNL<\/h3><p>A clean institutional presentation.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"https:\/\/bativo.fr\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Bativo\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">bativo.fr<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">B<\/span><span class=\"pf-n\">13<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Construction \u00b7 France<\/span><h3>Bativo<\/h3><p>A platform dedicated to construction services.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"https:\/\/hellotaxiherault.fr\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hello Taxi H\u00e9rault\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">hellotaxiherault.fr<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">HT<\/span><span class=\"pf-n\">14<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Taxi \u00b7 H\u00e9rault<\/span><h3>Hello Taxi H\u00e9rault<\/h3><p>Fast, reliable booking.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf\" href=\"https:\/\/allotaxilyon.fr\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Allo Taxi Lyon\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">allotaxilyon.fr<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">ATL<\/span><span class=\"pf-n\">15<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Taxi \u00b7 Lyon<\/span><h3>Allo Taxi Lyon<\/h3><p>Simple, fast online taxi booking.<\/p><span class=\"pf-go\">Visit site <em>\u2197<\/em><\/span><\/div>\n<\/a>\n<a class=\"pf pf-you\" href=\"https:\/\/wa.me\/213553835384?text=Hello%20Khalil%2C%20I%27d%20like%20a%20quote.\" target=\"_blank\" rel=\"noopener\">\n<div class=\"pf-top\"><span class=\"pf-dots\"><i><\/i><i><\/i><i><\/i><\/span><span class=\"pf-url\">votre-projet.dz<\/span><\/div>\n<div class=\"pf-vis\"><span class=\"pf-ini\">16<\/span><\/div>\n<div class=\"pf-body\"><span class=\"pf-cat\">Next project<\/span><h3>Your project here<\/h3><p>Custom software, website or SEO: let's talk today.<\/p><span class=\"pf-go\">Start my project <em>\u2192<\/em><\/span><\/div>\n<\/a>\n<\/div>\n<\/div>\n<\/section>\n\n<!-- ============ SEO ============ -->\n<section class=\"s-seo\" id=\"kbs-seo\">\n<div class=\"wrap\">\n<div class=\"head\">\n<span class=\"eyebrow\"><i><\/i>SEO<i><\/i><\/span>\n<h2 class=\"h-lg\">Get found <em>by those looking for you.<\/em><\/h2>\n<p class=\"lead narrow\">A complete SEO strategy to earn lasting Google rankings and appear in AI answers.<\/p>\n<\/div>\n<div class=\"grid4\">\n<div class=\"tile\"><h3>SEO audit<\/h3><p>Technical analysis, content, competition and a prioritised action plan.<\/p><\/div>\n<div class=\"tile\"><h3>Technical SEO<\/h3><p>Speed, indexing, tags, structured data, Core Web Vitals.<\/p><\/div>\n<div class=\"tile\"><h3>Local SEO<\/h3><p>Google Business profile, reviews, city pages, map visibility.<\/p><\/div>\n<div class=\"tile\"><h3>Optimised content<\/h3><p>Service pages and articles written for your customers and for Google.<\/p><\/div>\n<div class=\"tile\"><h3>E-commerce SEO<\/h3><p>Categories, product pages, filters and internal linking.<\/p><\/div>\n<div class=\"tile\"><h3>AI visibility<\/h3><p>Structure your site to be cited by ChatGPT, Gemini and Perplexity.<\/p><\/div>\n<div class=\"tile\"><h3>Link building<\/h3><p>Quality backlinks to strengthen your domain authority.<\/p><\/div>\n<div class=\"tile\"><h3>Follow-up &amp; reports<\/h3><p>Rankings, traffic and enquiries measured every month.<\/p><\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<!-- ============ GOOGLE ADS + H\u00c9BERGEMENT ============ -->\n<section class=\"s-duo\">\n<div class=\"wrap grid2\">\n<div class=\"box\" id=\"kbs-ads\">\n<span class=\"eyebrow\"><i><\/i>Google Ads<i><\/i><\/span>\n<h2 class=\"h-md\">Campaigns that are <em>profitable<\/em>, not wasted clicks.<\/h2>\n<ul class=\"check\">\n<li>Keyword research and competitor analysis<\/li>\n<li>Search, Display and Performance Max campaigns<\/li>\n<li>Ads and landing pages that convert<\/li>\n<li>Call, WhatsApp and form tracking<\/li>\n<li>Ongoing optimisation and clear reports<\/li>\n<\/ul>\n<div class=\"price\">From <strong>120 000 DZD<\/strong><\/div>\n<\/div>\n<div class=\"box\" id=\"kbs-hebergement\">\n<span class=\"eyebrow\"><i><\/i>Hosting &amp; maintenance<i><\/i><\/span>\n<h2 class=\"h-md\">Your site <em>in safe hands<\/em>, all year round.<\/h2>\n<ul class=\"check\">\n<li>Hosting and domain name renewed<\/li>\n<li>SSL certificate, DNS and redirects managed<\/li>\n<li>Regular backups and restoration<\/li>\n<li>Updates, security and monitoring<\/li>\n<li>Professional email set up on all your devices<\/li>\n<\/ul>\n<div class=\"price\"><strong>35 000 DZD<\/strong> \/ year \u00b7 Pro email from <strong>20 000 DZD<\/strong> \/ year<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<!-- ============ TARIFS ============ -->\n<section class=\"s-price\" id=\"kbs-tarifs\">\n<div class=\"wrap\">\n<div class=\"head\">\n<span class=\"eyebrow\"><i><\/i>Packages<i><\/i><\/span>\n<h2 class=\"h-lg\">Clear <em>pricing<\/em>, a precise quote within 24h.<\/h2>\n<\/div>\n<div class=\"plans\">\n<div class=\"plan\"><span class=\"pn\">Essential<\/span><h3>Showcase site<\/h3><div class=\"amt\">80 000 \u2013 150 000 DZD<\/div><ul><li>Up to 5 pages<\/li><li>Responsive design<\/li><li>Contact form &amp; WhatsApp<\/li><li>Basic SEO<\/li><\/ul><\/div>\n<div class=\"plan star\"><span class=\"pn\">Most requested<\/span><h3>Advanced showcase site<\/h3><div class=\"amt\">150 000 \u2013 250 000 DZD<\/div><ul><li>Custom design<\/li><li>Blog &amp; portfolio<\/li><li>Advanced SEO<\/li><li>Google Analytics<\/li><\/ul><\/div>\n<div class=\"plan\"><span class=\"pn\">Retail<\/span><h3>Online store<\/h3><div class=\"amt\">200 000 \u2013 350 000 DZD<\/div><ul><li>WooCommerce<\/li><li>Unlimited products<\/li><li>Online payment<\/li><li>Training included<\/li><\/ul><\/div>\n<div class=\"plan\"><span class=\"pn\">Advanced<\/span><h3>Advanced e-commerce<\/h3><div class=\"amt\">350 000 \u2013 600 000+ DZD<\/div><ul><li>Custom development<\/li><li>Inventory &amp; advanced filters<\/li><li>Automation<\/li><li>E-commerce SEO<\/li><\/ul><\/div>\n<div class=\"plan star\"><span class=\"pn\">Software<\/span><h3>Application &amp; business software<\/h3><div class=\"amt\">500 000 \u2013 1 200 000+ DZD<\/div><ul><li>ERP, CRM, management<\/li><li>Secure client portal<\/li><li>Dashboards<\/li><li>100% bespoke<\/li><\/ul><\/div>\n<div class=\"plan\"><span class=\"pn\">Add-on<\/span><h3>Advanced SEO<\/h3><div class=\"amt\">From 100,000 DZD<\/div><ul><li>Audit &amp; strategy<\/li><li>Technical optimisation<\/li><li>Content &amp; Local SEO<\/li><li>Monthly tracking<\/li><\/ul><\/div>\n<\/div>\n<p class=\"note\">Indicative prices. The final quote depends on your actual needs and is provided free after studying your project.<\/p>\n<\/div>\n<\/section>\n\n<!-- ============ ENGAGEMENTS ============ -->\n<section class=\"s-trust\">\n<div class=\"wrap grid4 trust\">\n<div><strong>Contract<\/strong><span>signed before every project<\/span><\/div>\n<div><strong>Invoice<\/strong><span>available on request<\/span><\/div>\n<div><strong>Confidentiality<\/strong><span>of your data and project<\/span><\/div>\n<div><strong>Follow-up<\/strong><span>after delivery, for the long term<\/span><\/div>\n<\/div>\n<\/section>\n\n<!-- ============ PARTOUT EN ALG\u00c9RIE ============ -->\n<section class=\"s-dz\" id=\"kbs-algerie\">\n<div class=\"wrap\">\n<div class=\"head\">\n<span class=\"eyebrow\"><i><\/i>Across Algeria<i><\/i><\/span>\n<h2 class=\"h-lg\">Wherever you are, <em>I'm ready to work with you.<\/em><\/h2>\n<p class=\"lead narrow\">Big city, provincial capital or small town: I work with businesses in every wilaya of Algeria. We communicate by WhatsApp, phone and video call. Software is installed remotely or on site depending on the project, with training for your teams.<\/p>\n<\/div>\n<div class=\"dz-steps\">\n<div><strong>Remote<\/strong><span>Study, mockups and follow-up via WhatsApp &amp; video call<\/span><\/div>\n<div><strong>Installation<\/strong><span>On your server, your computers or in the cloud<\/span><\/div>\n<div><strong>Training<\/strong><span>Your teams trained, remotely or on site<\/span><\/div>\n<div><strong>Support<\/strong><span>Assistance and maintenance, wherever you are<\/span><\/div>\n<\/div>\n<ul class=\"wilayas\">\n<li>Adrar<\/li><li>Chlef<\/li><li>Laghouat<\/li><li>Oum El Bouaghi<\/li><li>Batna<\/li><li>B\u00e9ja\u00efa<\/li><li>Biskra<\/li><li>B\u00e9char<\/li><li>Blida<\/li><li>Bouira<\/li><li>Tamanrasset<\/li><li>T\u00e9bessa<\/li><li>Tlemcen<\/li><li>Tiaret<\/li><li>Tizi Ouzou<\/li><li>Algiers<\/li><li>Djelfa<\/li><li>Jijel<\/li><li>S\u00e9tif<\/li><li>Sa\u00efda<\/li><li>Skikda<\/li><li>Sidi Bel Abb\u00e8s<\/li><li>Annaba<\/li><li>Guelma<\/li><li>Constantine<\/li><li>M\u00e9d\u00e9a<\/li><li>Mostaganem<\/li><li>M'Sila<\/li><li>Mascara<\/li><li>Ouargla<\/li><li>Oran<\/li><li>El Bayadh<\/li><li>Illizi<\/li><li>Bordj Bou Arr\u00e9ridj<\/li><li>Boumerd\u00e8s<\/li><li>El Tarf<\/li><li>Tindouf<\/li><li>Tissemsilt<\/li><li>El Oued<\/li><li>Khenchela<\/li><li>Souk Ahras<\/li><li>Tipaza<\/li><li>Mila<\/li><li>A\u00efn Defla<\/li><li>Na\u00e2ma<\/li><li>A\u00efn T\u00e9mouchent<\/li><li>Gharda\u00efa<\/li><li>Relizane<\/li><li>Timimoun<\/li><li>Bordj Badji Mokhtar<\/li><li>Ouled Djellal<\/li><li>B\u00e9ni Abb\u00e8s<\/li><li>In Salah<\/li><li>In Guezzam<\/li><li>Touggourt<\/li><li>Djanet<\/li><li>El M'Ghair<\/li><li>El Meniaa<\/li>\n<\/ul>\n<p class=\"note\">Your town isn't listed? It's covered too. <a class=\"btn-line\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wa.me\/213553835384?text=Hello%20Khalil%2C%20I%27m%20in%20...%20and%20I%27d%20like%20software%20\/%20a%20website.\">Tell me where you are \u2192<\/a><\/p>\n<p class=\"note\">I also work with clients in France, Belgium, Switzerland and Canada.<\/p>\n<\/div>\n<\/section>\n\n<!-- ============ SIGNATURE ============ -->\n<section class=\"s-sign\"><div class=\"wrap center\">\n<img decoding=\"async\" class=\"sign-logo\" src=\"https:\/\/khalilboucenna.com\/wp-content\/uploads\/2026\/08\/khalil-boucenna-logo.png\" alt=\"Khalil Boucenna \u2013 Custom software, websites &amp; SEO\" loading=\"lazy\">\n<p class=\"sign-txt\">Custom software \u00b7 Premium websites \u00b7 SEO<\/p>\n<\/div><\/section>\n\n<div id=\"kbs-contact\">\n<section class=\"kb-ct-sec\">\n\n<div class=\"kb-ct-grain\" aria-hidden=\"true\"><\/div>\n<span class=\"kb-ct-orb kb-ct-orb1\"><\/span>\n<span class=\"kb-ct-orb kb-ct-orb2\"><\/span>\n\n<div class=\"kb-ct-wrap\">\n\n<div class=\"kb-ct-head\">\n<span class=\"kb-ct-dot\"><\/span>\n<span class=\"kb-ct-eyebrow\"><i><\/i>Contact<i><\/i><\/span>\n<h2>Contact<em>me<\/em><\/h2>\n<p>Custom software, website or SEO: describe your project and I'll reply quickly, 7 days a week.<\/p>\n<\/div>\n\n<div class=\"kb-ct-grid\">\n\n<div class=\"kb-ct-form\">\n<form id=\"contactAjaxForm\" autocomplete=\"on\" novalidate>\n\n<div class=\"civ-wrap\">\n<span class=\"civ-label\">You are<\/span>\n<div class=\"civ-toggle\">\n<input type=\"radio\" name=\"civilite\" id=\"c_civ_m\" value=\"Monsieur\">\n<label for=\"c_civ_m\">Mr<\/label>\n<input type=\"radio\" name=\"civilite\" id=\"c_civ_mme\" value=\"Madame\">\n<label for=\"c_civ_mme\">Ms<\/label>\n<\/div>\n<\/div>\n\n<div class=\"field-wrap\">\n<input type=\"text\" name=\"name\" id=\"c_name\" placeholder=\" \" required>\n<label for=\"c_name\">Your name<\/label>\n<span class=\"focus-border\"><\/span>\n<\/div>\n\n<div class=\"field-wrap\">\n<input type=\"email\" name=\"email\" id=\"c_email\" placeholder=\" \" required>\n<label for=\"c_email\">Your email<\/label>\n<span class=\"focus-border\"><\/span>\n<\/div>\n\n<div class=\"field-wrap\">\n<input type=\"tel\" name=\"phone\" id=\"c_phone\" placeholder=\" \" required>\n<label for=\"c_phone\">Phone<\/label>\n<span class=\"focus-border\"><\/span>\n<\/div>\n\n<div class=\"field-wrap\">\n<input type=\"tel\" name=\"whatsapp\" id=\"c_whatsapp\" placeholder=\" \">\n<label for=\"c_whatsapp\">WhatsApp <em>(optional)<\/em><\/label>\n<span class=\"focus-border\"><\/span>\n<\/div>\n\n<div class=\"field-wrap\">\n<input type=\"text\" name=\"budget\" id=\"c_budget\" placeholder=\" \">\n<label for=\"c_budget\">Maximum budget <em>(optional)<\/em><\/label>\n<span class=\"focus-border\"><\/span>\n<\/div>\n\n<div class=\"field-wrap\">\n<textarea name=\"message\" id=\"c_message\" placeholder=\" \" rows=\"5\" required><\/textarea>\n<label for=\"c_message\">Your message<\/label>\n<span class=\"focus-border\"><\/span>\n<\/div>\n\n<button type=\"submit\" class=\"btn-contact\" aria-live=\"polite\">\n<span>Send<\/span><em>\u2192<\/em>\n<\/button>\n\n<\/form>\n<\/div>\n\n<div class=\"kb-ct-info\">\n\n<div class=\"info-item\">\n<span class=\"info-label\">Phone<\/span>\n<p><a href=\"tel:+213553835384\">+213 553 83 53 84<\/a><\/p>\n<\/div>\n\n<div class=\"info-item\">\n<span class=\"info-label\">Email<\/span>\n<p><a href=\"mailto:contact@khalilboucenna.com\">contact@khalilboucenna.com<\/a><\/p>\n<\/div>\n\n<div class=\"info-item\">\n<span class=\"info-label\">WhatsApp<\/span>\n<p><a href=\"https:\/\/wa.me\/213553835384\" target=\"_blank\" rel=\"noopener\">Message on WhatsApp<\/a><\/p>\n<\/div>\n\n<div class=\"info-item\">\n<span class=\"info-label\">Hours<\/span>\n<p>24\/7<\/p>\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<!-- POPUP DE CONFIRMATION -->\n<div id=\"successMessage\" class=\"success-popup\" role=\"status\" aria-live=\"polite\">\n<div class=\"success-frame\"><\/div>\n<svg class=\"check-svg\" viewBox=\"0 0 52 52\" aria-hidden=\"true\">\n<circle class=\"check-circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\"\/>\n<path class=\"check-check\" fill=\"none\" d=\"M14 27l7 7 17-17\"\/>\n<\/svg>\n<h3>Message sent<\/h3>\n<p>Thank you \u2014 I'll get back to you very shortly.<\/p>\n<\/div>\n\n<canvas id=\"confettiCanvas\" aria-hidden=\"true\"><\/canvas>\n\n<\/section>\n\n<style>\n\n\/* ============================================================\n   RESET SCOP\u00c9 \u2014 ind\u00e9pendant du th\u00e8me WordPress \/ d'Elementor\n   ============================================================ *\/\n.kb-ct-sec,\n.kb-ct-sec *,\n.kb-ct-sec *::before,\n.kb-ct-sec *::after{\nbox-sizing:border-box !important;\n}\n.kb-ct-sec h2,\n.kb-ct-sec h3,\n.kb-ct-sec p,\n.kb-ct-sec span,\n.kb-ct-sec em,\n.kb-ct-sec i,\n.kb-ct-sec label,\n.kb-ct-sec input,\n.kb-ct-sec textarea,\n.kb-ct-sec button{\nmargin:0 !important;\npadding:0 !important;\nborder:none !important;\noutline:none !important;\nlist-style:none !important;\ntext-decoration:none !important;\ntext-shadow:none !important;\nbox-shadow:none !important;\nbackground:none;\nfont-family:'Jost',Arial,sans-serif !important;\nline-height:normal;\nletter-spacing:normal;\ntext-transform:none;\n}\n\n\/* ============================================================\n   COMPOSANT \u2014 variante blanche\n   ============================================================ *\/\n\n.kb-ct-sec{\n--ink:#1A1712;\n--gold:#9C7A3C;\n--gold-light:#C9A463;\n--gold-deep:#7A5C33;\n--surface:#FFFFFF;\n--line:rgba(26,23,18,.12);\n--grey:#6B675F;\nposition:relative !important;\nbackground:#FFFFFF !important;\ncolor:var(--ink) !important;\npadding:130px 20px !important;\nfont-family:'Jost',Arial,sans-serif !important;\noverflow:hidden !important;\nisolation:isolate;\n}\n\n.kb-ct-grain{\nposition:absolute !important;\ninset:0 !important;\nbackground:\nlinear-gradient(115deg, transparent 40%, rgba(156,122,60,.06) 50%, transparent 60%) !important;\nbackground-size:300% 300% !important;\nanimation:kbCtSheen 10s ease-in-out infinite;\npointer-events:none !important;\n}\n@keyframes kbCtSheen{\n0%{ background-position:0% 0%; }\n50%{ background-position:100% 100%; }\n100%{ background-position:0% 0%; }\n}\n\n.kb-ct-orb{\nposition:absolute !important;\nborder-radius:50% !important;\nfilter:blur(90px) !important;\npointer-events:none !important;\nopacity:.6 !important;\n}\n.kb-ct-orb1{\nwidth:380px !important; height:380px !important;\nbackground:radial-gradient(circle, rgba(156,122,60,.1), transparent 70%) !important;\ntop:-110px !important; left:-90px !important;\nanimation:kbCtDrift 22s ease-in-out infinite;\n}\n.kb-ct-orb2{\nwidth:320px !important; height:320px !important;\nbackground:radial-gradient(circle, rgba(156,122,60,.07), transparent 70%) !important;\nbottom:-110px !important; right:-70px !important;\nanimation:kbCtDrift 26s ease-in-out infinite reverse;\n}\n@keyframes kbCtDrift{\n0%,100%{ transform:translate(0,0); }\n50%{ transform:translate(26px,-20px); }\n}\n\n.kb-ct-wrap{\nposition:relative !important;\nz-index:2 !important;\nmax-width:1160px !important;\nmargin:0 auto !important;\n}\n\n\/* HEAD *\/\n\n.kb-ct-head{\ntext-align:center !important;\nmax-width:560px !important;\nmargin:0 auto 70px !important;\n}\n\n.kb-ct-dot{\ndisplay:inline-block !important;\nwidth:6px !important; height:6px !important;\nborder-radius:50% !important;\nbackground:var(--gold-light) !important;\nmargin-bottom:18px !important;\nanimation:kbCtDotPulse 2.6s ease-in-out infinite;\n}\n@keyframes kbCtDotPulse{\n0%,100%{ box-shadow:0 0 0 0 rgba(156,122,60,.4); }\n70%{ box-shadow:0 0 0 8px rgba(156,122,60,0); }\n}\n\n.kb-ct-eyebrow{\ndisplay:inline-flex !important;\nalign-items:center !important;\ngap:14px !important;\nfont-size:11px !important;\nletter-spacing:3px !important;\ntext-transform:uppercase !important;\nfont-weight:500 !important;\ncolor:var(--gold) !important;\nmargin-bottom:24px !important;\n}\n.kb-ct-eyebrow i{\ndisplay:block !important;\nwidth:28px !important; height:1px !important;\nbackground:linear-gradient(90deg,transparent,var(--gold)) !important;\n}\n.kb-ct-eyebrow i:last-child{\nbackground:linear-gradient(90deg,var(--gold),transparent) !important;\n}\n\n.kb-ct-head h2{\nfont-family:'Cormorant Garamond',serif !important;\nfont-weight:400 !important;\nfont-style:italic !important;\nfont-size:clamp(34px,4.6vw,58px) !important;\ncolor:var(--ink) !important;\n}\n.kb-ct-head h2 em{\nfont-style:italic !important;\nbackground:linear-gradient(100deg, #7A5C33 0%, #C9A463 35%, #E9D6A6 50%, #C9A463 65%, #7A5C33 100%) !important;\nbackground-size:250% auto !important;\n-webkit-background-clip:text !important;\nbackground-clip:text !important;\n-webkit-text-fill-color:transparent !important;\nanimation:kbCtShimmer 6s linear infinite;\n}\n@keyframes kbCtShimmer{\n0%{ background-position:0% 50%; }\n100%{ background-position:250% 50%; }\n}\n\n.kb-ct-head p{\nmargin-top:20px !important;\nfont-size:15px !important;\nfont-weight:300 !important;\nline-height:1.8 !important;\ncolor:var(--grey) !important;\n}\n\n\/* GRID *\/\n\n.kb-ct-grid{\ndisplay:grid !important;\ngrid-template-columns:1.3fr .7fr !important;\ngap:70px !important;\nalign-items:start !important;\n}\n\n\/* FORM *\/\n\n.kb-ct-form form{\ndisplay:flex !important;\nflex-direction:column !important;\ngap:26px !important;\n}\n\n.field-wrap{ position:relative !important; }\n\n\/* CIVILIT\u00c9 *\/\n\n.civ-wrap{ margin-bottom:2px !important; }\n\n.civ-label{\ndisplay:block !important;\nfont-size:11px !important;\nletter-spacing:1.5px !important;\ntext-transform:uppercase !important;\ncolor:var(--grey) !important;\nmargin-bottom:10px !important;\n}\n\n.civ-toggle{\ndisplay:flex !important;\ngap:10px !important;\n}\n\n.civ-toggle input{\nposition:absolute !important;\nopacity:0 !important;\nwidth:0 !important; height:0 !important;\n}\n\n.civ-toggle label{\nflex:1 !important;\ntext-align:center !important;\npadding:12px 10px !important;\nborder:1px solid var(--line) !important;\nfont-size:12.5px !important;\nletter-spacing:1px !important;\ntext-transform:uppercase !important;\ncolor:var(--grey) !important;\ncursor:pointer !important;\ntransition:border-color .3s ease, color .3s ease, background .3s ease !important;\n}\n\n.civ-toggle input:checked + label{\nborder-color:var(--gold) !important;\ncolor:var(--ink) !important;\nbackground:rgba(156,122,60,.06) !important;\n}\n\n.field-wrap label em{\nfont-style:normal !important;\ncolor:var(--grey) !important;\nopacity:.7 !important;\nfont-size:12px !important;\n}\n.field-wrap input:focus + label em,\n.field-wrap textarea:focus + label em,\n.field-wrap input.filled + label em,\n.field-wrap textarea.filled + label em{\ndisplay:none !important;\n}\n\n.field-wrap input,\n.field-wrap textarea{\nwidth:100% !important;\npadding:12px 2px !important;\nbackground:transparent !important;\nborder-bottom:1px solid var(--line) !important;\ncolor:var(--ink) !important;\nfont-size:15px !important;\nresize:vertical !important;\ntransition:border-color .3s ease !important;\n}\n.field-wrap textarea{ min-height:100px !important; }\n\n.field-wrap input:focus,\n.field-wrap textarea:focus{\nborder-color:rgba(156,122,60,.5) !important;\n}\n\n.field-wrap input::placeholder,\n.field-wrap textarea::placeholder{ color:transparent !important; }\n\n.field-wrap label{\nposition:absolute !important;\nleft:2px !important; top:12px !important;\nfont-size:14px !important;\ncolor:var(--grey) !important;\npointer-events:none !important;\ntransition:all .25s ease !important;\n}\n\n.field-wrap input:focus + label,\n.field-wrap textarea:focus + label,\n.field-wrap input.filled + label,\n.field-wrap textarea.filled + label{\ntransform:translateY(-20px) !important;\nfont-size:11px !important;\nletter-spacing:1px !important;\ntext-transform:uppercase !important;\ncolor:var(--gold) !important;\n}\n\n.field-wrap .focus-border{\nposition:absolute !important;\nleft:0; right:0; bottom:-1px !important;\nheight:1px !important;\nbackground:var(--gold) !important;\ntransform:scaleX(0) !important;\ntransform-origin:left !important;\ntransition:transform .4s cubic-bezier(.16,.9,.2,1) !important;\n}\n.field-wrap input:focus ~ .focus-border,\n.field-wrap textarea:focus ~ .focus-border{ transform:scaleX(1) !important; }\n\n.btn-contact{\nposition:relative !important;\noverflow:hidden !important;\nalign-self:flex-start !important;\ndisplay:inline-flex !important;\nalign-items:center !important;\ngap:12px !important;\nmargin-top:16px !important;\npadding:18px 36px !important;\nbackground:var(--ink) !important;\ncolor:#fff !important;\nfont-size:12px !important;\nfont-weight:600 !important;\nletter-spacing:1.5px !important;\ntext-transform:uppercase !important;\ncursor:pointer !important;\ntransition:transform .35s ease, box-shadow .35s ease, background .35s ease !important;\n}\n.btn-contact em{ font-style:normal !important; transition:transform .35s ease !important; }\n.btn-contact:hover{\nbackground:var(--gold-deep) !important;\ntransform:translateY(-3px) !important;\nbox-shadow:0 16px 34px rgba(156,122,60,.28) !important;\n}\n.btn-contact:hover em{ transform:translateX(5px) !important; }\n.btn-contact:disabled{ opacity:.6 !important; cursor:default !important; }\n\n.ripple{\nposition:absolute !important;\nborder-radius:50% !important;\nbackground:rgba(255,255,255,.3) !important;\ntransform:scale(0) !important;\nanimation:kbRipple .6s linear !important;\npointer-events:none !important;\n}\n@keyframes kbRipple{ to{ transform:scale(2.6); opacity:0; } }\n\n\/* INFO *\/\n\n.kb-ct-info{\ndisplay:flex !important;\nflex-direction:column !important;\ngap:0 !important;\n}\n.info-item{\npadding:24px 0 !important;\nborder-top:1px solid var(--line) !important;\ntransition:padding-left .3s ease !important;\n}\n.kb-ct-info .info-item:last-child{ border-bottom:1px solid var(--line) !important; }\n.info-item:hover{ padding-left:8px !important; }\n\n.info-label{\ndisplay:block !important;\nfont-size:10.5px !important;\nletter-spacing:2px !important;\ntext-transform:uppercase !important;\nfont-weight:500 !important;\ncolor:var(--gold) !important;\nmargin-bottom:8px !important;\n}\n.info-item p{\nfont-family:'Cormorant Garamond',serif !important;\nfont-style:italic !important;\nfont-weight:500 !important;\nfont-size:21px !important;\ncolor:var(--ink) !important;\n}\n\n\/* POPUP *\/\n\n.success-popup{\nposition:fixed !important;\ntop:50% !important; left:50% !important;\ntransform:translate(-50%,-50%) scale(.9) !important;\nwidth:min(440px,90%) !important;\nbackground:rgba(255,255,255,.97) !important;\nborder:1px solid rgba(156,122,60,.35) !important;\nbackdrop-filter:blur(14px) !important;\ntext-align:center !important;\nopacity:0 !important;\npointer-events:none !important;\ntransition:.45s cubic-bezier(.2,.9,.3,1) !important;\nz-index:999999 !important;\npadding:44px 30px !important;\ncolor:var(--ink) !important;\nbox-shadow:0 30px 70px rgba(26,23,18,.18) !important;\n}\n.success-frame{\nposition:absolute !important;\ninset:14px !important;\npointer-events:none !important;\n}\n.success-frame::before,\n.success-frame::after{\ncontent:\"\" !important;\nposition:absolute !important;\nwidth:20px !important; height:20px !important;\nborder:1px solid var(--gold) !important;\n}\n.success-frame::before{ top:0;left:0; border-right:none !important; border-bottom:none !important; }\n.success-frame::after{ bottom:0;right:0; border-left:none !important; border-top:none !important; }\n\n.check-svg{ width:64px !important; height:64px !important; margin:0 auto 18px !important; display:block !important; }\n.check-circle{ stroke:rgba(156,122,60,.25) !important; stroke-width:2 !important; stroke-dasharray:160 !important; stroke-dashoffset:160 !important; transition:stroke-dashoffset .6s ease .1s !important; }\n.check-check{ stroke:var(--gold-deep) !important; stroke-width:3 !important; stroke-linecap:round !important; stroke-linejoin:round !important; stroke-dasharray:80 !important; stroke-dashoffset:80 !important; transition:stroke-dashoffset .5s ease .45s !important; }\n\n.success-popup h3{\nfont-family:'Cormorant Garamond',serif !important;\nfont-style:italic !important;\nfont-weight:500 !important;\nfont-size:24px !important;\nmargin-bottom:10px !important;\ncolor:var(--ink) !important;\n}\n.success-popup p{\nfont-size:13.5px !important;\nfont-weight:300 !important;\ncolor:var(--grey) !important;\n}\n\n.success-popup.show{\nopacity:1 !important;\npointer-events:auto !important;\ntransform:translate(-50%,-50%) scale(1) !important;\n}\n.success-popup.show .check-circle{ stroke-dashoffset:0 !important; }\n.success-popup.show .check-check{ stroke-dashoffset:0 !important; }\n\n#confettiCanvas{\nposition:fixed !important;\ninset:0 !important;\nz-index:999998 !important;\npointer-events:none !important;\n}\n\n@media (prefers-reduced-motion: reduce){\n.kb-ct-grain, .kb-ct-orb, .kb-ct-dot, .kb-ct-head h2 em{ animation:none !important; }\n}\n\n@media(max-width:1024px){\n.kb-ct-grid{ grid-template-columns:1fr !important; gap:50px !important; }\n}\n@media(max-width:480px){\n.kb-ct-sec{ padding:90px 16px !important; }\n.btn-contact{ width:100% !important; justify-content:center !important; }\n}\n\n\n\/* Harmonisation : couleurs du logo et textes plus grands *\/\n.kb-ct-sec{--ink:#18130D;--gold:#9C6F1B;--gold-deep:#7E5815;--grey:#2B241B;}\n.kb-ct-eyebrow{font-size:13px !important;font-weight:600 !important;}\n.kb-ct-head h2{font-size:clamp(40px,5vw,66px) !important;font-style:normal !important;}\n.kb-ct-head p{font-size:19px !important;font-weight:400 !important;}\n.civ-label,.civ-toggle label{font-size:13px !important;font-weight:600 !important;}\n.civ-toggle label{border-radius:12px !important;}\n.field-wrap input,.field-wrap textarea{font-size:17px !important;color:#18130D !important;}\n.field-wrap label{font-size:16px !important;color:#2B241B !important;}\n.btn-contact{font-size:13.5px !important;border-radius:14px !important;}\n.btn-contact:hover{background:#9C6F1B !important;}\n.info-label{font-size:12px !important;font-weight:600 !important;}\n.info-item p{font-size:24px !important;}\n.info-item a{color:inherit !important;}\n.kb-ct-form{background:#fff;border:1px solid rgba(24,19,13,.07);border-radius:24px;padding:44px 40px !important;box-shadow:0 14px 40px rgba(24,19,13,.06);}\n@media(max-width:480px){.kb-ct-form{padding:30px 22px !important;}}\n<\/style>\n\n<script>\n(function(){\nvar root = document.currentScript ? document.currentScript.closest('.kb-ct-sec') : document.querySelector('.kb-ct-sec');\nif(!root) root = document;\n\n\/\/ LABELS FLOTTANTS\nvar inputs = root.querySelectorAll('#contactAjaxForm .field-wrap input, #contactAjaxForm .field-wrap textarea');\ninputs.forEach(function(input){\nfunction checkFilled(){\nif(input.value && input.value.trim() !== ''){ input.classList.add('filled'); }\nelse{ input.classList.remove('filled'); }\n}\ncheckFilled();\ninput.addEventListener('input', checkFilled);\ninput.addEventListener('change', checkFilled);\ninput.addEventListener('blur', checkFilled);\n});\nsetTimeout(function(){ inputs.forEach(function(i){ if(i.value) i.classList.add('filled'); }); }, 400);\n\n\/\/ RIPPLE BOUTON\nroot.addEventListener('click', function(ev){\nvar b = ev.target.closest('.btn-contact');\nif(!b) return;\nvar c = document.createElement('span');\nvar d = Math.max(b.clientWidth, b.clientHeight);\nc.style.width = c.style.height = d + 'px';\nc.style.left = (ev.clientX - b.getBoundingClientRect().left - d\/2) + 'px';\nc.style.top = (ev.clientY - b.getBoundingClientRect().top - d\/2) + 'px';\nc.classList.add('ripple');\nb.appendChild(c);\nsetTimeout(function(){ c.remove(); }, 600);\n});\n\n\/\/ SOUMISSION AJAX + POPUP\nvar form = root.querySelector('#contactAjaxForm');\nvar popup = root.querySelector('#successMessage');\nvar confettiCanvas = root.querySelector('#confettiCanvas');\n\nif(form){\nform.addEventListener('submit', function(e){\ne.preventDefault();\nvar btn = form.querySelector('.btn-contact');\nbtn.setAttribute('disabled', 'true');\nvar formData = new FormData(form);\nfetch('\/wp-admin\/admin-ajax.php', {\nmethod: 'POST',\nbody: new URLSearchParams(Object.assign({action: 'send_contact_form'}, Object.fromEntries(formData)))\n})\n.then(function(r){ if(!r.ok) throw new Error('HTTP '+r.status); return r.text(); })\n.then(function(){\npopup.classList.add('show');\nform.reset();\ninputs.forEach(function(i){ i.classList.remove('filled'); });\nstartConfetti();\nsetTimeout(function(){ popup.classList.remove('show'); }, 4200);\n})\n.catch(function(err){ console.error('Contact form error:', err); alert('Sending failed for now. Message me on WhatsApp: +213 553 83 53 84'); })\n.finally(function(){ btn.removeAttribute('disabled'); });\n});\n}\n\n\/\/ CONFETTI DOR\u00c9\nfunction startConfetti(){\nif(!confettiCanvas) return;\nvar ctx = confettiCanvas.getContext('2d');\nresizeCanvas();\nvar colors = ['#9C7A3C', '#C9A463', '#7A5C33', '#1A1712'];\nvar particles = [];\nvar count = 60;\nfor(var i = 0; i < count; i++){\nparticles.push({\nx: Math.random() * confettiCanvas.width,\ny: -Math.random() * confettiCanvas.height * 0.6,\nr: 4 + Math.random() * 6,\nd: Math.random() * Math.PI * 2,\ncolor: colors[Math.floor(Math.random() * colors.length)],\ntilt: (Math.random() * 10) - 5,\ntiltInc: (Math.random() * 0.07) + 0.02,\ntiltAngle: 0\n});\n}\nvar ticks = 0;\nfunction render(){\nctx.clearRect(0, 0, confettiCanvas.width, confettiCanvas.height);\nparticles.forEach(function(p){\np.tiltAngle += p.tiltInc;\np.y += 1.6 + Math.sin(p.d) * 1.2;\np.x += Math.sin(ticks \/ 10) * 1;\np.tilt = Math.sin(p.tiltAngle) * 10;\nctx.save();\nctx.translate(p.x + p.tilt, p.y);\nctx.rotate(p.tilt * 0.02);\nctx.fillStyle = p.color;\nctx.globalAlpha = 0.85;\nctx.fillRect(-p.r\/2, -p.r\/2, p.r, p.r * 0.6);\nctx.restore();\nif(p.y > confettiCanvas.height + 20){ p.x = Math.random() * confettiCanvas.width; p.y = -20; }\n});\nticks++;\n}\nvar frames = 0;\nvar maxFrames = 220;\nvar interval = setInterval(function(){\nrender();\nframes++;\nif(frames > maxFrames){\nclearInterval(interval);\nctx.clearRect(0, 0, confettiCanvas.width, confettiCanvas.height);\n}\n}, 1000\/60);\nfunction resizeCanvas(){\nconfettiCanvas.width = window.innerWidth;\nconfettiCanvas.height = window.innerHeight;\n}\nwindow.addEventListener('resize', resizeCanvas);\n}\n\n})();\n<\/script>\n<\/div>\n\n<!-- ============ CTA FINAL ============ -->\n<section class=\"s-cta\">\n<div class=\"glow\" aria-hidden=\"true\"><\/div>\n<div class=\"wrap center\">\n<span class=\"eyebrow\"><i><\/i>Your project<i><\/i><\/span>\n<h2 class=\"h-lg\">Let's talk about what you want to <em>build.<\/em><\/h2>\n<p class=\"lead narrow\">Free needs study, quote within 24h, fast reply on WhatsApp.<\/p>\n<div class=\"btns center-row\">\n<a class=\"btn-gold\" target=\"_blank\" rel=\"noopener\" href=\"https:\/\/wa.me\/213553835384?text=Hello%20Khalil%2C%20I%27d%20like%20a%20quote.\">Message on WhatsApp <em>\u2192<\/em><\/a>\n<a class=\"btn-line\" href=\"mailto:contact@khalilboucenna.com\">contact@khalilboucenna.com<\/a>\n<\/div>\n<\/div>\n<\/section>\n\n<a class=\"wa-float\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\" href=\"https:\/\/wa.me\/213553835384?text=Hello%20Khalil%2C%20I%27d%20like%20some%20information.\">\n<svg viewBox=\"0 0 32 32\"><path fill=\"currentColor\" d=\"M16 3C9.4 3 4 8.4 4 15c0 2.1.6 4.2 1.6 6L4 29l8.2-1.6A12 12 0 0 0 16 27c6.6 0 12-5.4 12-12S22.7 3 16 3Zm5.4 14.5c-.3-.1-1.7-.9-2-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-1 1.2-.2.2-.4.2-.7.1-.3-.1-1.2-.5-2.4-1.5-.9-.8-1.5-1.7-1.6-2-.2-.3 0-.5.1-.6l.4-.5.3-.5c.1-.2 0-.4 0-.5l-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.1.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.7-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.1-.3-.2-.5-.4Z\"\/><\/svg>\n<\/a>\n\n<\/div>\n\n<style>\n#kbs{--ink:#050403;--ink2:#0B0907;--gold:#C9A463;--gl:#E9D6A6;--ivory:#F3EEE3;--line:rgba(243,238,227,.1);--grey:rgba(243,238,227,.6);\nfont-family:'Jost',Arial,sans-serif;background:var(--ink);color:var(--ivory);overflow:hidden;}\n#kbs *{box-sizing:border-box;}\n#kbs section{position:relative;padding:120px 24px;}\n#kbs .wrap{max-width:1280px;margin:auto;position:relative;z-index:2;}\n#kbs .center{text-align:center;}\n#kbs .eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:500;color:var(--gold);margin-bottom:26px;}\n#kbs .eyebrow i{width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));}\n#kbs .eyebrow i:last-child{background:linear-gradient(90deg,var(--gold),transparent);}\n#kbs h1,#kbs h2,#kbs h3{font-family:'Cormorant Garamond',serif;font-weight:500;margin:0;color:var(--ivory);}\n#kbs em{font-style:italic;color:var(--gl);}\n#kbs .h-xl{font-size:clamp(42px,6.4vw,92px);line-height:1.04;}\n#kbs .h-lg{font-size:clamp(34px,4.4vw,60px);line-height:1.1;}\n#kbs .h-md{font-size:clamp(28px,3vw,40px);line-height:1.15;margin-bottom:26px;}\n#kbs .lead{font-size:17px;line-height:1.85;font-weight:300;color:var(--grey);margin:28px 0 40px;max-width:620px;}\n#kbs .center .lead,#kbs .narrow{margin-left:auto;margin-right:auto;}\n#kbs .head{text-align:center;margin-bottom:60px;}\n\n#kbs .btns{display:flex;gap:30px;align-items:center;flex-wrap:wrap;}\n#kbs .center-row{justify-content:center;}\n#kbs .btn-gold{display:inline-flex;align-items:center;gap:12px;padding:19px 34px;background:linear-gradient(135deg,var(--gl),var(--gold));color:var(--ink);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;transition:.4s;position:relative;}\n#kbs .btn-gold svg{width:20px;height:20px;}\n#kbs .btn-gold em{color:inherit;font-style:normal;transition:transform .35s;}\n#kbs .btn-gold:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(201,164,99,.32);}\n#kbs .btn-gold:hover em{transform:translateX(5px);}\n#kbs .btn-gold.sm{padding:13px 20px;font-size:11px;margin-top:18px;}\n#kbs .btn-line{color:var(--gl);text-decoration:none;font-size:12px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid rgba(201,164,99,.35);transition:border-color .3s;}\n#kbs .btn-line:hover{border-color:var(--gl);}\n\n#kbs .glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 900px 520px at 50% 0%,rgba(201,164,99,.16),transparent 65%);}\n\n\/* HERO *\/\n#kbs .s-hero{padding:170px 24px 120px;}\n#kbs .bgword{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:15vw;color:transparent;-webkit-text-stroke:1px rgba(201,164,99,.07);white-space:nowrap;pointer-events:none;}\n#kbs .s-nav{padding:56px 24px 70px;}\n#kbs .jump{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}\n#kbs .jump a{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--grey);text-decoration:none;padding:9px 16px;border:1px solid var(--line);transition:.3s;}\n#kbs .jump a:hover{color:var(--gl);border-color:var(--gold);}\n\n\/* PILIERS *\/\n#kbs .s-pillars{padding-top:0;}\n#kbs .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}\n#kbs .pillar{position:relative;display:block;padding:44px 36px 38px;text-decoration:none;border:1px solid rgba(201,164,99,.25);background:linear-gradient(160deg,rgba(233,214,166,.08),rgba(201,164,99,.01) 60%);overflow:hidden;transition:.45s;}\n#kbs .pillar::before{content:\"\";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,240,205,.16),transparent);transform:skewX(-20deg);animation:kbsShine 6s ease-in-out infinite;}\n#kbs .pillar:nth-child(2)::before{animation-delay:2s}#kbs .pillar:nth-child(3)::before{animation-delay:4s}\n@keyframes kbsShine{0%,65%{left:-60%}100%{left:130%}}\n#kbs .pillar:hover{transform:translateY(-8px);border-color:var(--gl);box-shadow:0 26px 60px rgba(201,164,99,.2);}\n#kbs .pillar.main{border-color:var(--gold);background:linear-gradient(160deg,rgba(233,214,166,.18),rgba(201,164,99,.04) 65%);box-shadow:0 0 50px rgba(201,164,99,.18);}\n#kbs .pillar .num{position:absolute;top:26px;right:30px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:44px;color:rgba(201,164,99,.22);}\n#kbs .ico{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:26px;background:radial-gradient(circle,rgba(233,214,166,.35),rgba(201,164,99,.04) 70%);box-shadow:0 0 30px rgba(233,214,166,.3);}\n#kbs .ico svg{width:26px;height:26px;fill:none;stroke:var(--gl);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(233,214,166,.7));}\n#kbs .pillar h2{font-size:30px;color:#FFF6E2;text-shadow:0 0 22px rgba(233,214,166,.35);}\n#kbs .pillar p{color:var(--grey);font-size:14.5px;line-height:1.75;margin:14px 0 22px;}\n#kbs .more{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gl);}\n\n\/* LOGICIELS *\/\n#kbs .s-soft{background:linear-gradient(180deg,var(--ink),var(--ink2) 30%,var(--ink));}\n#kbs .platforms{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:50px;}\n#kbs .platforms div{padding:28px 24px;border-right:1px solid var(--line);}\n#kbs .platforms div:last-child{border-right:none;}\n#kbs .platforms strong{display:block;font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:500;color:var(--gl);}\n#kbs .platforms span{display:block;font-size:13px;color:var(--grey);margin-top:6px;line-height:1.6;}\n#kbs .filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;}\n#kbs .filters button{font-family:inherit;cursor:pointer;background:transparent;color:var(--grey);border:1px solid var(--line);padding:11px 20px;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;transition:.3s;}\n#kbs .filters button:hover{color:var(--gl);border-color:rgba(201,164,99,.5);}\n#kbs .filters button.on{background:var(--gold);color:var(--ink);border-color:var(--gold);}\n#kbs .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}\n#kbs .cards article{padding:32px 28px 26px;border:1px solid var(--line);background:rgba(255,255,255,.012);transition:.4s;display:flex;flex-direction:column;}\n#kbs .cards article:hover{border-color:rgba(201,164,99,.55);background:linear-gradient(160deg,rgba(233,214,166,.07),transparent 70%);transform:translateY(-5px);}\n#kbs .cards article.hide{display:none;}\n#kbs .tag{align-self:flex-start;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,164,99,.35);padding:5px 10px;margin-bottom:18px;}\n#kbs .cards h3{font-size:25px;line-height:1.2;}\n#kbs .cards p{font-size:14px;line-height:1.7;color:var(--grey);margin:12px 0 18px;}\n#kbs .cards ul{list-style:none;padding:0;margin:0 0 20px;flex:1;}\n#kbs .cards li{font-size:13.5px;padding:7px 0 7px 20px;position:relative;color:var(--ivory);border-top:1px solid rgba(243,238,227,.05);}\n#kbs .cards li::before{content:\"\";position:absolute;left:2px;top:14px;width:5px;height:5px;background:var(--gold);transform:rotate(45deg);}\n#kbs .pl{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gl);opacity:.75;}\n#kbs .cards .custom{border-color:var(--gold);background:linear-gradient(160deg,rgba(233,214,166,.16),rgba(201,164,99,.03) 70%);box-shadow:0 0 44px rgba(201,164,99,.16);}\n#kbs .process{display:grid;grid-template-columns:repeat(5,1fr);margin-top:80px;border-top:1px solid rgba(201,164,99,.3);}\n#kbs .process div{padding:30px 22px 0 0;}\n#kbs .process b{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:34px;font-weight:500;color:var(--gold);}\n#kbs .process strong{display:block;font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:500;margin:6px 0 8px;}\n#kbs .process span{font-size:13.5px;color:var(--grey);line-height:1.65;}\n\n\/* Prix sur les cartes logiciels *\/\n#kbs .pr{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 16px;padding:12px 16px;\nbackground:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.22);\nbox-shadow:0 0 22px rgba(255,255,255,.06) inset;}\n#kbs .pr small{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.6);}\n#kbs .pr b{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:24px;color:#fff;\ntext-shadow:0 0 14px rgba(255,255,255,.55),0 0 34px rgba(255,255,255,.25);}\n#kbs .pr.top{margin:14px 0 4px;}\n#kbs .cards article:hover .pr{border-color:#fff;box-shadow:0 0 26px rgba(255,255,255,.18);}\n\n\/* Tarifs logiciels \u2014 noir & blanc lumineux *\/\n#kbs .sp{position:relative;margin-top:110px;padding:90px 60px 70px;text-align:center;overflow:hidden;\nbackground:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(255,255,255,.14),transparent 70%),#000;\nborder:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 40px 120px rgba(255,255,255,.06);}\n#kbs .sp::before{content:\"\";position:absolute;top:0;left:50%;width:60%;height:1px;transform:translateX(-50%);\nbackground:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 18px 2px rgba(255,255,255,.7);}\n#kbs .sp-eye{display:inline-block;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#fff;padding:8px 18px;\nborder:1px solid rgba(255,255,255,.4);box-shadow:0 0 20px rgba(255,255,255,.15);margin-bottom:26px;}\n#kbs .sp-title{font-size:clamp(34px,4.4vw,60px);line-height:1.1;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.25);}\n#kbs .sp-title em{color:#fff;text-shadow:0 0 18px rgba(255,255,255,.9),0 0 50px rgba(255,255,255,.4);}\n#kbs .sp-lead{max-width:640px;margin:24px auto 60px;font-size:16px;line-height:1.85;font-weight:300;color:rgba(255,255,255,.65);}\n#kbs .sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;text-align:left;}\n#kbs .sp-card{position:relative;padding:42px 34px 36px;background:linear-gradient(170deg,rgba(255,255,255,.07),rgba(255,255,255,.01) 60%);\nborder:1px solid rgba(255,255,255,.18);transition:transform .45s,box-shadow .45s,border-color .45s;overflow:hidden;}\n#kbs .sp-card::after{content:\"\";position:absolute;top:0;left:-70%;width:45%;height:100%;\nbackground:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-20deg);animation:kbsShine 6.5s ease-in-out infinite;}\n#kbs .sp-card:hover{transform:translateY(-10px);border-color:#fff;box-shadow:0 0 40px rgba(255,255,255,.18),0 30px 70px rgba(0,0,0,.6);}\n#kbs .sp-tier{font-size:10.5px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.6);}\n#kbs .sp-card h3{font-size:30px;color:#fff;margin:10px 0 22px;}\n#kbs .sp-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.15);}\n#kbs .sp-price small{width:100%;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.55);}\n#kbs .sp-price b{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:56px;line-height:1;color:#fff;\ntext-shadow:0 0 20px rgba(255,255,255,.65),0 0 60px rgba(255,255,255,.3);}\n#kbs .sp-price i{font-style:normal;font-size:16px;letter-spacing:2px;color:rgba(255,255,255,.75);}\n#kbs .sp-card p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.62);margin:0 0 20px;}\n#kbs .sp-card ul{list-style:none;padding:0;margin:0;}\n#kbs .sp-card li{position:relative;padding:9px 0 9px 26px;font-size:14px;color:#fff;border-top:1px solid rgba(255,255,255,.07);}\n#kbs .sp-card li::before{content:\"\";position:absolute;left:4px;top:16px;width:6px;height:6px;background:#fff;transform:rotate(45deg);box-shadow:0 0 10px #fff;}\n\/* Carte blanche centrale *\/\n#kbs .sp-card.sp-white{background:linear-gradient(170deg,#fff,#ECECEC);border-color:#fff;transform:scale(1.04);\nbox-shadow:0 0 60px rgba(255,255,255,.35),0 0 140px rgba(255,255,255,.15);}\n#kbs .sp-card.sp-white:hover{transform:scale(1.04) translateY(-10px);box-shadow:0 0 80px rgba(255,255,255,.5),0 0 180px rgba(255,255,255,.2);}\n#kbs .sp-card.sp-white::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent);}\n#kbs .sp-white .sp-tier,#kbs .sp-white .sp-price small{color:rgba(0,0,0,.5);}\n#kbs .sp-white h3,#kbs .sp-white .sp-price b,#kbs .sp-white li{color:#000;text-shadow:none;}\n#kbs .sp-white .sp-price i{color:rgba(0,0,0,.7);}\n#kbs .sp-white p{color:rgba(0,0,0,.62);}\n#kbs .sp-white .sp-price{border-color:rgba(0,0,0,.12);}\n#kbs .sp-white li{border-color:rgba(0,0,0,.08);}\n#kbs .sp-white li::before{background:#000;box-shadow:none;}\n#kbs .sp-badge{position:absolute;top:20px;right:20px;font-size:10px;letter-spacing:2px;text-transform:uppercase;background:#000;color:#fff;padding:7px 12px;z-index:2;}\n#kbs .sp-extra{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);}\n#kbs .sp-extra div{padding:24px 18px;border-right:1px solid rgba(255,255,255,.12);}\n#kbs .sp-extra div:last-child{border-right:none;}\n#kbs .sp-extra b{display:block;font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:500;color:#fff;}\n#kbs .sp-extra span{font-size:13px;color:rgba(255,255,255,.62);}\n#kbs .sp-note{font-size:12.5px;color:rgba(255,255,255,.5);margin:28px 0 30px;}\n#kbs .sp-btn{display:inline-flex;align-items:center;gap:12px;padding:20px 38px;background:#fff;color:#000;text-decoration:none;\nfont-size:12px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;box-shadow:0 0 40px rgba(255,255,255,.45);transition:.4s;}\n#kbs .sp-btn em{font-style:normal;color:#000;transition:transform .35s;}\n#kbs .sp-btn:hover{transform:translateY(-3px);box-shadow:0 0 70px rgba(255,255,255,.7);}\n#kbs .sp-btn:hover em{transform:translateX(5px);}\n@media(max-width:1024px){#kbs .sp{padding:70px 26px 56px;}#kbs .sp-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto;}\n#kbs .sp-card.sp-white{transform:none;}#kbs .sp-card.sp-white:hover{transform:translateY(-8px);}}\n@media(max-width:720px){#kbs .sp{padding:56px 18px 46px;margin-top:80px;}#kbs .sp-extra{grid-template-columns:1fr;}\n#kbs .sp-extra div{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);}#kbs .sp-price b{font-size:46px;}#kbs .sp-btn{width:100%;justify-content:center;}}\n\n\/* SITES *\/\n#kbs .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start;}\n#kbs .feat{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);}\n#kbs .feat div{padding:26px 22px 26px 0;border-bottom:1px solid var(--line);}\n#kbs .feat b{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;color:var(--gold);font-size:16px;}\n#kbs .feat strong{display:block;font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:500;margin:4px 0 6px;}\n#kbs .feat span{font-size:13.5px;color:var(--grey);line-height:1.6;}\n\n\/* SEO *\/\n#kbs .s-seo{background:var(--ink2);}\n#kbs .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}\n#kbs .tile{padding:30px 26px;border:1px solid var(--line);transition:.4s;}\n#kbs .tile:hover{border-color:rgba(201,164,99,.5);transform:translateY(-4px);}\n#kbs .tile h3{font-size:24px;color:var(--gl);}\n#kbs .tile p{font-size:13.5px;line-height:1.7;color:var(--grey);margin-top:10px;}\n\n\/* DUO *\/\n#kbs .grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}\n#kbs .box{padding:52px 46px;border:1px solid rgba(201,164,99,.25);background:linear-gradient(160deg,rgba(233,214,166,.06),transparent 60%);}\n#kbs .check{list-style:none;padding:0;margin:0 0 30px;}\n#kbs .check li{padding:12px 0 12px 30px;position:relative;font-size:15px;border-top:1px solid var(--line);color:var(--ivory);}\n#kbs .check li::before{content:\"\u2713\";position:absolute;left:0;top:11px;color:var(--gold);}\n#kbs .price{font-size:14px;color:var(--grey);}\n#kbs .price strong{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:26px;font-weight:500;color:var(--gl);}\n\n\/* TARIFS *\/\n#kbs .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}\n#kbs .plan{padding:38px 32px;border:1px solid var(--line);position:relative;transition:.4s;}\n#kbs .plan:hover{border-color:rgba(201,164,99,.5);}\n#kbs .plan.star{border-color:var(--gold);background:linear-gradient(160deg,rgba(233,214,166,.12),transparent 70%);box-shadow:0 0 44px rgba(201,164,99,.14);}\n#kbs .pn{font-size:10.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);}\n#kbs .plan h3{font-size:28px;margin:12px 0 10px;}\n#kbs .amt{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:24px;color:var(--gl);padding-bottom:22px;margin-bottom:18px;border-bottom:1px solid var(--line);}\n#kbs .plan ul{list-style:none;padding:0;margin:0;}\n#kbs .plan li{font-size:14px;padding:7px 0;color:var(--grey);}\n#kbs .plan li::before{content:\"\u2014 \";color:var(--gold);}\n#kbs .note{text-align:center;font-size:13px;color:var(--grey);margin-top:34px;}\n\n\/* TRUST *\/\n#kbs .s-trust{padding:70px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}\n#kbs .trust div{text-align:center;}\n#kbs .trust strong{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:30px;font-weight:500;color:var(--gl);}\n#kbs .trust span{font-size:13px;color:var(--grey);}\n\n\/* ALG\u00c9RIE *\/\n#kbs .s-dz{background:var(--ink2);}\n#kbs .dz-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:50px;}\n#kbs .dz-steps div{padding:26px 22px;border:1px solid rgba(201,164,99,.25);text-align:center;}\n#kbs .dz-steps strong{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:25px;font-weight:500;color:var(--gl);}\n#kbs .dz-steps span{font-size:13px;color:var(--grey);line-height:1.6;}\n#kbs .wilayas{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:9px;}\n#kbs .wilayas li{font-size:12.5px;letter-spacing:.5px;color:var(--ivory);padding:8px 14px;border:1px solid var(--line);transition:.3s;}\n#kbs .wilayas li:hover{border-color:var(--gold);color:var(--gl);box-shadow:0 0 18px rgba(201,164,99,.2);}\n@media(max-width:720px){#kbs .dz-steps{grid-template-columns:1fr 1fr;}}\n\n\/* CTA *\/\n#kbs .s-cta{padding:150px 24px;}\n#kbs .s-cta .glow{background:radial-gradient(ellipse 800px 450px at 50% 100%,rgba(201,164,99,.18),transparent 65%);}\n\n\/* WhatsApp flottant *\/\n#kbs .wa-float{position:fixed;right:22px;bottom:22px;z-index:999;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gl),var(--gold));color:var(--ink);box-shadow:0 10px 30px rgba(201,164,99,.4);transition:transform .3s;}\n#kbs .wa-float svg{width:30px;height:30px;}\n#kbs .wa-float::after{content:\"\";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(201,164,99,.5);animation:kbsPulse 2.4s ease-out infinite;}\n#kbs .wa-float:hover{transform:scale(1.08);}\n@keyframes kbsPulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.35)}}\n\n\/* Apparition au scroll *\/\n#kbs .rv{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.16,.9,.2,1),transform .9s cubic-bezier(.16,.9,.2,1);}\n#kbs .rv.in{opacity:1;transform:none;}\n\n@media(prefers-reduced-motion:reduce){#kbs *,#kbs *::before,#kbs *::after{animation:none!important;transition:none!important;}#kbs .rv{opacity:1;transform:none;}}\n\n@media(max-width:1024px){\n#kbs .cards,#kbs .plans{grid-template-columns:1fr 1fr;}\n#kbs .grid4{grid-template-columns:1fr 1fr;}\n#kbs .platforms{grid-template-columns:1fr 1fr;}\n#kbs .platforms div:nth-child(2){border-right:none;}\n#kbs .platforms div:nth-child(-n+2){border-bottom:1px solid var(--line);}\n#kbs .split{grid-template-columns:1fr;gap:50px;}\n#kbs .process{grid-template-columns:1fr 1fr 1fr;row-gap:20px;}\n}\n@media(max-width:720px){\n#kbs section{padding:84px 18px;}\n#kbs .s-hero{padding:120px 18px 80px;}\n#kbs .grid3,#kbs .cards,#kbs .plans,#kbs .grid2,#kbs .feat{grid-template-columns:1fr;}\n#kbs .process{grid-template-columns:1fr 1fr;}\n#kbs .box{padding:38px 24px;}\n#kbs .btn-gold{width:100%;justify-content:center;}\n#kbs .bgword{font-size:24vw;}\n}\n@media(max-width:460px){\n#kbs .grid4,#kbs .platforms{grid-template-columns:1fr;}\n#kbs .platforms div{border-right:none;border-bottom:1px solid var(--line);}\n}\n<\/style>\n\n<script>\n(function(){\nvar root=document.getElementById('kbs');if(!root)return;\n\n\/* Filtres des logiciels *\/\nvar btns=root.querySelectorAll('.filters button'),cards=root.querySelectorAll('.cards article');\nbtns.forEach(function(b){b.addEventListener('click',function(){\nbtns.forEach(function(x){x.classList.remove('on');});b.classList.add('on');\nvar f=b.getAttribute('data-f');\ncards.forEach(function(c){var cat=c.getAttribute('data-c');\nc.classList.toggle('hide',!(f==='all'||cat===f||cat==='all-only'));});\n});});\n\n\/* Apparition douce au scroll (le contenu reste visible sans JS) *\/\nif(!('IntersectionObserver' in window)||window.matchMedia('(prefers-reduced-motion: reduce)').matches)return;\nvar els=root.querySelectorAll('.head,.pillar,.platforms,.cards article,.process div,.feat div,.tile,.box,.plan,.trust div,.dz-steps div,.sp-card,.pf');\nels.forEach(function(e){e.classList.add('rv');});\nvar io=new IntersectionObserver(function(en){en.forEach(function(x){if(x.isIntersecting){x.target.classList.add('in');io.unobserve(x.target);}});},{threshold:.12,rootMargin:'0px 0px -40px 0px'});\nels.forEach(function(e,i){e.style.transitionDelay=(i%3)*0.08+'s';io.observe(e);});\n})();\n<\/script>\n<style id=\"kb-light\">\n\/* ================= TH\u00c8ME BLANC MODERNE ================= *\/\n\/* --- Accueil --- *\/\n#kbh{--ink:#18130D;--ivory:#18130D;--gold:#9C6F1B;--gold-light:#9C6F1B;--line:rgba(20,16,10,.09);--grey:rgba(20,16,10,.6);\nbackground:radial-gradient(ellipse 900px 600px at 90% -10%,rgba(196,148,58,.18),transparent 60%),radial-gradient(ellipse 700px 500px at -10% 110%,rgba(196,148,58,.12),transparent 60%),#FBFAF7;}\n#kbh .kbh-grain{background:none;}\n#kbh .kbh-bgtext{-webkit-text-stroke:1px rgba(156,111,27,.12);}\n#kbh .kbh-gold span{background:linear-gradient(100deg,#7E5815,#C4943A 55%,#7E5815);-webkit-background-clip:text;background-clip:text;color:transparent;}\n#kbh .kbh-btn-wa{background:#18130D;color:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(14,13,11,.18);}\n#kbh .kbh-btn-wa::before{border-radius:18px;border-color:rgba(156,111,27,.5);}\n#kbh .kbh-btn-wa:hover{background:#000;box-shadow:0 18px 44px rgba(156,111,27,.35);}\n#kbh .kbh-pillar{border-radius:18px;background:#fff;border:1px solid rgba(20,16,10,.07);box-shadow:0 1px 2px rgba(20,16,10,.04),0 14px 40px rgba(20,16,10,.06);}\n#kbh .kbh-pillar::before{background:linear-gradient(100deg,transparent,rgba(196,148,58,.16),transparent);}\n#kbh .kbh-pillar-main{background:linear-gradient(160deg,#FFFDF8,#F6EEDD);border-color:rgba(156,111,27,.45);box-shadow:0 0 0 4px rgba(196,148,58,.10),0 20px 50px rgba(156,111,27,.18);}\n#kbh .kbh-pillar:hover{border-color:rgba(156,111,27,.5);box-shadow:0 24px 60px rgba(156,111,27,.2);}\n#kbh .kbh-pillar-icon{background:linear-gradient(135deg,#F6EBD3,#FFF);box-shadow:0 6px 18px rgba(156,111,27,.25);}\n#kbh .kbh-pillar-icon svg{stroke:#7E5815;filter:none;}\n#kbh .kbh-pillar strong{color:#18130D;text-shadow:none;}\n#kbh .kbh-panel{background:rgba(255,255,255,.85);backdrop-filter:blur(14px);border:1px solid rgba(20,16,10,.07);border-radius:24px;\nbox-shadow:0 1px 2px rgba(20,16,10,.04),0 30px 80px rgba(20,16,10,.10);}\n#kbh .kbh-frame{display:none;}\n#kbh .kbh-list li:hover{background:rgba(196,148,58,.07);border-radius:10px;}\n#kbh .kbh-platforms span{border-radius:999px;background:#F7EEDC;border-color:transparent;color:#7E5815;}\n#kbh .kbh-stat strong{color:#7E5815;}\n\n\/* --- Bandeau --- *\/\n.kb-marquee{--ink:#18130D;background:#18130D;border-color:transparent;}\n.kb-marquee .kb-set span{color:rgba(255,255,255,.9);}\n.kb-marquee .kb-set span:nth-of-type(odd){color:#E9D6A6;}\n\n\/* --- Page services --- *\/\n#kbs{--ink:#FBFAF7;--ink2:#F4F0E8;--ivory:#18130D;--gold:#9C6F1B;--gl:#9C6F1B;--line:rgba(20,16,10,.08);--grey:rgba(20,16,10,.6);background:#FBFAF7;}\n#kbs .glow{background:radial-gradient(ellipse 900px 520px at 50% 0%,rgba(196,148,58,.16),transparent 65%);}\n#kbs em{background:linear-gradient(100deg,#7E5815,#C4943A 55%,#7E5815);-webkit-background-clip:text;background-clip:text;color:transparent;}\n#kbs .btn-gold{background:#18130D;color:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(14,13,11,.16);}\n#kbs .btn-gold em{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;}\n#kbs .btn-gold:hover{background:#000;box-shadow:0 18px 44px rgba(156,111,27,.35);}\n#kbs .jump a{border-radius:999px;background:#fff;border-color:rgba(20,16,10,.08);box-shadow:0 4px 14px rgba(20,16,10,.04);}\n#kbs .jump a:hover{background:#18130D;color:#fff;border-color:#18130D;}\n\/* cartes : blanc, arrondi, ombre douce *\/\n#kbs .pillar,#kbs .cards article,#kbs .tile,#kbs .box,#kbs .plan,#kbs .dz-steps div{background:#fff;border:1px solid rgba(20,16,10,.07);border-radius:20px;\nbox-shadow:0 1px 2px rgba(20,16,10,.04),0 14px 40px rgba(20,16,10,.05);}\n#kbs .pillar:hover,#kbs .cards article:hover,#kbs .tile:hover,#kbs .plan:hover{border-color:rgba(156,111,27,.45);box-shadow:0 26px 60px rgba(156,111,27,.16);background:#fff;}\n#kbs .pillar.main,#kbs .cards .custom,#kbs .plan.star{background:linear-gradient(160deg,#FFFDF8,#F6EBD3);border-color:rgba(156,111,27,.45);box-shadow:0 0 0 4px rgba(196,148,58,.10),0 22px 56px rgba(156,111,27,.18);}\n#kbs .pillar::before{background:linear-gradient(100deg,transparent,rgba(196,148,58,.16),transparent);}\n#kbs .pillar h2{color:#18130D;text-shadow:none;}\n#kbs .pillar .num{color:rgba(156,111,27,.25);}\n#kbs .ico{background:linear-gradient(135deg,#F6EBD3,#fff);box-shadow:0 8px 22px rgba(156,111,27,.25);}\n#kbs .ico svg{stroke:#7E5815;filter:none;}\n#kbs .platforms{background:#fff;border:1px solid rgba(20,16,10,.07);border-radius:20px;box-shadow:0 14px 40px rgba(20,16,10,.05);overflow:hidden;}\n#kbs .filters button{border-radius:999px;background:#fff;border-color:rgba(20,16,10,.1);}\n#kbs .filters button.on{background:#18130D;color:#fff;border-color:#18130D;}\n#kbs .tag{border-radius:999px;background:#F7EEDC;border-color:transparent;color:#7E5815;}\n#kbs .cards li{border-color:rgba(20,16,10,.05);}\n\/* prix sur les cartes : pastille noire lumineuse *\/\n#kbs .pr{background:#18130D;border:none;border-radius:14px;box-shadow:0 10px 26px rgba(14,13,11,.18);}\n#kbs .pr small{color:rgba(255,255,255,.6);}\n#kbs .pr b{color:#fff;text-shadow:0 0 14px rgba(255,255,255,.45);}\n#kbs .cards article:hover .pr{box-shadow:0 14px 34px rgba(156,111,27,.35);}\n#kbs .process{border-color:rgba(156,111,27,.35);}\n#kbs .feat{border-color:rgba(20,16,10,.08);}\n#kbs .feat div{border-color:rgba(20,16,10,.08);}\n#kbs .s-soft{background:linear-gradient(180deg,#FBFAF7,#F4F0E8 40%,#FBFAF7);}\n#kbs .s-seo,#kbs .s-dz{background:#F4F0E8;}\n#kbs .wilayas li{border-radius:999px;background:#fff;border-color:rgba(20,16,10,.08);}\n#kbs .wilayas li:hover{background:#18130D;color:#fff;border-color:#18130D;box-shadow:0 8px 20px rgba(14,13,11,.18);}\n#kbs .s-trust{background:#fff;border-color:rgba(20,16,10,.07);}\n#kbs .wa-float{background:#25D366;color:#fff;box-shadow:0 12px 30px rgba(37,211,102,.4);}\n#kbs .wa-float::after{border-color:rgba(37,211,102,.5);}\n\/* section prix logiciels : reste noir & blanc, arrondie *\/\n#kbs .sp{border-radius:32px;border:none;box-shadow:0 40px 100px rgba(14,13,11,.25);}\n#kbs .sp-card{border-radius:22px;}\n#kbs .sp-badge{border-radius:999px;}\n#kbs .sp-btn{border-radius:14px;}\n#kbs .sp em,#kbs .sp-title em{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;}\n#kbs .sp-btn em{color:#000;}\n@media(max-width:720px){#kbs .sp{border-radius:22px;}}\n\n\/* --- Logo --- *\/\n#kbh .kbh-emblem{display:block;width:72px;height:72px;margin:0 0 22px;border-radius:50%;\nbox-shadow:0 10px 30px rgba(156,111,27,.22);opacity:0;animation:kbhFadeUp .8s cubic-bezier(.16,.9,.2,1) forwards .1s;}\n#kbh .kbh-right{position:relative;}\n#kbh .kbh-seal{position:absolute;width:520px;max-width:120%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.07;pointer-events:none;z-index:0;}\n#kbh .kbh-panel{z-index:1;}\n#kbs .s-sign{padding:70px 24px 10px;}\n#kbs .sign-logo{width:min(420px,86%);height:auto;display:inline-block;}\n#kbs .sign-txt{margin:18px 0 0;font-size:11.5px;letter-spacing:3px;text-transform:uppercase;color:#9C6F1B;}\n@media(max-width:991px){#kbh .kbh-emblem{margin:0 auto 20px;}#kbh .kbh-seal{width:380px;}}\n<\/style>\n<style id=\"kb-white\">\n\/* ================= FOND 100 % BLANC ================= *\/\n#kbh,#kbs,#kbs .s-soft,#kbs .s-seo,#kbs .s-dz,#kbs .s-trust,#kbs .s-cta,#kbs .s-sign,#kbs .s-nav{background:#FFFFFF !important;}\n#kbh .kbh-grain,#kbs .glow{display:none;}\n#kbh .kbh-panel{background:#fff;}\n\n\/* Bandeau blanc *\/\n.kb-marquee{background:#fff;border-top:1px solid rgba(24,19,13,.08);border-bottom:1px solid rgba(24,19,13,.08);}\n.kb-marquee .kb-set span{color:#18130D;}\n.kb-marquee .kb-set span:nth-of-type(odd){color:#9C6F1B;}\n.kb-marquee .kb-set i{background:#9C6F1B;}\n\n\/* Tarifs logiciels en blanc, carte centrale noire *\/\n#kbs .sp{background:#fff;border:1px solid rgba(24,19,13,.08);box-shadow:0 30px 80px rgba(24,19,13,.08);}\n#kbs .sp::before{background:linear-gradient(90deg,transparent,#9C6F1B,transparent);box-shadow:none;}\n#kbs .sp-eye{color:#9C6F1B;border-color:rgba(156,111,27,.4);box-shadow:none;}\n#kbs .sp-title,#kbs .sp-title em{color:#18130D;text-shadow:none;}\n#kbs .sp-title em{background:linear-gradient(100deg,#7E5815,#C4943A 55%,#7E5815);-webkit-background-clip:text;background-clip:text;color:transparent;}\n#kbs .sp-lead,#kbs .sp-note{color:rgba(24,19,13,.6);}\n#kbs .sp-card{background:#fff;border:1px solid rgba(24,19,13,.08);box-shadow:0 14px 40px rgba(24,19,13,.06);}\n#kbs .sp-card::after{background:linear-gradient(100deg,transparent,rgba(196,148,58,.12),transparent);}\n#kbs .sp-card:hover{border-color:rgba(156,111,27,.45);box-shadow:0 26px 60px rgba(156,111,27,.16);}\n#kbs .sp-tier,#kbs .sp-price small{color:rgba(24,19,13,.5);}\n#kbs .sp-card h3,#kbs .sp-card li{color:#18130D;}\n#kbs .sp-price b{color:#18130D;text-shadow:none;}\n#kbs .sp-price i{color:rgba(24,19,13,.6);}\n#kbs .sp-card p{color:rgba(24,19,13,.6);}\n#kbs .sp-price{border-color:rgba(24,19,13,.08);}\n#kbs .sp-card li{border-color:rgba(24,19,13,.06);}\n#kbs .sp-card li::before{background:#9C6F1B;box-shadow:none;}\n#kbs .sp-card.sp-white{background:#18130D;border-color:#18130D;box-shadow:0 30px 70px rgba(24,19,13,.28);}\n#kbs .sp-white h3,#kbs .sp-white li{color:#fff;}\n#kbs .sp-white .sp-price b{color:#fff;text-shadow:0 0 18px rgba(255,255,255,.4);}\n#kbs .sp-white .sp-tier,#kbs .sp-white .sp-price small{color:rgba(255,255,255,.55);}\n#kbs .sp-white .sp-price i,#kbs .sp-white p{color:rgba(255,255,255,.7);}\n#kbs .sp-white .sp-price,#kbs .sp-white li{border-color:rgba(255,255,255,.1);}\n#kbs .sp-white li::before{background:#C4943A;}\n#kbs .sp-badge{background:#C4943A;color:#fff;}\n#kbs .sp-extra{border-color:rgba(24,19,13,.08);}\n#kbs .sp-extra div{border-color:rgba(24,19,13,.08);}\n#kbs .sp-extra b{color:#18130D;}\n#kbs .sp-extra span{color:rgba(24,19,13,.6);}\n#kbs .sp-btn{background:#18130D;color:#fff;box-shadow:0 12px 30px rgba(24,19,13,.2);}\n#kbs .sp-btn em{color:#fff;}\n#kbs .sp-btn:hover{box-shadow:0 18px 44px rgba(156,111,27,.35);}\n<\/style>\n<style id=\"kb-lisible\">\n\/* ================= TEXTES NOIRS, GRANDS ET LISIBLES ================= *\/\n#kbh,#kbs{--grey:#2B241B;--ivory:#18130D;}\n#kbh,#kbs{-webkit-font-smoothing:antialiased;}\n\/* Accueil *\/\n#kbh .kbh-title{font-size:clamp(44px,5.8vw,82px);color:#18130D;}\n#kbh .kbh-text{font-size:19px;line-height:1.75;font-weight:400;color:#2B241B;max-width:600px;}\n#kbh .kbh-eyebrow{font-size:13px;font-weight:600;}\n#kbh .kbh-btn-wa,#kbh .kbh-btn-line{font-size:13.5px;}\n#kbh .kbh-pillar strong{font-size:23px;}\n#kbh .kbh-pillar small{font-size:14px;color:#2B241B;}\n#kbh .kbh-stat strong{font-size:40px;}\n#kbh .kbh-stat small{font-size:14px;color:#2B241B;}\n#kbh .kbh-panel-kicker{font-size:12px;font-weight:600;}\n#kbh .kbh-panel-title{font-size:32px;}\n#kbh .kbh-list span{font-size:16.5px;font-weight:500;color:#18130D;}\n#kbh .kbh-list small{font-size:11.5px;color:#4A4033;}\n#kbh .kbh-list b{font-size:17px;}\n#kbh .kbh-platforms span{font-size:12px;font-weight:600;}\n\/* Bandeau *\/\n.kb-marquee .kb-set span{font-size:14px;font-weight:600;}\n\/* Page services *\/\n#kbs .eyebrow{font-size:13px;font-weight:600;}\n#kbs .h-lg{font-size:clamp(40px,5vw,68px);}\n#kbs .h-md{font-size:clamp(32px,3.4vw,46px);}\n#kbs .lead{font-size:19px;line-height:1.75;font-weight:400;color:#2B241B;}\n#kbs .btn-gold,#kbs .btn-line{font-size:13.5px;}\n#kbs .jump a{font-size:12.5px;font-weight:600;color:#18130D;}\n#kbs .pillar h2{font-size:34px;}\n#kbs .pillar p{font-size:16.5px;color:#2B241B;}\n#kbs .more{font-size:12.5px;font-weight:600;}\n#kbs .platforms strong{font-size:26px;}\n#kbs .platforms span{font-size:15px;color:#2B241B;}\n#kbs .filters button{font-size:12.5px;font-weight:600;color:#18130D;}\n#kbs .tag{font-size:11.5px;font-weight:600;}\n#kbs .cards h3{font-size:28px;}\n#kbs .cards p{font-size:16px;color:#2B241B;}\n#kbs .cards li{font-size:15.5px;color:#18130D;}\n#kbs .pl{font-size:12px;font-weight:600;opacity:1;}\n#kbs .pr small{font-size:11.5px;}\n#kbs .pr b{font-size:27px;}\n#kbs .process b{font-size:38px;}\n#kbs .process strong{font-size:26px;}\n#kbs .process span{font-size:15.5px;color:#2B241B;}\n#kbs .feat strong{font-size:26px;}\n#kbs .feat span{font-size:15.5px;color:#2B241B;}\n#kbs .tile h3{font-size:27px;}\n#kbs .tile p{font-size:15.5px;color:#2B241B;}\n#kbs .check li{font-size:17px;}\n#kbs .price{font-size:16px;color:#2B241B;}\n#kbs .plan h3{font-size:31px;}\n#kbs .amt{font-size:27px;}\n#kbs .plan li{font-size:16px;color:#18130D;}\n#kbs .pn{font-size:12px;font-weight:600;}\n#kbs .note{font-size:15px;color:#2B241B;}\n#kbs .trust strong{font-size:34px;}\n#kbs .trust span{font-size:15px;color:#2B241B;}\n#kbs .dz-steps strong{font-size:28px;}\n#kbs .dz-steps span{font-size:15px;color:#2B241B;}\n#kbs .wilayas li{font-size:14.5px;font-weight:500;}\n#kbs .sign-txt{font-size:13px;font-weight:600;}\n\/* Prix logiciels *\/\n#kbs .sp-eye{font-size:12.5px;font-weight:600;}\n#kbs .sp-title{font-size:clamp(40px,5vw,66px);}\n#kbs .sp-lead{font-size:19px;color:#2B241B;}\n#kbs .sp-tier,#kbs .sp-price small{font-size:12px;font-weight:600;color:#4A4033;}\n#kbs .sp-card h3{font-size:33px;}\n#kbs .sp-price b{font-size:62px;}\n#kbs .sp-card p{font-size:16px;color:#2B241B;}\n#kbs .sp-card li{font-size:16px;}\n#kbs .sp-white .sp-tier,#kbs .sp-white .sp-price small{color:rgba(255,255,255,.75);}\n#kbs .sp-white p{color:rgba(255,255,255,.88);}\n#kbs .sp-extra b{font-size:24px;}\n#kbs .sp-extra span{font-size:15px;color:#2B241B;}\n#kbs .sp-note{font-size:14.5px;color:#2B241B;}\n#kbs .sp-btn{font-size:13.5px;}\n@media(max-width:720px){\n#kbh .kbh-text,#kbs .lead,#kbs .sp-lead{font-size:17.5px;}\n#kbs .cards h3{font-size:26px;}\n#kbs .sp-price b{font-size:50px;}\n}\n<\/style>\n<style id=\"kb-fix-contact\">\n#kbs .kb-marquee2{padding:22px 0;}\n#kbs .kb-ct-sec em{background:none;-webkit-background-clip:initial;background-clip:initial;color:inherit;-webkit-text-fill-color:currentColor;}\n#kbs .kb-ct-head h2 em{-webkit-text-fill-color:transparent;}\n#kbs .kb-ct-head h2{color:#18130D;}\n#kbs .kb-ct-sec button.btn-contact{padding:19px 40px !important;margin-top:16px !important;}\n#kbs .kb-ct-sec .kb-ct-head h2 em{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;padding:0 .08em !important;}\n#kbs .kb-ct-sec .kb-ct-head h2{font-family:'Cormorant Garamond',serif !important;}\n#kbs .kb-ct-sec .info-item p{font-family:'Cormorant Garamond',serif !important;}\n#kbs .kb-ct-sec .info-item a{text-decoration:none !important;border-bottom:1px solid rgba(156,111,27,.35);}\n#kbs .kb-ct-sec span.civ-label{margin-bottom:12px !important;}\n#kbs .kb-ct-sec span.info-label{margin-bottom:8px !important;}\n#kbs .kb-ct-sec .kb-ct-head p{margin-top:20px !important;}\n#kbs .kb-ct-sec span.kb-ct-eyebrow{margin-bottom:22px !important;}\n#kbs .kb-ct-sec span.kb-ct-dot{margin-bottom:16px !important;}\n<\/style>\n<style id=\"kb-portfolio\">\n#kbs .s-pf{background:#fff;}\n#kbs .pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}\n#kbs .pf{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid rgba(24,19,13,.08);border-radius:22px;overflow:hidden;\nbox-shadow:0 1px 2px rgba(24,19,13,.04),0 14px 40px rgba(24,19,13,.05);transition:transform .45s cubic-bezier(.16,.9,.2,1),box-shadow .45s,border-color .45s;}\n#kbs .pf:hover{transform:translateY(-8px);border-color:rgba(156,111,27,.45);box-shadow:0 30px 70px rgba(156,111,27,.18);}\n#kbs .pf-top{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#FAF7F1;border-bottom:1px solid rgba(24,19,13,.06);}\n#kbs .pf-dots{display:flex;gap:5px;}\n#kbs .pf-dots i{width:9px;height:9px;border-radius:50%;background:#E5DCCB;}\n#kbs .pf-dots i:first-child{background:#C4943A;}\n#kbs .pf-url{flex:1;min-width:0;padding:5px 12px;border-radius:999px;background:#fff;font-size:12px;color:#4A4033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:left;}\n#kbs .pf-vis{position:relative;height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;\nbackground:radial-gradient(ellipse 70% 90% at 80% 0%,rgba(196,148,58,.28),transparent 60%),linear-gradient(160deg,#FFFDF8,#F3E7CF);}\n#kbs .pf-vis::after{content:\"\";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);transition:left .9s ease;}\n#kbs .pf:hover .pf-vis::after{left:130%;}\n#kbs .pf-ini{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:68px;letter-spacing:1px;line-height:1;\nbackground:linear-gradient(100deg,#7E5815,#C4943A 50%,#7E5815);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .5s;}\n#kbs .pf:hover .pf-ini{transform:scale(1.08);}\n#kbs .pf-n{position:absolute;right:18px;bottom:12px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:rgba(126,88,21,.45);}\n#kbs .pf-body{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1;}\n#kbs .pf-cat{align-self:flex-start;font-size:11.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#9C6F1B;margin-bottom:10px;}\n#kbs .pf-body h3{font-size:27px;line-height:1.15;color:#18130D;}\n#kbs .pf-body p{font-size:15.5px;line-height:1.65;color:#2B241B;margin:10px 0 18px;flex:1;}\n#kbs .pf-go{font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#18130D;}\n#kbs .pf-go em{display:inline-block;font-style:normal;color:#9C6F1B;-webkit-text-fill-color:#9C6F1B;background:none;transition:transform .3s;}\n#kbs .pf:hover .pf-go em{transform:translate(3px,-3px);}\n#kbs .pf-end{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:56px;}\n#kbs .pf-end p{margin:0;font-family:'Cormorant Garamond',serif;font-size:28px;color:#18130D;}\n.kb-ar #kbs .pf-n{right:auto;left:18px;}\n.kb-ar #kbs .pf-ini,.kb-ar #kbs .pf-n{font-family:'Cormorant Garamond',serif !important;font-style:italic !important;}\n.kb-ar #kbs .pf-body h3{font-family:'Cormorant Garamond',serif !important;}\n.kb-ar #kbs .pf-end p{font-family:'Amiri',serif !important;}\n.kb-ar #kbs .pf:hover .pf-go em{transform:translate(-3px,-3px);}\n@media(max-width:1024px){#kbs .pf-grid{grid-template-columns:1fr 1fr;}}\n@media(max-width:640px){#kbs .pf-grid{grid-template-columns:1fr;}#kbs .pf-vis{height:120px;}#kbs .pf-ini{font-size:62px;}#kbs .pf-end{flex-direction:column;}#kbs .pf-end p{text-align:center;}}\n<\/style>\n<style id=\"kb-pf-you\">\n#kbs .pf-you{background:#18130D;border-color:#18130D;}\n#kbs .pf-you .pf-top{background:#221C14;border-color:rgba(255,255,255,.06);}\n#kbs .pf-you .pf-url{background:#2E261B;color:#E3C27E;}\n#kbs .pf-you .pf-vis{background:radial-gradient(ellipse 70% 90% at 80% 0%,rgba(196,148,58,.35),transparent 60%),#18130D;}\n#kbs .pf-you .pf-vis::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);}\n#kbs .pf-you .pf-ini{background:linear-gradient(100deg,#C4943A,#F1DCA8 50%,#C4943A);-webkit-background-clip:text;background-clip:text;}\n#kbs .pf-you .pf-cat{color:#E3C27E;}\n#kbs .pf-you h3{color:#fff;}\n#kbs .pf-you p{color:rgba(255,255,255,.78);}\n#kbs .pf-you .pf-go{color:#fff;}\n#kbs .pf-you .pf-go em{color:#E3C27E;-webkit-text-fill-color:#E3C27E;}\n#kbs .pf-you:hover{box-shadow:0 30px 70px rgba(24,19,13,.35);}\n<\/style>\n<style id=\"kb-pf-you2\">\n@media(min-width:1025px){\n#kbs .pf-you{grid-column:1\/-1;flex-direction:row;align-items:stretch;}\n#kbs .pf-you .pf-top{display:none;}\n#kbs .pf-you .pf-vis{width:300px;height:auto;min-height:170px;flex-shrink:0;}\n#kbs .pf-you .pf-body{justify-content:center;padding:34px 40px;}\n#kbs .pf-you .pf-body p{flex:0;}\n#kbs .pf-you h3{font-size:34px;}\n}\n<\/style>\n<style id=\"kb-expertise\">\n#kbs .s-xp{position:relative;background:#fff;overflow:hidden;}\n#kbs .xp-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(196,148,58,.12),transparent 70%);}\n#kbs .xp-kpis{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:34px;border:1px solid rgba(24,19,13,.08);border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(24,19,13,.05);overflow:hidden;}\n#kbs .xp-kpis div{padding:34px 26px;text-align:center;border-right:1px solid rgba(24,19,13,.07);}\n#kbs .xp-kpis div:last-child{border-right:none;}\n#kbs .xp-kpis strong{display:block;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:64px;line-height:1;\nbackground:linear-gradient(100deg,#7E5815,#C4943A 50%,#7E5815);-webkit-background-clip:text;background-clip:text;color:transparent;}\n#kbs .xp-kpis strong::after{content:\"+\";font-size:.5em;vertical-align:top;margin-left:2px;}\n#kbs .xp-kpis div:nth-child(3) strong::after,#kbs .xp-kpis div:nth-child(4) strong::after{content:\"\";}\n#kbs .xp-kpis span{display:block;margin-top:10px;font-size:15px;color:#2B241B;line-height:1.5;}\n#kbs .xp-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch;}\n#kbs .xp-card{padding:40px 38px;border:1px solid rgba(24,19,13,.08);border-radius:26px;background:#fff;box-shadow:0 14px 40px rgba(24,19,13,.05);}\n#kbs .xp-card-h{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px;}\n#kbs .xp-k{flex-shrink:0;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;\nfont-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:#7E5815;background:linear-gradient(135deg,#F6EBD3,#fff);box-shadow:0 8px 22px rgba(156,111,27,.22);}\n#kbs .xp-card h3{font-size:30px;line-height:1.15;color:#18130D;}\n#kbs .xp-card-h p{margin:6px 0 0;font-size:15px;color:#4A4033;}\n#kbs .xp-bars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;}\n#kbs .xb-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;}\n#kbs .xb-h strong{font-size:16.5px;font-weight:600;color:#18130D;}\n#kbs .xb-h b{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:22px;color:#9C6F1B;}\n#kbs .xb-d{display:block;margin:4px 0 10px;font-size:13px;line-height:1.5;color:#4A4033;}\n#kbs .xb-t{position:relative;height:8px;border-radius:999px;background:#F2EADB;overflow:hidden;}\n#kbs .xb-t i{position:absolute;inset:0 auto 0 0;width:var(--v);border-radius:999px;background:linear-gradient(90deg,#7E5815,#C4943A,#E9CF92);\nbox-shadow:0 0 14px rgba(196,148,58,.5);transform-origin:left;transition:transform 1.6s cubic-bezier(.16,.9,.2,1);}\n#kbs .xp-js .xb-t i{transform:scaleX(0);}\n#kbs .xp-js.in .xb-t i{transform:scaleX(1);}\n#kbs .xp-bars li:nth-child(2) i{transition-delay:.08s}#kbs .xp-bars li:nth-child(3) i{transition-delay:.16s}#kbs .xp-bars li:nth-child(4) i{transition-delay:.24s}\n#kbs .xp-bars li:nth-child(5) i{transition-delay:.32s}#kbs .xp-bars li:nth-child(6) i{transition-delay:.4s}#kbs .xp-bars li:nth-child(7) i{transition-delay:.48s}#kbs .xp-bars li:nth-child(8) i{transition-delay:.56s}\n#kbs .xp-dark{background:#18130D;border-color:#18130D;box-shadow:0 30px 70px rgba(24,19,13,.25);position:relative;overflow:hidden;}\n#kbs .xp-dark::before{content:\"\";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(196,148,58,.25),transparent 60%);}\n#kbs .xp-dark > *{position:relative;}\n#kbs .xp-dark h3{color:#fff;}\n#kbs .xp-dark .xp-card-h p{color:rgba(255,255,255,.72);}\n#kbs .xp-dark .xp-k{background:rgba(255,255,255,.08);color:#E3C27E;box-shadow:none;}\n#kbs .xp-ring{position:relative;width:190px;height:190px;margin:0 auto 26px;}\n#kbs .xp-ring svg{width:100%;height:100%;transform:rotate(-90deg);}\n#kbs .xr-bg{fill:none;stroke:rgba(255,255,255,.1);stroke-width:8;}\n#kbs .xr-fg{fill:none;stroke:url(#none);stroke:#E3C27E;stroke-width:8;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:0;\nfilter:drop-shadow(0 0 8px rgba(227,194,126,.6));transition:stroke-dashoffset 2s cubic-bezier(.16,.9,.2,1);}\n#kbs .xp-js .xr-fg{stroke-dashoffset:327;}\n#kbs .xp-js.in .xr-fg{stroke-dashoffset:0;}\n#kbs .xp-ring-t{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}\n#kbs .xp-ring-t strong{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:42px;line-height:1;color:#fff;text-shadow:0 0 18px rgba(227,194,126,.5);}\n#kbs .xp-ring-t span{margin-top:6px;max-width:118px;line-height:1.35;font-size:10.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#E3C27E;}\n#kbs .xp-plat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;}\n#kbs .xp-plat li{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.03);transition:border-color .3s,background .3s;}\n#kbs .xp-plat li:hover{border-color:rgba(227,194,126,.5);background:rgba(227,194,126,.06);}\n#kbs .xp-ok{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#18130D;background:#E3C27E;box-shadow:0 0 12px rgba(227,194,126,.6);}\n#kbs .xp-plat strong{display:block;font-size:15.5px;font-weight:600;color:#fff;}\n#kbs .xp-plat small{display:block;margin-top:3px;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.65);}\n#kbs .xp-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px;}\n#kbs .xp-proof span{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:#fff;border:1px solid rgba(24,19,13,.08);font-size:14px;font-weight:600;color:#18130D;box-shadow:0 6px 18px rgba(24,19,13,.05);}\n#kbs .xp-proof span::before{content:\"\u2713\";color:#9C6F1B;}\n.kb-ar #kbs .xp-kpis div{border-right:none;border-left:1px solid rgba(24,19,13,.07);}\n.kb-ar #kbs .xp-kpis div:last-child{border-left:none;}\n.kb-ar #kbs .xp-kpis strong::after{margin-left:0;margin-right:2px;}\n.kb-ar #kbs .xb-t i{inset:0 0 0 auto;transform-origin:right;background:linear-gradient(270deg,#7E5815,#C4943A,#E9CF92);}\n.kb-ar #kbs .xp-kpis strong,.kb-ar #kbs .xb-h b,.kb-ar #kbs .xp-k,.kb-ar #kbs .xp-ring-t strong{font-family:'Cormorant Garamond',serif !important;}\n.kb-ar #kbs .xp-ring svg{transform:rotate(-90deg) scaleY(-1);}\n@media(max-width:1024px){#kbs .xp-grid{grid-template-columns:1fr;}#kbs .xp-kpis{grid-template-columns:1fr 1fr;}\n#kbs .xp-kpis div:nth-child(2){border-right:none;}#kbs .xp-kpis div:nth-child(-n+2){border-bottom:1px solid rgba(24,19,13,.07);}\n.kb-ar #kbs .xp-kpis div:nth-child(2){border-left:none;}}\n@media(max-width:640px){#kbs .xp-bars{grid-template-columns:1fr;}#kbs .xp-card{padding:30px 22px;}#kbs .xp-kpis strong{font-size:50px;}#kbs .xp-kpis div{padding:26px 14px;}#kbs .xp-kpis span{font-size:13.5px;}#kbs .xp-plat{grid-template-columns:1fr;}}\n@media(prefers-reduced-motion:reduce){#kbs .xp-js .xb-t i{transform:none;}#kbs .xp-js .xr-fg{stroke-dashoffset:0;}}\n<\/style>\n<script>\n(function(){\nvar sec=document.getElementById('kbs-expertise');if(!sec||!('IntersectionObserver' in window))return;\nif(window.matchMedia('(prefers-reduced-motion: reduce)').matches)return;\nsec.classList.add('xp-js');\nvar nums=sec.querySelectorAll('[data-to]');\nvar io=new IntersectionObserver(function(en){en.forEach(function(e){if(!e.isIntersecting)return;\n sec.classList.add('in');\n nums.forEach(function(n){var to=+n.getAttribute('data-to'),suf=n.textContent.indexOf('%')>-1?'%':'',t0=null;\n  function f(t){if(!t0)t0=t;var k=Math.min(1,(t-t0)\/1400);n.textContent=Math.round(to*(1-Math.pow(1-k,3)))+suf;if(k<1)requestAnimationFrame(f);}\n  requestAnimationFrame(f);});\n io.disconnect();});},{threshold:.2});\nio.observe(sec);\n})();\n<\/script>\n\n<nav class=\"kb-langs\" aria-label=\"Langue \/ Language \/ \u0627\u0644\u0644\u063a\u0629\">\n<a href=\"https:\/\/khalilboucenna.com\/\" hreflang=\"fr\" lang=\"fr\">FR<\/a><a href=\"https:\/\/khalilboucenna.com\/custom-software-websites-algeria\/\" hreflang=\"en\" lang=\"en\" class=\"on\" aria-current=\"page\">EN<\/a><a href=\"https:\/\/khalilboucenna.com\/%d8%a8%d8%b1%d9%85%d8%ac%d9%8a%d8%a7%d8%aa-%d8%ad%d8%b3%d8%a8-%d8%a7%d9%84%d8%b7%d9%84%d8%a8-%d8%a7%d9%84%d8%ac%d8%b2%d8%a7%d8%a6%d8%b1\/\" hreflang=\"ar\" lang=\"ar\">\u0639\u0631\u0628\u064a<\/a>\n<\/nav>\n<style>\n.kb-langs{position:fixed;left:22px;bottom:26px;z-index:1000;display:flex;gap:4px;padding:6px;background:#fff;border:1px solid rgba(24,19,13,.1);border-radius:999px;box-shadow:0 12px 34px rgba(24,19,13,.14);font-family:'Jost','Tajawal',Arial,sans-serif;}\n.kb-langs a{display:block;padding:9px 15px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.5px;color:#18130D !important;text-decoration:none !important;line-height:1;transition:background .25s,color .25s;}\n.kb-langs a:hover{background:#F7EEDC;}\n.kb-langs a.on{background:#18130D;color:#fff !important;}\n@media(max-width:480px){.kb-langs{left:12px;bottom:20px;}.kb-langs a{padding:8px 12px;font-size:12px;}}\n<\/style>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SOFTWARE Custom software development Software designed for your business, whatever its complexity. ERP, CRM, inventory, point of sale, medical software,<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_full_width","meta":{"footnotes":""},"class_list":["post-1047830","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.9 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Custom software &amp; website development in Algeria | Khalil Boucenna<\/title>\n<meta name=\"description\" content=\"ERP, CRM, inventory, POS, medical software, HR &amp; payroll, booking, AI: custom web, desktop and mobile software, premium websites and SEO. Serving every wilaya in Algeria. Free quote within 24h.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/khalilboucenna.com\/tr\/custom-software-websites-algeria\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom software &amp; website development across Algeria\" \/>\n<meta property=\"og:description\" content=\"ERP, CRM, inventory, POS, medical software, HR &amp; payroll, booking, AI: custom web, desktop and mobile software, premium websites and SEO. Serving every wilaya in Algeria. Free quote within 24h.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/khalilboucenna.com\/tr\/custom-software-websites-algeria\/\" \/>\n<meta property=\"og:site_name\" content=\"khalil boucenna\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-24T21:52:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/khalilboucenna.com\/wp-content\/uploads\/2026\/08\/cropped-khalil-boucenna-logo-icon-270x270.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/khalilboucenna.com\\\/custom-software-websites-algeria\\\/\",\"url\":\"https:\\\/\\\/khalilboucenna.com\\\/custom-software-websites-algeria\\\/\",\"name\":\"Custom software & website development in Algeria | Khalil Boucenna\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/khalilboucenna.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/khalilboucenna.com\\\/custom-software-websites-algeria\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/khalilboucenna.com\\\/custom-software-websites-algeria\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/khalilboucenna.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/cropped-khalil-boucenna-logo-icon-270x270.png\",\"datePublished\":\"2026-10-22T20:46:12+00:00\",\"dateModified\":\"2026-10-24T21:52:56+00:00\",\"description\":\"ERP, CRM, inventory, POS, medical software, HR & payroll, booking, AI: custom web, desktop and mobile software, premium websites and SEO. Serving every wilaya in Algeria. Free quote within 24h.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/khalilboucenna.com\\\/custom-software-websites-algeria\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/khalilboucenna.com\\\/custom-software-websites-algeria\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/khalilboucenna.com\\\/custom-software-websites-algeria\\\/#primaryimage\",\"url\":\"https:\\\/\\\/khalilboucenna.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/cropped-khalil-boucenna-logo-icon-270x270.png\",\"contentUrl\":\"https:\\\/\\\/khalilboucenna.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/cropped-khalil-boucenna-logo-icon-270x270.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/khalilboucenna.com\\\/custom-software-websites-algeria\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/khalilboucenna.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Custom software &#038; website development across Algeria\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/khalilboucenna.com\\\/#website\",\"url\":\"https:\\\/\\\/khalilboucenna.com\\\/\",\"name\":\"khalil boucenna\",\"description\":\"Votre vision, notre design web\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/khalilboucenna.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Custom software & website development in Algeria | Khalil Boucenna","description":"ERP, CRM, inventory, POS, medical software, HR & payroll, booking, AI: custom web, desktop and mobile software, premium websites and SEO. Serving every wilaya in Algeria. Free quote within 24h.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/khalilboucenna.com\/tr\/custom-software-websites-algeria\/","og_locale":"tr_TR","og_type":"article","og_title":"Custom software & website development across Algeria","og_description":"ERP, CRM, inventory, POS, medical software, HR & payroll, booking, AI: custom web, desktop and mobile software, premium websites and SEO. Serving every wilaya in Algeria. Free quote within 24h.","og_url":"https:\/\/khalilboucenna.com\/tr\/custom-software-websites-algeria\/","og_site_name":"khalil boucenna","article_modified_time":"2026-10-24T21:52:56+00:00","og_image":[{"url":"https:\/\/khalilboucenna.com\/wp-content\/uploads\/2026\/08\/cropped-khalil-boucenna-logo-icon-270x270.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/khalilboucenna.com\/custom-software-websites-algeria\/","url":"https:\/\/khalilboucenna.com\/custom-software-websites-algeria\/","name":"Custom software & website development in Algeria | Khalil Boucenna","isPartOf":{"@id":"https:\/\/khalilboucenna.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/khalilboucenna.com\/custom-software-websites-algeria\/#primaryimage"},"image":{"@id":"https:\/\/khalilboucenna.com\/custom-software-websites-algeria\/#primaryimage"},"thumbnailUrl":"https:\/\/khalilboucenna.com\/wp-content\/uploads\/2026\/08\/cropped-khalil-boucenna-logo-icon-270x270.png","datePublished":"2026-10-22T20:46:12+00:00","dateModified":"2026-10-24T21:52:56+00:00","description":"ERP, CRM, inventory, POS, medical software, HR & payroll, booking, AI: custom web, desktop and mobile software, premium websites and SEO. Serving every wilaya in Algeria. Free quote within 24h.","breadcrumb":{"@id":"https:\/\/khalilboucenna.com\/custom-software-websites-algeria\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/khalilboucenna.com\/custom-software-websites-algeria\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/khalilboucenna.com\/custom-software-websites-algeria\/#primaryimage","url":"https:\/\/khalilboucenna.com\/wp-content\/uploads\/2026\/08\/cropped-khalil-boucenna-logo-icon-270x270.png","contentUrl":"https:\/\/khalilboucenna.com\/wp-content\/uploads\/2026\/08\/cropped-khalil-boucenna-logo-icon-270x270.png"},{"@type":"BreadcrumbList","@id":"https:\/\/khalilboucenna.com\/custom-software-websites-algeria\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/khalilboucenna.com\/"},{"@type":"ListItem","position":2,"name":"Custom software &#038; website development across Algeria"}]},{"@type":"WebSite","@id":"https:\/\/khalilboucenna.com\/#website","url":"https:\/\/khalilboucenna.com\/","name":"khalil boucenna","description":"Sizin vizyonunuz, bizim web tasar\u0131m\u0131m\u0131z","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/khalilboucenna.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"}]}},"_links":{"self":[{"href":"https:\/\/khalilboucenna.com\/tr\/wp-json\/wp\/v2\/pages\/1047830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khalilboucenna.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khalilboucenna.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khalilboucenna.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khalilboucenna.com\/tr\/wp-json\/wp\/v2\/comments?post=1047830"}],"version-history":[{"count":4,"href":"https:\/\/khalilboucenna.com\/tr\/wp-json\/wp\/v2\/pages\/1047830\/revisions"}],"predecessor-version":[{"id":1047870,"href":"https:\/\/khalilboucenna.com\/tr\/wp-json\/wp\/v2\/pages\/1047830\/revisions\/1047870"}],"wp:attachment":[{"href":"https:\/\/khalilboucenna.com\/tr\/wp-json\/wp\/v2\/media?parent=1047830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}