
/* ERANORTH EXECUTIVE DESIGN SYSTEM v1.1 */
:root{
  --en-ink:#15202b;--en-ink-2:#33424f;--en-navy:#0c1822;--en-paper:#f7f5ef;
  --en-surface:#ffffff;--en-soft:#edf1f2;--en-line:#d6dddf;--en-accent:#082a5e;
  --en-accent-dark:#061d42;--en-muted:#6b7981;--en-radius-sm:10px;--en-radius-md:18px;
  --en-radius-lg:28px;--en-shadow-sm:0 8px 24px rgba(12,24,34,.06);
  --en-shadow-md:0 20px 54px rgba(12,24,34,.09);--en-reading:68ch;
}
body{color:var(--en-ink);background:var(--en-paper)}
.header{background:rgba(247,245,239,.95)!important;border-bottom:1px solid rgba(21,32,43,.08)!important;box-shadow:none!important}
.header .navlinks a{color:var(--en-ink)!important;text-shadow:none!important}
.header .navlinks a:hover,.header .navlinks a.active{color:var(--en-accent-dark)!important}
.header .navlinks a:not(.button)::after{background:var(--en-accent)!important;box-shadow:none!important}
.header .button.dark{background:var(--en-ink)!important;color:#fff!important;border-color:var(--en-ink)!important}
.header .button.dark:hover{background:var(--en-accent-dark)!important;border-color:var(--en-accent-dark)!important}
.header .brand img{filter:none!important}
.hero,.hero-section,.page-hero{background:radial-gradient(900px 420px at 88% 18%,rgba(8,42,94,.10),transparent 50%),linear-gradient(180deg,#f7f5ef 0%,#f5f3ed 100%)!important;color:var(--en-ink)!important}
.hero h1,.hero-section h1,.page-hero h1{color:var(--en-ink)!important}
.hero p,.hero-section p,.page-hero p,.hero .eyebrow,.hero-section .eyebrow{color:var(--en-ink-2)!important}
.display,.h1,.h2{font-family:Georgia,"Times New Roman",serif}
.display{max-width:12ch}.lede{max-width:var(--en-reading);color:var(--en-ink-2)}
.button{border-radius:999px;box-shadow:none}.card,.founder-card,.cta-box{box-shadow:none}
.card{border-color:var(--en-line);background:rgba(255,255,255,.6)}
.section.ink,.ink{background:var(--en-navy)!important}
.en-ai-fab{background:#fff!important;color:var(--en-ink)!important;border:1px solid var(--en-line)!important;box-shadow:var(--en-shadow-sm)!important;font-size:.84rem!important;padding:10px 14px!important}
.en-ai-fab-icon{background:var(--en-ink)!important;color:#fff!important}.en-ai-panel{box-shadow:var(--en-shadow-md)!important}
.en-trust{border-top:1px solid var(--en-line);border-bottom:1px solid var(--en-line);background:#fff}
.en-trust-inner{width:min(calc(100% - 40px),1180px);margin:auto;display:grid;grid-template-columns:repeat(6,1fr)}
.en-trust-item{padding:1.25rem 1rem;border-right:1px solid var(--en-line);text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--en-ink-2)}
.en-trust-item:last-child{border-right:0}.article-shell{max-width:780px;margin:auto}
.article-shell p,.article-shell li{font-size:1.06rem;line-height:1.8}
.callout{border-left:3px solid var(--en-accent);padding:1rem 1.25rem;background:#fff}
@media(max-width:900px){.en-trust-inner{grid-template-columns:repeat(2,1fr)}.en-trust-item{border-bottom:1px solid var(--en-line)}.header .navlinks{background:var(--en-paper)!important}}

.header .brand img{width:250px!important;max-height:48px!important;filter:none!important}.footer-logo{width:220px!important;height:auto!important;filter:none!important}@media(max-width:900px){.header .brand img{width:210px!important;max-height:40px!important}}


/* v1.5.3: stronger brand presence + accessible mobile navigation control */
.header .brand img{
  width:340px !important;
  max-width:36vw !important;
  max-height:64px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:none !important;
}
.mobile-toggle{
  display:none;
  width:46px;
  height:46px;
  min-width:46px;
  padding:0;
  align-items:center;
  justify-content:center;
  border:1px solid var(--en-line) !important;
  border-radius:12px;
  background:#fff !important;
  color:var(--en-ink) !important;
  font-size:0 !important;
  line-height:1;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(12,24,34,.08);
  position:relative;
  z-index:101;
}
.mobile-toggle::before{
  content:"";
  width:22px;
  height:16px;
  display:block;
  background:
    linear-gradient(var(--en-ink),var(--en-ink)) 0 0/22px 2px no-repeat,
    linear-gradient(var(--en-ink),var(--en-ink)) 0 7px/22px 2px no-repeat,
    linear-gradient(var(--en-ink),var(--en-ink)) 0 14px/22px 2px no-repeat;
}
.mobile-toggle[aria-expanded="true"]::before{
  width:22px;
  height:22px;
  background:
    linear-gradient(var(--en-ink),var(--en-ink)) center/22px 2px no-repeat,
    linear-gradient(var(--en-ink),var(--en-ink)) center/22px 2px no-repeat;
  transform:rotate(45deg);
}
.mobile-toggle[aria-expanded="true"]::after{
  content:"";
  position:absolute;
  width:22px;
  height:2px;
  background:var(--en-ink);
  transform:rotate(-45deg);
}
@media(max-width:1200px){
  .header .brand img{width:305px !important;max-width:33vw !important;max-height:58px !important}
}
@media(max-width:900px){
  .header .nav{height:82px !important;min-height:82px !important}
  .header .brand img{width:265px !important;max-width:68vw !important;max-height:54px !important}
  .mobile-toggle{display:flex !important}
  .header .navlinks{top:86px !important;background:var(--en-paper) !important;border:1px solid var(--en-line) !important}
}
@media(max-width:560px){
  .header .brand img{width:250px !important;max-width:70vw !important;max-height:50px !important}
  .mobile-toggle{width:44px;height:44px;min-width:44px}
}
@media(max-width:390px){
  .header .brand img{width:225px !important;max-width:68vw !important;max-height:46px !important}
}


/* v1.0.7: full-height responsive logo and high-contrast tablet/mobile menu */
.header .nav{
  height:94px !important;
  min-height:94px !important;
}
.header .brand{
  display:flex !important;
  align-items:center !important;
  height:100% !important;
  min-width:0 !important;
  flex:0 1 auto !important;
}
.header .brand img{
  display:block !important;
  width:auto !important;
  height:78px !important;
  max-height:calc(100% - 12px) !important;
  max-width:min(390px,40vw) !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:none !important;
}
.header .mobile-toggle{
  display:none;
  position:relative !important;
  z-index:110 !important;
  flex:0 0 48px !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  padding:0 !important;
  border:2px solid #0b1f2a !important;
  border-radius:12px !important;
  background:#0b1f2a !important;
  color:#fff !important;
  font-size:0 !important;
  line-height:0 !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  box-shadow:0 5px 16px rgba(11,31,42,.22) !important;
}
.header .mobile-toggle::before{
  content:"" !important;
  display:block !important;
  width:24px !important;
  height:18px !important;
  background:linear-gradient(#fff,#fff) 0 0/24px 3px no-repeat,linear-gradient(#fff,#fff) 0 8px/24px 3px no-repeat,linear-gradient(#fff,#fff) 0 16px/24px 3px no-repeat !important;
}
.header .mobile-toggle[aria-expanded="true"]::before{
  width:25px !important;
  height:25px !important;
  background:linear-gradient(#fff,#fff) center/25px 3px no-repeat !important;
  transform:rotate(45deg) !important;
}
.header .mobile-toggle[aria-expanded="true"]::after{
  content:"" !important;
  position:absolute !important;
  width:25px !important;
  height:3px !important;
  background:#fff !important;
  transform:rotate(-45deg) !important;
}
.header .mobile-toggle:hover,.header .mobile-toggle:focus-visible{
  background:#155bd7 !important;
  border-color:#155bd7 !important;
  outline:3px solid rgba(21,91,215,.28) !important;
  outline-offset:2px !important;
}
@media(max-width:1024px){
  .header .nav{height:86px !important;min-height:86px !important;gap:12px !important}
  .header .brand img{height:72px !important;max-height:calc(100% - 10px) !important;max-width:calc(100vw - 112px) !important}
  .header .mobile-toggle{display:flex !important}
  .header .navlinks{display:none !important;position:absolute !important;left:20px !important;right:20px !important;top:90px !important;z-index:105 !important;flex-direction:column !important;align-items:stretch !important;padding:20px !important;background:#f7f5ef !important;border:1px solid #d6dddf !important;border-radius:16px !important;box-shadow:0 20px 54px rgba(12,24,34,.18) !important}
  .header .navlinks.open{display:flex !important}
  .header .navlinks a{color:#15202b !important;padding:10px 8px !important}
}
@media(max-width:560px){
  .header .nav{height:80px !important;min-height:80px !important}
  .header .brand img{height:68px !important;max-width:calc(100vw - 100px) !important}
  .header .mobile-toggle{flex-basis:46px !important;width:46px !important;height:46px !important;min-width:46px !important}
  .header .navlinks{top:84px !important;left:12px !important;right:12px !important}
}
@media(max-width:380px){
  .header .brand img{height:62px !important;max-width:calc(100vw - 94px) !important}
}

/* v1.1.1: accessible footer identity on dark backgrounds */
.footer .footer-logo,
.footer .brand-wordmark-footer{
  display:block !important;
  width:auto !important;
  height:64px !important;
  max-width:min(330px,100%) !important;
  max-height:none !important;
  box-sizing:content-box !important;
  margin:0 0 24px !important;
  padding:12px 18px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 #fff !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:none !important;
}
@media(max-width:560px){
  .footer .footer-logo,
  .footer .brand-wordmark-footer{height:54px !important;padding:10px 14px !important;margin-bottom:20px !important}
}


/* v1.1.2 professional spacing and button polish */
.container{width:min(calc(100% - 48px),var(--max))}
.section{padding:112px 0}
.page-hero{padding:112px 0 78px}
.navlinks{gap:28px}
.navlinks a{font-size:.95rem}
.button{min-height:48px;padding:14px 22px;border-radius:999px;font-weight:800;letter-spacing:.01em}
.button.dark{box-shadow:0 10px 24px rgba(12,24,34,.12)}
.card,.founder-card,.cta-box,.callout{border-radius:24px}
.card{padding:32px}
.cta-box{padding:clamp(40px,6vw,82px)}
.footer-grid{gap:56px}
.form{gap:18px}.field input,.field textarea,.field select{padding:15px 16px;border-radius:14px}
.en-professional-link{font-weight:800!important}
@media(max-width:900px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:84px 0}.page-hero{padding:92px 0 62px}.button{min-height:46px;padding:13px 18px}}

/* v1.1.3 decision-intelligence content hierarchy */
.header .navlinks .en-ai-nav-link{font-weight:800!important;color:var(--en-accent-dark)!important}
.header .navlinks .en-professional-link{font-weight:800!important}
.header .navlinks .en-start-link{font-weight:700!important}
@media(max-width:1024px){.header .navlinks .en-ai-nav-link,.header .navlinks .en-professional-link,.header .navlinks .en-start-link{padding:10px 8px!important}}
