:root{
  --k-white:#ffffff;
  --k-ink:#111111;
  --k-teal:#329483;
  --k-ink-2:rgb(17 17 17 / .72);
  --k-ink-3:rgb(17 17 17 / .52);
  --k-line:rgb(17 17 17 / .10);
  --k-teal-soft:rgb(50 148 131 / .12);
  --k-glass:rgb(255 255 255 / .72);
  --k-radius:30px;
  --k-shadow:0 18px 42px -35px rgb(17 17 17 / .28);
  --ease:cubic-bezier(.2,.75,.25,1);
}
body{background:var(--k-white);color:var(--k-ink)}
.k-card{background:var(--k-glass);backdrop-filter:blur(24px) saturate(1.1);border:1px solid var(--k-line);border-radius:var(--k-radius);box-shadow:var(--k-shadow),inset 0 1px 0 rgb(255 255 255 / .6)}
.k-card.negative{background:radial-gradient(120% 90% at 100% 0,rgb(50 148 131 / .18),transparent 60%),var(--k-ink);color:#fff;border-color:transparent}
.button{display:inline-flex;align-items:center;gap:28px;min-height:54px;padding:0 28px;border-radius:99px;font:500 14px Archivo,Arial,sans-serif;transition:transform .3s var(--ease)}
.button:hover{transform:translateY(-2px)}
.button.dark{background:var(--k-ink);color:#fff}
.button.white{background:#fff;color:var(--k-ink);border:1px solid var(--k-line)}
.button.teal{background:var(--k-teal);color:var(--k-ink)}
.eyebrow{font:500 10px "Space Grotesk",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--k-ink-3)}
.eyebrow::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--k-teal);margin-right:8px}
:focus-visible{outline:2px solid var(--k-teal);outline-offset:5px}