@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;500;700;800&display=swap);:root{--primary-blue:#0F172A;--secondary-blue:#1E293B;--bg-gray:#F1F5F9;--bg-white:#FFFFFF;--text-dark:#334155;--text-light:#94A3B8;--accent-copper:#D97706;--accent-copper-hover:#B45309;--accent-copper-light:#FEF3C7;--success-green:#059669;--font-heading:'Outfit', sans-serif;--font-body:'Inter', sans-serif;--section-padding:90px 20px;--border-radius:12px;--box-shadow:0 10px 30px -10px rgba(15, 23, 42, 0.1);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-dark);line-height:1.7;background-color:var(--bg-gray);scroll-behavior:smooth;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.2}h2{text-align:center;font-size:2.6rem;margin-bottom:50px;font-weight:800;color:var(--primary-blue)}p{font-size:1.1rem}a{text-decoration:none;color:var(--accent-copper);transition:var(--transition)}.cta-button,button[type="submit"]{display:inline-block;background-color:var(--accent-copper);color:#fff;padding:16px 36px;border-radius:8px;font-size:1.15rem;font-family:var(--font-heading);font-weight:700;border:none;cursor:pointer;transition:var(--transition);text-align:center;box-shadow:0 4px 15px rgb(217 119 6 / .3)}.cta-button:hover,button[type="submit"]:hover{background-color:var(--accent-copper-hover);transform:translateY(-2px);box-shadow:0 8px 20px rgb(217 119 6 / .4)}.site-header{background:transparent!important;backdrop-filter:none!important;border:none!important;padding:20px 0;position:sticky;top:0;z-index:1000;width:100%}.header-container{max-width:1600px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;position:relative}.site-logo img{max-height:90px!important;width:auto!important;transition:all 0.3s ease}@media (max-width:768px){.site-logo img{max-height:35px!important}}.menu-toggle{background:#fff0;border:none;color:#fff;display:flex;align-items:center;gap:12px;cursor:pointer;z-index:1001}.menu-text{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.hamburger{display:flex;flex-direction:column;gap:6px}.hamburger span{display:block;width:32px;height:3px;background-color:#fff;border-radius:3px;transition:all 0.3s ease}.menu-toggle:hover .hamburger span{background-color:var(--accent-copper)}.main-navigation{position:absolute;top:100%;right:20px}.main-navigation .nav-list{display:flex;flex-direction:column;min-width:320px;background-color:rgb(15 23 42 / .95);backdrop-filter:blur(15px);padding:30px;gap:20px;transform:translateY(-20px);opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;z-index:999;border-radius:12px;list-style:none;box-shadow:0 15px 35px rgb(0 0 0 / .4)}.main-navigation .nav-list.is-open{transform:translateY(0);opacity:1;visibility:visible}.main-navigation .nav-list li{text-align:left;width:100%}.main-navigation .nav-list li a{color:#fff;font-size:1.2rem;font-weight:500;display:block;padding:8px 0;text-decoration:none;transition:var(--transition)}.main-navigation .nav-list li a:hover{color:var(--accent-copper)}@media (max-width:768px){.menu-text{display:none}.main-navigation{right:0;width:100%;padding:0 20px}.main-navigation .nav-list{min-width:unset;width:100%;border-radius:12px}.main-navigation .nav-list li{text-align:center}}.hero-section{min-height:75vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);padding:20px;position:relative}.hero-content{max-width:900px;position:relative;z-index:2}.hero-content h1{font-size:4rem;font-weight:800;margin-bottom:25px;color:var(--bg-white)}.hero-content h2{font-size:1.3rem;font-weight:400;color:var(--text-light);margin-bottom:40px;line-height:1.6}.team-section{padding:var(--section-padding,80px 20px);background-color:#fff0}.mj-section-title{display:block;width:100%;max-width:800px;margin:0 auto 60px auto;text-align:center;background:var(--bg-white,#ffffff);padding:40px 30px;border-radius:var(--border-radius,16px);box-shadow:0 10px 30px rgb(0 0 0 / .15)}.mj-section-title h2{color:var(--primary-blue,#0f172a);margin-bottom:15px;font-size:2.2rem}.mj-section-title p{color:#475569;font-size:1.1rem;line-height:1.6;margin:0}.team-grid{display:flex;justify-content:center;gap:40px;margin-bottom:50px;flex-wrap:wrap}.member-card{position:relative;flex:1;min-width:280px;max-width:350px;text-align:center;cursor:pointer;padding:40px 30px;border-radius:var(--border-radius,16px);background:var(--bg-white,#ffffff);box-shadow:0 10px 25px rgb(0 0 0 / .05)}.member-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius,16px);border:2px solid #fff0;pointer-events:none;transition:border-color 0.3s ease,box-shadow 0.3s ease}.member-card:hover::after{border-color:var(--accent-copper);box-shadow:0 15px 40px rgb(0 0 0 / .15)}.member-card:hover{transform:none!important}.member-card img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:25px;border:4px solid #f1f5f9;transition:border-color 0.3s ease!important}.member-card:hover img{border-color:var(--accent-copper)}.member-card h3{font-size:1.6rem;margin-bottom:5px;color:var(--primary-blue)}.member-card .role{color:var(--accent-copper);font-weight:600;font-size:1rem;display:block}.skills-display-box{max-width:900px;margin:0 auto;background:var(--primary-blue,#0f172a);padding:40px 50px;border-radius:var(--border-radius,16px);border-left:4px solid var(--accent-copper);box-shadow:0 20px 40px rgb(0 0 0 / .4)}.skills-content{display:none}.skills-content.active-skills{display:block;animation:fadeIn 0.5s ease forwards}.skills-content h4{font-size:1.6rem;margin-bottom:20px;color:#fff}.skills-content p,.skills-content ul,.skills-content li{color:#cbd5e1;line-height:1.7;font-size:1.05rem}.skills-content ul{margin-left:20px;margin-bottom:15px;list-style-type:square}.skills-content li{margin-bottom:10px}.skills-content strong,.skills-content b{color:var(--accent-copper);font-weight:600}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.portfolio-section{background-color:var(--primary-blue);padding:var(--section-padding);overflow:hidden;border-top:1px solid rgb(255 255 255 / .05)}.portfolio-section h2{color:#fff}.portfolio-slider-container{max-width:1100px;margin:0 auto;position:relative;padding:0 60px}.slider-btn{position:absolute!important;top:130px!important;transform:translateY(-50%)!important;width:40px!important;height:40px!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important;border-radius:50%!important;background-color:rgb(255 255 255 / .95)!important;z-index:9999!important;pointer-events:auto!important;cursor:pointer!important}.prev-btn{left:5px!important}.next-btn{right:5px!important}.portfolio-track-wrapper{position:relative!important;z-index:1!important}.slider-btn:hover:not(:disabled){background-color:var(--accent-copper);color:#fff}.prev-btn{left:0}.next-btn{right:0}.portfolio-track-wrapper{border-radius:var(--border-radius);overflow:hidden;background:var(--secondary-blue);box-shadow:0 20px 40px rgb(0 0 0 / .4)}.portfolio-track{display:flex;transition:transform 0.5s cubic-bezier(.25,1,.5,1)}.project-slide{flex:0 0 100%;display:flex;align-items:stretch}.project-image-wrapper{flex:1}.project-image-acf{width:100%;height:100%;min-height:350px;object-fit:cover}.project-info{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:top}.project-info h3{font-size:2rem;color:#fff;margin-bottom:15px}.project-info p{color:var(--text-light);font-size:1.1rem;line-height:1.7}@media (max-width:768px){.portfolio-slider-container{padding:0 10px}.project-slide{display:flex;flex-direction:column}.project-image-wrapper{height:240px;width:100%;flex-shrink:0}.project-image-acf{width:100%;height:100%!important;min-height:0!important;object-fit:contain!important;padding:10px}.project-info{padding:20px 15px;max-height:300px;overflow-y:auto}.project-info h3{font-size:1.3rem;line-height:1.3;margin-top:0;margin-bottom:10px}.project-info p{font-size:.95rem;line-height:1.5}.slider-btn{top:120px!important;transform:translateY(-50%);width:35px;height:35px;background-color:rgb(255 255 255 / .95)}.prev-btn{left:5px}.next-btn{right:5px}.project-info::-webkit-scrollbar{width:5px}.project-info::-webkit-scrollbar-track{background:rgb(255 255 255 / .05)}.project-info::-webkit-scrollbar-thumb{background:var(--accent-copper);border-radius:10px}}.faq-section{padding:var(--section-padding);max-width:800px;margin:0 auto;background:var(--bg-gray)}.faq-item{background:var(--bg-white);margin-bottom:15px;border-radius:8px;padding:20px 25px;box-shadow:var(--box-shadow);border:1px solid rgb(0 0 0 / .05);transition:var(--transition)}.faq-item:hover{border-color:var(--accent-copper)}.faq-item summary{font-family:var(--font-heading);font-weight:600;font-size:1.15rem;cursor:pointer;list-style:none;color:var(--primary-blue);position:relative;padding-right:35px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--accent-copper);font-size:1.8rem;font-weight:400;line-height:1}.faq-item[open] summary::after{content:'−'}.faq-item p{margin-top:15px;color:var(--text-dark);border-top:1px dashed rgb(0 0 0 / .05);padding-top:15px}.pricing-section{padding:60px 20px;background:var(--bg-gray)}.calculator-container{max-width:900px;margin:0 auto;background:var(--bg-white);padding:40px;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .1)}.mjon-grid-packs,.mjon-grid-abos{display:flex;flex-wrap:wrap;gap:15px;margin-top:40px}.mjon-pack-card,.mjon-abo-wrapper{flex:1 1 calc(25% - 15px);min-width:180px;position:relative;border:2px solid rgb(15 23 42 / .1);border-radius:8px;padding:20px 10px;text-align:center;cursor:pointer;background:#fff}@media (max-width:992px){.mjon-pack-card,.mjon-abo-wrapper{flex:1 1 calc(50% - 15px)}}@media (max-width:600px){.mjon-pack-card,.mjon-abo-wrapper{flex:1 1 100%}}.mjon-pack-card input,.mjon-abo-wrapper input,.mjon-option-card input{position:absolute;opacity:0;pointer-events:none}.mjon-pack-card.commercial-boost::before,.mjon-abo-wrapper.commercial-boost::before{content:'★ Recommandé';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--primary-blue);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;white-space:nowrap;z-index:5}.mjon-pack-card:has(input:checked),.mjon-abo-wrapper:has(input:checked){border-color:var(--accent-copper);background:#FFF7ED}.mjon-pack-card:has(input:checked) .pack-title,.mjon-abo-wrapper:has(input:checked) .abo-title{color:var(--accent-copper-hover);font-weight:700}.mjon-grid-options{display:grid;grid-template-columns:1fr;gap:15px;margin-bottom:30px}@media (min-width:768px){.mjon-grid-options{grid-template-columns:repeat(2,1fr)}}.mjon-option-card{border:1px solid rgb(15 23 42 / .1);border-radius:8px;padding:15px;display:flex;flex-direction:column;position:relative}.mjon-option-card:has(input:checked){border-color:var(--accent-copper);background:#FFF7ED}.option-header,.mjon-abo-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.mjon-abo-label{display:flex;flex:1;text-align:left;align-items:center}.included-badge{background:var(--success-green);color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;margin-left:10px}.toggle-desc{width:30px;height:30px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer}.live-total-box{background:var(--primary-blue);color:#fff;padding:30px;border-radius:12px;text-align:center;margin-top:40px}.total-line span{color:var(--accent-copper);font-size:2rem;font-weight:800;display:block}.contact-section{padding:var(--section-padding);background:var(--primary-blue)}.contact-section h2{color:#fff}.contact-wrapper{display:flex;flex-wrap:wrap;gap:60px;max-width:1000px;margin:0 auto;align-items:flex-start}.contact-info{flex:1;min-width:300px}.contact-info p{margin-bottom:20px;color:var(--text-light);font-size:1.1rem}.contact-info strong{color:#fff}.contact-form-placeholder{flex:1.5;min-width:300px;background:var(--bg-white);padding:35px;border-radius:12px;box-shadow:0 20px 40px rgb(0 0 0 / .3);border:1px solid rgb(255 255 255 / .1)}.contact-form-placeholder form{display:flex;flex-direction:column;gap:15px}.contact-form-placeholder input,.contact-form-placeholder textarea{width:100%;padding:15px;border:1px solid rgb(15 23 42 / .1);border-radius:8px;font-family:var(--font-body);font-size:1rem;transition:var(--transition);background:var(--bg-gray)}.contact-form-placeholder input:focus,.contact-form-placeholder textarea:focus{outline:none;border-color:var(--accent-copper);box-shadow:0 0 0 3px rgb(217 119 6 / .1);background:#fff}.contact-form-placeholder textarea{height:140px;resize:vertical}.legal-page-container{padding:40px 20px 80px 20px;display:flex;justify-content:center;background-color:var(--primary-blue);min-height:100vh}.legal-content-wrapper{background:var(--bg-white);max-width:850px;width:100%;padding:50px 60px;border-radius:12px;box-shadow:0 10px 30px rgb(15 23 42 / .05);border:1px solid rgb(15 23 42 / .05)}.legal-main-title{text-align:center;color:var(--primary-blue);font-family:var(--font-heading);font-size:2.2rem;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #FFF7ED}.legal-section-title{color:var(--primary-blue);font-family:var(--font-heading);font-size:1.8rem;margin-top:40px;margin-bottom:25px;display:inline-block;border-bottom:3px solid var(--accent-copper);padding-bottom:5px}.legal-subtitle{color:var(--text-dark);font-size:1.2rem;margin-top:25px;margin-bottom:10px;font-weight:700}.legal-article p{color:var(--text-dark);line-height:1.8;margin-bottom:15px;font-size:1.05rem;text-align:justify}.legal-list{padding-left:20px;margin-bottom:20px;list-style-type:none}.legal-list li{color:var(--text-dark);line-height:1.8;margin-bottom:8px;font-size:1.05rem;position:relative;padding-left:15px}.legal-list li::before{content:'•';color:var(--accent-copper);font-weight:700;font-size:1.2rem;position:absolute;left:0;top:-2px}.legal-list strong{color:var(--primary-blue)}.legal-divider{border:none;height:1px;background:rgb(15 23 42 / .1);margin:50px 0}@media (max-width:768px){.legal-content-wrapper{padding:35px 20px}.legal-main-title{font-size:1.6rem}.legal-section-title{font-size:1.4rem}.legal-article p{text-align:left}}.maintenance-ponctuelle-section{background:var(--primary-blue);padding-bottom:80px}.maintenance-container{max-width:800px;margin:0 auto;padding:50px;background:var(--secondary-blue);border-radius:12px;text-align:center;border:1px solid rgb(255 255 255 / .05);box-shadow:0 10px 20px rgb(0 0 0 / .2)}.maintenance-container h2{color:#fff;font-size:2rem;margin-bottom:15px}.maintenance-container p{color:var(--text-light);margin-bottom:25px}.tarif-badge{display:inline-block;background:#fff0;color:var(--accent-copper);padding:15px 35px;border-radius:50px;font-family:var(--font-heading);font-weight:700;font-size:1.2rem;border:2px solid var(--accent-copper);transition:var(--transition)}.tarif-badge:hover{background:var(--accent-copper);color:#fff}.site-footer{background-color:#0A0F1C;color:#94A3B8;padding:60px 20px 20px 20px}.footer-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;border-bottom:1px solid rgb(255 255 255 / .05);padding-bottom:40px}.footer-col h3{color:#fff;font-size:1.3rem;margin-bottom:20px}.footer-col ul{list-style:none}.footer-col ul li{display:flex;justify-content:space-between;margin-bottom:12px;border-bottom:1px solid rgb(255 255 255 / .05);padding-bottom:8px}.legal-links a{color:#94A3B8;font-size:.9rem;transition:var(--transition)}.legal-links a:hover{color:var(--accent-copper)}.footer-bottom{text-align:center;padding-top:25px;font-size:.9rem}.heart{color:var(--accent-copper);font-size:1.2rem}@media (max-width:768px){.hero-content h1{font-size:2.6rem}.team-grid{flex-direction:column;align-items:center}.project-slide{flex-direction:column}.project-info{padding:30px;text-align:center}.calculator-container{padding:25px}.checkbox-list{grid-template-columns:1fr}.contact-wrapper{gap:40px}.contact-form-placeholder{padding:25px}.portfolio-slider-container{padding:0 40px}}.hero-section,.team-section,.portfolio-section,.faq-section,.pricing-section,.contact-section,.maintenance-ponctuelle-section{background:transparent!important}.team-section .section-title h2,.team-section .section-title p,.faq-section h2,.pricing-section h2,.contact-section h2,.portfolio-section h2,.maintenance-container h2,.maintenance-container p{color:white!important}.faq-section{max-width:100%!important;margin:0!important}.faq-container{max-width:800px;margin:0 auto}.maintenance-container{background:rgb(30 41 59 / .6)!important;backdrop-filter:blur(10px)}.reveal{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0.1s}.reveal-delay-2{transition-delay:0.2s}.reveal-delay-3{transition-delay:0.3s}.reveal-delay-4{transition-delay:0.4s}.main-navigation{pointer-events:none!important}.main-navigation .nav-list{pointer-events:auto!important}