@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--sand:#f4f1ec;--sage:#a8bfa3;--dark:#30434a;--terra:#c77f6b;--white:#fff;--line:#e6e4dd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--dark);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit}img{max-width:100%}.site-nav{position:sticky;top:0;z-index:30;background:rgba(250,248,244,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.nav-inner{max-width:1180px;margin:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{display:block;width:190px;max-height:62px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{text-decoration:none;font-weight:700;font-size:.92rem}.nav-links a:hover,.nav-links a[aria-current=page]{color:#a85e4e}.nav-links .nav-cta{background:var(--dark);color:white;padding:10px 18px;border-radius:50px}.menu-btn{display:none;background:none;border:0;font-size:1.8rem;color:var(--dark);cursor:pointer}.hero{position:relative;isolation:isolate;background-size:cover;background-position:center;min-height:430px;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(23,38,42,.76),rgba(23,38,42,.38) 65%,rgba(23,38,42,.12))}.hero-home{background-image:url('images/header.png')}.hero-competences{background-image:url('images/header_skill.png')}.hero-tarifs{background-image:url('images/header_tarif.png')}.hero-contact{background-image:url('images/header_contact.png')}.hero-inner{max-width:1180px;width:100%;margin:auto;padding:90px 24px;color:white}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:800;color:#e9b4a4}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(2.1rem,4.4vw,3.9rem);line-height:1.14;max-width:760px;margin:14px 0 18px}.hero p{font-size:1.12rem;max-width:600px;margin:0 0 26px;color:#f6f3ed}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--dark);color:white;text-decoration:none;padding:13px 23px;border:0;border-radius:9px;font-weight:700;cursor:pointer}.btn:hover{background:#49636a}.btn-light{background:#fff;color:var(--dark)}.btn-light:hover{background:#eaece5}.container{max-width:1180px;margin:auto;padding:76px 24px}.section-heading{max-width:720px;margin-bottom:32px}.section-heading h2{font:800 clamp(1.7rem,3vw,2.45rem)/1.2 Manrope,Arial;margin:0 0 12px}.section-heading p{margin:0;color:#627075}.kicker{color:#ad6c59;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;margin-bottom:10px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.panel{background:white;border:1px solid #eae7df;border-radius:18px;padding:30px;box-shadow:0 12px 32px rgba(39,57,54,.055)}.panel h3{font:800 1.18rem Manrope;margin:8px 0 12px}.panel p{color:#667477;margin:0 0 18px}.panel .symbol{font-size:1.9rem}.panel a{color:#a65c49;font-weight:800;text-decoration:none}.panel:hover{box-shadow:0 18px 40px rgba(39,57,54,.11);transform:translateY(-3px)}.panel{transition:transform .25s,box-shadow .25s}.soft-section{background:#e8eee6}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.split img{width:100%;border-radius:20px;display:block;object-fit:cover;max-height:420px}.split h2{font:800 clamp(1.6rem,3vw,2.5rem)/1.2 Manrope}.bullets{padding-left:20px;line-height:2}.skills-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.skill{background:white;border:1px solid #e8e7e0;padding:23px;border-radius:14px;font-weight:700}.skill span{display:block;font-size:1.8rem;margin-bottom:12px}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.price-card{display:flex;flex-direction:column;min-height:280px}.price-card .price{font:800 2.15rem Manrope;color:#b66b56;margin-top:auto}.price small{font:500 .95rem 'DM Sans';color:#667477}.contact-grid{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:26px;align-items:start}.contact-grid .panel{min-width:0}.contact-info p{overflow-wrap:anywhere}.contact-info a{color:#9d604e}.contact-form{display:grid;gap:9px}.contact-form label{font-weight:700;font-size:.92rem}.contact-form input,.contact-form textarea{width:100%;min-width:0;display:block;padding:13px 15px;border:1px solid #d8ded8;border-radius:9px;font:inherit;background:#fbfcfa;margin-bottom:10px}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--sage);border-color:transparent}.note{font-size:.87rem;color:#697778}.banner{background:var(--dark);color:white;border-radius:20px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.banner h2{margin:0;font:800 1.7rem Manrope}.banner p{margin:8px 0 0;color:#d9e4e1}.site-footer{background:#26383d;color:#e9eeeb;padding:34px 24px;text-align:center;font-size:.88rem}.site-footer a{color:#e9eeeb}@media(max-width:850px){.menu-btn{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#faf8f4;padding:22px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.grid,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr;gap:24px}.contact-grid{grid-template-columns:1fr}.hero{min-height:390px}}@media(max-width:560px){.brand img{width:150px}.hero-inner{padding:75px 20px}.container{padding:52px 18px}.grid,.skills-grid,.pricing-grid{grid-template-columns:1fr}.panel{padding:24px}.banner{display:block}.banner .btn{margin-top:20px}}
