/* ps-type.css: pivot face tokens + typed-in effect. One place to change the magenta voice.
   --pivot-font / --pivot-vset drive every pivot rule in the page styles. */
:root{
  --pivot-font:"bd-terminal-vf",sans-serif;
  --pivot-vset:"wdth" 240,"wght" 800;
  /* Pull quotes, blockquotes and the testimonial banner. */
  --quote-font:"bd-terminal-vf",sans-serif;
  --quote-vset:"wdth" 247,"wght" 475;
}
.tw-ch{opacity:0}
/* CRT phosphor: each char fades up to 100% in 280ms with a glow that decays. */
.tw-ch.on{opacity:1;animation:crt-in .28s cubic-bezier(.2,.6,.3,1) both}
@keyframes crt-in{
  0%{opacity:0;text-shadow:0 0 .4em currentColor}
  40%{opacity:.7;text-shadow:0 0 .3em currentColor}
  100%{opacity:1;text-shadow:0 0 0 transparent}
}
/* Terminal cursor (one per page, on the hero pivot). */
.tw-cursor{display:inline-block;animation:dot-flash 1.2s infinite}
.typing .tw-cursor{visibility:hidden}
@keyframes dot-flash{
  0%{opacity:1;animation-timing-function:cubic-bezier(.55,0,.9,.35)}
  48%{opacity:.04;animation-timing-function:cubic-bezier(.15,.65,.35,1)}
  100%{opacity:1}
}
.tw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(prefers-reduced-motion:reduce){
  .tw-ch.on{animation:none}
  .tw-cursor{animation:none}
}