:root{--navy:#101b33;--red:#b51f2a;--red-dark:#8e1720;--gold:#c9a227;--off:#f7f7f5;--text:#374151;--muted:#6b7280;--line:#e5e7eb;--paper:#fff;--shadow:0 18px 45px rgba(16,27,51,.09);--radius:18px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--off);line-height:1.68;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 10px 28px rgba(16,27,51,.08);border-bottom:1px solid rgba(16,27,51,.08)}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:96px;padding:12px 0}.brand-logo-link{display:flex!important;align-items:center!important;width:390px!important;min-width:390px!important;max-width:390px!important;height:78px!important;flex:0 0 390px!important;overflow:visible!important;background:none!important}.brand-logo-img{display:block!important;width:100%!important;height:auto!important;max-height:78px!important;object-fit:contain!important}.brand-mark,.brand span:last-child,.brand::before,.brand::after{display:none!important;content:none!important}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:14px;font-weight:800;color:#334155;flex:1 1 auto}.nav-links a{position:relative;font-size:14px;font-weight:900;color:#334155;white-space:nowrap}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:3px;background:#c42b32;transition:right .18s ease}.nav-links a:hover:after,.nav-links a.active:after{right:0}.nav-cta{background:#c42b32;color:#fff!important;border-radius:8px;padding:12px 18px;box-shadow:0 10px 22px rgba(196,43,50,.20)}.nav-cta:after{display:none}.menu-button{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-weight:800;color:var(--navy)}h1,h2,h3{font-family:Merriweather,Georgia,serif;color:var(--navy);line-height:1.16;margin:0 0 18px}p{margin:0 0 18px}.hero{position:relative;background:linear-gradient(135deg,var(--navy),#1b2c50);color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(181,31,42,.32),transparent 35%),radial-gradient(circle at 10% 82%,rgba(201,162,39,.22),transparent 30%)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:74px 74px;opacity:.55}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;min-height:690px;padding:92px 0}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;color:var(--gold);margin-bottom:14px}.hero h1{color:#fff;font-size:clamp(44px,5.6vw,78px);letter-spacing:-.045em;margin-bottom:22px}.lead{font-size:19px;color:#e5e7eb;max-width:720px}.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:8px;font-size:14px;font-weight:900;border:1px solid transparent}.btn-primary{background:var(--red);color:#fff}.btn-secondary{background:var(--gold);color:#111827}.btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}.btn-light{background:#fff;color:var(--navy)}.hero-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:34px;box-shadow:0 24px 60px rgba(0,0,0,.18);backdrop-filter:blur(10px)}.hero-card h2{color:#fff;font-size:31px}.hero-card p{color:#e5e7eb}.cred-list{display:grid;gap:14px;margin-top:24px}.cred-list div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px}.cred-list strong{display:block;color:#fff}.cred-list span{display:block;color:#d1d5db;font-size:14px}.independence-bar{background:#fff;border-bottom:1px solid var(--line)}.bar-grid{display:grid;grid-template-columns:repeat(5,1fr)}.bar-grid div{text-align:center;padding:20px 12px;border-right:1px solid var(--line);font-weight:900;color:var(--navy);font-size:13px;text-transform:uppercase;letter-spacing:.06em}.section{padding:86px 0}.section-muted{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-title{margin-bottom:34px}.section-title h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.03em}.section-title p{font-size:18px;max-width:820px;color:var(--muted)}.center{text-align:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card,.priority{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.card h3,.priority h3{font-size:24px}.priority{border-top:4px solid var(--red)}.cta-band{background:var(--navy);color:#fff;padding:66px 0}.cta-band h2{color:#fff;font-size:clamp(32px,3.7vw,52px)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:34px}.footer{background:#0d172c;color:#d1d5db;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.25fr .75fr 1.2fr;gap:42px}.footer h3{color:#fff;font-size:22px}.footer a{display:block;color:#e5e7eb;margin:5px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#9ca3af;font-size:13px}@media(max-width:1250px){.brand-logo-link{width:330px!important;min-width:330px!important;max-width:330px!important;flex-basis:330px!important;height:68px!important}.brand-logo-img{max-height:68px!important}.nav-links{gap:13px!important}.nav-links a{font-size:13px!important}}@media(max-width:1040px){.nav{min-height:76px!important}.brand-logo-link{width:300px!important;min-width:300px!important;max-width:300px!important;flex-basis:300px!important;height:62px!important}.brand-logo-img{max-height:62px!important}.hero-inner{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}.bar-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none;position:absolute;left:20px;right:20px;top:80px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-button{display:inline-flex}}@media(max-width:660px){.container{width:min(100% - 28px,var(--max))}.nav{min-height:64px!important;padding:10px 0!important}.brand-logo-link{width:220px!important;min-width:220px!important;max-width:220px!important;flex-basis:220px!important;height:50px!important}.brand-logo-img{max-height:50px!important}.hero-inner{min-height:auto;padding:70px 0}.hero h1{font-size:42px}.grid-3,.bar-grid{grid-template-columns:1fr}.section{padding:62px 0}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}}



/* =========================================================
   ENABLE LOBBY, Logo Bigger + Hero Gap Reduced
   Fixes small header logo and oversized hero top space.
   ========================================================= */

/* Header spacing */
.nav{
  min-height:104px !important;
  padding:6px 0 !important;
  align-items:center !important;
}

/* Larger real SVG logo in header */
.brand-logo-link,
.brand{
  width:430px !important;
  min-width:430px !important;
  max-width:430px !important;
  height:88px !important;
  flex:0 0 430px !important;
  display:flex !important;
  align-items:center !important;
  background:none !important;
  text-indent:0 !important;
  overflow:visible !important;
}

.brand-logo-img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:88px !important;
  object-fit:contain !important;
}

