@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body {
  background:
    radial-gradient(circle at 82% 10%, rgba(39, 142, 206, .14), transparent 32rem),
    radial-gradient(circle at 18% 42%, rgba(var(--accent-rgb), .055), transparent 30rem),
    linear-gradient(180deg, #030607 0%, #071018 50%, #030607 100%);
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body[data-deck="selfaware"] {
  --accent: #f5bb16;
  --accent-2: #39a8ff;
  --accent-rgb: 245, 187, 22;
}

.deck-topbar {
  top: 12px;
  min-height: 68px;
  border-radius: 15px;
  background: rgba(3, 7, 9, .91);
  box-shadow: 0 20px 58px rgba(0, 0, 0, .34);
}

.deck-brand-mark {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  transform: rotate(45deg);
}

.icon-button,
.pill-button,
.signal,
.orbit-node,
.deck-links a {
  border-radius: 7px;
}

.slide {
  background:
    radial-gradient(circle at 88% 12%, rgba(39, 142, 206, .055), transparent 27rem),
    transparent;
}

.slide:nth-child(even) {
  background:
    radial-gradient(circle at 12% 86%, rgba(var(--accent-rgb), .045), transparent 25rem),
    #060b0e;
}

.metric-card,
.info-card,
.quote-card,
.timeline-item,
.table-card,
.product-shot,
.story-card,
.financial-card,
.ask-card,
.panel {
  border-radius: 14px;
  background-color: rgba(7, 13, 17, .94);
  box-shadow: 0 24px 68px rgba(0, 0, 0, .22);
}

.display,
.section-title {
  letter-spacing: -.065em;
}

.eyebrow,
.metric-value,
.display em,
.section-title em {
  text-shadow: 0 0 24px rgba(var(--accent-rgb), .1);
}

.deck-progress {
  height: 2px;
}

.rail-dot::before {
  border-radius: 6px;
}

@media (max-width: 760px) {
  .deck-topbar { top: 8px; border-radius: 12px; }
}