/* 2026 mobile-only rebuild layer */
@media (max-width: 860px) {
  :root {
    --mobile-shell: min(100vw - 1rem, 100% - 1rem);
    --mobile-gap: 1rem;
    --mobile-pad: 1rem;
    --mobile-radius: 22px;
    --mobile-header-height: 72px;
  }

  html {
    overflow-x: clip;
    scroll-padding-top: calc(var(--mobile-header-height) + 10px);
  }

  body {
    overflow-x: clip;
    background: #07111f;
  }

  body.mobile-nav-open {
    position: fixed;
    inset: 0;
    width: 100%;
    overflow: hidden;
  }

  body.mobile-nav-open main,
  body.mobile-nav-open footer,
  body.mobile-nav-open .footer-cta-strip {
    pointer-events: none;
    user-select: none;
  }

  .container {
    width: min(100%, calc(100% - 1rem));
  }

  .site-header {
    position: sticky;
    top: 0;
    z-index: 1200;
    background: rgba(7, 17, 31, 0.9);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 14px 30px rgba(2,8,23,.18);
  }

  .site-header .nav-shell {
    min-height: var(--mobile-header-height);
    gap: .75rem;
    padding: .72rem 0;
  }

  .brand {
    min-width: 0;
    gap: .7rem;
  }

  .brand-logo {
    width: 138px !important;
    max-width: 42vw;
  }

  .brand-text {
    display: none !important;
  }

  .nav-toggle {
    display: inline-flex !important;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  }

  .nav-toggle span {
    width: 18px;
    height: 2px;
    margin: 4px auto;
    border-radius: 999px;
    transition: transform .22s ease, opacity .18s ease;
  }

  .nav-toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }

  .nav-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
  }

  .nav-toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }

  .mobile-nav-overlay {
    display: block !important;
    position: fixed;
    inset: 0;
    background: rgba(2, 8, 23, .58);
    backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease;
    z-index: 1190;
  }

  .mobile-nav-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .site-header .site-nav {
    position: fixed !important;
    inset: 0 0 0 auto !important;
    width: min(88vw, 360px) !important;
    max-width: 360px !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom)) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start;
    gap: .6rem !important;
    background:
      linear-gradient(180deg, rgba(5,13,26,.98), rgba(10,18,36,.98)),
      radial-gradient(circle at top right, rgba(37,99,235,.22), transparent 34%);
    border-left: 1px solid rgba(255,255,255,.08);
    box-shadow: -28px 0 50px rgba(2,8,23,.4);
    overflow-y: auto;
    overscroll-behavior: contain;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(104%, 0, 0) !important;
    transition: transform .24s ease, opacity .2s ease, visibility .2s ease;
    z-index: 1195;
  }

  .site-header .site-nav.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }

  .site-nav .mobile-nav-close {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    width: 44px;
    height: 44px;
    margin: 0 0 .15rem auto;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    color: #fff;
    font-size: 1.7rem;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .mobile-menu-label {
    display: block;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: rgba(187, 210, 255, .78);
    font-weight: 700;
    margin: .1rem 0 .2rem;
  }

  .mobile-menu-phone {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin: .2rem 0 .1rem;
    padding: .85rem 1rem;
    border-radius: 16px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
  }

  .site-nav > a:not(.btn),
  .site-nav .nav-parent {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 48px;
    padding: .82rem 0 !important;
    color: rgba(255,255,255,.94) !important;
    font-size: 1.02rem;
    line-height: 1.25;
    font-weight: 700;
    border-radius: 0;
    background: transparent !important;
    border: 0 !important;
    text-align: left;
    white-space: normal !important;
  }

  .site-nav > a:not(.btn) {
    border-bottom: 1px solid rgba(255,255,255,.08);
  }

  .site-nav > a:not(.btn)::after,
  .site-nav .nav-parent::after {
    display: none !important;
  }

  .nav-item-group {
    display: block !important;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }

  .nav-parent {
    gap: .8rem;
  }

  .nav-parent::before {
    content: "+";
    order: 2;
    font-size: 1.15rem;
    color: rgba(190, 215, 255, .86);
    transition: transform .2s ease;
  }

  .nav-item-group.is-open > .nav-parent::before {
    content: "−";
  }

  .nav-submenu {
    position: static !important;
    display: grid;
    grid-template-columns: 1fr;
    gap: .2rem;
    padding: 0 0 .6rem .75rem !important;
    margin: 0;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    transition: max-height .22s ease;
  }

  .nav-item-group.is-open > .nav-submenu {
    max-height: 420px;
    pointer-events: auto;
  }

  .nav-submenu a {
    padding: .65rem 0 .65rem .1rem !important;
    color: rgba(255,255,255,.76) !important;
    font-size: .95rem;
    line-height: 1.35;
  }

  .site-nav .nav-cta {
    margin-top: auto;
    min-height: 50px;
    width: 100%;
    border-radius: 16px;
    font-size: 1rem;
    padding-inline: 1rem;
  }

  .hero {
    padding: 1rem 0 1.25rem !important;
  }

  .hero-grid,
  .page-hero-compact .hero-grid,
  .industries-hero .hero-grid,
  .industry-page .hero-grid,
  .resources-hub-hero .hero-grid,
  .article-hero .hero-grid,
  .guide-shell .hero-grid,
  .risk-hero .hero-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    align-items: start !important;
  }

  .hero-copy,
  .hero-panel,
  .hero-panel--stacked,
  .hero-panel--media-fill,
  .hero-image-card,
  .hero-panel .industry-visual-stack {
    min-width: 0;
  }

  .hero-copy {
    order: 1;
  }

  .hero-panel,
  .hero-panel--stacked,
  .hero-panel--media-fill {
    order: 2;
    gap: .75rem;
  }

  .hero h1 {
    max-width: none !important;
    font-size: clamp(2rem, 9vw, 2.85rem) !important;
    line-height: 1.02;
    letter-spacing: -.04em;
  }

  .hero-lead {
    font-size: 1rem !important;
    line-height: 1.5;
    margin: .9rem 0 .55rem !important;
    max-width: none !important;
  }

  .hero-support {
    font-size: .94rem;
    line-height: 1.55;
    margin-bottom: 1rem !important;
    max-width: none !important;
    color: rgba(255,255,255,.78);
  }

  .eyebrow,
  .section-tag,
  .section-kicker {
    padding: 0 !important;
    font-size: .68rem !important;
    letter-spacing: .14em;
    margin-bottom: .5rem !important;
  }

  .hero-actions,
  .cta-actions-inline,
  .hero-actions-inline {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .7rem !important;
    align-items: stretch !important;
  }

  .hero-actions .btn,
  .cta-actions-inline .btn,
  .cta-actions-inline .footer-cta-phone,
  .hero-actions-inline .btn,
  .footer-cta-phone,
  .lead-form .btn,
  .cta-band .btn {
    width: 100% !important;
    min-height: 50px;
    border-radius: 16px !important;
    padding-inline: 1rem !important;
  }

  .hero-tertiary-cta {
    display: none !important;
  }

  .hero-reassurance-row,
  .hero-micro-signals {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .9rem;
  }

  .hero-reassurance-item,
  .hero-micro-signals span {
    min-height: 36px;
    padding: .55rem .72rem !important;
    border-radius: 999px;
    font-size: .79rem !important;
    line-height: 1.2;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.09);
  }

  .hero-points {
    gap: .55rem !important;
    margin-top: .9rem !important;
  }

  .hero-points li {
    align-items: flex-start;
    font-size: .93rem;
    line-height: 1.45;
  }

  .hero-metrics,
  .proof-grid,
  .service-grid,
  .authority-grid,
  .benefit-grid,
  .issue-grid,
  .check-grid,
  .included-grid,
  .security-grid,
  .process-grid,
  .trust-grid,
  .support-process-grid,
  .resource-grid,
  .industry-grid,
  .card-grid,
  .card-grid.three-up,
  .card-grid.four-up,
  .sidebar-resource-grid,
  .site-metric-grid,
  .contact-grid,
  .lead-shell,
  .split-layout,
  .article-layout-wrap,
  .local-map-block,
  .footer-shell-rich,
  .footer-grid-expanded,
  .field-grid,
  .authority-links-band,
  .review-signal-card,
  .footer-cta-shell,
  .service-overview-grid,
  .service-highlight-grid {
    grid-template-columns: 1fr !important;
    gap: .95rem !important;
  }

  .hero-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .7rem !important;
    margin-top: 1rem;
  }

  .metric-card,
  .site-metric-card,
  .authority-card,
  .feature-card,
  .service-card,
  .benefit-card,
  .issue-card,
  .check-card,
  .included-card,
  .process-card,
  .resource-card,
  .industry-card,
  .contact-card,
  .lead-form,
  .review-signal-card,
  .support-step,
  .security-card,
  .proof-item-card,
  .proof-card,
  .trust-card,
  .need-card,
  .doc-card,
  .cta-band,
  .conversion-assurance,
  .nap-consistency-block,
  .local-map-block,
  .sitewide-offer-band,
  .footer-cta-shell,
  .panel-card {
    border-radius: 20px !important;
  }

  .metric-card,
  .site-metric-card,
  .authority-card,
  .feature-card,
  .service-card,
  .benefit-card,
  .issue-card,
  .check-card,
  .included-card,
  .process-card,
  .resource-card,
  .industry-card,
  .contact-card,
  .lead-form,
  .support-step,
  .security-card,
  .proof-item-card,
  .proof-card,
  .trust-card,
  .need-card,
  .doc-card,
  .conversion-assurance,
  .nap-consistency-block,
  .site-metric-card,
  .review-signal-card,
  .local-map-block,
  .cta-band,
  .panel-card {
    padding: 1rem !important;
  }

  .section,
  .section-tight,
  .benefits-refresh,
  .resource-pathways,
  .related-services-section,
  .review-signal-section,
  .authority-section,
  .problem-section,
  .process-section,
  .why-section,
  .included-section,
  .security-section,
  .faq-section,
  .cta-section {
    padding: 2.6rem 0 !important;
  }

  .section + .section {
    margin-top: 0 !important;
  }

  .proof-strip {
    padding: 0 0 1rem !important;
  }

  .section-heading,
  .section-heading.narrow,
  .section-heading.left-align {
    max-width: none !important;
    margin-bottom: 1rem !important;
  }

  .section-heading h2,
  .section h2,
  .footer-cta-copy h2,
  .cta-band h2,
  .lead-form h2,
  .article-content h2,
  .article-section h2 {
    font-size: clamp(1.55rem, 7vw, 2.1rem) !important;
    line-height: 1.08;
    letter-spacing: -.03em;
  }

  .section-heading p,
  .section p,
  .cta-band p,
  .lead-form p,
  .article-content p,
  .article-section p,
  .footer-cta-copy p,
  .contact-card p,
  .resource-card p,
  .trust-card p,
  .benefit-card p,
  .issue-card p,
  .included-card p,
  .process-card p {
    font-size: .95rem;
    line-height: 1.58;
  }

  .hero-image-card,
  .hero-panel--media-fill > .hero-image-card,
  .hero-panel--stacked > .hero-image-card,
  .page-hero-compact .hero-panel--media-fill > .hero-image-card,
  .resources-hub-hero .hero-panel--media-fill > .hero-image-card,
  .article-hero .hero-panel--media-fill > .hero-image-card,
  .guide-shell .hero-panel--media-fill > .hero-image-card,
  .risk-hero .hero-panel--media-fill > .hero-image-card,
  .security-assessment-shell .hero-panel--media-fill > .hero-image-card {
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 20px !important;
  }

  .hero-image-card img,
  .hero-panel--media-fill > .hero-image-card:not(.hero-image-card--homepage) img,
  .hero-panel--stacked > .hero-image-card:not(.hero-image-card--homepage) img,
  .resources-hub-hero .hero-panel--media-fill > .hero-image-card img,
  .article-hero .hero-panel--media-fill > .hero-image-card img,
  .guide-shell .hero-panel--media-fill > .hero-image-card img,
  .security-assessment-shell .hero-panel--media-fill > .hero-image-card img,
  .card-media img,
  .service-card img,
  .industry-card img,
  .resource-card img,
  .section-visual img,
  .resource-hero img {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    border-radius: inherit !important;
  }

  .hero-image-card--homepage img,
  .hero-image-card img[src*="homepage-hero-abso-technician"],
  .hero-image-card img[src*="homepage-hero-network-operations"],
  .hero-image-card img[src*="managed-it-monitoring-hero"],
  .hero-image-card img[src*="cybersecurity-hero-security-operations"],
  .hero-image-card img[src*="it-infrastructure-deployment"],
  .hero-image-card img[src*="industries-hero-professionals"],
  .hero-image-card img[src*="resource-center-hero"],
  .hero-image-card img[src*="cybersecurity-risk-dashboard"] {
    aspect-ratio: 16 / 11 !important;
  }

  .hero-image-overlay {
    gap: .45rem !important;
    padding: .8rem !important;
  }

  .hero-badge {
    padding: .4rem .6rem !important;
    font-size: .75rem !important;
    border-radius: 999px !important;
  }

  .service-media,
  .section-visual,
  .industry-visual-stack,
  .article-sidebar,
  .resource-sidebar {
    margin: 0 !important;
  }

  .article-layout-wrap,
  .guide-layout,
  .resource-library,
  .article-content {
    display: grid;
    gap: 1rem;
  }

  .article-sidebar {
    order: 2;
  }

  .article-content {
    order: 1;
  }

  .article-section,
  .article-card {
    padding: 1.05rem !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #fff, #f8fbff);
    border: 1px solid rgba(37,99,235,.08);
  }

  .lead-form {
    padding: 1rem !important;
  }

  .lead-form form {
    gap: .8rem !important;
  }

  .lead-form .field-grid {
    gap: .8rem !important;
  }

  .lead-form label {
    font-size: .93rem;
  }

  .lead-form input,
  .lead-form select,
  .lead-form textarea {
    min-height: 48px;
    border-radius: 14px;
    padding: .82rem .9rem;
    font-size: 16px;
  }

  .lead-form textarea {
    min-height: 132px;
  }

  .check-list,
  .compact-list,
  .inline-checklist {
    display: grid;
    gap: .55rem;
    padding-left: 1.05rem;
  }

  .faq-list,
  .faq-grid {
    display: grid;
    gap: .75rem;
  }

  .faq-item,
  details {
    border-radius: 18px;
    overflow: hidden;
  }

  .faq-item summary,
  details summary {
    min-height: 50px;
    padding: .95rem 1rem;
    font-weight: 700;
  }

  .faq-item > div,
  details > div,
  details p {
    padding: 0 1rem 1rem;
  }

  .cta-band,
  .footer-cta-shell,
  .review-signal-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .9rem !important;
  }

  .footer-cta-strip {
    padding: 0 0 .75rem !important;
  }

  .footer-guide-links {
    display: grid !important;
    gap: .45rem !important;
  }

  .footer-shell-rich {
    gap: 1.2rem !important;
    padding-top: 1rem;
  }

  .footer-grid-expanded {
    gap: .95rem !important;
  }

  .footer-col ul {
    display: grid;
    gap: .5rem;
  }

  .footer-bottom {
    padding-bottom: .8rem;
  }

  .local-map-block {
    padding: 1rem !important;
  }

  .map-embed-wrap,
  .map-embed-wrap iframe {
    min-height: 260px;
    border-radius: 18px;
  }

  .resources-mini {
    display: grid;
    gap: .55rem;
  }

  .resources-mini a,
  .text-link,
  .resource-link {
    word-break: break-word;
  }

  .service-area-link-list,
  .city-link-grid,
  .industry-link-grid,
  .authority-link-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .7rem !important;
  }

  .process-grid.timeline-grid::before,
  .timeline-card::before,
  .timeline-card:hover::before {
    display: none !important;
  }

  .authority-card::after,
  .feature-card::after,
  .service-card::after,
  .industry-card::after,
  .benefit-card::after,
  .issue-card::after,
  .need-card::after,
  .check-card::after,
  .resource-card::after,
  .process-card::after,
  .proof-card::after,
  .proof-item-card::after,
  .support-step::after,
  .included-card::after {
    display: none !important;
  }

  .authority-card:hover,
  .feature-card:hover,
  .service-card:hover,
  .industry-card:hover,
  .benefit-card:hover,
  .issue-card:hover,
  .need-card:hover,
  .check-card:hover,
  .resource-card:hover,
  .process-card:hover,
  .proof-card:hover,
  .proof-item-card:hover,
  .support-step:hover,
  .included-card:hover,
  .hero-image-card:hover,
  .contact-card:hover,
  .trust-card:hover {
    transform: none !important;
  }

  .service-card,
  .industry-card,
  .resource-card,
  .contact-card,
  .trust-card,
  .benefit-card,
  .issue-card,
  .included-card,
  .check-card,
  .process-card,
  .support-step,
  .authority-card,
  .proof-item-card,
  .proof-card {
    min-height: 0 !important;
  }

  .center-text {
    text-align: left !important;
  }
}

