@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Source+Serif+4:wght@400;700&family=IBM+Plex+Sans:wght@400;500&display=swap");

body { font-family: "IBM Plex Sans", system-ui, sans-serif; }

h1, h2, h3,
.print,
.brand strong,
.tick,
.num,
.rc-total-label,
.mark,
.companies {
  font-family: "Source Serif 4", serif;
}

.btn,
.text-btn,
.tab-btn {
  font-family: "IBM Plex Sans", sans-serif;
}

.val,
.rc-pen {
  font-family: "Caveat", cursive;
}

.val { transform-origin: 0 100%; }

@keyframes write-in {
  from { clip-path: inset(-40% 100% -40% 0); }
  to { clip-path: inset(-40% 0 -40% 0); }
}

.tab {
  clip-path: polygon(0 100%, 0 0, calc(100% - 16px) 0, 100% 100%);
}

.tab > span {
  padding: 0 30px 0 24px;
  clip-path: polygon(0 100%, 0 0, calc(100% - 15px) 0, 100% 100%);
}