@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap");

:root {
  --bg: #f4f5f7;
  --bg-elev: #ffffff;
  --bg-mute: #ebedf2;
  --ink: #0a0a0b;
  --ink-2: #3f4450;
  --ink-3: #8b919e;
  --line: rgba(10,10,11,.08);
  --line-strong: rgba(10,10,11,.14);
  --accent: #0f766e;
  --accent-2: #14b8a6;
  --accent-soft: rgba(15,118,110,.12);
  --sale: #e11d48;
  --sale-soft: rgba(225,29,72,.12);
  --ok: #16a34a;
  --shadow: 0 10px 30px rgba(10,10,11,.07);
  --shadow-lg: 0 24px 60px rgba(10,10,11,.12);
  --r: 14px;
  --r2: 20px;
  --header: 64px;
  --font: "Plus Jakarta Sans", "Segoe UI", sans-serif;
  --display: "Plus Jakarta Sans", "Segoe UI", sans-serif;
  --max: 1280px;
}

[data-theme="dark"] {
  --bg: #000000;
  --bg-elev: #0c0c0e;
  --bg-mute: #16161a;
  --ink: #f5f5f6;
  --ink-2: #a8adb8;
  --ink-3: #6b7280;
  --line: rgba(255,255,255,.07);
  --line-strong: rgba(255,255,255,.12);
  --accent: #2dd4bf;
  --accent-2: #5eead4;
  --accent-soft: rgba(45,212,191,.14);
  --sale: #fb7185;
  --sale-soft: rgba(251,113,133,.14);
  --ok: #4ade80;
  --shadow: 0 10px 30px rgba(0,0,0,.55);
  --shadow-lg: 0 28px 70px rgba(0,0,0,.75);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{
  font-family:var(--font);background:var(--bg);color:var(--ink);
  min-height:100vh;line-height:1.5;overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
ul,ol{list-style:none}

.site-wrap{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}
.site-main{flex:1;width:100%;min-width:0}
.wrap{width:min(var(--max),calc(100% - 1.5rem));margin:0 auto}
@media(min-width:768px){.wrap{width:min(var(--max),calc(100% - 2.5rem))}}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  height:42px;padding:0 1rem;border-radius:11px;border:1px solid var(--line-strong);
  background:var(--bg-elev);font-weight:650;font-size:.875rem;cursor:pointer;
  transition:.18s ease;white-space:nowrap;
}
.btn:hover{border-color:var(--accent);color:var(--accent)}
.btn-fill{
  background:var(--accent);color:#04110f;border-color:transparent;
  box-shadow:0 8px 22px rgba(15,118,110,.28);
}
[data-theme="dark"] .btn-fill{color:#04110f}
.btn-fill:hover{filter:brightness(1.08);color:#04110f}
.btn-ghost{background:transparent}
.btn-sm{height:36px;padding:0 .85rem;font-size:.8rem;border-radius:10px}
.icon-btn{
  width:40px;height:40px;border-radius:11px;border:1px solid var(--line-strong);
  background:var(--bg-elev);display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;flex-shrink:0;
}
.icon-btn svg{width:17px;height:17px}