/* ============================================================
   ANUH — LOCAL TRIAL THEME: Light Purple + Maroon (airy)
   Royal Purple + Dark Purple theme. Loaded last to override base styles.
   ============================================================ */
:root{
  --navy:#3a1d6e; --navy-2:#52308f; --red:#5a2ca0; --red-2:#7c50c5;
  --bg:#efe9fa; --ink:#3b2560; --gold:#5a2ca0;
  --cream:#f6f3fc; --pc:#efe9fa; --pcard:#f5f1fc; --pc2:#eae2f7;
  --tx:#331862; --tx2:#5a4785; --tx3:#8877ab; --bd:rgba(70,40,110,.12); --cardbd:#e6dcf3;
}
body{background:var(--cream)!important}

/* ---- HERO (homepage) ---- */
.hero h1 .hl{color:#fff!important}
.hero-slides .hslide{filter:saturate(.85) contrast(.98) brightness(1.05)!important}
/* more uniform grey wash to dim the carousel photos */
.hero-ov{background:linear-gradient(90deg,rgba(26,24,30,.82) 0%,rgba(26,24,30,.58) 52%,rgba(26,24,30,.2) 78%,transparent 100%)!important}
.hero-ov2{display:none!important}

/* ---- INNER-PAGE HERO ---- */
.pagehero{background:var(--cream)!important;color:var(--tx)!important}
.pagehero:after{background:linear-gradient(120deg,color-mix(in srgb,var(--cream) 68%,transparent),color-mix(in srgb,var(--cream) 42%,transparent))!important}
.pagehero .bg{opacity:.42!important}
.pagehero h1{color:var(--tx)!important}
.pagehero .crumb,.pagehero .crumb a,.pagehero .crumb b{color:var(--tx2)!important}

/* ---- TOPBAR ---- */
.topbar{background:var(--pc)!important;color:var(--tx2)!important}
.topbar .tag{color:var(--tx)!important}
.topbar .tbc a{color:var(--tx2)!important}
.topbar .tbc a b,.topbar .tbc a:hover{color:var(--tx)!important}
.topbar .tbc svg{stroke:var(--red)!important}

/* ---- STAT / TICKER / SNAP (homepage) ---- */
.facts .box{background:var(--pcard)!important;box-shadow:0 24px 50px -34px rgba(60,50,60,.25)!important}
.fact{border-color:var(--bd)!important}
.fact .num{color:var(--tx)!important}
.fact .lbl{color:var(--tx3)!important}
.ticker{background:var(--pcard)!important;color:var(--tx)!important;box-shadow:0 18px 40px -30px rgba(60,50,60,.25)!important}
.ticker .item{color:var(--tx2)!important;border-right-color:var(--bd)!important}
.ticker .item b{color:var(--tx)!important}
.ticker .scroll:after{background:linear-gradient(90deg,transparent,var(--pcard))!important}
.ticker .tag,.ticker .tag.mile{background:var(--bd)!important;color:var(--tx2)!important}
.ticker .tag.news{background:var(--red)!important;color:#fff!important}
.snap{background:var(--pcard)!important;color:var(--tx)!important;box-shadow:0 24px 54px -34px rgba(60,50,60,.28)!important}
.snap:before{display:none!important}
.snap-sym,.snap-val,.snap-stats b{color:var(--tx)!important}
.snap-exch,.snap-stats label,.snap-foot{color:var(--tx3)!important}
.snap-stats{border-top-color:var(--bd)!important}
.snap-foot a,.snap-live,.snap-live i{color:var(--red)!important}
.snap-live i{background:var(--red)!important}

/* ---- PRODUCT CARDS (homepage) -> light ---- */
.pcard{background:#fff!important;color:var(--tx)!important;border:1px solid var(--cardbd)!important}
.pcard h3{color:var(--tx)!important}
.pcard p{color:var(--tx3)!important}
.pcard .big{color:rgba(90,44,160,.20)!important}
.pcard .go{display:none!important}
.pcard:hover h3,.pcard:hover p{color:var(--red-2)!important}

/* feature icons */
.card .ic{background:var(--pcard)!important}
.card:hover .ic{background:var(--red)!important}

/* ---- LARGE DARK BLOCKS -> light ---- */
.band{background:linear-gradient(rgba(246,244,248,.88),rgba(246,244,248,.92)),url('images/anuh/office-team.jpg') center/cover fixed!important;color:var(--tx)!important}
.band h2{color:var(--tx)!important}
.band p{color:var(--tx2)!important}
.band .eyebrow{color:var(--red)!important}
.cta-band{background:var(--pcard)!important;color:var(--tx)!important}
.cta-band:after{display:none!important}
.cta-band h2{color:var(--tx)!important}
.cta-band p{color:var(--tx2)!important}
.stats{background:var(--pcard)!important;color:var(--tx)!important}
.stats *{color:var(--tx)!important}
/* light-purple feature panel + maroon text (infographic remade with maroon fonts) */
.mfg-quality{background:var(--pcard)!important;color:var(--tx)!important}
.mfg-quality h2,.mfg-quality h3,.mfg-quality h4{color:var(--tx)!important}
.mfg-quality p,.mfg-quality .mq-list li{color:var(--tx2)!important}
.mfg-quality .mq-list li:before{background:var(--red)!important}
.mfg-quality .eyebrow,.mfg-quality .esg-sub,.mfg-quality .mqi-title{color:var(--red)!important}
.mq-info .mqf{background:#fff!important;border-color:var(--cardbd)!important}
.mq-info .mqf b{color:var(--tx)!important}
.mq-info .mqf em{color:var(--tx3)!important}
.mq-info .mqf-ic{background:linear-gradient(150deg,var(--red-2),var(--red))!important}
.video-card{background:var(--pcard)!important}
.csrcard{background:var(--pcard)!important}

/* ---- PREFOOTER / FOOTER -> light ---- */
.prefooter{background:var(--pc)!important;color:var(--tx2)!important}
.prefooter h3{color:var(--tx)!important}
.prefooter .eyebrow{color:var(--red)!important}
.dl-btn{background:#fff!important;border-color:var(--cardbd)!important;color:var(--tx)!important}
.dl-btn:hover{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.ex-item{background:#fff!important;border-color:var(--cardbd)!important;border-left-color:var(--red)!important;color:var(--tx2)!important}
.ex-item .loc{color:var(--tx)!important}
.ex-item .loc small{color:var(--red)!important}
footer{background:var(--pc2)!important;color:var(--tx3)!important}
footer h5{color:var(--tx)!important}
footer a{color:var(--tx3)!important}
footer a:hover{color:var(--tx)!important}
.fbot{border-top-color:var(--bd)!important;color:var(--tx3)!important}


/* ---- product-card numbers: padding from top + maroon + hover ---- */
.pcard .big{top:16px!important;right:22px!important;color:rgba(90,44,160,.22)!important}
.pcard:hover .big{color:var(--tx)!important}

/* ---- hero carousel as a rounded box below the title bar ---- */
.hero{height:74vh!important;min-height:520px!important;max-height:720px!important;margin:130px 22px 0!important;border-radius:28px!important}

/* ---- menu bar matches the theme (light purple) + dark logo + maroon menu ---- */
header, header.scrolled{background:var(--pc)!important;box-shadow:0 6px 20px -16px rgba(35,40,52,.3)!important}
.logo-l{display:none!important}
.logo-d{display:block!important}
.menu a, header.scrolled .menu a{color:var(--tx)!important}
.menu a:hover{color:var(--red)!important}


/* ---- neutral subtle button/badge shadow (was a red/maroon glow) ---- */
.btn-red{box-shadow:0 10px 24px -12px rgba(30,35,50,.30)!important}
.badge{box-shadow:0 16px 34px -18px rgba(30,35,50,.30)!important}

/* ---- BOD + Team: cards match the purple background (not white) ---- */
.pcardx{background:var(--cream)!important;border-color:var(--cardbd)!important}
.pcardx .ph{background:var(--pcard)!important}
.commcard{background:var(--cream)!important;border-color:var(--cardbd)!important}

/* ---- buttons INVERT their own colours on hover (no hardcoded red) ---- */
.btn-red:hover{background:#fff!important;color:var(--red)!important;border-color:var(--red)!important}
.btn-navy:hover{background:#fff!important;color:var(--navy)!important;border-color:var(--navy)!important}
.btn-ghost:hover{background:#fff!important;color:var(--navy)!important}


/* ---- hero: headline + subhead side-by-side, buttons under ---- */
.hero .hero-inner{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"head" "cta"!important;row-gap:2px!important;align-content:center!important;align-items:start!important;max-width:max-content!important;transform:translateY(112px)!important}
.hero .hero-inner h1{grid-area:head!important;margin:0!important}
.hero .hero-inner>p{grid-area:sub!important;align-self:center!important;margin:0!important;max-width:none!important;font-size:.9rem!important;line-height:1.5!important}
.hero .hero-inner .cta{grid-area:cta!important;margin-top:6px!important}
@media(max-width:820px){.hero{height:auto!important;min-height:0!important;max-height:none!important;margin:96px 12px 0!important;border-radius:22px!important}.hero .hero-inner{grid-template-columns:1fr!important;grid-template-areas:"head" "cta"!important;transform:none!important;max-width:92%!important;padding:34px 0 30px!important}.hero h1{font-size:1.15rem!important;line-height:1.2!important}.hero .hero-inner .cta{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:16px!important}.hero .hero-inner .cta .btn{padding:.55rem .8rem!important;font-size:.74rem!important;flex:1 1 44%!important}.facts{margin-top:16px!important}.hero-ov{background:linear-gradient(0deg,rgba(26,24,30,.8),rgba(26,24,30,.42))!important}.scrollcue{display:none!important}}

.hero h1{font-size:1.95rem!important;line-height:1.16!important;letter-spacing:-.01em!important;white-space:nowrap!important}

/* hero buttons: transparent, white text (see-through) */
.hero .hero-inner .cta{display:flex!important;gap:14px!important}
.hero .cta .btn{background:rgba(255,255,255,.6)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;color:var(--red)!important;border:2px solid rgba(255,255,255,.55)!important;box-shadow:none!important;flex:1 1 0!important;justify-content:center!important;text-align:center!important}
.hero .cta .btn:hover{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
@media(max-width:820px){.hero h1{white-space:normal!important}}

/* mobile hero font sizes (higher specificity so they win over the desktop rule) */
@media(max-width:820px){
  .hero .hero-inner h1{font-size:1.15rem!important;line-height:1.2!important;white-space:normal!important;letter-spacing:0!important}
  .hero .hero-inner .cta .btn{font-size:.74rem!important;padding:.55rem .7rem!important}
}