@font-face{font-family:FaryboBrandArchivo;src:url("/fonts/archivo-latin-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
/* One transparent official F mark and wordmark, shared by app and static pages. */
.farybo-brand{display:inline-flex!important;align-items:center!important;flex-direction:row!important;justify-content:flex-start!important;gap:8px!important;color:#f7f5ff!important;font-family:FaryboBrandArchivo,Arial,sans-serif!important;font-size:22px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.04em!important;white-space:nowrap!important;text-decoration:none!important;flex-shrink:0!important}
.farybo-brand::before{content:""!important;display:block!important;position:static!important;width:26px!important;height:26px!important;background:url('/brand-mark.svg') center/contain no-repeat!important;flex:none!important;clip-path:none!important}
.farybo-brand::after{display:none!important}.farybo-brand:focus-visible{outline:2px solid #b994ee;outline-offset:5px}
/* Existing small marks in action buttons use the same artwork. */
.brand-mark,.help-brand-mark,.account-brandmark{display:inline-block;background:url('/brand-mark.svg') center/contain no-repeat!important;clip-path:none!important;flex-shrink:0}
.brand-mark::before,.brand-mark::after,.help-brand-mark::before,.help-brand-mark::after{display:none!important}
@media(max-width:980px){
 .farybo-brand{font-size:16px!important;gap:6px!important;letter-spacing:.035em!important}
 .farybo-brand::before{width:20px!important;height:20px!important}
 .account-header{height:62px!important;padding-inline:20px!important;gap:12px!important}
 .membership-sidebar{padding:17px 20px!important}
 .help-header{min-height:64px!important;gap:12px!important}
 .checkout-header,.success-header{padding-block:20px!important}
 .cw-top{height:62px!important;padding-inline:20px!important}
 .login-page{position:relative;padding-top:85px!important}
 .login-back.farybo-brand{position:absolute;top:22px;left:20px;margin:0!important}
 .public-site-active .header-in{grid-template-columns:40px minmax(0,1fr) auto!important;grid-template-areas:"menu brand pricing"!important;padding-block:8px!important;gap:8px!important;min-height:62px!important}
 .public-site-active .header-in>.farybo-brand{grid-area:brand;justify-self:start;margin:0!important}
 .public-mobile-panel-brand.farybo-brand{margin:0!important}
}