@font-face{font-family:Helvetica Now Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/HelveticaNowDisplay-Regular.woff2) format("woff2")}@font-face{font-family:Helvetica Now Display;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/HelveticaNowDisplay-Medium.woff2) format("woff2")}@font-face{font-family:Helvetica Now Display;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/HelveticaNowDisplay-Bold.woff2) format("woff2")}@font-face{font-family:Futura Now Headline;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/FuturaNowHeadline-Medium.woff2) format("woff2")}@font-face{font-family:Futura Now Headline;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/FuturaNowHeadline-Bold.woff2) format("woff2")}.peerly-brand{--brand-yellow:#fbc71f;--brand-yellow-hi:#ffc850;--brand-lavender:#e5baff;--brand-lavender-hi:#f0d3ff;--ink:#1a1b1f;--ink-muted-on-light:rgba(26,27,31,0.66);--pure-black:#000000;--white:#ffffff;--color-primary:var(--brand-yellow);--color-primary-hover:var(--brand-yellow-hi);--color-primary-active:var(--brand-yellow);--color-text-inverse:var(--pure-black);--color-bg:var(--white);--color-text:var(--ink);--color-text-muted:var(--ink-muted-on-light);--font-display:"Futura Now Headline","Helvetica Now Display","Helvetica Neue",Helvetica,Arial,sans-serif;--font-body:"Helvetica Now Display","Helvetica Neue",Helvetica,Arial,sans-serif;font-family:var(--font-body);--text-lg:32px;--leading-tight:36px;--text-lead:18px;--leading-lead:28px;--text-base:16px;--text-sm:16px;--leading-body:24px;--text-xs:14px;--leading-caption:20px;--measure:760px;--radius-md:999px;--radius-full:999px;--radius-card:0;--radius-lg:0;--radius-sm:0}@media (min-width:768px){.peerly-brand{--text-lg:44px;--leading-tight:48px}}
/* !important is load-bearing on four of these. src/components/ui/Button.tsx
   applies fontWeight, lineHeight, paddingInline and paddingBlock as INLINE
   styles, and an inline style outranks any stylesheet rule — without the flag
   the pill renders at the admin's cramped 8px/14px instead of the site's
   12px/25px. Beating an inline style is the one thing !important is actually
   for. The alternative — editing Button.tsx — would reach every button in the
   coordinator dashboard, so the override stays here, inside the scope.
   font-family and letter-spacing are not set inline and need no flag. */.peerly-brand [data-peerly-button]{position:relative;overflow:hidden;isolation:isolate;font-family:var(--font-body);font-size:16px;font-weight:400!important;letter-spacing:.6px;line-height:1.25!important;padding:12px 25px!important;background:var(--brand-lavender)!important}.peerly-brand [data-peerly-button]:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:var(--brand-lavender-hi);transform:scale(.2);transform-origin:50% 118%;opacity:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s ease}.peerly-brand [data-peerly-button]:hover:before{transform:scale(1);opacity:1}.peerly-brand [data-peerly-button]>*{position:relative;z-index:1}@media (prefers-reduced-motion:reduce){.peerly-brand [data-peerly-button]:before{transition:none}}