/* Nov 3, 2026, review 1353 item 8 (Kelly): the homepage's closing band ("Let us introduce you to your next hire.", Try it for free,
   Stay up to date) on every page that ends without it. These are the homepage's own rules for that band (site.css, v33.css, v35home.css,
   v35site.css, v50final.css), gathered here so a page does not have to load the homepage's other stylesheets. Everything is scoped to
   the band (.navyband.closer.has-seam#join), so nothing else on a page changes. */
.has-seam#join { position: relative; }
#join .oseam { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 52px; height: 52px; border-radius: 50%; background: #fff; display: grid; place-items: center; z-index: 2; box-shadow: 0 0 0 1px var(--hair, #eef0f2); }
#join .oseam svg { height: 26px; width: auto; }
.navyband.closer { background: var(--navy); color: #fff; border-bottom: 0; padding: 112px 0; text-align: center; position: relative; }
@media (min-width: 1024px) { .navyband.closer { padding: 152px 0 140px; } }
.closer h2 { color: #fff; font: 700 clamp(30px, 4.6vw, 42px)/1.18 Montserrat, sans-serif; letter-spacing: -.01em; margin: 0 auto 24px; text-align: center; }
.closer h2 .g { color: #5fd39d; }
@media (min-width: 900px) { .closer h2 { white-space: nowrap; } }
.closer .wrap { text-align: center; }
.closer .beforebtn { max-width: 640px; margin: 0 auto 32px; color: #dbe3ea; font-size: 17px; line-height: 1.65; }
.closer .beforebtn b { color: #fff; font-weight: 700; }
.closer .btn { margin-top: 40px; }
.closer hr { border: 0; border-top: 1px solid rgba(255, 255, 255, .15); max-width: 560px; margin: 44px auto 40px; }
.closer h3 { color: #fff; font: 700 19px Montserrat, sans-serif; margin: 0 0 8px; }
.closer .small { color: #c9d3df; font-size: 14px; line-height: 1.5; margin: 0 auto 20px; max-width: 320px; text-align: center; }
.closer .loophead { font-size: 18px; margin-bottom: 6px; }
.closer .loopnote { max-width: 560px; margin: 0 auto 16px; text-wrap: balance; }
@media (min-width: 1024px) { #join .loopnote { white-space: nowrap; } }
.closer .loop { display: flex; flex-wrap: nowrap; align-items: center; gap: 0; max-width: 560px; margin: 0 auto; background: #fff; border-radius: 999px; padding: 6px 6px 6px 22px; }
.closer .loop[hidden] { display: none; }
.closer .loop input[type=email] { flex: 1 1 auto; max-width: none; min-width: 0; min-height: 44px; padding: 0; border: 0; background: transparent; font: 500 16px Montserrat, sans-serif; color: var(--ink, #16181c); }
.closer .loop input[type=email]:focus { outline: none; }
.closer .loop input::placeholder { color: #5b6573; }
.closer .loop:focus-within { box-shadow: 0 0 0 3px rgba(95, 211, 157, .6); }
.closer .loop .btn { flex: none; margin: 0; min-height: 48px; padding: 12px 24px; font-size: 15px; border-radius: 999px; }
.closer .loop .btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.closer .loopmsg { margin: 14px auto 0; max-width: 520px; font: 600 15px/1.5 Montserrat, sans-serif; color: #fff; }
.closer .loopmsg.ok, .closer .loopmsg a { color: #5fd39d; }
.closer .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 420px) { .closer .loop { padding-left: 16px; } .closer .loop .btn { padding: 12px 16px; font-size: 14px; } }
/* The homepage's own sizing for every section, as it applies to this band: 112px above and below, then from 1280 wide 736px tall with the content centered and 64px above and below; the heading follows the page-wide size ramp. */
html body #main > section.closer#join { padding-top: 112px !important; padding-bottom: 112px !important; }
html body #main #join h2 { font-size: clamp(32px, calc(32px + (100vw - 390px) * .01524), 48px) !important; line-height: 1.12 !important; }
html body #main #join .beforebtn { font-size: 17px !important; line-height: 1.65 !important; }
@media (min-width: 1280px) {
  html body #main > section.closer#join { box-sizing: border-box; height: 736px; min-height: 0; padding-top: 64px !important; padding-bottom: 64px !important; display: flex; flex-direction: column; justify-content: center; }
  html body #main > section.closer#join > .wrap { width: 100%; box-sizing: border-box; }
}