@font-face {
  font-family:"Cost Sacramento";
  src:url('./fonts/sacramento.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:"Cost Inter Tight";
  src:url('./fonts/inter-tight-800.woff2') format('woff2');
  font-weight:800;
  font-style:normal;
  font-display:swap;
}
#cost-matrix .cs-brandmark {
  --cs-brand-ink:#586675;
  --cs-brand-script:#64717D;
  display:inline-flex;
  align-items:flex-end;
  flex:none;
  width:max-content;
  max-width:100%;
  padding-block:12px;
  font-size:27px;
  line-height:1;
  color:var(--cs-brand-ink);
  white-space:nowrap;
  user-select:none;
}
#cost-matrix .cs-brandmark:hover {color:var(--cs-brand-ink)}
#cost-matrix .cs-brand-fixed {
  display:inline-block;
  font-family:"Cost Inter Tight","Inter Tight",Inter,system-ui,sans-serif;
  font-weight:800;
  font-size:1em;
  letter-spacing:-.02em;
  line-height:1;
}
#cost-matrix .cs-brand-slot {position:relative;flex:none;width:3em;height:1em;margin:0 .16em}
#cost-matrix .cs-brand-rule {
  position:absolute;
  left:0;
  right:0;
  bottom:.03em;
  height:max(1px,.045em);
  background:currentColor;
  border-radius:99px;
  opacity:.75;
}
#cost-matrix .cs-brand-words {position:absolute;inset:0}
#cost-matrix .cs-brand-word {
  position:absolute;
  left:0;
  width:100%;
  bottom:-.24em;
  text-align:center;
  white-space:nowrap;
  font-family:"Cost Sacramento","Sacramento","Snell Roundhand","Segoe Script",cursive;
  font-weight:400;
  font-size:1.5em;
  line-height:1;
  letter-spacing:0;
  color:var(--cs-brand-script);
  opacity:1;
  transform:translateY(0);
  filter:blur(0);
  pointer-events:none;
}
#cost-matrix .cs-brand-word.is-entering {animation:cs-brand-fall-in 760ms cubic-bezier(.19,1,.22,1) 110ms both}
#cost-matrix .cs-brand-word.is-leaving {animation:cs-brand-fall-out 490ms cubic-bezier(.55,0,.8,.45) both}
#cost-matrix .cs-brand-dot {flex:none;align-self:flex-end;width:.2em;height:.2em;border-radius:50%;background:#FF2436;margin:0 0 .12em .4em}
#cost-matrix .cs-footer-brand .cs-brandmark {font-size:30px}
#cost-matrix .cs-navigation .cs-mobile-demo {display:none}
@keyframes cs-brand-fall-in {
  from {opacity:0;transform:translateY(-.8em);filter:blur(7px)}
  65% {opacity:1;filter:blur(.5px)}
  to {opacity:1;transform:translateY(0);filter:blur(0)}
}
@keyframes cs-brand-fall-out {
  from {opacity:1;transform:translateY(0);filter:blur(0)}
  to {opacity:0;transform:translateY(.75em);filter:blur(6px)}
}
@media(max-width:1200px) {#cost-matrix .cs-nav .cs-brandmark {font-size:24px}}
@media(max-width:580px) {
  #cost-matrix .cs-nav .cs-brandmark {font-size:23px}
  #cost-matrix .cs-nav-cta {display:none}
  #cost-matrix .cs-navigation .cs-mobile-demo {display:block;color:#173A7B;font-weight:600}
}
@media(prefers-reduced-motion:reduce) {
  #cost-matrix .cs-brand-word {animation:none!important;transform:none!important;filter:none!important}
  #cost-matrix .cs-brand-word.is-leaving {display:none}
}