/* Override footer fade overlays pour fond sombre */
	.footer-fade-left{background:linear-gradient(to right,#2F455C,transparent)!important;}
	.footer-fade-right{background:linear-gradient(to left,#2F455C,transparent)!important;}
	.fade-overlay-left{background:linear-gradient(to right,#2F455C,transparent)!important;}
	.fade-overlay-right{background:linear-gradient(to left,#2F455C,transparent)!important;}
	/* Footer base styles */
	#footer.wrapper.style2-alt{background:#2F455C;padding:0 2rem;box-sizing:border-box;width:100%;}
	.inner.footer-bar{max-width:1200px;margin:0 auto;padding:1.5rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-top:1px solid rgba(255,255,255,.06);}
	.menu.footer-left{list-style:none;display:flex;gap:1rem;font-size:.8rem;color:#7a8499;}
	.menu.footer-left a{color:#7a8499;transition:color .2s;}
	.menu.footer-left a:hover{color:#fff;}

/* ─── Reset & Base ─────────────────────────────────────── */
	*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
	html{scroll-behavior:smooth;}
	body{font-family:'Inter',sans-serif;background:#2F455C;color:#c8d0e0;line-height:1.6;overflow-x:hidden;}
	a{color:inherit;text-decoration:none;}
	img{display:block;max-width:100%;}
	/* ─── CSS Variables ────────────────────────────────────── */
	:root{
		--primary:#1C93CA;--accent:#5e6ad2;--danger:#ed4933;
		--bg:#2F455C;--bg2:#0d1220;--bg3:#111827;
		--glass-bg:rgba(255,255,255,0.06);--glass-bd:rgba(255,255,255,0.12);
		--text:#c8d0e0;--text-mute:#7a8499;--radius:14px;--topbar-h:68px;
	}
	/* ─── Topbar glassmorphism ─────────────────────────────── */
	.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;background:rgba(8,12,20,0.55);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border-bottom:1px solid var(--glass-bd);transition:background 0.3s;}
	.topbar.scrolled{background:rgba(8,12,20,0.92);}
	.topbar-logo img{height:38px;width:auto;}
	.topbar-nav{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0;margin-top:12px;}
	.topbar-nav li a{padding:.45rem .85rem;border-radius:8px;font-size:.82rem;font-weight:500;letter-spacing:.02em;color:var(--text-mute);transition:color .2s,background .2s;white-space:nowrap;}
	.topbar-nav li a:hover,.topbar-nav li a.active{color:#fff;background:rgba(255,255,255,.08);}
	.topbar-nav li a.active{color:var(--primary);background:rgba(28,147,202,.12);}
	.topbar-cta{display:flex;align-items:center;gap:.6rem;margin:0;padding:0;margin-top:12px;}
	.topbar-cta a{padding:.5rem 1.1rem;border-radius:8px;font-size:.82rem;font-weight:600;transition:all .2s;white-space:nowrap;}
	.topbar-cta .btn-ghost{border:1px solid var(--glass-bd);color:var(--text);}
	.topbar-cta .btn-ghost:hover{background:var(--glass-bg);color:#fff;}
	.topbar-cta .btn-fill{background:var(--primary);color:#fff;border:1px solid var(--primary);}
	.topbar-cta .btn-fill:hover{background:#158ab8;}
	.topbar-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;}
	.topbar-hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s;}
	.topbar-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
	.topbar-hamburger.open span:nth-child(2){opacity:0;}
	.topbar-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
	.topbar-mobile-nav{display:none;position:fixed;top:var(--topbar-h);left:0;right:0;background:rgba(8,12,20,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-bd);z-index:999;padding:1rem 1.5rem 1.5rem;flex-direction:column;gap:.25rem;}
	.topbar-mobile-nav.open{display:flex;}
	.topbar-mobile-nav a{padding:.7rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;color:var(--text);transition:background .2s,color .2s;}
	.topbar-mobile-nav a:hover,.topbar-mobile-nav a.active{background:rgba(28,147,202,.12);color:var(--primary);}
	/* ─── Page layout ──────────────────────────────────────── */
	.page-wrap{padding-top:var(--topbar-h);}
	/* ─── Hero ─────────────────────────────────────────────── */
	.hero{position:relative;padding:6rem 2rem 5rem;text-align:center;overflow:hidden;}
	.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% -10%,rgba(28,147,202,.18) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 80% 80%,rgba(94,106,210,.12) 0%,transparent 60%);pointer-events:none;}
	.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:20px;border:1px solid rgba(28,147,202,.35);background:rgba(28,147,202,.1);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:1.5rem;}
	.hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;color:#fff;line-height:1.15;margin-bottom:1.2rem;letter-spacing:-.02em;}
	.hero h1 span{color:var(--primary);}
	.hero-sub{font-size:1.05rem;color:var(--text-mute);max-width:620px;margin:0 auto 2.5rem;}
	.hero-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;}
	.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.6rem;background:var(--primary);color:#fff;border-radius:10px;font-size:.9rem;font-weight:600;border:1px solid var(--primary);cursor:pointer;transition:all .2s;}
	.btn-primary:hover{background:#158ab8;transform:translateY(-1px);box-shadow:0 6px 20px rgba(28,147,202,.3);}
	.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.6rem;background:transparent;color:var(--text);border-radius:10px;font-size:.9rem;font-weight:500;border:1px solid var(--glass-bd);cursor:pointer;transition:all .2s;}
	.btn-outline:hover{background:var(--glass-bg);color:#fff;transform:translateY(-1px);}
	/* ─── Section headers ──────────────────────────────────── */
	.section-label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:.6rem;}
	.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#fff;margin-bottom:.6rem;letter-spacing:-.02em;}
	.section-desc{color:var(--text-mute);font-size:.95rem;max-width:560px;}
	/* ─── Mosaic container ─────────────────────────────────── */
	.mosaic-section{padding:4rem 2rem;max-width:1200px;margin:0 auto;}
	.mosaic-section+.mosaic-section{padding-top:0;}
	.mosaic-header{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:2.5rem;}
	.mosaic-header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;margin-top:.2rem;}
	.mosaic-header-icon.blue{background:rgba(28,147,202,.15);color:var(--primary);}
	.mosaic-header-icon.purple{background:rgba(94,106,210,.15);color:var(--accent);}
	.mosaic-header-icon.red{background:rgba(237,73,51,.15);color:var(--danger);}
	.mosaic-header-icon.green{background:rgba(16,185,129,.15);color:#10b981;}
	/* ─── Mosaic grid ──────────────────────────────────────── */
	.mosaic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
	@media(max-width:1024px){.mosaic-grid{grid-template-columns:repeat(3,1fr);}}
	@media(max-width:768px){.mosaic-grid{grid-template-columns:repeat(2,1fr);}}
	@media(max-width:480px){.mosaic-grid{grid-template-columns:1fr;}}
	/* ─── Service card ─────────────────────────────────────── */
	.svc-card{background:var(--glass-bg);border:1px solid var(--glass-bd);border-radius:var(--radius);padding:1.6rem 1.4rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.8rem;outline:none;}
	.svc-card::after{content:'';position:absolute;inset:0;border-radius:var(--radius);opacity:0;transition:opacity .25s;background:linear-gradient(135deg,rgba(28,147,202,.06),transparent);}
	.svc-card:hover,.svc-card:focus{--ty:-6px;border-color:rgba(28,147,202,.35);box-shadow:0 12px 32px rgba(0,0,0,.35),0 0 0 1px rgba(28,147,202,.15);}
	.svc-card:hover::after,.svc-card:focus::after{opacity:1;}
	.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
	.svc-card:hover::before,.svc-card:focus::before{transform:scaleX(1);}
	.svc-card.red-accent::before{background:var(--danger);}
	.svc-card.red-accent:hover{border-color:rgba(237,73,51,.35);}
	.svc-card.purple-accent::before{background:var(--accent);}
	.svc-card.purple-accent:hover{border-color:rgba(94,106,210,.35);}
	.svc-card.green-accent::before{background:#10b981;}
	.svc-card.green-accent:hover{border-color:rgba(16,185,129,.35);}
	.svc-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;transition:transform .2s;}
	.svc-card:hover .svc-card-icon{transform:scale(1.1);}
	.svc-card-icon.blue{background:rgba(28,147,202,.15);color:var(--primary);}
	.svc-card-icon.purple{background:rgba(94,106,210,.15);color:var(--accent);}
	.svc-card-icon.red{background:rgba(237,73,51,.15);color:var(--danger);}
	.svc-card-icon.green{background:rgba(16,185,129,.15);color:#10b981;}
	.svc-card-title{font-size:.95rem;font-weight:600;color:#fff;line-height:1.3;}
	.svc-card-desc{font-size:.82rem;color:var(--text-mute);line-height:1.5;flex-grow:1;}
	.svc-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem;}
	.svc-card-tag{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .55rem;border-radius:20px;}
	.svc-card-tag.blue{background:rgba(28,147,202,.15);color:var(--primary);}
	.svc-card-tag.red{background:rgba(237,73,51,.15);color:var(--danger);}
	.svc-card-tag.purple{background:rgba(94,106,210,.15);color:var(--accent);}
	.svc-card-tag.green{background:rgba(16,185,129,.15);color:#10b981;}
	.svc-card-arrow{color:var(--text-mute);font-size:.75rem;transition:transform .2s,color .2s;}
	.svc-card:hover .svc-card-arrow,.svc-card:focus .svc-card-arrow{transform:translateX(3px);color:var(--primary);}
	/* ─── Divider ──────────────────────────────────────────── */
	.section-divider{max-width:1200px;margin:0 auto;padding:0 2rem;}
	.section-divider hr{border:none;border-top:1px solid rgba(255,255,255,.07);margin:1rem 0 3rem;}
	/* ─── Modal overlay ────────────────────────────────────── */
	.modal-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:rgba(0,0,0,0);backdrop-filter:blur(0px);pointer-events:none;transition:background .3s,backdrop-filter .3s;}
	.modal-overlay.open{background:rgba(0,0,0,.75);backdrop-filter:blur(8px);pointer-events:all;}
	.modal-box{background:#0f1623;border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:620px;width:100%;max-height:85vh;overflow-y:auto;padding:2.5rem;position:relative;transform:scale(.92) translateY(20px);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;box-shadow:0 30px 80px rgba(0,0,0,.6);}
	.modal-overlay.open .modal-box{transform:scale(1) translateY(0);opacity:1;}
	.modal-close{position:absolute;top:1.2rem;right:1.2rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:var(--text-mute);width:34px;height:34px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s;}
	.modal-close:hover{background:rgba(255,255,255,.12);color:#fff;}
	.modal-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.2rem;}
	.modal-icon.blue{background:rgba(28,147,202,.15);color:var(--primary);}
	.modal-icon.red{background:rgba(237,73,51,.15);color:var(--danger);}
	.modal-icon.purple{background:rgba(94,106,210,.15);color:var(--accent);}
	.modal-icon.green{background:rgba(16,185,129,.15);color:#10b981;}
	.modal-title{font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:.4rem;letter-spacing:-.02em;}
	.modal-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:20px;margin-bottom:1.4rem;}
	.modal-tag.blue{background:rgba(28,147,202,.15);color:var(--primary);}
	.modal-tag.red{background:rgba(237,73,51,.15);color:var(--danger);}
	.modal-tag.purple{background:rgba(94,106,210,.15);color:var(--accent);}
	.modal-tag.green{background:rgba(16,185,129,.15);color:#10b981;}
	.modal-body p{font-size:.9rem;color:var(--text);line-height:1.7;margin-bottom:1.2rem;}
	.modal-body ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.4rem;}
	.modal-body ul li{font-size:.88rem;color:var(--text);padding-left:1.4rem;position:relative;}
	.modal-body ul li::before{content:'→';position:absolute;left:0;color:var(--primary);font-size:.8rem;}
	.modal-body ul li.red-li::before{color:var(--danger);}
	.modal-body ul li.purple-li::before{color:var(--accent);}
	.modal-body ul li.green-li::before{color:#10b981;}
	.modal-highlight{background:rgba(28,147,202,.06);border:1px solid rgba(28,147,202,.15);border-radius:10px;padding:1rem 1.2rem;font-size:.85rem;color:var(--text);margin-bottom:1.4rem;}
	.modal-highlight.red{background:rgba(237,73,51,.06);border-color:rgba(237,73,51,.2);}
	.modal-highlight.purple{background:rgba(94,106,210,.06);border-color:rgba(94,106,210,.2);}
	.modal-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.6rem;}
	.modal-actions a,.modal-actions button{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.2rem;border-radius:9px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-decoration:none;}
	.modal-btn-primary{background:var(--primary);color:#fff;}
	.modal-btn-primary:hover{background:#158ab8;}
	.modal-btn-ghost{background:rgba(255,255,255,.06);border:1px solid var(--glass-bd) !important;color:var(--text);}
	.modal-btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff;}
	/* ─── Advanced services strip ──────────────────────────── */
	.advanced-strip{max-width:1200px;margin:0 auto 3rem;padding:0 2rem;}
	.advanced-inner{background:var(--glass-bg);border:1px solid var(--glass-bd);border-radius:var(--radius);padding:1.8rem 2rem;}
	.advanced-inner h3{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:1rem;}
	.advanced-tags{display:flex;flex-wrap:wrap;gap:.5rem;}
	.advanced-tags span{padding:.35rem .9rem;border-radius:20px;border:1px solid rgba(94,106,210,.3);background:rgba(94,106,210,.08);font-size:.78rem;font-weight:500;color:#a0a8c0;white-space:nowrap;}
	/* ─── CTA / Contact section ────────────────────────────── */
	.cta-section{background:var(--bg2);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:5rem 2rem;}
	.cta-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}
	@media(max-width:768px){.cta-inner{grid-template-columns:1fr;gap:2.5rem;}}
	.cta-left h2{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:.8rem;letter-spacing:-.02em;}
	.cta-left p{font-size:.9rem;color:var(--text-mute);margin-bottom:1.5rem;}
	.cta-perks{list-style:none;display:flex;flex-direction:column;gap:.5rem;}
	.cta-perks li{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--text);}
	.cta-perks li i{color:var(--primary);font-size:.8rem;}
	.contact-form{display:flex;flex-direction:column;gap:.8rem;}
	.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}
	@media(max-width:480px){.form-row{grid-template-columns:1fr;}}
	.contact-form label{font-size:.78rem;font-weight:500;color:var(--text-mute);display:block;margin-bottom:.3rem;}
	.contact-form input,.contact-form textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:.65rem .9rem;color:#fff;font-family:'Inter',sans-serif;font-size:.85rem;outline:none;transition:border-color .2s,box-shadow .2s;}
	.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-mute);}
	.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(28,147,202,.12);}
	.contact-form textarea{resize:vertical;min-height:90px;}
	.form-check{display:flex;align-items:flex-start;gap:.6rem;font-size:.78rem;color:var(--text-mute);}
	.form-check input[type="checkbox"]{flex-shrink:0;margin-top:2px;accent-color:var(--primary);}
	.form-submit{width:100%;padding:.8rem;background:var(--primary);color:#fff;border:none;border-radius:10px;font-family:'Inter',sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;}
	.form-submit:hover{background:#158ab8;transform:translateY(-1px);}
	/* ─── Footer ───────────────────────────────────────────── */
	.site-footer{padding:2rem;text-align:center;border-top:1px solid rgba(255,255,255,.06);}
	.site-footer p{font-size:.8rem;color:var(--text-mute);}
	.site-footer a{color:var(--text-mute);transition:color .2s;}
	.site-footer a:hover{color:#fff;}
	/* ─── Scroll fade-in animation ─────────────────────────── */
	.fade-in-up{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease;}
	.fade-in-up.visible{opacity:1;transform:translateY(0);}
	.svc-card:nth-child(1){animation-delay:.05s;}
	.svc-card:nth-child(2){animation-delay:.10s;}
	.svc-card:nth-child(3){animation-delay:.15s;}
	.svc-card:nth-child(4){animation-delay:.20s;}
	.svc-card:nth-child(5){animation-delay:.25s;}
	.svc-card:nth-child(6){animation-delay:.30s;}
	.svc-card:nth-child(7){animation-delay:.35s;}
	.svc-card:nth-child(8){animation-delay:.40s;}
	/* ─── Responsive topbar ────────────────────────────────── */
	@media(max-width:900px){.topbar-nav,.topbar-cta{display:none;}.topbar-hamburger{display:flex;}}

/* ── Advanced strip flex overrides ── */
.advanced-strip-flex { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1.2rem; }
.advanced-strip-label { font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--primary); margin-bottom:.4rem; }
.advanced-strip-sub { font-size:.9rem; color:var(--text-mute); }
.btn-flex-shrink { flex-shrink:0; }
/* ── Qualiopi strip ── */
.qualiopi-strip { display:flex; align-items:center; gap:2rem; flex-wrap:wrap; background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,rgba(28,147,202,.06) 100%); border-color:rgba(16,185,129,.25) !important; padding:2rem 2.2rem; margin-top:0; }
.qualiopi-logo-wrap { flex-shrink:0; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.06); border:1px solid rgba(16,185,129,.2); border-radius:16px; padding:1.2rem 1.8rem; }
.qualiopi-logo-wrap img { height:70px; width:auto; filter:brightness(1.3); }
.qualiopi-body { flex:1; min-width:220px; }
.qualiopi-label { font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#10b981; margin-bottom:.4rem; }
.qualiopi-title { font-size:1rem; color:#fff; font-weight:600; margin-bottom:.3rem; }
.qualiopi-desc  { font-size:.85rem; color:var(--text-mute); line-height:1.6; }
.btn-green { flex-shrink:0; border-color:rgba(16,185,129,.35) !important; color:#10b981 !important; }
.badge-qualiopi { font-size:.7rem; font-weight:600; color:#10b981; background:rgba(16,185,129,.12); padding:.2rem .7rem; border-radius:20px; vertical-align:middle; margin-left:.5rem; }
/* ── Mosaic auto grid ── */
.mosaic-auto { grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }

/* ════════════════════════════════════════════════════════
   LIGHT MODE — "mode jour" (écriture sombre sur fond pâle)
   Le topbar et le footer restent sombres pour la cohérence.
   ════════════════════════════════════════════════════════ */
body{background:#eef2f8;color:#33415c;}
.page-wrap{background:#eef2f8;}
/* Hero */
.hero h1{color:#16243d;}
.hero-sub{color:#566484;}
.hero::before{background:radial-gradient(ellipse 70% 60% at 50% -10%,rgba(28,147,202,.12) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 80% 80%,rgba(94,106,210,.08) 0%,transparent 60%);}
.btn-outline{color:#33415c;border-color:#cdd6e4;}
.btn-outline:hover{background:#e3e9f2;color:#16243d;}
/* Section headers */
.section-title{color:#16243d;}
.section-desc{color:#566484;}
/* Service cards */
.svc-card{background:#ffffff;border:1px solid #e2e8f2;box-shadow:0 2px 10px rgba(20,40,80,.05);}
.svc-card::after{background:linear-gradient(135deg,rgba(28,147,202,.04),transparent);}
.svc-card:hover,.svc-card:focus{border-color:rgba(28,147,202,.4);box-shadow:0 12px 30px rgba(20,40,80,.12),0 0 0 1px rgba(28,147,202,.18);}
.svc-card-title{color:#16243d;}
.svc-card-desc{color:#566484;}
.svc-card-arrow{color:#9aa6bd;}
/* Divider */
.section-divider hr{border-top-color:#dde4ef;}
/* Advanced strip */
.advanced-inner{background:#ffffff;border-color:#e2e8f2;box-shadow:0 2px 10px rgba(20,40,80,.05);}
.advanced-inner h3{color:#16243d;}
.advanced-strip-sub{color:#566484;}
.advanced-tags span{color:#4a5878;background:rgba(94,106,210,.06);border-color:rgba(94,106,210,.22);}
/* Qualiopi strip */
.qualiopi-strip{background:linear-gradient(135deg,rgba(16,185,129,.10) 0%,rgba(28,147,202,.08) 100%);border-color:rgba(16,185,129,.3)!important;}
.qualiopi-logo-wrap{background:#ffffff;border-color:rgba(16,185,129,.25);}
.qualiopi-logo-wrap img{filter:none;}
.qualiopi-title{color:#16243d;}
.qualiopi-desc{color:#566484;}
/* CTA / contact section */
.cta-section{background:#e6ecf5;border-top-color:#dde4ef;border-bottom-color:#dde4ef;}
.cta-left h2{color:#16243d;}
.cta-left p{color:#566484;}
.cta-perks li{color:#33415c;}
.contact-form label{color:#566484;}
.contact-form input,.contact-form textarea{background:#ffffff;border-color:#cdd6e4;color:#16243d;}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9aa6bd;}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(28,147,202,.14);}
.form-check{color:#566484;}

/* ════════════════════════════════════════════════════════
   AMÉLIORATIONS — héros animé + cartes interactives
   (ajouté sans changer la disposition ; respecte prefers-reduced-motion)
   ════════════════════════════════════════════════════════ */

/* ── Cartes : inclinaison 3D (tilt) + halo qui suit le curseur ── */
.mosaic-grid{perspective:1000px;}
.svc-card{--spot:28,147,202;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0));transition:transform .16s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;}
.svc-card.red-accent{--spot:237,73,51;}
.svc-card.purple-accent{--spot:94,106,210;}
.svc-card.green-accent{--spot:16,185,129;}
.svc-card.tilting{will-change:transform;}
/* le ::after existant devient un spotlight radial centré sur le curseur */
.svc-card::after{background:radial-gradient(circle 220px at var(--mx,50%) var(--my,50%),rgba(var(--spot),.18),transparent 60%);}

/* ── Icônes de section : anneau pulsant (cohérent avec l'accueil) ── */
.mosaic-header-icon{position:relative;}
.mosaic-header-icon::after{content:'';position:absolute;inset:0;border-radius:inherit;border:2px solid currentColor;opacity:.35;animation:svcPulseRing 2.8s ease-out infinite;pointer-events:none;}
@keyframes svcPulseRing{0%{transform:scale(1);opacity:.35;}70%{transform:scale(1.45);opacity:0;}100%{transform:scale(1.45);opacity:0;}}

/* ── Reveal au scroll amélioré (léger flou -> net) ── */
/* Sections & bandeaux : slide + scale + flou (via transition) */
.fade-in-up:not(.svc-card){opacity:0;transform:translateY(28px) scale(.985);filter:blur(6px);transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1),filter .6s ease;}
.fade-in-up:not(.svc-card).visible{opacity:1;transform:none;filter:none;}
/* Cartes : reveal via animation (opacité + flou) — le transform reste dédié au tilt */
.svc-card.fade-in-up{opacity:0;}
.svc-card.fade-in-up.visible{animation:svcReveal .6s cubic-bezier(.22,1,.36,1) forwards;}
@keyframes svcReveal{from{opacity:0;filter:blur(6px);}to{opacity:1;filter:none;}}

/* ════════════════════════════════════════════════════════
   HÉROS animé
   ════════════════════════════════════════════════════════ */
.hero{isolation:isolate;}
.hero>*:not(.hero-bg){position:relative;z-index:1;}
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
/* grille cyber qui défile lentement, atténuée sur les bords */
.hero-grid{position:absolute;inset:-2px;background-image:linear-gradient(rgba(28,147,202,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(28,147,202,.10) 1px,transparent 1px);background-size:46px 46px;-webkit-mask:radial-gradient(ellipse 75% 70% at 50% 28%,#000 0%,transparent 78%);mask:radial-gradient(ellipse 75% 70% at 50% 28%,#000 0%,transparent 78%);animation:heroGridPan 22s linear infinite;}
@keyframes heroGridPan{to{background-position:46px 92px;}}
/* orbes "aurora" floues */
.hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;}
.hero-orb--1{width:360px;height:360px;top:-120px;left:12%;background:radial-gradient(circle,rgba(28,147,202,.5),transparent 70%);animation:heroOrb1 16s ease-in-out infinite;}
.hero-orb--2{width:300px;height:300px;top:-60px;right:10%;background:radial-gradient(circle,rgba(94,106,210,.42),transparent 70%);animation:heroOrb2 20s ease-in-out infinite;}
@keyframes heroOrb1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,30px) scale(1.12);}}
@keyframes heroOrb2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-35px,25px) scale(1.1);}}
/* titre : dégradé animé sur le mot accentué */
.hero h1 span{background:linear-gradient(90deg,#1C93CA,#5e6ad2,#1C93CA);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:heroTextShimmer 5s linear infinite;}
@keyframes heroTextShimmer{to{background-position:200% center;}}
/* entrée en cascade du contenu */
.hero-enter{opacity:0;animation:heroEnter .8s cubic-bezier(.22,1,.36,1) forwards;}
.hero h1.hero-enter{animation-delay:.1s;}
.hero-sub.hero-enter{animation-delay:.28s;}
.hero-actions.hero-enter{animation-delay:.44s;}
@keyframes heroEnter{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}

/* ── Accessibilité : mouvement réduit ── */
@media (prefers-reduced-motion:reduce){
  .svc-card{transform:none !important;}
  .hero-grid,.hero-orb,.mosaic-header-icon::after{animation:none !important;}
  .hero h1 span{animation:none !important;-webkit-text-fill-color:#1C93CA;color:#1C93CA;}
  .hero-enter{opacity:1 !important;animation:none !important;}
  .fade-in-up{opacity:1 !important;filter:none !important;transform:none !important;animation:none !important;}
}