/* Hide any old text-logo pieces */
.brand-mark,
.brand span:last-child,
.brand::before,
.brand::after{
  display:none !important;
  content:none !important;
}

/* Reduce the huge hero area */
.hero-inner{
  min-height:0 !important;
  height:auto !important;
  padding-top:26px !important;
  padding-bottom:58px !important;
  align-items:flex-start !important;
}

/* Pull columns upward */
.hero-inner > div,
.hero-inner > aside{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Tighter hero spacing */
.hero .eyebrow{
  margin-top:0 !important;
  margin-bottom:8px !important;
}

.hero h1{
  margin-top:0 !important;
  margin-bottom:16px !important;
}

.lead{
  margin-bottom:12px !important;
}

.hero-card{
  margin-top:0 !important;
  padding:30px !important;
}

/* Make header nav fit with larger logo */
.nav-links{
  gap:16px !important;
}

.nav-links a{
  font-size:14px !important;
  font-weight:900 !important;
}

/* Medium screens */
@media(max-width:1250px){
  .brand-logo-link,
  .brand{
    width:370px !important;
    min-width:370px !important;
    max-width:370px !important;
    height:76px !important;
    flex-basis:370px !important;
  }

  .brand-logo-img{
    max-height:76px !important;
  }

  .nav-links{
    gap:12px !important;
  }

  .nav-links a{
    font-size:13px !important;
  }

  .hero-inner{
    padding-top:24px !important;
    padding-bottom:54px !important;
  }
}

/* Tablet */
@media(max-width:1040px){
  .nav{
    min-height:84px !important;
  }

  .brand-logo-link,
  .brand{
    width:315px !important;
    min-width:315px !important;
    max-width:315px !important;
    height:66px !important;
    flex-basis:315px !important;
  }

  .brand-logo-img{
    max-height:66px !important;
  }

  .hero-inner{
    padding-top:34px !important;
    padding-bottom:52px !important;
  }
}

/* Mobile */
@media(max-width:660px){
  .nav{
    min-height:74px !important;
    padding:8px 0 !important;
  }

  .brand-logo-link,
  .brand{
    width:245px !important;
    min-width:245px !important;
    max-width:245px !important;
    height:56px !important;
    flex-basis:245px !important;
  }

  .brand-logo-img{
    max-height:56px !important;
  }

  .hero-inner{
    padding-top:28px !important;
    padding-bottom:46px !important;
  }
}



/* =========================================================
   ENABLE LOBBY, Larger Logo + Smaller Hero Typography v2
   Bigger header logo, less oversized hero text, tighter hero.
   ========================================================= */

/* Bigger header/logo area */
.nav{
  min-height:112px !important;
  padding:4px 0 !important;
  align-items:center !important;
}

.brand-logo-link,
.brand{
  width:520px !important;
  min-width:520px !important;
  max-width:520px !important;
  height:98px !important;
  flex:0 0 520px !important;
  display:flex !important;
  align-items:center !important;
  background:none !important;
  text-indent:0 !important;
  overflow:visible !important;
}

.brand-logo-img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:98px !important;
  object-fit:contain !important;
}

