:root{--primary-blue:#005580;--secondary-orange:#e45300;--gradient-blue:linear-gradient(135deg,#08c,#005580);--gradient-orange:linear-gradient(135deg,#f93,#e45300);--gradient-hero:linear-gradient(135deg,#005580,#e45300);--text-dark:#333;--text-light:#fff;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--transition-speed:0.3s;--nav-height:80px;--box-shadow:0 4px 6px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}body{color:var(--text-dark);font-family:Poppins,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1400px;padding:0 var(--spacing-sm)}.main-nav{backdrop-filter:blur(10px);background:var(--gradient-blue);box-shadow:var(--box-shadow);height:var(--nav-height);position:fixed;top:0;transition:all var(--transition-speed) ease;width:100%;z-index:1000}.main-nav .container{align-items:center;display:flex;height:100%;justify-content:flex-start}.main-nav img{height:calc(var(--nav-height) - 20px);object-fit:contain;transition:transform var(--transition-speed) ease;width:auto}.main-nav img:hover{transform:scale(1.05)}.logo{align-items:center;display:flex;margin-left:var(--spacing-sm)}.logo a{color:var(--text-light);font-size:1.5rem;font-weight:700;letter-spacing:1px;text-decoration:none;text-transform:uppercase}.nav-links{align-items:center;display:flex;gap:var(--spacing-md);margin-left:auto}.nav-links a{border-radius:4px;color:var(--text-light);font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all var(--transition-speed) ease}.nav-links a:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.btn-client{background:var(--secondary-orange);border-radius:25px!important;box-shadow:var(--box-shadow);padding:.8rem 1.5rem!important}.btn-client:hover{background:#ff8000!important;transform:translateY(-2px)}.hero{background:var(--gradient-hero);color:var(--text-light);margin-top:var(--nav-height);overflow:hidden;padding:calc(var(--spacing-lg)*2) 0;position:relative;text-align:center}.hero:before{background:url(/build/images/toiture.27ca26cb.jpg) 50%/cover;bottom:0;content:"";left:0;opacity:.15;position:absolute;right:0;top:0;z-index:1}.hero .container{animation:fadeIn 1s ease-out;position:relative;z-index:2}.hero h1{font-size:clamp(3rem,8vw,5rem);font-weight:800;letter-spacing:2px;margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero p{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:300;margin:0 auto;max-width:800px;opacity:.9}.company-info{background:var(--primary-blue);color:var(--text-dark);padding:var(--spacing-lg) 0;position:relative}.company-info h2{color:var(--text-light);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg);text-align:center}.company-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.company-card{backdrop-filter:blur(5px);background:var(--secondary-orange);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;box-shadow:var(--box-shadow);padding:var(--spacing-md);transition:all var(--transition-speed) ease}.company-card:hover{box-shadow:0 8px 12px rgba(0,0,0,.2);transform:translateY(-5px)}.company-card h3{color:var(--text-dark);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}.products{background:var(--gradient-orange);color:var(--text-dark);padding:var(--spacing-lg) 0}.products h2{color:var(--text-dark);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg);text-align:center}.products-content{background:var(--primary-blue);border-radius:20px;box-shadow:var(--box-shadow);display:grid;gap:var(--spacing-lg);grid-template-columns:1.5fr 1fr;margin:0 auto;max-width:1100px;padding:var(--spacing-lg)}.products-content p{color:var(--text-light);font-size:1.1rem;line-height:1.8;margin-bottom:var(--spacing-md)}.products-image img{border-radius:15px;box-shadow:var(--box-shadow);transition:transform var(--transition-speed) ease}.products-image img:hover{transform:scale(1.02)}.artisans{background:var(--gradient-blue);color:var(--text-dark);padding:var(--spacing-lg) 0}.artisans h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.artisans h2,.section-intro{color:var(--text-light);text-align:center}.section-intro{font-size:1.2rem;line-height:1.8;margin:0 auto var(--spacing-lg);max-width:800px}.artisans-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:900px}.artisan-card{align-items:center;backdrop-filter:blur(5px);background:var(--secondary-orange);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;justify-content:center;min-height:450px;overflow:hidden;padding:var(--spacing-md);position:relative;text-align:center;transition:all var(--transition-speed) ease}.artisan-card:hover{box-shadow:0 8px 12px rgba(0,0,0,.2);transform:translateY(-5px)}.artisan-card .background-image{height:100%;left:0;object-fit:cover;opacity:.2;position:absolute;top:0;transition:opacity var(--transition-speed) ease;width:100%;z-index:1}.artisan-card:hover .background-image{opacity:.3}.artisan-card .profile-image{border:4px solid hsla(0,0%,100%,.8);border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.2);height:220px;margin-bottom:var(--spacing-md);object-fit:cover;position:relative;transition:transform var(--transition-speed) ease;width:220px;z-index:2}.artisan-card:hover .profile-image{transform:scale(1.05)}.artisan-card h3{font-size:1.8rem;margin-bottom:var(--spacing-sm)}.artisan-card .role,.artisan-card h3{color:var(--text-dark);position:relative;text-shadow:0 2px 4px rgba(0,0,0,.2);z-index:2}.artisan-card .role{font-size:1.3rem;font-weight:500}.contact{background:var(--secondary-orange);padding:var(--spacing-lg) 0}.contact,.contact h2{color:var(--text-dark)}.contact h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg);text-align:center}.contact-content{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px}.contact-info{background:var(--primary-blue);border-radius:20px;box-shadow:var(--box-shadow);padding:var(--spacing-lg)}.contact-info address{font-style:normal;margin-bottom:var(--spacing-md)}.contact-info p{color:var(--text-light);font-size:1.2rem;margin-bottom:var(--spacing-sm)}.contact-phone a{font-weight:600;text-decoration:none;transition:all var(--transition-speed) ease}.contact-phone a,.contact-phone a:hover{color:var(--secondary-orange)}.contact-map{border-radius:20px;box-shadow:var(--box-shadow);overflow:hidden}footer{background:var(--gradient-hero);color:var(--text-light);padding:var(--spacing-lg) 0}.footer-content{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-lg)}.footer-info h3{font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-sm)}.footer-info address{font-size:1.1rem;font-style:normal;line-height:1.8}.footer-links h4{font-size:1.4rem;font-weight:600;margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--text-light);display:block;font-size:1.1rem;margin-bottom:.8rem;text-decoration:none;transition:all var(--transition-speed) ease}.footer-links a:hover{opacity:.9;transform:translateX(5px)}.footer-contact{color:var(--text-light);display:block;margin-bottom:.5rem;text-decoration:none;transition:all var(--transition-speed) ease}.footer-contact:hover{opacity:.9}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);font-size:1.1rem;padding-top:var(--spacing-md);text-align:center}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;padding:.5rem;z-index:1000}.hamburger{display:block;position:relative}.hamburger,.hamburger:after,.hamburger:before{background:var(--text-light);height:2px;transition:all var(--transition-speed) ease;width:24px}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}@media (max-width:768px){.mobile-menu-btn{display:block}.nav-links{animation:slideIn .3s ease-out;backdrop-filter:blur(10px);background:rgba(26,35,126,.95);display:none;flex-direction:column;left:0;padding:var(--spacing-md);position:absolute;right:0;top:100%}.nav-links.active{display:flex}.company-grid,.contact-content{grid-template-columns:1fr}.company-grid{gap:var(--spacing-sm)}.products-content{color:var(--text-light);grid-template-columns:1fr;margin:0 var(--spacing-sm);padding:var(--spacing-md)}.artisans-grid{gap:var(--spacing-md);grid-template-columns:1fr}.hero{padding:calc(var(--spacing-lg)*1.5) 0}.main-nav{height:auto;padding:1rem 0}.main-nav img{height:40px}.logo{margin-left:var(--spacing-sm)}.artisan-card{min-height:400px}.about-section{background:var(--gradient-blue);color:var(--text-light);margin-top:var(--nav-height);padding:calc(var(--spacing-lg)*2) 0}.about-section h1{animation:fadeIn 1s ease-out;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg);text-align:center}.about-content{animation:fadeIn 1s ease-out;backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);border-radius:20px;box-shadow:var(--box-shadow);margin:0 auto;max-width:900px;padding:var(--spacing-md)}.about-content p{font-size:1.2rem;line-height:1.8;margin-bottom:var(--spacing-md)}.about-content p:last-child{margin-bottom:0}.timeline-section{background:var(--gradient-orange);color:var(--text-dark);margin-top:var(--nav-height);padding:calc(var(--spacing-lg)*2) 0}.timeline-section h1{animation:fadeIn 1s ease-out;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg);text-align:center}.timeline-content{animation:fadeIn 1s ease-out;background:var(--primary-blue);border-radius:20px;box-shadow:var(--box-shadow);margin:0 auto;max-width:900px;padding:var(--spacing-md)}.timeline-content p{color:var(--text-light);font-size:1.2rem;line-height:1.8}.about-section,.timeline-section{padding:calc(var(--spacing-lg)*1.5) var(--spacing-sm)}.about-content,.timeline-content{margin:0 var(--spacing-sm);padding:var(--spacing-md)}}.formules-header{background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-orange) 100%);color:var(--text-light);margin-top:60px;padding:4rem 1rem;text-align:center}.formules-header h1{font-size:2.5rem;margin-bottom:1rem}.features{display:flex;justify-content:space-around;margin:0 auto;max-width:1200px;padding:3rem 1rem}.feature{flex:1;max-width:300px;padding:0 1rem;text-align:center}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature h3{color:var(--text-dark);margin-bottom:.5rem}.feature p{color:#666;font-size:.9rem}.info-box{background-color:var(--primary-blue);border-radius:8px;color:var(--text-light);margin:2rem auto;max-width:1000px;padding:2rem;text-align:center}.formules-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto;max-width:1200px;padding:2rem}.formule{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;transition:transform var(--transition-speed) ease;width:300px}.formule:hover{transform:translateY(-5px)}.formule.highlight{background:var(--secondary-orange);color:var(--text-light)}.formule-header{background:rgba(0,0,0,.05);padding:1.5rem;text-align:center}.formule.highlight .formule-header{background:hsla(0,0%,100%,.1)}.formule-header h3{font-size:1.5rem;margin:0}.formule-header p{margin:.5rem 0 0;opacity:.8}.formule-price{border-bottom:1px solid rgba(0,0,0,.1);padding:2rem 1.5rem;text-align:center}.formule.highlight .formule-price{border-color:hsla(0,0%,100%,.2)}.formule-price h2{color:var(--primary-blue);font-size:2.5rem;margin:0}.formule.highlight .formule-price h2{color:var(--text-light)}.formule-price p{margin:.5rem 0}.formule-price small{font-size:.8rem;opacity:.7}.formule-content{padding:1.5rem}.formule-content h4{margin:0 0 1rem}.formule-content ul{list-style:none;margin:0;padding:0}.formule-content li{align-items:center;display:flex;padding:.5rem 0}.formule-content li:before{color:var(--primary-blue);content:"✓";font-weight:700;margin-right:.5rem}.formule.highlight .formule-content li:before{color:var(--text-light)}@media (max-width:768px){.features{align-items:center;flex-direction:column}.feature{margin-bottom:2rem}.formules-container{align-items:center;flex-direction:column}.formule{margin-bottom:2rem;max-width:350px;width:100%}}