.service-page { margin:0; background:#f7fafb; color:#173347; font-family:Arial,Helvetica,sans-serif; }
.service-main { max-width:1200px; margin:auto; padding:28px 28px 48px; }
.service-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 24px; font-size:1rem; }
.service-page a { color:#155e46; text-underline-offset:4px; }
.service-hero { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:38px; padding:38px; border-radius:28px; background:#0d3045; color:white; }
.service-hero .eyebrow { color:#c8ef83; font-size:.875rem; }
.service-hero h1 { font-size:clamp(2rem,3.7vw,3.1rem); line-height:1.12; letter-spacing:-.025em; margin:16px 0; }
.service-page p { font-size:1.0625rem; line-height:1.7; }
.service-hero img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:22px; }
.service-page .service-cta { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:12px 24px; background:#d4f56b; color:#143b26; border-radius:14px; font-size:1.125rem; font-weight:800; text-decoration:none; }
.service-page .service-small { font-size:.9375rem; line-height:1.5; margin-bottom:0; color:#d9e6ec; }
.service-section { margin-top:42px; }.service-page h2 { font-size:1.7rem; line-height:1.25; }.service-page h3 { font-size:1.2rem; line-height:1.4; }
.service-examples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }.service-examples article { border-top:4px solid #8cb548; padding:4px 0; }
.service-reading { display:grid; grid-template-columns:1fr 1fr; gap:42px; padding:20px 0; margin-top:16px; }
.service-faq details { border-top:1px solid #cbd9e1; padding:18px 0; }.service-faq summary { min-height:36px; font-size:1.125rem; font-weight:700; cursor:pointer; }.service-faq p { max-width:850px; }
.service-ready { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:22px; margin-top:36px; padding:25px 30px; border-radius:22px; background:#e5f2d8; }.service-ready h2,.service-ready p { margin:4px 0; }
.service-launch { max-width:950px; color:#526675; }.service-related { display:flex; flex-wrap:wrap; gap:14px 26px; padding:15px 0; }.service-related a { display:inline-flex; align-items:center; min-height:44px; font-size:1rem; font-weight:700; }
.service-page :focus-visible { outline:3px solid #0d75b3; outline-offset:4px; }
@media(max-width:760px) { .service-main { padding:20px 18px 36px; }.service-hero { grid-template-columns:1fr; padding:26px; gap:26px; }.service-hero img { max-height:240px; }.service-examples,.service-reading { grid-template-columns:1fr; gap:16px; }.service-ready { padding:24px; }.service-ready .service-cta { width:100%; } }