:root {
  --night: #06090b;
  --panel: #0d1316;
  --panel-2: #121b1f;
  --line: rgba(242, 246, 246, 0.10);
  --snow: #f2f6f6;
  --fog: #98a7ab;
  --mint: #2dd4bf;
  --mint-pale: #70eff0;
  --teal: #08777b;
  --sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --serif: "Playfair Display", "Iowan Old Style", Georgia, serif;
  --gutter: clamp(16px, 3.2vw, 40px);
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--night);
  color: var(--snow);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; }
img { max-width: 100%; display: block; }
.accent { color: var(--mint-pale); }
.mint { color: var(--mint); }

.topbar {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 14px var(--gutter);
}
.topbar img { height: 22px; width: auto; }
.topbar .tag {
  font-size: 12px; font-weight: 600; letter-spacing: .02em; color: var(--fog);
  border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; white-space: nowrap;
}

.promise-bar {
  border-top: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(45,212,191,.06), rgba(45,212,191,0));
  text-align: center; padding: 12px var(--gutter) 14px;
}
.promise-bar strong { display: block; font-size: clamp(15px, 1.6vw, 19px); font-weight: 800; letter-spacing: -.01em; }
.promise-bar small { display: block; margin-top: 2px; font-size: 12px; color: var(--fog); letter-spacing: .02em; }

.glow {
  position: fixed; inset: auto; pointer-events: none; z-index: 0;
  width: 60vmax; height: 60vmax; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(45,212,191,.13), rgba(45,212,191,0));
  filter: blur(10px);
}