/* ── Buttons — mirror the app's 3-tier hierarchy ── */
.btn { display: inline-flex; align-items: center; gap: 10px; border-radius: var(--lb-radius-pill);
  padding: 14px 30px; font: 600 1rem var(--font-body); text-decoration: none; cursor: pointer;
  border: 1px solid transparent; transition: filter .2s, color .2s, border-color .2s; }
.btn-cta { background: var(--lb-gradient); color: #fff; box-shadow: var(--lb-glow-cta); }
.btn-cta:hover { filter: brightness(1.06); }
.btn-ghost { background: transparent; color: var(--lb-text-dim); }
.btn-ghost:hover { color: var(--lb-text); }
.btn-outline { background: transparent; color: var(--lb-text);
  border: 1px solid var(--lb-glass-border); }
.btn-outline:hover { border-color: rgba(255,255,255,.25); }

/* ── Glass card (app dark-mode surface) ── */
.glass { background: var(--lb-glass); border: 1px solid var(--lb-glass-border);
  border-radius: var(--lb-radius-card); }

/* ── Section eyebrow — Oxanium, the app's techy accent face ── */
.eyebrow { font: 600 .78rem var(--font-tech); letter-spacing: .22em; text-transform: uppercase;
  color: var(--lb-teal); display: inline-flex; align-items: center; gap: 12px; }
.eyebrow::before { content: ''; width: 28px; height: 1px; background: var(--lb-gradient); }

/* ── Browser frame for product shots ── */
.frame { border-radius: 14px; overflow: hidden; border: 1px solid var(--lb-glass-border);
  background: #0a1730; box-shadow: 0 40px 90px -30px rgba(0,0,0,.7); }
.frame-bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px;
  background: rgba(255,255,255,.04); border-bottom: 1px solid var(--lb-glass-border); }
.frame-bar i { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.14); }
.frame img { width: 100%; height: auto; }

/* ── Radial glow bloom behind hero/CTA imagery ── */
.bloom { position: absolute; width: 900px; height: 900px; pointer-events: none;
  background: radial-gradient(closest-side, rgba(0,201,240,.16), rgba(0,213,174,.07) 45%, transparent 70%);
  z-index: -1; }

/* ── Stat numeral ── */
.stat-num { font: 700 clamp(2.6rem, 5vw, 4rem) var(--font-tech); }