/* Hirely brand tokens — from the Hirely Brand Guidelines (colors, type, radii, shadows). */
@font-face{font-family:Sora;src:url(/static/fonts/sora-var.woff2) format("woff2");font-weight:100 800;font-display:swap}
@font-face{font-family:Manrope;src:url(/static/fonts/manrope-var.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{
  --green:#8CF56E;--forest:#163A26;--mist:#F7FAF6;--sage:#A9B6A7;
  --ink2:#5F6F5C;--line:#DCE6D9;--tint:#EFF4ED;--forest2:#1F4A30;--white:#fff;
  --r8:8px;--r12:12px;--r16:16px;--r22:22px;--r24:24px;--r28:28px;
  --shadow:0 18px 40px -18px rgba(22,58,38,.35);--hair:0 1px 0 var(--line);
  --sora:Sora,system-ui,sans-serif;--manrope:Manrope,system-ui,sans-serif;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--mist);color:var(--forest);font:500 16px/1.5 var(--manrope);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:var(--sora);color:var(--forest);margin:0;line-height:1.15;letter-spacing:-.01em}
p{margin:0}
a{color:inherit}
img,svg{max-width:100%}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wordmark{font:800 1em/1 var(--sora);letter-spacing:-.02em;color:var(--forest)}
.pill{display:inline-block;font:800 .6em/1 var(--sora);background:var(--green);color:var(--forest);padding:.42em .7em;border-radius:6px;letter-spacing:.02em}
.eyebrow{font:700 12px/1.2 var(--manrope);letter-spacing:.14em;text-transform:uppercase;color:var(--sage)}
.muted{color:var(--ink2)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:0 22px;border:0;border-radius:var(--r16);font:700 16px/1 var(--manrope);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s,box-shadow .12s,background-color .12s}
.btn:active{transform:scale(.985)}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--forest);outline-offset:2px}
.btn--primary{background:var(--green);color:var(--forest)}
.btn--primary:hover{box-shadow:0 10px 24px -12px rgba(22,58,38,.6)}
.btn--dark{background:var(--forest);color:var(--white)}
.btn--dark:hover{background:var(--forest2)}
.btn--line{background:var(--white);color:var(--forest);box-shadow:inset 0 0 0 1.5px var(--forest)}
.btn--sm{min-height:44px;padding:0 16px;font-size:14px;border-radius:12px}
.btn--block{width:100%}
.btn svg{flex:none}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r24);box-shadow:var(--hair)}
.badge{display:inline-flex;align-items:center;gap:6px;font:700 12px/1 var(--manrope);padding:6px 10px;border-radius:999px;background:var(--tint);color:var(--ink2);border:1px solid var(--line)}
.badge--on{background:var(--green);color:var(--forest);border-color:var(--green)}
.badge--off{background:var(--white);color:var(--sage)}
.notice{border-radius:var(--r16);padding:12px 16px;font-weight:700;font-size:14px}
.notice--ok{background:var(--green);color:var(--forest)}
.notice--err{background:var(--white);color:var(--forest);border:2px solid var(--forest)}
.notice--err::before{content:"! ";font-family:var(--sora);font-weight:800}
[hidden]{display:none!important}