/* ── SHARED PRODUCT PAGE STYLES ── */
.back-link {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; color: rgba(248,250,251,0.5);
  margin-bottom: 24px; transition: color var(--transition);
}
.back-link:hover { color: var(--teal); }

.product-hero {
  padding: 120px 5vw 80px;
  background: linear-gradient(160deg, var(--navy-mid) 0%, var(--navy) 100%);
  border-bottom: 1px solid var(--border);
  position: relative; overflow: hidden;
}
.product-hero::before {
  content: '';
  position: absolute; top: -200px; right: -200px;
  width: 600px; height: 600px;
  background: var(--accent-glow, rgba(0,196,180,0.08));
  border-radius: 50%;
  pointer-events: none;
}
.product-hero-inner { position: relative; z-index: 2; max-width: 720px; }
.product-hero-badge { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.product-hero-category { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: var(--slate-lt); letter-spacing: 0.08em; text-transform: uppercase; }
.product-hero-icon { margin-bottom: 20px; }
.product-hero-title {
  font-family: 'Syne', sans-serif; font-size: clamp(40px, 7vw, 80px);
  font-weight: 800; line-height: 1; letter-spacing: -0.03em;
  margin-bottom: 20px;
}
.product-hero-tagline { font-size: clamp(16px, 2vw, 20px); color: rgba(248,250,251,0.6); line-height: 1.65; max-width: 580px; margin-bottom: 36px; }
.product-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }

.product-section { padding: 80px 5vw; }
.product-section.alt-bg { background: var(--navy-mid); }
.product-section-inner { max-width: 1100px; margin: 0 auto; }

.feature-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin-top: 40px; }
.feature-card {
  background: var(--card-bg); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 28px;
  transition: border-color var(--transition), transform var(--transition);
}
.feature-card:hover { border-color: rgba(0,196,180,0.3); transform: translateY(-3px); }
.feature-icon { font-size: 28px; margin-bottom: 14px; }
.feature-card h3 { font-family: 'Syne', sans-serif; font-weight: 700; font-size: 16px; margin-bottom: 8px; }
.feature-card p { font-size: 14px; color: rgba(248,250,251,0.55); line-height: 1.6; }

.pricing-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.pricing-card {
  background: var(--card-bg); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 32px;
  position: relative;
  transition: border-color var(--transition), transform var(--transition);
}
.pricing-card:hover { border-color: rgba(0,196,180,0.3); transform: translateY(-4px); }
.pricing-card.featured {
  border-color: var(--gold);
  background: linear-gradient(135deg, rgba(212,160,23,0.08) 0%, var(--card-bg) 100%);
}
.pricing-badge {
  position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
  background: var(--gold); color: var(--navy);
  font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 600;
  padding: 4px 14px; border-radius: 100px; letter-spacing: 0.06em; white-space: nowrap;
}
.pricing-name { font-family: 'Syne', sans-serif; font-weight: 700; font-size: 18px; margin-bottom: 12px; }
.pricing-amount { font-family: 'Syne', sans-serif; font-size: 30px; font-weight: 800; color: var(--gold-light); margin-bottom: 24px; }
.pricing-amount span { font-size: 14px; font-weight: 400; color: var(--slate-lt); }
.pricing-features { list-style: none; margin-bottom: 28px; display: flex; flex-direction: column; gap: 10px; }
.pricing-features li { font-size: 14px; color: rgba(248,250,251,0.7); }