@media (max-width: 520px) {
  .hero-metrics {
    grid-template-columns: 1fr !important;
  }

  .brand-logo {
    width: 128px !important;
  }

  .site-header .site-nav {
    width: min(90vw, 340px) !important;
  }

  .hero h1 {
    font-size: clamp(1.9rem, 10vw, 2.5rem) !important;
  }
}

/* March 2026 homepage hero mobile repair */
@media (max-width: 768px) {
  body.home-page .hero {
    padding-top: .9rem !important;
    padding-bottom: 1.35rem !important;
  }

  body.home-page .hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .9rem !important;
    align-items: start !important;
  }

  body.home-page .hero-copy {
    order: 1 !important;
  }

  body.home-page .hero-panel,
  body.home-page .hero-panel--stacked,
  body.home-page .hero-panel--media-fill {
    order: 2 !important;
    gap: .7rem !important;
    width: 100% !important;
  }

  body.home-page .hero-panel--stacked::before {
    content: none !important;
    display: none !important;
  }

  body.home-page .hero h1 {
    font-size: clamp(2rem, 8.5vw, 2.7rem) !important;
    line-height: 1.03 !important;
    max-width: 100% !important;
    margin-bottom: .7rem !important;
  }

  body.home-page .hero-lead {
    margin: .75rem 0 .45rem !important;
  }

  body.home-page .hero-support {
    margin: 0 0 .85rem !important;
    max-width: 100% !important;
  }

  body.home-page .hero-actions {
    gap: .7rem !important;
    margin-bottom: .55rem !important;
  }

  body.home-page .hero-actions .btn {
    width: 100% !important;
    min-height: 52px !important;
  }

  body.home-page .cta-inline-note {
    margin-top: .55rem !important;
    margin-bottom: 0 !important;
    max-width: 100% !important;
  }

  body.home-page .hero-image-card--homepage {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(8,18,35,.96) 0%, rgba(10,22,42,.92) 100%) !important;
    box-shadow: 0 16px 34px rgba(2,8,20,.22) !important;
  }

  body.home-page .hero-image-card--homepage::before {
    background: linear-gradient(180deg, rgba(7,17,31,.06) 0%, rgba(7,17,31,.22) 100%) !important;
    inset: 0 !important;
  }

  body.home-page .hero-image-card--homepage::after {
    opacity: 1 !important;
    background: linear-gradient(180deg, rgba(7,17,31,.04) 0%, rgba(7,17,31,.14) 42%, rgba(7,17,31,.34) 100%) !important;
  }

  body.home-page .hero-image-card--homepage img,
  body.home-page .hero-image-card img[src*="homepage-hero-abso-technician"] {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    object-position: center 40% !important;
    display: block !important;
    border-radius: inherit !important;
    filter: none !important;
  }

  body.home-page .hero-proof-panel {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    margin-top: .7rem !important;
    padding: .95rem 1rem !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 30px rgba(2,8,20,.2) !important;
  }

  body.home-page .hero-proof-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .65rem !important;
    margin-bottom: .75rem !important;
  }

  body.home-page .hero-proof-metric {
    padding: .72rem !important;
    border-radius: 14px !important;
  }

  body.home-page .hero-next-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: .95rem 1rem !important;
    border-radius: 18px !important;
  }

  body.home-page .offer-support-card {
    width: 100% !important;
    max-width: none !important;
    margin-top: .9rem !important;
    padding: .82rem .95rem !important;
    border-radius: 16px !important;
  }

  body.home-page .hero-reassurance-row {
    width: 100% !important;
    margin-top: .75rem !important;
  }

  body.home-page .hero-reassurance-item {
    width: 100% !important;
    border-radius: 16px !important;
    padding: .72rem .9rem !important;
    background: rgba(255,255,255,.06) !important;
  }
}


