.hub-intro{position:relative;isolation:isolate;min-height:390px;margin:-40px -26px 42px;padding:84px 52px 52px;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--theme-line,#41632f);background:#071008 url('/assets/acbs-head-banner.jpg') center/cover no-repeat}
.hub-intro:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#01030136 0%,transparent 44%,#0103011f 100%),linear-gradient(180deg,#00000018 0%,transparent 70%,#0103013d 100%);pointer-events:none}
.hub-intro:after{display:none}
.hub-neon{position:absolute;inset:-25%;z-index:-2;filter:blur(32px) saturate(150%);opacity:.88;transform:rotate(-8deg);animation:neon-field 12s ease-in-out infinite alternate}
.hub-neon i{position:absolute;display:block;border-radius:50%;mix-blend-mode:screen;will-change:transform}
.hub-neon i:nth-child(1){width:75%;height:20%;left:-8%;top:35%;background:var(--theme-wave-a,#38ff1499);box-shadow:0 0 80px var(--theme-glow,#52ff21);transform:rotate(14deg);animation:neon-wave-a 8s ease-in-out infinite alternate}
.hub-neon i:nth-child(2){width:66%;height:16%;right:-8%;top:22%;background:var(--theme-wave-b,#71ff36b8);box-shadow:0 0 95px var(--theme-deep-glow,#149900);transform:rotate(-21deg);animation:neon-wave-b 11s ease-in-out infinite alternate}
.hub-neon i:nth-child(3){width:52%;height:13%;right:8%;bottom:22%;background:var(--theme-wave-c,#61ff28aa);box-shadow:0 0 85px var(--theme-soft-glow,#73ff38);transform:rotate(23deg);animation:neon-wave-c 9s ease-in-out infinite alternate}
.hub-neon i:nth-child(4){width:35%;height:35%;left:38%;top:12%;background:var(--theme-wave-d,#2dff0b5c);box-shadow:0 0 120px var(--theme-deep-glow,#149900);animation:neon-pulse 7s ease-in-out infinite}
.hub-folder-mark{position:absolute;right:7%;top:11%;z-index:-1;width:190px;color:#b6ff9a;opacity:.5;filter:drop-shadow(0 0 16px #44ff1f77);transform:rotate(-5deg)}.hub-folder-mark svg{width:100%;height:auto;stroke:currentColor;stroke-width:2}.hub-folder-mark span{display:block;margin-top:7px;text-align:right;font-size:9px;font-weight:800;letter-spacing:2px}
.hub-intro-content{width:100%;position:relative;z-index:1}
.hub-intro .hub-eyebrow{color:var(--theme-soft,#b8ff96);text-shadow:0 0 18px var(--theme-glow,#65ff23)}
.hub-intro .hub-head{margin-bottom:38px}
.hub-intro .hub-head h1{font-size:clamp(54px,8vw,96px);max-width:880px;text-shadow:0 8px 30px #000}
.hub-intro .hub-head p{color:#d3ddd0;max-width:330px;text-shadow:0 3px 15px #000;font-weight:550}
.hub-intro .hub-eyebrow,.hub-intro .hub-head{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hub-intro .hub-folder-mark,.hub-intro .hub-neon{display:none}
.hub-intro .hub-hero-actions{position:relative;z-index:2;margin:0 0 0 auto}
.hub-intro-meta{display:flex;gap:8px}
.hub-intro-meta span{padding:7px 11px;border:1px solid var(--theme-line,color-mix(in srgb,var(--accent) 34%,transparent));border-radius:999px;background:var(--theme-chip,#06100688);color:var(--theme-soft,var(--accent));font-size:10px;letter-spacing:1.5px;backdrop-filter:blur(10px)}
.hub-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:-18px}.hub-hero-actions .btn{padding:13px 17px}
@keyframes neon-field{to{transform:rotate(-3deg) scale(1.1) translate3d(2%,-2%,0)}}
@keyframes neon-wave-a{to{transform:rotate(8deg) translate3d(9%,28%,0) scale(1.08)}}
@keyframes neon-wave-b{to{transform:rotate(-14deg) translate3d(-12%,24%,0) scale(1.12)}}
@keyframes neon-wave-c{to{transform:rotate(17deg) translate3d(-16%,-25%,0) scale(1.15)}}
@keyframes neon-pulse{50%{transform:scale(1.3);opacity:.55}}
@media(max-width:760px){.hub-intro{min-height:370px;margin:-28px -14px 34px;padding:70px 22px 28px;background-position:center top}.hub-intro .hub-hero-actions{width:100%;margin:0;display:grid;grid-template-columns:1fr 1fr}.hub-intro .hub-hero-actions .btn{min-width:0;padding-inline:10px;font-size:12px}}
@media(min-width:761px){.hub-intro{min-height:0;max-height:none;aspect-ratio:16 / 9;margin:-40px -26px 42px;padding:84px 52px 52px;background-size:cover;background-position:center center}.hub-intro-content{padding:0}.hub-intro .hub-hero-actions{position:relative;left:auto;right:auto;top:auto;width:auto;margin:0 0 0 auto;display:flex}}
@media(prefers-reduced-motion:reduce){.hub-neon,.hub-neon i{animation:none!important}}
@media(min-width:761px){.hub-intro .hub-hero-actions{position:absolute;top:18px;right:52px;z-index:3;margin:0}}
@media(max-width:760px){.hub-intro .hub-hero-actions{top:calc(100% + 12px)!important;bottom:auto!important}}
