/* Homepage: the connected building becomes a full-width animated backdrop. */
.ba-graphic-site.page-index .graphic-hero{min-height:100svh!important;position:relative;isolation:isolate;padding-top:132px!important;display:flex!important;flex-direction:column;justify-content:center;background:#0d1b2e!important}
.ba-graphic-site.page-index .graphic-hero::after{content:'';display:block!important;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(6,20,41,.82),rgba(6,20,41,.62) 48%,rgba(6,20,41,.22)),linear-gradient(180deg,rgba(8,25,48,.18),rgba(8,25,48,.12) 55%,#0d1b2ef2)}
.ba-graphic-site.page-index .graphic-hero-inner{display:block;position:static;width:100%;max-width:1380px;padding:30px 32px 38px;flex:1;align-content:center}
.ba-graphic-site.page-index .graphic-copy{position:relative;z-index:3;width:100%!important;max-width:1000px!important;margin:0 auto!important;align-items:center!important;text-align:center!important}
.ba-graphic-site.page-index .graphic-copy h1{font-size:clamp(42px,5.3vw,78px)!important;line-height:1.1!important;letter-spacing:-2px!important;text-align:center!important;margin:24px 0!important;text-shadow:0 3px 25px #0008!important}
.ba-graphic-site.page-index .graphic-copy h1 .graphic-blue{color:var(--gold)!important}
.ba-graphic-site.page-index .graphic-copy p{max-width:750px;margin:0 auto 25px!important;color:#f0f6fc!important;font-size:16px!important;text-align:center!important;font-weight:500!important;line-height:1.8!important;text-shadow:0 2px 8px #000a!important}
.ba-graphic-site.page-index .graphic-copy .hero-kicker{color:#e8f4ff;background:#0e2942b3;border:1px solid #ffffff33;border-radius:30px;padding:10px 16px;letter-spacing:1.2px;text-align:center;line-height:1.5}
.ba-graphic-site.page-index .graphic-copy .hero-tags{justify-content:center;gap:8px;margin:0 auto 26px;max-width:900px}
.hero-system-link{display:inline-flex;align-items:center;padding:8px 13px;background:#102c49cc;border:1px solid #ffffff40;border-radius:30px;color:#f4f8fc;font:600 11px/1.4 var(--font-body);box-shadow:0 3px 14px #0002;backdrop-filter:blur(5px)}
.hero-system-link:hover{border-color:var(--gold);background:#102c49;color:#fff}
.ba-graphic-site.page-index .graphic-copy .hero-buttons{justify-content:center;margin:0 auto}
.ba-graphic-site.page-index .graphic-copy .btn-secondary{background:#142d46d9;color:#fff;border-color:#c4d5e870;backdrop-filter:blur(6px)}
.ba-graphic-site.page-index .graphic-visual{position:absolute;inset:0;z-index:0;padding:0!important;margin:0!important;width:100%;height:100%;pointer-events:none;overflow:hidden}
.ba-graphic-site.page-index .campus-stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:auto;aspect-ratio:1754/897;max-width:none;border:0;background:transparent}
.ba-graphic-site.page-index .campus-art{display:block;width:100%;height:100%;max-width:none;object-fit:fill;filter:none;mix-blend-mode:normal}
.ba-graphic-site.page-index .graphic-visual figcaption{display:none}
.ba-graphic-site.page-index .signal-overlay{z-index:1}
.ba-graphic-site.page-index .signal-pulse{stroke-width:6;filter:drop-shadow(0 0 6px #f5c518)}
.ba-graphic-site.page-index .graphic-proof{position:relative;z-index:3;width:calc(100% - 64px);max-width:930px;padding:22px 0 24px;border-top:0;margin:0 auto}
.ba-graphic-site.page-index .graphic-proof .stats-box{background:#173a5ac9!important;border:1px solid #9dbbd847!important;border-radius:14px!important;padding:20px 6px!important;backdrop-filter:blur(10px);box-shadow:0 8px 35px #0002}
.ba-graphic-site.page-index .graphic-proof .stat-num{font-size:30px;color:var(--gold)}
.ba-graphic-site.page-index .graphic-proof .stat-label{color:#dce8f5;font-size:10px}
.ba-graphic-site.page-index .graphic-proof .hero-bottom-note{color:#dce8f5;margin-top:15px;font-size:9px;line-height:1.6}
@media(max-width:768px){
 .ba-graphic-site.page-index .graphic-hero{padding-top:102px!important;min-height:100svh!important}
 .ba-graphic-site.page-index .graphic-hero-inner{padding:28px 20px 30px}
 .ba-graphic-site.page-index .graphic-hero::after{background:linear-gradient(180deg,rgba(6,20,41,.86),rgba(6,20,41,.67) 55%,rgba(13,27,46,.94))}
 .ba-graphic-site.page-index .graphic-copy h1{font-size:clamp(33px,8.5vw,50px)!important;letter-spacing:-1.1px!important;margin:22px 0!important}
 .ba-graphic-site.page-index .graphic-copy p{font-size:14px!important;line-height:1.75!important}
 .ba-graphic-site.page-index .graphic-copy .hero-kicker{font-size:8px;letter-spacing:.7px;padding:9px 11px}
 .hero-system-link{padding:7px 9px;font-size:10px;background:#102c49e0}
 .ba-graphic-site.page-index .graphic-copy .hero-tags{gap:6px;margin-bottom:24px}
 .ba-graphic-site.page-index .graphic-proof{width:calc(100% - 32px);padding:10px 0 22px}
 .ba-graphic-site.page-index .graphic-proof .stats-box{padding:16px 4px!important}
 .ba-graphic-site.page-index .graphic-proof .stat-num{font-size:22px}
 .ba-graphic-site.page-index .graphic-proof .stat-label{font-size:8px}
}
