/* Shared minimal design system for service, About, Contact and footer pages. */
.site-header { height:74px; box-shadow:none; border-bottom:1px solid #e7edef; }
.nav-wrap { height:74px; }
.primary-menu a,.services-toggle,.nav-about { padding-top:27px; padding-bottom:27px; }
.nav-cta { padding:12px 17px; border-radius:5px; }
.page-hero { padding:86px 0 90px; background:#f7fafb; color:#071b2b; border-bottom:1px solid #e7edef; }
.page-hero .eyebrow { color:#008f88; }
.page-hero h1 { margin:14px 0 24px; max-width:780px; font-size:clamp(48px,5.2vw,74px); line-height:1; letter-spacing:-3.5px; }
.page-hero .lead { max-width:720px; color:#506977; font-size:19px; line-height:1.65; }
.page-hero .btn,.contact-grid .btn { background:#009d95; border-radius:4px; box-shadow:none; }
.page-grid { grid-template-columns:1fr .86fr; gap:75px; }
.service-visual { min-height:300px; }
.service-visual svg { max-height:330px; filter:none; }
.seo-breadcrumb { background:#fff; border-bottom:1px solid #e7edef; color:#687c85; }
.section { padding:88px 0; }
.section h2,.cta h2 { letter-spacing:-2.5px; }
.detail-grid { grid-template-columns:1.12fr .88fr; gap:90px; }
.detail-grid article .copy { margin-bottom:22px; color:#536b77; }
.detail-grid aside { align-self:start; padding:30px; background:#f7fafb; border:1px solid #dfe7e9; }
.detail-grid aside h3 { margin-top:0; font-size:20px; }
.detail-grid aside ul { margin:18px 0 0; padding:0; list-style:none; }
.detail-grid aside li { position:relative; padding:13px 0 13px 20px; border-bottom:1px solid #e0e8e9; color:#4d6571; }
.detail-grid aside li::before { content:""; position:absolute; left:0; top:20px; width:6px; height:6px; border-radius:50%; background:#9ed400; }
.monitoring-tools { background:#f7fafb; color:#071b2b; border-top:1px solid #e7edef; border-bottom:1px solid #e7edef; }
.monitoring-tools-intro { color:#536b77; }
.monitoring-tools-grid { gap:0; border-top:1px solid #dfe7e9; border-left:1px solid #dfe7e9; }
.monitoring-tools-grid article { padding:30px; background:#fff; border:0; border-right:1px solid #dfe7e9; border-bottom:1px solid #dfe7e9; }
.monitoring-tools-grid h3 { color:#008f88; font-size:22px; }
.monitoring-tools-grid li { color:#536b77; }
.seo-faq { background:#fff; border-bottom:1px solid #e7edef; }
.faq-grid { gap:0; border-top:1px solid #dfe7e9; }
.faq-grid details { border:0; border-bottom:1px solid #dfe7e9; padding:0; }
.faq-grid summary { padding:22px 45px 22px 0; }
.faq-grid details p { max-width:850px; color:#536b77; }
.related-services { background:#f7fafb; }
.related-grid { gap:0; border-top:1px solid #dfe7e9; border-left:1px solid #dfe7e9; }
.related-grid a { min-height:180px; border:0; border-right:1px solid #dfe7e9; border-bottom:1px solid #dfe7e9; background:#fff; box-shadow:none; }
.related-grid a:hover { background:#fff; color:#071b2b; transform:translateY(-2px); }
.related-grid a:hover span { color:#657b85; }
.cta { padding:72px 0; background:#f7fafb; color:#071b2b; border-top:1px solid #e7edef; border-bottom:1px solid #e7edef; }
.cta .eyebrow { color:#008f88; }
.cta .btn { border:1px solid #009d95; border-radius:4px; background:#009d95!important; color:#fff!important; }
.cta .btn:hover { background:#007f79!important; color:#fff!important; border-color:#007f79; }
.about-visual { height:300px; padding:35px; border:1px solid #dfe7e9; background:#fff; }
.about-visual span { padding:17px 20px; border:0; border-bottom:1px solid #dfe7e9; border-left:3px solid #9ed400; background:#f7fafb; color:#0b344d; }
.about-intro { gap:90px; }
.expertise-section { background:#f7fafb; border-top:1px solid #e7edef; border-bottom:1px solid #e7edef; }
.expertise-grid { gap:0; border-top:1px solid #dfe7e9; border-left:1px solid #dfe7e9; }
.expertise-grid article { min-height:245px; border:0; border-right:1px solid #dfe7e9; border-bottom:1px solid #dfe7e9; box-shadow:none; }
.expertise-grid h3 { margin:38px 0 12px; }
.about-values { background:#fff; color:#071b2b; }
.about-values .eyebrow { color:#008f88; }
.about-values .checklist span { color:#526a76; border-color:#dfe7e9; }
.contact-grid { grid-template-columns:.78fr 1.22fr; gap:95px; }
.contact-grid>div h2 { margin-top:0; font-size:clamp(38px,4vw,55px); letter-spacing:-2px; }
.contact-grid form { padding:36px; background:#f7fafb; border:1px solid #dfe7e9; }
.contact-grid label { color:#18374a; }
.contact-grid input,.contact-grid textarea { border:1px solid #ccd9dc; border-radius:0; background:#fff; }
.contact-grid input:focus,.contact-grid textarea:focus { outline:2px solid #72c9c4; outline-offset:1px; border-color:#008f88; }
.notice { border:1px solid #bfdfc2; background:#edf8ee; }
footer { padding:55px 0 24px; background:#fff; border-top:1px solid #dfe7e9; }
.footer-grid { gap:70px; }
footer .brand { color:#071b2b; }
footer strong { color:#071b2b; font-size:13px; letter-spacing:1px; text-transform:uppercase; }
footer p,footer a { color:#5f747e; line-height:1.65; }
footer a:hover { color:#008f88; }
@media(max-width:900px){.site-header,.nav-wrap{height:74px}.page-grid,.detail-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.page-hero{padding:65px 0}.service-visual{min-height:0}.monitoring-tools-grid{grid-template-columns:1fr}.footer-grid{gap:40px}}
@media(max-width:600px){.page-hero h1{font-size:45px;letter-spacing:-2px}.section{padding:68px 0}.contact-grid form{padding:24px}.cta .wrap{align-items:flex-start}.about-visual{height:auto}.footer-grid{grid-template-columns:1fr}}