/* March 2026 mobile deep-dive repair pass */
@media (max-width: 1023px) {
  .site-nav-static,
  .legacy-mobile-nav,
  .legacy-nav-drawer,
  .legacy-offcanvas-nav,
  .site-header + nav,
  .site-header + .site-nav,
  .site-header + [class*="menu"],
  .site-header + [class*="offcanvas"],
  .site-header + [class*="off-canvas"],
  .site-header + [class*="nav-drawer"] {
    display: none !important;
  }

  body {
    background: #07111f;
  }

  main,
  section,
  .section,
  .hero {
    overflow-x: clip !important;
  }

  .site-header .nav-shell {
    min-height: 70px;
  }

  .site-header .site-nav {
    width: min(88vw, 380px) !important;
    max-width: 380px !important;
  }

  .hero-grid,
  .page-hero-compact .hero-grid,
  .industries-hero .hero-grid,
  .industry-page .hero-grid,
  .resources-hub-hero .hero-grid,
  .article-hero .hero-grid,
  .guide-shell .hero-grid,
  .risk-hero .hero-grid,
  .split-layout,
  .lead-shell,
  .contact-grid,
  .service-overview-grid,
  .service-highlight-grid,
  .service-area-shell,
  .guides-band-shell {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .hero-image-card,
  .feature-photo,
  .security-photo,
  .service-media,
  .cyber-feature-photo,
  .managed-security-photo,
  .managed-feature-photo,
  .cyber-security-photo {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .hero-image-card::before,
  .hero-image-card::after,
  .feature-photo::before,
  .feature-photo::after,
  .security-photo::before,
  .security-photo::after,
  .service-media::before,
  .service-media::after {
    display: none !important;
    content: none !important;
  }

  .hero-image-card img,
  .feature-photo img,
  .security-photo img,
  .service-media img,
  .cyber-feature-photo img,
  .managed-security-photo img,
  .managed-feature-photo img,
  .cyber-security-photo img,
  .hero-panel img,
  .section-visual img,
  .card-media img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 10 !important;
    border-radius: 20px !important;
    object-fit: cover !important;
    display: block !important;
  }

  .service-card,
  .benefit-card,
  .issue-card,
  .check-card,
  .included-card,
  .process-card,
  .resource-card,
  .industry-card,
  .contact-card,
  .lead-form,
  .review-signal-card,
  .support-step,
  .security-card,
  .proof-item-card,
  .proof-card,
  .trust-card,
  .need-card,
  .doc-card,
  .cta-band,
  .conversion-assurance,
  .nap-consistency-block,
  .local-map-block,
  .sitewide-offer-band,
  .footer-cta-shell,
  .panel-card,
  .what-happens-next,
  .decision-reinforcement,
  .what-to-expect-card,
  .offer-support-card,
  .hero-proof-panel,
  .hero-next-card,
  .service-area-panel,
  .compact-metric {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
  }

  .service-card,
  .benefit-card,
  .issue-card,
  .check-card,
  .included-card,
  .process-card,
  .resource-card,
  .industry-card,
  .contact-card,
  .lead-form,
  .review-signal-card,
  .support-step,
  .security-card,
  .proof-item-card,
  .proof-card,
  .trust-card,
  .need-card,
  .doc-card,
  .cta-band,
  .conversion-assurance,
  .nap-consistency-block,
  .local-map-block,
  .sitewide-offer-band,
  .footer-cta-shell,
  .panel-card,
  .what-happens-next,
  .decision-reinforcement,
  .what-to-expect-card,
  .offer-support-card,
  .hero-proof-panel,
  .hero-next-card,
  .service-area-panel,
  .compact-metric {
    padding: 1rem !important;
  }

  .what-happens-next,
  .decision-reinforcement,
  .what-to-expect-card,
  .offer-support-card,
  .hero-proof-panel,
  .hero-next-card,
  .cta-band,
  .sitewide-offer-band,
  .footer-cta-shell,
  .review-signal-card {
    color: rgba(255, 255, 255, .96) !important;
  }

  .what-happens-next h3,
  .decision-reinforcement h3,
  .what-to-expect-card h3,
  .offer-support-card h3,
  .hero-proof-panel h3,
  .hero-next-card h3,
  .cta-band h2,
  .cta-band h3,
  .sitewide-offer-band h2,
  .sitewide-offer-band h3,
  .footer-cta-shell h2,
  .review-signal-card h2,
  .review-signal-card h3,
  .service-area-panel-label {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.18);
  }

  .what-happens-next p,
  .decision-reinforcement p,
  .what-to-expect-card p,
  .offer-support-card p,
  .what-happens-next li,
  .decision-reinforcement li,
  .what-to-expect-card li,
  .offer-support-card li,
  .hero-proof-list li,
  .hero-proof-metric span,
  .cta-inline-note,
  .offer-support-card .offer-mini,
  .form-assurance,
  .cta-band p,
  .sitewide-offer-band p,
  .sitewide-offer-band li,
  .footer-cta-shell p,
  .footer-guide-links,
  .footer-guide-links a,
  .service-area-panel p {
    color: rgba(255,255,255,.92) !important;
  }

  .cta-inline-note,
  .offer-support-card .offer-mini,
  .form-assurance {
    font-weight: 500 !important;
  }

  .dark-callout-bar,
  .dark-callout-bar *,
  .callout-bar-dark,
  .callout-bar-dark *,
  .cta-band-dark,
  .cta-band-dark * {
    color: rgba(255,255,255,.94) !important;
  }
}

