/* Un décor unique sur toute la page ; les contenus restent au premier plan. */
.services-page{background:#031418}
.services-page>.ambient,.services-page main>.glass-scene{display:none}
.services-scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 82% 40%,#0a343b88,transparent 58%),#031418}
.services-scene canvas{display:block;width:100%;height:100%;opacity:.88}
.services-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#02121633,transparent 45%,#02121611),radial-gradient(ellipse at center,transparent 35%,#020d12aa);pointer-events:none}
.services-code{position:absolute;margin:0;max-width:45%;color:#77d6cf;opacity:.13;font:10px/2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.4px;filter:blur(.45px);white-space:pre;user-select:none}
.services-code-left{left:3%;top:20%;animation:services-code-drift 30s ease-in-out infinite alternate}
.services-code-right{right:-2%;top:12%;opacity:.1;animation:services-code-drift 36s -9s ease-in-out infinite alternate-reverse}
.services-page main,.services-page>.contract-footer{position:relative;z-index:1}
.services-page .header{background:#04191b80;border-bottom-color:#7bdece18}
.services-page>.contract-footer{background:#031418b3;backdrop-filter:blur(8px)}
.services-page .services-projects{width:min(1160px,100%);padding-left:44px;padding-right:74px}
.services-page .services-choice-heading{max-width:760px;margin:0 auto 28px}
.services-page .glass-welcome .services-kicker{font:10px/1.5 ui-monospace,monospace;letter-spacing:2.3px;color:#91d1c5;margin:0 0 15px}
.services-page .services-choice-heading h1{font-size:clamp(34px,5vw,58px);letter-spacing:-1.8px;line-height:1.1;margin-bottom:16px}
.services-page .services-choice-heading>p:last-child{font:13px/1.7 Montserrat,Arial,sans-serif;color:#a4bfbc;max-width:550px;margin:auto}
.services-page .project-options{width:min(100%,840px);gap:12px}
.services-page .project-options a{background:linear-gradient(120deg,#21474c9c,#102b30b3);border-color:#91d9d244;box-shadow:inset 0 1px #e8fff518,0 12px 36px #0002;backdrop-filter:blur(12px);min-height:104px;grid-template-columns:46px 1fr 20px;padding:20px 26px;gap:22px}
.services-page .project-options a:hover{border-color:#a9f4e6b3;background:linear-gradient(120deg,#29585bba,#13383ed9)}
.services-page .project-options .option-icon{width:42px;height:42px;padding:5px;background:#5ce5ca0d;border:1px solid #91e1d726;border-radius:9px}
.service-choice-copy{display:flex;flex-direction:column;gap:7px}
.service-choice-copy strong{font-size:20px;letter-spacing:-.45px;font-weight:600;color:#f0fffa}
.service-choice-copy small{font-size:11px;line-height:1.6;letter-spacing:0;color:#a0bfbc}
.services-page .services-projects>.last-portfolio{width:min(100%,840px);margin-top:23px}
.services-page .services-projects .custom-quote{min-height:49px;width:100%!important;background:#0b2a2e88;border-color:#7ecdbd66;font:13px Montserrat,Arial,sans-serif;border-radius:6px;box-shadow:none;color:#c4e6df}
.services-page .benefits-services{max-width:1160px;padding:68px 74px 70px 44px;border-top:1px solid #7ac6bd26}
.services-page .services-overview-heading{max-width:680px;margin-bottom:30px}
.services-page .services-overview-heading h2{font-size:clamp(34px,4vw,48px);letter-spacing:-1.6px;line-height:1.14;margin-bottom:18px}
.services-page .services-overview-heading>p:last-child{font-size:13px;color:#a2beba;line-height:1.9;max-width:570px}
.services-page .service-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 38px;padding:6px;background:#0e3033a6;border:1px solid #6bafa33b;border-radius:11px;width:fit-content;backdrop-filter:blur(12px)}
.services-page .service-shortcuts a{padding:11px 17px;border:1px solid transparent;border-radius:7px;font-size:11px;color:#accdc5;margin:0}
.services-page .service-shortcuts a[aria-current]{background:#7eecd41c;border-color:#8ddac378;color:#e5fff3}
.services-page .benefit-offer{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:0 38px;padding:34px;margin:0 0 42px;border-radius:20px;border:1px solid #80cabb52;background:linear-gradient(135deg,#183a3dba,#071d23c4);backdrop-filter:blur(12px);box-shadow:inset 0 1px #c8fff319,0 18px 55px #0002;scroll-margin-top:20px}
.services-page .benefit-offer>.eyebrow{grid-column:1/-1;font-size:10px;letter-spacing:1.9px;margin:0 0 26px;color:#83dac5}
.services-page .benefit-offer>h2{grid-column:1;font-size:clamp(27px,2.7vw,36px);line-height:1.2;letter-spacing:-1px;margin:0 0 18px}
.services-page .benefit-intro{grid-column:1;font-size:12px;line-height:1.85;color:#aac5bf;margin:0 0 27px}
.services-page .benefit-list{grid-column:1;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
.services-page .benefit-row{display:grid;grid-template-columns:37px 1fr;gap:14px;margin:0;padding:0}
.services-page .benefit-icon{width:37px;height:39px;border-radius:10px;background:#60e7ca0c;border:1px solid #63c4af26;display:grid;place-items:center;color:#82dfca}
.services-page .benefit-icon svg{width:27px;height:27px}
.services-page .benefit-row h3{font-size:12px;line-height:1.5;margin:0 0 5px;color:#e6f6ee}
.services-page .benefit-row p{font-size:11px;line-height:1.8;margin:0;color:#a0beb7}
.services-page .benefit-price{grid-column:2;grid-row:2/span 3;align-self:start;margin:0;padding:26px;border:1px solid #8bd6c347;border-radius:15px;background:linear-gradient(140deg,#1d48444d,#061a20b3)}
.services-page .benefit-price>span{display:block;text-transform:uppercase;font:9px/1.5 ui-monospace,monospace;letter-spacing:1.5px;color:#a9cec0;margin:0 0 19px}
.services-page .benefit-amount{display:flex;flex-direction:column;gap:7px;margin:0 0 15px;color:#b0d6c6;line-height:1.1}
.services-page .benefit-amount small{font:11px Montserrat,Arial,sans-serif;letter-spacing:0;color:#a1beb4}
.services-page .benefit-amount strong{font:600 clamp(38px,4vw,52px)/1.1 Montserrat,Arial,sans-serif;letter-spacing:-2px;color:#bdffe9}
.services-page .benefit-amount>span{font:10px/1.5 Montserrat,Arial,sans-serif;color:#aac6bc;letter-spacing:0}
.services-page .benefit-quote{font-size:10px;line-height:1.7;color:#91b2a7;margin:0 0 23px}
.service-hosting{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #80cbb52b;padding-top:18px}
.service-hosting>div{display:flex;align-items:center;gap:7px;font-size:11px;color:#cbe9dd}
.hosting-icon{color:#82ddc4;font-size:23px}
.service-hosting>p{display:flex;align-items:baseline;gap:5px;margin:0;color:#dbfff0;white-space:nowrap}
.service-hosting strong{font-size:19px;letter-spacing:-.6px}.service-hosting p>span{font-size:10px;color:#aacabc}
.services-page .hosting-description{font-size:9px;line-height:1.7;color:#8baea1;margin:8px 0 23px}
.services-page .benefit-price .button{min-height:48px;padding:14px 16px;font-size:11px;border-radius:6px;margin:0 0 10px;gap:12px}
.services-page .benefit-price .primary{background:#68e4cd;color:#062824;border-color:#a0f6dc}
.services-page .benefit-price .secondary-portfolio{background:#61c8ae08;color:#c6eddd;border-color:#78c4af4d;box-shadow:none}
.services-page .benefit-fees{font-size:9px;line-height:1.7;color:#99b8ab;margin:8px 0 0}
.services-page .services-inline-contact{margin-top:45px;margin-bottom:75px}
.services-page .inline-contact form{background:linear-gradient(130deg,#24494a9c,#0b242bbc);border-color:#9ddac567;backdrop-filter:blur(16px);border-radius:15px}
@keyframes services-code-drift{from{transform:translateY(0)}to{transform:translateY(-28px)}}
@media(min-width:950px){.services-page .services-projects{min-height:calc(100svh - 110px);padding-top:28px;padding-bottom:32px}.services-page .services-choice-heading h1{font-size:clamp(32px,5.5svh,48px)}.services-page .project-options a{min-height:clamp(78px,12svh,105px);padding-top:15px;padding-bottom:15px}.services-page .services-choice-heading{margin-bottom:24px}.services-page .glass-welcome .services-kicker{margin-bottom:12px}}
@media(max-width:900px){.services-page .benefit-offer{grid-template-columns:1fr;gap:0;padding:27px}.services-page .benefit-price{grid-column:1;grid-row:auto;margin-top:28px}.services-page .benefit-offer>h2{font-size:32px}.services-page .benefit-intro{max-width:600px}.services-page .benefit-list{gap:20px}.services-page .benefit-price{display:block}.services-page .benefit-amount strong{font-size:46px}}
@media(max-width:700px){.services-page .services-projects{padding:35px 48px 42px 17px;min-height:calc(100svh - 86px)}.services-page .services-choice-heading{margin-bottom:26px}.services-page .services-choice-heading h1{font-size:clamp(28px,7.5vw,39px);letter-spacing:-1px}.services-page .glass-welcome .services-kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:13px}.services-page .services-choice-heading>p:last-child{font-size:11px;line-height:1.8}.services-page .project-options a{grid-template-columns:33px 1fr 12px;gap:12px;min-height:112px;padding:19px 15px}.services-page .project-options .option-icon{width:33px;height:35px;padding:3px}.service-choice-copy{gap:6px}.service-choice-copy strong{font-size:15px;line-height:1.4;letter-spacing:-.3px}.service-choice-copy small{font-size:9px;line-height:1.7}.services-page .services-projects .custom-quote{font-size:11px;min-height:49px;padding:13px 24px 13px 13px}.services-page .services-projects .custom-quote>span{right:13px;font-size:16px}.services-page .benefits-services{padding:44px 48px 45px 17px}.services-page .services-overview-heading h2{font-size:33px}.services-page .services-overview-heading>p:last-child{font-size:12px}.services-page .service-shortcuts{gap:3px;padding:4px;width:100%;margin-bottom:28px}.services-page .service-shortcuts a{flex:1;padding:10px 6px;font-size:8px;text-align:center;line-height:1.5}.services-page .benefit-offer{padding:23px 19px;border-radius:15px;margin-bottom:30px}.services-page .benefit-offer>.eyebrow{font-size:9px;letter-spacing:1.25px;margin-bottom:23px}.services-page .benefit-offer>h2{font-size:27px;letter-spacing:-.8px}.services-page .benefit-intro{font-size:11px;line-height:1.9;margin-bottom:25px}.services-page .benefit-row{grid-template-columns:30px 1fr;gap:12px}.services-page .benefit-icon{width:30px;height:34px;border-radius:8px}.services-page .benefit-icon svg{width:23px;height:23px}.services-page .benefit-row h3{font-size:11px}.services-page .benefit-row p{font-size:10px}.services-page .benefit-price{padding:21px 17px;margin-top:28px;border-radius:11px}.services-page .benefit-amount strong{font-size:44px}.services-page .benefit-price .button{font-size:10px;padding-left:12px;padding-right:12px}.service-hosting strong{font-size:18px}.services-code{font-size:8px;max-width:65%;opacity:.1}.services-code-right{right:-20%}.services-page .services-inline-contact{width:100%}}
@media(prefers-reduced-motion:reduce){.services-code{animation:none}}

/* Mouvement plus perceptible, tout en gardant les contenus lisibles. */
.services-scene canvas{opacity:1}
.services-scene:after{opacity:.65}
.services-code-left{opacity:.17;animation-duration:15s}
.services-code-right{opacity:.14;animation-duration:19s}
@keyframes services-code-drift{from{transform:translate(0,10px)}to{transform:translate(7px,-55px)}}
@media(prefers-reduced-motion:reduce){.services-code{animation:none}}

/* L’entrée reste centrée : le menu latéral ne concerne que les offres détaillées. */
.services-page .services-projects{padding-left:44px;padding-right:44px}
@media(max-width:700px){.services-page .services-projects{padding-left:18px;padding-right:18px}}

/* Entrée mobile fluide : au moins l’espace visible, sans hauteur maximale. */
@media(max-width:700px){
 .services-page .services-projects{min-height:calc(100dvh - var(--services-header-height,0px));height:auto;padding:clamp(10px,2svh,18px) 18px;justify-content:space-evenly}
 .services-page .services-choice-heading{margin-bottom:clamp(12px,2.2svh,20px)}
 .services-page .glass-welcome .services-kicker{font-size:8px;margin-bottom:8px}
 .services-page .services-choice-heading h1{font-size:clamp(26px,7.5vw,34px);line-height:1.08;margin-bottom:10px}
 .services-page .services-choice-heading>p:last-child{font-size:10px;line-height:1.5}
 .services-page .project-options{gap:clamp(8px,1.4svh,11px)}
 .services-page .project-options a{min-height:clamp(64px,11.5svh,88px);padding:12px 14px;grid-template-columns:30px 1fr 12px;gap:11px}
 .services-page .project-options .option-icon{width:30px;height:32px}
 .services-page .service-choice-copy{gap:4px}
 .services-page .service-choice-copy strong{font-size:14px;line-height:1.3}
 .services-page .service-choice-copy small{font-size:9px;line-height:1.4}
 .services-page .services-projects>.last-portfolio{margin-top:clamp(12px,2svh,17px)}
 .services-page .services-projects .custom-quote{min-height:44px;padding:11px 15px}
}

/* Each offer ends with navigation to the other services. */
.services-page .benefit-offer>.service-shortcuts-bottom{grid-column:1/-1;position:relative;margin:28px 0 0;max-width:100%;align-self:end}
@media(max-width:700px){.services-page .benefit-offer>.service-shortcuts-bottom{margin:24px 0 0;width:100%}}

/* Readable offers, compact support cards and a clear next action. */
.services-page .creation-included{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0 0 20px;padding:0;color:#d9f7ed;font:500 12px/1.6 Montserrat,Arial,sans-serif}
.services-page .creation-included li{display:flex;align-items:baseline;gap:7px}
.services-page .creation-included li:before{content:'✓';color:#85ebd7}
.services-page .operating-plans{gap:14px}
.services-page .operating-plan{padding:18px;align-self:start}
.services-page .operating-plan-heading{gap:12px}
.services-page .operating-plan-heading>.operating-plan-price{font-size:29px}
.services-page .operating-plan .operating-plan-list{gap:11px;margin-top:15px;padding-top:15px}
.services-page .operating-plan-upgrade{margin-top:13px;padding:5px 8px}
.services-page .operating-plan .operating-plan-note{margin-top:14px;padding-top:12px}
.services-page .service-next-step{grid-column:1/-1;margin-top:22px;padding-top:22px;border-top:1px solid #8cd7c633}
.services-page .service-next-step>p{margin:0 0 12px;color:#e5fff5;font:600 17px/1.5 Montserrat,Arial,sans-serif}
.services-page .service-next-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}
.services-page .service-next-actions .button{min-height:48px;padding:13px 19px;font-size:13px;background:#68e4cd;color:#062824;border-color:#a0f6dc;border-radius:6px}
.services-page .service-examples-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;color:#b9e8de;text-underline-offset:5px}
.services-page .service-examples-link:hover{text-decoration:underline;color:#ecfff9}
.services-page .service-next-step>small{display:block;margin-top:18px;color:#a9ccc2;font:12px/1.6 Montserrat,Arial,sans-serif}
.services-page .benefit-offer>.service-shortcuts-bottom{margin-top:10px}
.services-page .service-shortcuts a{font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:center;white-space:normal;line-height:1.5}
@media(max-width:700px){
 .services-page .services-choice-heading>p:last-child,.services-page .services-overview-heading>p:last-child{font-size:14px;line-height:1.7}
 .services-page .service-choice-copy strong{font-size:16px}
 .services-page .service-choice-copy small{font-size:12px;line-height:1.5}
 .services-page .project-options a{min-height:88px;height:auto}
 .services-page .services-projects .custom-quote{font-size:14px;min-height:48px}
 .services-page .benefit-offer{padding:22px 17px}
 .services-page .benefit-intro{font-size:15px;line-height:1.75}
 .services-page .benefit-row h3{font-size:15px}
 .services-page .benefit-row p{font-size:14px;line-height:1.7}
 .services-page .benefit-price{padding:20px 15px}
 .services-page .benefit-price>span{font-size:11px}
 .services-page .benefit-quote,.services-page .benefit-amount>span,.services-page .operating-price-context,.services-page .offer-delivery{font-size:13px;line-height:1.7}
 .services-page .operating-price-context small,.services-page .benefit-fees{font-size:12px;line-height:1.7}
 .services-page .benefit-price .button{font-size:14px;min-height:48px;white-space:normal;text-align:center;line-height:1.5}
 .services-page .creation-included{grid-template-columns:1fr;font-size:14px;gap:6px}
 .services-page .operating-plans-intro>h3{font-size:19px}
 .services-page .operating-plan{padding:16px}
 .services-page .operating-plan[data-collapsible=true]>.operating-plan-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding-bottom:27px}
 .services-page .operating-plan .operating-plan-title{padding-right:0}
 .services-page .operating-plan-title>strong{font-size:14px;line-height:1.45}
 .services-page .operating-plan-title>p{font-size:12px;line-height:1.5;margin-top:5px}
 .services-page .operating-plan-heading>.operating-plan-price{font-size:27px;display:flex;flex-direction:column;gap:4px;align-items:flex-end;white-space:nowrap;letter-spacing:-.8px}
 .services-page .operating-plan-heading small{font-size:11px}
 .services-page .operating-plan-toggle-icon{top:auto;bottom:4px;width:24px;height:24px}
 .services-page .operating-plan-toggle-hint{font-size:12px;bottom:7px}
 .services-page .operating-plan-list li>span,.services-page .operating-plan-list li strong{font-size:14px}
 .services-page .operating-plan-list li small,.services-page .operating-plan .operating-plan-note{font-size:12px;line-height:1.6}
 .services-page .operating-plan-commitment>:is(summary,.commitment-toggle){font-size:13px}
 .services-page .operating-plan-commitment .commitment-panel-inner>p{font-size:13px;line-height:1.75}
 .services-page .service-next-actions{display:grid;gap:6px}
 .services-page .service-next-actions .button{font-size:14px;width:100%;white-space:normal;text-align:center;line-height:1.5}
 .services-page .service-examples-link{justify-content:center;font-size:14px}
 .services-page .service-shortcuts a{font-size:12px;flex:1 1 0;padding:10px 5px;min-width:0;min-height:48px;overflow-wrap:normal}
 .services-page .services-inline-contact input,.services-page .services-inline-contact textarea{font-size:16px}
}

/* Standard menu: no side dock, no reserved lateral gutter. */
.services-page .benefits-services{padding-right:44px}
.services-page .services-projects{padding-right:44px}
@media(max-width:700px){
 .services-page .benefits-services{padding-left:18px;padding-right:18px}
 .services-page .services-projects{padding-left:18px;padding-right:18px}
 .services-page.services-menu-at-top .header .menu-toggle{right:18px}
 .services-page.services-menu-at-top .header-audio-controls .weberio-audio-toggle{right:71px;transition:none}
}

/* Desktop: align the introduction, offers and inline forms on a central axis. */
@media(min-width:901px){
 .services-page .services-projects,.services-page .benefits-services{margin-left:auto;margin-right:auto;padding-left:44px;padding-right:44px}
 .services-page .services-overview-heading{max-width:850px;margin-left:auto;margin-right:auto}
 .services-page .benefit-offer{width:100%;max-width:850px;margin-left:auto;margin-right:auto}
 .services-page .services-inline-contact{max-width:850px;margin-left:auto;margin-right:auto}
}

/* Pricing: restore the vivid Weberio cyan and prominent original numerals. */
.services-page .benefit-amount strong{font-family:Montserrat,Arial,sans-serif;font-weight:600;font-size:52px;color:#0aebd8;text-shadow:0 0 20px #0aebd824}
.services-page .operating-plan-heading>.operating-plan-price{font-family:Montserrat,Arial,sans-serif;font-weight:600;font-size:35px;color:#63efdc}
.services-page .operating-price-context strong{color:#63efdc;font-size:15px}
.services-page .benefit-price{border-color:#67d9c68c;background:linear-gradient(140deg,#123e3dd9,#062329ed)}
.services-page .creation-included{color:#e5fff7}
.services-page .offer-delivery-check{display:flex;align-items:baseline;gap:9px;margin:14px 0 19px;color:#e5fff7;font:500 13px/1.6 Montserrat,Arial,sans-serif}
.services-page .offer-delivery-check>span{color:#0aebd8;font-size:17px}
.services-page .offer-delivery-check strong{font-weight:500}
@media(max-width:700px){
 .services-page .benefit-amount strong{font-size:48px}
 .services-page .operating-plan-heading>.operating-plan-price{font-size:33px;color:#63efdc}
 .services-page .offer-delivery-check{font-size:14px}
}

/* Services fills the desktop canvas; prices use the heading's exact text color. */
.services-page .benefit-amount strong,.services-page .operating-plan-heading>.operating-plan-price{color:#ecf8f7;text-shadow:none}
.services-page .header{background:#041014ed;transition:transform .35s cubic-bezier(.22,.7,.2,1);transform:none}
.services-page.services-header-hidden:not(.menu-visible) .header{transform:translateY(-100%)}
.services-page.menu-visible .header{transform:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(min-width:901px){
 .services-page .services-projects,.services-page .benefits-services{width:100%;max-width:none;padding-left:clamp(28px,4vw,88px);padding-right:clamp(28px,4vw,88px)}
 .services-page .services-overview-heading{width:100%;max-width:none}
 .services-page .benefit-offer{max-width:none;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:0 clamp(30px,5vw,100px);padding:clamp(32px,4vw,70px)}
 .services-page .benefit-offer>h2{font-size:clamp(34px,3.5vw,56px)}
 .services-page .benefit-intro{font-size:16px;max-width:650px}
 .services-page .benefit-row h3{font-size:17px}
 .services-page .benefit-row p{font-size:15px}
 .services-page .services-inline-contact{max-width:1000px}
}
@media(prefers-reduced-motion:reduce){.services-page .header{transition:none}}
.services-page .header{position:fixed;top:0;left:0;right:0;width:100%;max-width:none;margin:0;z-index:100}
.services-page main{padding-top:var(--services-header-height,110px)}

/* Near-white cyan keeps the prices bright with a cool Weberio tint. */
.services-page .benefit-amount strong,.services-page .operating-plan-heading>.operating-plan-price{color:#d9fff9;text-shadow:0 0 16px #b7fff00d}
.services-page .operating-plan-heading>.operating-plan-price{color:#63efdc;text-shadow:none}

@media(min-width:901px){.services-page .benefit-price{grid-row:2/span 2}}
/* Brighter copy throughout Services; cyan remains reserved for accents. */
.services-page{color:#f3fffc}
.services-page .service-choice-copy strong,.services-page .benefit-offer>h2,.services-page .benefit-row h3,.services-page .services-overview-heading h2{color:#f3fffc}
.services-page .services-choice-heading>p:last-child,.services-page .services-overview-heading>p:last-child,.services-page .benefit-row p,.services-page .benefit-price>span,.services-page .benefit-amount small,.services-page .benefit-amount>span,.services-page .operating-price-context,.services-page .operating-price-context small,.services-page .service-next-step>small{color:#dceee9}
.services-page .operating-plans{--plan-text:#f3fffc;--plan-muted:#d5e9e2}
.services-page .service-shortcuts a,.services-page .service-examples-link,.services-page .benefit-price .secondary-portfolio{color:#e6faf3}
.services-page .service-shortcuts a[aria-current]{color:#ffffff}
.services-page .operating-plans-intro>p{min-height:15px}

/* The service selector confirms a tab change before the camera scrolls. */
.services-page .service-shortcuts{position:relative;isolation:isolate}
.services-page .service-shortcuts a{position:relative;z-index:1;transition:color .25s ease,border-color .25s ease,background .25s ease}
.services-page .service-tab-marker{position:absolute;left:0;top:0;z-index:0;pointer-events:none;background:#7eecd426;border:1px solid #8ddac38c;border-radius:7px;box-shadow:inset 0 0 16px #8eead610,0 0 12px #66dfc90b;will-change:transform}
.services-page .service-shortcuts.service-tabs-switching a[aria-current]{background:transparent;border-color:transparent;box-shadow:none;color:#e6faf3}
@media(prefers-reduced-motion:reduce){.services-page .service-shortcuts a{transition:none}}
/* Stronger section markers for the three service offers. */
.services-page .benefit-offer>.eyebrow{font-family:Montserrat,Arial,sans-serif;font-size:clamp(18px,1.75vw,26px);font-weight:600;line-height:1.4;letter-spacing:.8px;color:#d9fff9;margin-bottom:24px;min-height:37px}
.services-page .benefit-offer>.eyebrow.signal-typing:after{font-size:1em}
@media(max-width:700px){.services-page .benefit-offer>.eyebrow{font-size:clamp(16px,4.5vw,21px);letter-spacing:.35px;line-height:1.5;margin-bottom:22px;min-height:32px}}

/* Original terminal-style section headings, keeping their enlarged size. */
.services-page .benefit-offer>.eyebrow{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:400}
@media(min-width:901px){.services-page .benefit-price{grid-row:2;grid-column:2}}
.services-page .benefit-offer>.eyebrow{color:#83dac5}

/* Descriptive headings return on desktop only; numbered headings stay unchanged. */
.services-page .benefit-offer>.service-desktop-heading{display:none}
@media(min-width:901px){.services-page .benefit-offer>.service-desktop-heading{display:block}.services-page .benefit-price{grid-row:2/span 2}}

.services-page .benefit-offer{scroll-margin-top:calc(var(--services-header-height,110px) + 16px)}