:root{--ink:#302b39;--purple:#3c3155;--lime:#95b862;--sand:#f4f0e8;--white:#fff;--line:#ded8e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#fbfaf8}a{color:#513f75}img{max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;z-index:20}.site-head{background:#fff;box-shadow:0 1px 0 var(--line)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}.brand{display:block;max-width:220px}.site-head nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.site-head nav a{font-size:15px;text-decoration:none;font-weight:650;color:var(--ink)}.site-head nav a:hover,.site-head nav a:focus{text-decoration:underline}.site-head nav .nav-cta{background:var(--lime);color:#17200d;padding:10px 16px;border-radius:999px}.menu-toggle{display:none}.hero{background:linear-gradient(150deg,#f5f1e9,#eae2ee);padding:70px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:60px;align-items:center}.hero-grid>*{min-width:0}.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#5b4a76;font-weight:750}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.1;letter-spacing:-.035em;margin:18px 0}.hero p{font-size:clamp(18px,2vw,23px);max-width:650px}.hero-media{margin:0}.hero-media img{display:block;width:100%;max-height:510px;object-fit:cover;border-radius:32px;box-shadow:0 20px 50px #3c315526}.hero-mark{min-height:280px;display:grid;place-items:center}.hero-mark img{width:min(210px,70%)}.button{display:inline-block;border:0;border-radius:999px;padding:14px 24px;background:var(--purple);color:#fff;text-decoration:none;font:700 16px/1.3 inherit;cursor:pointer}.button:hover,.button:focus{background:#2b2142}.button-light{background:#fff;color:var(--purple)}.section{padding:70px 0}.section:nth-child(even){background:#fff}.section h2,.cta h2{font-size:clamp(29px,3vw,42px);line-height:1.2;margin:0 0 22px;max-width:850px}.section p{max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px}.card h3{font-size:21px;line-height:1.25;margin:0 0 12px}.card p{font-size:16px}.text-link{font-weight:700}.steps{padding-left:24px;max-width:850px}.steps li{margin-bottom:24px}.faq{max-width:900px}.faq-item{border-bottom:1px solid var(--line);padding:18px 0}.faq-item h3{font-size:21px;line-height:1.3;margin:0 0 8px}.faq-item p{margin:0}.cta{background:var(--purple);color:#fff;text-align:center;padding:64px 20px}.cta p{max-width:650px;margin:0 auto 24px}.cta h2{margin:0 auto 20px}.form-shell{max-width:720px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,44px)}.field{margin:0 0 22px}.field label{display:block;font-weight:700;margin-bottom:7px}.field input,.field textarea{display:block;width:100%;padding:13px 14px;border:1px solid #88818f;border-radius:10px;background:#fff;color:var(--ink);font:inherit}.field input:focus,.field textarea:focus{outline:3px solid #95b86280;outline-offset:1px}.field-error{display:block;color:#a22a32;min-height:1em;font-size:14px}.honeypot{position:absolute;left:-9999px}.privacy-hint{font-size:14px}.status-error{background:#fff0f0;color:#92252c;padding:12px;border-radius:8px}.status-ok{background:#eef8e7;color:#285420;padding:12px;border-radius:8px}footer{background:#e9e3ed;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer-grid h2{font-size:17px}.footer-grid a:not(:first-child){display:block;margin:6px 0}.footnote{font-size:12px;border-top:1px solid #c6bbc9;padding-top:18px;margin-top:30px}main[data-page="/demande-estimation/"] .hero,main[data-page="/merci/"] .hero,main[data-page="/erreur-envoi/"] .hero{padding:42px 0}main[data-page="/demande-estimation/"] .hero-grid,main[data-page="/merci/"] .hero-grid,main[data-page="/erreur-envoi/"] .hero-grid{display:block}main[data-page="/demande-estimation/"] .hero-mark,main[data-page="/merci/"] .hero-mark,main[data-page="/erreur-envoi/"] .hero-mark{display:none}@media(max-width:1040px){.menu-toggle{display:block;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:#fff;font:inherit}.site-head #main-nav{display:none;position:absolute;top:90px;left:0;right:0;background:#fff;padding:16px 20px;z-index:10;box-shadow:0 12px 20px #0002}.site-head #main-nav.open{display:block}.site-head nav{display:flex;flex-direction:column;align-items:stretch;gap:12px}}@media(max-width:760px){.wrap{width:min(100% - 28px,600px)}.head-inner{min-height:70px}.brand{max-width:170px}.site-head #main-nav{top:70px}.hero{padding:42px 0}.hero-grid{grid-template-columns:minmax(0,1fr);gap:26px}.hero h1{font-size:clamp(34px,9vw,48px)}.hero-mark{min-height:100px}.hero-mark img{max-width:90px}.hero-media img{width:100%;max-height:300px}.section{padding:45px 0}.cards{grid-template-columns:1fr}.card{padding:20px}.footer-grid{grid-template-columns:1fr}.form-shell{padding:22px}}
.brand{font-weight:750;font-size:20px;text-decoration:none;line-height:1.2}.hero h1{overflow-wrap:anywhere}.hero-mark svg{max-width:100%;height:auto}.service-visual{margin:0}.service-visual figcaption{font-size:14px}.footnote a{display:inline!important}
/* SITE-07 : palette vert fjord, mise en page éditoriale indépendante. */
:root{--ink:#173d3b;--purple:#124b49;--lime:#78cbb5;--sand:#e6f3ed;--line:#a9d4c7}
body{background:#f5faf6;color:#173d3b}
a{color:#12625b}
.site-head{background:#fff}
.site-head nav a,.brand{color:#173d3b}
.site-head .brand{max-width:300px}
.site-head .brand img{display:block;width:auto;height:52px;max-width:100%}
.hero{background:linear-gradient(125deg,#d6eee4,#f4f8e8);padding:84px 0}
.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.eyebrow{color:#12625b}
.button{background:#124b49;color:#fff;border-radius:10px}
.button:hover,.button:focus{background:#0b3635}
.section{padding-block:36px}
.sector-links{columns:2;line-height:2}
@media(max-width:700px){.hero-grid{display:block}.sector-links{columns:1}}
@media(max-width:700px){.site-head .brand{max-width:240px}.site-head .brand img{height:44px}}