html { scroll-behavior: smooth; }
.skip-link { position:absolute;left:16px;top:-80px;padding:12px;background:white;z-index:100; }
.skip-link:focus { top:8px; }
.call-note { margin-top:20px;line-height:1.7;color:var(--slate-600); }
.detail-grid { display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start; }
.phone-features { padding-left:24px;line-height:2.2;font-size:1.1rem; }
.phone-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
.phone-steps h3 { margin-bottom:16px; }
.phone-steps p { line-height:1.75; }
.cta-banner .availability-note { color:white;max-width:850px;margin:24px auto 0;font-size:.9375rem; }
.footer-bottom-links { flex-wrap:wrap; }
.header-actions { display:flex !important; }
@media(max-width:700px) { .detail-grid,.phone-steps { grid-template-columns:1fr;gap:24px; } .header-inner { gap:12px; } .header-actions .btn { padding:10px 12px;font-size:.875rem;white-space:nowrap; } .header-inner .logo-img { max-width:140px; } .hero { padding-top:48px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

.service-breadcrumb { padding-top:24px; }
.service-breadcrumb a { color:var(--brand-700);font-weight:600;text-decoration:underline;text-underline-offset:4px; }

/* Keep the navbar in document flow so it cannot cover page content. */
.site-header { position:sticky; top:0; right:auto; bottom:auto; left:auto; background:#fff; border-bottom:1px solid var(--slate-200); padding:16px 0; }
.header-inner { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; }
.header-nav { display:flex; justify-content:flex-end; align-items:center; }
.header-nav a { color:var(--brand-700); font-weight:600; padding:12px 8px; white-space:nowrap; }
.header-nav a:hover { text-decoration:underline; text-underline-offset:4px; }
.header-nav a:focus-visible { outline:2px solid var(--brand-700); outline-offset:3px; }
#services { scroll-margin-top:130px; }
@media(max-width:700px) {
 .site-header { padding:12px 0; }
 .header-inner { grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; }
 .header-inner > .logo { grid-column:1;grid-row:1;min-width:0; }
 .header-inner .logo-img { width:140px;max-width:100%; }
 .header-actions { grid-column:2;grid-row:1; }
 .header-nav { grid-column:1 / -1;grid-row:2;justify-content:flex-start; }
 .header-nav a { padding:4px 0;font-size:.875rem; }
 .header-actions .btn { font-size:.8125rem;padding:10px; }
}