/* The website header and footer, isolated for the planner application. */
@font-face{font-family:Lato;src:url('./assets/fonts/lato-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url('./assets/fonts/lato-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Lato;src:url('./assets/fonts/lato-900.woff2') format('woff2');font-weight:900;font-display:swap}
.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-link{position:fixed;z-index:1000;top:12px;left:12px;padding:10px 14px;color:#071523;background:#f2d24f;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:auto;min-height:78px;padding:12px max(24px,calc((100vw - var(--site-content-max))/2));gap:24px;color:#fff;background:#071523f7;border-bottom:1px solid #ffffff24;box-shadow:0 8px 24px #0000001f;backdrop-filter:blur(18px);font-family:Lato,Arial,sans-serif}.site-header.is-scrolled{min-height:68px;box-shadow:0 12px 36px #0000002e}.site-header .brand,.footer .brand{display:inline-flex;align-items:center;gap:12px;color:white;text-decoration:none;letter-spacing:normal}.brand-logo-shell{position:relative;display:block;width:54px;height:44px;flex:0 0 auto}.brand-mark{width:100%;height:100%;object-fit:contain;display:block}.brand-logo-fallback{display:none;width:100%;height:100%;place-items:center;color:#071523;background:#25aae2;font:900 16px Lato,Arial,sans-serif}.brand-logo-shell.is-missing .brand-mark{display:none}.brand-logo-shell.is-missing .brand-logo-fallback{display:grid}.brand-copy{display:flex;flex-direction:column;line-height:1}.site-header .brand-copy strong,.footer .brand-copy strong{font:900 1.12rem/1 Lato,Arial,sans-serif;letter-spacing:.045em}.site-header .brand-copy small,.footer .brand-copy small{display:block;margin-top:5px;color:#ffffffa6;font:600 .64rem/1 Lato,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}.site-header .brand-copy small{max-width:250px}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a{position:relative;font-size:.9rem;font-weight:600;color:white;text-decoration:none}.main-nav a:not(.nav-cta)::after{content:'';position:absolute;right:0;bottom:-7px;left:0;height:2px;background:#25aae2;transform:scaleX(0);transform-origin:right;transition:transform .2s}.main-nav a:hover::after,.main-nav a:focus-visible::after,.main-nav a[aria-current=page]::after{transform:scaleX(1);transform-origin:left}.main-nav .nav-cta{padding:10px 17px;color:#071523;background:#25aae2}.nav-toggle{display:none;width:48px;height:44px;padding:10px;border-radius:0;background:transparent;border:1px solid #ffffff40}.nav-toggle span:not(.sr-only){display:block;height:2px;margin:5px 0;background:#fff}.mobile-header-actions{display:contents}.mobile-contact-cta{display:none}.site-header a:focus-visible,.footer a:focus-visible{outline:3px solid #f2d24f;outline-offset:5px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px max(24px,calc((100vw - var(--site-content-max))/2));background:#071523;color:#a4b5c1;font:12px/1.5 Lato,Arial,sans-serif}.footer p{margin:0}.footer nav{display:flex;gap:20px}.footer a{color:inherit;text-decoration:none}.footer nav a:hover{color:#fff}.footer .brand-logo-shell{width:45px;height:37px}.footer .brand-copy strong{font-size:14px}.footer .brand-copy small{font-size:8px}
@media(min-width:821px) and (max-width:1050px){.main-nav{gap:18px}.site-header .brand-copy strong{font-size:1rem}.site-header .brand-copy small{font-size:.53rem}}
@media(max-width:820px){.site-header{min-height:68px;padding:12px 20px;flex-wrap:nowrap;gap:12px;background:#071523f5}.mobile-header-actions{display:flex;align-items:center;gap:10px}.mobile-contact-cta{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;color:#fff;background:#4f83c1;border:1px solid #ffffff47;border-radius:8px;box-shadow:0 8px 18px #0000002e}.mobile-contact-cta svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-toggle{display:block}.main-nav{position:absolute;top:67px;left:0;right:0;display:none;padding:24px;align-items:stretch;flex-direction:column;gap:18px;background:#071523;border-top:1px solid #ffffff21;box-shadow:0 20px 30px #0003}.main-nav.is-open{display:flex}.main-nav a{font-size:1rem}.nav-cta{text-align:center}.footer{flex-wrap:wrap}.footer .brand{width:100%}}
@media(max-width:600px){.site-header .brand{gap:12px;min-width:0}.site-header .brand-logo-shell{width:44px;height:36px}.site-header .brand-copy strong{font-size:.92rem;letter-spacing:.02em}.site-header .brand-copy small{display:none}.site-header{padding:12px 20px}.footer{padding:28px 20px;font-size:11px}}

@media(min-width:1051px){.site-header .brand-copy small{max-width:none;white-space:nowrap}}