:root{--primary:#0d1bf2;--primary-dark:#0915c0;--accent:#f63d15;--accent-warm:#e2a31b;--dark:#0a0e27;--dark-secondary:#151938;--text:#2d3047;--text-light:#6b7094;--text-muted:#9498b8;--surface:#fff;--surface-alt:#f4f5fb;--border:#e4e7f3;--gradient-primary:linear-gradient(135deg,#0d1bf2 0%,#4f3ef7 50%,#f63d15 100%);--gradient-hero:linear-gradient(160deg,#0a0e27 0%,#151938 40%,#1a1f52 100%);--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--shadow-sm:0 2px 8px #0d1bf20f;--shadow-md:0 8px 30px #0d1bf214;--shadow-lg:0 20px 60px #0d1bf21f;--shadow-glow:0 0 40px #0d1bf233;--container:1140px;--header-h:72px}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}body{color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,sans-serif;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:var(--container);margin:0 auto;padding:0 2rem}.section-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:inline-flex}.section-eyebrow:before{content:"";background:var(--gradient-primary);border-radius:2px;width:24px;height:2px}.section-title{color:var(--dark);margin-bottom:1.25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2}.section-subtitle{color:var(--text-light);max-width:620px;font-size:1.125rem;line-height:1.75}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-2%)}30%{transform:translate(3%,-1%)}50%{transform:translate(-1%,3%)}70%{transform:translate(2%,1%)}90%{transform:translate(-3%,2%)}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.btn-cta{color:#fff;background:var(--primary);cursor:pointer;white-space:nowrap;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.85rem 2rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-cta:hover{background:var(--primary-dark);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-cta-white{color:var(--primary);cursor:pointer;background:#fff;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.85rem 2rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-cta-white:hover{background:#f0f0ff;transform:translateY(-2px);box-shadow:0 0 40px #fff3}.btn-cta-ghost{color:#ffffffb3;cursor:pointer;background:0 0;border:1.5px solid #fff3;border-radius:50px;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-cta-ghost:hover{color:#fff;background:#ffffff0d;border-color:#ffffff80}.section{padding:clamp(4.5rem,8vw,7rem) 0}.section-header{text-align:center;margin-bottom:clamp(2.5rem,5vw,4rem)}.section-header .section-subtitle{margin:0 auto}.section-alt{background:var(--surface-alt)}.section+.section-alt,.section-alt+.section{position:relative}.section+.section-alt:before,.section-alt+.section:before{content:"";background:var(--gradient-primary);opacity:.25;border-radius:2px;width:80px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.gains-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;gap:2rem;display:grid}.gain-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.25rem;transition:all .35s;position:relative;overflow:hidden}.gain-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.gain-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.gain-card:hover:before{opacity:1}.gain-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.gain-card:first-child .gain-icon{background:#0d1bf212}.gain-card:nth-child(2) .gain-icon{background:#f63d1512}.gain-card:nth-child(3) .gain-icon{background:#e2a31b12}.gain-card h3{color:var(--dark);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.gain-card p{color:var(--text-light);line-height:1.7}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:2rem;display:grid}.expertise-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:all .3s;position:relative;overflow:hidden}.expertise-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.expertise-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.expertise-card:hover:before{opacity:1}.expertise-card h3{color:var(--dark);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.expertise-card p{color:var(--text-light);margin-bottom:1rem;line-height:1.7}.expertise-tags{flex-wrap:wrap;gap:.5rem;display:flex}.expertise-tag{background:var(--surface-alt);color:var(--primary);border-radius:50px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.projets-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:2rem;display:grid}.projet-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:all .35s;position:relative;overflow:hidden}.projet-card:before{content:"";background:var(--gradient-primary);opacity:0;height:4px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.projet-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.projet-card:hover:before{opacity:1}.projet-tag{color:var(--primary);background:#0d1bf214;border-radius:50px;margin-bottom:1rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-block}.projet-card h3{color:var(--dark);margin-bottom:.75rem;font-size:1.35rem;font-weight:700}.projet-card p{color:var(--text-light);margin-bottom:1.25rem;line-height:1.7}.projet-metrics{border-top:1px solid var(--border);gap:1.5rem;padding-top:1.25rem;display:flex}.metric{flex:1}.metric-value{color:var(--primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:800;display:block}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.offres-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:2rem;display:grid}.offre-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:2rem;transition:all .35s;display:flex;position:relative;overflow:hidden}.offre-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.offre-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.offre-card:hover:before{opacity:1}.offre-header{margin-bottom:2rem}.offre-icon{border-radius:var(--radius-md);background:#0d1bf212;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.offre-card h3{color:var(--dark);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.offre-card .desc{color:var(--text-light);font-size:.95rem;line-height:1.7}.offre-list{flex-grow:1;margin-bottom:2rem;list-style:none}.offre-list li{color:var(--text-light);align-items:flex-start;gap:.75rem;margin-bottom:1rem;line-height:1.6;display:flex}.offre-list li:before{content:"✓";color:var(--primary);flex-shrink:0;font-weight:700}.offre-cta{background:var(--primary);color:#fff;text-align:center;border-radius:50px;padding:.85rem 1.75rem;font-size:.95rem;font-weight:700;transition:all .3s;display:block}.offre-cta:hover{background:var(--primary-dark);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.services-timeline{grid-template-columns:1fr 1fr;gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.service-step{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);gap:1.25rem;padding:1.75rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.service-step:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.service-step:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.service-step:hover:before{opacity:1}.service-step:last-child{grid-column:1/-1;max-width:420px;margin:0 auto}.step-number{background:var(--gradient-primary);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.step-content h3{color:var(--dark);margin-bottom:.35rem;font-size:1.1rem;font-weight:700}.step-content p{color:var(--text-light);font-size:.95rem;line-height:1.6}.methode-steps{gap:1.25rem;max-width:900px;margin:0 auto;display:grid}.m-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:1.25rem;padding:1.75rem;transition:all .3s;display:flex}.m-step:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translate(8px)}.m-num{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex}.m-body h3{color:var(--dark);margin-bottom:.35rem;font-size:1.15rem;font-weight:700}.m-body p{color:var(--text-light);font-size:.95rem;line-height:1.6}.formations-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:2rem;display:grid}.formation-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:all .35s;position:relative;overflow:hidden}.formation-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.formation-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.formation-card:hover:before{opacity:1}.formation-level{border-radius:50px;margin-bottom:1rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-block}.level-initiation{color:#16a34a;background:#4cde801a}.level-perfectionnement{color:var(--primary);background:#0d1bf21a}.level-pratique{color:var(--accent);background:#f63d151a}.formation-card h3{color:var(--dark);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.formation-card p{color:var(--text-light);margin-bottom:1.25rem;line-height:1.7}.formation-meta{border-top:1px solid var(--border);color:var(--text-muted);gap:1.5rem;padding-top:1rem;font-size:.85rem;font-weight:500;display:flex}.sec-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:2rem;display:grid}.sec-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;padding:1.75rem;transition:all .3s;position:relative;overflow:hidden}.sec-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.sec-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.sec-card:hover:before{opacity:1}.sec-ic{border-radius:var(--radius-md);background:#0d1bf212;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.sec-card h3{color:var(--dark);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.sec-card p{color:var(--text-light);font-size:.95rem;line-height:1.6}.engagements-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;gap:2rem;display:grid}.engagement-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;padding:2rem;transition:all .35s;position:relative;overflow:hidden}.engagement-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.engagement-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.engagement-card:hover:before{opacity:1}.engagement-card-icon{border-radius:var(--radius-md);background:#0d1bf212;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.engagement-card h3{color:var(--dark);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.engagement-card p{color:var(--text-light);line-height:1.7}.cta-final{background:var(--gradient-hero);text-align:center;padding:6rem 0;position:relative;overflow:hidden}.cta-final:before{content:"";pointer-events:none;background:radial-gradient(500px 500px,#0d1bf233,#0000);position:absolute;inset:0}.cta-final .container{z-index:2;position:relative}.cta-final .section-title{color:#fff;max-width:700px;margin-left:auto;margin-right:auto}.cta-final .section-subtitle{color:#fff9;margin:0 auto 2.5rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.cta-contact{color:#ffffff80;flex-wrap:wrap;justify-content:center;gap:2rem;font-size:.9rem;display:flex}.cta-contact a{color:#ffffffb3;transition:color .3s}.cta-contact a:hover{color:#fff}@media (max-width:768px){.container{padding:0 1.5rem}.gains-grid,.expertise-grid,.projets-grid,.offres-grid,.formations-grid,.engagements-grid,.services-timeline{grid-template-columns:1fr}.service-step:last-child{grid-column:auto;max-width:100%}}.contact{background:var(--surface-alt)}.contact-layout{grid-template-columns:1fr 1.5fr;align-items:start;gap:3rem;display:grid}.contact-left h3{color:#162cf8;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.contact-left>p{color:#666;margin-bottom:2rem;line-height:1.7}.contact-info-item{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.contact-info-icon{background:#162cf80f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.contact-info-item span{color:#666;font-size:.95rem}.contact-info-item a{color:#162cf8;font-weight:600;text-decoration:none;transition:color .3s}.contact-info-item a:hover{color:#0915c0}.contact-form{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #00000014}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-group{text-align:left;margin-bottom:1.5rem}.form-group label{color:#333;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea{color:#333;background:#fff;border:1px solid #e4e7f3;border-radius:10px;width:100%;padding:.95rem 1.1rem;font-family:inherit;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#162cf8;outline:none;box-shadow:0 0 0 3px #162cf81a}.form-group input::placeholder,.form-group textarea::placeholder{color:#aaa}.form-group textarea{resize:vertical;min-height:140px}.form-submit{color:#fff;cursor:pointer;background:#162cf8;border:none;border-radius:50px;width:100%;padding:1.1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s}.form-submit:hover{background:#0915c0;transform:translateY(-2px);box-shadow:0 10px 30px #162cf84d}.form-submit:disabled{cursor:not-allowed;box-shadow:none;background:#aaa;transform:none}.form-success{color:#155724;text-align:center;background:#d4edda;border-radius:10px;margin-bottom:1.5rem;padding:1rem;font-weight:500}.form-error{color:#721c24;text-align:center;background:#f8d7da;border-radius:10px;margin-bottom:1.5rem;padding:1rem;font-weight:500}@media (max-width:768px){.contact-layout{grid-template-columns:1fr;gap:2rem}.form-row{grid-template-columns:1fr}.contact-form{padding:1.5rem}}@media (max-width:480px){.container{padding:0 1rem}.cta-actions{flex-direction:column;align-items:center}.cta-actions .btn-cta,.cta-actions .btn-cta-ghost,.cta-actions .btn-cta-white{justify-content:center;width:100%}}