@media (max-width: 768px) {
  :root {
    --mobile-shell: calc(100vw - 1rem);
    --mobile-gap: .85rem;
    --mobile-pad: .9rem;
    --mobile-radius: 18px;
    --mobile-header-height: 68px;
  }

  .site-header {
    backdrop-filter: blur(14px);
  }

  .site-header .nav-shell {
    min-height: 68px;
    padding: .6rem 0;
  }

  .brand-logo {
    max-width: 40vw !important;
  }

  .section,
  .section-tight,
  .benefits-refresh,
  .resource-pathways,
  .related-services-section,
  .review-signal-section,
  .authority-section,
  .problem-section,
  .process-section,
  .why-section,
  .included-section,
  .security-section,
  .faq-section,
  .cta-section {
    padding: 2.25rem 0 !important;
  }

  body.home-page .hero {
    padding-top: .55rem !important;
    padding-bottom: 1rem !important;
  }

  body.home-page .hero-grid {
    grid-template-columns: 1fr !important;
    gap: .8rem !important;
    align-items: start !important;
  }

  body.home-page .hero-copy {
    order: 1 !important;
    max-width: none !important;
  }

  body.home-page .hero-panel,
  body.home-page .hero-panel--stacked,
  body.home-page .hero-panel--media-fill {
    order: 2 !important;
    width: 100% !important;
    gap: .65rem !important;
    align-self: stretch !important;
  }

  body.home-page .hero-copy > * + * {
    margin-top: .7rem !important;
  }

  body.home-page .hero h1 {
    font-size: clamp(1.95rem, 9vw, 2.55rem) !important;
    line-height: 1.04 !important;
    margin-bottom: .15rem !important;
  }

  body.home-page .hero-lead {
    margin: .55rem 0 .35rem !important;
    font-size: .98rem !important;
    line-height: 1.5 !important;
  }

  body.home-page .hero-support {
    margin: 0 0 .7rem !important;
    max-width: 42ch !important;
    font-size: .92rem !important;
    line-height: 1.5 !important;
  }

  body.home-page .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .7rem !important;
    margin-bottom: .45rem !important;
  }

  body.home-page .hero-actions .btn {
    width: 100% !important;
    min-height: 50px !important;
  }

  body.home-page .cta-inline-note {
    margin-top: .45rem !important;
    margin-bottom: 0 !important;
    max-width: none !important;
  }

  body.home-page .offer-support-card {
    margin-top: .75rem !important;
    padding: .8rem .9rem !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
  }

  body.home-page .hero-image-card--homepage {
    order: 1 !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.home-page .hero-image-card--homepage::before,
  body.home-page .hero-image-card--homepage::after {
    display: none !important;
    content: none !important;
  }

  body.home-page .hero-image-card--homepage img,
  body.home-page .hero-image-card img[src*="homepage-hero-abso-technician"] {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    border-radius: 18px !important;
    object-fit: cover !important;
    object-position: center 40% !important;
    box-shadow: 0 16px 34px rgba(2,8,20,.24) !important;
  }

  body.home-page .hero-proof-panel {
    position: static !important;
    order: 2 !important;
    margin-top: .65rem !important;
    padding: .9rem .95rem !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 28px rgba(2,8,20,.2) !important;
  }

  body.home-page .hero-proof-metrics {
    grid-template-columns: 1fr 1fr !important;
    gap: .6rem !important;
    margin-bottom: .65rem !important;
  }

  body.home-page .hero-proof-metric {
    padding: .68rem !important;
    border-radius: 14px !important;
  }

  body.home-page .hero-next-card {
    order: 3 !important;
    margin-top: .65rem !important;
    padding: .9rem .95rem !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.2) !important;
  }

  body.home-page .hero-next-card .next-steps-list {
    gap: .55rem !important;
  }

  body.home-page .hero-next-card .next-steps-list li {
    font-size: .9rem !important;
    line-height: 1.4 !important;
  }

  body.home-page .hero-reassurance-row {
    margin-top: .65rem !important;
  }

  body.home-page .hero-reassurance-item {
    width: 100% !important;
    padding: .7rem .85rem !important;
    border-radius: 14px !important;
  }

  .compact-trust-grid,
  .benefit-inline-grid,
  .compact-trust-metrics,
  .hero-proof-metrics,
  .service-area-links,
  .guides-band-links,
  .service-area-panel-actions {
    grid-template-columns: 1fr !important;
  }

  .compact-trust-metrics {
    gap: .7rem !important;
  }

  .footer-guide-links {
    display: grid !important;
    gap: .4rem !important;
  }
}

