/* Vezina Industries — Employee Resources portal (internal). Shared styles. */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#0C0C0C; --panel:#141414; --ink:#111; --gold:#F5B300; --gold-2:#FFC72C;
  --cream:#F7F6F3; --line:#e6e7ea; --muted:#6b7280; --muted-d:rgba(255,255,255,.6);
}
html{background:var(--navy);-webkit-text-size-adjust:100%}
body{font-family:'Inter',-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 2rem}

/* NAV */
.er-nav{position:sticky;top:0;z-index:100;background:rgba(12,12,12,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.er-nav-in{max-width:1160px;margin:0 auto;padding:.85rem 2rem;display:flex;align-items:center;gap:1.2rem}
.er-brand{display:flex;align-items:center;gap:.65rem;color:#fff}
.er-brand img{width:34px;height:34px}
.er-brand b{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;line-height:1}
.er-brand span{display:block;font-size:.62rem;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin-top:2px}
.er-nav-links{margin-left:auto;display:flex;gap:1.5rem;align-items:center}
.er-nav-links a{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.66);transition:color .2s}
.er-nav-links a:hover{color:var(--gold)}
@media(max-width:720px){.er-nav-links a:not(.er-nav-cta){display:none}}
.er-nav-cta{color:#000 !important;background:var(--gold);padding:.5rem .9rem;border-radius:7px}

/* HERO */
.er-hero{position:relative;background:var(--navy) center/cover no-repeat;color:#fff;overflow:hidden}
.er-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.72) 0%,rgba(10,10,10,.82) 100%);z-index:1}
.er-hero-in{position:relative;z-index:2;max-width:1160px;margin:0 auto;padding:5rem 2rem 4rem}
.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.er-hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;line-height:1.02;font-size:clamp(2.4rem,6vw,4.4rem);margin-bottom:1rem}
.er-hero h1 em{color:var(--gold);font-style:normal}
.er-hero .lede{color:rgba(255,255,255,.82);font-size:1.08rem;line-height:1.7;max-width:560px}
.badge-safety{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.6rem;background:var(--gold);color:#000;font-weight:800;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:.7rem 1.2rem;border-radius:8px}
.badge-safety svg{width:16px;height:16px}

/* STATE SELECTOR */
.states{margin-top:2rem;display:flex;flex-direction:column;gap:.8rem;max-width:460px}
.state-btn{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.16);border-radius:12px;padding:1.1rem 1.4rem;color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:.12em;text-transform:uppercase;transition:all .2s}
.state-btn:hover{background:var(--gold);color:#000;border-color:var(--gold);transform:translateX(4px)}
.state-btn svg{width:20px;height:20px}
.state-btn.soon{opacity:.55;cursor:default}
.state-btn.soon:hover{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.16);transform:none}
.state-btn .tag{font-family:'Inter',sans-serif;font-size:.6rem;letter-spacing:.12em;background:rgba(255,255,255,.14);padding:.2rem .5rem;border-radius:20px;font-weight:600}

/* VALUES ROW */
.values{background:var(--navy);border-top:1px solid rgba(255,255,255,.08);padding:2.6rem 0}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
@media(max-width:820px){.values-grid{grid-template-columns:1fr 1fr}}
.value{text-align:center;color:#fff;padding:0 .5rem}
.value .ic{width:46px;height:46px;margin:0 auto .8rem;color:var(--gold)}
.value h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem}
.value p{font-size:.82rem;color:rgba(255,255,255,.55);line-height:1.5}

/* SECTIONS */
.sec{padding:4.5rem 0}
.sec.light{background:#fff}.sec.cream{background:var(--cream)}.sec.dark{background:var(--navy);color:#fff}
.sec-label{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem}
.sec h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;line-height:1.05;font-size:clamp(1.8rem,3.4vw,2.7rem);color:inherit}
.sec .sub{color:var(--muted);max-width:640px;line-height:1.7;margin-top:.6rem}
.sec.dark .sub{color:rgba(255,255,255,.6)}

/* QUICK ACCESS + RESOURCE CARDS */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem;margin-top:2.2rem}
.rcard{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:1.5rem;transition:all .2s;position:relative;min-height:170px}
.rcard:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.08)}
.rcard .ic{width:44px;height:44px;border-radius:11px;background:rgba(245,179,0,.12);display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:1rem}
.rcard .ic svg{width:22px;height:22px}
.rcard h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.12rem;color:var(--navy);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.35rem}
.rcard p{font-size:.85rem;color:var(--muted);line-height:1.55;flex:1}
.rcard .go{margin-top:1rem;display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}
.rcard .go svg{width:15px;height:15px;color:var(--gold);transition:transform .2s}
.rcard:hover .go svg{transform:translateX(4px)}
.rcard.feature{background:var(--navy);border-color:var(--navy)}
.rcard.feature h3{color:#fff}.rcard.feature p{color:rgba(255,255,255,.62)}.rcard.feature .go{color:#fff}
.rcard.feature .ic{background:rgba(245,179,0,.16)}
.rcard .pill{position:absolute;top:1.1rem;right:1.1rem;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .5rem;border-radius:20px}
.pill-live{background:#e7f5e9;color:#1a7a2e}.pill-soon{background:rgba(255,255,255,.1);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.2)}
.rcard[aria-disabled="true"]{opacity:.6;pointer-events:none}

/* COMMITMENT */
.commit{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-top:1rem}
@media(max-width:860px){.commit{grid-template-columns:1fr;gap:2rem}}
.commit-img{border-radius:16px;overflow:hidden;position:relative;min-height:320px;background:#222 center/cover}
.commit-img .cap{position:absolute;left:1.2rem;bottom:1.1rem;z-index:2;font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:.9rem}
.commit-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.7))}
.commit-pts{list-style:none;margin-top:1.4rem;display:flex;flex-direction:column;gap:1.1rem}
.commit-pts li{display:flex;gap:.9rem}
.commit-pts .ic{flex-shrink:0;width:38px;height:38px;border-radius:9px;background:rgba(245,179,0,.14);color:var(--gold);display:flex;align-items:center;justify-content:center}
.commit-pts .ic svg{width:19px;height:19px}
.commit-pts h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:.15rem}
.commit-pts p{font-size:.86rem;color:rgba(255,255,255,.6);line-height:1.55}

/* CONTACT STRIP */
.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.4rem;margin-top:2rem;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:1.8rem}
.contact .ci .k{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem}
.contact .ci .v{font-size:.95rem;color:var(--ink);line-height:1.4}
.contact .ci .v a{color:var(--navy);font-weight:600}

/* UPDATES */
.updates{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.1rem;margin-top:2rem}
.update{background:#fff;border:1.5px solid var(--line);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:1.3rem}
.update .cat{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.update h4{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.15rem;color:var(--navy);text-transform:uppercase;margin:.35rem 0 .4rem}
.update p{font-size:.85rem;color:var(--muted);line-height:1.55}
.update .date{font-size:.72rem;color:var(--muted);margin-top:.7rem}

/* FOOTER */
.er-foot{background:#080808;color:rgba(255,255,255,.5);padding:2.4rem 0;border-top:1px solid rgba(255,255,255,.08);text-align:center}
.er-foot img{width:40px;height:40px;margin:0 auto .8rem;opacity:.9}
.er-foot .tag{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;font-size:1rem;margin-bottom:.5rem}
.er-foot p{font-size:.74rem;line-height:1.7;max-width:640px;margin:0 auto}
.er-foot a{color:var(--gold)}