:root{
  --snow:#ffffff;--frost:#f2f4f6;--frost-2:#e8ebef;
  --ink:#14161b;--ink-soft:#3b3f47;--slate:#8a94a6;
  --line:#e2e6ea;--wa:#25d366;--danger:#c0392b;--maxw:1320px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--snow);-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit}

/* buttons */
.btn{font-weight:600;font-size:13.5px;padding:10px 16px;border-radius:2px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s}
.btn:hover{background:#000}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--frost)}
.btn.wa{background:var(--wa);border-color:var(--wa)}
.btn.wa:hover{filter:brightness(.95)}
.btn.danger{background:var(--danger);border-color:var(--danger)}
.btn svg{width:16px;height:16px}
.btn[disabled]{opacity:.5;cursor:default}