@media (max-width: 520px) {
  body.home-page .hero-proof-metrics {
    grid-template-columns: 1fr !important;
  }
}


/* March 2026 mobile architecture repair pass */
@media (max-width: 1023px) {
  .site-header + nav,
  .site-header + .site-nav,
  .site-header + .site-nav-static,
  .site-header + .legacy-mobile-nav,
  .site-header + .mobile-nav,
  .site-header + .mobile-menu,
  .site-header + .off-canvas,
  .site-header + .offcanvas,
  .site-header + .nav-drawer,
  .site-header + .menu-overlay,
  .site-header + .menu-shell,
  .site-header + .builder-nav,
  .site-header ~ .site-nav-static,
  .site-header ~ .legacy-mobile-nav,
  .site-header ~ .legacy-nav-drawer,
  .site-header ~ .legacy-offcanvas-nav {
    display: none !important;
  }

  .site-header .site-nav {
    display: flex !important;
  }

  .hero,
  .page-hero-compact,
  .managed-hero,
  .cyber-hero,
  .industries-hero,
  .article-hero,
  .risk-hero,
  .guide-shell,
  .resources-hub-hero {
    padding-top: .9rem !important;
    padding-bottom: 1.35rem !important;
  }

  .hero-grid,
  .page-hero-compact .hero-grid,
  .managed-hero-grid,
  .cybersecurity-page-hero .hero-grid,
  .industries-hero .hero-grid,
  .industry-page .hero-grid,
  .resources-hub-hero .hero-grid,
  .article-hero .hero-grid,
  .guide-shell .hero-grid,
  .risk-hero .hero-grid {
    grid-template-columns: 1fr !important;
    gap: .95rem !important;
    align-items: start !important;
  }

  .hero-copy {
    order: 1 !important;
    max-width: none !important;
  }

  .hero-copy > * + * {
    margin-top: .68rem !important;
  }

  .hero-panel,
  .hero-panel--stacked,
  .hero-panel--media-fill {
    order: 2 !important;
    width: 100% !important;
    max-width: none !important;
    align-self: stretch !important;
    gap: .7rem !important;
  }

  .hero-image-card,
  .hero-panel > .hero-image-card,
  .hero-panel--stacked > .hero-image-card,
  .hero-panel--media-fill > .hero-image-card,
  .hero-image-card--homepage {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .hero-image-card img,
  .hero-panel > .hero-image-card img,
  .hero-panel--stacked > .hero-image-card img,
  .hero-panel--media-fill > .hero-image-card img,
  .hero-image-card--homepage img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 18px !important;
  }

  .hero-image-overlay,
  .hero-badge {
    display: none !important;
  }

  .hero-proof-panel,
  .hero-next-card,
  .what-happens-next,
  .offer-support-card,
  .decision-reinforcement,
  .what-to-expect-card,
  .panel-card,
  .proof-card,
  .trust-card,
  .benefit-card,
  .issue-card,
  .check-card,
  .included-card,
  .service-card,
  .resource-card,
  .industry-card,
  .contact-card,
  .security-card,
  .lead-form,
  .cta-band,
  .footer-cta-shell,
  .service-area-panel,
  .compact-metric,
  .metric-card {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: .95rem !important;
    border-radius: 18px !important;
  }

  .hero-proof-panel,
  .hero-next-card,
  .what-happens-next,
  .offer-support-card {
    box-shadow: 0 14px 32px rgba(2, 8, 23, .18) !important;
  }

  .hero-proof-panel *,
  .hero-next-card *,
  .what-happens-next *,
  .offer-support-card *,
  .cta-band *,
  .footer-cta-shell *,
  .sitewide-offer-band *,
  .review-signal-card * {
    color: inherit;
  }

  .hero-proof-panel,
  .hero-next-card,
  .what-happens-next,
  .offer-support-card,
  .cta-band,
  .footer-cta-shell,
  .sitewide-offer-band,
  .review-signal-card,
  .dark-callout-bar,
  .callout-bar-dark,
  .cta-band-dark,
  .proof-item,
  .proof-item-card {
    color: rgba(255,255,255,.96) !important;
  }

  .hero-proof-panel h2,
  .hero-proof-panel h3,
  .hero-next-card h2,
  .hero-next-card h3,
  .what-happens-next h2,
  .what-happens-next h3,
  .offer-support-card h2,
  .offer-support-card h3,
  .cta-band h2,
  .cta-band h3,
  .footer-cta-shell h2,
  .footer-cta-shell h3,
  .sitewide-offer-band h2,
  .sitewide-offer-band h3,
  .review-signal-card h2,
  .review-signal-card h3,
  .dark-callout-bar h2,
  .dark-callout-bar h3,
  .callout-bar-dark h2,
  .callout-bar-dark h3,
  .cta-band-dark h2,
  .cta-band-dark h3 {
    color: #fff !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.16);
  }

  .hero-proof-panel p,
  .hero-next-card p,
  .hero-next-card li,
  .what-happens-next p,
  .what-happens-next li,
  .offer-support-card p,
  .offer-support-card li,
  .cta-band p,
  .cta-band li,
  .footer-cta-shell p,
  .footer-cta-shell li,
  .sitewide-offer-band p,
  .sitewide-offer-band li,
  .review-signal-card p,
  .review-signal-card li,
  .dark-callout-bar p,
  .dark-callout-bar li,
  .callout-bar-dark p,
  .callout-bar-dark li,
  .cta-band-dark p,
  .cta-band-dark li,
  .proof-item,
  .proof-item-card,
  .hero-proof-list li,
  .hero-proof-metric span,
  .cta-inline-note,
  .offer-support-card .offer-mini,
  .form-assurance {
    color: rgba(255,255,255,.93) !important;
    font-weight: 500 !important;
  }

  .hero-proof-metrics,
  .compact-trust-metrics,
  .benefit-inline-grid,
  .service-area-links,
  .guides-band-links,
  .service-area-panel-actions,
  .panel-stack,
  .cyber-cover-stack {
    grid-template-columns: 1fr !important;
    gap: .7rem !important;
  }

  .hero-metrics {
    grid-template-columns: 1fr !important;
    gap: .6rem !important;
  }

  .proof-strip + .proof-strip {
    padding-top: 0 !important;
  }

  .service-card ul,
  .check-list,
  .compact-list,
  .inline-checklist,
  .next-steps-list {
    gap: .5rem !important;
  }

  .section-heading,
  .section-heading.narrow,
  .section-heading.left-align {
    margin-bottom: .95rem !important;
  }

  .section,
  .section-tight,
  .benefits-refresh,
  .resource-pathways,
  .related-services-section,
  .review-signal-section,
  .authority-section,
  .problem-section,
  .process-section,
  .why-section,
  .included-section,
  .security-section,
  .faq-section,
  .cta-section {
    padding-top: 2.1rem !important;
    padding-bottom: 2.1rem !important;
  }

  .footer-cta-strip {
    padding-top: 0 !important;
  }
}

