:root{--bcm-green:#214f3d;--bcm-deep:#0d2a1d;--bcm-ink:#17231d;--bcm-muted:#66756c;--bcm-line:#e6e9e3;--bcm-paper:#fff;--bcm-soft:#f6f8f5;--bcm-gold:#b8964b;--bcm-gold-2:#d7bf7a;--bcm-radius:8px;--bcm-shadow:0 24px 70px rgba(15,40,28,.12)}
html{scroll-behavior:smooth}
body{background:var(--bcm-paper)!important;color:var(--bcm-ink)!important;font-family:Inter,Montserrat,Arial,sans-serif!important;letter-spacing:0!important}
body::selection{background:rgba(184,150,75,.25)}
.topbar{background:#fff!important;color:var(--bcm-ink)!important;border-bottom:1px solid var(--bcm-line);padding:8px 0!important;letter-spacing:0!important;position:relative;z-index:100}
.topbar-inner{max-width:1220px!important;padding:0 24px!important;gap:16px!important}
.topbar-msg{font-family:Inter,Montserrat,Arial,sans-serif!important;font-style:normal!important;font-size:12px!important;color:var(--bcm-muted)!important;letter-spacing:0!important}
.topbar-msg strong{color:var(--bcm-green)!important}
.topbar-right{gap:10px!important;flex-wrap:wrap}
.topbar-right>a,.portal-link{opacity:1!important;color:var(--bcm-green)!important;border:1px solid var(--bcm-line);border-radius:999px;padding:8px 12px!important;font-size:10px!important;line-height:1;text-transform:uppercase;letter-spacing:.08em!important;background:#fff;text-decoration:none;white-space:nowrap}
.portal-link{background:var(--bcm-green)!important;color:#fff!important;border-color:var(--bcm-green)!important}
.portal-link span{color:inherit!important}
.portal-link.secondary{background:#fff!important;color:var(--bcm-green)!important}
.lang-toggle{border:1px solid var(--bcm-line);border-radius:999px;padding:2px;background:var(--bcm-soft);display:inline-flex;align-items:center}
.lang-toggle button{border:0!important;border-radius:999px!important;padding:6px 9px!important;color:var(--bcm-muted)!important;background:transparent!important}
.lang-toggle button.active{background:var(--bcm-green)!important;color:#fff!important}
.lang-toggle .sep{display:none}
nav.main{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--bcm-line);box-shadow:0 10px 40px rgba(12,37,26,.06);position:sticky!important;top:0;z-index:90}
.nav-inner{max-width:1220px!important;padding:14px 24px!important}
.logo-crest{width:54px!important;height:54px!important;object-fit:contain}
.logo-text strong,.logo-title{color:var(--bcm-green)!important;letter-spacing:.12em!important}
.logo-text small{color:var(--bcm-muted)!important;letter-spacing:.04em!important}
.nav-links{gap:6px!important}
.nav-links a{color:var(--bcm-ink)!important;border-radius:999px;padding:10px 12px!important;font-size:12px!important;letter-spacing:.02em!important;text-transform:none!important}
.nav-links a:hover,.nav-links a.active{background:var(--bcm-soft)!important;color:var(--bcm-green)!important}
.nav-dropdown{border:1px solid var(--bcm-line)!important;border-radius:var(--bcm-radius)!important;box-shadow:var(--bcm-shadow)!important;background:#fff!important;padding:10px!important}
.nav-cta,.btn-gold,.btn-primary{background:var(--bcm-green)!important;color:#fff!important;border:1px solid var(--bcm-green)!important;border-radius:999px!important;box-shadow:0 12px 30px rgba(33,79,61,.18)!important;letter-spacing:.08em!important}
.btn-ghost,.btn-ghost-dark{border-radius:999px!important}
.mob-btn{display:none;border:1px solid var(--bcm-line)!important;border-radius:999px!important;color:var(--bcm-green)!important;background:#fff!important}
.mob-menu{background:#fff!important;display:none!important;opacity:0!important;pointer-events:none!important}
.mob-menu.open{display:block!important;opacity:1!important;pointer-events:auto!important}
.mob-close{position:absolute;top:24px;right:24px;width:44px;height:44px;border:1px solid var(--bcm-line);border-radius:50%;background:var(--bcm-soft);color:var(--bcm-green);font-size:20px;cursor:pointer}
.mob-links{max-width:620px;margin:72px auto 32px}
.mob-links a{color:var(--bcm-ink)!important;border-bottom:1px solid var(--bcm-line)!important}
.mob-links a.active{color:var(--bcm-green)!important;font-weight:700;background:var(--bcm-soft)!important;padding-left:14px!important;padding-right:14px!important}
.mob-menu-action{padding:28px 0 12px}
.mob-menu-action .btn-primary{display:flex!important;justify-content:center!important;border-bottom:0!important;color:#fff!important}
body.menu-open{overflow:hidden}
body:not(.home-page) nav.main + .mob-menu + div,body:not(.home-page) .art-hero{background:#f7f3ea!important;position:relative!important;overflow:hidden!important;min-height:390px!important;display:flex!important;align-items:center!important}
body:not(.home-page) nav.main + .mob-menu + div::before,body:not(.home-page) .art-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(184,150,75,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(184,150,75,.08) 1px,transparent 1px);background-size:48px 48px;opacity:.55;z-index:0}
body:not(.home-page) nav.main + .mob-menu + div::after,body:not(.home-page) .art-hero::after{content:"";position:absolute;inset:0 0 0 auto;width:min(58%,880px);background:linear-gradient(90deg,rgba(247,243,234,1) 0%,rgba(247,243,234,.82) 26%,rgba(247,243,234,.28) 58%,rgba(247,243,234,0) 100%),var(--hero-img) center right/cover no-repeat;opacity:.96;filter:saturate(.92) contrast(1.02);z-index:0}
.hero-img-1{--hero-img:url('hero-student-1.png')}
.hero-img-2{--hero-img:url('hero-student-2.png')}
.hero-img-3{--hero-img:url('hero-student-3.png')}
.hero-img-4{--hero-img:url('hero-student-4.jpg')}
.hero-img-5{--hero-img:url('hero-student-5.jpg')}
.hero-img-6{--hero-img:url('hero-student-6.jpg')}
.hero-img-7{--hero-img:url('hero-student-7.jpg')}
.hero-img-8{--hero-img:url('hero-student-8.jpg')}
body:not(.home-page) nav.main + .mob-menu + div>*,body:not(.home-page) .art-hero>*{position:relative!important;z-index:2!important}
body:not(.home-page) nav.main + .mob-menu + div h1,body:not(.home-page) .art-hero h1{font-family:'Manrope','Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-weight:700!important;letter-spacing:-.01em!important;color:#173325!important;max-width:760px!important;text-shadow:none!important}
body:not(.home-page) nav.main + .mob-menu + div h1 em,body:not(.home-page) .art-hero h1 em{color:#a87319!important}
body:not(.home-page) nav.main + .mob-menu + div p,body:not(.home-page) .art-hero p{font-family:Inter,Montserrat,Arial,sans-serif!important;color:#41574b!important}
.art-hero>img.bg{display:none!important}
section,main{background:#fff!important}
.process-section{background:var(--bcm-deep)!important;color:#fff!important}
.process-section .section-head h2,.process-section .step-title{color:#fff!important}
.process-section .section-head p,.process-section .step-desc{color:rgba(255,255,255,.72)!important}
.process-section .step-num{background:rgba(255,255,255,.04)!important;color:var(--bcm-gold-2)!important}
.section-label{color:var(--bcm-gold)!important;letter-spacing:.12em!important}
h1,h2,h3{letter-spacing:0!important}
h2 em,h1 em{color:var(--bcm-gold)!important}
.feature-card,.program-card,.path-card,.course-card,.blog-card,.team-card,.why-card,.module-card,.policy-dl-item,.art-card{background:#fff!important;border:1px solid var(--bcm-line)!important;border-radius:var(--bcm-radius)!important;box-shadow:0 16px 48px rgba(18,48,34,.07)!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.feature-card:hover,.program-card:hover,.path-card:hover,.course-card:hover,.blog-card:hover,.team-card:hover,.why-card:hover,.module-card:hover,.policy-dl-item:hover,.art-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(18,48,34,.12)!important;border-color:rgba(184,150,75,.45)!important}
.policy-dl-item{margin-bottom:12px!important}
.hero-card,.form-card{border-radius:var(--bcm-radius)!important;border:1px solid rgba(255,255,255,.22)!important}
.form-field-hero,.form-select,input,select,textarea{border-radius:6px!important;border:1px solid var(--bcm-line)!important;background:#fff!important;color:var(--bcm-ink)!important}
footer{background:var(--bcm-deep)!important;padding:72px 0 32px!important}
.footer-inner{max-width:1220px!important;padding:0 24px!important}
.footer-grid{gap:36px!important}
.footer-logo-text{letter-spacing:.12em!important}
.office-label{display:block;color:var(--bcm-gold-2);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}
.social-btn{border-radius:999px!important}
.modern-trust-strip{display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:center;padding:28px 24px;background:var(--bcm-soft);border-block:1px solid var(--bcm-line)}
.modern-trust-strip img{max-height:46px;max-width:160px;object-fit:contain;filter:grayscale(.05)}
.bcm-team-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bcm-team-modern img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--bcm-radius)}
.art-body{font-family:Inter,Montserrat,Arial,sans-serif!important;font-size:18px!important;line-height:1.78!important;color:var(--bcm-ink)!important}
.art-body p{margin-bottom:20px!important}
.article-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.art-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit}
.art-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.art-card div{padding:20px}
.art-card small{color:var(--bcm-gold);text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.art-card h3{margin:10px 0;color:var(--bcm-green);font-size:20px}
.art-card p{color:var(--bcm-muted);font-size:14px;line-height:1.6}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(184,150,75,.4)!important;outline-offset:3px!important}
.reveal{opacity:1;transform:none}
.js-reveal-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,.8,.3,1),transform .7s cubic-bezier(.16,.8,.3,1);will-change:opacity,transform}
.js-reveal-ready .reveal.in-view{opacity:1;transform:none}
.reveal-delay-1.in-view{transition-delay:.08s}
.reveal-delay-2.in-view{transition-delay:.16s}
.reveal-delay-3.in-view{transition-delay:.24s}
.reveal-delay-4.in-view{transition-delay:.32s}
.reveal-delay-5.in-view{transition-delay:.4s}
@media(prefers-reduced-motion:reduce){.js-reveal-ready .reveal{opacity:1!important;transform:none!important;transition:none!important}}
@media(max-width:980px){.nav-links,.nav-cta{display:none!important}.mob-btn{display:block!important}.topbar-inner{justify-content:center!important}.topbar-msg{width:100%;justify-content:center;text-align:center}.article-grid-modern,.bcm-team-modern{grid-template-columns:1fr 1fr}body:not(.home-page) nav.main + .mob-menu + div::after,body:not(.home-page) .art-hero::after{width:100%;opacity:.4}body:not(.home-page) nav.main + .mob-menu + div,body:not(.home-page) .art-hero{min-height:360px!important}}
@media(max-width:640px){.topbar-right{justify-content:center}.portal-link,.topbar-right>a{font-size:9px!important;padding:7px 9px!important}.article-grid-modern,.bcm-team-modern{grid-template-columns:1fr}[style*="grid-template-columns:repeat(3,1fr)"],[style*="grid-template-columns: repeat(3, 1fr)"],[style*="grid-template-columns:repeat(4,1fr)"],[style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:1fr!important}[style*="display:grid"]{max-width:100%!important}.footer-grid{grid-template-columns:1fr!important}body:not(.home-page) nav.main + .mob-menu + div{padding:64px 0!important}.hero-stats{grid-template-columns:repeat(2,1fr)!important}.logo-text small{display:none!important}}

.team-name-badge{width:140px;min-height:140px;border-radius:8px;border:1px solid rgba(184,150,75,.35);display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;margin:0 auto 18px;color:var(--bcm-gold-2);font-family:Georgia,'Cormorant Garamond',serif;font-size:22px;line-height:1.15;background:rgba(255,255,255,.06)!important}
.team-section .team-card{cursor:pointer;text-align:center}
.team-section .team-name,.team-card .team-name{color:#d7b75f!important;font-weight:700!important;font-family:Georgia,'Cormorant Garamond',serif!important;font-size:24px!important;line-height:1.15!important;text-shadow:0 1px 0 rgba(0,0,0,.18)}
.team-section .team-role,.team-section .team-bio{color:rgba(255,255,255,.78)!important}
.team-section .team-photo-img{width:164px!important;height:164px!important;border-radius:8px!important;border:2px solid rgba(215,183,95,.55)!important;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.bcm-team-modern .team-card h3{color:#b8964b!important;font-weight:700!important}
.staff-card-link{cursor:pointer}
.staff-card-link:hover .team-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.tabs-section{background:#fff!important;border-bottom:1px solid var(--bcm-line)!important;position:sticky;top:84px;z-index:50;box-shadow:0 12px 30px rgba(15,40,28,.06)}
.tabs-inner{max-width:1220px!important;padding:14px 24px!important}
.tab-list,.tab-nav{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:4px!important;background:var(--bcm-soft)!important;border:1px solid var(--bcm-line)!important;border-radius:999px!important;scrollbar-width:none}
.tab-list::-webkit-scrollbar,.tab-nav::-webkit-scrollbar{display:none}
.tab-btn{border:0!important;border-radius:999px!important;background:transparent!important;color:var(--bcm-muted)!important;padding:12px 16px!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:700!important;white-space:nowrap!important;min-width:max-content!important}
.tab-btn:hover{background:#fff!important;color:var(--bcm-green)!important}
.tab-btn.active{background:var(--bcm-green)!important;color:#fff!important;box-shadow:0 10px 22px rgba(33,79,61,.18)!important}
.content-section{display:none!important;padding:70px 0!important;background:#fff!important}
.content-section.active{display:block!important}
@media(max-width:640px){.tabs-section{top:0}.tabs-inner{padding:10px 14px!important}.tab-btn{font-size:10px!important;padding:10px 12px!important}.team-section .team-photo-img{width:140px!important;height:140px!important}}

.process-section-modern{background:#0d2a1d!important;padding:96px 0!important;color:#fff!important}
.process-section-modern .section-head h2{color:#fff!important}
.process-section-modern .section-head h2 em{color:#d7b75f!important}
.process-section-modern .section-head p{max-width:680px;margin:20px auto 0;color:rgba(255,255,255,.72)!important;font-size:16px!important;line-height:1.7!important}
.process-steps-modern{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;position:relative!important}
.process-steps-modern::before{display:none!important}
.process-steps-modern .process-step{display:block!important;min-height:245px!important;padding:28px 22px!important;text-align:left!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(215,183,95,.26)!important;border-radius:8px!important;box-shadow:0 18px 50px rgba(0,0,0,.16)!important}
.process-steps-modern .step-num{width:52px!important;height:52px!important;margin:0 0 24px!important;border-radius:50%!important;background:rgba(215,183,95,.12)!important;border:1px solid rgba(215,183,95,.55)!important;color:#d7b75f!important;font-family:Georgia,'Cormorant Garamond',serif!important;font-size:22px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.process-steps-modern .step-title{display:block!important;margin:0 0 12px!important;color:#f8f3e8!important;font-family:Georgia,'Cormorant Garamond',serif!important;font-size:24px!important;font-weight:700!important;line-height:1.12!important}
.process-steps-modern .step-title span{display:inline!important;color:inherit!important}
.process-steps-modern .step-desc{display:block!important;margin:0!important;color:rgba(255,255,255,.76)!important;font-size:14px!important;line-height:1.65!important;font-weight:500!important}
.process-steps-modern .step-desc span{display:inline!important;color:inherit!important}
body[data-lang="tr"] .process-steps-modern [data-en],body[data-lang="en"] .process-steps-modern [data-tr]{display:none!important}
@media(max-width:1100px){.process-steps-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important}.process-steps-modern .process-step{min-height:210px!important}}
@media(max-width:640px){.process-section-modern{padding:72px 0!important}.process-steps-modern{grid-template-columns:1fr!important}.process-steps-modern .process-step{min-height:auto!important}}

.accred-strip-modern{background:#f6f2e8!important;border-top:1px solid var(--bcm-line)!important;border-bottom:1px solid var(--bcm-line)!important;padding:22px 24px!important}
.accred-modern-inner{max-width:1220px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:nowrap}
.accred-modern-logo{height:54px;min-width:82px;display:flex;align-items:center;justify-content:center;padding:7px 10px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.accred-modern-logo img{max-height:38px;max-width:118px;width:auto;object-fit:contain;display:block;filter:none!important}
.accred-modern-logo.bcm img{max-height:48px}
.accred-modern-logo.othm img{max-width:128px}
.accred-modern-logo.yds{min-width:132px;overflow:hidden}
.accred-modern-logo.yds img{width:124px!important;height:38px!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important}
.accred-modern-meta{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;color:#66756c;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.accred-modern-meta span{display:inline-flex;align-items:center}
.accred-modern-meta span+span::before{content:"";width:1px;height:12px;background:#d8ded5;margin-right:10px}
@media(max-width:980px){.accred-modern-inner{gap:12px;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}.accred-modern-logo{min-width:86px}.accred-modern-meta{font-size:9px;min-width:max-content}}
@media(max-width:640px){.accred-strip-modern{padding:16px 14px!important}.accred-modern-logo{height:50px;min-width:78px;padding:6px 8px}.accred-modern-logo img{max-height:34px;max-width:104px}.accred-modern-meta{gap:10px}}

/* Portal buttons: keep topbar text readable on all pages */
.topbar .portal-link,
.topbar a.portal-link,
.topbar .portal-link:visited,
.topbar .portal-link span {
  background: var(--bcm-green) !important;
  color: #ffffff !important;
  border-color: var(--bcm-green) !important;
  text-shadow: none !important;
}
.topbar .portal-link.secondary,
.topbar a.portal-link.secondary,
.topbar .portal-link.secondary:visited,
.topbar .portal-link.secondary span {
  background: #ffffff !important;
  color: var(--bcm-green) !important;
  border-color: rgba(33,79,61,.22) !important;
}
.topbar .portal-link:hover,
.topbar a.portal-link:hover {
  background: #17392b !important;
  color: #ffffff !important;
  border-color: #17392b !important;
}
.topbar .portal-link.secondary:hover,
.topbar a.portal-link.secondary:hover {
  background: var(--bcm-soft) !important;
  color: var(--bcm-green) !important;
  border-color: rgba(33,79,61,.32) !important;
}
/* Themed social icon buttons */
.topbar .social-icon,
.footer-socials .social-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(33,79,61,.2) !important;
  background: rgba(255,255,255,.92) !important;
  color: var(--bcm-green) !important;
  box-shadow: 0 8px 22px rgba(15,40,28,.08) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}
.topbar .social-icon svg,
.footer-socials .social-icon svg {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
}
.topbar .social-icon svg *,
.footer-socials .social-icon svg * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.topbar .social-facebook svg path,
.footer-socials .social-facebook svg path,
.topbar .social-tiktok svg path,
.footer-socials .social-tiktok svg path {
  fill: currentColor !important;
  stroke: none !important;
}
.topbar .social-icon:hover,
.footer-socials .social-icon:hover {
  background: var(--bcm-gold) !important;
  color: #10291d !important;
  border-color: var(--bcm-gold) !important;
  transform: translateY(-1px) !important;
}
.footer-socials .social-icon {
  background: rgba(255,255,255,.06) !important;
  color: #f7f1df !important;
  border-color: rgba(215,191,122,.28) !important;
  box-shadow: none !important;
}
.footer-socials .social-icon:hover {
  background: var(--bcm-gold) !important;
  color: #10291d !important;
}
@media(max-width:640px){
  .topbar .social-icon{width:30px!important;height:30px!important;min-width:30px!important}
  .topbar .social-icon svg{width:15px!important;height:15px!important}
}
/* Newsletter forms stay BCM themed while linking to Mailchimp */
.newsletter-section {
  background: linear-gradient(135deg,#0d2a1d 0%,#214f3d 100%) !important;
}
.newsletter-section .nl-form {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
}
.newsletter-section .nl-input,
.nl-form .nl-input {
  min-height: 52px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(215,191,122,.32) !important;
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  padding: 0 18px !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.newsletter-section .nl-input::placeholder,
.nl-form .nl-input::placeholder {
  color: rgba(250,246,238,.62) !important;
}
.newsletter-section .nl-input:focus,
.nl-form .nl-input:focus {
  border-color: var(--bcm-gold) !important;
  box-shadow: 0 0 0 4px rgba(184,150,75,.16) !important;
}
.newsletter-section .nl-form .btn-gold,
.nl-form .btn-gold {
  min-height: 52px !important;
  border-radius: 999px !important;
  background: var(--bcm-gold) !important;
  color: #10291d !important;
  border-color: var(--bcm-gold) !important;
  white-space: nowrap !important;
}
.newsletter-status {
  width: 100% !important;
  margin: 2px 0 0 !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(215,191,122,.28) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
  color: #f7f1df !important;
  font-family: Inter,Montserrat,Arial,sans-serif !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  opacity: 0 !important;
  transform: translateY(-4px) !important;
  transition: opacity .2s ease, transform .2s ease !important;
}
.newsletter-status.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
@media(max-width:640px){
  .newsletter-section .nl-form,
  .nl-form{flex-direction:column!important}
  .newsletter-section .nl-input,
  .newsletter-section .nl-form .btn-gold,
  .nl-form .nl-input,
  .nl-form .btn-gold{width:100%!important;justify-content:center!important}
}
/* Homepage benefit vectors */
.why-card .why-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(184,150,75,.42) !important;
  background: linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,248,245,.92)) !important;
  color: var(--bcm-green) !important;
  box-shadow: 0 14px 34px rgba(15,40,28,.08) !important;
  position: relative !important;
  overflow: hidden !important;
}
.why-card .why-icon::after {
  content: "";
  position: absolute;
  inset: auto -18px -20px auto;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(184,150,75,.13);
}
.why-card .why-icon svg {
  width: 34px !important;
  height: 34px !important;
  position: relative !important;
  z-index: 1 !important;
}
.why-card .why-icon svg * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.why-card:hover .why-icon {
  background: var(--bcm-green) !important;
  color: #ffffff !important;
  border-color: var(--bcm-green) !important;
  transform: translateY(-2px) !important;
}
.why-card:hover .why-icon::after {
  background: rgba(215,191,122,.22);
}
/* Homepage vertical rhythm: tighter but still premium */
body.home-page section {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}
body.home-page .section-head {
  margin-bottom: 54px !important;
}
body.home-page .section-label {
  margin-bottom: 18px !important;
}
body.home-page .section-head h2,
body.home-page .h2 {
  margin-bottom: 18px !important;
}
body.home-page .section-head p {
  margin-top: 0 !important;
}
body.home-page .globe-section {
  padding-top: 86px !important;
  padding-bottom: 76px !important;
}
body.home-page .why-section,
body.home-page .programmes-section,
body.home-page .team-section,
body.home-page .testimonials-section {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}
body.home-page .process-section {
  padding-top: 84px !important;
  padding-bottom: 78px !important;
}
body.home-page .newsletter-section {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
body.home-page .why-card {
  padding: 42px 38px !important;
}
body.home-page .why-card .why-icon {
  margin-bottom: 24px !important;
}
body.home-page .process-step {
  padding-top: 12px !important;
  padding-bottom: 8px !important;
}
body.home-page .prog-card {
  padding: 36px 34px !important;
}
body.home-page .compare-col {
  padding: 46px 44px !important;
}
body.home-page .testimonial-card {
  padding: 44px 36px 34px !important;
}
body.home-page .team-photo-card,
body.home-page .team-card {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
body.home-page .blog-card-body {
  padding: 30px !important;
}
@media(max-width:980px){
  body.home-page section,
  body.home-page .why-section,
  body.home-page .programmes-section,
  body.home-page .team-section,
  body.home-page .testimonials-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  body.home-page .section-head { margin-bottom: 40px !important; }
  body.home-page .why-card,
  body.home-page .prog-card,
  body.home-page .compare-col,
  body.home-page .testimonial-card { padding: 32px 26px !important; }
}
@media(max-width:640px){
  body.home-page section,
  body.home-page .why-section,
  body.home-page .programmes-section,
  body.home-page .team-section,
  body.home-page .testimonials-section,
  body.home-page .process-section {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }
  body.home-page .newsletter-section {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }
  body.home-page .section-head { margin-bottom: 32px !important; }
}
/* Homepage spacing refinement after visual measurement */
body.home-page section {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}
body.home-page .hero {
  padding-top: 68px !important;
  padding-bottom: 70px !important;
}
body.home-page .accred-strip-modern,
body.home-page section.accred-strip-modern {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
body.home-page .globe-section {
  padding-top: 76px !important;
  padding-bottom: 66px !important;
}
body.home-page .why-section,
body.home-page .programmes-section,
body.home-page .team-section,
body.home-page .testimonials-section,
body.home-page .blog-section,
body.home-page .compare-section {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}
body.home-page .process-section,
body.home-page .process-section-modern {
  padding-top: 72px !important;
  padding-bottom: 68px !important;
}
body.home-page .newsletter-section {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
body.home-page .section-head {
  margin-bottom: 42px !important;
}
body.home-page .why-card {
  padding: 36px 34px !important;
}
body.home-page .team-photo-img,
body.home-page .team-avatar {
  margin-bottom: 18px !important;
}
@media(max-width:980px){
  body.home-page section,
  body.home-page .why-section,
  body.home-page .programmes-section,
  body.home-page .team-section,
  body.home-page .testimonials-section,
  body.home-page .blog-section,
  body.home-page .compare-section {
    padding-top: 62px !important;
    padding-bottom: 62px !important;
  }
  body.home-page .accred-strip-modern,
  body.home-page section.accred-strip-modern {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
}
@media(max-width:640px){
  body.home-page section,
  body.home-page .why-section,
  body.home-page .programmes-section,
  body.home-page .team-section,
  body.home-page .testimonials-section,
  body.home-page .blog-section,
  body.home-page .compare-section,
  body.home-page .process-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  body.home-page .hero {
    padding-top: 56px !important;
    padding-bottom: 52px !important;
  }
  body.home-page .section-head { margin-bottom: 28px !important; }
}
/* Stronger BCM header brand presence */
nav.main .logo-crest,
.logo-crest {
  width: 70px !important;
  height: 70px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 14px rgba(15,40,28,.12)) !important;
}
nav.main .logo-text strong,
nav.main .logo-title,
.logo-text strong,
.logo-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--bcm-green) !important;
  letter-spacing: .15em !important;
}
nav.main .logo-text small,
.logo-text small {
  font-size: 10px !important;
  color: var(--bcm-muted) !important;
}
nav.main .nav-inner {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
@media(max-width:980px){
  nav.main .logo-crest,
  .logo-crest {
    width: 64px !important;
    height: 64px !important;
  }
}
@media(max-width:640px){
  nav.main .logo-crest,
  .logo-crest {
    width: 58px !important;
    height: 58px !important;
  }
  nav.main .logo-text strong,
  nav.main .logo-title,
  .logo-text strong,
  .logo-title {
    font-size: 14px !important;
    letter-spacing: .12em !important;
  }
}
/* Homepage light corporate preview - 2026-07-04 */
body.home-page{background:#fbfaf6!important;color:#173325!important}
body.home-page .hero{background:#f7f3ea!important;min-height:auto!important}
body.home-page .hero-video-overlay{background:linear-gradient(90deg,rgba(250,248,242,.96) 0%,rgba(250,248,242,.88) 42%,rgba(250,248,242,.34) 72%,rgba(250,248,242,.08) 100%)!important}
body.home-page .hero-video-overlay::after{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.55))!important}
body.home-page #heroCanvas,body.home-page .hero-orb,body.home-page .hero-grid::after{display:none!important}
body.home-page .hero-inner{align-items:center!important}
body.home-page .hero-badge{background:rgba(255,255,255,.84)!important;border:1px solid rgba(184,150,75,.32)!important;color:#a06f20!important;box-shadow:0 12px 34px rgba(20,44,32,.08)!important}
body.home-page .hero h1,body.home-page .hero h1 span{color:#173325!important;text-shadow:none!important}
body.home-page .hero h1 em{color:#a87319!important}
body.home-page .hero-sub{color:#41574b!important;text-shadow:none!important}
body.home-page .hero-stat-num{color:#173325!important}
body.home-page .hero-stat-label{color:#66766d!important}
body.home-page .hero-card{background:rgba(255,255,255,.9)!important;border:1px solid rgba(184,150,75,.24)!important;box-shadow:0 24px 70px rgba(20,44,32,.13)!important;backdrop-filter:blur(14px)!important;color:#173325!important}
body.home-page .hero-card-label,body.home-page .hero-card p,body.home-page .hero-card-note{color:#66766d!important}
body.home-page .hero-card h3{color:#173325!important}
body.home-page .form-field-hero{background:#fff!important;color:#173325!important;border:1px solid #ded6c4!important}
body.home-page .form-field-hero::placeholder{color:#8f968f!important}
body.home-page .accred-strip-modern{background:#fffdf8!important;border-top:1px solid #ede5d5!important;border-bottom:1px solid #ede5d5!important}
body.home-page .why-section,body.home-page .programmes-section,body.home-page .compare-section,body.home-page .blog-section{background:#fbfaf6!important}
body.home-page .testimonials-section,body.home-page .process-section,body.home-page .process-section-modern,body.home-page .team-section,body.home-page .newsletter-section{background:#f7f3ea!important;color:#173325!important}
body.home-page .section-head h2,body.home-page .section-head h2 span,body.home-page .section-head h2 .alt,body.home-page .process-section .section-head h2,body.home-page .team-section .section-head h2,body.home-page .newsletter-copy h2{color:#173325!important}
body.home-page .section-head h2 em,body.home-page .process-section .section-head h2 em,body.home-page .team-section .section-head h2 em,body.home-page .newsletter-copy h2 em{color:#a87319!important}
body.home-page .section-head p,body.home-page .process-section .section-head p,body.home-page .team-section .section-head p,body.home-page .newsletter-copy p{color:#586a60!important}
body.home-page .why-grid,body.home-page .programmes-grid,body.home-page .team-grid,body.home-page .blog-grid{gap:14px!important;background:transparent!important}
body.home-page .why-card,body.home-page .prog-card,body.home-page .team-card,body.home-page .team-photo-card,body.home-page .testimonial-card,body.home-page .blog-card,body.home-page .compare-col{background:#fff!important;border:1px solid #e7decb!important;border-radius:8px!important;box-shadow:0 18px 48px rgba(24,48,35,.08)!important}
body.home-page .why-card:hover,body.home-page .prog-card:hover,body.home-page .team-card:hover,body.home-page .blog-card:hover{border-color:rgba(168,115,25,.42)!important;box-shadow:0 22px 62px rgba(24,48,35,.12)!important}
body.home-page .prog-card.featured,body.home-page .compare-col.bcm{background:linear-gradient(180deg,#fff 0%,#f7fbf7 100%)!important;border-color:rgba(29,83,55,.28)!important}
body.home-page .prog-card.featured::before,body.home-page .compare-col.bcm::before{background:#1d5337!important}
body.home-page .prog-level,body.home-page .team-role,body.home-page .blog-date{color:#a87319!important}
body.home-page .prog-card h3,body.home-page .team-name,body.home-page .blog-card h3,body.home-page .compare-col h3,body.home-page .why-card h3{color:#173325!important}
body.home-page .prog-card p,body.home-page .team-bio,body.home-page .blog-card p,body.home-page .compare-col li,body.home-page .why-card p{color:#586a60!important}
body.home-page .process-steps-modern,body.home-page .process-steps{gap:14px!important}
body.home-page .process-steps::before{display:none!important}
body.home-page .process-step{background:#fff!important;border:1px solid #e7decb!important;border-radius:8px!important;padding:28px 22px!important;box-shadow:0 16px 40px rgba(24,48,35,.07)!important}
body.home-page .process-section .step-num,body.home-page .process-step .step-num{background:#f6efe0!important;border:1px solid rgba(168,115,25,.26)!important;color:#a87319!important}
body.home-page .process-section .step-title,body.home-page .process-step .step-title{color:#173325!important}
body.home-page .process-section .step-desc,body.home-page .process-step .step-desc{color:#586a60!important}
body.home-page .newsletter-inner{background:#fff!important;border:1px solid #e7decb!important;border-radius:10px!important;box-shadow:0 20px 56px rgba(24,48,35,.08)!important;padding-top:42px!important;padding-bottom:42px!important}
body.home-page .newsletter-section .nl-form,body.home-page .newsletter-section .nl-input,body.home-page .newsletter-section input{background:#fff!important;color:#173325!important}
@media(max-width:980px){body.home-page .hero-video-overlay{background:linear-gradient(180deg,rgba(250,248,242,.72) 0%,rgba(250,248,242,.42) 45%,rgba(250,248,242,.18) 100%)!important}body.home-page .hero-card{max-width:none!important}}
/* Homepage light sticky consultation bar */
body.home-page .sticky-consult,
body.home-page .bottom-cta,
body.home-page .sticky-cta {
  background:rgba(255,253,248,.96)!important;
  border-top:1px solid #e7decb!important;
  color:#173325!important;
  box-shadow:0 -12px 34px rgba(24,48,35,.08)!important;
  backdrop-filter:blur(12px)!important;
}
body.home-page .sticky-consult *,
body.home-page .bottom-cta *,
body.home-page .sticky-cta * {
  color:#173325!important;
}
body.home-page .sticky-consult a,
body.home-page .bottom-cta a,
body.home-page .sticky-cta a {
  color:#a87319!important;
}
body.home-page .sticky-consult .btn,
body.home-page .bottom-cta .btn,
body.home-page .sticky-cta .btn,
body.home-page .sticky-consult button,
body.home-page .bottom-cta button,
body.home-page .sticky-cta button {
  background:#b78a3c!important;
  border-color:#b78a3c!important;
  color:#fff!important;
}body.home-page #stickyBar.visible,
body.home-page #stickyBar {
  background:rgba(255,253,248,.96)!important;
  border-top:1px solid #e7decb!important;
  color:#173325!important;
  box-shadow:0 -12px 34px rgba(24,48,35,.08)!important;
  backdrop-filter:blur(12px)!important;
}
body.home-page #stickyBar .sticky-msg,
body.home-page #stickyBar .sticky-actions,
body.home-page #stickyBar span,
body.home-page #stickyBar p,
body.home-page #stickyBar a {
  color:#173325!important;
}
body.home-page #stickyBar .btn-gold,
body.home-page #stickyBar button:not(.sticky-close) {
  background:#b78a3c!important;
  border-color:#b78a3c!important;
  color:#fff!important;
}
body.home-page #stickyBar .sticky-close {
  color:#173325!important;
}
/* Recognition snapshot replacement for old map */
body.home-page .recognition-snapshot {
  background:#fbfaf6!important;
  border-bottom:1px solid #ede5d5!important;
  padding-top:72px!important;
  padding-bottom:72px!important;
}
body.home-page .recognition-inner {
  display:grid!important;
  grid-template-columns:minmax(280px,.82fr) minmax(520px,1.18fr)!important;
  gap:44px!important;
  align-items:start!important;
}
body.home-page .recognition-copy .section-head,
body.home-page .recognition-copy {
  margin-bottom:0!important;
}
body.home-page .recognition-copy h2 {
  font-family:'Cormorant Garamond',serif!important;
  font-size:clamp(36px,4vw,54px)!important;
  line-height:1.05!important;
  font-weight:400!important;
  color:#173325!important;
  margin:0 0 22px!important;
}
body.home-page .recognition-copy h2 em {
  color:#a87319!important;
  font-style:italic!important;
}
body.home-page .recognition-copy p {
  max-width:560px!important;
  color:#586a60!important;
  font-size:16px!important;
  line-height:1.75!important;
  margin:0!important;
}
body.home-page .recognition-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
body.home-page .recognition-card {
  background:#fff!important;
  border:1px solid #e7decb!important;
  border-radius:8px!important;
  padding:28px 28px 26px!important;
  min-height:178px!important;
  box-shadow:0 18px 48px rgba(24,48,35,.07)!important;
}
body.home-page .recognition-card span {
  display:inline-flex!important;
  width:38px!important;
  height:38px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#f6efe0!important;
  border:1px solid rgba(168,115,25,.24)!important;
  color:#a87319!important;
  font-weight:700!important;
  font-size:13px!important;
  margin-bottom:22px!important;
}
body.home-page .recognition-card h3 {
  color:#173325!important;
  font-size:20px!important;
  line-height:1.2!important;
  margin:0 0 12px!important;
}
body.home-page .recognition-card p {
  color:#586a60!important;
  line-height:1.65!important;
  font-size:14px!important;
  margin:0!important;
}
@media(max-width:980px){
  body.home-page .recognition-inner{grid-template-columns:1fr!important;gap:34px!important}
}
@media(max-width:640px){
  body.home-page .recognition-snapshot{padding-top:50px!important;padding-bottom:50px!important}
  body.home-page .recognition-grid{grid-template-columns:1fr!important}
  body.home-page .recognition-card{min-height:auto!important;padding:24px 22px!important}
}
/* Homepage corporate font preview - Manrope + Inter */
body.home-page,
body.home-page p,
body.home-page li,
body.home-page input,
body.home-page select,
body.home-page textarea,
body.home-page button,
body.home-page .topbar,
body.home-page nav.main,
body.home-page .btn-primary,
body.home-page .btn-ghost,
body.home-page .btn-gold,
body.home-page .section-label,
body.home-page .hero-badge,
body.home-page .prog-eyebrow,
body.home-page .blog-date,
body.home-page .team-role,
body.home-page .hero-stat-label,
body.home-page .accred-modern-meta,
body.home-page #stickyBar {
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-style:normal!important;
}
body.home-page h1,
body.home-page h2,
body.home-page h3,
body.home-page h4,
body.home-page .h2,
body.home-page .hero h1,
body.home-page .section-head h2,
body.home-page .recognition-copy h2,
body.home-page .why-card h3,
body.home-page .prog-card h3,
body.home-page .process-step .step-title,
body.home-page .team-name,
body.home-page .testimonial-quote,
body.home-page .blog-card h3,
body.home-page .newsletter-copy h2,
body.home-page .logo-text,
body.home-page .logo-text small {
  font-family:'Manrope','Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-style:normal!important;
  letter-spacing:0!important;
}
body.home-page .hero h1,
body.home-page .section-head h2,
body.home-page .recognition-copy h2,
body.home-page .newsletter-copy h2 {
  font-weight:700!important;
  line-height:1.04!important;
}
body.home-page .hero h1 em,
body.home-page .section-head h2 em,
body.home-page .recognition-copy h2 em,
body.home-page .newsletter-copy h2 em {
  font-family:'Manrope','Inter',system-ui,sans-serif!important;
  font-style:normal!important;
  font-weight:800!important;
  color:#a87319!important;
}
body.home-page .hero-sub,
body.home-page .section-head p,
body.home-page .recognition-copy p,
body.home-page .newsletter-copy p,
body.home-page .sticky-msg {
  font-family:'Inter',system-ui,sans-serif!important;
  font-style:normal!important;
  letter-spacing:0!important;
}
body.home-page .hero h1 {
  font-size:clamp(46px,6vw,82px)!important;
}
body.home-page .section-head h2,
body.home-page .recognition-copy h2,
body.home-page .newsletter-copy h2 {
  font-size:clamp(34px,4.1vw,56px)!important;
}
body.home-page .why-card h3,
body.home-page .prog-card h3,
body.home-page .process-step .step-title,
body.home-page .recognition-card h3,
body.home-page .blog-card h3 {
  font-weight:700!important;
  letter-spacing:0!important;
}
body.home-page .logo-text strong,
body.home-page .logo-title {
  font-family:'Manrope','Inter',system-ui,sans-serif!important;
  letter-spacing:.12em!important;
  font-weight:800!important;
}
body.home-page .logo-text small {
  letter-spacing:0!important;
  font-weight:500!important;
}
@media(max-width:640px){
  body.home-page .hero h1{font-size:40px!important}
  body.home-page .section-head h2,
  body.home-page .recognition-copy h2,
  body.home-page .newsletter-copy h2{font-size:32px!important}
}
/* Homepage compact hero signup card */
body.home-page .hero-inner {
  grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;
  gap:56px!important;
}
body.home-page .hero-card {
  max-width:360px!important;
  padding:26px 26px 24px!important;
  align-self:center!important;
}
body.home-page .hero-card-label {
  margin-bottom:16px!important;
  font-size:9px!important;
  letter-spacing:.22em!important;
}
body.home-page .hero-card-label::before {
  width:18px!important;
}
body.home-page .hero-card h3 {
  font-size:22px!important;
  line-height:1.2!important;
  margin-bottom:6px!important;
}
body.home-page .hero-card p {
  font-size:13px!important;
  line-height:1.45!important;
  margin-bottom:18px!important;
}
body.home-page .form-field-hero,
body.home-page .form-select {
  min-height:42px!important;
  padding:10px 12px!important;
  margin-bottom:10px!important;
  font-size:13px!important;
}
body.home-page .hero-card .btn-gold {
  padding:14px 20px!important;
  min-height:44px!important;
  width:100%!important;
  justify-content:center!important;
  font-size:10px!important;
  letter-spacing:.18em!important;
}
body.home-page .hero-card-note {
  margin-top:10px!important;
  font-size:10px!important;
}
@media(max-width:980px){
  body.home-page .hero-inner {
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  body.home-page .hero-card {
    max-width:420px!important;
    width:100%!important;
  }
}
@media(max-width:640px){
  body.home-page .hero-card {
    max-width:none!important;
    padding:22px 20px!important;
  }
}
/* Shared assignment-grid card component for diploma tab pages */
.assign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--stone,#e8e0cf)}
.assign-card{background:var(--ivory,#faf6ee);padding:28px;transition:background .3s}
.assign-card{transition:background .3s,transform .25s ease,box-shadow .25s ease}
.assign-card:hover{background:var(--ivory-warm,#f4ede0);transform:translateY(-3px);box-shadow:0 16px 40px rgba(18,48,34,.1)}
.assign-num{font-size:10px;letter-spacing:.3em;color:var(--gold,#b8964b);font-weight:500;margin-bottom:10px}
.assign-title{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:400;color:var(--green-deep,#133224);line-height:1.3;margin-bottom:6px}
.assign-tr{font-size:12px;color:var(--muted,#6b6963);font-style:italic;font-family:'Cormorant Garamond',serif}
@media(max-width:900px){.assign-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:640px){.assign-grid{grid-template-columns:1fr!important}}

/* Sticky WhatsApp button — shared definition so it works even on pages without the embedded stylesheet */
.wa-sticky{position:fixed;bottom:28px;right:28px;z-index:90;background:#25d366;color:#fff;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px -4px rgba(37,211,102,.5),0 2px 6px rgba(0,0,0,.15);transition:all .3s}
.wa-sticky:hover{transform:scale(1.08) translateY(-2px)}
.wa-sticky svg{width:32px;height:32px}
@media(max-width:640px){.wa-sticky{width:54px;height:54px;bottom:20px;right:20px}.wa-sticky svg{width:28px;height:28px}}

/* Light-theme override for the hero mini-form card, used sitewide on inner pages */
body:not(.home-page) .hero-card{background:rgba(255,255,255,.62)!important;border:1px solid rgba(184,150,75,.28)!important;border-radius:8px!important;padding:22px!important;backdrop-filter:blur(10px)!important;box-shadow:0 16px 40px rgba(20,44,32,.1)!important}
body:not(.home-page) .hero-card h3{color:#173325!important;font-size:17px!important;margin-bottom:4px!important}
body:not(.home-page) .hero-card p{display:none!important}
body:not(.home-page) .hero-card form{display:flex;flex-direction:column;gap:9px}
body:not(.home-page) .form-field-hero{background:rgba(255,255,255,.85)!important;color:#173325!important;border:1px solid #ded6c4!important;border-radius:6px!important;padding:9px 12px!important;margin-bottom:0!important;font-size:13px!important}
body:not(.home-page) .form-field-hero::placeholder{color:#8f968f!important}
body:not(.home-page) .hero-card-note{color:#586a60!important;text-align:center;margin-top:8px!important;opacity:1!important;font-size:10px!important}
body:not(.home-page) .hero-card .btn-gold{margin-top:2px;padding:11px 18px!important;font-size:12px!important}
@media(max-width:1000px){body:not(.home-page) .hero-inner-grid,body:not(.home-page) .hero-card{display:block!important}}
[style*="grid-template-columns:1fr 400px"]{grid-template-columns:1fr 300px!important;gap:36px!important}

/* Fix pre-existing bug: several inline-styled 2-column grids (content + info sidebar)
   never collapsed to a single column on mobile, causing horizontal overflow. */
@media(max-width:900px){
  [style*="grid-template-columns:1fr 360px"],
  [style*="grid-template-columns:1fr 420px"]{
    display:block!important;
  }
  [style*="grid-template-columns:1fr 360px"] > *,
  [style*="grid-template-columns:1fr 420px"] > *{
    width:100%!important;
    margin-top:24px;
  }
  [style*="grid-template-columns:1fr 360px"] > *:first-child,
  [style*="grid-template-columns:1fr 420px"] > *:first-child{
    margin-top:0;
  }
}

/* Minor pre-existing mobile edge-overflow fix: tighten side padding on very narrow screens */
@media(max-width:420px){
  .nav-inner,.topbar-inner{padding:0 20px!important}
}

/* Fix pre-existing bug: inline-styled equal 2-column grids (feature/comparison/CTA cards)
   never collapsed on mobile, causing horizontal overflow across ~49 pages. */
@media(max-width:900px){
  [style*="grid-template-columns:1fr 1fr"]{
    display:block!important;
  }
  [style*="grid-template-columns:1fr 1fr"] > *{
    width:100%!important;
  }
}

/* Micro-interactions: subtle scale on primary buttons, additive to each page's existing hover color/arrow treatment */
.btn-gold:hover,.btn-primary:hover,.nav-cta:hover,.btn-ghost:hover,.btn-ghost-dark:hover,.wa-sticky:hover,.tab-btn:hover{
  transform:scale(1.035)!important;
}
.btn-gold:active,.btn-primary:active,.nav-cta:active,.btn-ghost:active,.btn-ghost-dark:active{
  transform:scale(.98)!important;
}
.wa-sticky:hover{transform:scale(1.1) translateY(-2px)!important}
.hero-card .btn-gold:hover,.hero-mini-form .btn-gold:hover{transform:scale(1.02)!important}

/* Body-content links: underline grow-in on hover where not already styled as a button/nav item */
article a:not(.btn-gold):not(.btn-primary):not(.btn-ghost):not(.btn-ghost-dark):not(.nav-cta),
.hero-sub a,.section-head p a,.overview-body a,.faq-a a{
  text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .25s ease,color .25s ease;
}
article a:hover:not(.btn-gold):not(.btn-primary):not(.btn-ghost):not(.btn-ghost-dark):not(.nav-cta),
.hero-sub a:hover,.section-head p a:hover,.overview-body a:hover,.faq-a a:hover{
  text-decoration:underline;text-decoration-color:currentColor;
}

/* Keyboard-accessible focus states, mirroring hover treatment */
.btn-gold:focus-visible,.btn-primary:focus-visible,.nav-cta:focus-visible,.btn-ghost:focus-visible,.btn-ghost-dark:focus-visible,
.tab-btn:focus-visible,.wa-sticky:focus-visible,.form-field-hero:focus-visible{
  outline:2px solid var(--bcm-gold,#b8964b)!important;outline-offset:2px!important;
}

@media(prefers-reduced-motion:reduce){
  .btn-gold:hover,.btn-primary:hover,.nav-cta:hover,.btn-ghost:hover,.btn-ghost-dark:hover,.wa-sticky:hover,.tab-btn:hover,.assign-card:hover{
    transform:none!important;
  }
}

/* Sticky consultation bar: generous, uncramped spacing on all screen sizes */
body:not(.home-page) #stickyBar,
body.home-page #stickyBar{
  padding:20px 48px!important;
  gap:32px!important;
}
#stickyBar .sticky-actions{gap:22px!important}
#stickyBar .sticky-btn{padding:14px 28px!important}

@media(max-width:640px){
  #stickyBar{
    padding:16px 20px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
  }
  #stickyBar .sticky-msg{display:none!important}
  #stickyBar .sticky-actions{
    display:flex!important;
    width:100%!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
  }
  #stickyBar .sticky-phone{
    font-size:14px!important;
    letter-spacing:.03em!important;
    white-space:nowrap!important;
    flex-shrink:0!important;
  }
  #stickyBar .sticky-btn{
    flex:1 1 auto!important;
    text-align:center!important;
    justify-content:center!important;
    padding:12px 18px!important;
    font-size:11px!important;
    letter-spacing:.14em!important;
    white-space:nowrap!important;
  }
  #stickyBar .sticky-close{
    flex-shrink:0!important;
    padding:4px!important;
  }
  /* Clear the sticky bar so it never overlaps the WhatsApp button */
  .wa-sticky{bottom:92px!important;right:16px!important}
}
