/* ================= BASE ================= */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  transition:background .4s var(--ease),color .3s var(--ease);
}
h1,h2,h3,h4,p{margin:0}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
img{max-width:100%;display:block}
input,textarea,select{font-family:inherit;font-size:16px}/* 16px = no iOS zoom */
::selection{background:var(--primary);color:#fff}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}

/* Hide Google Translate banner/toolbar */
.goog-te-banner-frame,.skiptranslate,#goog-gt-tt,.goog-te-balloon-frame{display:none!important}
body{top:0!important}
.goog-tooltip,.goog-text-highlight{display:none!important;background:none!important;box-shadow:none!important}

/* Scrollbars */
::-webkit-scrollbar{width:0;height:0}

/* Typography scale */
.h1{font-size:clamp(1.9rem,6vw,2.4rem);font-weight:800;letter-spacing:-.02em}
.h2{font-size:1.125rem;font-weight:700;letter-spacing:-.01em}
.eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}
.muted{color:var(--text-muted)}
.tiny{font-size:.78rem}
.center{text-align:center}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* utility */
.row{display:flex;align-items:center}
.between{justify-content:space-between}
.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}
.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}
.hidden{display:none!important}
.spin{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}