/* New commercial pages and entry points. Existing SEO and service pages are untouched. */
.mockup.home-page .home-service-entry{max-width:1260px;margin:0 auto;padding:46px 24px 24px}
.home-service-entry .home-service-intro{max-width:760px}
.home-service-entry .home-service-intro h2{font-size:clamp(27px,3vw,38px);margin:5px 0 12px;line-height:1.2}
.home-service-entry .home-service-intro>p:last-child{font-size:15px;line-height:1.7;color:#536879}
.home-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.home-service-card{border:1px solid #d7e5e9;border-radius:16px;padding:26px 22px;text-decoration:none;background:#fff;box-shadow:0 5px 20px #10263e0a;display:flex;flex-direction:column;min-width:0}
.home-service-card:nth-child(2){background:#f0f7f6}
.home-service-card .home-service-icon{width:44px;height:44px;display:grid;place-items:center;background:#dcefeb;color:#087b74;border-radius:11px;font-size:22px;font-weight:750;margin-bottom:20px}
.home-service-card h3{font-size:21px;line-height:1.3;margin:0 0 12px;color:#102a3d}
.home-service-card p{font-size:14px;line-height:1.65;color:#455b68;margin:0 0 22px}
.home-service-card .home-service-link{font-size:14px;font-weight:750;color:#087b74;margin-top:auto}
.home-service-card:hover,.home-service-card:focus-visible{border-color:#78aca6;box-shadow:0 8px 24px #10263e14;transform:translateY(-2px)}
.mockup.commercial-page .service-hero{padding-top:60px;padding-bottom:56px;background:linear-gradient(115deg,#eaf5f3,#f5f9fb)}
.mockup.commercial-page .commercial-hero h1{max-width:900px}
.mockup.commercial-page .commercial-hero .commercial-lead{font-size:clamp(17px,2vw,20px);line-height:1.7;color:#375363;max-width:870px;margin-bottom:24px}
.commercial-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:24px}
.mockup.commercial-page .commercial-actions .button{margin:0;padding:13px 22px;border-radius:8px;text-decoration:none}
.commercial-secondary{font-weight:700;color:#086c68;text-decoration:underline;text-underline-offset:5px}
.mockup.commercial-page .commercial-hero .commercial-note{color:#5a7079;font-size:13px;margin:20px 0 0}
.mockup.commercial-page main>section.commercial-content{max-width:1250px;margin:0 auto;padding:54px max(22px,3vw)}
.mockup.commercial-page .commercial-content>h2{margin-bottom:18px;max-width:900px}
.mockup.commercial-page .commercial-content>p{max-width:890px}
.commercial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.mockup.commercial-page .commercial-card{display:flex;flex-direction:column;min-width:0;padding:27px 27px 25px;border:1px solid #d9e5e9;border-radius:14px;background:#fff;box-shadow:0 6px 25px #10263e0a}
.commercial-card .commercial-index{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#087b74;font-weight:800;margin-bottom:14px}
.mockup.commercial-page .commercial-card h3{font-size:22px;margin:0 0 16px}
.mockup.commercial-page .commercial-card p{font-size:15px;line-height:1.7;margin:0 0 14px}
.mockup.commercial-page .commercial-card .commercial-deliverable{background:#eef6f5;padding:14px 16px;border-radius:9px;font-size:14px;margin-top:auto;color:#2b4d54}
.commercial-card>a{color:#086c68;font-size:14px;font-weight:750;margin-top:12px}
.commercial-grid-ai .commercial-card-wide{grid-column:1/-1}
.mockup.commercial-page .commercial-method{border-top:1px solid #e0e9ec}
.commercial-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.commercial-steps-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.commercial-steps>div{background:#f2f8f8;padding:24px;border-radius:12px;border:1px solid #dce9e7}
.commercial-steps span{color:#087b74;font-size:24px;font-weight:800}
.mockup.commercial-page .commercial-steps h3{font-size:19px;margin:16px 0 8px}
.mockup.commercial-page .commercial-steps p{font-size:14px;margin:0;line-height:1.7}
.commercial-links ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px;padding-left:20px}
.commercial-links li{padding:4px 0}
.commercial-links a{color:#086c68;font-weight:650}
.commercial-showcase{margin-top:26px;border:1px solid #d4e3e5;border-left:4px solid #087b74;padding:24px;border-radius:12px;background:#f4f8f8}
.mockup.commercial-page .commercial-showcase p{font-size:14px;line-height:1.7;margin:10px 0}
.commercial-showcase a{font-weight:700;color:#086c68}
.mockup.commercial-page main>section.commercial-cta{max-width:none;width:100%;padding:54px max(24px,4vw)}
.mockup.commercial-page .commercial-cta h2{max-width:820px}
@media(max-width:900px){.home-service-grid{gap:12px}.home-service-card{padding:22px 18px}.commercial-steps-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mockup.home-page .home-service-entry{padding:36px 20px 12px}.home-service-grid,.commercial-grid,.commercial-steps,.commercial-steps-four,.commercial-links ul{grid-template-columns:minmax(0,1fr)}.commercial-grid-ai .commercial-card-wide{grid-column:auto}.mockup.commercial-page main>section.commercial-content{padding:36px 20px}.mockup.commercial-page .service-hero{padding:42px 20px}.mockup.commercial-page .commercial-card{padding:22px}.commercial-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.home-service-card:hover,.home-service-card:focus-visible{transform:none}}

/* INTELAS "Notre approche" commercial extension — existing SEO pages preserved. */
.mockup.home-page .home-service-entry{max-width:1300px;padding-top:54px;padding-bottom:36px}
.home-service-entry .home-service-intro{max-width:900px}
.home-service-entry .home-service-intro h2{max-width:980px}
.home-service-grid{gap:22px;margin-top:26px}
.home-service-card{background:#fff;padding:0 0 25px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.home-service-card:nth-child(2){background:#fff}
.home-service-card--lead{border-color:#a7cfca;background:#f8fcfb}
.home-service-card--lead:hover{border-color:#087b74}
.home-service-art{height:148px;background:linear-gradient(130deg,#e7f2f0,#f1f7f8);display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;position:relative;overflow:hidden}
.home-service-art--advice{background:linear-gradient(145deg,#0b555a,#0d8279);color:#fff}
.home-service-art--advice .home-mini-metric{display:flex;align-items:center;gap:12px;background:#ffffff20;border:1px solid #ffffff40;border-radius:12px;padding:13px 16px;font-size:19px;font-weight:800;min-height:58px}
.home-mini-metric b{font-size:30px;line-height:1;color:#b3e2d5}
.home-art-divider{width:18px;height:1px;background:#ffffff80}
.home-service-art--training{background:#edf2f7;color:#173d5a}
.home-service-art--training span,.home-service-art--digital span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:9px;background:#fff;border:1px solid #d5e3e7;font-size:12px;font-weight:750;text-align:center;box-shadow:0 3px 10px #102b3610}
.home-service-art--training i,.home-service-art--digital i{display:block;min-width:13px;height:2px;background:#6e9da0;position:relative}
.home-service-art--training i::after,.home-service-art--digital i::after{content:"";position:absolute;right:0;top:-3px;border:4px solid transparent;border-left-color:#6e9da0}
.home-service-art--digital{background:linear-gradient(120deg,#e0f2ed,#e9f3fa);color:#125960}
.home-service-art--digital span:nth-of-type(2){background:#0a756f;color:#fff;border-color:#0a756f}
.home-service-card .home-service-category{margin:22px 23px 11px;font-size:11px;letter-spacing:.1em;font-weight:800;color:#087b74}
.home-service-card h3{padding:0 23px;font-size:21px;margin:0 0 12px;max-width:440px}
.home-service-card p{padding:0 23px;margin:0 0 22px;flex:1}
.home-service-card .home-service-link{padding:0 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.mockup.commercial-page .commercial-hero .commercial-independent{max-width:820px;font-size:15px;line-height:1.7;color:#315b61;background:#ffffffad;padding:14px 18px;border-left:4px solid #0a8279;border-radius:0 8px 8px 0;margin-bottom:26px}
.approach-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:30px}
.mockup.commercial-page .approach-lever{min-width:0;border:1px solid #d8e6e6;border-radius:15px;background:#fff;overflow:hidden;padding:0 23px 26px;box-shadow:0 6px 20px #12334a08;display:flex;flex-direction:column}
.approach-illustration{height:122px;margin:0 -23px 22px;background:linear-gradient(135deg,#e5f2ef,#f0f7f9);display:flex;align-items:center;justify-content:center;gap:18px;color:#07655e}
.approach-lever--price .approach-illustration{background:#0c595a;color:#fff}
.approach-lever--volume .approach-illustration{background:#e8f2f4}
.approach-lever--opportunities .approach-illustration{background:#eef4e9;color:#32654d}
.approach-symbol{font-size:clamp(25px,2.6vw,38px);font-weight:850;letter-spacing:-.035em}
.approach-down{font-size:50px;font-weight:700;line-height:1;color:#87d9c6}
.approach-check{font-size:38px;border:2px solid currentColor;border-radius:50%;width:53px;height:53px;display:grid;place-items:center;line-height:1}
.mockup.commercial-page .approach-index{color:#087b74;font-size:11px;font-weight:800;letter-spacing:.1em;margin:0 0 12px}
.mockup.commercial-page .approach-lever h3{font-size:22px;line-height:1.3;margin-bottom:12px}
.mockup.commercial-page .approach-lever>p:not(.approach-index){font-size:14px;line-height:1.72;margin:0 0 15px}
.approach-lever ul{margin:0;padding:0 0 0 19px;font-size:13.5px;line-height:1.65;color:#2c4b55}
.approach-lever li{margin:0 0 10px}
.mockup.commercial-page .approach-summary{max-width:none;margin:25px 0 0;padding:20px 24px;border-radius:10px;background:#f0f7f5;font-size:16px;line-height:1.65;color:#174f4c}
.bill-breakdown-section{border-top:1px solid #e1ebed}
.bill-breakdown-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;align-items:center}
.bill-breakdown-copy h2{max-width:530px}
.bill-breakdown-actions{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;margin-top:24px}
.mockup.commercial-page .bill-breakdown-actions .button{margin:0;text-decoration:none;border-radius:8px;font-size:14px}
.bill-breakdown-actions>a:not(.button){color:#0a7069;font-weight:700;font-size:14px}
.bill-breakdown-visual{border:1px solid #d8e5e7;border-radius:15px;overflow:hidden;box-shadow:0 12px 28px #102e4212;background:#fff}
.bill-breakdown-header{padding:19px 23px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#13364a;color:#fff;font-size:12px;letter-spacing:.07em;font-weight:750}
.bill-breakdown-header strong{font-size:12px;color:#c8eae2;letter-spacing:0}
.bill-breakdown-row{display:flex;align-items:center;gap:15px;padding:18px 23px;border-bottom:1px solid #e3ebed}
.bill-breakdown-dot{width:12px;height:36px;border-radius:5px;flex:none}
.bill-dot-supply{background:#0b8179}.bill-dot-network{background:#5485a6}.bill-dot-taxes{background:#b38c48}
.bill-breakdown-row>div{flex:1;min-width:0}
.bill-breakdown-row strong{display:block;font-size:17px;line-height:1.4;color:#17354a}
.bill-breakdown-row small{display:block;font-size:12px;color:#506a77;line-height:1.5;margin-top:2px}
.bill-breakdown-number{font-size:13px;color:#91a4ad;font-weight:750}
.mockup.commercial-page .bill-breakdown-caption{font-size:11px;line-height:1.5;color:#647781;margin:0;padding:14px 22px;background:#f6f9f9}
.remuneration-section{border-top:1px solid #e1ebed}
.remuneration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0}
.mockup.commercial-page .remuneration-card{padding:26px;border:1px solid #d8e5e7;border-radius:14px;background:#fff}
.mockup.commercial-page .remuneration-card--success{background:#f2f9f6;border-color:#b4d6c9}
.remuneration-kind{font-size:11px;color:#0a7069;letter-spacing:.09em;font-weight:850}
.mockup.commercial-page .remuneration-card h3{font-size:22px;margin:13px 0 15px}
.mockup.commercial-page .remuneration-card p{font-size:14px;line-height:1.7}
.remuneration-card>strong{font-size:13px;color:#154c4c}
.mockup.commercial-page .remuneration-card>p:last-child{margin:6px 0 0}
.mockup.commercial-page .remuneration-disclaimer{font-size:12px;line-height:1.7;color:#596e77;max-width:1000px}
@media(max-width:1000px){.approach-visual{grid-template-columns:1fr;gap:18px}.mockup.commercial-page .approach-lever{padding:0 22px 23px}.approach-illustration{height:100px;margin:0 -22px 20px}.bill-breakdown-layout{gap:25px}.home-service-grid{gap:14px}.home-service-art--training,.home-service-art--digital{gap:7px;padding:10px}.home-service-art--training span,.home-service-art--digital span{padding:8px;font-size:11px}}
@media(max-width:700px){.mockup.home-page .home-service-entry{padding:38px 20px 20px}.home-service-art{height:120px}.home-service-grid{gap:18px}.home-service-card h3{font-size:20px}.bill-breakdown-layout,.remuneration-grid{grid-template-columns:1fr}.bill-breakdown-header,.bill-breakdown-row{padding-inline:17px}.bill-breakdown-section .bill-breakdown-layout{gap:22px}.bill-breakdown-actions{align-items:stretch;flex-direction:column}.bill-breakdown-actions .button{text-align:center}.mockup.commercial-page .remuneration-card{padding:22px}}
@media(max-width:360px){.home-service-art--training span,.home-service-art--digital span{font-size:10px;padding:7px 5px}.home-service-art{gap:7px}.bill-breakdown-header{font-size:11px}}