/* Verdict — shared design tokens and base components (site, app, mobile). */
:root{
--accent:#0a0a0b;--accent-2:#0a0a0b;--accent-3:#a9aab0;--accent-hi:#000;--accent-press:#000;--accent-dim:#f4f4f5;--accent-glow:rgba(10,10,11,.14);
--text-hi:#0a0a0b;--text-mid:#55565b;--text-lo:#7a7b81;--text-faint:#a9aab0;
--border:#e9e9ec;--border-soft:#f0f0f2;--border-strong:#d3d4d8;
--bg-1:#fff;--bg-3:#f4f4f5;--bg-inset:#f7f7f8;
--green:#12a150;--green-hi:#0b7a3b;--green-dim:#e7f6ee;
--amber:#e5a024;--amber-hi:#9a5b00;--amber-dim:#fdf3e1;
--red:#d92d20;--red-hi:#b42318;--red-dim:#fdecea;
--font-ui:"Onest",system-ui,sans-serif;--font-display:var(--font-ui);--font-mono:"JetBrains Mono",ui-monospace,monospace;
--r-sm:10px;--r:12px;--r-lg:18px;--r-xl:22px;--r-pill:999px;
--sh-2:0 4px 16px rgba(10,10,11,.06);--sh-3:0 18px 46px rgba(10,10,11,.12);--sh-pop:0 18px 44px -18px rgba(10,10,11,.25);
--ease:cubic-bezier(.22,.61,.36,1)
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:#fff;color:var(--text-hi);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p{margin:0;text-wrap:pretty}
button,input,select,textarea{font-family:inherit}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hi)}
::selection{background:var(--accent-glow)}
.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}

/* logo */
.logo{display:inline-flex;align-items:baseline;font-weight:700;font-size:21px;letter-spacing:-.035em;line-height:1;color:var(--text-hi)}
.logo:hover{color:var(--text-hi)}
.logo i{font-style:normal;color:var(--accent);font-size:1.35em;line-height:1;margin-left:.04em}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 30px;border:1px solid transparent;border-radius:var(--r-pill);font:600 15.5px/1 var(--font-ui);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:opacity .15s var(--ease),background .15s var(--ease)}
.btn svg{flex:none}
.btn:hover{opacity:.88}
.btn:disabled{opacity:.4;cursor:default}
.btn-md{height:46px;padding:0 22px;font-size:14.5px}
.btn-sm{height:40px;padding:0 17px;gap:7px;font-size:13.5px}
.btn-dark,.btn-dark:hover{background:var(--text-hi);color:#fff}
.btn-blue,.btn-blue:hover{background:var(--accent);color:#fff}
.btn-red,.btn-red:hover{background:var(--red);color:#fff}
.btn-out,.btn-out:hover{background:var(--bg-3);color:var(--text-hi)}
.btn-out:hover{background:#ececee;opacity:1}

@keyframes fade{from{transform:translateY(4px)}to{transform:none}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes pop{from{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}