/* Add concrete services to the original layout in style.css, without affecting admin. */
.services-first{--panel-blue:#eaf2f8;--panel-line:#c9dae8;--panel-accent:#4d86b0;overflow-x:visible}
.services-first :is(section,main)[id]{scroll-margin-top:24px}
.services-first .sales-header{border-bottom:1px solid #d9e2ea}
.services-first .sales-header nav>a:not(.sales-button){display:block}
.services-first .sales-brand .brand-image{transform:none}
.services-first .sales-hero{padding-top:48px;padding-bottom:54px}
.services-first .hero-cta .sales-button{gap:18px}
.services-first .hero-reassurance{font-size:12px;line-height:1.7}
/* Original welcome and three-step panel, with a light rather than dark finish. */
.services-first .hero-route{background:var(--panel-blue);color:#17324d;border:1px solid var(--panel-line);border-top:4px solid var(--panel-accent);box-shadow:12px 12px 0 #e0eaf2}
.services-first .hero-route h2{color:#17324d}
.services-first .route-top,.services-first .route-number,.services-first .route-bottom{color:#37698f}
.services-first .route-dot{background:#4d86b0}
.services-first .route-item,.services-first .route-bottom{border-color:#c9dae8}
.services-first .route-item p{color:#4b6379}
/* New priority section: original margins and card language, stronger top accent. */
.services-first .concrete-services{margin:0 44px;padding:38px 30px 28px;background:var(--panel-blue);border:1px solid #b6cfe2;border-top:6px solid #347caf;border-radius:18px;box-shadow:0 8px 24px rgba(35,104,160,.06);color:#17324d}
.services-first .services-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:28px}
.services-first .services-heading .sales-kicker{color:#326c98;margin-bottom:14px}
.services-first .services-heading h2{margin:0}
.services-first .services-heading>p{font-size:15px;line-height:1.75;color:#435d73;max-width:360px;margin:0}
.services-first .concrete-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.services-first .concrete-card{background:#fff;border:1px solid #d4dee7;border-radius:14px;padding:26px 24px 0;display:flex;flex-direction:column;min-width:0;color:#17324d}
.services-first .service-tag{font-size:10px;line-height:1.6;letter-spacing:1.4px;color:#456c8f;font-weight:750;margin:0 0 14px}
.services-first .concrete-card h3{font-size:25px;font-weight:600;letter-spacing:-.7px;line-height:1.22;color:#1f4567;margin:0 0 14px}
.services-first .service-description{font-size:15px;line-height:1.7;color:#445c72;margin:0 0 20px;flex:1}
.services-first .service-example{border-left:3px solid #7ba2c3;padding:2px 0 2px 13px;margin:0 0 20px}
.services-first .service-example>span{color:#46657e;font-size:10px;font-weight:750;letter-spacing:1px}
.services-first .service-example p{font-size:14px;line-height:1.6;margin:7px 0 0;color:#456075}
.services-first .concrete-card>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;margin-top:auto;border-top:1px solid #dce5ec;font-size:13px;font-weight:700;color:#215f91;line-height:1.5}
.services-first .concrete-card>a:hover,.services-first .text-link:hover{text-decoration:underline;text-underline-offset:4px}
.services-first .concrete-card>a>span{font-size:21px}
.services-first .services-more{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding-top:26px;border-top:1px solid #c9dce9}
.services-first .services-more h3{font-size:25px;font-weight:600;line-height:1.25;color:#17324d;margin:0 0 10px}
.services-first .services-more p{font-size:15px;line-height:1.7;color:#435d73;max-width:740px;margin:0}
.services-first .services-more .text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;flex-shrink:0;color:#215f91;font-size:14px}
.services-first .services-agreement{font-size:12px;line-height:1.7;color:#526a7e;margin:22px 0 0;max-width:860px}
/* Retain the workforce layout and gold button, without the redundant three cards. */
.services-first .workforce-priority{margin-top:44px;border-top:4px solid #c79935}
.services-first .workforce-heading{align-items:start}
.services-first .workforce-button{background:#ecc15b;color:#243345;border:1px solid #c79935;min-height:48px;line-height:1.5}
.services-first .workforce-button:hover{background:#e1b44c}
.services-first .workforce-note{font-size:13px;line-height:1.75;color:#615a4e;margin-top:24px;max-width:920px}
/* Original human presentation and quote, not a second services/process block. */
.services-first .sales-human{margin-top:44px;margin-bottom:44px;border:1px solid var(--panel-line);border-top:4px solid var(--panel-accent);background:#edf3f8}
.services-first .sales-human>div>p:not(.sales-kicker){font-size:15px;line-height:1.8;color:#4b6176}
.services-first .human-note>p{font-size:12px;color:#53677a;line-height:1.7}
.services-first .human-note blockquote{color:#274f72}
/* Keep contact's original two columns, lightening only the large background. */
.services-first .sales-contact{margin:0 44px;padding:44px;background:#eaf1f7;border:1px solid var(--panel-line);border-top:4px solid var(--panel-accent);border-radius:18px;gap:44px}
.services-first .concrete-services + .sales-contact{margin-top:44px}
.services-first .contact-copy .sales-kicker{color:#466b8b}
.services-first .contact-copy h2{color:#17324d}
.services-first .contact-copy em{color:#3978aa}
.services-first .contact-copy>p:not(.sales-kicker){color:#4b6176;font-size:15px;line-height:1.8}
.services-first .contact-copy .contact-email{color:#215f91;font-weight:650;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;display:inline-block;padding:6px 0}
.services-first .contact-copy>p.contact-assurance{font-size:13px}
.services-first .contact-signature{border-color:#c4d3e0;color:#17324d}
.services-first .contact-signature span{color:#536d83}
.services-first .sales-form{border:1px solid #d8e2ed}
.services-first .sales-form label{font-size:13px;line-height:1.5;color:#344e65}
.services-first .sales-form :is(input,select,textarea){font-size:16px;background:#fafcfe;color:#17324d;min-height:46px;border-color:#c3d1de;padding:11px 12px;margin:6px 0 0}
.services-first .sales-form :is(input,textarea)::placeholder{color:#596f83;opacity:1}
.services-first .sales-form .consent{font-size:12px;align-items:flex-start;line-height:1.6}
.services-first .sales-form .consent input{width:18px;height:18px;min-height:18px;flex-shrink:0;margin:2px 0 0}
.services-first .sales-form .footnote{font-size:12px;line-height:1.6;color:#546b80;margin:6px 0 0}
.services-first .sales-form .primary{width:100%;min-width:0;min-height:48px}
.services-first .form-extra{grid-column:1/-1;border-top:1px solid #dce5ed;padding-top:3px}
.services-first .form-extra>summary{font-size:13px;color:#315f85;cursor:pointer;padding:12px 0;min-height:44px}
.services-first .form-extra[open]>div{display:grid;gap:14px;margin-bottom:10px}
.services-first .sales-faq{padding-top:54px;padding-bottom:54px}
.services-first .sales-faq summary{min-height:30px}
.services-first .sales-footer a{display:inline-block;padding:6px 0}
.services-first .presentation-example{margin:22px 0 0;padding-top:16px;border-top:1px solid #cddbcf;max-width:540px}
.services-first .presentation-example a{color:#175da0;font-size:16px;line-height:1.6;text-decoration:underline;text-underline-offset:3px;font-weight:650}
.services-first .presentation-example small{display:block;margin-top:7px;font-size:13px;line-height:1.6;color:#4b625b}
.services-first .contact-phone{display:inline-block;padding:8px 0;color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:650}
.services-first :focus-visible{outline:3px solid #327daf;outline-offset:4px}
.services-first .skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:14px;background:white;color:#17324d;border:2px solid #2368a0}
.services-first .skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;border:0;overflow:hidden}
@media(max-width:1100px){
 .services-first .concrete-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .services-first .services-heading{gap:28px}
 .services-first .services-heading>p{max-width:300px}
 .services-first .sales-contact{gap:30px;padding:34px 28px}
}
@media(max-width:1000px){
 .services-first .sales-header nav>a:not(.sales-button){display:none}
 .services-first .sales-hero{padding-top:42px;padding-bottom:44px}
 .services-first .concrete-services{margin:0 28px;padding:32px 24px 24px}
 .services-first .sales-contact{margin:0 28px}
 .services-first .hero-route{box-shadow:8px 8px 0 #e0eaf2}
}
@media(max-width:720px){
 .services-first .sales-brand .brand-image{transform:scale(1.65)}
 .services-first .sales-header .sales-button.small{white-space:normal;max-width:168px;text-align:center}
 .services-first .sales-hero{padding:26px 20px 28px;gap:24px}
 .services-first .hero-cta .sales-button{justify-content:space-between}
 .services-first .hero-route{box-shadow:none;padding:22px}
 .services-first .route-item{padding:12px 0}
 .services-first .hero-route h2{margin:18px 0}
 .services-first .route-item p{font-size:14px}
 .services-first .concrete-services{margin:0 20px;padding:24px 16px 20px;border-radius:15px}
 .services-first .services-heading{display:block;margin-bottom:20px}
 .services-first .services-heading h2{font-size:32px;line-height:1.16;letter-spacing:-1px}
 .services-first .services-heading>p{font-size:15px;line-height:1.7;margin-top:16px;max-width:none}
 .services-first .concrete-grid{grid-template-columns:1fr;gap:14px}
 .services-first .concrete-card{padding:20px 16px 0;margin-bottom:0}
 .services-first .service-description{font-size:16px;margin-bottom:14px}
 .services-first .service-example{margin-bottom:16px}
 .services-first .service-tag{font-size:11px}
 .services-first .concrete-card>a{min-height:54px;font-size:14px}
 .services-first .services-more{display:block;margin-top:20px;padding-top:20px}
 .services-first .services-more h3{font-size:24px}
 .services-first .services-more .text-link{margin-top:12px}
 .services-first .workforce-priority{margin-top:24px;padding:24px 20px}
 .services-first .workforce-heading>p{font-size:16px}
 .services-first .workforce-note{font-size:14px}
 .services-first .sales-human{margin-top:24px;margin-bottom:24px;padding:24px 20px;gap:20px}
 .services-first .human-note{padding-top:20px}
 .services-first .human-note blockquote{margin:20px 0}
 .services-first .sales-human>div>p:not(.sales-kicker){font-size:16px}
 .services-first .sales-contact{margin:0 20px;padding:24px 16px;gap:22px}
 .services-first .concrete-services + .sales-contact{margin-top:24px}
 .services-first .contact-copy{padding:0 4px}
 .services-first .contact-copy h2{font-size:32px}
 .services-first .contact-copy>p:not(.sales-kicker){font-size:16px}
 .services-first .contact-signature{display:none}
 .services-first .sales-form{padding:22px 16px}
 .services-first .sales-form .form-grid{grid-template-columns:1fr}
 .services-first .sales-faq{padding:28px 20px}
 .services-first .sales-faq details{padding:16px 0}
}
