/* Domi kit: the B2 "Neon number" brand (decks/domi/brand/B2), for every sign-up page.
   Night burgundy, bone, neon red. Space Grotesk for words, Sacramento for anything handwritten. */
@font-face{font-family:"Space Grotesk";src:url(/kit/fonts/SpaceGrotesk-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(/kit/fonts/SpaceGrotesk-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Sacramento";src:url(/kit/fonts/Sacramento-Regular.woff2) format("woff2");font-weight:400;font-display:block}
:root{
  color-scheme:dark;
  --ground:#160A0F;   /* night burgundy */
  --raise:#24121A;
  --ink:#F6E7D8;      /* bone */
  --mute:#C9AFA4;
  --accent:#FF3B30;   /* neon red */
  --glow:#FF8A3D;     /* lamp orange */
  --line:rgba(246,231,216,.14);
  --paper:#F3E6D3;    /* warm cotton paper */
  --paper-ink:#2A1416;
  --sans:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;
  --hand:"Sacramento",cursive;
  --radius:14px;
}
/* The neon logo (logo.html): a red tube with a pale hot core and a red glow. */
.logo-b2{display:inline-block;line-height:0;vertical-align:middle}
.logo-b2 .sign{display:block;width:2em;height:auto;overflow:visible;
  filter:drop-shadow(0 0 .01em #FF3B30) drop-shadow(0 0 .06em rgba(255,59,48,.85)) drop-shadow(0 0 .2em rgba(255,40,30,.55))}
.logo-b2 path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.logo-b2 .t{stroke:#FF3B30;stroke-width:max(1.6px,.025em)}
.logo-b2 .c{stroke:#FFD9D4;stroke-width:max(.5px,.011em)}
.logo-b2.on .roof{animation:b2on-roof 1.1s linear .15s both}
.logo-b2.on .word{animation:b2on-word 1.4s linear .8s both,b2buzz 9s linear 4s infinite}
.logo-b2.on .dot{animation:b2on-dot .5s linear 2.05s both}
@keyframes b2on-roof{0%{opacity:0}5%{opacity:.9}9%{opacity:.08}15%{opacity:.7}18%{opacity:.1}28%{opacity:1}33%{opacity:.4}37%,100%{opacity:1}}
@keyframes b2on-word{0%{opacity:0}6%{opacity:.6}10%,22%{opacity:0}26%{opacity:1}30%{opacity:.2}34%{opacity:.95}46%{opacity:.5}50%,100%{opacity:1}}
@keyframes b2on-dot{0%,30%{opacity:0}36%{opacity:1}48%{opacity:.15}60%,100%{opacity:1}}
@keyframes b2buzz{0%,61%,63%,65%,100%{opacity:1}62%{opacity:.55}64%{opacity:.8}}
@media (prefers-reduced-motion:reduce){.logo-b2 *{animation:none!important}}