/* Claude Design: Hub Prestations, variante A. Local selectors only. */
.fp-prestations-hub{background:var(--ds-bg);color:var(--ds-text);font-family:var(--ds-font-sans);padding-bottom:72px}
.fp-prestations-hub .hp-container{max-width:1200px;margin-inline:auto;padding-inline:32px}
.fp-prestations-hub .hp-eyebrow{font-family:var(--ds-font-mono);font-size: var(--ds-fs-1);letter-spacing:.09em;text-transform:uppercase;color:var(--ds-text-3);margin:0 0 20px}
.fp-prestations-hub h1{font-size: var(--ds-fs-8);line-height:1.03;font-weight:600;letter-spacing:-.045em;margin:0 0 28px;text-wrap:balance}
.fp-prestations-hub h2{font-size: var(--ds-fs-7);line-height:1.12;letter-spacing:-.035em;font-weight:600;margin:0 0 24px;text-wrap:balance}
.fp-prestations-hub h1 em,.fp-prestations-hub h2 em{font-family:var(--ds-font-serif);font-weight:400}
.fp-prestations-hub h3{font-size: var(--ds-fs-5);line-height:1.2;letter-spacing:-.025em;font-weight:600;margin:0 0 16px}
.fp-prestations-hub p{line-height:1.7}
.fp-prestations-hub .hp-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:center;padding-block:70px 80px}
.fp-prestations-hub .hp-lead{font-size: var(--ds-fs-4);color:var(--ds-text-2);max-width:650px;margin:0 0 28px}
.fp-prestations-hub .hp-actions{display:flex;flex-wrap:wrap;gap:12px}
.fp-prestations-hub .hp-price-note{font-size: var(--ds-fs-1);color:var(--ds-text-3);max-width:480px;margin:24px 0 0}
.fp-prestations-hub .hp-portrait{margin:0;max-width:380px;justify-self:end}
.fp-prestations-hub .hp-portrait img{display:block;width:100%;height:auto;border-radius:var(--ds-radius-xl)}
.fp-prestations-hub .hp-portrait figcaption{display:flex;flex-direction:column;gap:5px;padding:18px 0;font-size: var(--ds-fs-1)}
.fp-prestations-hub .hp-portrait figcaption span{color:var(--ds-text-3)}
.fp-prestations-hub .hp-section{padding-block:72px;border-top:1px solid var(--ds-line)}
.fp-prestations-hub .hp-section[id]{scroll-margin-top:100px}
.fp-prestations-hub .hp-section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:28px}
.fp-prestations-hub .hp-section-head h2{margin:0}
.fp-prestations-hub .hp-section-head>p{max-width:330px;font-size: var(--ds-fs-2);color:var(--ds-text-3);margin:0}
.fp-prestations-hub .hp-situations{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
.fp-prestations-hub .hp-situation{display:grid;grid-template-columns:30px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--ds-line)}
.fp-prestations-hub .hp-situation h3{font-size: var(--ds-fs-5)}
.fp-prestations-hub .hp-situation p{font-size: var(--ds-fs-2);color:var(--ds-text-3);margin:0 0 16px}
.fp-prestations-hub .hp-num{font-family:var(--ds-font-mono);font-size: var(--ds-fs-1);color:var(--ds-text-4);padding-top:4px}
.fp-prestations-hub .hp-link{font-size: var(--ds-fs-2);color:var(--ds-blue)}
.fp-prestations-hub .hp-situation:hover .hp-link{text-decoration:underline;text-underline-offset:4px}
.fp-prestations-hub .hp-diagnostic{font-size: var(--ds-fs-2);margin:28px 0 0}
.fp-prestations-hub .hp-diagnostic a,.fp-prestations-hub .hp-maintenance a,.fp-prestations-hub .hp-levels a{color:var(--ds-blue);text-decoration:underline;text-underline-offset:4px}
.fp-prestations-hub .hp-services{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.fp-prestations-hub .hp-service{grid-column:span 4;display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--ds-line);border-radius:var(--ds-radius-xl);background:var(--ds-bg-soft)}
.fp-prestations-hub .hp-service:hover{border-color:var(--ds-blue)}
.fp-prestations-hub .hp-service.hp-feature{grid-column:span 5;padding:36px;min-height:300px}
.fp-prestations-hub .hp-service.hp-service-dark{grid-column:span 7;background:var(--ds-text);color:var(--ds-text-on-ink)}
.fp-prestations-hub .hp-service.hp-feature h3{font-size: var(--ds-fs-6)}
.fp-prestations-hub .hp-service p{color:var(--ds-text-3);font-size: var(--ds-fs-2);margin:0 0 32px}
.fp-prestations-hub .hp-service-dark p,.fp-prestations-hub .hp-service-dark .hp-eyebrow{color:var(--ds-text-on-ink-2)}
.fp-prestations-hub .hp-service-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;border-top:1px solid var(--ds-line);font-size: var(--ds-fs-1)}
.fp-prestations-hub .hp-service-dark .hp-service-bottom{border-color:var(--ds-line-on-ink)}
.fp-prestations-hub .hp-maintenance{padding:28px 0 0;display:flex;gap:20px;flex-wrap:wrap;font-size: var(--ds-fs-2)}
.fp-prestations-hub .hp-delegation{padding-block:72px;background:var(--ds-bg-soft);border-block:1px solid var(--ds-line)}
.fp-prestations-hub .hp-delegation-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.fp-prestations-hub .hp-delegation-grid p{color:var(--ds-text-2);font-size: var(--ds-fs-3);margin-bottom:28px}
.fp-prestations-hub .hp-delegation-grid ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--ds-line)}
.fp-prestations-hub .hp-delegation-grid li{display:grid;grid-template-columns:18px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--ds-line);font-size: var(--ds-fs-3);line-height:1.5}
.fp-prestations-hub .hp-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}
.fp-prestations-hub .hp-levels article{display:flex;flex-direction:column;border-top:3px solid var(--ds-text);padding-top:24px}
.fp-prestations-hub .hp-levels p{font-size: var(--ds-fs-2);color:var(--ds-text-3);margin:0 0 20px}
.fp-prestations-hub .hp-levels .hp-responsibility{border-top:1px solid var(--ds-line);padding-top:20px;color:var(--ds-text-2)}
.fp-prestations-hub .hp-levels a{margin-top:auto;font-size: var(--ds-fs-2)}
.fp-prestations-hub .hp-route-map{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:center}
.fp-prestations-hub .hp-route-map img{width:100%;height:auto}
.fp-prestations-hub .hp-faq{display:grid;grid-template-columns:1fr 2fr;gap:64px}
.fp-prestations-hub .hp-faq details{border-bottom:1px solid var(--ds-line)}
.fp-prestations-hub .hp-faq summary{list-style:disclosure-closed;padding:24px 0;cursor:pointer;font-size: var(--ds-fs-3);font-weight:500}
.fp-prestations-hub .hp-faq details[open] summary{list-style:disclosure-open}
.fp-prestations-hub .hp-faq details p{margin:0;padding-bottom:24px;color:var(--ds-text-2)}
.fp-prestations-hub .hp-final{padding:48px;background:var(--ds-text);color:var(--ds-text-on-ink);border-radius:var(--ds-radius-xl)}
.fp-prestations-hub .hp-final .hp-eyebrow,.fp-prestations-hub .hp-final p{color:var(--ds-text-on-ink-2)}
.fp-prestations-hub .hp-final p{max-width:620px;margin-bottom:28px}
.fp-prestations-hub a:focus-visible,.fp-prestations-hub summary:focus-visible{outline:3px solid var(--ds-blue);outline-offset:5px}
@media(max-width:900px){.fp-prestations-hub .hp-hero{grid-template-columns:1.35fr 1fr;gap:32px}.fp-prestations-hub .hp-service{grid-column:span 6}.fp-prestations-hub .hp-section-head{display:block}.fp-prestations-hub .hp-section-head>p{margin-top:20px;max-width:600px}.fp-prestations-hub .hp-delegation-grid{gap:36px}.fp-prestations-hub .hp-route-map{grid-template-columns:1fr;gap:20px}}
@media(max-width:640px){.fp-prestations-hub .hp-container{padding-inline:20px}.fp-prestations-hub .hp-hero,.fp-prestations-hub .hp-situations,.fp-prestations-hub .hp-delegation-grid,.fp-prestations-hub .hp-levels,.fp-prestations-hub .hp-faq{grid-template-columns:1fr;gap:28px}.fp-prestations-hub .hp-hero{padding-block:40px}.fp-prestations-hub h1{font-size: var(--ds-fs-7)}.fp-prestations-hub .hp-portrait{justify-self:start;max-width:310px}.fp-prestations-hub .hp-section,.fp-prestations-hub .hp-delegation{padding-block:44px}.fp-prestations-hub .hp-service,.fp-prestations-hub .hp-service.hp-feature,.fp-prestations-hub .hp-service.hp-service-dark{grid-column:1/-1;padding:26px;min-height:0}.fp-prestations-hub .hp-final{padding:28px}.fp-prestations-hub .btn{white-space:normal}}