/* Shared marketing navigation: deliberate grouping, no cramped seven-tab row. */
.navbar-refined{background:#0b1d3a!important;border-bottom:1px solid rgba(225,191,111,.2);box-shadow:0 6px 24px rgba(8,22,44,.11)}
.navbar-refined .navbar-inner{max-width:1280px;height:76px;gap:clamp(12px,2vw,29px)}
.navbar-refined .navbar-logo{flex:none;white-space:nowrap;gap:9px;text-decoration:none}
.navbar-refined .logo-icon{width:39px;height:39px;border-radius:12px;background:#d6b35a;color:#122745;display:grid;place-items:center;font-weight:900}
.navbar-refined .logo-text{font-size:21px;letter-spacing:-.7px}
.navbar-refined .navbar-nav{flex:1;display:flex;justify-content:center;gap:3px;min-width:0}
.navbar-refined .navbar-nav a{color:#e5ebf5;font-size:13px;letter-spacing:0;font-weight:650;padding:11px 12px;border-radius:9px;white-space:nowrap;line-height:1.2;text-decoration:none;transition:background .16s,color .16s}
.navbar-refined .navbar-nav a:hover,.navbar-refined .navbar-nav a[aria-current=page]{background:rgba(255,255,255,.11);color:#fff}
.navbar-refined .navbar-nav .nav-primary{color:#f0d080}
.navbar-refined .navbar-cta{display:flex;gap:9px;flex:none;align-items:center}
.navbar-refined .nav-signin,.navbar-refined .nav-start{display:inline-flex;align-items:center;justify-content:center;min-height:42px;text-decoration:none;white-space:nowrap;border-radius:9px;font-size:13px;font-weight:750;padding:0 15px}
.navbar-refined .nav-signin{border:1px solid #71839e;color:#fff;background:transparent}
.navbar-refined .nav-start{background:#d6b35a;color:#102540;gap:10px;box-shadow:0 4px 12px rgba(0,0,0,.13)}
.navbar-refined .nav-start:hover{background:#efd080}.navbar-refined a:focus-visible,.navbar-refined button:focus-visible{outline:3px solid #efd080;outline-offset:3px}
.navbar-refined .hamburger{display:none;width:42px;height:42px;border:1px solid #667b9b;border-radius:10px;align-items:center;justify-content:center;gap:5px;flex-direction:column;background:transparent;color:#fff;flex:none}
@media(max-width:1130px){.navbar-refined .navbar-nav a{padding:10px 8px;font-size:12px}.navbar-refined .navbar-inner{gap:12px}.navbar-refined .nav-how{display:none}}
@media(max-width:920px){.navbar-refined .navbar-inner{height:70px}.navbar-refined .hamburger{display:flex}.navbar-refined .navbar-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0d2341;border-top:1px solid #355071;padding:12px 20px 20px;box-shadow:0 18px 30px #06142844;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 70px);overflow:auto;z-index:1002}.navbar-refined .navbar-nav.open{display:flex}.navbar-refined .navbar-nav a{padding:13px 15px;font-size:14px}.navbar-refined .navbar-nav .nav-how{display:block}.navbar-refined .navbar-cta{margin-left:auto}}
@media(max-width:520px){.navbar-refined .navbar-inner{padding:0 15px;gap:9px}.navbar-refined .logo-icon{width:33px;height:33px}.navbar-refined .logo-text{font-size:19px}.navbar-refined .nav-signin{display:none}.navbar-refined .nav-start{font-size:12px;min-height:39px;padding:0 11px}.navbar-refined .hamburger{width:39px;height:39px}}


/* LessonInc brand lockup using the approved sample wordmark. */
.navbar-refined .brand-lockup{display:flex;align-items:center;min-width:0;text-decoration:none}
.navbar-refined .brand-mark{display:block;height:38px;width:auto;max-width:240px;object-fit:contain;flex:none}
@media(max-width:520px){.navbar-refined .brand-mark{height:32px;max-width:188px}}

/* Keep original lettering visible without a second text-based brand name. */
.navbar-refined .navbar-logo.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}
.navbar-refined .navbar-logo.brand-lockup .brand-mark{display:block;width:205px;height:auto;max-width:205px}
.navbar-refined .navbar-logo.brand-lockup .brand-tagline-header{display:block;color:#edc967;font-size:9px;letter-spacing:.11em;margin:0 0 0 3px;line-height:1.2}
@media(max-width:520px){.navbar-refined .navbar-logo.brand-lockup .brand-mark{width:165px;max-width:165px}.navbar-refined .navbar-logo.brand-lockup .brand-tagline-header{font-size:8px;letter-spacing:.06em}}

/* brand-v3-wordmark-alignment */
.navbar-refined .navbar-logo.brand-lockup .brand-mark{width:218px;max-width:218px;height:auto}
.navbar-refined .navbar-logo.brand-lockup .brand-tagline-header{margin-left:13.49%;margin-top:1px}
@media(max-width:520px){.navbar-refined .navbar-logo.brand-lockup .brand-mark{width:175px;max-width:175px}.navbar-refined .navbar-logo.brand-lockup .brand-tagline-header{margin-left:13.49%}}

/* Uniform wordmark-width tagline; retain the homepage logo proportions. */
.navbar-logo.brand-lockup .brand-tagline-header{box-sizing:border-box;width:86.37%!important;max-width:86.37%!important;margin:1px 0 0 13.49%!important;align-self:flex-start;text-align:left;text-align-last:auto;letter-spacing:.08em!important;white-space:nowrap}

/* Shared brand proportions on enhanced marketing navigation. */
.navbar-refined .navbar-logo.brand-lockup .brand-mark {
  width: min(218px, 100%); height: auto; aspect-ratio: 1134 / 132; object-fit: contain;
}
@media(max-width:520px) { .navbar-refined .navbar-logo.brand-lockup .brand-mark { width: min(175px, 100%); } }

/* Final marketing-header brand normalization; asset/geometry comes from the shared lockup. */
.navbar-refined .navbar-logo.brand-lockup{width:218px!important;max-width:218px!important;gap:0!important}
.navbar-refined .navbar-logo.brand-lockup .brand-mark{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important}
.navbar-refined .navbar-logo.brand-lockup .brand-tagline-header{width:86.37%!important;max-width:86.37%!important;margin:1px 0 0 13.49%!important;letter-spacing:0!important}
@media(max-width:520px){.navbar-refined .navbar-logo.brand-lockup{width:175px!important;max-width:175px!important}.navbar-refined .navbar-logo.brand-lockup .brand-mark{width:100%!important;max-width:100%!important}}