/* Local service conversion section – lightweight, responsive styles */
.onsite-seo-section{padding:42px 0;background:#f3f7ff;color:#17223b}
.onsite-seo-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:28px;align-items:center}
.onsite-seo-section h2{color:#163d8c;font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.25;margin:10px 0 16px}
.onsite-seo-section p{line-height:1.7;margin:0 0 16px}
.onsite-seo-section ul{margin:0 0 16px;padding-left:22px}.onsite-seo-section li{margin-bottom:8px}
.onsite-eyebrow{color:#2555aa;text-transform:uppercase;font-weight:700;font-size:.84rem;letter-spacing:.03em}
.onsite-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.onsite-btn,.onsite-mini-cta>a:first-of-type{display:inline-block;background:#164bd2;color:#fff!important;border-radius:7px;padding:12px 18px;font-weight:700;text-decoration:none}
.onsite-btn:hover,.onsite-mini-cta>a:first-of-type:hover{background:#103baf;color:#fff!important}
.onsite-link{font-weight:700;color:#164bd2!important;text-decoration:underline}
.onsite-seo-aside{background:#fff;border-radius:14px;padding:26px;box-shadow:0 10px 30px rgba(25,45,95,.08)}
.onsite-seo-aside strong{font-size:1.23rem;color:#163d8c}.onsite-seo-aside a{color:#164bd2;font-weight:700;text-decoration:underline}
.onsite-mini-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;margin:16px 0;background:#eaf2ff;border-left:4px solid #164bd2;border-radius:6px}
.onsite-mini-cta strong{color:#103b8c}.onsite-mini-cta a:not(:first-of-type){color:#164bd2!important;text-decoration:underline;font-weight:600}
.windows-10-note{border-left:3px solid #a7adb8;padding:12px 14px;margin:18px 0;background:#f7f8fa;font-size:.95rem;line-height:1.6}
.onsite-price-info{margin:14px 0;line-height:1.6}
@media(max-width:767px){.onsite-seo-section{padding:28px 0}.onsite-seo-grid{grid-template-columns:1fr;gap:20px}.onsite-seo-aside{padding:20px}.onsite-mini-cta{align-items:flex-start;flex-direction:column}}

/* 2026-11: accessibility and layout stability; existing colors/layout retained. */
img {max-width:100%;height:auto}
.hero_bg_box img,.client_section .img-box img {height:100%;object-fit:cover}
.seo-contact-intro {max-width:860px;line-height:1.7;margin:0 0 28px}
.seo-faq {margin:30px 0;padding:24px;background:#f7f9fc;border-radius:12px}
.seo-faq details {padding:14px 0;border-bottom:1px solid #dce4f0}
.seo-faq details:last-child {border-bottom:0}
.seo-faq summary {cursor:pointer;font-weight:600;color:#173b79}
.seo-faq p {margin:12px 0 0;line-height:1.7}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible {outline:3px solid #f0b429;outline-offset:3px}
@media(max-width:767px){.onsite-cta{gap:14px}.seo-faq{padding:18px}.sticky-cta{padding-bottom:calc(10px + env(safe-area-inset-bottom))}body{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}