:root{--primary:#6c4df6;--primary-dark:#4d35c7;--dark:#10132a;--muted:#687087;--light:#f7f8fc;--green:#22b573;--orange:#ff9f43}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dark);overflow-x:hidden}.navbar{background:rgba(13,16,39,.72);backdrop-filter:blur(18px);padding:16px 0;transition:.3s}.navbar-brand{font-size:1.45rem;letter-spacing:-.04em}.navbar-brand>span:last-child{color:#a998ff}.brand-mark{display:inline-grid;place-items:center;background:var(--primary);color:#fff!important;border-radius:9px;width:29px;height:29px;margin-inline-end:4px}.nav-link{color:rgba(255,255,255,.78)!important;font-size:.94rem}.nav-link:hover{color:#fff!important}
.hero{min-height:760px;display:flex;align-items:center;padding:145px 0 100px;background:radial-gradient(circle at 78% 38%,#35277b 0,#171638 32%,#0e1027 70%);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -45% -10%;height:500px;background:rgba(108,77,246,.12);filter:blur(70px)}.hero-glow{position:absolute;border-radius:50%;filter:blur(1px);opacity:.4}.glow-one{width:320px;height:320px;background:#6c4df6;right:8%;top:18%;filter:blur(100px)}.glow-two{width:230px;height:230px;background:#16b7a5;left:-5%;bottom:5%;filter:blur(100px)}.eyebrow,.section-kicker{display:inline-block;font-size:.76rem;letter-spacing:.14em;font-weight:800}.eyebrow{padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:100px;background:rgba(255,255,255,.07)}.eyebrow i{color:#a998ff;margin-inline-end:6px}.hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:1.01;letter-spacing:-.065em;font-weight:800;max-width:780px;margin:22px 0}.hero h1 span{color:#9b89ff}.hero .lead{max-width:650px;color:rgba(255,255,255,.72);font-size:1.18rem;line-height:1.7}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.trust-row{display:flex;gap:25px;flex-wrap:wrap;color:rgba(255,255,255,.62);font-size:.85rem}.trust-row i{color:#70e1b1;margin-inline-end:6px}
.dashboard-card{background:rgba(255,255,255,.96);color:var(--dark);border-radius:28px;padding:27px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.28);max-width:390px;margin:auto;transform:rotate(1.5deg)}.mini-top{font-size:.78rem;font-weight:700;color:#687087}.live-dot{display:inline-block;width:8px;height:8px;background:#22b573;border-radius:50%;margin-inline-end:7px}.dashboard-card h5{font-size:1.3rem}.dashboard-card .progress{height:8px;background:#ececf4}.dashboard-card .progress-bar{background:var(--primary);border-radius:10px}.reward{color:var(--primary)}.floating-stat{position:absolute;background:#fff;border-radius:14px;padding:11px 13px;display:flex;gap:9px;align-items:center;box-shadow:0 12px 35px rgba(16,19,42,.18);font-size:.78rem}.floating-stat i{font-size:1.1rem;color:var(--primary)}.floating-stat small{display:block;color:#7d8497}.stat-a{inset-inline-start:-72px;top:80px}.stat-b{inset-inline-end:-60px;bottom:70px}
.stats-strip{background:#fff;padding:35px 0;border-bottom:1px solid #eee}.stats-strip strong{font-size:1.65rem;display:block}.stats-strip span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.section{padding:105px 0}.section-heading{max-width:720px;margin:auto}.section-kicker{color:var(--primary);margin-bottom:10px}.section-heading h2,.audience-section h2,.cta-section h2{font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.05em;font-weight:800;margin:8px 0 15px}.section-heading h2 span{color:var(--primary)}.section-heading p{color:var(--muted);line-height:1.7}.step-card{height:100%;padding:35px;border:1px solid #ebedf4;border-radius:22px;background:#fff;position:relative;overflow:hidden}.step-number{position:absolute;inset-inline-end:24px;top:20px;font-weight:800;color:#e9e8f8}.step-card>i{font-size:2rem;color:var(--primary);display:block;margin-bottom:24px}.step-card h4{font-weight:750}.step-card p{color:var(--muted);line-height:1.7;margin:0}
.audience-section{padding:110px 0;overflow:hidden}.user-section{background:#f5f3ff}.partner-section{background:#fff}.audience-section .lead{color:var(--muted);line-height:1.75}.feature-list{margin-top:30px;display:grid;gap:18px}.feature-list>div{display:flex;gap:14px;align-items:flex-start}.feature-list i{color:var(--primary);font-size:1.25rem;margin-top:2px}.feature-list b{display:block}.feature-list small{display:block;color:var(--muted);margin-top:3px}.mockup{background:#fff;border:1px solid #e8e8f0;border-radius:25px;box-shadow:0 25px 65px rgba(36,33,76,.12);padding:25px}.mockup-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #eee}.mockup-header span{color:#6d7284}.mockup-balance{background:linear-gradient(135deg,#6c4df6,#8a76ff);border-radius:18px;padding:22px;color:#fff;margin:20px 0}.mockup-balance small,.mockup-balance span{display:block;opacity:.78}.mockup-balance strong{font-size:2.2rem;display:block;margin:3px 0 8px}.survey-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #f0f0f4}.survey-row:last-child{border:0}.survey-row>strong{margin-inline-start:auto;color:var(--primary)}.survey-row small{display:block;color:var(--muted);font-size:.78rem}.survey-icon{width:42px;height:42px;display:grid;place-items:center;background:#f0edff;color:var(--primary);border-radius:12px}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.mini-cards>div{padding:15px;background:#f7f7fb;border-radius:14px}.mini-cards small,.mini-cards strong{display:block}.mini-cards small{color:var(--muted)}.mini-cards strong{font-size:1.4rem;margin-top:3px}.chart-box{padding:18px;border:1px solid #eee;border-radius:17px}.chart-title{font-weight:700;font-size:.9rem;display:flex;justify-content:space-between}.chart-title span{color:var(--muted);font-weight:400}.bars{height:150px;display:flex;align-items:end;gap:9px;padding:20px 5px 0}.bars i{display:block;flex:1;background:linear-gradient(#8d7cff,#5b42df);border-radius:6px 6px 2px 2px}.campaign{display:flex;justify-content:space-between;margin-top:15px;padding:14px;background:#f3fbf7;border-radius:12px;font-size:.84rem}.campaign i{color:#22b573}.campaign b{font-weight:600}
.light-section{background:#f8f9fc}.icon-card{background:#fff;border:1px solid #e9eaf0;border-radius:20px;padding:30px;height:100%}.icon-card i{font-size:1.8rem;color:var(--primary)}.icon-card h5{margin-top:20px;font-weight:750}.icon-card p{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0}.faq-section{background:#fff}.accordion{max-width:850px}.accordion-item{border:0;border-bottom:1px solid #e6e7ed;border-radius:0!important}.accordion-button{font-weight:700;padding:22px 5px;box-shadow:none!important}.accordion-button:not(.collapsed){background:#fff;color:var(--primary)}.accordion-body{color:var(--muted);padding:0 5px 22px;line-height:1.7}
.cta-section{padding:100px 0;background:linear-gradient(135deg,#151632,#30236d);color:#fff}.cta-section .section-kicker{color:#aaa0ff}.cta-section h2{max-width:700px;margin-left:auto;margin-right:auto}.cta-section p{color:rgba(255,255,255,.7);margin-bottom:28px}footer{background:#0d0f20;color:#8e93a8}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{color:#aeb2c3;text-decoration:none;font-size:.85rem}.footer-links a:hover{color:#fff}footer small{font-size:.75rem}
@media(max-width:991px){.hero{padding-top:125px}.dashboard-card{margin-top:20px}.stat-a{inset-inline-start:-20px}.stat-b{inset-inline-end:-20px}.audience-section,.section{padding:80px 0}}
@media(max-width:575px){.hero{min-height:auto;padding-bottom:75px}.hero h1{font-size:3rem}.hero .lead{font-size:1rem}.trust-row{gap:12px;display:grid}.dashboard-card{padding:21px}.floating-stat{display:none}.mini-cards{gap:7px}.mini-cards>div{padding:11px}.mini-cards strong{font-size:1.1rem}.section-heading h2,.audience-section h2,.cta-section h2{font-size:2.25rem}}

.hero-labels{display:flex;gap:10px;margin:0 auto 14px;max-width:390px;justify-content:center;flex-wrap:wrap}.hero-labels span{font-size:.73rem;font-weight:700;padding:7px 10px;border-radius:100px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.85)}.hero-labels i{color:#a998ff;margin-inline-end:4px}.navbar .btn-light{color:#17182d;font-weight:700}.navbar .btn-primary{font-weight:700}.navbar .btn{white-space:nowrap}.hero h1{max-width:700px}.hero .lead{max-width:610px}@media(max-width:991px){.navbar .btn{margin-top:6px}.navbar-nav{padding-top:12px}.hero-labels{justify-content:flex-start;margin-inline-start:0}}

/* Bloc téléchargement application */
.app-section{padding:80px 0;background:#fff}.app-card{background:linear-gradient(135deg,#151632,#30236d);color:#fff;border-radius:32px;padding:60px 55px;position:relative;overflow:hidden}.app-card:before{content:"";position:absolute;width:320px;height:320px;right:-80px;top:-100px;background:var(--primary);filter:blur(110px);opacity:.45}.app-card>.row{position:relative}.app-card .section-kicker{color:#aaa0ff}.app-card h2{font-size:clamp(2rem,3.6vw,3rem);letter-spacing:-.05em;font-weight:800;margin:8px 0 15px}.app-card h2 span{color:#a998ff}.app-card .lead{color:rgba(255,255,255,.72);line-height:1.7;max-width:560px}
.store-btn{display:inline-flex;align-items:center;gap:12px;background:#000;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:10px 20px;min-width:180px;transition:.25s}.store-btn:hover{color:#fff;background:#111;transform:translateY(-2px);border-color:#fff}.store-btn i{font-size:1.9rem}.store-btn small{display:block;font-size:.68rem;opacity:.75;line-height:1}.store-btn b{display:block;font-size:1.08rem;line-height:1.25}
.app-points{display:flex;flex-wrap:wrap;gap:10px 24px;color:rgba(255,255,255,.7);font-size:.85rem}.app-points i{color:#70e1b1;margin-inline-end:6px}
.phone{width:240px;margin:auto;background:#0b0c1c;border:7px solid #1d1f3a;border-radius:38px;padding:14px 12px 18px;box-shadow:0 30px 70px rgba(0,0,0,.4);transform:rotate(3deg);position:relative}.phone-notch{width:70px;height:6px;border-radius:6px;background:#2a2d4f;margin:0 auto 12px}.phone-screen{background:#fff;color:var(--dark);border-radius:24px;padding:16px;text-align:left}.phone-screen .mockup-header{padding-bottom:10px;font-size:.9rem}.phone-screen .mockup-balance{padding:14px;margin:12px 0}.phone-screen .mockup-balance strong{font-size:1.5rem;margin:2px 0 0}.phone-screen .survey-row{padding:10px 0;font-size:.82rem}.phone-screen .survey-icon{width:34px;height:34px;border-radius:10px}
@media(max-width:991px){.app-card{padding:42px 28px}.phone{margin-top:10px}}@media(max-width:575px){.app-section{padding:50px 0}.store-btn{width:100%}}

/* Sélecteur de langue + arabe / RTL */
.navbar-brand{direction:ltr;unicode-bidi:isolate}.lang-switch .dropdown-toggle{white-space:nowrap}.lang-switch .dropdown-item.active{background:var(--primary)}
html[lang=ar] body{font-family:"Segoe UI",Tahoma,"Noto Sans Arabic","Noto Naskh Arabic",Arial,sans-serif}
html[lang=ar] *{letter-spacing:0!important}
html[lang=ar] .hero h1{line-height:1.3}html[lang=ar] .section-heading h2,html[lang=ar] .audience-section h2,html[lang=ar] .cta-section h2,html[lang=ar] .app-card h2{line-height:1.35}
[dir=rtl] .bi-arrow-right:before,[dir=rtl] .bi-arrow-up-right:before{display:inline-block;transform:scaleX(-1)}
[dir=rtl] .dashboard-card{transform:rotate(-1.5deg)}[dir=rtl] .phone{transform:rotate(-3deg)}