/* Canonical typography and brand treatment for current marketing pages. */
@font-face{font-family:Geist;src:url('/site/assets/fonts/Geist-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Geist;src:url('/site/assets/fonts/Geist-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--font-ui:Geist,Arial,Helvetica,sans-serif}
body,button,input,select,textarea,.preview-ad{font-family:var(--font-ui);font-synthesis:none}
h1,h2,h3,h4,strong,b{font-weight:600}
.cargolab-wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:24px;font-weight:600;font-style:normal;line-height:1.25;letter-spacing:-.7px;color:#233a77;text-decoration:none;white-space:nowrap}
.cargolab-wordmark span,.cargolab-wordmark b{color:inherit;font:inherit;letter-spacing:inherit}
.cargolab-wordmark img{display:block;width:34px;height:34px}
.brand-nav{font-family:var(--font-ui);font-size:14px;line-height:1.5}
.brand-nav a{font-weight:400;text-decoration:none}
.brand-nav a[aria-current=page]{font-weight:600}
.brand-header .brand-button,.nb-button{font-family:var(--font-ui);font-size:14px;font-weight:600;font-style:normal;line-height:1.5;letter-spacing:normal;border:1px solid #233a77;border-radius:8px;min-height:46px;padding:12px 20px;box-shadow:none;background:#233a77;color:#fff;gap:10px}
.brand-header .brand-button:hover,.nb-button:hover{background:#182c5f;color:#fff}
.nb-button.secondary{background:#fff;color:#233a77;border-color:#cfdaeb}
.nb-button.secondary:hover{background:#f4f7fc;color:#233a77}
.notebook-page .nb-eyebrow,.notebook-page .nb-chip,.notebook-page .nb-toc b,.notebook-page .nb-metrics strong,.notebook-page .nb-steps li>span,.notebook-page .nb-dialogue small{font-family:var(--font-ui)}
.notebook-page .nb-dialogue p,.notebook-page .nb-library-cast p{font-family:var(--font-ui);font-style:normal}
.notebook-page .brand-header .brand-header-inner{max-width:1208px}
.notebook-page .brand-header .brand-nav{margin-left:auto}
.brand-footer .cargolab-wordmark{font-size:20px}
.brand-footer .cargolab-wordmark img{width:29px;height:29px}
@media(max-width:700px){.cargolab-wordmark{font-size:21px;gap:8px}.cargolab-wordmark img{width:31px;height:31px}.brand-header .brand-button{padding:10px 13px;font-size:12px;min-height:43px}.brand-nav{font-size:13px;gap:25px}.brand-footer .cargolab-wordmark{font-size:20px}}
