:root{--bleu-fonce:#0a2540;--creme:#f8f5f0;--dore:#c89b3c;--texte:#333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--creme);color:var(--texte);font-family:Georgia,serif;line-height:1.6}header{border-bottom:1px solid #e0dcd5;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.logo{color:var(--bleu-fonce);font-size:24px;font-weight:700}nav a{color:var(--bleu-fonce);margin-left:20px;text-decoration:none}.hero{max-width:800px;padding:80px 40px}.hero h1{color:var(--bleu-fonce);margin-bottom:20px;font-size:42px}.hero p{margin-bottom:30px;font-size:18px}.btn{background-color:var(--dore);color:#fff;border-radius:4px;padding:14px 28px;font-weight:700;text-decoration:none;display:inline-block}.btn-secondary{color:var(--bleu-fonce);border:1px solid var(--bleu-fonce);border-radius:4px;margin-left:15px;padding:14px 28px;text-decoration:none;display:inline-block}section{padding:60px 40px}h2{color:var(--bleu-fonce);margin-bottom:30px;font-size:32px}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--dore);margin-bottom:10px;font-size:13px}.section-intro{color:#666;max-width:600px;margin-bottom:40px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.service-card{background:#fff;border:1px solid #e0dcd5;border-radius:8px;padding:30px}.service-card--featured{background:var(--bleu-fonce);color:#fff}.service-card--featured h3,.service-card--featured p,.service-card--featured .service-num{color:#fff}.service-num{color:var(--dore);margin-bottom:15px;font-size:13px;font-weight:700;display:block}.service-card h3{color:var(--bleu-fonce);margin-bottom:15px;font-size:22px}.service-card p{color:#555;margin-bottom:20px}.service-link{color:var(--dore);font-weight:700;text-decoration:none}.method-steps{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:50px;display:grid}.step-num{border:1px solid var(--dore);width:40px;height:40px;color:var(--dore);text-align:center;border-radius:50%;margin-bottom:15px;font-weight:700;line-height:40px;display:inline-block}.step-week{color:var(--dore);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:13px}.step h3{color:var(--bleu-fonce);margin-bottom:10px;font-size:20px}.deliverables{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.deliverable{background:#f0ede8;border-radius:8px;padding:25px}.deliverable h4{color:var(--bleu-fonce);margin-bottom:10px}.deliverable p{color:#555}.about-content{grid-template-columns:1.5fr 1fr;align-items:start;gap:40px;display:grid}.about-text p{color:#555;margin-bottom:20px}.about-points .point{border-left:2px solid var(--dore);margin-bottom:25px;padding-left:20px}.about-points h4{color:var(--bleu-fonce);margin-bottom:5px}.about-points p{color:#666;font-size:15px}.contact-content{grid-template-columns:1.5fr 1fr;gap:40px;display:grid}.contact-form{flex-direction:column;gap:15px;display:flex}.contact-form label{color:#444;flex-direction:column;font-size:14px;font-weight:500;display:flex}.contact-form input,.contact-form textarea{border:1px solid #d0d5dd;border-radius:6px;margin-top:5px;padding:12px;font-family:inherit;font-size:15px}.contact-info{background:#f0ede8;border-radius:8px;padding:30px}.contact-info h3{color:var(--bleu-fonce);margin-bottom:20px}.contact-info p{color:#555;margin-bottom:10px}footer{background:var(--bleu-fonce);color:#fff;margin-top:60px;padding:60px 40px 30px}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 40px;display:grid}.footer-brand .logo{color:#fff;margin-bottom:15px;font-size:22px;display:block}.footer-brand p{color:#a0aec0;font-size:14px}.footer-links h4{text-transform:uppercase;letter-spacing:1px;color:var(--dore);margin-bottom:15px;font-size:14px}.footer-links a{color:#cbd5e0;margin-bottom:10px;font-size:14px;text-decoration:none;display:block}.footer-links a:hover{color:#fff}.footer-bottom{color:#a0aec0;border-top:1px solid #1a3a5c;justify-content:space-between;max-width:1200px;margin:0 auto;padding-top:20px;font-size:13px;display:flex}.footer-bottom a{color:#a0aec0;margin-left:20px;text-decoration:none}@media (width<=768px){.about-content,.contact-content,.footer-content{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:10px}}
