/* =========================================================
   STRATEGICA LABS V49C — GOVERNANCE DESIGN SYSTEM SYNC
   Purpose: visually align the main StrategicaLabs.com website
   with Strategica Governance while preserving all content,
   functionality, subdomain links, and the /governance library.
   This file is loaded after legacy page styles and is reversible.
   ========================================================= */

:root{
  --sg-navy:#0b173f;
  --sg-navy-2:#15244f;
  --sg-navy-3:#23345f;
  --sg-green:#1fcf79;
  --sg-green-2:#16b968;
  --sg-mint:#e8fff5;
  --sg-mint-2:#f3fffa;
  --sg-blue-mist:#eef3ff;
  --sg-ink:#111a38;
  --sg-text:#38415e;
  --sg-muted:#6d7690;
  --sg-line:#dfe5ef;
  --sg-surface:#ffffff;
  --sg-soft:#f7f9fc;
  --sg-gold:#e5ad45;
  --sg-danger:#d65a68;
  --sg-shadow:0 24px 70px rgba(11,23,63,.12);
  --sg-shadow-soft:0 12px 36px rgba(11,23,63,.08);
  --sg-radius:20px;
  --sg-font:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html{scroll-behavior:smooth;scroll-padding-top:98px}
html body{
  background:#fff!important;
  color:var(--sg-text)!important;
  font-family:var(--sg-font)!important;
  font-size:16px!important;
  line-height:1.65!important;
  -webkit-font-smoothing:antialiased;
}
body p,body li,body small,body .lead,body .section-head p{color:var(--sg-text)!important}
body h1,body h2,body h3,body h4,body h5,
body .sl-v20-hero-copy h1,body .page-hero h1,
body .sl-academy-hero h1,body .sl-academy-section-head h2,
body .sl-academy-final-cta h2{
  color:var(--sg-navy)!important;
  font-family:var(--sg-font)!important;
  letter-spacing:-.045em!important;
}
body h1,body .sl-v20-hero-copy h1,body .page-hero h1{line-height:1.02!important}
body h2{line-height:1.1!important}
body a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}

/* Shared containers */
body .container{width:min(1240px,calc(100% - 48px))!important}

