:root{--bg:#f5f3ed;--ink:#162a28;--muted:#4c625e;--line:#ccd5cb;--accent:#dafa78;--forest:#173e35;--shell:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-underline-offset:.25em}p{max-width:68ch}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(3rem,7.6vw,6rem);font-weight:650;margin:1.1rem 0 1.7rem}h2{font-size:clamp(2rem,4.6vw,3.5rem);font-weight:600;margin:1rem 0 1.5rem}h3{font-size:1.35rem;letter-spacing:-.025em}.shell{width:min(calc(100% - 40px),var(--shell));margin:auto}.skip{position:absolute;top:-100px;background:white;padding:1rem;z-index:20}.skip:focus{top:10px}header{position:sticky;top:0;z-index:5;background:#f5f3edf5;border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}.brand{text-decoration:none;font-size:1.3rem;font-weight:800;letter-spacing:-.06em}.brand span{display:inline-grid;place-items:center;background:var(--forest);color:var(--accent);width:35px;height:35px;border-radius:50%;margin-right:8px;font-size:.85rem;letter-spacing:0}nav{display:flex;align-items:center;gap:25px}nav a{text-decoration:none;font-size:.9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;background:var(--forest);color:white;border:1px solid var(--forest);border-radius:99px;padding:.85rem 1.4rem;min-height:50px;text-decoration:none;font-weight:650}.button:hover{background:#255747;color:white}.button.secondary{background:transparent;color:var(--ink)}.hero{padding:clamp(3rem,7vw,6rem) 0}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.73rem;font-weight:800;color:var(--muted)}.lead{font-size:1.14rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:2rem 0}.small{font-size:.87rem;color:var(--muted)}.diagram{position:relative;min-height:420px;border-radius:38% 38% 8% 8%;background:var(--forest);color:#eff9e6;padding:3rem 2rem;display:flex;flex-direction:column;justify-content:center;gap:12px;box-shadow:18px 18px 0 #e5e8dc}.diagram .node{padding:1rem 1.2rem;border:1px solid #6f9580;border-radius:14px;background:#ffffff09}.diagram .node:nth-child(2){background:var(--accent);color:var(--ink);transform:translateX(-22px)}.diagram strong{display:block;font-size:1.1rem}.diagram span{font-size:.83rem}.diagram .caption{margin-top:1rem;font-size:.8rem;color:#d2e2d6}.strip{border-block:1px solid var(--line);padding:1.2rem 0}.strip .shell{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;font-size:.88rem;font-weight:650}.section{padding:clamp(3rem,7vw,6rem) 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:2rem}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{padding:2rem;border:1px solid var(--line);border-radius:20px}.card p{color:var(--muted);font-size:.96rem}.number{font:italic 2.6rem Georgia,serif;color:#577d67}.dark{background:var(--forest);color:#f5f9ee}.dark .eyebrow,.dark p{color:#d1e1d5}.dark .card{border-color:#688678}.dark .number{color:var(--accent)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.project{padding:2rem;border-top:2px solid var(--forest)}.project a{font-size:1.15rem;font-weight:750}.project p{color:var(--muted)}details{border-bottom:1px solid var(--line);padding:1rem 0}summary{cursor:pointer;min-height:44px;font-weight:700}.contact-box{background:var(--accent);border-radius:26px;padding:clamp(2rem,5vw,4rem)}.contact-box a:not(.button){overflow-wrap:anywhere}footer{padding:2.4rem 0;border-top:1px solid var(--line);font-size:.87rem}footer .shell{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}footer nav{gap:1rem}.legal{padding:4rem 0;max-width:850px}.legal h1{font-size:clamp(2.5rem,6vw,4rem)}@media(max-width:800px){.hero-grid,.section-head,.grid,.projects{grid-template-columns:1fr}.hero-grid{gap:2rem}.diagram{min-height:320px;max-width:500px}.bar{flex-wrap:wrap;padding:1rem 0;gap:.8rem}nav{gap:1rem;flex-wrap:wrap}nav a{min-height:40px;display:inline-flex;align-items:center}.bar .button{display:none}.section-head{gap:0}.grid{gap:1rem}.shell{width:calc(100% - 32px)}}
/* Publication du 10 novembre 2026 : confort de lecture et navigation */
[hidden]{display:none!important} :focus-visible{outline:3px solid #cf9750;outline-offset:5px}
html{scroll-padding-top:110px} body{overflow-wrap:break-word} p,li{max-width:78ch} main{min-height:65vh}
a,button,summary{-webkit-tap-highlight-color:transparent} button,summary{cursor:pointer} summary{min-height:48px}
.upgrade-section{padding:clamp(3rem,7vw,6rem) 0;border-block:1px solid var(--line,#ddd)}
.upgrade-section h2{font-size:clamp(1.8rem,4vw,3rem);max-width:24ch;line-height:1.13}
.upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:2rem 0}
.upgrade-card{padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--line,#ddd);border-radius:20px;background:var(--surface,var(--paper-warm,transparent))}
.upgrade-card h3{font-size:1.2rem;line-height:1.3}.upgrade-card p{margin-bottom:0}.upgrade-card b.step{display:block;font-size:.8rem;letter-spacing:.1em;margin-bottom:1rem;color:var(--pink-bright,var(--rose-dark,var(--gold)))}
.upgrade-nav{display:flex;gap:.6rem;flex-wrap:wrap;padding-block:1.2rem}.upgrade-nav a{padding:.65rem 1rem;border:1px solid var(--line,#ddd);border-radius:99px;font-size:.9rem;text-decoration:none}
.upgrade-note{border-left:3px solid var(--pink-bright,var(--rose,var(--gold)));padding:1rem 1.4rem;margin-block:1.7rem;background:var(--bg-soft,var(--paper-warm,transparent))}
.upgrade-note p{margin:.4rem 0}.upgrade-checks{padding-left:1.3rem}.upgrade-checks li{padding:.35rem 0}
.upgrade-faq details{border-bottom:1px solid var(--line,#ddd);padding:1rem 0}.upgrade-faq summary{font-weight:750}.upgrade-faq p{padding-inline:.3rem}
.upgrade-back{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .8rem;margin-top:1rem}
@media(max-width:760px){.upgrade-grid{grid-template-columns:1fr}.navlinks{gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.navlinks a{min-height:40px;display:inline-flex;align-items:center}.nav{gap:12px}.shell{width:min(calc(100% - 32px),1180px)}.comparison-wrap{overflow:auto}.header-inner{flex-wrap:wrap}.hero h1{overflow-wrap:normal} }
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{header,.cookie-banner,.upgrade-back{display:none!important}body{background:white!important;color:black!important}a{color:inherit!important}section{break-inside:avoid}details p{display:block}}
