@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* ===== BRANDING : MODIFIER LA PALETTE ICI ===== */
:root{--primary:#7565f3;--primary-dark:#5545dc;--secondary:#27ddb1;--background:#0b1730;--surface:#132747;--surface-2:#172e52;--text:#f8faff;--text-muted:#b6c2d8;--border:rgba(145,173,255,.18);--shadow:0 24px 70px rgba(1,6,20,.32);--radius:22px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--background);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{max-width:100%}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.section{padding:112px 0}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;color:#111;padding:10px 16px;z-index:999}.skip-link:focus{top:10px}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(8,11,21,.58);border-bottom:1px solid transparent;backdrop-filter:blur(16px);transition:.3s}.site-header.scrolled{background:rgba(8,11,21,.92);border-color:var(--border);box-shadow:0 10px 40px rgba(0,0,0,.18)}.nav-wrap{height:78px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:-.5px}.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#917cff);box-shadow:0 8px 24px rgba(108,92,231,.35)}.desktop-nav{display:flex;gap:30px;margin-left:auto}.desktop-nav a{font-size:14px;color:var(--text-muted);transition:.2s}.desktop-nav a:hover{color:#fff}.btn{min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:14px;transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 12px 32px rgba(108,92,231,.27)}.btn-primary:hover{box-shadow:0 16px 38px rgba(108,92,231,.42)}.btn-ghost{border-color:var(--border);background:rgba(255,255,255,.04)}.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.btn-small{min-height:44px;padding:0 19px}.menu-toggle,.mobile-menu{display:none}.hero{min-height:780px;padding-top:175px;position:relative;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;position:relative}.hero-glow{position:absolute;border-radius:50%;filter:blur(20px);pointer-events:none}.glow-one{width:500px;height:500px;left:-250px;top:0;background:radial-gradient(circle,rgba(108,92,231,.14),transparent 67%)}.glow-two{width:450px;height:450px;right:-180px;top:160px;background:radial-gradient(circle,rgba(34,211,167,.1),transparent 67%)}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:var(--secondary)}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;background:rgba(34,211,167,.08);border:1px solid rgba(34,211,167,.2);border-radius:999px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--secondary);box-shadow:0 0 12px var(--secondary)}h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-3px;margin:24px 0}h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#b3a8ff,var(--secondary));background-clip:text}.hero-lead{font-size:18px;color:var(--text-muted);max-width:600px}.hero-actions{display:flex;gap:12px;margin-top:34px}.hero-trust{display:flex;gap:22px;margin-top:25px;color:#c6cbd9;font-size:13px}.hero-trust span::first-letter{color:var(--secondary)}.hero-visual{position:relative;min-height:480px;display:grid;place-items:center}.dashboard-window{width:100%;background:#0f1421;border:1px solid rgba(255,255,255,.13);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg);position:relative;z-index:2}.window-bar{height:46px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid var(--border);font-size:10px;color:var(--text-muted)}.window-bar i{width:7px;height:7px;border-radius:50%;background:#fc6372}.window-bar i:nth-child(2){background:#f6c653}.window-bar i:nth-child(3){background:#25c99a}.window-bar span{margin-left:auto}.dash-body{display:grid;grid-template-columns:62px 1fr;min-height:330px}.dash-body aside{border-right:1px solid var(--border);padding:22px 17px;display:flex;align-items:center;flex-direction:column;gap:26px}.dash-body aside b{background:var(--primary);width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-size:12px}.dash-body aside span{width:17px;height:5px;border-radius:5px;background:#343b4d}.dash-main{padding:25px}.dash-head{display:flex;justify-content:space-between;align-items:center}.dash-head div{display:flex;flex-direction:column}.dash-head small{color:var(--text-muted)}.dash-head strong{font-size:17px}.dash-head i{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--primary))}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.mini-stats div{background:#171d2b;border:1px solid var(--border);border-radius:10px;padding:13px}.mini-stats span{display:block;font-size:14px;font-weight:800}.mini-stats small{font-size:8px;color:var(--text-muted)}.chart{height:100px;border:1px solid var(--border);border-radius:10px;padding:15px 20px;display:flex;align-items:end;gap:8px;background:linear-gradient(rgba(108,92,231,.04),transparent)}.chart span{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(var(--primary),rgba(108,92,231,.2));height:35%}.chart span:nth-child(2){height:55%}.chart span:nth-child(3){height:42%}.chart span:nth-child(4){height:75%}.chart span:nth-child(5){height:63%}.chart span:nth-child(6){height:88%}.chart span:nth-child(7){height:72%}.chart span:nth-child(8){height:95%;background:linear-gradient(var(--secondary),rgba(34,211,167,.2))}.dash-list{display:flex;gap:8px;margin-top:14px}.dash-list i{height:8px;background:#242b3a;border-radius:5px;flex:1}.float-card{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.15);background:rgba(19,25,39,.9);backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(0,0,0,.28)}.live-card{bottom:17px;left:-25px;border-radius:15px;padding:13px 18px 13px 42px}.live-card b,.live-card small{display:block}.live-card b{font-size:12px}.live-card small{font-size:9px;color:var(--text-muted)}.pulse{position:absolute;left:17px;top:21px;width:10px;height:10px;border-radius:50%;background:var(--secondary);box-shadow:0 0 0 6px rgba(34,211,167,.13)}.quality-card{right:-17px;top:39px;border-radius:16px;padding:12px 18px;display:flex;align-items:center;gap:9px}.quality-card b{font-size:22px;color:var(--secondary)}.quality-card span{font-size:10px;color:var(--text-muted)}.visual-orbit{position:absolute;border:1px solid rgba(108,92,231,.22);border-radius:50%}.orbit-one{width:520px;height:520px}.orbit-two{width:420px;height:420px}.stats{position:relative;z-index:4}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,rgba(21,27,43,.94),rgba(13,17,29,.94));box-shadow:var(--shadow);padding:30px}.stat{text-align:center;padding:8px;border-right:1px solid var(--border)}.stat:last-child{border:0}.stat strong{display:block;font-size:34px;letter-spacing:-1.5px}.stat span{font-size:12px;color:var(--text-muted)}.section-heading{text-align:center;max-width:660px;margin:0 auto 55px}.section-heading h2,.panel-copy h2,.faq-intro h2,.cta-box h2{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-2px;margin:13px 0 18px}.section-heading p,.panel-copy>p,.faq-intro>p{color:var(--text-muted)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:35px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface-2),rgba(15,20,33,.7));transition:.3s}.feature-card:hover{transform:translateY(-7px);border-color:rgba(108,92,231,.45);box-shadow:var(--shadow)}.feature-card.featured{background:linear-gradient(145deg,rgba(108,92,231,.16),var(--surface));border-color:rgba(108,92,231,.3)}.icon-box,.pack-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:rgba(108,92,231,.12);color:#a99dff;font-weight:800;font-size:17px}.feature-card h3{font-size:19px;margin:25px 0 12px}.feature-card p{font-size:14px;color:var(--text-muted);min-height:92px}.feature-card a,.text-link{font-size:13px;font-weight:800;color:#b4aaff}.panel-section,.faq-section{background:#0b0f1b}.panel-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.panel-art{position:relative;padding:28px}.panel-art::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(108,92,231,.25),transparent 63%);filter:blur(30px)}.panel-card{position:relative;background:#121827;border:1px solid rgba(255,255,255,.14);border-radius:19px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(-2deg)}.panel-top{height:50px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:11px}.panel-top i{width:55px;height:9px;border-radius:10px;background:#242c40}.panel-columns{display:grid;grid-template-columns:70px 1fr;min-height:330px}.panel-side{border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:24px;padding:23px}.panel-side b{width:25px;height:25px;background:var(--primary);border-radius:7px}.panel-side i{width:18px;height:6px;background:#293147;border-radius:8px}.panel-content{padding:28px}.panel-welcome{height:13px;width:40%;background:#30384c;border-radius:8px}.panel-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.panel-boxes i{height:70px;border-radius:9px;background:linear-gradient(135deg,rgba(108,92,231,.25),rgba(108,92,231,.06));border:1px solid rgba(108,92,231,.2)}.panel-graph{height:140px;border-radius:10px;background:#0e1320;padding:20px;color:var(--secondary)}.secure-chip{position:absolute;right:-14px;bottom:5px;background:#fff;color:#111827;border-radius:14px;padding:12px 17px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow)}.secure-chip>span{display:flex;flex-direction:column}.secure-chip b{font-size:11px}.secure-chip small{font-size:8px;color:#6b7280}.check-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.check-list li{font-size:14px;position:relative;padding-left:32px}.check-list li::before{content:"✓";position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:rgba(34,211,167,.12);color:var(--secondary);font-weight:800}.text-link{display:inline-flex;gap:9px;align-items:center}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}.faq-intro{position:sticky;top:120px}.faq-intro .btn{margin-top:20px}.accordion{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-item h3{margin:0}.faq-item button{width:100%;border:0;background:none;color:var(--text);font-size:16px;font-weight:700;padding:24px 0;display:flex;text-align:left;align-items:center;justify-content:space-between;cursor:pointer}.faq-item button span{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--secondary);flex:none}.faq-answer{overflow:hidden}.faq-answer p{color:var(--text-muted);font-size:14px;margin:0;padding:0 55px 24px 0}.pricing-section{position:relative}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center}.price-card{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface-2),#0d111d);padding:34px;transition:.3s}.price-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(108,92,231,.45)}.price-card.popular{padding-top:48px;border-color:var(--primary);box-shadow:0 24px 75px rgba(108,92,231,.18);transform:scale(1.04)}.price-card.popular:hover{transform:scale(1.04) translateY(-7px)}.popular-badge{position:absolute;right:22px;top:22px;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1px;padding:6px 10px;border-radius:999px;background:var(--primary)}.pack-name{display:block;color:var(--text-muted);font-size:12px;margin-top:20px}.price-card h3{text-transform:uppercase;font-size:23px;margin:4px 0}.price-card h3 small{font-size:11px;color:var(--text-muted);font-weight:600}.price{margin:20px 0 25px;display:flex;align-items:flex-start}.price sup{font-size:19px;margin-top:10px;color:var(--secondary)}.price span{font-size:58px;line-height:1;font-weight:800;letter-spacing:-3px}.price-card ul{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px}.price-card li{font-size:13px;color:#c2c7d4;padding-left:24px;position:relative}.price-card li::before{content:"✓";position:absolute;left:0;color:var(--secondary)}.price-card .btn{width:100%}.apps-section{background:#0b0f1b}.apps-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.app-card{min-height:140px;border:1px solid var(--border);border-radius:18px;background:var(--surface);display:grid;place-items:center;align-content:center;gap:15px;transition:.25s}.app-card:hover{transform:translateY(-5px);border-color:rgba(34,211,167,.35)}.app-card span{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,rgba(108,92,231,.3),rgba(34,211,167,.12));display:grid;place-items:center;font-size:14px;font-weight:800}.app-card b{font-size:12px}.apps-note{text-align:center;color:var(--text-muted);font-size:12px;margin:28px 0 0}.final-cta{padding-bottom:100px;background:#0b0f1b}.cta-box{padding:62px 70px;border-radius:28px;background:linear-gradient(120deg,var(--primary-dark),#6756db 56%,#197e79);display:flex;justify-content:space-between;align-items:center;gap:50px;box-shadow:0 25px 80px rgba(76,62,208,.25);position:relative;overflow:hidden}.cta-box::after{content:"";position:absolute;width:300px;height:300px;border:60px solid rgba(255,255,255,.05);border-radius:50%;right:23%;top:-190px}.cta-box .kicker{color:#bfffe9}.cta-box h2{font-size:38px;margin:10px 0}.cta-box p{max-width:620px;margin:0;color:rgba(255,255,255,.75)}.cta-actions{display:flex;flex-direction:column;gap:14px;align-items:center;flex:none;position:relative;z-index:2}.btn-light{background:#fff;color:#17132d;box-shadow:0 14px 30px rgba(0,0,0,.15)}.cta-actions>a:last-child{font-size:12px;font-weight:700}footer{padding:72px 0 25px;background:#070a12;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:60px}.footer-grid>div:first-child p{max-width:300px;color:var(--text-muted);font-size:13px;margin-top:20px}.footer-grid h2{font-size:13px;margin:8px 0 19px}.footer-grid nav{display:flex;flex-direction:column;gap:11px}.footer-grid nav a,.footer-contact{font-size:12px;color:var(--text-muted)}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--border);margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;font-size:10px;color:#727b91}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:10px;background:#20c997;color:#071812;padding:8px 16px 8px 8px;border-radius:999px;box-shadow:0 12px 35px rgba(32,201,151,.35);font-size:12px}.whatsapp-float span{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center;font-size:18px}.whatsapp-float b{font-size:11px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1024px){.desktop-nav{gap:18px}.nav-cta{display:none}.hero-grid{gap:30px}.hero-visual{min-height:420px}.panel-grid{gap:50px}.apps-grid{grid-template-columns:repeat(3,1fr)}.cta-box{padding:50px}.footer-grid{gap:30px}}
@media(max-width:820px){.section{padding:85px 0}.desktop-nav{display:none}.menu-toggle{margin-left:auto;width:42px;height:42px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{width:18px;height:2px;background:#fff;transition:.25s}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:flex;max-height:0;overflow:hidden;opacity:0;flex-direction:column;padding:0 20px;background:rgba(8,11,21,.98);transition:.35s}.mobile-menu.open{max-height:430px;opacity:1;padding:14px 20px 24px;border-bottom:1px solid var(--border)}.mobile-menu>a:not(.btn){padding:11px 4px;color:var(--text-muted)}.mobile-menu .btn{margin-top:10px}.hero{padding-top:135px}.hero-grid,.panel-grid,.faq-layout{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{width:min(620px,100%);margin-inline:auto}.panel-grid{gap:65px}.panel-copy{text-align:center}.check-list{text-align:left}.faq-layout{gap:45px}.faq-intro{position:static;text-align:center}.pricing-grid{grid-template-columns:1fr;max-width:530px;margin:auto}.price-card.popular,.price-card.popular:hover{transform:none}.cta-box{flex-direction:column;text-align:center}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:560px){.container{width:min(100% - 28px,var(--container))}.section{padding:72px 0}.hero{min-height:auto;padding-top:125px}.hero-grid{gap:40px}h1{font-size:39px;letter-spacing:-2px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-trust{font-size:10px;gap:12px;flex-wrap:wrap}.hero-visual{min-height:335px}.dashboard-window{transform:none}.dash-body{min-height:250px;grid-template-columns:45px 1fr}.dash-body aside{padding:16px 10px;gap:18px}.dash-body aside span{width:13px}.dash-main{padding:15px}.mini-stats{margin:14px 0;gap:6px}.mini-stats div{padding:8px}.mini-stats div:last-child{display:none}.mini-stats{grid-template-columns:1fr 1fr}.chart{height:70px}.window-bar{height:38px}.float-card{transform:scale(.8)}.live-card{left:-12px;bottom:2px;transform-origin:left bottom}.quality-card{right:-8px;top:30px;transform-origin:right top}.stats-grid{grid-template-columns:1fr 1fr;padding:15px}.stat{padding:15px 5px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}.stat strong{font-size:28px}.benefit-grid{grid-template-columns:1fr}.feature-card p{min-height:auto}.panel-art{padding:5px}.panel-columns{min-height:250px;grid-template-columns:48px 1fr}.panel-side{padding:17px 12px}.panel-content{padding:17px}.panel-boxes i{height:50px}.panel-graph{height:100px}.secure-chip{right:-5px;bottom:-27px}.check-list{grid-template-columns:1fr}.section-heading{margin-bottom:38px}.section-heading h2,.panel-copy h2,.faq-intro h2{font-size:33px}.faq-item button{font-size:14px;gap:15px}.price-card{padding:27px}.apps-grid{grid-template-columns:repeat(2,1fr)}.cta-box{padding:42px 22px}.cta-box h2{font-size:31px}.cta-actions{width:100%}.cta-actions .btn{width:100%;padding-inline:13px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.whatsapp-float{padding:7px;right:15px;bottom:15px}.whatsapp-float b{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* ===== BRANDING & SURFACES ===== */
body{background:radial-gradient(circle at 20% 8%,rgba(35,80,180,.16),transparent 38%),radial-gradient(circle at 86% 52%,rgba(105,45,190,.1),transparent 42%),var(--background)}
.site-header{background:rgba(9,20,38,.65)}
.site-header.scrolled{background:rgba(9,20,38,.94)}
.brand-logo img{display:block;width:auto;height:57px;object-fit:contain}
.footer-logo img{height:70px}
.panel-section,.faq-section,.apps-section,.final-cta{background:rgba(8,20,38,.68)}
footer{background:#08111f}

/* ===== PRICING ===== */
.price{align-items:baseline;margin-bottom:7px;white-space:nowrap}
.price sup{margin:0 0 0 9px;font-size:20px}
.unit-price{margin:0 0 25px;color:var(--secondary);font-size:12px;font-weight:700;min-height:20px}

@media(max-width:560px){.brand-logo img{height:45px}.footer-logo img{height:62px}}

/* ===== LUMINOUS NIGHT THEME ===== */
body{background:radial-gradient(circle at 15% 12%,rgba(40,105,255,.25),transparent 36%),radial-gradient(circle at 86% 31%,rgba(125,70,255,.2),transparent 39%),radial-gradient(circle at 50% 79%,rgba(20,100,220,.17),transparent 44%),var(--background);background-attachment:fixed}
.site-header{background:rgba(11,23,48,.7)}
.site-header.scrolled{background:rgba(11,23,48,.95)}
.hero{background:radial-gradient(ellipse at 72% 32%,rgba(84,71,230,.2),transparent 44%),radial-gradient(ellipse at 22% 24%,rgba(30,115,255,.18),transparent 42%)}
.glow-one{background:radial-gradient(circle,rgba(57,111,255,.3),transparent 68%)}
.glow-two{background:radial-gradient(circle,rgba(123,76,255,.22),transparent 68%)}
.dashboard-window{background:rgba(15,31,60,.92);border-color:rgba(146,174,255,.25);box-shadow:0 28px 80px rgba(3,9,28,.38),0 0 60px rgba(74,96,255,.1)}
.mini-stats div,.float-card{background:rgba(21,42,75,.91)}
.stats-grid{background:linear-gradient(135deg,rgba(23,48,86,.96),rgba(15,34,67,.96));border-color:rgba(142,171,255,.22);box-shadow:0 24px 70px rgba(2,8,26,.3),0 0 45px rgba(63,104,255,.09)}
#avantages{background:radial-gradient(circle at 12% 52%,rgba(44,102,231,.11),transparent 35%)}
.feature-card{background:linear-gradient(145deg,rgba(24,49,87,.9),rgba(15,34,66,.82));border-color:rgba(143,172,255,.18)}
.feature-card.featured{background:linear-gradient(145deg,rgba(91,72,214,.24),rgba(19,41,76,.9))}
.feature-card:hover,.price-card:hover{border-color:rgba(122,112,255,.65);box-shadow:0 25px 70px rgba(4,10,32,.34),0 0 34px rgba(93,82,232,.12)}
.panel-section{background:radial-gradient(circle at 20% 48%,rgba(88,72,218,.14),transparent 38%),rgba(12,28,55,.78)}
.panel-card{background:#142848}.panel-graph{background:#10213e}
.faq-section{background:radial-gradient(circle at 86% 45%,rgba(38,105,235,.12),transparent 38%),rgba(15,33,64,.72)}
.pricing-section{background:radial-gradient(circle at 50% 48%,rgba(92,71,220,.14),transparent 46%)}
.price-card{background:linear-gradient(145deg,rgba(24,49,87,.95),rgba(14,32,63,.92));border-color:rgba(143,172,255,.2)}
.apps-section{background:radial-gradient(circle at 15% 25%,rgba(39,111,242,.12),transparent 36%),rgba(13,30,59,.78)}
.app-card{background:rgba(20,43,79,.86);border-color:rgba(143,172,255,.19)}
.final-cta{background:linear-gradient(180deg,rgba(13,30,59,.78),rgba(11,25,49,.88))}
footer{background:#0a1931}
@media(max-width:820px){body{background-attachment:scroll}.mobile-menu{background:rgba(11,23,48,.98)}.hero{background:radial-gradient(circle at 50% 18%,rgba(55,106,255,.22),transparent 42%),radial-gradient(circle at 80% 65%,rgba(121,73,240,.15),transparent 42%)}}

/* ===== HEADER : LOGO LARGE & DESKTOP WIDE ===== */
.site-header .nav-wrap{width:min(1500px,calc(100% - 48px));height:136px;gap:28px}
.site-header .brand-logo{flex:0 0 auto}
.site-header .brand-logo img{width:auto;height:112.5px;max-width:292.5px;object-fit:contain}
.site-header .desktop-nav{margin-left:auto;gap:30px}
.site-header .nav-cta{flex:0 0 auto}

@media(max-width:1280px){
  .site-header .nav-wrap{width:calc(100% - 36px);height:120px;gap:22px}
  .site-header .brand-logo img{height:102px;max-width:259px}
  .site-header .desktop-nav{gap:18px}
}
@media(max-width:1024px){
  .site-header .nav-wrap{height:96px}
  .site-header .brand-logo img{height:104px;max-width:265px}
}
@media(max-width:820px){
  .site-header .nav-wrap{width:min(var(--container),calc(100% - 40px));height:78px;gap:18px}
  .site-header .brand-logo img{height:70px;max-width:190px}
}
@media(max-width:560px){
  .site-header .nav-wrap{width:min(100% - 28px,var(--container));height:72px;gap:12px}
  .site-header .brand-logo img{height:58px;max-width:150px}
}

/* ===== ACCOMPAGNEMENT REVENDEUR ===== */
.guidance-section{position:relative;background:radial-gradient(circle at 72% 50%,rgba(91,75,232,.15),transparent 40%);overflow:hidden}
.guidance-shell{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;padding:58px;border:1px solid rgba(137,165,255,.24);border-radius:28px;background:linear-gradient(135deg,rgba(23,48,88,.94),rgba(18,38,74,.88));box-shadow:0 28px 80px rgba(2,8,28,.3),0 0 60px rgba(83,91,235,.1);overflow:hidden}
.guidance-shell::before{content:"";position:absolute;width:360px;height:360px;left:-190px;top:-210px;border-radius:50%;background:rgba(47,116,255,.16);filter:blur(12px);pointer-events:none}
.guidance-shell::after{content:"";position:absolute;width:260px;height:260px;right:-140px;bottom:-170px;border-radius:50%;background:rgba(124,70,255,.18);filter:blur(16px);pointer-events:none}
.guidance-intro,.guidance-points{position:relative;z-index:1}.guidance-icon{width:66px;height:66px;margin-bottom:22px;border:1px solid rgba(128,156,255,.28);border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(108,92,231,.34),rgba(34,211,167,.1));color:#c8c1ff;font-size:27px;box-shadow:0 14px 35px rgba(64,71,213,.18);position:relative}.guidance-icon i{position:absolute;width:8px;height:8px;right:13px;top:13px;border-radius:50%;background:var(--secondary);box-shadow:0 0 12px var(--secondary)}.guidance-badge{display:inline-flex;padding:7px 11px;border:1px solid rgba(34,211,167,.25);border-radius:999px;background:rgba(34,211,167,.09);color:var(--secondary);text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:800}.guidance-intro h2{font-size:clamp(30px,3.5vw,45px);line-height:1.16;letter-spacing:-1.8px;margin:17px 0}.guidance-intro>p{color:var(--text-muted);font-size:14px;margin:0 0 28px}.guidance-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guidance-point{min-height:174px;padding:23px;border:1px solid rgba(145,173,255,.17);border-radius:18px;background:rgba(14,32,64,.62);backdrop-filter:blur(10px);transition:transform .3s,border-color .3s,background .3s}.guidance-point:hover{transform:translateY(-4px);border-color:rgba(117,101,243,.52);background:rgba(25,49,91,.78)}.guidance-point-icon{width:35px;height:35px;margin-bottom:16px;border-radius:10px;display:grid;place-items:center;background:rgba(108,92,231,.18);color:#bbb2ff;font-size:10px;font-weight:800}.guidance-point h3{font-size:14px;margin:0 0 8px}.guidance-point p{font-size:11px;line-height:1.6;color:var(--text-muted);margin:0}
@media(max-width:1024px){.guidance-shell{gap:36px;padding:44px 36px}}
@media(max-width:820px){.guidance-shell{grid-template-columns:1fr;gap:38px}.guidance-intro{text-align:center}.guidance-icon{margin-inline:auto}.guidance-intro>p{max-width:650px;margin-inline:auto;margin-bottom:28px}}
@media(max-width:560px){.guidance-shell{padding:30px 19px;border-radius:22px}.guidance-points{grid-template-columns:1fr}.guidance-point{min-height:auto;display:grid;grid-template-columns:35px 1fr;gap:14px}.guidance-point-icon{margin:0}.guidance-intro .btn{width:100%;padding-inline:14px}.guidance-intro h2{font-size:31px}}

/* ===== APPS CAROUSEL ===== */
.apps-carousel{width:100%;overflow:hidden;padding:12px 0 18px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%)}
.apps-track{display:flex;width:max-content;will-change:transform;animation:apps-marquee 45s linear infinite}
.apps-group{display:flex;gap:16px;padding-right:16px;flex-shrink:0}
.apps-carousel:hover .apps-track{animation-play-state:paused}
.apps-carousel .app-card{width:174px;height:178px;min-height:0;padding:17px 15px 13px;display:flex;flex-direction:column;justify-content:space-between;gap:9px;flex:0 0 auto;border:1px solid rgba(143,172,255,.2);border-radius:18px;background:linear-gradient(145deg,rgba(25,50,90,.9),rgba(14,33,66,.82));box-shadow:0 12px 28px rgba(2,8,28,.2),0 0 22px rgba(91,75,232,.06);transition:transform .3s,border-color .3s,box-shadow .3s;transform-origin:center}
.apps-carousel .app-card:hover{transform:scale(1.04);border-color:rgba(124,113,255,.62);box-shadow:0 17px 38px rgba(2,8,28,.3),0 0 28px rgba(102,87,239,.18)}
.app-logo{width:100%;height:122px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.app-logo img{display:block;width:100%;height:100%;object-fit:contain}
.apps-carousel .app-card b{width:100%;min-height:18px;text-align:center;color:#e8ecf7;font-size:11px;line-height:1.3;font-weight:700;overflow-wrap:anywhere}
@keyframes apps-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:560px){.apps-carousel{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%)}.apps-track{animation-duration:42s}.apps-group{gap:12px;padding-right:12px}.apps-carousel .app-card{width:145px;height:154px;padding:14px 12px 11px}.app-logo{height:103px}.apps-carousel .app-card b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.apps-carousel{overflow-x:auto;overflow-y:hidden;-webkit-mask-image:none;mask-image:none}.apps-track{width:100%;animation:none;will-change:auto}.apps-group:first-child{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:0}.apps-group[aria-hidden="true"]{display:none}.apps-carousel .app-card{width:100%}}

/* ===== HEADER LOGO POSITION ===== */
.site-header .brand-logo{margin-left:max(0px,calc((100% - var(--container))/2))}
@media(max-width:1024px){.site-header .brand-logo{margin-left:0}}

/* ===== LANGUAGE SWITCHER ===== */
.language-switcher{position:relative;flex:0 0 auto}.language-toggle{height:42px;min-width:62px;padding:0 10px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.045);color:var(--text);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:border-color .2s,background .2s}.language-toggle:hover,.language-toggle:focus-visible{border-color:rgba(128,116,255,.6);background:rgba(108,92,231,.12);outline:none}.language-toggle span{color:var(--secondary);font-size:15px}.language-toggle b{font-size:10px;letter-spacing:.8px}.language-toggle i{font-size:9px;font-style:normal;transition:transform .2s}.language-switcher.open .language-toggle i{transform:rotate(180deg)}.language-menu{position:absolute;z-index:130;top:calc(100% + 10px);right:0;width:178px;padding:7px;border:1px solid rgba(145,173,255,.2);border-radius:15px;background:rgba(14,29,56,.98);box-shadow:0 20px 55px rgba(0,0,0,.38),0 0 30px rgba(91,75,232,.1);backdrop-filter:blur(18px);display:grid;gap:2px;transform-origin:top right;animation:language-menu-in .18s ease}.language-menu[hidden]{display:none}.language-menu button{width:100%;min-height:36px;padding:7px 9px;border:0;border-radius:9px;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;font-size:11px}.language-menu button:hover,.language-menu button:focus-visible,.language-menu button.active{color:#fff;background:rgba(108,92,231,.16);outline:none}.language-menu button b{font-size:8px;letter-spacing:.8px;color:#8f9bb5}.mobile-language{display:none}@keyframes language-menu-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}

/* Header switches to its compact navigation before translated labels can collide. */
@media(max-width:1180px){.site-header .desktop-nav,.site-header .nav-cta,.site-header .desktop-language{display:none}.site-header .menu-toggle{margin-left:auto;width:42px;height:42px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.site-header .menu-toggle span{width:18px;height:2px;background:#fff;transition:.25s}.site-header .menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header .menu-toggle.open span:nth-child(2){opacity:0}.site-header .menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header .mobile-menu{display:flex;max-height:0;overflow:hidden;opacity:0;flex-direction:column;padding:0 20px;background:rgba(11,23,48,.98);transition:.35s}.site-header .mobile-menu.open{max-height:680px;overflow:visible;opacity:1;padding:14px 20px 24px;border-bottom:1px solid var(--border)}.site-header .mobile-menu>a:not(.btn){padding:11px 4px;color:var(--text-muted)}.site-header .mobile-menu .btn{margin-top:10px}.mobile-language{display:block;margin-top:12px}.mobile-language .language-toggle{width:100%;min-height:46px}.mobile-language .language-menu{position:static;width:100%;margin-top:8px;grid-template-columns:1fr 1fr;animation:none}.mobile-language .language-menu button{min-height:42px}}

/* ===== MULTILINGUAL RESPONSIVE & RTL ===== */
h1,h2,h3,p,a,button,li{overflow-wrap:anywhere}.btn{height:auto;padding-top:10px;padding-bottom:10px;text-align:center;line-height:1.35}.price{direction:ltr;unicode-bidi:isolate}.price-card h3{overflow-wrap:normal}.whatsapp-float{bottom:max(24px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right))}.site-header{padding-top:env(safe-area-inset-top)}
.is-arabic h1,.is-arabic h2,.is-arabic h3,.is-arabic p,.is-arabic li,.is-arabic .kicker,.is-arabic .eyebrow,.is-arabic .stat span,.is-arabic .pack-name,.is-arabic .apps-note{direction:rtl;text-align:right;unicode-bidi:plaintext}.is-arabic .section-heading h2,.is-arabic .section-heading p,.is-arabic .section-heading .kicker,.is-arabic .apps-note,.is-arabic .stat span{text-align:center}.is-arabic .faq-item button{text-align:right}.is-arabic .language-menu button{text-align:right}
@media(max-width:820px){.section-heading h2,.panel-copy h2,.faq-intro h2,.guidance-intro h2{font-size:clamp(30px,7vw,40px)}.is-arabic .hero-copy h1,.is-arabic .hero-copy p,.is-arabic .panel-copy h2,.is-arabic .panel-copy>p,.is-arabic .faq-intro h2,.is-arabic .faq-intro>p,.is-arabic .guidance-intro h2,.is-arabic .guidance-intro>p{text-align:center}}
@media(max-width:560px){h1{font-size:clamp(33px,10.5vw,39px)}.price span{font-size:clamp(48px,15vw,58px)}.whatsapp-float{right:max(15px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom))}.mobile-language .language-menu{grid-template-columns:1fr}.site-header .mobile-menu.open{max-height:760px}}