/* Top utility and premium navigation */
body .topbar{
  background:var(--sg-navy)!important;
  color:#dce6ff!important;
  border:0!important;
  padding:7px 0!important;
}
body .topbar a,body .topbar strong{color:#fff!important}
body .sl-v19-header{
  background:rgba(255,255,255,.96)!important;
  color:var(--sg-navy)!important;
  border-bottom:1px solid var(--sg-line)!important;
  box-shadow:0 8px 30px rgba(11,23,63,.055)!important;
  backdrop-filter:blur(14px)!important;
}
body .sl-v19-utility{
  background:var(--sg-navy)!important;
  color:#dce6ff!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
body .sl-v19-utility-inner{min-height:34px!important;color:#dce6ff!important;font-size:.82rem!important}
body .sl-v19-utility a{color:var(--sg-green)!important;font-weight:750!important}
body .sl-v19-nav-shell{background:rgba(255,255,255,.97)!important}
body .sl-v19-nav{min-height:78px!important;gap:24px!important}
body .sl-v19-brand{
  color:var(--sg-navy)!important;
  font-family:var(--sg-font)!important;
  font-size:1.35rem!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
body .sl-v19-brand-accent{color:var(--sg-green-2)!important}
body .sl-v19-menu-item>button{
  color:#273150!important;
  padding:28px 11px!important;
  font-size:.9rem!important;
  font-weight:700!important;
}
body .sl-v19-menu-item>button::after{color:var(--sg-green-2)!important}
body .sl-v19-menu-item:hover>button,body .sl-v19-menu-item:focus-within>button{color:var(--sg-green-2)!important}
body .sl-v19-mega{
  top:112px!important;
  background:#fff!important;
  border-top:1px solid var(--sg-line)!important;
  box-shadow:var(--sg-shadow)!important;
}
body .sl-v19-mega-label{color:var(--sg-green-2)!important;letter-spacing:.1em!important}
body .sl-v19-mega a strong{color:var(--sg-navy)!important}
body .sl-v19-mega a span{color:var(--sg-muted)!important}
body .sl-v19-mega a:hover strong{color:var(--sg-green-2)!important}
body .sl-v19-feature-card{
  background:linear-gradient(145deg,var(--sg-mint),#fff)!important;
  border:1px solid rgba(31,207,121,.22)!important;
  border-radius:18px!important;
  color:var(--sg-navy)!important;
  box-shadow:var(--sg-shadow-soft)!important;
}
body .sl-v19-feature-card h3{color:var(--sg-navy)!important}
body .sl-v19-feature-card p{color:var(--sg-muted)!important}
body .sl-v19-feature-card .sl-v19-feature-link{
  background:var(--sg-green)!important;
  border-color:var(--sg-green)!important;
  color:var(--sg-navy)!important;
  border-radius:10px!important;
}
body .sl-v19-cta{
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:10px!important;
  background:var(--sg-green)!important;
  color:var(--sg-navy)!important;
  box-shadow:0 12px 28px rgba(31,207,121,.23)!important;
  font-weight:800!important;
}
body .sl-v19-cta:hover{background:#2be38a!important;transform:translateY(-2px)!important}
body .sl-v19-mobile-toggle{background:#fff!important;border:1px solid var(--sg-line)!important;border-radius:10px!important}
body .sl-v19-mobile-toggle span{background:var(--sg-navy)!important}

/* Header controls and quick links */
body .sl-v21-search-button,body .sl-v21-country-select{
  min-height:44px!important;
  background:#fff!important;
  border:1px solid var(--sg-line)!important;
  color:var(--sg-navy)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
body .sl-v21-search-button span,body .sl-v21-country-select span,body .sl-v21-country-select select{color:var(--sg-navy)!important}
body .sl-v21-search-button:hover{border-color:rgba(31,207,121,.6)!important;color:var(--sg-green-2)!important}
body .sl-v30-quick-strip{
  background:#fff!important;
  border-bottom:1px solid var(--sg-line)!important;
  padding:10px clamp(20px,6vw,90px)!important;
  gap:8px!important;
}
body .sl-v30-quick-strip::before{color:var(--sg-muted)!important}
body .sl-v30-quick-strip a{
  background:var(--sg-mint-2)!important;
  border:1px solid rgba(31,207,121,.16)!important;
  border-radius:8px!important;
  color:var(--sg-navy)!important;
  min-height:34px!important;
  padding:0 12px!important;
  font-size:.82rem!important;
  font-weight:750!important;
}
body .sl-v30-quick-strip a::before{display:none!important}
body .sl-v30-quick-strip a:first-child{background:var(--sg-green)!important;border-color:var(--sg-green)!important;color:var(--sg-navy)!important}
body .sl-v30-quick-strip a:hover{color:var(--sg-green-2)!important;border-color:var(--sg-green)!important}

/* Search panel */
body .sl-v21-search-panel{
  background:#fff!important;
  color:var(--sg-text)!important;
  border:1px solid var(--sg-line)!important;
  border-radius:20px!important;
  box-shadow:var(--sg-shadow)!important;
}
body .sl-v21-kicker{color:var(--sg-green-2)!important}
body .sl-v21-search-input{border-color:var(--sg-line)!important;border-radius:10px!important}
body .sl-v21-search-input:focus{border-color:var(--sg-green)!important;box-shadow:0 0 0 4px rgba(31,207,121,.12)!important}
body .sl-v21-search-results a:hover{background:var(--sg-mint-2)!important}
body .sl-v21-search-results span{color:var(--sg-green-2)!important}

/* Eyebrows, breadcrumbs and buttons */
body .eyebrow,body .breadcrumb,body .sl-v20-kicker,body .sl-academy-kicker,body .sl-academy-kicker-dark,
body .sl-v28-hero-kicker,body .sl-v49-page-hero .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  color:var(--sg-green-2)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  font-size:.76rem!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
body .eyebrow::before,body .sl-v20-kicker::before,body .sl-academy-kicker::before,body .sl-academy-kicker-dark::before{
  content:""!important;width:18px!important;height:2px!important;background:currentColor!important;border-radius:9px!important;display:block!important
}
body .btn,body .sl-v20-primary,body .sl-v20-secondary,body .sl-academy-btn,
body .sl-v19-feature-link,body .button{
  border-radius:10px!important;
  min-height:48px!important;
  padding:0 22px!important;
  font-family:var(--sg-font)!important;
  font-weight:750!important;
  box-shadow:none!important;
}
body .btn-primary,body .sl-v20-primary,body .sl-academy-btn-gold,body .btn-gold{
  background:var(--sg-green)!important;
  border-color:var(--sg-green)!important;
  color:var(--sg-navy)!important;
  box-shadow:0 12px 28px rgba(31,207,121,.22)!important;
}
body .btn-primary:hover,body .sl-v20-primary:hover,body .sl-academy-btn-gold:hover,body .btn-gold:hover{background:#2be38a!important;transform:translateY(-2px)!important}
body .btn-secondary,body .sl-v20-secondary,body .sl-academy-btn-light{
  background:#fff!important;
  border:1px solid var(--sg-line)!important;
  color:var(--sg-navy)!important;
}
body .btn-secondary:hover,body .sl-v20-secondary:hover,body .sl-academy-btn-light:hover{border-color:var(--sg-green)!important;color:var(--sg-green-2)!important;transform:translateY(-2px)!important}

/* Home and generic heroes */
body .hero,body .page-hero,body .sl-v20-editorial-hero,body .sl-v22-motion-hero,body .sl-academy-hero,
body .sl-v49-page-hero{
  background:
    radial-gradient(circle at 15% 85%,rgba(111,140,255,.22),transparent 35%),
    radial-gradient(circle at 45% 5%,rgba(31,207,121,.13),transparent 30%),
    linear-gradient(135deg,#f7fbff 0%,#f7fffb 55%,#eefbf5 100%)!important;
  color:var(--sg-text)!important;
  border-bottom:1px solid #e6eef1!important;
}
body .hero,body .sl-v20-editorial-hero,body .sl-v22-motion-hero{padding:clamp(64px,8vw,108px) 0!important}
body .page-hero{padding:clamp(54px,7vw,86px) 0!important}
body .sl-v20-editorial-hero::before,body .sl-v20-editorial-hero::after{border-color:rgba(31,207,121,.18)!important;opacity:.8!important}
body .sl-v20-hero-copy h1,body .hero h1,body .page-hero h1,body .sl-v49-page-hero h1{
  color:var(--sg-navy)!important;
  font-family:var(--sg-font)!important;
  font-size:clamp(2.75rem,5.2vw,5.2rem)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  max-width:880px!important;
}
body .sl-v20-subhead,body .lead,body .sl-v49-page-hero p{color:#313b5a!important;line-height:1.7!important}
body .sl-v20-feature-visual,body .sl-v28-executive-hero-card,body .hero-card,body .sl-v49-page-visual{
  background:rgba(255,255,255,.96)!important;
  color:var(--sg-navy)!important;
  border:1px solid rgba(221,229,239,.95)!important;
  border-radius:18px!important;
  box-shadow:var(--sg-shadow)!important;
}
body .sl-v20-feature-visual h2,body .sl-v28-executive-hero-card h2,body .hero-card h3,body .sl-v49-page-visual strong{color:var(--sg-navy)!important}
body .sl-v20-feature-visual p,body .sl-v28-executive-hero-card p,body .hero-card p,body .sl-v49-page-visual p{color:var(--sg-muted)!important}
body .sl-v20-feature-visual::before,body .sl-v28-executive-hero-card::before,body .sl-v49-page-visual::before{border-color:rgba(31,207,121,.25)!important}
body .sl-v49-page-visual span{color:var(--sg-green-2)!important}

/* Portal and cards */
body .sl-v20-portal-band,body .section.alt,body .sl-academy-alt,body .sl-academy-signal-strip,
body .sl-academy-value-lens,body .sl-v49-soft,body .sl-v49-governance-promo{background:var(--sg-soft)!important}
body .sl-v20-portal-grid a,body .card,body .stat,body .module,body .logo-wide,
body .sl-v24-video-feature,body .sl-crosswalk-lite-panel,body .sl-v49-info-card,
body .sl-academy-track-card,body .sl-academy-showcase-card,body .sl-academy-pain-grid article,
body .sl-academy-method-grid article,body .sl-academy-package-card,body .sl-academy-include-grid span,
body .sl-academy-advisor,body .sl-academy-lens{
  background:#fff!important;
  border:1px solid var(--sg-line)!important;
  border-radius:18px!important;
  box-shadow:0 10px 34px rgba(11,23,63,.05)!important;
}
body .sl-v20-portal-grid a:hover,body .card:hover,body .sl-v49-info-card:hover,
body .sl-academy-track-card:hover,body .sl-academy-showcase-card:hover,body .sl-academy-package-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(31,207,121,.55)!important;
  box-shadow:var(--sg-shadow-soft)!important;
}
body .sl-v20-portal-grid span,body .article-meta,body .sl-v49-info-card>span{color:var(--sg-green-2)!important}
body .sl-v49-info-card>span,body .icon,body .icon-box{background:var(--sg-mint)!important;color:var(--sg-green-2)!important}
body .tag{background:var(--sg-mint)!important;color:var(--sg-green-2)!important;border-color:rgba(31,207,121,.2)!important}
body .price{color:var(--sg-navy)!important}
body .ribbon,body .notice{background:#fff8e9!important;color:#71520d!important;border-color:#f1d59a!important}

/* Feature and CTA panels */
body .feature,body .cta,body .academy-band,body .sl-v30-home-conversion,body .sl-v49-check-card{
  background:linear-gradient(135deg,var(--sg-navy),var(--sg-navy-2))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:22px!important;
  box-shadow:0 22px 55px rgba(11,23,63,.18)!important;
}
body .feature h2,body .feature h3,body .cta h2,body .cta h3,body .academy-band h2,body .academy-band h3,
body .sl-v30-home-conversion h2,body .sl-v30-home-conversion h3,body .sl-v49-check-card h3{color:#fff!important}
body .feature p,body .cta p,body .academy-band p,body .sl-v30-home-conversion p,body .sl-v49-check-card li{color:#dce6ff!important}
body .feature-box{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:16px!important}
body .checklist li::before{color:var(--sg-green)!important}

/* Sections, articles and forms */
body .section,body .sl-v49-section{padding:clamp(68px,7vw,104px) 0!important}
body .section-head,body .section-intro{margin-bottom:42px!important}
body .section-head h2,body .section-intro h2,body .sl-v49-two-col h2{
  color:var(--sg-navy)!important;
  font-family:var(--sg-font)!important;
  font-size:clamp(2.15rem,4vw,3.65rem)!important;
  line-height:1.1!important;
}
body .article-body{color:var(--sg-text)!important;font-size:1rem!important}
body .article-body h2{color:var(--sg-navy)!important;font-family:var(--sg-font)!important}
body .form input,body .form textarea,body .form select,
body input:not([type=checkbox]):not([type=radio]),body textarea,body select{
  border:1px solid var(--sg-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--sg-navy)!important;
}
body .form input:focus,body .form textarea:focus,body .form select:focus,
body input:focus,body textarea:focus,body select:focus{outline:none!important;border-color:var(--sg-green)!important;box-shadow:0 0 0 4px rgba(31,207,121,.12)!important}

/* Legacy/simple header pages */
body>header:not(.sl-v19-header){
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--sg-line)!important;
  box-shadow:0 8px 30px rgba(11,23,63,.05)!important;
}
body .brand,body .brand-title span{color:var(--sg-navy)!important}
body .logo{background:linear-gradient(135deg,var(--sg-navy),var(--sg-green))!important;border-radius:12px!important}
body .navlinks{color:#273150!important}
body .navlinks a:hover{color:var(--sg-green-2)!important}

/* Academy pages embedded in the main site */
body .sl-academy-hero-copy{text-align:left!important}
body .sl-academy-hero-panel{background:transparent!important;border:0!important;box-shadow:none!important}
body .sl-academy-hero-image{border-radius:18px!important;box-shadow:var(--sg-shadow-soft)!important}
body .sl-academy-editorial-card{background:#fff!important;border:1px solid var(--sg-line)!important;border-left:5px solid var(--sg-green)!important;border-radius:14px!important;box-shadow:var(--sg-shadow-soft)!important}
body .sl-academy-hero-bullets span{border-left-color:var(--sg-green)!important;color:var(--sg-text)!important}

/* Intelligence Advisory pages use inline styles; these selectors intentionally harmonize them. */
body .header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--sg-line)!important;box-shadow:0 8px 30px rgba(11,23,63,.05)!important}
body .logo-box{border-color:var(--sg-line)!important;border-radius:12px!important;color:var(--sg-navy)!important;box-shadow:var(--sg-shadow-soft)!important}
body .brand-title{color:var(--sg-navy)!important}
body .brand-sub{color:var(--sg-muted)!important}
body .pill{border-color:var(--sg-line)!important;border-radius:10px!important;color:var(--sg-navy)!important}
body .pill:hover{border-color:var(--sg-green)!important;color:var(--sg-green-2)!important}
body .panel{background:#fff!important;border-color:var(--sg-line)!important;border-radius:18px!important;box-shadow:var(--sg-shadow-soft)!important}
body .btn.primary{background:var(--sg-navy)!important;border-color:var(--sg-navy)!important;color:#fff!important}
body .btn.gold{background:var(--sg-green)!important;border-color:var(--sg-green)!important;color:var(--sg-navy)!important}

/* Footer: same deep navy foundation used by Governance */
body .footer,body footer{
  background:var(--sg-navy)!important;
  color:#dce6ff!important;
  border-top:0!important;
}
body .footer h4,body footer h4{color:#fff!important}
body .footer p,body .footer li,body .footer small,body footer p,body footer li,body footer small{color:#b9c6e2!important}
body .footer a,body footer a{color:#dce6ff!important}
body .footer a:hover,body footer a:hover{color:var(--sg-green)!important}
body .footer-bottom{border-top:1px solid rgba(255,255,255,.12)!important;color:#b9c6e2!important}

/* Responsive alignment */
@media(max-width:1100px){
  body .sl-v19-nav{gap:14px!important}
  body .sl-v19-menu-item>button{padding-inline:8px!important}
}
@media(max-width:980px){
  body .container{width:min(100% - 32px,1240px)!important}
  body .sl-v19-nav{min-height:68px!important}
  body .sl-v19-menu{top:68px!important;background:#fff!important}
  body .sl-v19-menu-item>button{padding:15px 0!important}
  body .sl-v19-mega{top:auto!important;box-shadow:none!important;border-radius:0!important}
  body .sl-v30-quick-strip{overflow-x:auto!important;flex-wrap:nowrap!important}
}
@media(max-width:680px){
  body .container{width:min(100% - 24px,1240px)!important}
  body .sl-v20-hero-copy h1,body .hero h1,body .page-hero h1,body .sl-v49-page-hero h1{font-size:clamp(2.3rem,13vw,3.55rem)!important}
  body .sl-v19-utility{display:none!important}
  body .sl-v19-mega{top:auto!important}
  body .btn,body .sl-v20-primary,body .sl-v20-secondary,body .sl-academy-btn{width:100%!important}
  body .feature,body .cta,body .sl-v49-check-card{padding:28px!important}
}
