/* Services overview: task-led navigation and spacious editorial service rows. */
.services-breadcrumbs { margin-top:22px; color:var(--muted); }
.services-hero { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:70px; padding-top:48px; }
.services-hero h1 { font-size:clamp(40px,4.3vw,64px); line-height:1.08; }
.services-lead { margin-top:28px; font-size:20px; line-height:1.65; max-width:600px; color:var(--muted); }
.services-hero-note { margin-top:26px; font-size:15px; color:var(--muted); }
.services-art { min-height:450px; position:relative; border-radius:48% 42% 32px 32px; background:var(--sage); isolation:isolate; }
.services-art-label { position:absolute; top:36px; left:42px; color:var(--muted); font-size:14px; }
.services-thread { position:absolute; inset:12px 0 0; width:100%; height:85%; fill:none; stroke:#728d79; stroke-width:1.7; }
.services-seal { position:absolute; top:125px; left:calc(50% - 45px); width:90px; height:100px; border-radius:24px; background:var(--white); display:grid; place-items:center; transform:rotate(-7deg); box-shadow:0 12px 30px #193f350a; }
.services-seal .brand-mark { width:54px; height:63px; }
.services-art-step { position:absolute; display:flex; align-items:center; gap:10px; border-radius:12px; background:var(--paper); padding:12px 17px; font-size:13px; color:var(--muted); }
.services-art-step strong { color:var(--green); font-size:16px; }
.services-art-step--one { left:20px; top:100px; transform:rotate(-4deg); }
.services-art-step--two { right:12px; top:235px; transform:rotate(4deg); }
.services-art-step--three { left:35px; top:285px; transform:rotate(-3deg); }
.services-art>p { position:absolute; bottom:28px; right:34px; font-size:20px; font-weight:800; line-height:1.4; }
.services-task-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.services-task-grid>a { display:flex; flex-direction:column; align-items:flex-start; padding:32px; border:1px solid #c8d3c5; border-radius:24px; text-decoration:none; background:#edf0e7; transition:transform .2s,box-shadow .2s; }
.services-task-grid>a:nth-child(2),.services-task-grid>a:nth-child(3) { background:#fbefdf; border-color:#ebd8bb; }
.services-task-grid>a:hover { transform:translateY(-3px); box-shadow:0 10px 25px #193f350c; }
.task-heading { display:flex; align-items:center; gap:14px; margin-bottom:24px; }
.task-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:15px; background:var(--white); }
.task-icon .icon { width:27px; height:27px; }
.task-kind { color:var(--muted); font-size:14px; font-weight:800; }
.task-title { display:block; font-size:clamp(23px,2.3vw,31px); font-weight:850; line-height:1.2; letter-spacing:-.025em; max-width:440px; }
.services-task-grid small { margin-top:16px; color:var(--muted); font-size:17px; line-height:1.6; max-width:450px; }
.task-action { display:flex; align-items:center; gap:18px; margin-top:28px; font-size:15px; font-weight:800; color:var(--green); }
.task-action b { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:var(--white); font-size:20px; font-weight:500; }
.services-jump-nav { position:sticky; top:0; z-index:15; margin-top:56px; background:var(--paper); border-block:1px solid var(--line); }
.services-jump-nav>.container { display:flex; gap:8px 24px; overflow-x:auto; scrollbar-width:thin; padding-block:10px; }
.services-jump-nav a { display:block; padding:12px 16px; border-radius:11px; white-space:nowrap; font-size:15px; font-weight:750; text-decoration:none; }
.services-jump-nav a:hover { background:var(--sage); }
.services-catalog.section { margin-top:56px; }
.catalog-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:28px; margin-bottom:38px; }
.catalog-heading h2 { font-size:clamp(30px,3vw,42px); }
.catalog-heading>p { color:var(--muted); font-size:17px; }
.service-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; align-items:stretch; }
.service-card { display:flex; flex-direction:column; padding:36px; border-radius:28px; border:1px solid #cbd5c8; background:#edf0e7; min-width:0; }
.service-card--development,.service-card--automation { background:var(--green); color:#edf2e9; border-color:var(--green); }
.service-card--visibility { background:#fbefdf; border-color:#ebd8bb; }
.service-card--identity { background:var(--white); }
.service-card--care { background:#edf0e7; }
.service-row-label { display:flex; align-items:center; gap:12px; margin-bottom:24px; font-size:14px; }
.service-number { opacity:.8; }
.service-theme { font-weight:800; }
.service-row-label .icon-disc { margin-left:auto; width:48px; height:48px; border-radius:15px; background:var(--white); color:var(--green); }
.service-row-label .icon { width:28px; height:28px; }
.service-intro h2 { font-size:clamp(28px,2.5vw,36px); line-height:1.18; }
.service-intro>p { margin-top:20px; font-size:17px; line-height:1.6; }
.service-intro>.text-link { font-size:15px; margin-top:12px; }
.service-scope { margin-top:24px; }
.service-highlights { list-style:none; margin:0; padding:0; }
.service-highlights li { display:flex; align-items:center; gap:12px; padding:11px 0; }
.service-highlights li::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--orange-dark); flex-shrink:0; }
.service-highlights h3 { font-size:17px; line-height:1.45; font-weight:750; letter-spacing:0; text-wrap:initial; }
.service-more { border-top:1px solid #a6b6a2; margin-top:18px; padding-top:8px; }
.service-more>summary { display:flex; align-items:center; justify-content:space-between; gap:16px; list-style:none; cursor:pointer; min-height:48px; font-size:15px; font-weight:800; padding:12px 0; }
.service-more>summary::-webkit-details-marker { display:none; }
.service-more>summary::after { content:'+'; font-size:24px; font-weight:400; }
.service-more[open]>summary::after { content:'−'; }
.service-more p { font-size:16px; margin:12px 0 18px; line-height:1.65; }
.service-outcome { margin-top:18px; padding:20px; border-radius:17px; background:#ffffffad; font-size:16px; line-height:1.6; }
.service-outcome>strong { display:block; margin-bottom:8px; font-size:14px; }
.service-card>.service-cta { margin-top:26px; width:fit-content; min-height:50px; font-size:16px; }
.service-card--development .service-outcome,.service-card--automation .service-outcome { background:#ffffff0e; border:1px solid #789589; }
.service-card--development .service-more,.service-card--automation .service-more { border-color:#789589; }
.service-card--development .service-highlights li::before,.service-card--automation .service-highlights li::before { background:var(--orange); }
.service-card--development :focus-visible,.service-card--automation :focus-visible { outline-color:#ffbd5b; }
.services-combinations { background:#fbefdf; border:1px solid #ebd8bb; }
.services-process { background:var(--sage); padding:48px; border-radius:28px; }
.services-process li>span { background:var(--white); }

.services-combinations { background:var(--sage); border-radius:30px; padding:52px; }
.combinations-grid { display:grid; grid-template-columns:1fr 1fr; gap:56px; }
.combinations-grid article>span { font-size:14px; font-weight:750; color:var(--muted); }
.combinations-grid h3 { margin-top:16px; font-size:27px; }
.combinations-grid p { margin-top:20px; color:var(--muted); }
.combinations-grid article>div { margin-top:26px; display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; font-size:15px; }
.combinations-grid a { padding:8px 0; }
.services-proof-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:42px; }
.services-proof-grid { display:grid; grid-template-columns:1fr 1fr .8fr; gap:30px; }
.services-proof-image { display:block; height:250px; border-radius:24px; overflow:hidden; background:var(--sage); }
.services-proof-grid h3 { margin-top:23px; }
.services-proof-grid p { font-size:16px; color:var(--muted); margin-top:12px; }
.services-proof-grid .text-link { font-size:15px; margin-top:12px; }
.services-proof-text { padding:32px; border:1px solid var(--line); border-radius:24px; }
.services-process ol { list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:44px; margin:0; padding:0; }
.services-process li>span { display:grid; place-items:center; background:var(--sage); width:48px; height:48px; border-radius:16px; font-size:15px; font-weight:800; margin-bottom:24px; }
.services-process h3 { font-size:21px; }
.services-process li>p { color:var(--muted); font-size:16px; margin-top:16px; }
.services-process>.text-link { margin-top:28px; }
.service-selection { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 15px; background:var(--white); border:1px solid #aab8ac; border-radius:12px; font-size:15px; }
.service-selection button { flex-shrink:0; width:44px; height:44px; background:transparent; border-radius:10px; font-size:26px; }
.service-selection button:hover { background:var(--sage); }
@media(max-width:1100px) {
 .services-hero { gap:36px; }
 .services-art { min-height:430px; }
 .services-art-step--one { left:12px; top:85px; }
 .services-art-step--two { right:8px; top:220px; }
 .services-art-step--three { left:12px; }
 .services-proof-grid { grid-template-columns:1fr 1fr; }
 .services-proof-text { grid-column:1/-1; }
 .services-proof-text h3 { margin-top:15px; }
}
@media(max-width:800px) {
 .services-hero { grid-template-columns:1fr; padding-top:22px; gap:46px; }
 .services-hero h1 { max-width:650px; }
 .services-lead { font-size:18px; }
 .services-art { width:100%; max-width:520px; justify-self:center; min-height:420px; }
 .services-combinations { padding:36px; }
 .combinations-grid { gap:36px; }
 .services-process ol { gap:24px; }
}
@media(max-width:550px) {
 .services-art { min-height:430px; }
 .services-art>p { font-size:17px; right:22px; bottom:20px; }
 .services-art-step--one { top:90px; left:16px; }
 .services-art-step--two { top:239px; }
 .services-art-step--three { top:294px; left:16px; }
 .services-art-step strong { font-size:15px; }
 .services-art-step { padding:10px 13px; }
 .services-seal { top:150px; left:calc(50% - 35px); width:70px; height:80px; border-radius:20px; }
 .services-seal .brand-mark { width:44px; height:52px; }
 .services-combinations { padding:28px 22px; }
 .combinations-grid,.services-proof-grid,.services-process ol { grid-template-columns:1fr; }
 .combinations-grid article+article { border-top:1px solid #b4c1b3; padding-top:32px; }
 .services-proof-heading { display:block; }
 .services-proof-heading>.text-link { margin-top:20px; }
 .services-proof-grid { gap:34px; }
 .services-proof-image { height:245px; }
 .services-process ol { gap:32px; }
 .services-process li { padding-bottom:24px; border-bottom:1px solid var(--line); }
}
@media(prefers-reduced-motion:reduce) { .services-task-grid>a { transition:none; } }

@media(max-width:1000px) {
 .service-card { padding:28px; }
 .service-cards { gap:22px; }
 .services-task-grid>a { padding:28px; }
 .services-process { padding:36px; }
}
@media(max-width:700px) {
 .service-cards,.services-task-grid { grid-template-columns:1fr; }
 .service-card { padding:28px 24px; }
 .service-intro h2 { font-size:31px; }
 .service-card>.service-cta { width:100%; }
 .services-task-grid>a { padding:26px; }
 .task-title { font-size:27px; }
 .catalog-heading { display:block; }
 .catalog-heading>p { margin-top:20px; }
 .services-jump-nav>.container { gap:4px; width:100%; padding-inline:16px; }
 .services-jump-nav a { padding:12px; }
 .services-process { padding:30px 24px; }
}
@media(prefers-reduced-motion:reduce) { .services-task-grid>a { transition:none; } }