/* FAQ 15 — FAQ page only. Dark hero like About + continuous site background + glowing dividers + full footer */

/* One continuous background for all FAQ content below the dark hero, including footer. */
body > main{
  background-image:
    radial-gradient(circle at 84% 14%,rgba(84,222,255,.18),transparent 34%),
    radial-gradient(circle at 8% 78%,rgba(42,129,255,.12),transparent 34%),
    linear-gradient(135deg,#081722 0%,#0d2332 52%,#081722 100%)!important;
  background-attachment:scroll!important;
}

.faq-page{
  padding:0!important;
  min-height:0!important;
  background:transparent!important;
  background-image:none!important;
  position:relative;
}

/* Dark hero: same visual family as About. */
.faq-dark-hero{
  min-height:620px;
  padding:150px 0 90px;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(at 78% 28%,rgba(0,194,255,.16),transparent 37%),
    linear-gradient(135deg,#000 0%,#030b12 55%,#000 100%)!important;
}

.faq-dark-hero::after{
  content:"";
  position:absolute;
  width:760px;
  height:760px;
  left:-28%;
  bottom:-58%;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(74,219,255,.22),rgba(11,118,255,.07) 38%,transparent 70%);
}

.faq-dark-hero .shell,
.faq-dark-hero .faq-hero{
  position:relative;
  z-index:1;
}

.faq-dark-hero .faq-hero{
  max-width:900px;
  margin:0 auto;
  text-align:center;
}

.faq-dark-hero .faq-hero h1{
  margin:12px 0 18px!important;
  color:#f5fbff!important;
  font-size:clamp(3rem,5.4vw,5.2rem)!important;
  line-height:1.04!important;
}

.faq-dark-hero .faq-hero p{
  max-width:820px;
  margin:0 auto!important;
  color:#b4c9d7!important;
  font-size:1.12rem!important;
  line-height:1.9!important;
}

/* Content starts cleanly after the hero and stays on one continuous background. */
.faq-content-zone{
  padding:72px 0 105px;
  background:transparent!important;
}

.faq-content-zone .faq-intro-card,
.faq-content-zone .faq-groups,
.faq-content-zone .faq-cta{
  position:relative;
}

/* Same separators already approved on Home / About / Services. */
.faq-section-divider,
.faq-footer-divider{
  width:min(900px,68vw);
  height:1px;
  margin:42px auto;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.04) 7%,
    rgba(225,247,255,.26) 20%,
    rgba(238,251,255,.68) 50%,
    rgba(225,247,255,.26) 80%,
    rgba(255,255,255,.04) 93%,
    transparent 100%);
  box-shadow:
    0 0 6px rgba(225,248,255,.20),
    0 0 14px rgba(180,233,255,.10);
  pointer-events:none;
}

.faq-footer-divider{
  margin:0 auto;
}

/* FAQ footer continues the same background; remove old hard banding. */
body > main > .site-footer{
  background:transparent!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:0!important;
}

body > main > .site-footer::before,
body > main > .site-footer::after{
  display:none!important;
}

body > main > .site-footer .footer-bottom{
  position:relative;
  border-top:0!important;
}

body > main > .site-footer .footer-bottom::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(900px,68vw);
  height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.04) 7%,
    rgba(225,247,255,.26) 20%,
    rgba(238,251,255,.68) 50%,
    rgba(225,247,255,.26) 80%,
    rgba(255,255,255,.04) 93%,
    transparent 100%);
  box-shadow:
    0 0 6px rgba(225,248,255,.20),
    0 0 14px rgba(180,233,255,.10);
  pointer-events:none;
}

@media(max-width:900px){
  body > main{
    background-image:
      radial-gradient(circle at 85% 10%,rgba(74,216,255,.14),transparent 32%),
      radial-gradient(circle at 8% 88%,rgba(45,122,255,.09),transparent 30%),
      linear-gradient(180deg,#091924 0%,#0c202e 52%,#091824 100%)!important;
  }

  .faq-dark-hero{
    min-height:560px;
    padding:132px 0 72px;
  }

  .faq-dark-hero .faq-hero{
    text-align:right!important;
  }

  .faq-dark-hero .faq-hero h1{
    font-size:clamp(2.7rem,12vw,4.1rem)!important;
  }

  .faq-dark-hero .faq-hero p{
    font-size:1.02rem!important;
  }

  .faq-content-zone{
    padding:56px 0 84px;
  }

  .faq-section-divider,
  .faq-footer-divider,
  body > main > .site-footer .footer-bottom::before{
    width:76%;
    box-shadow:
      0 0 5px rgba(225,248,255,.18),
      0 0 10px rgba(180,233,255,.08);
  }

  .faq-section-divider{
    margin:34px auto;
  }
}