@media (max-width: 768px) {
  body.home-page .hero-copy .eyebrow { order: 1; }
  body.home-page .hero-copy h1 { order: 2; }
  body.home-page .hero-copy .hero-lead { order: 3; }
  body.home-page .hero-copy .hero-support { order: 4; }
  body.home-page .hero-copy .hero-actions { order: 5; }
  body.home-page .hero-copy .cta-inline-note { order: 6; }
  body.home-page .hero-copy .offer-support-card { order: 7; }
  body.home-page .hero-copy .hero-reassurance-row { order: 8; }
  body.home-page .hero-copy { display: flex !important; flex-direction: column !important; }

  body.home-page .hero-panel--stacked {
    display: flex !important;
    flex-direction: column !important;
  }

  body.home-page .hero-image-card--homepage { order: 1 !important; }
  body.home-page .hero-proof-panel { order: 2 !important; margin-top: .55rem !important; }
  body.home-page .hero-next-card { order: 3 !important; margin-top: .55rem !important; }

  body.home-page .hero {
    padding-top: .45rem !important;
    padding-bottom: .8rem !important;
  }

  body.home-page .hero h1 {
    font-size: clamp(1.9rem, 9vw, 2.45rem) !important;
    line-height: 1.03 !important;
  }

  body.home-page .hero-lead,
  body.home-page .hero-support,
  body.home-page .cta-inline-note {
    max-width: none !important;
  }

  body.home-page .offer-support-card {
    padding: .82rem .88rem !important;
  }

  body.home-page .hero-reassurance-item {
    width: 100% !important;
    border-radius: 14px !important;
  }
}

