:root{--navy:#172846;--deep:#101e34;--orange:#ed7927;--orange2:#ff9e48;--cream:#fff7ec;--paper:#fff;--muted:#617088;--line:#e9e5df;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--navy);background:#fff;line-height:1.55}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer}::selection{background:var(--orange);color:white}.container{width:min(1190px,calc(100% - 44px));margin:auto}.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.06}h1{font-size:clamp(39px,5.1vw,73px);font-weight:900}h2{font-size:clamp(32px,3.7vw,52px);font-weight:900}h3{font-size:21px;font-weight:850}p{color:var(--muted)}.orange{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;padding:14px 24px;font-weight:850;border:2px solid transparent;transition:transform .2s,background .2s;white-space:normal;text-align:center}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--orange);color:#fff;box-shadow:0 13px 30px #ed792735}.btn.secondary{border-color:var(--navy);color:var(--navy);background:white}.btn.dark{background:var(--navy);color:white}.btn.small{padding:10px 16px;font-size:14px}.section{padding:94px 0}.sectionhead{max-width:760px;margin:0 auto 38px;text-align:center}.sectionhead p{font-size:17px;margin:13px 0 0}.nav{position:sticky;top:0;z-index:30;background:#fffcf9f5;backdrop-filter:blur(15px);border-bottom:1px solid #f0e7dc}.navin{height:79px;display:flex;align-items:center;gap:20px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{width:48px;height:48px;border-radius:16px;background:var(--navy);display:grid;place-items:center;overflow:hidden}.brand-icon img{width:45px;height:45px;object-fit:contain;object-position:center top}.brand b{display:block;font-size:17px;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:.14em;color:var(--orange);font-weight:900;margin-top:4px;text-transform:uppercase}.navlinks{display:flex;align-items:center;gap:24px;font-weight:750;font-size:13px}.navlinks a:hover{color:var(--orange)}.menubtn{display:none;background:white;border:1px solid var(--line);padding:8px 12px;border-radius:10px}.hero{position:relative;background:radial-gradient(ellipse 40% 60% at 78% 44%,#ffdfb5 0,transparent 74%),linear-gradient(135deg,#fff,#fff8ee);overflow:hidden}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#17315817 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(to right,#000,transparent 65%)}.heroin{min-height:640px;padding:60px 0 48px;display:grid;grid-template-columns: .92fr 1.08fr;align-items:center;gap:6px;position:relative;z-index:1}.hero .hero-title{margin:20px 0}.hero p{font-size:18px;max-width:525px;line-height:1.65}.heroactions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.eyebrow{border:1px solid #ecd7bb;background:#fff9f0;padding:9px 15px;display:inline-flex;border-radius:100px;font-weight:850;font-size:12px;letter-spacing:.07em}.heroimage{position:relative}.heroimage img{width:114%;max-width:none;position:relative;left:-5%;filter:drop-shadow(0 24px 20px #32210c20)}.herofoot{display:flex;gap:12px;flex-wrap:wrap}.herofoot span{background:white;border:1px solid var(--line);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800}.strip{background:var(--navy);color:white}.strip .container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:18px;padding:18px 0;font-size:13px;font-weight:850}.strip span:before{content:'✦';color:#f2a252;margin-right:9px}.trades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.trade{border:1px solid #f0e6da;border-radius:25px;background:#fffbf7;text-align:center;padding:15px 14px 19px;transition:transform .3s,box-shadow .3s}.trade:hover,.service:hover{transform:translateY(-5px);box-shadow:0 16px 33px #111b3212}.trade .visual{height:210px;display:grid;align-items:end;justify-items:center;border-radius:17px;background:radial-gradient(circle at 50% 60%,#fff 0,#f8ecd9 100%);overflow:hidden}.trade img{max-height:205px;width:auto;object-fit:contain}.trade h3{margin:16px 0 4px}.trade p{font-size:13px;margin:0}.soft{background:#fff8ef}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service{border:1px solid var(--line);border-radius:25px;overflow:hidden;background:#fff;transition:transform .3s,box-shadow .3s}.service .visual{height:240px;background:radial-gradient(circle at 53% 50%,#fff,#fff0dd);display:flex;align-items:center;justify-content:center;padding:7px;overflow:hidden}.service img{height:100%;width:100%;object-fit:contain;transition:transform .3s}.service:hover img{transform:scale(1.04)}.service .details{padding:22px 23px 24px}.service h3{margin:7px 0}.service p{font-size:14px;margin:0}.pricing{background:var(--deep);color:#fff;position:relative;overflow:hidden}.pricing:before{content:"";position:absolute;width:500px;height:500px;right:-100px;top:0;border-radius:50%;background:#ef863321;filter:blur(50px)}.pricing p{color:#bfc8d8}.pricing .sectionhead{position:relative}.pricegrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative}.pricecard{background:#fff;color:var(--navy);padding:33px;border-radius:27px;box-shadow:0 25px 45px #00000017}.pricecard.premium{border:3px solid var(--orange)}.pricecard p{color:var(--muted)}.price{font-size:55px;font-weight:950;letter-spacing:-.06em;line-height:1.15}.price small{font-size:18px;letter-spacing:0}.pricecard ul{padding:0;list-style:none;margin:22px 0}.pricecard li{margin:10px 0;padding-left:23px;position:relative;font-size:14px}.pricecard li:before{content:'✓';color:#13a577;position:absolute;left:0;font-weight:900}.pricecard .btn{width:100%}.legal{font-size:12px!important;line-height:1.65;color:#d7ddea!important;margin-top:22px}.technical{background:#f7ece0;border:1px solid #e9d7c4;padding:15px;border-radius:15px;margin:20px 0;font-size:13px}.addons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.addon{border:1px solid #ffffff35;border-radius:21px;padding:23px;background:#ffffff10}.addon strong{font-size:30px;color:#ffad60}.addon p{margin:8px 0 0;font-size:13px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{padding:24px;border:1px solid var(--line);border-radius:22px;background:white}.number{font-size:31px;color:var(--orange);font-weight:950}.step h3{margin:8px 0}.step p{font-size:14px;margin-bottom:0}.split{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:50px}.split .mascot{max-height:470px;margin:auto;filter:drop-shadow(0 19px 23px #17284615)}.split p{font-size:16px}.faq{max-width:850px;margin:0 auto}.faq details{border-bottom:1px solid var(--line);padding:21px 7px}.faq summary{cursor:pointer;font-weight:850}.faq details p{margin:14px 0 0}.contact{background:linear-gradient(135deg,#fff8ec,#fff)}.contactlayout{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}.contactbox{padding:33px;border-radius:28px;background:#fff;box-shadow:0 20px 55px #14244412;border:1px solid #f0e4d6}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field.full{grid-column:1/-1}.field label{font-weight:800;font-size:13px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #d9dedf;border-radius:13px;background:#fff;color:var(--navy)}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #e8772280}.checkline{font-size:13px;display:flex;gap:10px;margin:11px 0 20px}.checkline input{width:17px;flex-shrink:0}.contactbox .btn{width:100%}.hint{font-size:12px;margin:10px 0 0}.foot{background:#101d32;color:white;padding:43px 0 24px}.foot p{color:#cbd2dd}.footgrid{display:flex;align-items:start;justify-content:space-between;gap:25px;flex-wrap:wrap}.foot a:hover{color:var(--orange)}.copyright{border-top:1px solid #ffffff27;margin-top:28px;padding-top:22px;color:#b6bfd0;font-size:12px}.fadeup{animation:rise .65s both}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.navlinks{gap:11px}.heroin{min-height:500px}.heroimage img{width:112%}.trades{grid-template-columns:repeat(2,1fr)}.service .visual{height:220px}}@media(max-width:760px){.container{width:min(100% - 32px,1190px)}.menubtn{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:79px;flex-direction:column;background:#fff;padding:22px;box-shadow:0 20px 25px #14244421;align-items:stretch}.navlinks.open{display:flex}.navlinks a{padding:9px}.nav .btn.small{display:none}.heroin{grid-template-columns:1fr;padding:39px 0 33px;text-align:center;min-height:0}.heroin .heroimage{order:2}.heroimage img{max-width:100%;width:100%;left:0}.hero p{margin:auto}.heroactions,.herofoot{justify-content:center}.hero .hero-title{font-size:clamp(35px,9vw,55px)}.section{padding:67px 0}.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service .visual{height:165px}.service .details{padding:15px}.service h3{font-size:18px}.service p{font-size:12px}.pricegrid,.addons,.split,.contactlayout{grid-template-columns:1fr}.split .mascot{max-height:330px}.process{grid-template-columns:1fr}.price{font-size:44px}.pricecard{padding:24px}}@media(max-width:480px){.trades{gap:10px}.trade{padding:9px}.trade .visual{height:147px}.trade img{max-height:145px}.trade h3{font-size:16px}.trade p{font-size:11px}.services{grid-template-columns:1fr}.service .visual{height:250px}.fields{grid-template-columns:1fr}.strip .container{justify-content:start}.brand b{font-size:15px}.brand-icon{width:41px;height:41px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Correctif 2026-10-10 : proportions naturelles des mascottes, sans étirement */
.heroimage { display:flex; align-items:center; justify-content:center; min-width:0; width:100%; }
.heroimage img { display:block; width:100%; max-width:100%; height:auto !important; max-height:none; object-fit:contain; object-position:center; left:auto; position:static; aspect-ratio:auto; transform:none; }
.service .visual img, .trade .visual img { object-fit:contain; object-position:center; aspect-ratio:auto; }
@media(max-width:1000px){ .heroimage img { width:100%; max-width:100%; height:auto !important; } }
@media(max-width:760px){ .heroimage { width:100%; margin-inline:auto; } .heroimage img { width:100%; max-width:100%; height:auto !important; } }

/* HERO : centrage stable de la composition des cinq renards, sans étirement */
@media (min-width:761px){
 .heroin{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;}
 .heroin>.fadeup{min-width:0;}
 .heroimage{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;margin:0 auto;}
 .heroimage img{display:block;width:100%;max-width:100%;height:auto;left:auto;margin:0 auto;object-fit:contain;object-position:center center;}
}
@media (max-width:760px){
 .heroimage{display:flex;align-items:center;justify-content:center;width:100%;margin-inline:auto;}
 .heroimage img{position:static;display:block;width:100%;max-width:100%;height:auto;margin-inline:auto;object-fit:contain;object-position:center;}
}

/* OPTIMISATION VISUELLE 2026-10-10 — bloc ajouté, aucune règle existante modifiée */
/* 1. Encadré frais techniques : texte blanc hérité de .pricing sur fond crème -> illisible */
.pricing .technical{color:var(--navy)}
/* 2. Titres : répartition équilibrée des lignes (supprime les mots orphelins) */
h1,h2{text-wrap:balance}
/* 3. Hero desktop : titre sur 4 lignes au lieu de 5, visuel des renards agrandi de 10 % */
@media (min-width:761px){
 .hero .hero-title{font-size:clamp(39px,4.3vw,62px)}
}
@media (min-width:1200px){ .heroimage img{transform:scale(1.1);transform-origin:center} }
/* 3b. Navigation 761–1180 px : liens et bouton devis sans retour à la ligne */
@media (min-width:761px) and (max-width:1180px){
 .navlinks a,.nav .btn.small{white-space:nowrap}
 .brand small{display:none}
 .brand-icon{flex-shrink:0}
}
@media (min-width:761px) and (max-width:900px){ .navin{gap:12px} .navlinks{gap:12px;font-size:12px} .brand>span{display:none} }
/* 4. Mobile : bouton Menu sur une seule ligne */
.menubtn{white-space:nowrap;flex-shrink:0}
/* 5. FAQ : indicateur +/− au lieu du triangle natif */
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";flex-shrink:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff3e6;color:var(--orange);font-size:20px;font-weight:700;line-height:1}
.faq details[open] summary:after{content:"−"}
.faq summary:hover{color:var(--orange)}

/* MOBILE 2026-10-10 — zones tactiles ≥ 44 px et texte lisible (bloc ajouté) */
@media (max-width:760px){
 .navlinks a{min-height:44px;display:flex;align-items:center}
 .faq details{padding:0 7px}
 .faq summary{min-height:44px;padding:16px 0}
 .faq details p{margin:0 0 18px}
 .foot .footgrid a{display:inline-block;padding:12px 4px;min-height:44px}
 .contact a[href^="mailto"]{display:inline-block;padding:11px 0;min-height:44px}
}
@media (max-width:480px){
 .trade p{font-size:13px;line-height:1.45}
}

/* ===== SITE MULTIPAGE 2026-10-10 : H1 d'accueil, cartes cliquables, pages métiers et expertises ===== */
/* Accueil : H1 en pastille au-dessus du grand titre visuel */
.hero h1.eyebrow:before{content:"✦ ";color:var(--orange)}
.hero h1.eyebrow{font-size:14px;line-height:1.35;letter-spacing:.02em;font-weight:850;margin:0;color:var(--navy);text-wrap:balance}
.hero p.hero-title{font-size:clamp(39px,4.3vw,62px);font-weight:900;letter-spacing:-.045em;line-height:1.06;color:var(--navy);margin:20px 0;max-width:none;text-wrap:balance}
@media(max-width:760px){.hero p.hero-title{font-size:clamp(35px,9vw,55px)}.hero h1.eyebrow{font-size:13px}}
/* Cartes cliquables */
a.trade,a.service{display:block;color:inherit}
a.trade:focus-visible,a.service:focus-visible,a.relcard:focus-visible,a.addon:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.cardmore{display:inline-block;margin-top:10px;font-size:13px;font-weight:850;color:var(--orange)}
a.addon{display:block;color:#fff;transition:transform .2s,background .2s}a.addon:hover{transform:translateY(-3px);background:#ffffff18}
/* Pied de page multi-colonnes */
.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:30px}
.footcol b{display:block;margin-bottom:10px;color:#fff;font-size:14px}
.footcol ul{list-style:none;margin:0;padding:0}.footcol li{margin:0}
.footcol a{display:inline-block;padding:6px 0;color:#cbd2dd;font-size:14px}
@media(max-width:900px){.footgrid{grid-template-columns:1fr 1fr}.footbrand{grid-column:1/-1}}
@media(max-width:760px){.footcol a{padding:11px 0;min-height:44px}}
@media(max-width:420px){.footgrid{grid-template-columns:1fr}}
/* Thèmes par page */
.page{--tint:#ffdfb5;--tint2:#fff8ee}
.theme-couvreur{--tint:#d9dee8;--tint2:#f3f5f9}
.theme-plombier{--tint:#cfe6f7;--tint2:#f1f8fd}
.theme-electricien{--tint:#ffe9a6;--tint2:#fffaea}
.theme-macon{--tint:#f6cdb5;--tint2:#fdf3ed}
.theme-web{--tint:#ffdcc0;--tint2:#fff7f0}
.theme-seo{--tint:#d4f0de;--tint2:#f2fbf5}
.theme-social{--tint:#f6d3ea;--tint2:#fdf3f9}
.theme-video{--tint:#dcd6f7;--tint2:#f6f4fe}
.theme-blog{--tint:#ffe6c4;--tint2:#fffaf2}
.theme-geo{--tint:#cdeff3;--tint2:#f0fbfc}
/* Hero des pages internes */
.phero{position:relative;overflow:hidden;background:radial-gradient(ellipse 45% 65% at 80% 50%,var(--tint) 0,transparent 72%),linear-gradient(135deg,#fff,var(--tint2))}
.phero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#17315815 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(to right,#000,transparent 60%)}
.crumbs{position:relative;z-index:1;padding:18px 0 0;font-size:13px;color:var(--muted)}
.crumbs a{color:var(--navy);font-weight:750;display:inline-block;padding:6px 0}.crumbs a:hover{color:var(--orange)}
.pheroin{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px;align-items:center;padding:22px 0 64px}
.phero h1{font-size:clamp(32px,3.7vw,52px);margin:18px 0;text-wrap:balance}
.phero .lead{font-size:18px;line-height:1.65;max-width:620px}
.pheroimg{position:relative;display:grid;place-items:center;min-height:380px}
.pheroimg:before{content:"";position:absolute;width:min(420px,88%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0,var(--tint) 72%);box-shadow:0 30px 60px #17284612}
.pheroimg img{position:relative;width:auto;max-height:470px;filter:drop-shadow(0 22px 22px #17284622)}
.bigword{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:clamp(46px,7vw,104px);font-weight:950;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px #1728461f;pointer-events:none;user-select:none}
/* Bloc « L'essentiel » (lisible par les IA) */
.section.tight{padding:44px 0 10px}
.tldr{background:#fff;border:1px solid var(--line);border-left:6px solid var(--orange);border-radius:22px;padding:26px 30px;box-shadow:0 16px 40px #1424440a}
.tldr ul{margin:14px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}
.tldr li{position:relative;padding-left:24px;font-size:15px}
.tldr li:before{content:"✓";position:absolute;left:0;color:#13a577;font-weight:900}
/* Recherches clients */
.intents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.intent{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}
.intent .query{font-weight:850;color:var(--navy);font-size:16px;margin:8px 0;background:var(--tint2);border:1px dashed var(--tint);border-radius:12px;padding:10px 12px}
.intent p{font-size:14px;margin-bottom:0}
/* Fonctionnalités */
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;transition:transform .3s,box-shadow .3s}
.feature:hover{transform:translateY(-4px);box-shadow:0 16px 33px #111b3212}
.fnum{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--tint);color:var(--navy);font-weight:950}
.feature h3{margin:14px 0 8px}.feature p{font-size:14px;margin:0}
/* Google + IA */
.dual{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dualcard{background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px}
.dualcard h2{font-size:clamp(24px,2.4vw,32px);margin:10px 0 12px}
.dualcard.dark{background:var(--deep);color:#fff;border-color:var(--deep)}.dualcard.dark p{color:#bfc8d8}
.textlink{display:inline-block;margin-top:6px;padding:10px 0;font-weight:850;color:var(--orange)}
/* Bandeau CTA */
.ctawrap{padding-top:20px}
.ctaband{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:20px;background:var(--navy);color:#fff;border-radius:32px;padding:40px 44px;position:relative;overflow:hidden}
.ctaband:before{content:"";position:absolute;width:420px;height:420px;right:-80px;top:-120px;border-radius:50%;background:#ef863330;filter:blur(40px)}
.ctaband>*{position:relative}.ctaband p{color:#c9d1de}.ctaband h2{color:#fff}
.ctaband img{max-height:300px;width:auto;margin:auto;filter:drop-shadow(0 18px 20px #0005)}
.btn.ghost{border-color:#ffffff80;color:#fff;background:transparent}
/* Maillage interne */
.relgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.relcard{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px 16px 12px 12px;transition:transform .2s,box-shadow .2s}
.relcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px #111b3212}
.relcard img{width:64px;height:80px;object-fit:contain;flex-shrink:0;background:var(--tint2);border-radius:14px}
.relcard b{display:block;font-size:16px}.relcard small{display:block;font-size:12px;color:var(--muted);line-height:1.4}
.related{background:#fffaf4}
/* Responsive des pages internes */
@media(max-width:1000px){.intents,.features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .pheroin{grid-template-columns:1fr;text-align:center;padding:14px 0 44px}
 .phero .lead{margin:auto}.phero .heroactions,.phero .herofoot{justify-content:center}
 .pheroimg{min-height:0;order:2}.pheroimg img{max-height:330px}
 .tldr{padding:22px}.tldr ul{grid-template-columns:1fr}
 .intents,.features,.dual{grid-template-columns:1fr}
 .ctaband{grid-template-columns:1fr;padding:30px 24px;text-align:center}.ctaband .heroactions{justify-content:center}.ctaband img{max-height:220px}
 .dualcard{padding:24px}
}
@media(max-width:760px){.bigword{display:none}}
/* ===== MOBILE 2026-10-10 (2) : texte 15 px minimum, renards sous le grand titre ===== */
@media(max-width:760px){
 /* Accueil : ordre H1 → grand titre → 5 renards → texte → boutons → pastilles */
 .heroin>.fadeup{display:contents}
 .heroin>.fadeup>h1.eyebrow{order:1;justify-self:center}
 .heroin>.fadeup>.hero-title{order:2;margin:14px 0 6px}
 .heroin>.heroimage{order:3;margin:0 0 14px}
 .heroin>.fadeup>p:not(.hero-title){order:4}
 .heroin>.fadeup>.heroactions{order:5}
 .heroin>.fadeup>.herofoot{order:6}
 /* Taille minimale du texte : 15 px (16 px pour le texte courant) */
 body{font-size:16px}
 .kicker{font-size:15px!important;letter-spacing:.08em}
 .hero h1.eyebrow,.eyebrow{font-size:15px!important}
 p,li,label,summary,.technical,.legal,.hint,.copyright,.copyright span,.crumbs,.crumbs a,.crumbs span,
 .footcol a,.footcol b,.checkline span,.cardmore,.herofoot span,.strip span,.relcard small,
 .addon p,.trade p,.service p,.step p,.feature p,.intent p,.pricecard li,.dualcard p,.faq details p,.tldr li{font-size:15px!important}
 .sectionhead p,.split p,.contact p,.ctaband p{font-size:16px!important}
 .brand small{display:none}
}
@media(max-width:760px){
 .hero p.hero-title{font-size:clamp(35px,9vw,55px)!important}
 .hero p:not(.hero-title),.phero .lead{font-size:16px!important}
}
/* ===== 2026-10-10 (3) : pastille H1 proportionnée (ordinateur) + renard sous le H1 des pages internes (mobile) ===== */
@media(min-width:761px){
 .hero h1.eyebrow{display:inline-block;text-align:center;text-wrap:wrap;font-size:15px;line-height:1.45;padding:10px 22px}
 .hero h1.eyebrow .l2{display:block}
}
@media(max-width:760px){
 .pheroin>.fadeup{display:contents}
 .pheroin>.fadeup>.eyebrow{order:1;justify-self:center}
 .pheroin>.fadeup>h1{order:2;margin:14px 0 6px}
 .pheroin>.pheroimg{order:3;margin:0 0 10px}
 .pheroin>.fadeup>.lead{order:4}
 .pheroin>.fadeup>.heroactions{order:5}
 .pheroin>.fadeup>.herofoot{order:6}
}
@media(min-width:761px) and (max-width:1000px){.hero h1.eyebrow .l2{display:inline}.hero h1.eyebrow{text-wrap:balance}}
/* ===== 2026-10-10 (4) : pastille H1 en bloc de texte (corrige l'affichage en 2 colonnes sur iPhone), bouton retour en haut ===== */
.hero h1.eyebrow{display:inline-block}
@media(max-width:760px){.hero h1.eyebrow{text-align:center;padding:10px 18px;text-wrap:balance}.hero h1.eyebrow .l2{display:inline}}
.backtop{display:none}
@media(max-width:760px){
 .backtop{display:grid;place-items:center;position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:40;width:48px;height:48px;border-radius:50%;background:var(--orange);color:#fff;font-size:22px;font-weight:900;box-shadow:0 10px 24px #17284633;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s}
 .backtop.show{opacity:1;visibility:visible;transform:none}
}
@media(min-width:761px) and (max-width:1280px){.navlinks a{white-space:nowrap}.navlinks{gap:16px}}
/* ===== 2026-10-10 (5) : menu ordinateur robuste quelle que soit la police installée (Inter absente → Arial/Helvetica) ===== */
@media(min-width:761px){
 .navin{gap:14px}
 .brand{flex-shrink:0}
 .brand b{white-space:nowrap}
 .navlinks{flex-wrap:nowrap;min-width:0}
 .navlinks a,.nav .btn.small{white-space:nowrap}
 .nav .btn.small{flex-shrink:0}
}
@media(min-width:761px) and (max-width:1440px){.brand small{display:none}.navlinks{gap:16px}}
@media(min-width:761px) and (max-width:1100px){.navlinks{gap:11px;font-size:12.5px}.nav .btn.small{padding:9px 13px;font-size:13px}}
@media(min-width:761px) and (max-width:1000px){.brand>span{display:none}}
/* ===== 2026-10-10 (6) : espace minimum entre le slogan du logo et le menu sur grand écran ===== */
@media(min-width:1441px){.nav .container{width:min(1340px,calc(100% - 64px))}.navin{gap:28px}}
/* ===== 2026-10-10 (7) : bouton retour en haut aussi sur ordinateur ===== */
@media(min-width:761px){
 .backtop{display:grid;place-items:center;position:fixed;right:28px;bottom:28px;z-index:40;width:52px;height:52px;border-radius:50%;background:var(--orange);color:#fff;font-size:22px;font-weight:900;box-shadow:0 10px 24px #17284633;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s,background .2s}
 .backtop.show{opacity:1;visibility:visible;transform:none}
 .backtop:hover{background:var(--navy);transform:translateY(-3px)}
 .backtop:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
}
/* ===== 2026-10-10 (8) : logo dans le pied de page + texte du menu ordinateur plus grand ===== */
.footlogo{display:inline-flex;align-items:center;gap:12px;color:#fff;margin-bottom:12px}
.footlogo .brand-icon{width:48px;height:48px;border-radius:16px;background:#fff;display:grid;place-items:center;overflow:hidden;flex-shrink:0}
.footlogo .brand-icon img{width:45px;height:45px;object-fit:contain;object-position:center top}
.footlogo b{display:block;font-size:17px;line-height:1.1;color:#fff}
.footlogo small{display:block;font-size:10px;letter-spacing:.14em;color:var(--orange2);font-weight:900;margin-top:4px;text-transform:uppercase}
@media(max-width:760px){.footlogo small{font-size:15px!important;letter-spacing:.04em;line-height:1.3}.footlogo b{font-size:18px}}
@media(min-width:801px){.navlinks{font-size:13px}}
@media(min-width:1061px){.navlinks{font-size:14.5px}}
@media(min-width:1281px){.navlinks{font-size:15px}}
.footlogo .brand-icon{background:var(--navy);box-shadow:0 0 0 1px #ffffff2e}
@media(min-width:761px){.footlogo small{letter-spacing:.08em;white-space:nowrap}}
.foot .footgrid a.footlogo{display:inline-flex;align-items:center;padding:0;min-height:0}
/* ===== 2026-10-11 (9) : titres des cartes métiers et expertises passés en H2, même apparence ===== */
.trade h2.cardtitle,.service h2.cardtitle{font-size:21px;font-weight:850;letter-spacing:-.045em;line-height:1.06}
.trade h2.cardtitle{margin:16px 0 4px}
.service h2.cardtitle{margin:7px 0}
@media(max-width:760px){.service h2.cardtitle{font-size:18px}}
@media(max-width:480px){.trade h2.cardtitle{font-size:16px}}
/* ===== 2026-10-11 (10) : mention d'engagement sous les prix ===== */
.pricecard .engage{font-size:12px;color:var(--muted);margin:2px 0 10px;font-style:italic}
/* ===== 2026-10-11 (11) : mention TVA sous l'encadré des frais techniques ===== */
.pricing .vatnote{font-size:13px;color:#d7ddea;margin:12px 0 0;text-align:center}

/* 2026-11-06 (12) formulaire Wix Forms : messages d erreur et remerciement */
.contactbox .ferr{color:#b42318;font-size:15px;margin:0}
.contactbox .ferr:empty{display:none}
.contactbox .fdesc{font-size:15px;margin:0}
.contactbox .fthanks{font-size:17px;font-weight:700;color:var(--navy);margin:14px 0 0}
.contactbox .btn[disabled]{opacity:.6;cursor:wait}

/* 2026-11-06 (13) tous les paragraphes en 17px (sauf .hero-title, qui est le grand titre de l accueil) */
p:not(.hero-title):not(#_){font-size:17px!important}

/* 2026-11-06 (14) menu mobile : bouton sandwich orange, liens du menu ouvert en 18px */
@media(max-width:760px){.menubtn{background:var(--orange);color:#fff;border:0;font-size:32px;line-height:1;font-weight:700;padding:8px 14px;border-radius:13px;min-width:60px;min-height:52px;box-shadow:0 10px 24px #ed792735;cursor:pointer}.navlinks a{font-size:18px!important}}

/* 2026-11-06 (15) mobile : nom LE RENARD INTELLIGENT un peu plus grand (15px -> 17px) */
@media(max-width:760px){.nav .brand b{font-size:17px;white-space:nowrap}}

/* 2026-11-06 (16) mobile : logo renard plus grand (41px, et 27px ecrase sur 360px -> 48px) ; nom en 16px sous 375px pour garder la place */
@media(max-width:760px){.nav .brand-icon{width:48px;height:48px;flex-shrink:0}.nav .brand-icon img{width:46px;height:46px}}
@media(max-width:374px){.nav .brand b{font-size:16px}}

/* 2026-11-06 (17) ordinateur : logo renard de l en-tete 48px -> 60px */
@media(min-width:761px){.nav .brand-icon{width:60px;height:60px;border-radius:18px;flex-shrink:0}.nav .brand-icon img{width:57px;height:57px}}
/* (18) Téléphone cliquable : pied de page et section contact */
.foottel{margin-top:10px}.foottel a{font-weight:800;color:inherit;text-decoration:underline;text-underline-offset:3px}
.contacttel{margin-top:14px;font-weight:700}.contacttel a{font-weight:800;color:var(--navy);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* (19) Bouton « Mentions légales » à droite du copyright */
.lri-legal-btn{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
/* (20) Mascotte de l'accueil : attributs width/height ajoutés, taille d'affichage inchangée */
.split .mascot{width:auto;height:auto}
/* (21) CLS : réserve la place de l'image du hero avant son chargement (ratio des attributs 1400x788) */
.heroimage img{aspect-ratio:auto 1400/788}