/* Service detail pages reuse DITEC's existing type, logo and colour system. */
.service-page-hero{background:var(--navy);color:#fff;padding:28px 0 76px;position:relative;overflow:hidden}
.service-page-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff12;border-radius:50%;right:-180px;top:40px;box-shadow:0 0 0 48px #ffffff08,0 0 0 96px #ffffff05;pointer-events:none}
.service-page-hero .container{position:relative;z-index:1}
.breadcrumbs{display:flex;align-items:center;gap:10px;color:#b9c8d6;font-size:11px;margin-bottom:54px}
.breadcrumbs a{color:#dce8f2}.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.service-page-hero h1{max-width:850px;font-size:clamp(46px,7vw,78px);line-height:1.05;margin:0;color:#fff}
.service-page-lede{max-width:690px;font-size:16px;line-height:1.75;color:#c8d5e0;margin:24px 0 25px}
.service-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}
.service-detail-grid h2{font:600 clamp(30px,3.5vw,43px)/1.15 var(--font-head);color:var(--navy);margin:0 0 18px}
.service-detail-grid>div:first-child>p:not(.eyebrow){color:var(--slate);font-size:14px;line-height:1.8}
.service-includes{padding:27px 30px;background:#f3f6f9;border-top:3px solid var(--blue)}
.service-includes h2{font-size:26px;margin-bottom:14px}
.service-includes ul{list-style:none;margin:0;padding:0}
.service-includes li{position:relative;padding:12px 0 12px 22px;border-bottom:1px solid #dce2e8;color:#3e4b5b;font-size:13px;line-height:1.55}
.service-includes li:last-child{border-bottom:0}.service-includes li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700}
.service-faq-section{padding:76px 0;background:#f3f6f9}
.service-faq-inner{max-width:850px}
.service-faq-inner>h2{font:600 clamp(34px,4vw,46px)/1.15 var(--font-head);color:var(--navy);margin:0 0 24px}
.service-faq{background:#fff;border-bottom:1px solid #dce2e8;padding:0 20px}
.service-faq:first-of-type{border-top:1px solid #dce2e8}
.service-faq summary{cursor:pointer;list-style:none;padding:18px 30px 18px 0;color:var(--navy);font:600 17px/1.4 var(--font-head);position:relative}
.service-faq summary::-webkit-details-marker{display:none}.service-faq summary:after{content:"+";position:absolute;right:2px;color:var(--blue);font:400 23px var(--font-body);top:15px}
.service-faq[open] summary:after{content:"−"}
.service-faq p{font-size:13px;line-height:1.75;color:var(--slate);margin:0;padding:0 20px 18px 0}
.related-services{padding-top:70px}.related-services .section-heading{margin-bottom:18px}
@media(max-width:700px){.service-page-hero{padding:21px 0 55px}.breadcrumbs{margin-bottom:39px;font-size:10px;gap:7px}.service-page-hero h1{font-size:46px}.service-page-lede{font-size:14px}.service-detail-grid{grid-template-columns:1fr;gap:30px}.service-includes{padding:22px 20px}.service-faq-section{padding:55px 0}.service-faq summary{font-size:15px}.service-page-contact{padding:58px 0}}