/* ============================================
   PAGE BANNER — Inner Pages
============================================ */
.page-banner{
  position:relative;
  background:var(--grad-dark);
  padding:200px 0 120px;
  overflow:hidden;
}
.page-banner-bg{
  position:absolute;inset:0;z-index:1;
  background:
    radial-gradient(circle at 20% 30%,rgba(251,191,36,0.25),transparent 45%),
    radial-gradient(circle at 80% 70%,rgba(16,185,129,0.25),transparent 45%);
}
.page-banner-grid{
  position:absolute;inset:0;z-index:2;
  background-image:
    linear-gradient(rgba(163,230,53,0.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(163,230,53,0.06) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse at center,black 40%,transparent 85%);
  -webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 85%);
}
.page-banner-orb{
  position:absolute;border-radius:50%;filter:blur(100px);z-index:1;pointer-events:none;
}
.page-banner-orb.orb-a{
  width:400px;height:400px;
  background:radial-gradient(circle,rgba(251,191,36,0.4),transparent 70%);
  top:-100px;right:-100px;
  animation:orbFloat 12s ease-in-out infinite;
}
.page-banner-orb.orb-b{
  width:350px;height:350px;
  background:radial-gradient(circle,rgba(16,185,129,0.35),transparent 70%);
  bottom:-100px;left:-100px;
  animation:orbFloat 14s ease-in-out infinite reverse;
}
.page-banner-inner{
  max-width:1400px;margin:0 auto;padding:0 32px;
  position:relative;z-index:5;text-align:center;
}
.page-banner-content{max-width:800px;margin:0 auto;}
.page-banner-title{
  font-family:'Space Grotesk';
  font-size:clamp(2rem,5vw,3.8rem);
  font-weight:700;line-height:1.1;
  letter-spacing:-0.03em;
  color:var(--white);
  margin-bottom:20px;
  animation:fadeUp .8s var(--ease) .15s both;
}
.page-banner-title .accent{
  background:var(--grad-sun);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.page-banner-desc{
  color:rgba(255,255,255,0.75);
  font-size:1.05rem;line-height:1.75;
  max-width:600px;margin:0 auto;
  animation:fadeUp .8s var(--ease) .3s both;
}
.banner-quick-stats{
  display:inline-flex;align-items:center;gap:28px;
  margin-top:36px;
  padding:16px 32px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:50px;
  backdrop-filter:blur(10px);
  animation:fadeUp .8s var(--ease) .4s both;
}
.bqs-item{text-align:center}
.bqs-item strong{
  display:block;
  font-family:'Space Grotesk';
  font-size:1.3rem;font-weight:700;
  color:var(--amber);line-height:1;
}
.bqs-item span{
  font-size:.72rem;color:rgba(255,255,255,0.6);
  margin-top:4px;display:block;
  text-transform:uppercase;letter-spacing:1px;
}
.bqs-divider{
  width:1px;height:30px;background:rgba(255,255,255,0.15);
}
.breadcrumb{
  display:inline-flex;align-items:center;gap:12px;
  margin-top:36px;
  padding:10px 24px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:50px;
  backdrop-filter:blur(10px);
  font-size:.85rem;
  color:rgba(255,255,255,0.7);
  animation:fadeUp .8s var(--ease) .5s both;
}
.breadcrumb a{
  color:var(--lime);
  display:inline-flex;align-items:center;gap:6px;
  transition:color .3s;
}
.breadcrumb a:hover{color:var(--amber)}
.breadcrumb i.fa-chevron-right{font-size:.7rem;color:rgba(255,255,255,0.4)}
.breadcrumb span{color:var(--white);font-weight:600}

@media(max-width:820px){
  .page-banner{padding:140px 0 80px}
  .banner-quick-stats{gap:16px;padding:12px 20px}
  .bqs-item strong{font-size:1.1rem}
}
@media(max-width:520px){
  .page-banner{padding:120px 0 60px}
  .breadcrumb{font-size:.75rem;padding:8px 16px;gap:8px}
  .banner-quick-stats{flex-wrap:wrap;gap:12px}
}