/* One shared navbar and footer stylesheet, used by HTML and React pages. */
.web-skip-link{position:absolute;left:20px;top:-80px;z-index:100;padding:12px 20px;background:#fff;color:#032b3a;border:2px solid #008c96;border-radius:6px}.web-skip-link:focus{top:12px}
/* Keep the native page gutter identical to the approved homepage. */
html::-webkit-scrollbar,html::-webkit-scrollbar-track,html::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar,body::-webkit-scrollbar-track,body::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb:hover{all:revert}
.web-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #e0e9eb;background:#fff}
.web-header-inner{max-width:1440px;min-height:80px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.web-brand-logo{display:block;width:196px;height:40px;object-fit:contain}
.web-header nav{display:flex;align-items:center;gap:24px}
.web-header a,.web-features summary{color:#032b3a;font-size:14px;font-weight:400;text-decoration:none;white-space:nowrap}
.web-header a:hover,.web-features summary:hover{color:#005565}
.web-header-actions{display:flex;align-items:center;gap:12px}
.web-signin,.web-primary{min-height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #d9e5e7;border-radius:999px}
.web-header .web-primary,.web-primary{background:#005565;border-color:#005565;color:#fff;text-decoration:none}
.web-header .web-primary:hover,.web-primary:hover{background:#032b3a;color:#fff}
.web-footer{padding:0;background:#032b3a;color:#fff;border:0;margin-top:96px}
.web-footer-inner{max-width:1440px;margin:auto;padding:64px 32px 28px}
.web-footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:40px}
.web-footer-grid h2{margin:4px 0 20px;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:normal;color:#d4e9ea}
.web-footer-grid a{display:block;margin:12px 0;color:#d4e9ea;font-size:14px;text-decoration:none}
.web-footer-grid a:hover{color:#fff}.web-footer-brand p{max-width:250px;margin:20px 0;color:#d4e9ea;font-size:14px;line-height:1.6}
.web-socials{display:flex;align-items:center;gap:16px}.web-socials a{display:inline-flex;margin:0;color:inherit}.web-socials svg{width:18px;height:18px;fill:currentColor}
.web-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding-top:24px;border-top:1px solid #ffffff26;color:#d4e9ea;font-size:12px}
.web-footer-bottom a{color:inherit;text-decoration:none}.web-owner{font-weight:500}.web-credit-wrap{display:grid;justify-items:end;gap:10px}.web-credit{display:flex;align-items:center;gap:20px}.web-builder{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}.web-builder img{border-radius:50%;object-fit:cover}
.web-header :focus-visible,.web-footer :focus-visible{outline:2px solid #008c96;outline-offset:4px;border-radius:4px}

.web-header,.web-footer{font-family:var(--font-geist-sans,Geist,Arial,sans-serif);line-height:1.5;letter-spacing:normal;text-align:left}
.web-header *,.web-footer *{box-sizing:border-box}.web-header-inner{position:relative}
.web-header nav{padding:0;font-size:16px;line-height:1.5}.web-header nav>a{padding:20px 0}.web-header .web-features{position:static;margin:0;border:0;background:none;padding:0}
.web-features summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;padding:28px 0}.web-features summary::-webkit-details-marker{display:none}
.web-chevron{width:14px;height:14px;transition:transform .18s}.web-features[open] .web-chevron{transform:rotate(180deg)}
.web-features-menu{position:absolute;top:calc(100% - 1px);left:32px;right:32px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:32px;background:#fff;border:1px solid #d9e5e7;border-radius:0 0 16px 16px;box-shadow:0 18px 40px #032b3a12}
.web-features:not([open]) .web-features-menu{display:none}.web-features-intro{padding-right:32px}.web-features-intro>span{font-size:13px;color:#52666e}.web-features-intro p{font-size:24px;font-weight:500;line-height:1.25;margin:12px 0 0;max-width:260px;color:#032b3a}
.web-features-menu>a{display:grid;align-content:start;gap:10px;padding:8px 32px;border-left:1px solid #e0e9eb;white-space:normal}.web-features-menu strong{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500}.web-features-menu strong svg{width:18px;height:18px;flex:none;color:#008c96}.web-features-menu a>span{font-size:14px;line-height:1.5;color:#52666e;max-width:260px}.web-features-menu a:hover strong{color:#008c96}
.web-footer-grid a,.web-footer-brand p{line-height:1.6}.web-footer .web-socials,.web-footer .web-socials a{color:#d4e9ea}.web-footer nav{padding:0;background:transparent;border:0}.web-footer .web-legal{display:flex;gap:16px;font-size:11px}.web-legal a{text-decoration:none;font-weight:400}
@media(min-width:881px) and (max-width:1200px){.web-header-inner{padding:0 24px;gap:16px}.web-header nav{gap:16px}.web-header a,.web-features summary{font-size:13px}.web-header .web-brand-logo{width:166px;height:34px}.web-signin,.web-primary{padding:0 16px}.web-features-menu{left:24px;right:24px;padding:24px}.web-features-menu>a{padding:8px 24px}.web-footer-grid{gap:24px}.web-footer-bottom{font-size:11px}.web-credit{gap:12px}}