@import url('/review-theme-base.css');
@import url('/faq-premium.css?v=20260904-2');
@import url('/contact-premium.css?v=20260904-1');

/* Electric-blue accent system inspired by the estimate form reference. */
:root{
  --review-gold:#0b83ff;
  --review-gold-2:#4da8ff;
  --review-gold-rgb:11,131,255;
  --gold:#0b83ff;
  --gold-2:#4da8ff;
  --gold-rgb:11,131,255;
  --yellow:#0b83ff;
  --accent:#0b83ff;
  --accent2:#4da8ff;
  --accent-rgb:11,131,255;
}

.callout,.areas,.area-inner,.cta:not(header),.content .callout,.content.alt .callout{
  background:radial-gradient(circle at 88% 10%,rgba(11,131,255,.11),transparent 34%),linear-gradient(145deg,#0a2138 0%,#081b2f 55%,#071827 100%)!important;
}

.contact-final-section{
  background:radial-gradient(circle at 90% 10%,rgba(11,131,255,.13),transparent 32%),linear-gradient(145deg,#0a2035,#071827)!important;
}

body.area-directory .area-kicker,body.city-area .area-kicker{color:#d9ecff!important}

.stars,.stars svg,.rating-hero .stars,.rating-hero .stars svg,
.quote-mark,.review-source,.metric strong svg,
.blue,.top strong,.mm,
.eyebrow,.kicker,.aside-label,.section-eyebrow,.project-kicker,.service-kicker,
.feature .num,.area-eyebrow,.area-service-num,.area-step small,
.area-directory-row strong,.area-directory-row .arrow,
.faq-list summary:after,.area-faq summary:after,
.link,.tile .link,.card a,.feature a,.tile a,.service-card a,.project-card a{
  color:#4da8ff!important;
  fill:#4da8ff!important;
  -webkit-text-fill-color:#4da8ff!important;
}

.content:before,.section-head:before,.section-head>div:before,.eyebrow:before,.kicker:before,.aside-label:before,
.feature .num:before,.faq-hero:after,.area-kicker:before,
.reviews-page .hero:after,.reviews-page .content:before,
.reviews-page .section-head:before,.reviews-page .section-head>div:before,
.gallery-page .content:before,.gallery-page .section-head:before,
.gallery-page .section-head>div:before{
  background:#0b83ff!important;
  border-color:#0b83ff!important;
  box-shadow:0 0 0 5px rgba(11,131,255,.13)!important;
}

.nav a[aria-current=page],.navlinks a:hover,.links a:hover,.links a.active,
.card:hover,.review-card:hover,.feature:hover,.tile:hover,.area-card:hover,.review:hover,
.faq-list details[open],.area-faq details[open]{border-color:rgba(11,131,255,.68)!important}

.cta,.button,.form button,.quote,.primary,.submit,.area-btn,.review-btn,.cta-btn,
.area-callout .button,.faq-bottom .button,.reviews-page .button:not(.alt){
  background:linear-gradient(135deg,#4da8ff,#0b83ff)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 16px 38px rgba(11,131,255,.28)!important;
}

.aside-list li:before,.review .quote-mark:before,.hero-proof div:before,
.metric-band:before,.reviews-page .aside-list li:before{
  background:#0b83ff!important;
  color:#0b83ff!important;
  border-color:#4da8ff!important;
  box-shadow:0 0 18px rgba(11,131,255,.35)!important;
}

body.area-directory .area-callout,body.city-area .area-callout{
  background:radial-gradient(circle at 88% 8%,rgba(11,131,255,.13),transparent 30%),linear-gradient(145deg,#0a2035,#071827)!important;
  box-shadow:0 28px 75px rgba(0,0,0,.34),0 12px 36px rgba(11,131,255,.10)!important;
}
body.area-directory .area-callout .button,body.city-area .area-callout .button{
  background:linear-gradient(135deg,#4da8ff,#0b83ff)!important;
  box-shadow:0 18px 42px rgba(11,131,255,.28)!important;
}

.copy h1,.hero-copy h1,.hero-copy h2,.content h1,.content h2,.section-title,
.section-head h1,.section-head h2,.about-copy h1,.about-copy h2,
.contact-final-copy h2,.callout h1,.callout h2,.callout h3,
.slider-section h1,.slider-section h2,.project-intro h1,.project-intro h2,
.services-intro h1,.services-intro h2,.page-hero h1,.page-hero h2,
.area-hero h1,.area-hero h2,.faq-intro h1,.faq-intro h2,.faq-section h3,
.compare-note h3,.aside-title{
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
  opacity:1!important;
  text-shadow:0 3px 18px rgba(0,0,0,.42)!important;
}

.card h3,.feature h3,.tile h3,.reason h3,.review-card h3,.review h3,
.contact-box h3,.area-card h3,.service-card h3,.project-card h3,
.faq details summary,.compare-note h3{
  color:#f4f9ff!important;
  -webkit-text-fill-color:#f4f9ff!important;
  opacity:1!important;
}

.copy p,.hero-copy p,.content p,.section-sub,.section-head p,.about-copy p,
.card p,.feature p,.tile p,.reason p,.project-intro p,.services-intro p,
.slider-section p,.compare-note p{
  color:#c7d5e3!important;
  opacity:1!important;
}

main h1:not(.blue),main h2:not(.blue),section h1:not(.blue),section h2:not(.blue){
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
}

/* Hero panels: both use the exact same dark navy surface. */
html body .hero .hero-copy,
html body .hero .hero-aside{
  background:#0b1d31!important;
  background-image:linear-gradient(145deg,#10263d 0%,#0b1d31 54%,#071725 100%)!important;
  border:1px solid rgba(105,151,194,.34)!important;
  box-shadow:0 28px 75px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.045)!important;
  filter:none!important;
  opacity:1!important;
  isolation:isolate!important;
}

html body .hero .hero-copy::before,
html body .hero .hero-aside::before,
html body .hero .hero-copy::after,
html body .hero .hero-aside::after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}

html body .hero .hero-aside .aside-title,
html body .hero .hero-aside .rating-hero strong,
html body .hero .hero-aside .aside-list li,
html body .hero .hero-copy h1,
html body .hero .hero-copy h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .hero .hero-aside .aside-copy,
html body .hero .hero-aside .rating-hero>div>span,
html body .hero .hero-aside .aside-footer,
html body .hero .hero-copy p{
  color:#b8c8d7!important;
  -webkit-text-fill-color:#b8c8d7!important;
}
html body .hero .hero-aside .aside-list li,
html body .hero .hero-copy .hero-proof>div{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(126,164,200,.22)!important;
  box-shadow:none!important;
}
html body .hero .hero-aside .aside-label,
html body .hero .hero-copy .kicker{
  color:#8bcaff!important;
  -webkit-text-fill-color:#8bcaff!important;
  background:rgba(30,126,255,.09)!important;
  border-color:rgba(76,159,255,.30)!important;
}

/* Center the five remaining homepage service cards. */
body#home .services .cards{
  grid-template-columns:repeat(5,minmax(0,220px))!important;
  justify-content:center!important;
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  gap:18px!important;
}

@media(max-width:1100px){
  body#home .services .cards{
    grid-template-columns:repeat(3,minmax(0,220px))!important;
  }
}

@media(max-width:850px){
  body#home .services .cards{
    grid-template-columns:1fr!important;
    max-width:520px!important;
  }
  .copy h1,.hero-copy h1,.content h1,.content h2,.section-title,.section-head h2{
    text-shadow:0 2px 12px rgba(0,0,0,.5)!important;
  }
}