/* ==========================================================================
   Mountaineer Business Network — Design System
   Built on the Buckeye Business Network design source (shared Regional
   Business Network visual language): Inter type, navy/gold palette,
   rounded-rect buttons, soft elevated cards, sticky header, dark footer.
   ========================================================================== */
:root{--navy:#08284d;--navy2:#062038;--deep:#041a31;--blue:#124d7a;--gold:#f0c243;--gold2:#f4c84a;--cream:#f7f2e8;--ink:#142335;--muted:#5c6c7d;--line:#dde3ea;--white:#fff;--shadow:0 18px 48px rgba(4,27,50,.14)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}
a{color:inherit}img{max-width:100%;display:block}.container{width:min(1200px,calc(100% - 44px));margin:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:15px;top:15px;background:#fff;color:var(--navy);padding:12px 18px;z-index:9999;border-radius:5px;font-weight:800;outline:3px solid #fff;box-shadow:0 0 0 5px var(--navy)}
h1,h2,h3{line-height:1.15;margin:0}p{margin:0 0 12px}
a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #fff;outline-offset:1px;box-shadow:0 0 0 4px var(--navy);border-radius:3px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* Header / Nav */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.98);border-top:4px solid var(--gold);border-bottom:1px solid #edf0f4;box-shadow:0 3px 18px rgba(8,34,63,.06)}
.header-inner{min-height:112px;display:flex;align-items:center;gap:28px}
.brand{display:block;flex:0 0 auto}.brand img{width:300px;max-height:88px;object-fit:contain;object-position:left}
.nav{margin-left:auto;display:flex;align-items:center;gap:24px}
.nav a,.dropdown-toggle{text-decoration:none;font-weight:750;font-size:14px;white-space:nowrap;color:#16263d;background:none;border:0;cursor:pointer;font-family:inherit;padding:10px 4px;border-bottom:2px solid transparent}
.nav a:hover,.dropdown-toggle:hover,.nav a[aria-current="page"]{color:#936a00}
.nav a[aria-current="page"]{border-bottom-color:#936a00;font-weight:900}
.nav-cta{background:var(--navy)!important;color:var(--gold)!important;padding:12px 20px;border-radius:5px;box-shadow:0 8px 20px rgba(6,42,84,.16)}
.nav-cta:hover{color:var(--gold2)!important}
.dropdown{position:relative}.dropdown-menu{position:absolute;top:38px;left:0;min-width:245px;background:#fff;padding:10px;border-radius:10px;box-shadow:var(--shadow);display:none}
.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{display:grid}
.dropdown-menu a{padding:10px 12px;border-radius:7px}.dropdown-menu a:hover{background:var(--cream)}
.menu-toggle{display:none;margin-left:auto;border:0;background:var(--navy);color:#fff;border-radius:5px;padding:11px 14px;font-weight:800}

/* Hero */
.hero{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;color:#fff;background:linear-gradient(100deg,rgba(2,17,35,.96) 0%,rgba(4,27,50,.86) 46%,rgba(4,27,50,.42) 100%),url('/images/west-virginia-hero.jpg') center/cover no-repeat}
.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:80px 0}
.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:13px;font-weight:900;color:var(--gold2);margin:0 0 12px}
.hero h1{font-size:clamp(40px,5vw,66px);margin:0 0 18px;font-weight:900;letter-spacing:-1.4px;max-width:760px}
.hero h1 strong{color:var(--gold2);font-weight:900}
.lead{font-size:18px;max-width:660px;color:#e9eef4;margin:0 0 10px}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:850;padding:14px 24px;border-radius:5px;transition:.2s;font-size:15px}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold2);color:var(--navy2)}
.btn-outline{border:2px solid rgba(255,255,255,.7);color:#fff}
.gateway-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.gateway-card{min-height:154px;background:linear-gradient(145deg,rgba(9,45,86,.96),rgba(4,26,49,.98));border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:23px;color:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:.2s;display:block}
.gateway-card:hover{transform:translateY(-3px);border-color:var(--gold2)}
.gateway-card b{display:block;color:var(--gold2);font-size:13px;letter-spacing:1px;font-weight:900}
.gateway-card h2{font-size:20px;margin:8px 0 7px}
.gateway-card p{font-size:14px;margin:0;color:#dbe6f2}

/* Inner page hero */
.page-hero,.inner-hero{padding:66px 0;background:linear-gradient(115deg,var(--deep),var(--navy));color:#fff}
.page-hero h1,.inner-hero h1{color:#fff;font-size:clamp(36px,4.6vw,56px);max-width:920px;margin:0 0 14px;font-weight:900;letter-spacing:-1px}
.page-hero p,.inner-hero p{max-width:800px;font-size:18px;color:#dfe9f4}
.breadcrumbs{font-size:13px;color:#cfe0f2;margin-bottom:14px}.breadcrumbs a{color:#fff;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}

/* Sections */
.section{padding:76px 0}.section.alt{background:var(--cream)}
.section-head{max-width:780px;margin-bottom:36px}
.section h2{font-size:clamp(31px,3.8vw,48px);color:var(--navy);margin:8px 0 14px;font-weight:900;letter-spacing:-.8px}
.section-copy{font-size:18px;color:var(--muted);max-width:820px}
.small{font-size:14px;color:var(--muted)}

/* Region / feature / gateway grids */
.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.region-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 9px 26px rgba(6,42,84,.08);border:1px solid var(--line);display:flex;flex-direction:column}
.region-art{height:240px;background:linear-gradient(135deg,var(--navy),var(--blue));display:flex;align-items:center;justify-content:center;color:var(--gold2);font-weight:900;font-size:20px;letter-spacing:.5px;text-align:center;padding:18px}
.region-body{padding:24px}
.region-body h3{color:var(--navy);font-size:21px;margin:0 0 8px}
.region-body p{color:var(--muted)}
.text-link{font-weight:850;color:#0752a0;text-decoration:none;display:inline-block;margin-top:6px}
.text-link:hover{text-decoration:underline}
.region-art.has-image{background-size:cover;background-position:center;position:relative}
.region-art.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(8,40,77,.72),rgba(18,77,122,.55))}
.region-art.has-image span{position:relative;z-index:1}
.card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.btn-sm{padding:10px 16px;font-size:13px;border-radius:5px}
.btn-card-outline{border:2px solid var(--navy);color:var(--navy);background:transparent}
.btn-card-outline:hover{background:var(--navy);color:#fff}

.connection-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature{padding:28px;background:#fff;border-radius:11px;box-shadow:0 9px 26px rgba(6,42,84,.07);border-top:5px solid var(--gold2)}
.feature h3{color:var(--navy);font-size:21px;margin:0 0 9px}
.feature p{color:var(--muted);margin:0}

/* Authority / dark band */
.authority{background:linear-gradient(120deg,var(--deep),var(--navy2));color:#fff}
.authority h2{color:#fff}
.authority-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.authority-box{background:rgba(255,255,255,.07);padding:30px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}
.point{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.point:last-child{border-bottom:0}
.point strong{display:block;color:var(--gold2);margin-bottom:4px}
.point span{color:#d9e7f6;font-size:14.5px}

/* CTA band */
.cta{background:linear-gradient(125deg,var(--navy),var(--deep));padding:52px 0;border-radius:0;color:#fff}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.cta h2{font-size:clamp(28px,3.2vw,38px);color:#fff;margin:0}
.cta .btn{background:var(--gold2);color:var(--navy2)}

/* Content pages (long-form / legacy copy) */
.content-wrap{padding:66px 0}
.legacy-content{max-width:1040px;margin:auto}
.legacy-content img{max-width:100%;height:auto;border-radius:10px;margin:14px 0}
.legacy-content a{color:#0752a0;font-weight:700}
.legacy-content h2,.legacy-content h3{color:var(--navy);margin-top:34px}
.legacy-content ul{padding-left:22px}
.legacy-content li{margin:6px 0}
.fr-dib{display:block;margin:16px auto}.fr-dii{display:inline-block;margin:0 10px 6px 0}.fr-fic{float:left;margin:6px 16px 6px 0}
.notice{background:#fff7d6;border-left:5px solid var(--gold);padding:18px 20px;border-radius:8px;margin:22px 0}
.legal{font-size:15px;color:var(--ink)}
.legal h2{margin-top:30px;font-size:24px;color:var(--navy)}

/* Reusable Buckeye-style components (cards, grids, checklists, corridors) */
.grid-2,.grid-3,.grid-4{display:grid;gap:22px}
.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:26px;box-shadow:0 9px 26px rgba(6,42,84,.07)}
.card h3{font-size:22px;color:var(--navy);margin:0 0 9px}
.card p{color:var(--muted)}
.card.gold-top{border-top:5px solid var(--gold2)}
.card.navy-top{border-top:5px solid var(--navy)}
.tag{display:inline-block;background:#fff2be;color:#735400;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}
.statement{border-left:6px solid var(--gold2);padding:8px 0 8px 23px;font-size:25px;font-weight:800;color:var(--navy)}
.list-check{padding:0;list-style:none}
.list-check li{padding:8px 0 8px 28px;position:relative}
.list-check li:before{content:"✓";position:absolute;left:0;color:#936a00;font-weight:900}
.corridor{padding:25px;border-radius:12px;background:#fff;border-left:6px solid var(--gold2);box-shadow:var(--shadow)}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:26px}
.flow div{background:#fff;color:var(--navy);padding:16px 10px;text-align:center;border-radius:8px;font-weight:800;box-shadow:0 6px 16px rgba(6,42,84,.08)}
.border-band{background:linear-gradient(100deg,var(--deep),var(--navy2));color:#fff;padding:33px 0}
.border-wrap{display:grid;grid-template-columns:1fr 2.25fr;gap:34px;align-items:center}
.border-wrap h2{color:var(--gold2);margin:0 0 8px}
.border-links{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.border-link{border:1px solid rgba(255,255,255,.35);border-radius:7px;padding:15px 10px;text-decoration:none;font-weight:800;font-size:12px;text-align:center;color:#fff}
.border-link:hover{border-color:var(--gold2);color:var(--gold2)}

/* Footer */
.footer{background:var(--deep);color:#cfd9e3;padding:56px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:42px}
.footer h2{color:#fff;font-size:16px;margin:0 0 4px}
.footer a{color:#cfd9e3;text-decoration:none;display:block;margin:3px 0;padding:6px 0;font-size:14.5px}
.footer a:hover{color:var(--gold2)}
.footer-logo{display:block;width:280px;max-width:100%;height:auto;margin:0 0 22px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:19px;font-size:13px;color:#93a3b3}

/* Responsive */
@media(max-width:1080px){
  .header-inner{min-height:100px}.nav{gap:16px}.nav a,.dropdown-toggle{font-size:13px}
  .hero-inner{grid-template-columns:1fr}.gateway-grid{max-width:760px}
  .authority-grid{grid-template-columns:1fr}
  .region-grid{grid-template-columns:repeat(2,1fr)}
  .border-wrap{grid-template-columns:1fr}.border-links{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
  .container{width:min(100% - 28px,1200px)}
  .header-inner{min-height:88px}.brand img{width:230px;max-height:64px}
  .menu-toggle{display:block}
  .nav{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch;box-shadow:0 12px 24px rgba(4,31,65,.12);border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .dropdown-menu{position:static;box-shadow:none;background:var(--cream);margin-top:6px}
  .grid-3,.grid-4,.footer-grid,.connection-grid,.feature-grid{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .hero{min-height:auto}.hero-inner{padding:56px 0}
  .section{padding:56px 0}
  .flow{grid-template-columns:1fr 1fr}
  .border-links{grid-template-columns:1fr 1fr}
  .cta-inner{display:block}.cta .btn{margin-top:18px}
}
@media(max-width:560px){
  .gateway-grid,.region-grid{grid-template-columns:1fr}
  .hero h1{font-size:36px}
  .flow{grid-template-columns:1fr}
  .border-links{grid-template-columns:1fr}
  .footer-logo{width:220px}
}