*,*::before,*::after{box-sizing:border-box}
/* Shared global navigation and footer based on the supplied VanillaDev mockup. */
:root{--vd-mockup-evergreen:#12392f;--vd-mockup-deep:#0b2821;--vd-mockup-paper:#fbfbf7;--vd-mockup-cream:#f1efe5;--vd-mockup-ink:#1e2b26;--vd-mockup-muted:#5c6962;--vd-mockup-gold:#b89a64}
.vd-shell-header{position:relative;z-index:50;display:block;height:auto;min-height:0;padding:0;border:0;background:var(--vd-mockup-paper);color:var(--vd-mockup-ink);box-shadow:none}
.vd-shell-header:before{display:none!important}
.vd-shell-header>*{position:relative;z-index:1}
.vd-shell-topbar{background:var(--vd-mockup-evergreen);color:#fff;font-size:13px}
.vd-shell-topbar-inner{width:min(1240px,calc(100% - 64px));min-height:38px;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center}
.vd-shell-topbar-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#cdb781}
.vd-shell-topbar a{color:#f1e8d2;text-decoration:underline;text-underline-offset:3px}
.vd-shell-inner{width:min(1240px,calc(100% - 64px));height:82px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.vd-shell-header .vd-brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--vd-mockup-evergreen);text-decoration:none}
.vd-shell-header .vd-brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid var(--vd-mockup-evergreen);border-radius:50%;background-image:url('../brand/vanilladev-v-evergreen.png');background-size:contain;background-repeat:no-repeat;background-position:center;color:var(--vd-mockup-evergreen)}
.vd-shell-header .vd-brand-mark:after{content:none}
.vd-shell-header .vd-brand-name{color:var(--vd-mockup-evergreen);font-size:20px;font-weight:700;letter-spacing:-.7px}
.vd-shell-header .vd-brand-name span{color:var(--vd-mockup-evergreen);font-weight:700}
.vd-shell-header .vd-shell-nav{position:static;display:flex;align-items:center;gap:clamp(15px,2.1vw,32px);color:#36443d;font-size:14px;font-weight:550}
.vd-shell-header .vd-shell-nav>a,.vd-shell-header .vd-shell-nav .vd-nav-group>a{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:0;padding:0;border:0;color:inherit;font:inherit;text-decoration:none}
.vd-shell-header .vd-shell-nav a:after{display:none}
.vd-shell-header .vd-shell-nav a:hover,.vd-shell-header .vd-shell-nav a:focus-visible{color:var(--vd-mockup-evergreen);text-decoration:underline;text-underline-offset:5px}
.vd-shell-header .vd-shell-nav .vd-nav-arrow{opacity:.55}
.vd-shell-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.vd-shell-help{display:inline-flex;align-items:center;padding:10px 4px;color:var(--vd-mockup-evergreen);font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}
.vd-shell-header .vd-shell-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 17px;border:1px solid var(--vd-mockup-evergreen);border-radius:999px;background:transparent;color:var(--vd-mockup-evergreen)!important;font-size:13px;font-weight:650;text-decoration:none;box-shadow:none;transition:background .2s ease,color .2s ease,transform .2s ease}
.vd-shell-header .vd-shell-cta:hover,.vd-shell-header .vd-shell-cta:focus-visible{transform:translateY(-1px);background:var(--vd-mockup-evergreen);color:#fff!important}
.vd-shell-header .vd-menu-toggle{display:none;width:42px;height:42px;padding:0;border:1px solid #dfe4de;border-radius:50%;background:transparent;place-content:center;gap:6px}
.vd-shell-header .vd-menu-toggle span{display:block;width:18px;height:1px;background:var(--vd-mockup-evergreen)}
.vd-shell-header .vd-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.vd-shell-header .vd-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.vd-mobile-panel{z-index:1000;inset:120px 0 0;padding:22px max(20px,calc((100% - 560px)/2)) 32px;background:rgba(251,251,247,.99);color:var(--vd-mockup-ink)}
.vd-mobile-panel nav{display:grid;border-top:1px solid #dfe4de}
.vd-mobile-panel nav a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 2px;border-bottom:1px solid #dfe4de;color:var(--vd-mockup-evergreen);font-size:16px;text-decoration:none}
.vd-mobile-panel .vd-mobile-subnav{padding:4px 0 10px 15px;border-bottom:1px solid #dfe4de}
.vd-mobile-panel nav .vd-mobile-subnav a{padding:9px 2px;border:0;color:#53645a;font-size:14px}
.vd-mobile-panel-actions{display:grid;gap:12px;margin-top:22px}
.vd-mobile-panel .vd-mobile-cta{display:flex;align-items:center;justify-content:space-between;margin:0;padding:16px 18px;border-radius:999px;background:var(--vd-mockup-evergreen);color:#fff;font-weight:650;text-decoration:none}
.vd-mobile-secondary{display:block;padding:11px 18px;border:1px solid #bdc9c0;border-radius:999px;color:var(--vd-mockup-evergreen);font-weight:650;text-align:center;text-decoration:none}
.vd-shell-footer{padding:clamp(40px,5vw,66px) max(20px,calc((100% - 1240px)/2)) 24px;border-top:0;background:var(--vd-mockup-deep);color:#dce5dd}
.vd-footer-grid{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(4,minmax(128px,.6fr));gap:clamp(22px,3vw,52px)}
.vd-footer-intro p{max-width:330px;margin:20px 0 0;color:#bac9be;font-size:13px;line-height:1.7}
.vd-footer-col strong{display:block;margin:3px 0 16px;color:#c5d1c8;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.vd-footer-col nav{display:grid;gap:11px}
.vd-footer-col a{width:max-content;max-width:100%;color:#dce5dd;font-size:13px;line-height:1.45;text-decoration:none}
.vd-footer-col a:hover,.vd-footer-col a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
.vd-shell-footer .vd-footer-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.vd-shell-footer .vd-brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1.5px solid rgba(255,255,255,.58);border-radius:50%;background-image:url('../brand/vanilladev-v-beige.png');background-size:contain;background-repeat:no-repeat;background-position:center;color:#f1e8d2}
.vd-shell-footer .vd-brand-mark:after{content:none}
.vd-shell-footer .vd-brand-name,.vd-shell-footer .vd-brand-name span{color:#fff;font-size:19px;font-weight:700}
.vd-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);color:#a8b9af;font-size:11px}
.vd-footer-top{display:inline-flex;align-items:center;gap:8px;color:#dce5dd!important;text-decoration:none}
.vd-focus-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}
.vd-focus-header .vd-brand{display:inline-flex;align-items:center;gap:10px;color:var(--vd-mockup-evergreen);text-decoration:none}
.vd-focus-header .vd-brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid var(--vd-mockup-evergreen);border-radius:50%;background-image:url('../brand/vanilladev-v-evergreen.png');background-size:contain;background-repeat:no-repeat;background-position:center;color:var(--vd-mockup-evergreen)}
.vd-focus-header .vd-brand-mark:after{content:none}
.vd-focus-header .vd-brand-name,.vd-focus-header .vd-brand-name span{color:var(--vd-mockup-evergreen);font-size:20px;font-weight:700;letter-spacing:-.7px}
.vd-focus-header-cta{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border:1px solid var(--vd-mockup-evergreen);border-radius:999px;color:var(--vd-mockup-evergreen);font-size:13px;font-weight:650;text-decoration:none}
.vd-focus-header-cta:hover,.vd-focus-header-cta:focus-visible{background:var(--vd-mockup-evergreen);color:#fff}
body.vd-legal-page .legal-document{padding-top:0!important}
.vd-skip-link{position:absolute;left:16px;top:-70px;z-index:1001;padding:12px 16px;background:#fff;color:var(--vd-mockup-evergreen);text-decoration:none}
.vd-skip-link:focus{top:16px}
@media(max-width:1040px){.vd-shell-inner{gap:14px}.vd-shell-header .vd-shell-nav{gap:14px;font-size:13px}.vd-shell-actions{gap:7px}.vd-shell-help{font-size:12px}.vd-shell-header .vd-shell-cta{padding-inline:14px}}
@media(max-width:900px){.vd-shell-inner{height:72px}.vd-shell-header .vd-shell-nav{display:none}.vd-shell-header .vd-menu-toggle{display:grid}.vd-shell-actions{margin-left:auto}.vd-footer-grid{grid-template-columns:1.3fr 1fr 1fr}.vd-footer-intro{grid-column:1/-1}.vd-footer-bottom{align-items:flex-start;flex-direction:column}.vd-mobile-panel{inset:110px 0 0}}
@media(max-width:620px){.vd-shell-topbar{font-size:11px}.vd-shell-topbar-inner{width:calc(100% - 28px);min-height:42px;gap:7px;padding:6px 0;line-height:1.35}.vd-shell-topbar-inner>span:nth-of-type(2){display:none}.vd-shell-inner{width:calc(100% - 36px);height:68px}.vd-shell-header .vd-brand-name{font-size:18px}.vd-shell-header .vd-brand-mark{width:31px;height:31px}.vd-shell-help,.vd-shell-header .vd-shell-cta{display:none}.vd-shell-header .vd-menu-toggle{grid-column:3}.vd-shell-footer{padding:34px 20px 22px}.vd-footer-grid{grid-template-columns:1fr 1fr;gap:27px 18px}.vd-footer-intro{grid-column:1/-1}.vd-footer-bottom{margin-top:30px;padding-top:17px}.vd-mobile-panel{inset:110px 0 0;padding-inline:18px}}