.mobile-menu-toggle{display:none}

@media (max-width:820px){
  html{scroll-padding-top:64px!important;-webkit-text-size-adjust:100%}
  body{overflow-x:hidden!important}
  *{box-sizing:border-box}

  /* Shared mobile header */
  .nav{position:sticky!important;top:0!important;z-index:1200!important;display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;align-items:center!important;gap:8px!important;height:58px!important;min-height:58px!important;padding:0 10px 0 12px!important;background:#020d18!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 5px 18px rgba(0,0,0,.18)!important}
  .mobile-menu-toggle{display:inline-flex!important;grid-column:2!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;justify-self:end!important;gap:5px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;background:#081827!important;box-shadow:none!important;cursor:pointer!important;touch-action:manipulation!important;z-index:1202!important}
  .mobile-menu-toggle span{display:block!important;width:19px!important;height:2px!important;border-radius:999px!important;background:#fff!important;transition:transform .18s ease,opacity .18s ease!important}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}

  header.nav:has(> .navin)> .navin{grid-column:1!important;display:flex!important;align-items:center!important;width:100%!important;max-width:none!important;height:58px!important;min-height:58px!important;padding:4px 0!important;margin:0!important}
  header.nav:has(> .navin) .logo,header.nav:has(> .navin) .logo img,
  header.nav:not(:has(.navin))>a:first-child,header.nav:not(:has(.navin))>a:first-child img{display:block!important;width:54px!important;height:44px!important;max-height:44px!important;object-fit:contain!important}
  header.nav:has(> .navin) .quote,header.nav:not(:has(.navin))>.cta{display:none!important}

  .navin .links,header.nav .navlinks{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:12px!important;right:12px!important;width:auto!important;height:auto!important;max-height:min(70vh,520px)!important;margin:0!important;padding:7px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#071827!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:14px!important;box-shadow:0 22px 48px rgba(0,0,0,.45)!important;z-index:1201!important}
  .navin .links.mobile-menu-open,header.nav .navlinks.mobile-menu-open{display:flex!important;flex-direction:column!important;gap:0!important}
  .navin .links a,header.nav .navlinks a{display:flex!important;align-items:center!important;width:100%!important;min-height:48px!important;padding:0 13px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;color:#dbe6f0!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important}
  .navin .links a:last-child,header.nav .navlinks a:last-child{border-bottom:0!important}
  .navin .links a.active,header.nav .navlinks a[aria-current="page"]{color:#fff!important;background:rgba(55,157,255,.1)!important;border-radius:8px!important}

  /* Homepage */
  html body#home .hero{display:block!important;min-height:0!important;padding:0!important;background:#f4f7fa!important;overflow:visible!important}
  html body#home .hero:before{display:none!important}
  html body#home .hero-inner{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0 0 18px!important;background:#f4f7fa!important}
  html body#home .copy{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;width:100%!important;max-width:none!important;min-height:355px!important;margin:0!important;padding:40px 17px 22px!important;border-radius:0!important;background:linear-gradient(180deg,rgba(2,10,18,.08),rgba(2,10,18,.2) 34%,rgba(2,10,18,.66) 68%,rgba(2,10,18,.95)),url('/hero.jpg') 60% 52%/cover no-repeat!important;color:#fff!important}
  html body#home .copy .eyebrow{align-self:flex-start!important;margin:0 0 10px!important;padding:0 0 0 9px!important;border:0!important;border-left:2px solid #2f9cff!important;border-radius:0!important;background:transparent!important;color:#8ccaff!important;-webkit-text-fill-color:#8ccaff!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.075em!important;line-height:1.25!important;box-shadow:none!important}
  html body#home .copy h1{max-width:350px!important;margin:0 0 10px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(29px,8vw,33px)!important;line-height:1.01!important;letter-spacing:-.04em!important;text-shadow:0 4px 18px rgba(0,0,0,.38)!important}
  html body#home .copy p{max-width:350px!important;margin:0!important;color:#e5edf4!important;-webkit-text-fill-color:#e5edf4!important;font-size:13px!important;font-weight:600!important;line-height:1.46!important}
  html body#home .copy .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:15px!important}
  html body#home .copy .btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:44px!important;min-height:44px!important;padding:0 10px!important;border-radius:9px!important;font-size:10px!important;box-shadow:none!important}
  html body#home .copy .call-btn{font-size:0!important;gap:7px!important;background:rgba(4,16,29,.75)!important;border:1px solid rgba(255,255,255,.38)!important}
  html body#home .copy .call-btn svg{display:none!important}
  html body#home .copy .call-btn::after{content:'CALL NOW'!important;font-size:10px!important;font-weight:900!important;color:#fff!important}
  html body#home .hero .form{width:calc(100% - 28px)!important;max-width:520px!important;margin:16px auto 0!important;padding:18px 16px 16px!important;border:1px solid #d8e1e9!important;border-radius:14px!important;background:#fff!important;color:#102238!important;box-shadow:0 12px 28px rgba(18,42,64,.1)!important}
  html body#home .hero .form h2{margin:0!important;color:#102238!important;-webkit-text-fill-color:#102238!important;text-shadow:none!important;font-size:23px!important;line-height:1.06!important}
  html body#home .hero .form h2 .blue{color:#168cff!important;-webkit-text-fill-color:#168cff!important}
  html body#home .hero .form>p{color:#66798a!important;-webkit-text-fill-color:#66798a!important}
  html body#home .hero .fields{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  html body#home .hero .fields input,html body#home .hero .fields select,html body#home .hero .fields textarea{width:100%!important;min-height:46px!important;padding:10px 12px!important;border:1px solid #d4dee7!important;border-radius:9px!important;background:#f8fafc!important;color:#102238!important;-webkit-text-fill-color:#102238!important;font-size:16px!important;box-shadow:none!important}
  html body#home .hero .fields input::placeholder,html body#home .hero .fields textarea::placeholder{color:#81909f!important;-webkit-text-fill-color:#81909f!important;opacity:1!important}
  html body#home .hero .fields textarea{min-height:78px!important}

  /* Internal pages */
  html body:not(#home){background:#eef3f7!important;color:#102238!important}
  html body:not(#home)>.top{display:none!important}
  html body:not(#home) .seo-breadcrumbs{min-height:36px!important;padding:9px 14px!important;background:#071827!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#90a4b6!important;font-size:10px!important;gap:6px!important;overflow-x:auto!important;white-space:nowrap!important}

  html body:not(#home)>.hero{display:block!important;min-height:0!important;padding:0!important;background:#06111f!important;overflow:visible!important}
  html body:not(#home)>.hero:before,html body:not(#home)>.hero:after{display:none!important}
  html body:not(#home)>.hero>.hero-stage{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  html body:not(#home)>.hero .hero-copy{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;width:100%!important;max-width:none!important;min-height:350px!important;margin:0!important;padding:42px 16px 22px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(2,10,18,.1),rgba(2,10,18,.22) 32%,rgba(2,10,18,.7) 68%,rgba(2,10,18,.96))!important;box-shadow:none!important;backdrop-filter:none!important;animation:none!important}
  html body:not(#home)>.hero .kicker{align-self:flex-start!important;margin:0 0 10px!important;padding:0 0 0 9px!important;border:0!important;border-left:2px solid var(--accent,#2f9cff)!important;border-radius:0!important;background:transparent!important;color:#a8d9ff!important;-webkit-text-fill-color:#a8d9ff!important;font-size:8.5px!important;letter-spacing:.08em!important;box-shadow:none!important}
  html body:not(#home)>.hero .kicker:before{display:none!important}
  html body:not(#home)>.hero h1{max-width:360px!important;margin:0 0 10px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(29px,8vw,34px)!important;line-height:1.01!important;letter-spacing:-.043em!important;text-shadow:0 4px 18px rgba(0,0,0,.38)!important}
  html body:not(#home)>.hero p{max-width:355px!important;margin:0!important;color:#e0eaf2!important;-webkit-text-fill-color:#e0eaf2!important;font-size:13px!important;font-weight:600!important;line-height:1.48!important}
  html body:not(#home)>.hero .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:15px!important}
  html body:not(#home)>.hero .button{display:flex!important;width:100%!important;min-height:44px!important;height:44px!important;padding:0 10px!important;border-radius:9px!important;font-size:9.5px!important;box-shadow:none!important;text-align:center!important}
  html body:not(#home)>.hero .hero-proof,html body:not(#home)>.hero .hero-aside{display:none!important}

  html body:not(#home) main{padding:10px 0 22px!important;background:#eef3f7!important}
  html body:not(#home) .content{width:calc(100% - 20px)!important;max-width:720px!important;margin:10px auto!important;padding:26px 16px!important;border:1px solid #dce4eb!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(21,48,70,.07)!important;overflow:hidden!important;transform:none!important}
  html body:not(#home) .content:before{width:72px!important;height:3px!important}
  html body:not(#home) .content.alt{color:#fff!important;background:linear-gradient(145deg,#071827,#0b2339)!important;border-color:rgba(255,255,255,.08)!important}

  /* The actual contrast fix: old review theme was forcing white text onto white cards. */
  html body:not(#home) .content:not(.alt) h1,
  html body:not(#home) .content:not(.alt) h2,
  html body:not(#home) .content:not(.alt) h3{color:#102238!important;-webkit-text-fill-color:#102238!important;text-shadow:none!important;opacity:1!important}
  html body:not(#home) .content:not(.alt) p,
  html body:not(#home) .content:not(.alt) li{color:#607488!important;-webkit-text-fill-color:#607488!important;text-shadow:none!important;opacity:1!important}
  html body:not(#home) .content:not(.alt) .lead{color:#415a70!important;-webkit-text-fill-color:#415a70!important}
  html body:not(#home) .content:not(.alt) .eyebrow,
  html body:not(#home) .content:not(.alt) .section-eyebrow,
  html body:not(#home) .content:not(.alt) .project-kicker,
  html body:not(#home) .content:not(.alt) .service-kicker{display:block!important;width:auto!important;margin:0 0 9px!important;padding:0!important;border:0!important;background:transparent!important;color:#168cff!important;-webkit-text-fill-color:#168cff!important;text-shadow:none!important;box-shadow:none!important;font-size:8.5px!important;font-weight:950!important;letter-spacing:.14em!important}
  html body:not(#home) .content:not(.alt) .eyebrow:before,
  html body:not(#home) .content:not(.alt) .section-head:before,
  html body:not(#home) .content:not(.alt) .section-head>div:before{display:none!important;content:none!important;box-shadow:none!important}

  /* Dark nested cards stay dark and readable. */
  html body:not(#home) .content:not(.alt) .tile,
  html body:not(#home) .content:not(.alt) .feature,
  html body:not(#home) .content:not(.alt) .review,
  html body:not(#home) .content:not(.alt) .area-card,
  html body:not(#home) .content:not(.alt) .contact-box{background:linear-gradient(145deg,#10263d,#0b1d31 55%,#071725)!important;border-color:rgba(105,151,194,.28)!important}
  html body:not(#home) .content:not(.alt) .tile h3,
  html body:not(#home) .content:not(.alt) .feature h3,
  html body:not(#home) .content:not(.alt) .review h3,
  html body:not(#home) .content:not(.alt) .area-card h3,
  html body:not(#home) .content:not(.alt) .contact-box h3{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;text-shadow:none!important}
  html body:not(#home) .content:not(.alt) .tile p,
  html body:not(#home) .content:not(.alt) .feature p,
  html body:not(#home) .content:not(.alt) .review p,
  html body:not(#home) .content:not(.alt) .area-card p,
  html body:not(#home) .content:not(.alt) .contact-box p{color:#c4d2df!important;-webkit-text-fill-color:#c4d2df!important}

  /* Dark content sections */
  html body:not(#home) .content.alt h1,
  html body:not(#home) .content.alt h2,
  html body:not(#home) .content.alt h3{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
  html body:not(#home) .content.alt p,
  html body:not(#home) .content.alt li,
  html body:not(#home) .content.alt .lead{color:#c5d4e1!important;-webkit-text-fill-color:#c5d4e1!important}
  html body:not(#home) .content.alt .eyebrow{color:#6fc2ff!important;-webkit-text-fill-color:#6fc2ff!important;background:transparent!important;box-shadow:none!important}

  /* Comparison/gallery text */
  html body:not(#home) .content:not(.alt) .compare-note h3{color:#17304a!important;-webkit-text-fill-color:#17304a!important;text-shadow:none!important}
  html body:not(#home) .content:not(.alt) .compare-note p{color:#65798c!important;-webkit-text-fill-color:#65798c!important}
  html body:not(#home) .compare-label,
  html body:not(#home) .media-card .caption b,
  html body:not(#home) .media-card .caption span,
  html body:not(#home) .gallery-shot span{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.45)!important}

  /* Structure */
  html body:not(#home) .section-head{display:block!important;margin-bottom:20px!important}
  html body:not(#home) .content h2{margin:0 0 12px!important;font-size:clamp(27px,7.5vw,31px)!important;line-height:1.03!important;letter-spacing:-.04em!important}
  html body:not(#home) .content h3{font-size:19px!important;line-height:1.12!important}
  html body:not(#home) .content p,html body:not(#home) .content li{font-size:13px!important;line-height:1.62!important}
  html body:not(#home) .lead{font-size:14.5px!important;line-height:1.58!important}
  html body:not(#home) .split,html body:not(#home) .contact-layout,html body:not(#home) .faq-layout{display:grid!important;grid-template-columns:1fr!important;gap:20px!important}
  html body:not(#home) .split+.split{margin-top:30px!important}
  html body:not(#home) .media-card{min-height:215px!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(10,34,54,.12)!important}
  html body:not(#home) .media-card .caption{left:16px!important;right:16px!important;bottom:14px!important}
  html body:not(#home) .media-card .caption b{font-size:17px!important}
  html body:not(#home) .media-card .caption span{font-size:11px!important}

  html body:not(#home) .grid,html body:not(#home) .feature-grid,html body:not(#home) .area-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:18px!important}
  html body:not(#home) .tile,html body:not(#home) .review,html body:not(#home) .area-card{border-radius:14px!important;box-shadow:0 7px 20px rgba(16,42,62,.08)!important;transform:none!important}
  html body:not(#home) .tile .thumb{height:170px!important}
  html body:not(#home) .tile-body,html body:not(#home) .review,html body:not(#home) .area-card{padding:17px!important}
  html body:not(#home) .tile .link,html body:not(#home) .area-card .link{margin-top:12px!important;font-size:10px!important}
  html body:not(#home) .feature{padding:17px!important;border-radius:13px!important;box-shadow:none!important}
  html body:not(#home) .feature .num{font-size:8px!important}
  html body:not(#home) .feature h3{margin:10px 0 6px!important;font-size:17px!important}

  html body:not(#home) .metric-band{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1px!important;margin-top:18px!important;border-radius:13px!important}
  html body:not(#home) .metric{min-height:96px!important;padding:14px!important;background:#fff!important}
  html body:not(#home) .metric strong{color:#0876e8!important;-webkit-text-fill-color:#0876e8!important;font-size:23px!important;text-shadow:none!important}
  html body:not(#home) .metric span{color:#607488!important;-webkit-text-fill-color:#607488!important;font-size:10px!important}

  html body:not(#home) .gallery-mosaic{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;gap:8px!important;margin-top:18px!important}
  html body:not(#home) .gallery-shot,html body:not(#home) .gallery-shot:first-child{grid-row:auto!important;min-height:170px!important;border-radius:12px!important}
  html body:not(#home) .gallery-shot:first-child{grid-column:1/-1!important;min-height:220px!important}

  html body:not(#home) .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:16px!important}
  html body:not(#home) .button{min-height:44px!important;height:auto!important;padding:11px 10px!important;border-radius:9px!important;font-size:9.5px!important;text-align:center!important;box-shadow:none!important}
  html body:not(#home) .content:not(.alt) .button.alt{color:#1c5f99!important;-webkit-text-fill-color:#1c5f99!important;background:#eef5fb!important;border:1px solid #cbdce9!important}
  html body:not(#home) .content.alt .button.alt{color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.2)!important}

  html body:not(#home) .callout{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:20px 16px!important;border-radius:14px!important;background:linear-gradient(145deg,#0a2138,#071827)!important;text-align:left!important;box-shadow:none!important}
  html body:not(#home) .callout h2,html body:not(#home) .callout h3{margin:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;font-size:22px!important}
  html body:not(#home) .callout p{margin:5px 0 0!important;color:#c3d2df!important;-webkit-text-fill-color:#c3d2df!important;font-size:12px!important}
  html body:not(#home) .callout .button{width:100%!important}

  html body:not(#home) .form{padding:16px!important;border-radius:14px!important;box-shadow:none!important}
  html body:not(#home) .form input,html body:not(#home) .form select,html body:not(#home) .form textarea{width:100%!important;min-height:48px!important;padding:11px 12px!important;border-radius:9px!important;font-size:16px!important}
  html body:not(#home) .form textarea{min-height:90px!important}
  html body:not(#home) .form button{width:100%!important;min-height:46px!important;border-radius:9px!important;font-size:10px!important;box-shadow:none!important}

  html body:not(#home) .footer{padding:24px 16px calc(24px + env(safe-area-inset-bottom))!important;text-align:center!important;background:#020c17!important;color:#93a6b7!important;font-size:10.5px!important;line-height:1.6!important}
}

@media (max-width:390px){
  .nav{padding-left:10px!important;padding-right:9px!important}
  header.nav:has(> .navin) .logo,header.nav:has(> .navin) .logo img,header.nav:not(:has(.navin))>a:first-child,header.nav:not(:has(.navin))>a:first-child img{width:50px!important;height:42px!important}
  html body#home .copy{min-height:340px!important;padding:34px 14px 20px!important}
  html body#home .copy h1{font-size:29px!important}
  html body:not(#home)>.hero .hero-copy{min-height:330px!important;padding:34px 14px 20px!important}
  html body:not(#home)>.hero h1{font-size:29px!important}
  html body:not(#home) .content{width:calc(100% - 16px)!important;padding:23px 14px!important}
  html body:not(#home) .content h2{font-size:27px!important}
}

@media (max-width:350px){
  html body#home .copy,html body:not(#home)>.hero .hero-copy{min-height:315px!important;padding-left:12px!important;padding-right:12px!important}
  html body#home .copy h1,html body:not(#home)>.hero h1{font-size:27px!important}
  html body:not(#home) .metric-band{grid-template-columns:1fr!important}
}