/* Dev-IT Solution — compléments pour les pages de services (s'ajoute à style.css, ne le remplace pas) */
.phero{padding:84px 0 96px}
.phero h1{font-size:clamp(2.1rem,5vw,3.8rem);max-width:16em}
.crumb{font:500 12px var(--m);letter-spacing:.08em;color:#9db0c8;margin-bottom:18px}
.crumb a{color:var(--cyan)}.crumb a:hover{color:#fff}
.lead{max-width:46em;color:var(--mute);margin:0 0 18px}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.two img{border-radius:24px;border:1px solid var(--line);width:100%;height:auto}
.two p{color:var(--mute);margin:0 0 14px}
.bc.nl{grid-column:span 2}
.bc.nl em{display:none}
.chk{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.chk li{position:relative;padding-inline-start:30px;color:var(--ink)}
.chk li::before{content:"✓";position:absolute;inset-inline-start:0;top:0;color:var(--blue);font-weight:700}
.note{font:500 13px var(--m);color:var(--mute);margin-top:18px}
.faq{display:grid;gap:12px;max-width:820px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:0 22px}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font:600 1.05rem var(--d);display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--blue);font:700 1.4rem var(--m);flex:none}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:0 0 18px;color:var(--mute)}
.rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.rel a{display:block;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px;font:600 1.02rem var(--d);transition:transform .25s,border-color .25s}
.rel a:hover{transform:translateY(-3px);border-color:var(--blue)}
.rel a small{display:block;margin-top:4px;font:400 .88rem var(--b);color:var(--mute)}
@media(max-width:1000px){.two{grid-template-columns:1fr}.bc.nl{grid-column:span 1}}