.service-overview { padding-block:65px; }
.service-overview .display { font-size:clamp(38px,5vw,64px); margin:16px 0 32px; }
.service-grid-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)); gap:20px; margin:30px 0; }
.service-grid-cards article { border:1px solid var(--border); border-radius:16px; background:var(--surface); padding:28px; }
.service-grid-cards article > span { font:11px/1.5 ui-monospace,monospace; color:var(--text-secondary); }
.service-grid-cards h3 { font-family:var(--display); font-size:27px; line-height:1.2; margin:16px 0; letter-spacing:-.03em; }
.service-grid-cards p { color:var(--text-secondary); line-height:1.75; margin:0 0 18px; }
.service-overview a,.service-section a:not(.button) { text-decoration:underline; text-decoration-color:var(--accent); text-underline-offset:5px; }
.service-page { padding-top:150px; padding-bottom:80px; }
body:has(.service-page) .header { padding-top:15px; }
body:has(.service-page) .nav { border:1px solid var(--border); border-radius:35px; min-height:64px; height:auto; background:var(--surface); }
.service-hero { display:grid; grid-template-columns:1.3fr 1fr; align-items:center; gap:40px; min-height:480px; }
.service-hero .display { font-size:clamp(42px,5.3vw,76px); margin:18px 0 25px; }
.service-hero img { width:100%; height:auto; max-width:480px; justify-self:center; }
.service-lead { max-width:58ch; font-size:18px; line-height:1.75; color:var(--text-secondary); margin-bottom:28px; }
.service-section { padding-block:52px; border-top:1px solid var(--border); }
.service-section > h2 { font-family:var(--display); font-size:clamp(29px,3.4vw,44px); letter-spacing:-.035em; line-height:1.18; margin:18px 0 26px; max-width:30ch; }
.service-section > p { max-width:78ch; color:var(--text-secondary); line-height:1.85; margin:18px 0; }
.service-steps { padding-left:24px; max-width:78ch; line-height:1.8; color:var(--text-secondary); }
.service-steps li { padding:8px 0 8px 8px; }.service-steps strong { color:var(--text); }
@media(max-width:900px) { .service-page .service-hero { grid-template-columns:1fr; gap:5px; }.service-hero img { max-width:300px; }.service-hero .display { font-size:clamp(38px,8vw,64px); }.service-page { padding-top:125px; } }
@media(max-width:760px) { body:has(.service-page) .nav { flex-wrap:wrap; gap:16px; }body:has(.service-page) .nav-links { display:flex; position:static; width:100%; flex-direction:row; flex-wrap:wrap; order:3; padding:0; background:transparent; border:0; gap:12px; font-size:12px; }body:has(.service-page) .nav-links a { padding:5px 0; font-size:12px; }.service-page { padding-top:155px; }.service-overview { padding-block:38px; }.service-grid-cards article { padding:22px; }.service-section { padding-block:34px; } }
.company-subnav { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0; font-size:13px; }
.company-subnav a { border:1px solid var(--border); border-radius:30px; padding:9px 16px; color:var(--text-secondary); text-decoration:none; }
.company-subnav a[aria-current="page"] { border-color:var(--accent); color:var(--text); background:var(--surface-secondary); }

.breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; margin:25px 0 15px; font-size:13px; color:var(--text-secondary); }
.service-faq details { border-top:1px solid var(--border); padding:22px 0; max-width:78ch; }
.service-faq summary { cursor:pointer; font:600 20px/1.5 var(--display); }
.service-faq details p { color:var(--text-secondary); line-height:1.8; margin:18px 0 0; }
.service-hero h1 { overflow-wrap:anywhere; }
.service-overview > p:not(.section-index) { max-width:75ch; color:var(--text-secondary); line-height:1.8; margin-bottom:25px; }
