/* Public, authentication and legal surfaces share the application's light palette. */
html:has(body.vf-public-clean){background:#f6f5f2!important;background-image:none!important;color-scheme:light}
html body:is(#vf-app,#vf-public).vf-public-clean{
 --ink:#253047;--text:#253047;--muted:#596579;--mint:#315bba;--green:#315bba;--primary:#315bba;--primary-soft:#e7edfb;--accent:#315bba;--panel:#fff;--surface:#fff;--surface-2:#f0f2f6;--line:#dde2eb;--nav:#fbfbfa;
 --vf-green:#315bba;--vf-mint:#e7edfb;--vf-navy:#253047;--vf-line:#dde2eb;--vf-nav-bg:#fbfbfa;--vf-control-bg:#f0f2f6;--vf-control-line:#dde2eb;--vf-text:#253047;--vf-muted:#596579;
 background:#f6f5f2!important;background-image:none!important;color:#253047!important;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color-scheme:light;
}
html body:is(#vf-app,#vf-public).vf-public-clean::before,html body:is(#vf-app,#vf-public).vf-public-clean::after,html body:is(#vf-app,#vf-public).vf-public-clean .public-shell-background{background:none!important;background-image:none!important;backdrop-filter:none!important;pointer-events:none}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.vf-site-header,.topbar,.beta-ribbon,.public-beta-ribbon,.vf-navigation){background:#fbfbfa!important;color:#253047!important;border-color:#dde2eb!important;box-shadow:none!important;backdrop-filter:none!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.brand,.brand-name,.brand b,.brand span,.vf-nav-profile,.vf-nav-heading){color:#253047!important;-webkit-text-fill-color:#253047!important}
html body:is(#vf-app,#vf-public).vf-public-clean .vf-navigation :is(a,button){color:#596579!important;-webkit-text-fill-color:#596579!important}
html body:is(#vf-app,#vf-public).vf-public-clean .vf-navigation a[aria-current=page]{background:#e7edfb!important;color:#315bba!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.vf-menu-toggle,.secondary,.head-login,.login,.linkbtn){background:#f0f2f6!important;color:#253047!important;-webkit-text-fill-color:#253047!important;border:1px solid #dde2eb!important;box-shadow:none!important;border-radius:10px!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.primary,.start,.head-start,.support-bubble){background:#315bba!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #315bba!important;box-shadow:none!important;border-radius:10px!important;min-height:44px!important;font-weight:600!important}
html body:is(#vf-app,#vf-public).vf-public-clean .primary :is(span,strong,b){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body:is(#vf-app,#vf-public).vf-public-clean main :where(section,article,aside,div,details,summary,form,nav){background:none!important;background-image:none!important;border-color:#dde2eb!important;color:#253047!important;box-shadow:none!important;backdrop-filter:none!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.auth-card,.card,.feature-strip article,.feature-grid article,.contact-grid article,.privacy-card-grid article,.vf-demo-board,.vf-demo-card,.support-panel,.support-head){background:#fff!important;color:#253047!important;border:1px solid #dde2eb!important;border-radius:12px!important;box-shadow:none!important;backdrop-filter:none!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.vf-demo-person,.vf-demo-meal,.privacy-pills span,.auth-welcome-pills span,.page-kicker){background:#f0f2f6!important;color:#253047!important;border-color:#dde2eb!important;box-shadow:none!important;backdrop-filter:none!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(h1,h2,h3,h4,strong,b,label,legend,summary){color:#253047!important;-webkit-text-fill-color:#253047!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(p,small,li,.muted){color:#596579!important;-webkit-text-fill-color:#596579!important}
html body:is(#vf-app,#vf-public).vf-public-clean main a:not(:is(.primary,.secondary,.head-login)){color:#315bba!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(h1,h2,h3){font-weight:650!important;letter-spacing:-.025em!important;line-height:1.15!important}
html body:is(#vf-app,#vf-public).vf-public-clean h1{font-size:clamp(28px,4vw,48px)!important}
html body:is(#vf-app,#vf-public).vf-public-clean h2{font-size:clamp(20px,2.5vw,28px)!important}
html body:is(#vf-app,#vf-public).vf-public-clean h3{font-size:18px!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.hero-copy h1 em,.copy h1 em){color:#315bba!important;font-style:normal}
html body:is(#vf-app,#vf-public).vf-public-clean .eyebrow{font-size:11px!important;letter-spacing:.12em!important;color:#596579!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){background:#fff!important;color:#253047!important;-webkit-text-fill-color:#253047!important;border:1px solid #c7cedb!important;border-radius:8px!important;box-shadow:none!important;color-scheme:light!important;font-size:16px!important;min-height:44px!important;max-width:100%;box-sizing:border-box;padding:10px 12px!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(input,textarea)::placeholder{color:#67748a!important;-webkit-text-fill-color:#67748a!important;opacity:1}
html body:is(#vf-app,#vf-public).vf-public-clean input:is([type=checkbox],[type=radio]){accent-color:#315bba!important;color-scheme:light!important}
html body:is(#vf-app,#vf-public).vf-public-clean label:has(>input:is([type=checkbox],[type=radio])){background:#f0f2f6!important;color:#253047!important;border-color:#dde2eb!important;border-radius:8px!important}
html body:is(#vf-app,#vf-public).vf-public-clean label:has(>input:checked){background:#e7edfb!important}
html body:is(#vf-app,#vf-public).vf-public-clean label:has(>input) :is(span,strong){color:#253047!important;-webkit-text-fill-color:#253047!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.alert,.development-notice,.legal-highlight,.password-required-note){background:#fff8ec!important;color:#745323!important;border-color:#e7d9bd!important;box-shadow:none!important}
html body:is(#vf-app,#vf-public).vf-public-clean .success-note{background:#e7edfb!important;color:#315bba!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #315bba!important;outline-offset:3px!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(button,a.primary,a.secondary,summary){min-height:44px!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(button,input):disabled{opacity:.55!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.footer,footer.site-footer,main+footer){background:#fbfbfa!important;color:#596579!important;border-color:#dde2eb!important;box-shadow:none!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.footer,footer) a{color:#596579!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.auth-layout,.page){padding-block:32px!important}
html body:is(#vf-app,#vf-public).vf-public-clean .auth-layout{gap:28px!important;max-width:1000px!important;margin-inline:auto}
html body:is(#vf-app,#vf-public).vf-public-clean .auth-card{padding:24px!important}
html body:is(#vf-app,#vf-public).vf-public-clean .auth-welcome{min-height:0!important;padding:24px!important}
html body:is(#vf-app,#vf-public).vf-public-clean .auth-welcome :is(h1,p){max-width:500px}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.auth-welcome-mark,.hand-note){color:#315bba!important;background:transparent!important;text-shadow:none!important}
html body:is(#vf-app,#vf-public).vf-public-clean .fjord-hero{min-height:0!important;padding:48px max(24px,calc((100vw - 1180px)/2)) 28px!important;display:block!important;background:none!important;border:0!important;border-radius:0!important}
html body:is(#vf-app,#vf-public).vf-public-clean .fjord-hero::after{background:none!important}
html body:is(#vf-app,#vf-public).vf-public-clean .hero-copy{max-width:760px!important}
html body:is(#vf-app,#vf-public).vf-public-clean .hero-copy>p{font-size:18px!important}
html body:is(#vf-app,#vf-public).vf-public-clean .family-note{display:none!important}
html body:is(#vf-app,#vf-public).vf-public-clean .hero-features{position:static!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-top:28px!important;padding:16px 0!important;background:none!important;border-top:1px solid #dde2eb!important;transform:none!important}
html body:is(#vf-app,#vf-public).vf-public-clean .hero-features>div{min-width:0}
html body:is(#vf-app,#vf-public).vf-public-clean .hero-features :is(b,small){display:block}
html body:is(#vf-app,#vf-public).vf-public-clean main>.card{max-width:1180px!important;margin:20px auto!important;padding:24px!important}
html body:is(#vf-app,#vf-public).vf-public-clean .feature-grid.vf-feature-cards article{padding:16px!important;gap:6px 12px!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.public-asset-visual img,.brand img){filter:none!important;box-shadow:none!important}
html body:is(#vf-app,#vf-public).vf-public-clean svg.vf-icon:is(.vf-icon--home,.vf-icon--tasks,.vf-icon--complete,.vf-icon--rules,.vf-icon--privacy,.vf-icon--security){color:#47649a!important}
html body:is(#vf-app,#vf-public).vf-public-clean :is(.support-message-list,.support-history-tools,.support-history,.support-login-prompt,.support-compose,.support-channel-tabs){background:#fff!important;color:#253047!important;border-color:#dde2eb!important}
html body:is(#vf-app,#vf-public).vf-public-clean .support-panel :is(p,strong,small,span){color:#253047!important;-webkit-text-fill-color:#253047!important}
html body:is(#vf-app,#vf-public).vf-public-clean .support-panel .primary{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body:is(#vf-app,#vf-public).vf-public-clean [hidden]{display:none!important}
html body:is(#vf-app,#vf-public).vf-public-clean main details:not([open])>:not(summary){display:none!important}
@media(max-width:899px){
 html body:is(#vf-app,#vf-public).vf-public-clean :is(.vf-site-header,.topbar){min-height:56px!important;padding:8px 16px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .brand{font-size:20px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean :is(.page,.container){padding:20px 16px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .auth-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:0!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .auth-welcome{padding:0!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .auth-welcome h1{font-size:24px!important;margin-bottom:8px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .auth-welcome p{font-size:14px!important;margin-block:8px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .auth-welcome-pills,.auth-welcome-mark{display:none!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .auth-card{padding:16px!important;margin:0!important;min-height:0!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .auth-card-head{gap:10px!important;margin-bottom:16px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .auth-brand-icon{width:36px!important;height:36px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .stack{gap:12px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean label{font-size:14px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .fjord-hero{padding:28px 16px 12px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .hero-copy h1{font-size:32px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .hero-copy>p{font-size:16px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .hero-actions{display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;gap:8px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .hero-actions a{padding:10px 14px!important;font-size:14px!important;margin:0!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .hero-features{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:16px!important;gap:10px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .hero-features svg{width:28px!important;height:28px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean :is(.feature-strip,.feature-grid,.contact-grid,.privacy-card-grid,.content-grid,.vf-demo-board-grid){grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean :is(.feature-strip article,.feature-grid article,.contact-grid article,.privacy-card-grid article,.vf-demo-person){padding:12px!important;min-height:0!important;border-radius:10px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean main>.card{padding:16px!important;margin:12px 16px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .page>.card{margin:0 0 12px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .vf-demo-board{padding:12px!important}
 html body:is(#vf-app,#vf-public).vf-public-clean .public-asset-visual{display:none!important}
}
@media(prefers-reduced-motion:reduce){html body:is(#vf-app,#vf-public).vf-public-clean *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){html body:is(#vf-app,#vf-public).vf-public-clean :is(a,button,input,summary):focus-visible{outline-color:Highlight!important}}

html body:is(#vf-app,#vf-public).vf-public-clean svg.vf-icon.vf-icon--calendar{color:#39759d!important}
html body:is(#vf-app,#vf-public).vf-public-clean svg.vf-icon.vf-icon--family{color:#7d65a5!important}
html body:is(#vf-app,#vf-public).vf-public-clean svg.vf-icon.vf-icon--board{color:#526fa3!important}
html body:is(#vf-app,#vf-public).vf-public-clean svg.vf-icon.vf-icon--dinner{color:#a8642e!important}
html body:is(#vf-app,#vf-public).vf-public-clean svg.vf-icon:is(.vf-icon--rewards,.vf-icon--notifications,.vf-icon--weather){color:#a06d19!important}
@media(forced-colors:active){html body:is(#vf-app,#vf-public).vf-public-clean svg.vf-icon[class*="vf-icon--"]{color:CanvasText!important;stroke:CanvasText!important;fill:none!important;filter:none!important} html body:is(#vf-app,#vf-public).vf-public-clean svg.vf-icon.vf-icon--points{fill:CanvasText!important}}

html body:is(#vf-app,#vf-public).vf-public-clean main a:not(:is(.primary,.secondary,.head-login)){color:#315bba!important;-webkit-text-fill-color:#315bba!important}
html body:is(#vf-app,#vf-public).vf-public-clean input[type="range"]{accent-color:#315bba!important;background:transparent!important;border:0!important}
html body:is(#vf-app,#vf-public).vf-public-clean main :is(th,td,thead,tbody){background:#fff!important;color:#253047!important;border-color:#dde2eb!important}

/* A bounded public page must not inherit viewport-sized horizontal padding.
   At wide desktop widths that padding consumed the entire 1180px container. */
html body:is(#vf-app,#vf-public).vf-public-clean main.page {
  padding-inline:24px!important;
  grid-template-columns:minmax(0,1fr)!important;
}
@media(max-width:780px) {
  html body:is(#vf-app,#vf-public).vf-public-clean main.page {padding-inline:16px!important;}
}
@media(max-width:420px) {
  html body:is(#vf-app,#vf-public).vf-public-clean main.page {padding-inline:12px!important;}
}
