/* Shared navigation typography, independent of each page's body font. */
@font-face {
 font-family: 'Bizzy Navigation'; font-style: normal; font-weight: 600;
 font-display: swap; src: url('/landing-premium/assets/inter-navigation-600.woff2') format('woff2');
}
header[data-marketing-header] nav a,
header[data-marketing-header] nav button {
 font-family:'Bizzy Navigation',Inter,Arial,sans-serif;
 font-weight:600; font-style:normal; letter-spacing:0;
 -webkit-font-smoothing:antialiased;
}
header[data-marketing-header] nav [data-marketing-login] {
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 82px;width:82px;height:44px;min-height:44px;padding:0;
 font-size:14px;line-height:1;white-space:nowrap;border:1px solid #ff9902;
 border-radius:30px;background:#ff9902;color:#101b30;
 box-shadow:inset 0 1px 1px #ffffff70,0 3px 9px #ff990220;
 text-decoration:none;
}
header[data-marketing-header] nav [data-marketing-login]:hover {background:#ffad2f;border-color:#ffad2f;}
header[data-marketing-header] nav :is(a,button):focus-visible {outline:3px solid #246fff;outline-offset:4px;}
/* Phone tap targets (#3596): the logo link is at least 44px tall. */
header[data-marketing-header] a[aria-label="Bizzy home"] {display:flex;align-items:center;min-height:44px;}
@media(max-width:760px) {
 header[data-marketing-header] {width:calc(100% - 40px);}
 header[data-marketing-header] nav [data-marketing-login] {flex-basis:74px;width:74px;font-size:12px;}
 header[data-marketing-header] .nav-links [data-marketing-login] {flex:none;width:auto;}
 header[data-marketing-header] .brand img {width:96px;height:auto;}
 header[data-marketing-header] .nav {height:76px;}
 header[data-marketing-header].site-header nav {gap:16px;}
}

/* Compact legal footer shared by the marketing and invoice pages. */
footer.compact-marketing-footer {
 box-sizing:border-box;display:flex;flex-direction:column;align-items:center;
 gap:10px;width:100%;margin:0;padding:28px 20px;border-top:1px solid #e0e5ed;
 background:#f8fafc;color:#607089;text-align:center;
 font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.5;
}
.compact-marketing-footer .compact-footer-links {display:flex;justify-content:center;flex-wrap:wrap;gap:12px;}
.compact-marketing-footer a {color:inherit;text-decoration:none;white-space:nowrap;}
/* 44px rows, as the homepage footer already gets from its Pause motion button. */
.compact-marketing-footer .compact-footer-links a {display:inline-flex;align-items:center;min-height:44px;}
.compact-marketing-footer a:hover {color:#c97000;text-decoration:underline;}
.compact-marketing-footer a:focus-visible {outline:2px solid #246fff;outline-offset:3px;}
.compact-marketing-footer .compact-footer-socials {display:flex;justify-content:center;gap:8px;}
.compact-marketing-footer .compact-footer-socials a {position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;}
/* 44x44 hit area; the 8px gap means neighbours meet without overlapping. */
.compact-marketing-footer .compact-footer-socials a::after {content:"";position:absolute;inset:-4px;}
.compact-marketing-footer .compact-footer-socials a:hover {background:#fff0d5;}
.compact-marketing-footer .compact-footer-socials svg {width:16px;height:16px;}
footer.compact-marketing-footer p {margin:0;max-width:none;font-size:inherit;line-height:inherit;color:inherit;}
@media(max-width:760px) {
 footer.compact-marketing-footer {padding:16px 12px;gap:6px;font-size:10px;}
 .compact-marketing-footer .compact-footer-links {gap:6px;}
}