:root{--navy:#062d50;--ocean:#087eae;--turq:#13b7bd;--pale:#edf9fc;--yellow:#ffc857;--text:#17344a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:#fff}a{text-decoration:none;color:inherit}p{line-height:1.7}h1,h2,h3{color:var(--navy);margin-top:0}h2{font-size:clamp(2rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.035em}em{font-style:normal;color:var(--turq)}header{height:92px;position:sticky;top:0;z-index:50;background:#fffffff2;backdrop-filter:blur(14px);display:flex;align-items:center;padding:8px 4.5%;box-shadow:0 5px 25px #06345b10;gap:24px}.brand{width:185px;align-self:stretch;display:flex}.brand img{width:100%;height:100%;object-fit:contain}nav{display:flex;gap:20px;margin-left:auto;font-size:13px;font-weight:700}nav a:hover{color:var(--turq)}.phone{color:var(--ocean);font-weight:800;white-space:nowrap}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:11px;padding:17px 24px;background:linear-gradient(135deg,var(--turq),var(--ocean));color:#fff;font-weight:800;box-shadow:0 9px 22px #087eae2c;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 13px 28px #087eae3d}.mini{padding:13px 18px;font-size:13px}.menu{display:none}.hero{min-height:720px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:4vw;padding:70px 6% 75px;background:linear-gradient(130deg,#fff 55%,#e9f9fc 55%);overflow:hidden}.heroCopy{max-width:790px}.kicker{display:block;color:var(--ocean);font-size:12px;font-weight:900;letter-spacing:.18em;margin-bottom:18px}.hero h1{font-size:clamp(3rem,5.2vw,5rem);line-height:.99;letter-spacing:-.055em;margin-bottom:26px}.lead{font-size:21px;font-weight:700;color:#31546c}.heroCopy>p:not(.lead){font-size:16px;max-width:720px}.keywords{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.keywords span{background:#eaf8fa;color:#07658b;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:800}.actions{display:flex;flex-wrap:wrap;gap:12px}.outline{background:#fff;color:var(--navy);border:2px solid #cce9ee;box-shadow:none}.reassure{margin-top:22px;font-size:12px;font-weight:700;color:#557080}.heroVisual{position:relative;height:570px}.photo,.humanPhoto{background-size:cover;background-position:center;border-radius:34px;box-shadow:0 25px 60px #06345b28}.photo{height:100%;background-image:linear-gradient(180deg,transparent 55%,#052f528c),url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&w=1100&q=85')}.heroVisual>img{position:absolute;width:180px;height:180px;object-fit:contain;background:#fff;border-radius:50%;padding:10px;top:-30px;right:-20px;box-shadow:0 15px 35px #06345b25}.badge{position:absolute;bottom:25px;left:-24px;background:#fff;border-radius:16px;padding:18px 22px;box-shadow:0 15px 30px #06345b2e;display:flex;flex-direction:column;color:var(--navy)}.badge span{font-size:12px;color:#638091;margin-top:5px}.section{padding:100px 6%}.pale{background:var(--pale)}.heading{max-width:800px;margin:0 auto 50px;text-align:center}.heading>p{font-size:17px;color:#577285}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1350px;margin:auto}.cards article{background:#fff;border:1px solid #d9eff2;border-radius:21px;padding:30px;box-shadow:0 13px 36px #062d500d;transition:.2s}.cards article:hover{transform:translateY(-5px);box-shadow:0 18px 44px #062d501b}.cards i,.places i{font-style:normal;width:46px;height:46px;border-radius:13px;background:#e4f9f8;color:var(--turq);display:grid;place-items:center;font-size:23px}.cards h3{font-size:20px;margin:20px 0 10px}.cards p{font-size:14px;color:#587285;min-height:94px}.cards a{color:var(--ocean);font-size:13px;font-weight:800}.dark{background:var(--navy)}.center{display:flex;width:max-content;margin:42px auto 0}.human{padding:105px 7%;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.humanPhoto{height:590px;position:relative;background-image:linear-gradient(180deg,transparent,#052f5240),url('https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1000&q=85')}.human>div:last-child>p{font-size:17px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.checks span{background:#eefaf9;padding:15px;border-radius:10px;color:#17677c;font-weight:700;font-size:13px}.method{background:linear-gradient(140deg,#062d50,#075a78);color:#dcedf3}.method h2,.method h3{color:#fff}.method .heading p{color:#cbe4eb}.light{color:#69dde0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1400px;margin:auto}.steps article{position:relative;border:1px solid #ffffff25;background:#ffffff0d;border-radius:18px;padding:28px 22px}.steps i{font-style:normal;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--turq);color:#fff;font-weight:900;margin-bottom:30px}.steps h3{font-size:17px}.steps p{font-size:13px}.yellow{background:var(--yellow);color:var(--navy)}.places{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:auto}.places div{border:1px solid #d9e9ee;border-radius:16px;padding:22px;display:flex;align-items:center;gap:14px;font-weight:800}.zones{padding:100px 7%;background:#e8f8fb;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.map{height:560px;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f9f1dc,#d6e6cf);box-shadow:0 22px 50px #062d501c}.map:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#7db6ab 1px,transparent 1px);background-size:18px 18px;opacity:.28}.lagoon{position:absolute;width:75%;height:42%;left:12%;top:29%;background:linear-gradient(140deg,#1bb8ca,#087ead);border-radius:47% 53% 62% 38%/58% 45% 55% 42%;transform:rotate(-8deg);box-shadow:inset 0 0 0 10px #ffffff60}.map span,.map b{position:absolute;background:#fff;padding:7px 11px;border-radius:8px;box-shadow:0 4px 12px #062d5025;font-size:12px}.map b{background:var(--yellow);color:var(--navy);font-size:18px}.sete{left:17%;bottom:18%}.frontignan{right:8%;bottom:17%}.balaruc{right:17%;top:24%}.meze{left:13%;top:25%}.marseillan{left:5%;bottom:35%}.towns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.towns span{font-size:14px;font-weight:700}.outside{border-left:4px solid var(--yellow);padding:12px 17px;background:#fff;border-radius:0 10px 10px 0}.audiences{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1300px;margin:auto}.audiences div{background:#fff;padding:24px 18px;border-radius:13px;font-weight:700;font-size:14px}.audiences i{font-style:normal;color:var(--turq);margin-right:9px}.contactBand{background:linear-gradient(120deg,#062d50,#087eae);padding:85px 7%;color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:45px}.contactBand h2{color:#fff}.contactBand p{font-size:18px}.details{display:flex;flex-direction:column;gap:12px}.details a{font-size:18px;font-weight:800}.details small{display:block;color:#9edee5;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}.contactBand .actions{grid-column:1/-1}.white{background:#fff;color:var(--navy)}.quote{padding:110px 7%;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw}.quoteIntro aside{display:flex;flex-direction:column;background:#e8f8f8;border-radius:16px;padding:22px;margin-top:30px}.quoteIntro aside span{font-size:13px;margin-top:8px}form{background:#fff;border:1px solid #d7e9ee;border-radius:24px;padding:32px;box-shadow:0 18px 50px #062d5012}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:13px;margin-bottom:17px}input,select,textarea{width:100%;border:1px solid #cfe1e7;border-radius:9px;padding:13px;font:inherit;background:#fafdfe;color:var(--text)}textarea{resize:vertical}.consent{flex-direction:row;align-items:flex-start;font-weight:400}.consent input{width:auto;margin-top:2px}.submit{width:100%}.success{background:#e8f8f8;padding:35px;border-radius:15px;color:#075a78;line-height:1.8}footer{padding:70px 7% 30px;background:#031f37;color:#b9d0dc;display:grid;grid-template-columns:1.1fr 1fr 1fr 1.3fr;gap:38px}footer img{width:190px;filter:drop-shadow(0 4px 12px #0003)}footer h3,footer b{color:#fff}footer a{display:block;margin:9px 0;font-size:14px}footer p{font-size:13px}footer small{grid-column:1/-1;border-top:1px solid #ffffff18;padding-top:25px}.mobileCall{display:none}
@media(max-width:1100px){header nav{display:none;position:absolute;left:0;right:0;top:92px;background:#fff;padding:25px;flex-direction:column;box-shadow:0 10px 25px #062d501a}header nav.open{display:flex}.menu{display:block;margin-left:auto;border:0;background:transparent;font-size:25px;color:var(--navy)}.phone{display:none}.hero{grid-template-columns:1fr}.heroVisual{height:500px}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.audiences{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{padding-bottom:64px}header{height:72px;padding:5px 18px}.brand{width:130px}.mini{display:none}header nav{top:72px}.hero{padding:55px 20px;background:linear-gradient(165deg,#fff 63%,#e9f9fc 63%)}.hero h1{font-size:42px}.heroVisual{height:370px}.heroVisual>img{width:100px;height:100px}.badge{left:12px;bottom:12px}.section,.human,.zones,.quote{padding:75px 20px}.cards,.human,.zones,.quote{grid-template-columns:1fr}.cards p{min-height:auto}.humanPhoto{height:390px}.checks,.formGrid,.places,.audiences{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.towns{grid-template-columns:1fr}.contactBand{padding:70px 20px;grid-template-columns:1fr}.contactBand .actions{grid-column:auto}.map{height:390px}.quoteIntro{margin-bottom:10px}form{padding:22px 16px}footer{padding:60px 20px 30px;grid-template-columns:1fr 1fr}.mobileCall{position:fixed;z-index:80;display:flex;justify-content:center;align-items:center;bottom:0;left:0;right:0;height:64px;background:var(--yellow);color:var(--navy);font-weight:900;box-shadow:0 -4px 20px #062d5030}.actions .btn{width:100%}}
@media(max-width:480px){footer{grid-template-columns:1fr}.hero h1{font-size:37px}.heroVisual{height:330px}.keywords span{font-size:12px}.places div{padding:16px}.map{height:340px}}

/* Encadré éditorial des prestations */
#prestations .heading{max-width:1050px}
.expertiseIntro{position:relative;max-width:980px;margin:32px auto 0;padding:24px 34px;text-align:left;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(245,239,226,.92));border:1px solid rgba(167,123,45,.5);border-left:4px solid #a77b2d;border-radius:10px;box-shadow:0 14px 34px rgba(37,34,27,.09)}
.expertiseIntro:before{content:"";position:absolute;top:-1px;left:58px;right:58px;height:2px;background:linear-gradient(90deg,transparent,#d2aa5d,transparent)}
.expertiseIntro p{display:grid;grid-template-columns:38px 1fr;gap:15px;align-items:start;margin:0;padding:14px 0;color:#343638;font-size:17px;line-height:1.65;text-align:left}
.expertiseIntro p+p{border-top:1px solid rgba(167,123,45,.18)}
.expertiseIcon{display:grid;place-items:center;width:32px;height:32px;margin-top:1px;border:1px solid #c59a4d;border-radius:50%;background:#fff;color:#966b22;font-size:14px;font-weight:900;box-shadow:0 5px 14px rgba(124,91,35,.12)}
@media(max-width:720px){.expertiseIntro{margin-top:25px;padding:18px 20px;border-left-width:3px}.expertiseIntro:before{left:35px;right:35px}.expertiseIntro p{grid-template-columns:32px 1fr;gap:11px;padding:13px 0;font-size:15px;line-height:1.6}.expertiseIcon{width:28px;height:28px;font-size:12px}}

/* Trait doré séparateur entre l'introduction et les prestations */
.prestationsDivider{width:100%;max-width:1460px;height:2px;margin:8px auto 58px;border-radius:999px;background:linear-gradient(90deg,#9f7228 0%,#d2aa5d 50%,#9f7228 100%);box-shadow:0 3px 10px rgba(159,114,40,.16)}
.expertiseVariant #prestations .heading{margin-bottom:26px}
@media(max-width:720px){.prestationsDivider{height:2px;margin:6px auto 40px;box-shadow:none}.expertiseVariant #prestations .heading{margin-bottom:20px}}

/* En-tête et panorama inspirés de la composition de référence */
header{height:98px;background:linear-gradient(90deg,#072d4f,#0a4168 54%,#06243d);padding:8px 10%;gap:30px;box-shadow:0 5px 25px #00192b38}header .brand{width:225px}header nav{gap:27px;color:#fff;font-size:14px}header nav a{position:relative;padding:38px 0}header nav a:hover,header nav a.active{color:#55d9dc}header nav a.active:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:21px;background:#55d9dc;border-radius:3px}.headerCall{margin-left:18px;display:flex;align-items:center;background:#22c1c6;color:#052b48;border-radius:7px;font-weight:900;white-space:nowrap;overflow:hidden}.headerCall span{padding:17px 18px}.headerCall b{display:grid;place-items:center;background:#041e34;color:#fff;margin:4px;width:43px;height:43px;border-radius:6px}
.hero{min-height:720px;position:relative;display:flex;align-items:center;padding:82px 11%;color:#fff;background-image:linear-gradient(90deg,rgba(2,31,52,.76),rgba(3,42,68,.55) 48%,rgba(4,51,76,.15) 80%,rgba(4,51,76,.04)),url('images/nettoyage-extreme-lyon-panorama.webp');background-size:cover;background-position:center 50%;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,18,31,.14));pointer-events:none}.heroCopy{position:relative;z-index:2;max-width:900px;text-shadow:0 2px 16px #00172855}.heroEyebrow{display:block;font-size:15px;font-weight:800;letter-spacing:.05em;margin-bottom:18px}.heroEyebrow:before{content:"";display:inline-block;width:7px;height:7px;background:#55d9dc;margin-right:11px}.hero h1{color:#fff;font-size:clamp(3.1rem,5.3vw,5.2rem);line-height:1.03;letter-spacing:-.045em;margin-bottom:24px}.hero h1 strong{color:#66e2e2}.hero .lead{font-size:18px;font-weight:650;color:#fff;max-width:720px;line-height:1.55}.heroNote{font-size:15px;font-weight:800;color:#fff}.heroBtn{margin-top:20px;background:#20c1c5;color:#032b47;box-shadow:0 8px 25px #001c2e45}.heroBtn b{display:grid;place-items:center;margin-left:18px;background:#052b48;color:#fff;width:34px;height:34px;border-radius:5px}.hero .reassure{margin-top:24px;font-size:13px;font-weight:700;color:#fff}.heroLogo{position:absolute;z-index:2;right:10%;top:50%;transform:translateY(-50%);width:220px;height:220px;background:rgba(255,255,255,.93);border-radius:50%;padding:18px;box-shadow:0 18px 50px #001b2f50}.heroLogo img{width:100%;height:100%;object-fit:contain}
@media(max-width:1100px){header{padding-left:5%;padding-right:5%}header nav{top:98px;background:#073454}header nav a{padding:9px 0}.menu{color:#fff}.headerCall{margin-left:0}.heroLogo{right:5%;width:160px;height:160px}}
@media(max-width:720px){header{height:76px}.brand{width:145px}.headerCall{display:none}header nav{top:76px}.hero{min-height:650px;padding:70px 20px;background-image:linear-gradient(90deg,rgba(2,31,52,.82),rgba(3,42,68,.55)),url('images/nettoyage-extreme-lyon-panorama.webp');background-position:57% center}.hero h1{font-size:42px}.heroLogo{display:none}}

/* Zone blanche du logo et séparation en vague */
header{position:sticky;isolation:isolate}header:before{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:31%;background:#fff}header:after{content:"";position:absolute;z-index:-1;left:27%;top:-35%;width:8%;height:170%;background:#fff;border-radius:0 50% 50% 0;transform:skewX(-10deg)}header .brand{position:relative;z-index:1}.brand img{filter:none}

/* Bloc Qui sommes-nous inspiré de la référence */
.human{padding:105px 6%;grid-template-columns:.82fr 1.38fr;gap:7vw;align-items:stretch}.humanMontage{position:relative;min-height:720px}.mainSituation{width:78%;height:100%;object-fit:cover;border-radius:14px}.vanTeam{position:absolute;z-index:2;right:0;top:9%;width:62%;height:44%;object-fit:cover;border:5px solid #fff;border-radius:14px;box-shadow:0 20px 45px #062d5030}.montageLogo{position:absolute;z-index:3;right:18%;top:43%;width:130px;height:130px;object-fit:contain;background:#fff;border:5px solid #fff;border-radius:50%;box-shadow:0 14px 30px #062d5030}.humanContent h2{font-size:clamp(2.4rem,4.2vw,4rem)}.humanContent>p{color:#60707b;font-size:16px}.values{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:32px;border-left:7px solid var(--turq);background:#f3f7f8;border-radius:12px;padding:24px 30px}.values>div{display:flex;align-items:flex-start;gap:18px}.values i{font-style:normal;display:grid;place-items:center;flex:0 0 60px;height:60px;border-radius:7px;background:#23c2c7;color:#052f50;font-size:28px}.values span{display:flex;flex-direction:column}.values b{font-size:20px;color:#102f45}.values small{margin-top:8px;color:#687984;line-height:1.55}.aboutActions{display:flex;gap:18px;margin-top:34px}.aboutActions .btn{background:#20c1c5;color:#052f50}.aboutActions .btn b{margin-left:20px;color:#fff;background:#052f50;border-radius:5px;padding:8px 11px}
@media(max-width:1100px){header:before{width:35%}header:after{left:31%}.human{grid-template-columns:1fr}.humanMontage{min-height:650px;max-width:650px;margin:auto}.humanContent{max-width:850px;margin:auto}}
@media(max-width:720px){header{background:#fff}header:before,header:after{display:none}.menu{color:var(--navy)}header nav{background:#073454}.humanMontage{min-height:470px}.mainSituation{width:84%}.vanTeam{width:67%;height:43%}.montageLogo{width:90px;height:90px;right:12%;top:42%}.values{grid-template-columns:1fr;gap:22px;padding:22px 18px}.aboutActions{flex-direction:column}.aboutActions .btn{width:100%}}

/* Ajustements d'après la nouvelle référence d'en-tête */
header{overflow:hidden;border-radius:0 0 2px 2px}header:before{width:33%;top:0;bottom:0}header:after{left:29%;top:0;width:7%;height:100%;border-radius:0 0 100% 0;transform:skewX(-16deg);transform-origin:bottom left}.humanMontage{background:var(--navy);border-radius:14px;overflow:visible}.mainSituation{opacity:.72;filter:saturate(.82) contrast(1.04)}.cards article{border:1px solid var(--navy)}
@media(max-width:1100px){header:before{width:38%}header:after{left:34%;width:8%}}
@media(max-width:720px){header{overflow:visible}.humanMontage{overflow:visible}}

/* Publics accompagnés */
.audienceSection{padding:100px 5% 110px;background:#fff}.audienceSection .heading{max-width:980px}.audienceSection .heading h2{font-size:clamp(2.6rem,4.6vw,4.25rem)}.audienceSection .heading p{max-width:900px;margin:0 auto;color:#667783}.audienceCards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1480px;margin:70px auto 0}.audienceCards article{min-height:390px;padding:42px 40px;border-radius:14px;background:#20c1c5;color:#052f50}.audienceCards article:nth-child(2){background:var(--navy);color:#fff}.audienceCards h3{font-size:24px;color:inherit;margin-bottom:14px}.audienceCards p{font-size:16px;line-height:1.65;min-height:132px}.audienceCards ul{list-style:none;padding:24px 0 0;margin:20px 0 0;border-top:1px solid #052f5027}.audienceCards article:nth-child(2) ul{border-color:#ffffff24}.audienceCards li{position:relative;padding:8px 0 8px 18px;font-weight:650}.audienceCards li:before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;background:var(--yellow)}
@media(max-width:1000px){.audienceCards{grid-template-columns:1fr;max-width:720px;margin-top:45px}.audienceCards article{min-height:auto}.audienceCards p{min-height:auto}}
@media(max-width:720px){.audienceSection{padding:75px 20px}.audienceCards article{padding:32px 25px}}

/* Cartes prestations illustrées selon les visuels de référence */
#prestations{background:#edf9fc}.cards{gap:26px}.cards article{padding:0;overflow:hidden;border:1px solid var(--navy);border-radius:20px;box-shadow:none;display:flex;flex-direction:column}.cards article:hover{transform:translateY(-4px);box-shadow:0 16px 34px #062d501a}.cards article>img{width:100%;height:190px;object-fit:cover;display:block}.serviceBody{display:flex;flex-direction:column;flex:1;padding:20px 22px 17px}.cards .serviceBody h3{margin:0 0 12px;font-size:21px;font-weight:600}.cards .serviceBody p{margin:0;color:#49667a;min-height:94px;font-size:14px}.cards .serviceBody a{align-self:flex-end;margin-top:auto;color:#062d8a;font-size:16px;letter-spacing:.02em}.cards .serviceBody a b{margin-left:7px}.cards article:nth-child(3)>img{object-position:center 45%}.cards article:nth-child(6)>img{object-position:center 48%}
@media(max-width:720px){.cards article>img{height:175px}.cards .serviceBody p{min-height:auto}.cards .serviceBody a{margin-top:18px}}

/* Comprendre le syndrome de Diogène */
.diogeneInfo{padding:90px 7%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw;align-items:center;background:#fff}.diogenePicture{position:relative;overflow:hidden;min-height:455px;border-radius:20px;box-shadow:0 22px 55px #062d5028}.diogenePicture:after{content:"";position:absolute;inset:0;border:1px solid #ffffff55;border-radius:inherit;pointer-events:none}.diogenePicture img{display:block;width:100%;height:100%;min-height:455px;object-fit:cover;object-position:42% center}.diogeneText{width:100%;max-width:none}.diogeneText h2{font-size:clamp(1.45rem,2.15vw,2rem);line-height:1.18;letter-spacing:-.02em;margin-bottom:25px}.diogeneText>p{font-size:17px;color:#536e7f;margin:0}.diogeneOrigin{margin-top:26px!important;padding:20px 22px;border-left:6px solid var(--turq);border-radius:0 12px 12px 0;background:#edf9fc}.diogeneOrigin b{display:block;color:var(--navy);font-size:18px;margin-bottom:5px}@media(max-width:900px){.diogeneInfo{grid-template-columns:1fr;padding:75px 6%}.diogenePicture{min-height:360px}.diogenePicture img{min-height:360px;max-height:520px}.diogeneText{max-width:none}}@media(max-width:720px){.diogeneInfo{padding:70px 20px;gap:38px}.diogenePicture{min-height:285px}.diogenePicture img{min-height:285px}.diogeneText h2{font-size:1.55rem}.diogeneText>p{font-size:15px}.diogeneOrigin{padding:17px 18px}}

/* Pourquoi nous faire confiance */
.trustSection{padding:105px 6%;background:linear-gradient(135deg,#062d50 0%,#074d6e 58%,#087eae 100%);color:#dceef3}.trustIntro{max-width:920px;margin:0 auto 58px;text-align:center}.trustIntro h2{color:#fff}.trustIntro p{max-width:850px;margin:0 auto;font-size:18px;color:#dceef3}.trustIntro b{color:#fff}.trustGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1450px;margin:auto}.trustGrid article{position:relative;padding:34px 27px 30px;border:1px solid #ffffff2b;border-radius:16px;background:#ffffff0d;box-shadow:0 15px 36px #001a2b20}.trustGrid i{display:grid;place-items:center;width:48px;height:48px;margin-bottom:25px;border-radius:10px;background:#20c1c5;color:#052f50;font-style:normal;font-size:14px;font-weight:900}.trustGrid h3{color:#fff;font-size:21px;line-height:1.25;margin-bottom:15px}.trustGrid p{margin:0;color:#cde4eb;font-size:15px;line-height:1.65}.trustGrid p b{color:#fff}@media(max-width:1050px){.trustGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.trustSection{padding:75px 20px}.trustIntro{margin-bottom:38px}.trustIntro p{font-size:16px}.trustGrid{grid-template-columns:1fr}.trustGrid article{padding:28px 24px}}

/* Mosaïque de situations */
.gallerySection{padding:100px 5% 95px;background:#f7fbfc}.galleryHeading{max-width:850px;margin:0 auto 45px;text-align:center}.galleryHeading p{max-width:780px;margin:0 auto;color:#607888;font-size:17px}.photoMosaic{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:165px;gap:10px;max-width:1480px;margin:auto}.photoMosaic figure{margin:0;overflow:hidden;border-radius:14px;background:#dbe8ec;box-shadow:0 8px 22px #062d5017}.photoMosaic figure:nth-child(1),.photoMosaic figure:nth-child(6){grid-row:span 2}.photoMosaic figure:nth-child(4),.photoMosaic figure:nth-child(9){grid-column:span 2}.photoMosaic button{width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in;display:block}.photoMosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,filter .45s ease}.photoMosaic figure:hover img,.photoMosaic button:focus-visible img{transform:scale(1.045);filter:saturate(1.06)}.photoMosaic button:focus-visible{outline:4px solid var(--yellow);outline-offset:-4px}.photoMosaic figure:nth-child(1) img,.photoMosaic figure:nth-child(2) img{object-position:center 45%}.lightbox{position:fixed;z-index:200;inset:0;background:#021522ed;display:flex;align-items:center;justify-content:center;padding:45px 85px}.lightboxImage{max-width:min(1180px,82vw);max-height:86vh;display:flex;flex-direction:column;align-items:center}.lightboxImage img{display:block;max-width:100%;max-height:80vh;object-fit:contain;border-radius:10px;box-shadow:0 24px 70px #0009}.lightboxImage span{margin-top:13px;color:#fff;font-weight:800}.lightbox button{position:absolute;border:0;color:#fff;background:#ffffff18;cursor:pointer;display:grid;place-items:center}.lightbox button:hover{background:#20c1c5}.lightboxClose{right:24px;top:20px;width:48px;height:48px;border-radius:50%;font-size:34px}.lightboxPrev,.lightboxNext{top:50%;transform:translateY(-50%);width:54px;height:78px;border-radius:12px;font-size:48px}.lightboxPrev{left:22px}.lightboxNext{right:22px}@media(max-width:1000px){.photoMosaic{grid-template-columns:repeat(3,1fr)}.photoMosaic figure:nth-child(4),.photoMosaic figure:nth-child(9){grid-column:span 1}}@media(max-width:720px){.gallerySection{padding:75px 20px}.galleryHeading{margin-bottom:32px}.galleryHeading p{font-size:15px}.photoMosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:145px;gap:7px}.photoMosaic figure:nth-child(1),.photoMosaic figure:nth-child(6){grid-row:span 1}.photoMosaic figure:first-child{grid-column:span 2;grid-row:span 2}.lightbox{padding:70px 18px}.lightboxImage{max-width:100%}.lightboxPrev,.lightboxNext{width:42px;height:60px;font-size:38px;background:#062d50cc}.lightboxPrev{left:8px}.lightboxNext{right:8px}.lightboxClose{right:12px;top:12px}}

.sectorCard{height:560px;overflow:hidden;border-radius:28px;box-shadow:0 22px 50px #062d5026;background:#d7effc;position:relative}.sectorCard img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;filter:saturate(.92) contrast(1.02)}.sectorCard:after{content:"";position:absolute;inset:0;background:#168fc01a;mix-blend-mode:color;pointer-events:none}
@media(max-width:720px){.sectorCard{height:390px;border-radius:20px}}

/* Séparation maritime douce entre les espaces adaptés et les secteurs desservis */
.softWave{height:148px;position:relative;overflow:hidden;background:#e8f8fb;margin:0;line-height:0}
.softWave span{position:absolute;bottom:-52px;border-radius:50% 50% 0 0/78% 78% 0 0;transform-origin:center bottom}
.softWave span:nth-child(1){left:-10%;width:52%;height:164px;background:#d1ebf2;transform:rotate(3deg)}
.softWave span:nth-child(2){left:25%;width:52%;height:132px;background:#b5dce7;transform:rotate(-4deg)}
.softWave span:nth-child(3){right:-8%;width:53%;height:176px;background:#98ccda;transform:rotate(4deg)}
.softWave span:nth-child(4){left:-7%;width:66%;height:92px;bottom:-36px;background:#72b6ca;transform:rotate(-2deg);opacity:.68}
.softWave span:nth-child(5){right:-12%;width:70%;height:108px;bottom:-48px;background:#4e9fba;transform:rotate(2deg);opacity:.48}
@media(max-width:720px){.softWave{height:105px}.softWave span{bottom:-38px}.softWave span:nth-child(1){height:116px}.softWave span:nth-child(2){height:94px}.softWave span:nth-child(3){height:125px}.softWave span:nth-child(4){height:66px;bottom:-27px}.softWave span:nth-child(5){height:76px;bottom:-35px}}

/* Essai typographique réversible */
body{font-family:Verdana,Geneva,Tahoma,sans-serif}
.hero .lead.heroServices{max-width:none;font-size:min(16px,1.15vw);font-weight:400;white-space:nowrap;letter-spacing:-.015em}
@media(max-width:720px){.hero .lead.heroServices{font-size:2.15vw;letter-spacing:-.035em}}

/* Interligne légèrement plus aéré pour le titre principal */
.hero h1{line-height:1.07}

/* Essai photo pour le bloc « Nous nous adaptons » */
.adaptSection{position:relative;padding-top:68px;padding-bottom:72px;background-image:linear-gradient(90deg,rgba(3,31,55,.58),rgba(6,45,80,.38)),url('images/logement-encombre-types-locaux.webp');background-size:cover;background-position:center 48%;background-attachment:fixed}
.adaptSection .heading{margin-bottom:34px}
.adaptSection .heading h2{font-size:clamp(1.1rem,2vw,1.72rem);letter-spacing:-.015em;color:#fff}
.adaptSection .kicker{color:#72e1e4;text-shadow:0 2px 10px #031f37}
.adaptSection .places div{background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.7);box-shadow:0 10px 28px #031f3740}
@media(max-width:720px){.adaptSection{background-attachment:scroll;background-position:center;padding-top:58px;padding-bottom:62px}.adaptSection .heading h2{font-size:1.15rem}}

/* Header inspiré du modèle fourni */
header{height:110px;padding:6px 3.5%;gap:26px;background:#073554;overflow:hidden}
header:before{width:37%;background:#fff}
header:after{left:32%;top:0;width:8%;height:100%;border-radius:0 0 100% 0;transform:skewX(-18deg);background:#fff}
header .brand{width:355px;min-width:355px;height:98px;align-self:center}
header .brand img{width:100%;height:100%;object-fit:contain;object-position:left center}
header nav{gap:26px;font-size:14px}
header nav a{padding:43px 0 39px;color:#fff}
header nav a.active:after{bottom:26px}
.headerCall{margin-left:10px}
@media(max-width:1350px){header{overflow:visible;padding-left:4%;padding-right:4%}header:before{width:43%}header:after{left:38%}header nav{display:none;position:absolute;left:0;right:0;top:110px;background:#073554;padding:24px 5%;flex-direction:column;box-shadow:0 12px 28px #031f374d}header nav.open{display:flex}header nav a{padding:10px 0}.menu{display:block;margin-left:auto;color:#fff}.headerCall{margin-left:0}}
@media(max-width:720px){header{height:82px;background:#fff;padding:4px 18px;overflow:visible}header:before,header:after{display:none}header .brand{width:235px;min-width:0;height:72px}.menu{color:var(--navy)}header nav{top:82px}.headerCall{display:none}}

/* Finition du décroché du header et alignement du logo avec le contenu */
@media(min-width:1351px){header{height:98px;padding:0 3.5% 0 6%;overflow:hidden}header:before{left:0;top:0;bottom:0;width:25%;height:auto;background:#fff}header:after{left:25%;top:-100%;bottom:auto;width:7.5%;height:200%;background:#fff;border-radius:0 0 100% 0;transform:none;transform-origin:center}header .brand{width:360px;min-width:360px;height:92px}header nav{gap:25px}header nav a{padding:37px 0 35px}header nav a.active:after{bottom:21px}}

@media(max-width:720px){header{height:100px;padding:4px 18px;justify-content:center}header .brand{width:320px;max-width:calc(100% - 100px);height:92px;margin:0 auto}header .brand img{object-position:center}.menu{position:absolute;right:20px;margin:0}header nav{top:100px}}

.heroLogo.whaleBadge{padding:3px;overflow:hidden;border:1px solid rgba(75,174,211,.58);background:#fff;box-shadow:0 18px 50px #001b2f3d}
.heroLogo.whaleBadge img{border-radius:50%;object-fit:cover}

.heroLogo.whaleBadge{width:175px;height:175px;padding:0;border:0;box-shadow:0 14px 38px #001b2f32}
@media(max-width:1100px){.heroLogo.whaleBadge{width:130px;height:130px}}

.heroLogo.whaleBadge{width:145px;height:145px}
.heroLogo.whaleBadge img{object-fit:contain}
@media(max-width:1100px){.heroLogo.whaleBadge{width:110px;height:110px}}

/* Affichage intégral du visuel des secteurs — visuel réduit et texte rééquilibré */
.zones{grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);gap:5vw}
.zones>div:last-child{width:100%;max-width:650px}
.sectorCard{height:auto;aspect-ratio:397/156}
.sectorCard img{object-fit:contain;object-position:center}
@media(max-width:1000px){.zones{grid-template-columns:1fr}.zones>div:last-child{max-width:none}.sectorCard{height:auto;aspect-ratio:397/156}}

/* Page Mentions légales */
.legalPage{min-height:100vh;background:#f4fafc;color:#17344a}.legalTop{height:100px;padding:8px 7%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #d8eaf0}.legalBrand{display:block;width:310px;height:82px}.legalBrand img{width:100%;height:100%;object-fit:contain}.legalBack{color:#087eae;font-weight:800}.legalHero{padding:72px 7% 66px;text-align:center;background:linear-gradient(135deg,#062d50,#087eae);color:#fff}.legalHero span{font-size:12px;font-weight:900;letter-spacing:.18em;color:#70e2e4}.legalHero h1{margin:13px 0 8px;color:#fff;font-size:clamp(2.5rem,5vw,4.5rem)}.legalHero p{margin:0;color:#d7edf3;font-size:18px}.legalContent{width:min(1050px,88%);margin:55px auto 75px}.legalContent section{margin-bottom:20px;padding:29px 34px;background:#fff;border:1px solid #d9eaf0;border-radius:14px;box-shadow:0 10px 28px #062d500a}.legalContent h2{margin-bottom:15px;font-size:21px;letter-spacing:-.015em}.legalContent p{margin:8px 0;line-height:1.75;color:#405e72}.legalContent a{color:#087eae;font-weight:700}.legalFooter{padding:30px 7%;display:flex;justify-content:space-between;gap:20px;background:#031f37;color:#b9d0dc;font-size:13px}.legalFooter a{color:#fff;font-weight:800}@media(max-width:720px){.legalTop{height:82px;padding:5px 20px}.legalBrand{width:220px;height:68px}.legalBack{font-size:12px}.legalHero{padding:55px 20px}.legalContent{width:auto;margin:35px 20px 55px}.legalContent section{padding:23px 20px}.legalContent h2{font-size:19px}.legalFooter{flex-direction:column;padding:28px 20px}}

.formGrid .optionalOrganization{grid-column:1/-1}

.quoteContacts{gap:12px}.quoteContacts a{color:#075a78;font-size:17px;font-weight:850}.quoteContacts a:hover{color:#087eae}.details>span{font-size:16px;font-weight:800;line-height:1.5}

.zones .zonesTitle,.human .humanTitle{font-size:clamp(1.35rem,2.2vw,1.875rem);font-weight:800;letter-spacing:-.02em;line-height:1.2}
.human .humanTitle{margin-bottom:30px}

/* La photo remplit entièrement le montage « Qui sommes-nous ? » */
.humanMontage .mainSituation{width:100%;height:100%;opacity:1;filter:none;object-fit:cover;object-position:center}
.humanMontage .montageLogo{object-fit:contain;padding:2px}
@media(max-width:720px){.humanMontage .mainSituation{width:100%}}

.values{border-left:0}

.humanMontage .montageLogo{right:-5%;top:43%}
@media(max-width:720px){.humanMontage .montageLogo{right:-3%;top:42%}}

/* Montage décalé : le fourgon dépasse de la grande photographie */
.humanMontage{background:transparent}
.humanMontage .mainSituation{width:84%;height:100%}
.humanMontage .vanTeam{right:-7%;top:7%;width:70%;height:46%}
.humanMontage .montageLogo{right:-10%;top:44%}
@media(max-width:720px){
  .humanMontage{min-height:440px;background:transparent;border-radius:0;margin:0;max-width:100%}
  .humanMontage .mainSituation{width:82%;height:100%;border-radius:12px}
  .humanMontage .vanTeam{right:0;top:6%;width:74%;height:48%;border-width:4px}
  .humanMontage .montageLogo{right:-1%;top:44%;width:82px;height:82px}
}

/* Ligne des prestations plus lisible sur mobile, conservée sur une seule ligne */
@media(max-width:720px){
  .hero .lead.heroServices{font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(10px,2.8vw,12px);font-weight:600;letter-spacing:-.055em;white-space:nowrap;width:133.333%;transform:scaleX(.75);transform-origin:left center;margin-right:-33.333%}
}

/* Pied de page conforme au visuel de référence */
.siteFooter{padding:0;background:#031f37;grid-template-columns:1.15fr 1fr 1fr 1.35fr;gap:0}.siteFooter>div{padding:62px 34px 48px}.siteFooter .footerLogo{display:flex;align-items:center;justify-content:center;background:#fff;padding:35px}.siteFooter .footerLogo img{width:min(100%,380px);filter:none}.siteFooter .footerPromise b{display:block;font-size:17px;line-height:1.4}.siteFooter .footerPromise p{color:#d0e4ec;line-height:1.65}.siteFooter small{grid-column:2/-1;margin:0 34px;padding:22px 0 30px;text-align:right}
@media(max-width:900px){.siteFooter{grid-template-columns:1fr 1fr}.siteFooter .footerLogo{grid-column:1/-1;padding:28px}.siteFooter .footerLogo img{width:260px}.siteFooter small{grid-column:1/-1;text-align:center}}
@media(max-width:520px){.siteFooter{grid-template-columns:1fr}.siteFooter>div{padding:35px 24px}.siteFooter .footerLogo{grid-column:auto}.siteFooter small{grid-column:auto;margin:0 24px}}

.siteFooter .footerLogo{border-top:1px solid #49677c;border-bottom:1px solid #49677c;border-left:1px solid #49677c}

.siteFooter .footerPromise b,.siteFooter .footerPromise p{line-height:1.9}.siteFooter .footerPromise p{margin-top:12px}

/* Première adaptation DIOGENE OFFICE : logo fourni et panorama de Lyon */
header .brand{width:330px;min-width:330px}
.heroLogo.whaleBadge{width:190px;height:170px;padding:8px;border-radius:18px;background:#fff}
.heroLogo.whaleBadge img{border-radius:10px;object-fit:contain}
.humanMontage .montageLogo{padding:7px;background:#fff;object-fit:contain}
@media(min-width:1351px){header .brand{width:330px;min-width:330px;height:92px}}
@media(max-width:720px){header .brand{width:270px;max-width:calc(100% - 86px);height:92px}.hero{background-position:62% center}}

/* Style 1 — structure DIOGENE SETE adaptée à l'identité DIOGENE OFFICE */
:root{--navy:#1d1f20;--ocean:#a77b2d;--turq:#c9a153;--pale:#f5f2eb;--yellow:#d2aa5d;--text:#2a2c2e}
body{color:#2a2c2e;background:#fff}
h1,h2,h3{color:#1d1f20}
header{background:#202223}
header:before,header:after{background:#fff}
header nav a:hover,header nav a.active{color:#d2aa5d}
header nav a.active:after{background:#d2aa5d}
.headerCall{background:#d2aa5d;color:#18191a}
.headerCall b{background:#111;color:#fff}
.hero{background-image:linear-gradient(90deg,rgba(11,12,13,.76),rgba(28,29,30,.48) 48%,rgba(30,30,28,.12) 82%,rgba(30,30,28,.03)),url('images/nettoyage-extreme-lyon-panorama.webp')}
.hero:after{background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(0,0,0,.1))}
.heroEyebrow:before{background:#d2aa5d}
.hero h1 strong{color:#e0ba70}
.heroBtn,.btn{background:linear-gradient(135deg,#d7b56d,#a97c2d);color:#171819;box-shadow:0 9px 22px #7f5b2238}
.heroBtn b,.aboutActions .btn b{background:#18191a;color:#fff}
.pale,#prestations{background:#f5f2eb}
.kicker{color:#a77b2d}
.cards article{border-color:#b38a43}
.cards .serviceBody a{color:#8a631e}
.humanContent b,.values b{color:#202223}
.values{background:#f6f2e9;border-color:#c9a153}
.values i{background:#d2aa5d;color:#18191a}
.aboutActions .btn{background:#d2aa5d;color:#18191a}
.adaptSection{background-image:linear-gradient(90deg,rgba(18,19,20,.76),rgba(40,40,39,.56)),url('images/logement-encombre-types-locaux.webp')}
.adaptSection .kicker{color:#e0ba70}
.softWave,.zones{background:#f2eee6}
.softWave span:nth-child(1){background:#eadfca}
.softWave span:nth-child(2){background:#dcc79e}
.softWave span:nth-child(3){background:#cbae72}
.softWave span:nth-child(4){background:#b48b43}
.softWave span:nth-child(5){background:#8a682f}
.sectorCard{background:#e8e1d5}
.sectorCard:after{background:#c59b4a22;mix-blend-mode:multiply}
.outside{border-left-color:#c9a153}
.trustSection{background:linear-gradient(135deg,#171819 0%,#292b2c 58%,#3a3833 100%)}
.trustGrid i{background:#d2aa5d;color:#171819}
.trustGrid article{border-color:#d2aa5d55}
.audienceCards article{background:#d2aa5d;color:#1b1c1d}
.audienceCards article:nth-child(2){background:#202223;color:#fff}
.audienceCards li:before{background:#9e742b}
.contactBand{background:linear-gradient(120deg,#171819,#353330)}
.contactBand .kicker,.light{color:#e0ba70}
.yellow{background:#d2aa5d;color:#171819}
.white{background:#fff;color:#1d1f20}
.quoteContacts a{color:#8a631e}
form{border-color:#dbc79d}
input,select,textarea{border-color:#d7c8a9;background:#fffdf9}
.formHoney{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.siteFooter,footer{background:#121314;color:#d9d9d7}
.siteFooter .footerLogo{border-color:#8b7958}
.legalPage{background:#f5f2eb}
.legalHero{background:linear-gradient(135deg,#171819,#3a3833)}
.legalHero span,.legalContent a,.legalBack{color:#c9a153}
.legalContent section{border-color:#ded1b7}
.mobileCall{background:#d2aa5d;color:#171819}
@media(max-width:720px){header{background:#fff}.hero{background-image:linear-gradient(90deg,rgba(11,12,13,.78),rgba(28,29,30,.5)),url('images/nettoyage-extreme-lyon-panorama.webp')}header nav{background:#202223}}

/* Variante indépendante : cartes prestations horizontales et méthode graphite */
.expertiseVariant #prestations{background:#f3f1ec}
.expertiseVariant #prestations .heading{max-width:900px}
.expertiseVariant #prestations .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1460px;counter-reset:service-card}
.expertiseVariant #prestations .cards article{counter-increment:service-card;position:relative;display:grid;grid-template-columns:42% 58%;min-height:265px;border:0;border-radius:10px;background:#fff;box-shadow:0 14px 35px rgba(25,26,27,.1);overflow:hidden}
.expertiseVariant #prestations .cards article:before{content:"0" counter(service-card);position:absolute;z-index:2;top:18px;left:18px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#d2aa5d;color:#171819;font-size:13px;font-weight:900;letter-spacing:.04em;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.expertiseVariant #prestations .cards article:after{content:"";position:absolute;left:42%;bottom:0;width:58%;height:4px;background:linear-gradient(90deg,#d2aa5d,#8d6829)}
.expertiseVariant #prestations .cards article>img{width:100%;height:100%;min-height:265px;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:transform .35s ease,filter .35s ease}
.expertiseVariant #prestations .cards article:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(25,26,27,.16)}
.expertiseVariant #prestations .cards article:hover>img{transform:scale(1.035);filter:saturate(1) contrast(1.04)}
.expertiseVariant #prestations .serviceBody{justify-content:center;padding:34px 30px 28px}
.expertiseVariant #prestations .serviceBody h3{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.2;margin:0 0 13px;color:#202223}
.expertiseVariant #prestations .serviceBody p{min-height:0;margin:0 0 21px;color:#5c6063;line-height:1.62}
.expertiseVariant #prestations .serviceBody a{align-self:flex-start;margin-top:auto;color:#8a631e;font-size:14px;text-transform:uppercase;letter-spacing:.055em}
.expertiseVariant #methode{background:linear-gradient(135deg,#141516 0%,#27292b 56%,#3c3e40 100%);color:#e5e3de;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.expertiseVariant #methode .kicker{color:#d8b56e}
.expertiseVariant #methode .heading p{color:#d1d2d2}
.expertiseVariant #methode .steps article{border-color:rgba(210,170,93,.32);background:rgba(255,255,255,.045);border-radius:8px}
.expertiseVariant #methode .steps i{background:#d2aa5d;color:#171819}
.hero h1.heroMainTitle{max-width:900px;margin:0 0 36px;color:#fff;font-size:clamp(2.8rem,4.65vw,4.15rem);font-weight:800;line-height:1.06;letter-spacing:-.035em;text-shadow:0 3px 18px rgba(0,0,0,.3)}
.hero p.heroServiceLine{max-width:860px;margin:0 0 28px;color:#fff;font-size:clamp(1.05rem,1.55vw,1.5rem);font-weight:400;line-height:1.6;letter-spacing:0}
.hero p.heroServiceLine em{color:#d2aa5d;font-weight:400}
@media(max-width:1100px){.expertiseVariant #prestations .cards{grid-template-columns:1fr}.expertiseVariant #prestations .cards article{min-height:245px}}
@media(max-width:720px){.hero h1.heroMainTitle{font-size:clamp(2.15rem,10.8vw,3rem);margin-bottom:28px;line-height:1.08}.hero p.heroServiceLine{font-size:1rem;line-height:1.65}.expertiseVariant #prestations .cards article{grid-template-columns:1fr;min-height:0}.expertiseVariant #prestations .cards article:after{left:0;width:100%}.expertiseVariant #prestations .cards article>img{height:205px;min-height:205px}.expertiseVariant #prestations .serviceBody{padding:27px 23px 24px}.expertiseVariant #prestations .serviceBody h3{font-size:21px}}

.localAreas{color:#5a5b5d;font-size:15px;line-height:1.7}
.studyNote{max-width:850px;padding-left:18px;border-left:3px solid #d2aa5d;color:#f1e9da;font-size:15px!important}

/* Montage Qui sommes-nous : photo du fourgon blanc décalée */
.humanMontage .vanTeam{display:block;right:-7%;top:7%;width:70%;height:46%;object-fit:cover;object-position:center;border:5px solid #fff;border-radius:14px;box-shadow:0 20px 45px rgba(29,31,32,.28)}
@media(max-width:720px){.humanMontage .vanTeam{right:0;top:6%;width:74%;height:48%;border-width:4px}}

/* Présentation des coordonnées à gauche du formulaire */
.quote{align-items:start;background:linear-gradient(135deg,#f8f5ee 0%,#fff 58%)}
.quoteIntro{position:relative;padding:40px 38px;border:1px solid rgba(168,124,47,.38);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(37,34,27,.08);overflow:hidden}
.quoteIntro:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,#d2aa5d,#9b6e24)}
.quoteTitle{display:flex;flex-direction:column;margin:0 0 34px;font-size:clamp(1.9rem,2.4vw,2.4rem);line-height:1.08;letter-spacing:-.035em}
.quoteTitle span{display:block;white-space:nowrap}
.quoteIntro>p{margin-bottom:0;color:#55595c;font-size:17px}
.quoteIntro .quoteContacts{display:flex;flex-direction:column;gap:14px;margin-top:30px;padding:0;border-radius:0;background:transparent}
.quoteContacts .quotePhone{display:flex;align-items:center;gap:16px;padding:17px 19px;border:2px solid #b48635;border-radius:15px;background:linear-gradient(135deg,#fffdf8,#f7efdf);color:#1d1f20;box-shadow:0 10px 24px rgba(159,114,40,.12);transition:transform .2s ease,box-shadow .2s ease}
.quoteContacts .quotePhone:hover{color:#1d1f20;transform:translateY(-2px);box-shadow:0 14px 30px rgba(159,114,40,.18)}
.quotePhoneIcon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#d2aa5d;color:#171819;font-size:21px;box-shadow:0 6px 14px rgba(159,114,40,.2)}
.quotePhone>span:last-child{display:flex;flex-direction:column;gap:2px}
.quotePhone small{color:#786846;font-size:11px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.quotePhone strong{color:#1d1f20;font-size:24px;line-height:1.15;letter-spacing:.015em}
.quoteContacts .quoteEmail{display:flex;align-items:center;gap:10px;padding:12px 4px;color:#8a631e;font-size:19px;font-weight:800}
.quoteEmail span:last-child{min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){.quote{grid-template-columns:1fr;gap:34px}.quoteIntro{max-width:none}}
@media(max-width:720px){.quoteIntro{padding:29px 22px;border-radius:16px}.quoteTitle{margin-bottom:28px;font-size:clamp(1.25rem,6.2vw,1.75rem)}.quoteContacts .quotePhone{gap:12px;padding:15px 14px}.quotePhoneIcon{flex-basis:40px;width:40px;height:40px;font-size:18px}.quotePhone strong{font-size:21px}.quoteContacts .quoteEmail{font-size:17px}}