@media (max-width: 480px) {
  .container {
    width: calc(100% - .85rem) !important;
  }

  .hero,
  .section,
  .section-tight {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hero h1 {
    font-size: clamp(1.82rem, 10vw, 2.2rem) !important;
  }

  .hero-actions .btn,
  .cta-actions-inline .btn,
  .footer-cta-phone,
  .lead-form .btn,
  .cta-band .btn {
    min-height: 48px !important;
  }
}


/* March 2026 full mobile contrast system fix */
@media (max-width: 768px) {
  body.home-page,
  body.page-shell-dark,
  body.page-theme-dark {
    --mobile-dark-heading: rgba(255,255,255,.96);
    --mobile-dark-body: rgba(255,255,255,.88);
    --mobile-dark-muted: rgba(214,226,255,.82);
    --mobile-dark-accent: rgba(112,165,255,.96);
    --mobile-dark-stroke: rgba(255,255,255,.10);
  }

  body.home-page .hero,
  body.home-page .proof-strip,
  body.home-page .problem-section,
  body.home-page .services-section,
  body.home-page .why-abso-section,
  body.home-page .process-section,
  body.home-page .buying-section,
  body.home-page .homepage-guides-band,
  body.home-page .service-area-home,
  body.home-page .cta-section,
  body.home-page .footer-cta-strip,
  body.home-page .site-footer,
  body.home-page .section-dark,
  body.home-page .dark-section,
  body.home-page .hero-proof-panel,
  body.home-page .what-happens-next,
  body.home-page .compact-trust-strip,
  body.home-page .dark-callout-bar,
  body.home-page .callout-bar-dark,
  body.home-page .service-area-panel,
  body.home-page .footer-cta-shell {
    color: var(--mobile-dark-body) !important;
  }

  body.home-page .hero h1,
  body.home-page .hero h2,
  body.home-page .section-heading h2,
  body.home-page .section h2,
  body.home-page .section h3,
  body.home-page .section h4,
  body.home-page .footer-cta-copy h2,
  body.home-page .hero-proof-panel .hero-proof-metric strong,
  body.home-page .compact-metric strong,
  body.home-page .what-happens-next h3,
  body.home-page .service-area-panel h3,
  body.home-page .service-area-panel-label,
  body.home-page .dark-callout-bar h2,
  body.home-page .dark-callout-bar h3,
  body.home-page .callout-bar-dark h2,
  body.home-page .callout-bar-dark h3,
  body.home-page .footer-cta-shell h2 {
    color: var(--mobile-dark-heading) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.22);
  }

  body.home-page .section-heading p,
  body.home-page .section p,
  body.home-page .hero-lead,
  body.home-page .hero-support,
  body.home-page .hero-proof-panel p,
  body.home-page .hero-proof-panel li,
  body.home-page .compact-trust-strip p,
  body.home-page .problem-section > .container > p,
  body.home-page .service-area-copy > p,
  body.home-page .service-area-panel p,
  body.home-page .dark-callout-bar p,
  body.home-page .dark-callout-bar li,
  body.home-page .callout-bar-dark p,
  body.home-page .callout-bar-dark li,
  body.home-page .footer-cta-copy p,
  body.home-page .footer-guide-links span,
  body.home-page .footer-guide-links a,
  body.home-page .what-happens-next li,
  body.home-page .hero-proof-list li,
  body.home-page .cta-inline-note,
  body.home-page .hero-reassurance-item,
  body.home-page .hero-micro-signals span {
    color: var(--mobile-dark-body) !important;
  }

  body.home-page .section-tag,
  body.home-page .section-kicker,
  body.home-page .section-eyebrow,
  body.home-page .eyebrow,
  body.home-page .section-heading .eyebrow,
  body.home-page .section-heading .section-tag,
  body.home-page .section-heading .section-kicker {
    color: var(--mobile-dark-accent) !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }

  body.home-page .section-tag::after,
  body.home-page .section-kicker::after,
  body.home-page .eyebrow::after {
    background: rgba(112,165,255,.72) !important;
    opacity: 1 !important;
  }

  body.home-page .hero-proof-panel,
  body.home-page .what-happens-next,
  body.home-page .footer-cta-shell,
  body.home-page .service-area-panel,
  body.home-page .dark-callout-bar,
  body.home-page .callout-bar-dark,
  body.home-page .compact-metric,
  body.home-page .metric-card,
  body.home-page .site-metric-card {
    border-color: var(--mobile-dark-stroke) !important;
    box-shadow: 0 14px 28px rgba(2,8,23,.24) !important;
  }

  body.home-page .compact-metric,
  body.home-page .metric-card,
  body.home-page .site-metric-card,
  body.home-page .hero-proof-metric {
    background: linear-gradient(180deg, rgba(15,25,45,.92), rgba(9,18,34,.90)) !important;
  }

  body.home-page .metric-card *,
  body.home-page .site-metric-card *,
  body.home-page .compact-metric *,
  body.home-page .hero-proof-metric * {
    color: var(--mobile-dark-heading) !important;
  }

  body.home-page .metric-card span,
  body.home-page .site-metric-card span,
  body.home-page .compact-metric span,
  body.home-page .hero-proof-metric span {
    color: var(--mobile-dark-body) !important;
  }

  body.home-page .service-area-panel .btn,
  body.home-page .dark-callout-bar .btn,
  body.home-page .callout-bar-dark .btn,
  body.home-page .footer-cta-shell .btn {
    color: #fff !important;
  }

  body.home-page .service-area-links a {
    color: var(--mobile-dark-heading) !important;
    border-color: rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.03) !important;
  }

  body.home-page .hero-proof-list li::before,
  body.home-page .what-happens-next li::before {
    box-shadow: 0 0 0 4px rgba(37,99,235,.22) !important;
  }

  body.home-page .hero-copy > * {
    position: relative;
    z-index: 2;
  }

  body.home-page .trust-band,
  body.home-page .compact-trust-strip,
  body.home-page .proof-strip {
    color: var(--mobile-dark-body) !important;
  }

  body.home-page .proof-strip .section-heading p,
  body.home-page .buying-section .section-heading p,
  body.home-page .why-abso-section .section-heading p,
  body.home-page .process-section .section-heading p,
  body.home-page .problem-section .section-heading p,
  body.home-page .services-section .section-heading p,
  body.home-page .service-area-home .section-heading p {
    color: var(--mobile-dark-body) !important;
  }

  body.home-page .need-card,
  body.home-page .trust-card,
  body.home-page .service-card,
  body.home-page .issue-card,
  body.home-page .process-card {
    box-shadow: 0 14px 26px rgba(2,8,23,.18) !important;
  }
}


