:root{--bg:#f7f4ea;--surface:#fffdf7;--ink:#10283c;--muted:#5f6f7d;--blue:#143d63;--blue2:#1d567f;--green:#4f8f63;--cream:#f2e7cc;--line:#dbe3e6;--shadow:0 14px 40px rgba(16,40,60,.10);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f8f7f1,#eef4f5);line-height:1.65}
a{color:var(--blue2);text-decoration-thickness:1.5px;text-underline-offset:3px}.wrap{width:min(1080px,calc(100% - 36px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(14px);background:rgba(248,247,241,.9);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}


.brand-copy strong{display:block;line-height:1.1}.brand-copy small{display:block;color:var(--muted);font-size:.74rem;margin-top:3px}.nav-links{display:flex;gap:18px}.nav-links a{text-decoration:none;font-weight:650;font-size:.92rem}
.hero{padding:78px 0 46px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e6f0ea;color:#326145;font-weight:700;font-size:.86rem}
h1{font-size:clamp(2.45rem,7vw,4.7rem);line-height:.98;letter-spacing:-.045em;margin:18px 0 22px}.hero p,.lead,.page-head p{color:var(--muted)}.hero p{font-size:1.15rem;max-width:720px}
.hero-card{background:var(--blue);color:#fff;border-radius:32px;padding:30px;box-shadow:0 24px 60px rgba(20,61,99,.22)}.hero-card h2{margin-top:0}.hero-card p{color:#dce9f3}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpi{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:15px}.kpi strong{display:block}.kpi span{font-size:.82rem;color:#dce9f3}
.section{padding:54px 0}.section h2{font-size:clamp(1.75rem,4vw,2.55rem);letter-spacing:-.025em}.lead{font-size:1.08rem;max-width:800px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card h3{margin-top:0}.card p{color:var(--muted)}
.callout,.note{border-radius:18px;padding:20px}.callout{background:#eaf2ed;border:1px solid #cfe0d4;margin-top:24px}.note{background:#fff6df;border:1px solid #ecdcae}
.button{display:inline-flex;padding:12px 18px;border-radius:13px;background:var(--blue);color:#fff!important;text-decoration:none;font-weight:750}.button.secondary{background:transparent;color:var(--blue)!important;border:1px solid var(--blue)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.page-head{padding:62px 0 30px}.page-head h1{font-size:clamp(2.2rem,6vw,3.8rem);margin-bottom:14px}.doc{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:38px;align-items:start;padding-bottom:70px}.doc main{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.doc main h2{margin-top:36px;font-size:1.45rem}.doc main h2:first-child{margin-top:0}.doc main ul{padding-left:22px}.doc main li+li{margin-top:7px}.doc aside{position:sticky;top:92px;background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:20px;padding:18px}.doc aside strong{display:block;margin-bottom:8px}.doc aside a{display:block;padding:4px 0;text-decoration:none;font-size:.9rem}
.footer{border-top:1px solid var(--line);padding:30px 0 46px;color:var(--muted);font-size:.9rem}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:15px;flex-wrap:wrap}.small{font-size:.86rem;color:var(--muted)}
@media(max-width:820px){.hero-grid,.doc{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.doc aside{position:static;order:-1}}@media(max-width:560px){.wrap{width:min(100% - 24px,1080px)}.hero{padding-top:50px}.hero-card,.doc main{padding:22px}.nav-links{display:none}.kpis{grid-template-columns:1fr}}
/* Nouvelle identité Peca */
.brand-icon{width:42px;height:42px;border-radius:12px;display:block;object-fit:cover;box-shadow:0 8px 20px rgba(10,56,101,.22);flex:0 0 auto}