/* Hide old text-logo fragments */
.brand-mark,
.brand span:last-child,
.brand::before,
.brand::after{
  display:none !important;
  content:none !important;
}

/* Reduce hero height and pull content upward */
.hero-inner{
  min-height:0 !important;
  height:auto !important;
  padding-top:18px !important;
  padding-bottom:46px !important;
  align-items:flex-start !important;
}

.hero-inner > div,
.hero-inner > aside{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Smaller, more controlled hero typography */
.hero h1{
  font-size:clamp(46px, 4.6vw, 66px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  margin-top:0 !important;
  margin-bottom:16px !important;
  max-width:760px !important;
}

.hero .eyebrow{
  font-size:11px !important;
  letter-spacing:.14em !important;
  margin-top:0 !important;
  margin-bottom:10px !important;
}

.lead{
  font-size:18px !important;
  line-height:1.6 !important;
  max-width:760px !important;
  margin-bottom:10px !important;
}

.button-row{
  margin-top:22px !important;
}

/* Reduce right card mass slightly */
.hero-card{
  margin-top:0 !important;
  padding:28px !important;
}

.hero-card h2{
  font-size:clamp(30px, 3vw, 42px) !important;
  line-height:1.12 !important;
  margin-bottom:16px !important;
}

.hero-card p{
  font-size:17px !important;
  line-height:1.55 !important;
}

.hero-card .cred-list,
.cred-list{
  gap:12px !important;
  margin-top:18px !important;
}

.cred-list div{
  padding:14px 16px !important;
}

/* Navigation balance with bigger logo */
.nav-links{
  gap:14px !important;
}

.nav-links a{
  font-size:13.5px !important;
  font-weight:900 !important;
}

/* Medium desktop */
@media(max-width:1280px){
  .brand-logo-link,
  .brand{
    width:455px !important;
    min-width:455px !important;
    max-width:455px !important;
    height:88px !important;
    flex-basis:455px !important;
  }

  .brand-logo-img{
    max-height:88px !important;
  }

  .nav-links{
    gap:11px !important;
  }

  .nav-links a{
    font-size:13px !important;
  }

  .hero h1{
    font-size:clamp(44px, 4.3vw, 62px) !important;
  }
}

/* Tablet */
@media(max-width:1040px){
  .nav{
    min-height:92px !important;
  }

  .brand-logo-link,
  .brand{
    width:360px !important;
    min-width:360px !important;
    max-width:360px !important;
    height:76px !important;
    flex-basis:360px !important;
  }

  .brand-logo-img{
    max-height:76px !important;
  }

  .hero-inner{
    padding-top:30px !important;
    padding-bottom:48px !important;
  }

  .hero h1{
    font-size:clamp(42px, 7vw, 58px) !important;
  }
}

/* Mobile */
@media(max-width:660px){
  .nav{
    min-height:78px !important;
    padding:8px 0 !important;
  }

  .brand-logo-link,
  .brand{
    width:285px !important;
    min-width:285px !important;
    max-width:285px !important;
    height:62px !important;
    flex-basis:285px !important;
  }

  .brand-logo-img{
    max-height:62px !important;
  }

  .hero-inner{
    padding-top:24px !important;
    padding-bottom:42px !important;
  }

  .hero h1{
    font-size:39px !important;
    line-height:1.08 !important;
  }

  .lead{
    font-size:16.5px !important;
  }
}



/* =========================================================
   ENABLE LOBBY, Final Header and Hero Balance v3
   Keeps logo large, prevents nav overflow, reduces hero font.
   ========================================================= */

/* Header: keep logo strong but stop right-side CTA from being cut */
.nav{
  min-height:104px !important;
  padding:4px 0 !important;
  align-items:center !important;
  gap:16px !important;
}

.brand-logo-link,
.brand{
  width:455px !important;
  min-width:455px !important;
  max-width:455px !important;
  height:92px !important;
  flex:0 0 455px !important;
  display:flex !important;
  align-items:center !important;
  background:none !important;
  text-indent:0 !important;
  overflow:visible !important;
}

.brand-logo-img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:92px !important;
  object-fit:contain !important;
}

.brand-mark,
.brand span:last-child,
.brand::before,
.brand::after{
  display:none !important;
  content:none !important;
}

/* Navigation compression so Join / Contact stays visible */
.nav-links{
  gap:11px !important;
  flex:1 1 auto !important;
  justify-content:flex-end !important;
}

.nav-links a{
  font-size:12.8px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.nav-cta{
  padding:10px 14px !important;
  border-radius:9px !important;
  min-width:auto !important;
}

/* Hero: reduce oversized headline and total hero mass */
.hero-inner{
  min-height:0 !important;
  height:auto !important;
  padding-top:18px !important;
  padding-bottom:44px !important;
  align-items:flex-start !important;
}

.hero h1{
  font-size:clamp(42px, 4.1vw, 58px) !important;
  line-height:1.08 !important;
  letter-spacing:-.032em !important;
  margin-top:0 !important;
  margin-bottom:14px !important;
  max-width:700px !important;
}

.hero .eyebrow{
  font-size:10.5px !important;
  letter-spacing:.135em !important;
  margin-top:0 !important;
  margin-bottom:9px !important;
}

.lead{
  font-size:17px !important;
  line-height:1.55 !important;
  max-width:710px !important;
  margin-bottom:8px !important;
}

.button-row{
  margin-top:20px !important;
}

/* Right card balanced with smaller left headline */
.hero-card{
  padding:26px !important;
}

.hero-card h2{
  font-size:clamp(28px, 2.7vw, 38px) !important;
  line-height:1.1 !important;
}

.hero-card p{
  font-size:16px !important;
  line-height:1.5 !important;
}

.cred-list{
  margin-top:16px !important;
  gap:10px !important;
}

.cred-list div{
  padding:13px 15px !important;
}

/* Medium desktop */
@media(max-width:1280px){
  .brand-logo-link,
  .brand{
    width:390px !important;
    min-width:390px !important;
    max-width:390px !important;
    height:82px !important;
    flex-basis:390px !important;
  }

  .brand-logo-img{
    max-height:82px !important;
  }

  .nav-links{
    gap:9px !important;
  }

  .nav-links a{
    font-size:12.2px !important;
  }

  .hero h1{
    font-size:clamp(40px, 4vw, 54px) !important;
  }
}

/* Tablet */
@media(max-width:1040px){
  .nav{
    min-height:86px !important;
  }

  .brand-logo-link,
  .brand{
    width:320px !important;
    min-width:320px !important;
    max-width:320px !important;
    height:68px !important;
    flex-basis:320px !important;
  }

  .brand-logo-img{
    max-height:68px !important;
  }

  .hero-inner{
    padding-top:30px !important;
    padding-bottom:46px !important;
  }

  .hero h1{
    font-size:clamp(38px, 6.4vw, 52px) !important;
  }
}

/* Mobile */
@media(max-width:660px){
  .nav{
    min-height:76px !important;
    padding:8px 0 !important;
  }

  .brand-logo-link,
  .brand{
    width:270px !important;
    min-width:270px !important;
    max-width:270px !important;
    height:60px !important;
    flex-basis:270px !important;
  }

  .brand-logo-img{
    max-height:60px !important;
  }

  .hero-inner{
    padding-top:24px !important;
    padding-bottom:42px !important;
  }

  .hero h1{
    font-size:36px !important;
  }

  .lead{
    font-size:16px !important;
  }
}



/* =========================================================
   ENABLE LOBBY, Emergency Logo Restore
   Restores logo using /assets/enable-logo.svg even if HTML image/class differs.
   ========================================================= */

/* Header layout */
.nav{
  min-height:102px !important;
  padding:6px 0 !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
}

/* Force the brand area to show the logo as a background image */
.brand,
.brand-logo-link{
  display:block !important;
  width:390px !important;
  min-width:390px !important;
  max-width:390px !important;
  height:82px !important;
  flex:0 0 390px !important;
  background-image:url("enable-logo.svg") !important;
  background-repeat:no-repeat !important;
  background-position:left center !important;
  background-size:contain !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  color:transparent !important;
}

/* Hide old inner logo/text only, not the brand container */
.brand img,
.brand-logo-img,
.brand-mark,
.brand span,
.brand::before,
.brand::after{
  display:none !important;
  content:none !important;
}

/* Keep nav visible and prevent cut-off */
.nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  flex:1 1 auto !important;
}

.nav-links a{
  font-size:13px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.nav-cta{
  display:inline-flex !important;
  padding:10px 14px !important;
  border-radius:9px !important;
  background:#c42b32 !important;
  color:#fff !important;
}

/* Hero balance */
.hero-inner{
  min-height:0 !important;
  height:auto !important;
  padding-top:22px !important;
  padding-bottom:46px !important;
  align-items:flex-start !important;
}

.hero h1{
  font-size:clamp(42px, 4.1vw, 58px) !important;
  line-height:1.08 !important;
  margin-top:0 !important;
  margin-bottom:16px !important;
  max-width:720px !important;
}

.lead{
  font-size:17px !important;
  line-height:1.55 !important;
}

.hero-card{
  padding:28px !important;
}

/* Restore credential cards if previous CSS collapsed them */
.cred-list{
  display:grid !important;
  gap:12px !important;
  margin-top:18px !important;
}

.cred-list div{
  display:block !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:14px !important;
  padding:14px 16px !important;
}

/* Medium */
@media(max-width:1250px){
  .brand,
  .brand-logo-link{
    width:340px !important;
    min-width:340px !important;
    max-width:340px !important;
    height:72px !important;
    flex-basis:340px !important;
  }

  .nav-links{
    gap:9px !important;
  }

  .nav-links a{
    font-size:12px !important;
  }
}

/* Tablet */
@media(max-width:1040px){
  .brand,
  .brand-logo-link{
    width:300px !important;
    min-width:300px !important;
    max-width:300px !important;
    height:64px !important;
    flex-basis:300px !important;
  }
}

/* Mobile */
@media(max-width:660px){
  .brand,
  .brand-logo-link{
    width:230px !important;
    min-width:230px !important;
    max-width:230px !important;
    height:52px !important;
    flex-basis:230px !important;
  }

  .hero h1{
    font-size:36px !important;
  }
}



/* =========================================================
   ENABLE LOBBY, Make Header Logo Larger v4
   Stronger logo size without breaking navigation.
   ========================================================= */

/* Make whole header slightly taller */
.nav{
  min-height:122px !important;
  padding:6px 0 !important;
  align-items:center !important;
  gap:18px !important;
}

/* Large logo block */
.brand,
.brand-logo-link{
  display:block !important;
  width:500px !important;
  min-width:500px !important;
  max-width:500px !important;
  height:106px !important;
  flex:0 0 500px !important;
  background-image:url("enable-logo.svg") !important;
  background-repeat:no-repeat !important;
  background-position:left center !important;
  background-size:contain !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  color:transparent !important;
}

/* Keep the internal elements hidden */
.brand img,
.brand-logo-img,
.brand-mark,
.brand span,
.brand::before,
.brand::after{
  display:none !important;
  content:none !important;
}

/* Compress nav just enough to fit next to the bigger logo */
.nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex:1 1 auto !important;
}

.nav-links a{
  font-size:12.5px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.nav-cta{
  display:inline-flex !important;
  padding:10px 12px !important;
  border-radius:9px !important;
  background:#c42b32 !important;
  color:#fff !important;
}

/* Hero remains compact */
.hero-inner{
  min-height:0 !important;
  height:auto !important;
  padding-top:22px !important;
  padding-bottom:46px !important;
  align-items:flex-start !important;
}

.hero h1{
  font-size:clamp(42px, 4.1vw, 58px) !important;
  line-height:1.08 !important;
  margin-top:0 !important;
  margin-bottom:16px !important;
  max-width:720px !important;
}

.lead{
  font-size:17px !important;
  line-height:1.55 !important;
}

.hero-card{
  padding:28px !important;
}

/* Medium screens */
@media(max-width:1350px){
  .brand,
  .brand-logo-link{
    width:455px !important;
    min-width:455px !important;
    max-width:455px !important;
    height:98px !important;
    flex-basis:455px !important;
  }

  .nav-links{
    gap:8px !important;
  }

  .nav-links a{
    font-size:12px !important;
  }

  .nav-cta{
    padding:9px 11px !important;
  }
}

/* Tablet */
@media(max-width:1040px){
  .nav{
    min-height:90px !important;
  }

  .brand,
  .brand-logo-link{
    width:340px !important;
    min-width:340px !important;
    max-width:340px !important;
    height:72px !important;
    flex-basis:340px !important;
  }
}

/* Mobile */
@media(max-width:660px){
  .nav{
    min-height:78px !important;
    padding:8px 0 !important;
  }

  .brand,
  .brand-logo-link{
    width:275px !important;
    min-width:275px !important;
    max-width:275px !important;
    height:60px !important;
    flex-basis:275px !important;
  }

  .hero h1{
    font-size:36px !important;
  }
}



/* =========================================================
   ENABLE LOBBY, ENABLE-only Logo Update v5
   Header logo uses ENABLE without "Lobby" and is slightly larger.
   Upload enable-logo-enable-only.svg into /assets/.
   ========================================================= */

.nav{
  min-height:128px !important;
  padding:5px 0 !important;
  align-items:center !important;
  gap:18px !important;
}

.brand,
.brand-logo-link{
  display:block !important;
  width:545px !important;
  min-width:545px !important;
  max-width:545px !important;
  height:112px !important;
  flex:0 0 545px !important;
  background-image:url("enable-logo-enable-only.svg") !important;
  background-repeat:no-repeat !important;
  background-position:left center !important;
  background-size:contain !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  color:transparent !important;
}

.brand img,
.brand-logo-img,
.brand-mark,
.brand span,
.brand::before,
.brand::after{
  display:none !important;
  content:none !important;
}

/* keep nav fitting beside a bigger logo */
.nav-links{
  gap:8px !important;
  flex:1 1 auto !important;
  justify-content:flex-end !important;
}

.nav-links a{
  font-size:12px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.nav-cta{
  padding:9px 11px !important;
  border-radius:9px !important;
}

/* Hero remains balanced */
.hero-inner{
  min-height:0 !important;
  height:auto !important;
  padding-top:22px !important;
  padding-bottom:46px !important;
  align-items:flex-start !important;
}

.hero h1{
  font-size:clamp(42px, 4.1vw, 58px) !important;
  line-height:1.08 !important;
  margin-top:0 !important;
  margin-bottom:16px !important;
  max-width:720px !important;
}

@media(max-width:1380px){
  .brand,
  .brand-logo-link{
    width:500px !important;
    min-width:500px !important;
    max-width:500px !important;
    height:104px !important;
    flex-basis:500px !important;
  }

  .nav-links{
    gap:7px !important;
  }

  .nav-links a{
    font-size:11.5px !important;
  }
}

@media(max-width:1250px){
  .brand,
  .brand-logo-link{
    width:440px !important;
    min-width:440px !important;
    max-width:440px !important;
    height:94px !important;
    flex-basis:440px !important;
  }
}

@media(max-width:1040px){
  .nav{
    min-height:94px !important;
  }

  .brand,
  .brand-logo-link{
    width:360px !important;
    min-width:360px !important;
    max-width:360px !important;
    height:76px !important;
    flex-basis:360px !important;
  }
}

@media(max-width:660px){
  .nav{
    min-height:82px !important;
  }

  .brand,
  .brand-logo-link{
    width:290px !important;
    min-width:290px !important;
    max-width:290px !important;
    height:64px !important;
    flex-basis:290px !important;
  }

  .hero h1{
    font-size:36px !important;
  }
}