/* March 2026 homepage mobile corrective pass */
@media (max-width: 768px) {
  /* Keep the homepage hero message first, then image/proof, then offer */
  body.home-page .hero-grid > .offer-support-card {
    order: 4 !important;
    margin-top: .75rem !important;
  }

  /* Restore dark readable text inside light cards and light panels on mobile */
  body.home-page .issue-card,
  body.home-page .service-card,
  body.home-page .feature-card,
  body.home-page .benefit-inline-card,
  body.home-page .buying-card,
  body.home-page .proof-card,
  body.home-page .guides-band-shell,
  body.home-page .guides-band-links a:not(.guides-band-call) {
    color: #10203d !important;
    text-shadow: none !important;
  }

  body.home-page .issue-card h3,
  body.home-page .service-card h3,
  body.home-page .feature-card h3,
  body.home-page .benefit-inline-card h3,
  body.home-page .buying-card h3,
  body.home-page .proof-card h3,
  body.home-page .guides-band-shell h2,
  body.home-page .guides-band-shell h3,
  body.home-page .guides-band-links a:not(.guides-band-call) {
    color: #10203d !important;
    text-shadow: none !important;
  }

  body.home-page .issue-card p,
  body.home-page .service-card p,
  body.home-page .service-card li,
  body.home-page .feature-card p,
  body.home-page .benefit-inline-card p,
  body.home-page .buying-card,
  body.home-page .proof-card p,
  body.home-page .guides-band-shell p,
  body.home-page .guides-band-shell li,
  body.home-page .guides-band-shell span,
  body.home-page .guides-band-shell .section-tag {
    color: #4a5d7b !important;
    text-shadow: none !important;
  }

  body.home-page .section .issue-card h3,
  body.home-page .section .service-card h3,
  body.home-page .section .feature-card h3,
  body.home-page .section .proof-card h3,
  body.home-page .section .guides-band-shell h2,
  body.home-page .section .guides-band-shell h3 {
    color: #10203d !important;
    text-shadow: none !important;
  }

  body.home-page .service-card .service-card-link,
  body.home-page .service-card .service-card-link::after,
  body.home-page .feature-card .card-arrow,
  body.home-page .guides-band-links a:not(.guides-band-call)::after,
  body.home-page .guides-band-shell .section-tag {
    color: #2563eb !important;
  }

  body.home-page .guides-band-call,
  body.home-page .guides-band-call::after {
    color: #ffffff !important;
  }

  body.home-page .issue-card *,
  body.home-page .service-card *,
  body.home-page .feature-card *,
  body.home-page .benefit-inline-card *,
  body.home-page .proof-card *,
  body.home-page .guides-band-shell * {
    text-shadow: none !important;
  }
}


/* v30 root mobile-only hero crop and surface safeguards */
@media (max-width: 768px) {
  body.home-page .hero-image-card--homepage,
  body.home-page .hero-image-card {
    height: auto !important;
    max-height: 420px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  body.home-page .hero-image-card--homepage img,
  body.home-page .hero-image-card img[src*="homepage-hero-abso-technician"] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 70% center !important;
  }

  body.home-page .issue-card,
  body.home-page .service-card,
  body.home-page .feature-card,
  body.home-page .proof-card,
  body.home-page .benefit-inline-card,
  body.home-page .buying-card,
  body.home-page .signal-card,
  body.home-page .city-card,
  body.home-page .resource-card,
  body.home-page .process-card {
    background: #ffffff !important;
    color: #10203d !important;
  }

  body.home-page .issue-card h2,
  body.home-page .issue-card h3,
  body.home-page .service-card h2,
  body.home-page .service-card h3,
  body.home-page .feature-card h2,
  body.home-page .feature-card h3,
  body.home-page .proof-card h2,
  body.home-page .proof-card h3,
  body.home-page .benefit-inline-card h2,
  body.home-page .benefit-inline-card h3,
  body.home-page .buying-card h2,
  body.home-page .buying-card h3,
  body.home-page .signal-card h2,
  body.home-page .signal-card h3,
  body.home-page .city-card h2,
  body.home-page .city-card h3,
  body.home-page .resource-card h2,
  body.home-page .resource-card h3,
  body.home-page .process-card h2,
  body.home-page .process-card h3 {
    color: #10203d !important;
    text-shadow: none !important;
  }

  body.home-page .issue-card p,
  body.home-page .issue-card li,
  body.home-page .service-card p,
  body.home-page .service-card li,
  body.home-page .feature-card p,
  body.home-page .feature-card li,
  body.home-page .proof-card p,
  body.home-page .proof-card li,
  body.home-page .benefit-inline-card p,
  body.home-page .benefit-inline-card li,
  body.home-page .buying-card p,
  body.home-page .buying-card li,
  body.home-page .signal-card p,
  body.home-page .signal-card li,
  body.home-page .city-card p,
  body.home-page .city-card li,
  body.home-page .resource-card p,
  body.home-page .resource-card li,
  body.home-page .process-card p,
  body.home-page .process-card li {
    color: #52627d !important;
    text-shadow: none !important;
  }
}