:root{--color-primary: #1A7F4B;--color-primary-light: #2E8B57;--color-primary-dark: #0D5C35;--color-accent: #F5A623;--color-accent-dark: #D4891F;--color-accent-soft: #FFF3D8;--color-mint: #E8F5E9;--color-surface: #FFFFFF;--color-surface-alt: #F5FAF7;--color-dark: #0D1F17;--color-text: #1A1A2E;--color-text-muted: #6B7280;--color-text-inverse: #FFFFFF;--color-border: #E2E8E4;--color-success: #1A7F4B;--color-error: #D94F3D;--color-success-light: #E8F5EE;--color-error-light: #FDECEA;--eco-exemplary: #4CAF50;--eco-reliable: #8BC34A;--eco-developing: #FFC107;--eco-at-risk: #FF9800;--eco-suspended: #F44336;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 48px;--shadow-light: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .06);--shadow-heavy: 0 8px 32px rgba(0, 0, 0, .16);--shadow-green: 0 20px 60px rgba(26, 127, 75, .22);--container: min(1180px, calc(100vw - 32px) );--nav-height: 92px;--transition: .3s ease}html.dark-mode{--color-surface: #0D1F17;--color-surface-alt: #11291E;--color-mint: #1A2E22;--color-text: #E8F5E9;--color-text-muted: #A8B8AE;--color-border: #254735;--color-accent-soft: #392B12;--color-dark: #060F0A;--shadow-light: 0 1px 3px rgba(0, 0, 0, .26), 0 4px 18px rgba(0, 0, 0, .24);--shadow-heavy: 0 12px 38px rgba(0, 0, 0, .38);--shadow-green: 0 20px 60px rgba(26, 127, 75, .38)}*,*:before,*:after{box-sizing:border-box}html{width:100%;overflow-x:hidden;scroll-behavior:smooth;background:var(--color-surface)}body{margin:0;overflow-x:hidden;color:var(--color-text);background:var(--color-surface);text-align:start;-webkit-font-smoothing:antialiased}html[lang=ar] body{font-family:Cairo,system-ui,sans-serif}html[lang=fr] body,html[lang=en] body{font-family:Plus Jakarta Sans,DM Sans,sans-serif}body.modal-open{overflow:hidden}img,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0;cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{color:var(--color-text-inverse);background:var(--color-primary)}.fr{direction:ltr;unicode-bidi:isolate;font-family:Plus Jakarta Sans,DM Sans,sans-serif;line-height:1.7}.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:10000;transform:translateY(-160%);border-radius:var(--radius-sm);padding:10px 16px;color:var(--color-text-inverse);background:var(--color-primary);transition:transform var(--transition)}.skip-link:focus{transform:translateY(0)}[hidden]{display:none!important}.container{width:var(--container);margin-inline:auto}.section{position:relative;overflow:hidden;padding-block:clamp(72px,8vw,128px)}.grid-bg{background-color:var(--color-surface-alt);background-image:radial-gradient(circle,rgba(26,127,75,.13) 1px,transparent 1px);background-size:24px 24px}.section-header{display:grid;justify-items:center;gap:14px;margin-block-end:clamp(36px,5vw,64px);text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:36px;border:1px solid rgba(26,127,75,.16);border-radius:999px;padding:6px 14px;color:var(--color-primary);background:#e8f5e9d1;font-weight:800;box-shadow:var(--shadow-light)}html.dark-mode .eyebrow{background:#1a2e22e6}.section-title{margin:0;color:var(--color-text);font-size:clamp(1.75rem,4vw,3rem);font-weight:800;line-height:1.18}.section-subtitle{max-width:780px;margin:0;color:var(--color-text-muted);font-size:clamp(1rem,1.5vw,1.15rem)}.dark-section{color:var(--color-text-inverse);background:radial-gradient(circle at 20% 18%,rgba(245,166,35,.14),transparent 34%),radial-gradient(circle at 78% 68%,rgba(26,127,75,.32),transparent 34%),var(--color-dark)}.dark-section .section-title,.dark-section h2,.dark-section h3{color:var(--color-text-inverse)}.dark-section .section-subtitle,.dark-section .fr,.dark-section p{color:#ffffffb8}.scroll-progress{position:fixed;inset-block-start:0;inset-inline-end:0;z-index:9999;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));box-shadow:0 0 16px #f5a62359;transform:scaleX(0);transform-origin:right;will-change:transform}.btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),color var(--transition)}.btn{gap:10px;min-height:48px;border-radius:999px;padding:12px 22px;font-weight:800;white-space:nowrap}.btn:hover,.icon-btn:hover{transform:translateY(-2px)}.btn-primary{color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:var(--shadow-green)}.btn-amber{color:#231808;background:linear-gradient(135deg,#F8C35A,var(--color-accent));box-shadow:0 16px 34px #f5a62347}.btn-ghost{color:var(--color-primary);border:1px solid rgba(26,127,75,.22);background:#ffffffb8;box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html.dark-mode .btn-ghost{background:#0d1f17b8}.icon-btn{width:44px;height:44px;border:1px solid rgba(26,127,75,.18);border-radius:999px;color:var(--color-primary);background:#ffffffbd;box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-btn:hover{color:var(--color-text-inverse);background:var(--color-primary)}html.dark-mode .icon-btn{background:#0d1f17bd}.site-header{position:fixed;inset-block-start:0;inset-inline:0;z-index:1000;height:var(--nav-height);border-block-end:1px solid transparent;transition:height var(--transition),background var(--transition),box-shadow var(--transition),border-color var(--transition)}.site-header.scrolled{--nav-height: 68px;background:#ffffffd9;border-color:#e2e8e4e6;box-shadow:0 8px 28px #0d1f1714;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}html.dark-mode .site-header.scrolled{background:#0d1f17d6;border-color:#ffffff14}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;height:100%}.logo-container{display:inline-flex;align-items:center;gap:10px;min-height:44px;transition:transform .2s ease}.logo-container:hover{transform:scale(1.05)}.logo-mark{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 10px 24px #1a7f4b3d}.logo-text{display:grid;line-height:1.1}.logo-text strong{font-size:1.2rem;font-weight:800}.logo-text span{color:var(--color-text-muted);font-family:Plus Jakarta Sans,sans-serif;font-size:.73rem;direction:ltr}.nav-links,.mobile-nav-links{display:flex;align-items:center;gap:clamp(10px,2vw,26px);margin:0;padding:0;list-style:none}.nav-link{position:relative;display:inline-flex;align-items:center;min-height:44px;color:var(--color-text);font-weight:700}.nav-link:after{content:"";position:absolute;inset-inline:0;inset-block-end:5px;width:0;height:2px;margin-inline:auto;border-radius:999px;background:var(--color-accent);transition:width var(--transition)}.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:10px}.lang-toggle{min-width:108px;font-weight:800}.lang-dropdown-wrap{position:relative}.lang-globe-btn{display:inline-flex;align-items:center;justify-content:center}.lang-dropdown{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;z-index:2000;min-width:148px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px;background:var(--color-surface);box-shadow:var(--shadow-heavy);display:flex;flex-direction:column;gap:2px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fadeDropdown .18s ease}.lang-dropdown:before{content:"";position:absolute;inset-block-start:-12px;inset-inline:0;height:12px;background:transparent}@keyframes fadeDropdown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}html.dark-mode .lang-dropdown{background:#0d1f17f5;border-color:#ffffff1a}.lang-option{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:var(--radius-sm);padding:9px 14px;color:var(--color-text);background:transparent;font-weight:700;font-size:.92rem;text-align:start;cursor:pointer;transition:background var(--transition),color var(--transition)}.lang-option:hover{background:var(--color-mint);color:var(--color-primary)}.lang-option.active{background:var(--color-primary);color:var(--color-text-inverse)}html.dark-mode .lang-option:hover{background:#1a7f4b33}.mobile-menu-btn{display:none}.mobile-menu{border-block-start:1px solid var(--color-border);background:#ffffffeb;box-shadow:var(--shadow-heavy);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}html.dark-mode .mobile-menu{background:#0d1f17eb}.mobile-menu-inner{display:grid;gap:12px;padding-block:16px}.mobile-nav-links{display:grid;gap:8px}.phone{position:relative;width:100%;aspect-ratio:390 / 844;border:4px solid #111812;border-radius:32px;padding:5px;background:#111812;box-shadow:0 28px 80px #0d1f175c;transform-style:preserve-3d;overflow:hidden}.phone-screen{position:relative;height:100%;overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#f8fffa,#ebf7ee)}.floating-whatsapp{position:fixed;inset-inline-start:22px;inset-inline-end:auto;bottom:24px;z-index:900;display:flex;align-items:center;gap:10px}.whatsapp-bubble{border-radius:999px;padding:9px 13px;color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-heavy);font-weight:800}.whatsapp-btn{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:var(--color-text-inverse);background:#25d366;box-shadow:0 18px 36px #25d3664d}.whatsapp-btn:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px solid rgba(37,211,102,.5);border-radius:inherit;animation:pulseDot 1.8s ease-out infinite}.scroll-top{position:fixed;inset-inline-end:22px;inset-inline-start:auto;bottom:24px;z-index:900;opacity:0;pointer-events:none;transform:translateY(12px)}.scroll-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;background:#0d1f17b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity var(--transition)}.video-modal.is-open{opacity:1;pointer-events:auto}.modal-card{position:relative;width:min(920px,100%);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);padding:20px;background:#ffffff1f;box-shadow:0 30px 80px #00000057}.modal-close{position:absolute;inset-block-start:-16px;inset-inline-end:-16px;color:var(--color-text-inverse);background:var(--color-primary)}.video-placeholder{display:grid;place-items:center;aspect-ratio:16 / 9;border-radius:var(--radius-md);color:var(--color-text-inverse);text-align:center;background:linear-gradient(135deg,#0d1f17db,#1a7f4bd1)}.video-placeholder strong{display:block;font-size:clamp(1.6rem,4vw,3rem)}.video-placeholder span{color:#ffffffb8}.hero{position:relative;min-height:100vh;overflow:hidden;padding-block:calc(var(--nav-height) + 44px) 72px;background:radial-gradient(circle at 20% 15%,rgba(245,166,35,.2),transparent 30%),radial-gradient(circle at 80% 18%,rgba(26,127,75,.16),transparent 32%),linear-gradient(180deg,var(--color-surface),var(--color-surface-alt))}.particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.68;pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:center;gap:clamp(32px,6vw,80px)}.hero-grid>*{min-width:0}.hero-content{display:grid;grid-column:1;gap:24px;max-width:100%;justify-items:start}.hero-visual{position:relative;display:grid;grid-column:2;grid-row:1;min-height:620px;place-items:center;perspective:1200px}.hero-badge{display:inline-flex;align-items:center;gap:10px;min-height:40px;border:1px solid rgba(26,127,75,.16);border-radius:999px;padding:8px 16px;color:var(--color-primary);background:#fffffff0;box-shadow:var(--shadow-light);font-weight:800}html.dark-mode .hero-badge{background:#0d1f17d6;border-color:#1a7f4b4d}.hero-title{display:grid;gap:.02em;max-width:760px;margin:0;color:var(--color-text);font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.08}.title-line{display:flex;flex-wrap:wrap;gap:.12em .3em;min-width:0}.hero-title .word{display:inline-block;will-change:transform,opacity}.hero-title .accent-word{color:var(--color-primary)}.hero-subtitle{max-width:700px;margin:0;color:var(--color-text-muted);font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.9}.hero-actions,.category-pills{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.category-pills{gap:10px;max-width:700px}.category-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:118px;min-height:40px;overflow:hidden;border:1px solid rgba(26,127,75,.14);border-radius:999px;padding:8px 14px;color:var(--color-text);background:#fffffff0;box-shadow:var(--shadow-light);transition:min-width var(--transition),transform var(--transition),border-color var(--transition)}html.dark-mode .category-pill{background:#11291ee0;border-color:#1a7f4b38}.category-pill .count{max-width:0;overflow:hidden;color:var(--color-primary);opacity:0;white-space:nowrap;font-size:.82rem;font-weight:800;transition:max-width var(--transition),opacity var(--transition)}.category-pill:hover{min-width:210px;transform:translateY(-2px) scale(1.02);border-color:#1a7f4b57}.category-pill:hover .count{max-width:110px;opacity:1}.wilaya-widget{position:relative;z-index:5;display:inline-flex;align-items:center;gap:8px;min-height:48px;border:1px solid rgba(26,127,75,.18);border-radius:999px;padding:6px 8px 6px 14px;background:#fffffff5;box-shadow:var(--shadow-light)}html.dark-mode .wilaya-widget{background:#0d1f17eb;border-color:#1a7f4b47}html.dark-mode .wilaya-widget select{color:var(--color-text);background:#1a7f4b38}.wilaya-widget label{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);font-weight:800}.wilaya-label-short{display:none}.wilaya-widget select{min-height:36px;border:0;border-radius:999px;padding:4px 12px;color:var(--color-text);background:var(--color-mint);font-weight:800;text-align:center;text-align-last:center}.stats-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:740px;gap:12px;margin-block-start:8px}.stat-card{position:relative;min-height:116px;overflow:hidden;border:1px solid rgba(26,127,75,.12);border-radius:var(--radius-md);padding:18px;background:#fffffff0;box-shadow:var(--shadow-light)}html.dark-mode .stat-card{background:#11291ee6;border-color:#1a7f4b33}.stat-card:before{content:"";position:absolute;inset-inline-start:14px;inset-block-start:14px;width:34px;height:34px;border-radius:50%;background:#f5a62333}.stat-value{position:relative;color:var(--color-primary);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800}.stat-label{position:relative;margin:0;color:var(--color-text-muted);font-weight:700;line-height:1.4}.hero-phone-wrap{position:relative;width:min(330px,76vw);will-change:transform,opacity}.hero-phone-wrap .phone{animation:float 4s ease-in-out infinite}.halo{position:absolute;top:10%;right:-28%;bottom:10%;left:-28%;z-index:-1;border-radius:999px;opacity:.84;pointer-events:none;background:radial-gradient(circle at 42% 38%,rgba(245,166,35,.3),transparent 34%),radial-gradient(circle at 64% 62%,rgba(26,127,75,.34),transparent 38%)}.floating-card{position:absolute;z-index:5;display:grid;gap:4px;min-width:160px;border:1px solid rgba(255,255,255,.68);border-radius:var(--radius-md);padding:12px 14px;background:#fffffff5;box-shadow:var(--shadow-heavy);animation:floatSmall 4.8s ease-in-out infinite}html.dark-mode .floating-card{background:#0d1f17f2;border-color:#1a7f4b4d}html.dark-mode .floating-card span{color:var(--color-text-muted)}.floating-card strong{color:var(--color-primary);font-size:1.2rem}.floating-card span{color:var(--color-text-muted);font-size:.82rem;font-weight:700}.float-impact{inset-inline-start:2%;inset-block-start:18%}.float-qr{inset-inline-end:-2%;inset-block-end:20%;animation-delay:.8s}.qr-mini{display:grid;grid-template-columns:repeat(3,8px);gap:3px;width:max-content;margin-block-start:4px}.qr-mini i{display:block;width:8px;height:8px;border-radius:2px;background:var(--color-primary)}.phone-status,.screen-header,.screen-search,.food-list{padding-inline:18px}.phone-status{display:flex;justify-content:space-between;padding-block:20px 8px;color:#123325;font-size:.78rem;font-weight:800}.screen-header{padding-block:8px 14px}.screen-header strong{display:block;color:#123325;font-size:1.18rem}.screen-header span{color:#5d6d64;font-size:.82rem;font-weight:700}.screen-search{display:flex;align-items:center;gap:8px;min-height:42px;margin:0 18px 16px;border-radius:14px;color:#577063;background:#fff;box-shadow:0 8px 20px #0d1f1714;font-size:.82rem;font-weight:700}.food-list{display:grid;gap:12px}.food-item{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;border-radius:18px;padding:12px;background:#fff;box-shadow:0 12px 26px #0d1f1714}.food-img{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#fff3d8;font-size:1.6rem}.food-info strong{color:#123325;font-size:.92rem}.food-meta{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:7px}.meta-pill{border-radius:999px;padding:3px 8px;color:#0d5c35;background:#e8f5e9;font-size:.68rem;font-weight:800}.meta-pill.price{color:#231808;background:#f8c35a}.screen-nav{position:absolute;inset-inline:18px;inset-block-end:16px;display:grid;grid-template-columns:repeat(4,1fr);min-height:54px;border-radius:18px;background:#fff;box-shadow:0 12px 28px #0d1f171f}.screen-nav span{display:grid;place-items:center;color:#769083}.screen-nav .active{color:var(--color-primary)}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.actor-column{position:relative;display:grid;align-content:start;gap:18px;min-height:520px;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;background:#ffffffd1;box-shadow:var(--shadow-light)}html.dark-mode .actor-column{background:#11291ed1}.actor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.actor-head h3{margin:0;font-size:1.55rem;font-weight:800}.actor-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;color:var(--color-primary);background:var(--color-mint)}.step-list{position:relative;display:grid;gap:16px;padding-block-start:8px}.connector-svg{position:absolute;inset-block:20px;inset-inline-start:27px;width:30px;height:calc(100% - 40px);pointer-events:none}.connector-path{fill:none;stroke:#1a7f4b4d;stroke-width:3;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420}.actor-column.is-visible .connector-path{animation:drawPath 1.5s ease forwards}.step-card{position:relative;z-index:1;display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;min-height:92px;border:1px solid rgba(26,127,75,.1);border-radius:var(--radius-md);padding:14px;background:var(--color-surface)}html.dark-mode .step-card{background:#11291ed1;border-color:#1a7f4b2e}.step-number{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#231808;background:var(--color-accent);font-size:1.1rem;font-weight:800}.step-card p{margin:0;font-weight:800;line-height:1.55}.features-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.feature-card{position:relative;min-height:270px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:26px;background:var(--color-surface);box-shadow:var(--shadow-light);transform:translateY(50px) scale(.94);opacity:0}.feature-card:after{content:"";position:absolute;inset-inline-start:-40px;inset-block-end:-56px;width:150px;height:150px;border-radius:50%;background:#1a7f4b14}.feature-card.large{grid-column:span 6;min-height:330px}.feature-card.medium{grid-column:span 4}.feature-card.wide{grid-column:span 8}.feature-icon{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:var(--color-primary);background:var(--color-mint)}.feature-card h3{position:relative;z-index:1;margin:24px 0 10px;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:800;line-height:1.25}.feature-card p{position:relative;z-index:1;margin:0;color:var(--color-text-muted)}.feature-detail{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-block-start:22px}.mini-chip{border-radius:999px;padding:7px 10px;color:var(--color-primary);background:var(--color-mint);font-size:.84rem;font-weight:800}.screenshot-stage{position:relative;display:grid;place-items:center;min-height:650px;perspective:1200px}.phone-carousel{position:relative;width:min(940px,100%);height:560px;transform-style:preserve-3d;margin:0 auto}.carousel-phone{position:absolute;inset-block-start:0;width:min(300px,35vw);min-width:220px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s ease}.carousel-phone.center{inset-inline-start:50%;z-index:3;transform:translate(-50%) translateZ(60px) scale(1)}.carousel-phone.left{inset-inline-start:50%;z-index:2;filter:saturate(.8) brightness(.85);transform:translate(-120%) translateZ(-40px) scale(.9)}.carousel-phone.right{inset-inline-start:50%;z-index:2;filter:saturate(.8) brightness(.85);transform:translate(20%) translateZ(-40px) scale(.9)}.phone-carousel:hover .carousel-phone.center{transform:translate(-50%) translateZ(100px) scale(1.04)}.phone-carousel:hover .carousel-phone.left{transform:translate(-130%) translateZ(-10px) scale(.94);filter:saturate(1) brightness(1)}.phone-carousel:hover .carousel-phone.right{transform:translate(30%) translateZ(-10px) scale(.94);filter:saturate(1) brightness(1)}.placeholder-screen{display:grid;place-items:center;height:100%;border:1px dashed rgba(26,127,75,.34);border-radius:24px;padding:18px;text-align:center;color:#0d5c35;background:linear-gradient(135deg,#e8f5e9eb,#fff3d8db),radial-gradient(circle,rgba(26,127,75,.18) 1px,transparent 1px);background-size:auto,18px 18px;direction:ltr;font-family:Plus Jakarta Sans,sans-serif;font-weight:700}html.dark-mode .placeholder-screen{color:var(--color-primary);background:linear-gradient(135deg,#11291eeb,#392b12b3),radial-gradient(circle,rgba(26,127,75,.22) 1px,transparent 1px);border-color:#1a7f4b66}.screenshot-note{display:grid;gap:8px;max-width:920px;margin-inline:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px;background:var(--color-surface-alt)}.screenshot-note p{margin:0}.eco-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:clamp(28px,6vw,80px);align-items:center}.eco-copy{display:grid;gap:22px}.eco-copy p{margin:0;color:var(--color-text-muted);font-size:1.05rem}.tier-table{display:grid;gap:10px}.tier-row{display:grid;grid-template-columns:18px 1fr auto;gap:12px;align-items:center;min-height:52px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;background:var(--color-surface);box-shadow:var(--shadow-light)}.tier-dot{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 4px #1a7f4b1f}.tier-row span:last-child{color:var(--color-text-muted);direction:ltr;font-family:Plus Jakarta Sans,sans-serif}.eco-visual{position:relative;display:grid;place-items:center;min-height:520px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:radial-gradient(circle at center,rgba(245,166,35,.13),transparent 42%),var(--color-surface);box-shadow:var(--shadow-heavy)}.eco-ring-card{display:grid;place-items:center;gap:18px;text-align:center}.eco-ring{position:relative;display:grid;place-items:center;width:min(310px,74vw);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--eco-exemplary) 0deg,rgba(107,114,128,.18) 0deg);transition:background .2s linear}.eco-ring:before{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border)}.eco-score-number{position:relative;z-index:1;display:grid;gap:2px;color:var(--color-text);font-size:4rem;font-weight:800;line-height:1}.eco-score-number span{color:var(--color-text-muted);font-size:.95rem}.map-grid{display:grid;grid-template-columns:minmax(320px,1.04fr) minmax(0,.96fr);gap:clamp(28px,6vw,72px);align-items:center}.map-visual{position:relative;min-height:500px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#e8f5e9e6,#fffc),radial-gradient(circle,rgba(26,127,75,.12) 1px,transparent 1px);background-size:auto,24px 24px;box-shadow:var(--shadow-heavy)}html.dark-mode .map-visual{background:linear-gradient(135deg,#1a2e22e6,#0d1f17cc),radial-gradient(circle,rgba(232,245,233,.1) 1px,transparent 1px)}.map-roads{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.66}.map-pin{position:absolute;display:grid;place-items:center;width:28px;height:28px;border:4px solid #FFFFFF;border-radius:50%;background:var(--color-primary);box-shadow:0 8px 20px #1a7f4b3d}.map-pin:before,.map-pin:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px solid var(--color-primary);border-radius:50%;animation:pulseDot 2s ease-out infinite}.map-pin:after{animation-delay:.8s}.map-pin.amber{background:var(--color-accent)}.map-pin.amber:before,.map-pin.amber:after{border-color:var(--color-accent)}.pin-1{inset-inline-start:18%;inset-block-start:28%}.pin-2{inset-inline-start:50%;inset-block-start:36%}.pin-3{inset-inline-start:70%;inset-block-start:58%}.pin-4{inset-inline-start:35%;inset-block-start:70%}.map-panel{position:absolute;inset-inline:22px;inset-block-end:22px;display:grid;gap:12px;border:1px solid rgba(255,255,255,.62);border-radius:var(--radius-md);padding:18px;background:#ffffffd1;box-shadow:var(--shadow-heavy);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}html.dark-mode .map-panel{background:#0d1f17e6;border-color:#1a7f4b47}.map-panel strong{color:var(--color-primary);font-size:1.2rem}.map-copy{display:grid;gap:18px}.map-copy h2{margin:0;font-size:clamp(2rem,4.4vw,4rem);line-height:1.12;font-weight:800}.map-copy p{margin:0;color:var(--color-text-muted);font-size:1.08rem}.location-list{display:grid;gap:12px;margin-block-start:10px}.location-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px;background:var(--color-surface);box-shadow:var(--shadow-light)}.location-item span{color:var(--color-primary);font-weight:800}.testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.testimonial-card{display:grid;align-content:start;gap:18px;min-height:320px;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;background:var(--color-surface);box-shadow:var(--shadow-light)}.stars{display:flex;gap:4px;color:var(--color-accent)}.quote{margin:0;color:var(--color-text);font-size:1.05rem;font-weight:700;line-height:1.85}.typewriter{display:inline-block;overflow:hidden;max-width:100%}.typewriter.is-visible{animation:revealQuote 4.8s steps(72,end) forwards}.typewriter:after{content:"";display:inline-block;width:2px;height:1em;margin-inline-start:4px;vertical-align:-.15em;background:var(--color-accent);animation:blink .8s step-end infinite}.testimonial-person{display:flex;align-items:center;gap:12px;margin-block-start:auto}.avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));font-weight:800}.testimonial-person strong{display:block;font-weight:800}.testimonial-person span{color:var(--color-text-muted);font-size:.92rem}.charity-cta{overflow:hidden;color:var(--color-text-inverse);background:radial-gradient(circle at 18% 25%,rgba(245,166,35,.18),transparent 34%),linear-gradient(135deg,#0d1f17,#123325)}.charity-grid,.download-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:clamp(28px,6vw,72px);align-items:center}.heart-wrap{display:inline-grid;place-items:center;width:76px;height:76px;border-radius:24px;color:var(--color-accent);background:#ffffff17;animation:heartBeat 1.2s ease-in-out infinite}.charity-copy,.download-copy{display:grid;gap:20px}.charity-copy h2,.download-copy h2{margin:0;color:var(--color-text-inverse);font-size:clamp(2rem,5vw,4.4rem);line-height:1.1}.charity-copy p,.download-copy p{margin:0;color:#ffffffc2;font-size:1.08rem}.impact-grid{display:grid;gap:14px}.impact-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:18px;background:#ffffff14;box-shadow:0 18px 40px #0000002e}.impact-card strong{color:var(--color-text-inverse);font-size:1.8rem}.download-cta{color:var(--color-text-inverse);background:linear-gradient(120deg,var(--color-primary),#109973,var(--color-primary-dark));background-size:200% 200%;animation:gradientMorph 8s linear infinite}.store-buttons{display:flex;flex-wrap:wrap;gap:12px}.store-btn{display:inline-flex;align-items:center;gap:12px;min-height:58px;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 16px;color:var(--color-text-inverse);background:#0d1f17b8;box-shadow:0 16px 34px #00000038;direction:ltr;font-family:Plus Jakarta Sans,sans-serif;transition:transform var(--transition),background var(--transition)}.store-btn:hover{transform:translateY(-2px);background:#0d1f17e6}.store-btn span{display:grid;line-height:1.15;text-align:left;font-size:.78rem}.store-btn strong{font-size:1.08rem}.waitlist-card{display:grid;gap:18px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);padding:24px;background:#ffffff1a;box-shadow:0 24px 60px #0000002e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.waitlist-card h3{margin:0;color:var(--color-text-inverse);font-size:1.6rem}.waitlist-form{display:grid;gap:10px}.input-row{display:flex;gap:8px;padding:7px;border-radius:999px;background:#ffffffeb}.input-row input{min-width:0;flex:1;min-height:44px;border:0;padding-inline:14px;color:#1a1a2e;background:transparent;direction:ltr;text-align:left;font-family:Plus Jakarta Sans,sans-serif}.input-row button{min-height:44px;border-radius:999px;padding-inline:18px;color:#231808;background:var(--color-accent);font-weight:800}.form-success{display:none;border-radius:var(--radius-md);padding:16px;color:#0d5c35;background:#e8f5e9f0;font-weight:800}.waitlist-form.is-submitted{display:none}.form-success.is-visible{display:block}.trust-badges{border-block:1px solid var(--color-border);padding-block:34px;background:var(--color-surface)}.trust-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.trust-badge{display:flex;align-items:center;justify-content:center;gap:8px;min-height:64px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px;background:var(--color-surface-alt);box-shadow:var(--shadow-light);font-weight:800}.form--loading button[type=submit],.form--loading .form__submit{opacity:.7;cursor:not-allowed;pointer-events:none}.form--success .form__message--success{display:block;color:var(--color-success);background:var(--color-success-light);padding:.75rem 1rem;border-radius:8px;margin-top:.75rem;font-family:Cairo,sans-serif;text-align:center}.form--error .form__message--error{display:block;color:var(--color-error);background:var(--color-error-light);padding:.75rem 1rem;border-radius:8px;margin-top:.75rem;font-family:Cairo,sans-serif;text-align:center}.form__message--success,.form__message--error{display:none}.site-footer{padding-block:64px 28px;color:var(--color-text-inverse);background:var(--color-dark)}.footer-grid{display:grid;grid-template-columns:minmax(260px,1.2fr) repeat(3,minmax(150px,.7fr));gap:32px;align-items:start}.footer-brand{display:grid;gap:18px}.footer-brand p{max-width:390px;margin:0;color:#ffffffb8;line-height:1.8}.footer-col h3{margin:0 0 14px;color:var(--color-text-inverse);font-size:1.06rem}.footer-col ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.footer-col a{color:#ffffffb8;transition:color var(--transition)}.footer-col a:hover{color:var(--color-accent)}.social-row{display:flex;flex-wrap:wrap;gap:10px}.social-row a{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--color-text-inverse);background:#ffffff14;transition:transform var(--transition),color var(--transition),background var(--transition)}.social-row a:hover{transform:translateY(-2px);color:#231808;background:var(--color-accent)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-block-start:48px;border-block-start:1px solid rgba(255,255,255,.1);padding-block-start:22px;color:#ffffffa8;font-size:.92rem}.algeria-clock{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;color:var(--color-text-inverse);background:#ffffff0f;font-weight:800}@media (max-width: 1080px){.nav-links{display:none}.mobile-menu-btn{display:inline-grid;place-items:center}.hero-grid,.eco-grid,.map-grid,.charity-grid,.download-grid{grid-template-columns:1fr}.hero-content,.hero-visual{grid-column:auto;grid-row:auto}.hero-visual{min-height:560px}.how-grid,.testimonials-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(6,1fr)}.feature-card.large,.feature-card.medium,.feature-card.wide{grid-column:span 6}.footer-grid{grid-template-columns:1fr 1fr}.trust-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){:root{--nav-height: 74px}.site-header.scrolled{--nav-height: 64px}.nav-actions .btn-amber,.lang-toggle,.logo-text{display:none}.hero{padding-block-start:calc(var(--nav-height) + 28px)}.hero-content{width:100%;justify-items:center;text-align:center}.hero-title{width:100%;font-size:clamp(1.9rem,9.5vw,2.35rem);gap:.16em;line-height:1.2}.hero-badge,.hero-subtitle,.category-pills,.stats-bar{max-width:100%}.hero-badge{width:auto;justify-self:center}.hero-subtitle{width:100%;overflow-wrap:break-word}.hero-subtitle .fr{overflow-wrap:anywhere}.hero-actions,.store-buttons{justify-content:center;width:100%}.hero-actions .btn,.store-btn{flex:1 1 100%}.wilaya-widget{width:100%;flex-direction:column;flex-wrap:wrap;align-items:stretch;justify-content:center;border-radius:var(--radius-md)}.wilaya-widget label{display:none}.title-line{justify-content:center}.wilaya-widget select{max-width:100%;width:100%;flex:1 1 100%}.stats-bar{grid-template-columns:1fr}.hero-visual{min-height:460px}.hero-phone-wrap{width:min(268px,78vw)}.floating-card{display:none}.section{padding-block:64px}.actor-column{min-height:auto;padding:18px}.screenshot-stage{min-height:auto}.phone-carousel{display:grid;gap:22px;width:100%;height:auto;justify-items:center}.carousel-phone,.carousel-phone.center,.carousel-phone.left,.carousel-phone.right,.phone-carousel:hover .carousel-phone.center,.phone-carousel:hover .carousel-phone.left,.phone-carousel:hover .carousel-phone.right{position:relative;inset:auto;width:min(270px,82vw);transform:none;filter:none}.map-visual{min-height:420px}.input-row{flex-direction:column;border-radius:var(--radius-md)}.input-row button{width:100%}.trust-row,.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:start;flex-direction:column}.floating-whatsapp{left:14px;right:auto;bottom:14px}.whatsapp-bubble{display:none}.scroll-top{right:14px;left:auto;bottom:14px}}.fade-in{transform:translateY(30px);opacity:0;transition:transform .6s ease,opacity .6s ease}.fade-in.is-visible,.actor-column.is-visible,.feature-card.is-visible{transform:translateY(0);opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatSmall{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes pulseDot{0%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}@keyframes revealQuote{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes heartBeat{0%,to{transform:scale(1)}18%{transform:scale(1.2)}32%{transform:scale(1)}48%{transform:scale(1.15)}62%{transform:scale(1)}}@keyframes gradientMorph{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.fade-in,.feature-card{transform:none!important;opacity:1!important}}