/**
 * NADIR Pulse — tier-specific visual layer
 * High-volume · edge · green accent · speed-oriented motion
 */

[data-tier="pulse"] .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 60% 40% at 80% 20%, rgba(52, 211, 153, 0.12), transparent);
}

[data-tier="pulse"] .btn-tier {
  background: linear-gradient(135deg, #059669, #34d399);
  color: #042f1a;
  box-shadow: 0 4px 28px var(--pulse-glow);
}

[data-tier="pulse"] .hero-card--tier {
  animation: pulse-card-breathe 4s ease-in-out infinite;
}

@keyframes pulse-card-breathe {
  0%, 100% { box-shadow: var(--shadow-tier), 0 0 40px rgba(52, 211, 153, 0.15); }
  50% { box-shadow: var(--shadow-tier), 0 0 80px rgba(52, 211, 153, 0.28); }
}

[data-tier="pulse"] .metric-ring .ring-progress {
  stroke: var(--pulse);
}

[data-tier="pulse"] .endpoint-method.post {
  background: rgba(52, 211, 153, 0.18);
  color: #6ee7b7;
}

[data-tier="pulse"] .bento-cell--accent {
  background: linear-gradient(145deg, rgba(52, 211, 153, 0.14), var(--charcoal-800));
}

[data-tier="pulse"] .timeline-step::before {
  box-shadow: 0 0 16px var(--pulse-glow);
}

[data-tier="pulse"] .cta-band {
  border-color: rgba(52, 211, 153, 0.35);
  background: linear-gradient(135deg, rgba(52, 211, 153, 0.08), rgba(6, 78, 59, 0.12));
}

/* Pulse speed lines — decorative */
.pulse-speed-lines {
  position: absolute;
  right: 5%;
  top: 120px;
  width: 200px;
  height: 120px;
  opacity: 0.15;
  pointer-events: none;
  overflow: hidden;
}

.pulse-speed-lines span {
  display: block;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--pulse), transparent);
  margin: 12px 0;
  animation: pulse-line-scan 2.2s linear infinite;
}

.pulse-speed-lines span:nth-child(2) { animation-delay: 0.4s; width: 80%; margin-left: 20%; }
.pulse-speed-lines span:nth-child(3) { animation-delay: 0.8s; width: 60%; margin-left: 40%; }
.pulse-speed-lines span:nth-child(4) { animation-delay: 1.2s; width: 90%; }

@keyframes pulse-line-scan {
  0% { transform: translateX(-100%); opacity: 0; }
  30% { opacity: 1; }
  100% { transform: translateX(100%); opacity: 0; }
}

/* Latency emphasis */
[data-tier="pulse"] .latency-bar-fill {
  background: linear-gradient(90deg, #059669, #34d399, #6ee7b7);
}

/* Tier comparison highlight */
[data-tier="pulse"] table.compare td:nth-child(2) {
  background: rgba(52, 211, 153, 0.06);
  font-weight: 600;
}

/* Scope cards hover */
[data-tier="pulse"] .scope-card:hover code {
  color: #6ee7b7;
}

/* ROI result pulse glow */
[data-tier="pulse"] .roi-result {
  animation: pulse-roi-glow 3s ease-in-out infinite;
}

@keyframes pulse-roi-glow {
  0%, 100% { box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.2); }
  50% { box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.45), 0 0 24px rgba(52, 211, 153, 0.1); }
}

/* Live tier benchmark iframe on pulse.html */
.pulse-benchmark-embed {
  border: 1px solid rgba(52, 211, 153, 0.25);
  border-radius: 14px;
  overflow: hidden;
  background: #0a0b0d;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(52, 211, 153, 0.08);
}

.pulse-benchmark-iframe {
  display: block;
  width: 100%;
  min-height: 640px;
  height: 72vh;
  max-height: 820px;
  border: 0;
}

.pulse-benchmark-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

@media (max-width: 768px) {
  .pulse-benchmark-iframe {
    min-height: 480px;
    height: 65vh;
  }
}

/* Print styles for LOI attachments */
@media print {
  [data-tier="pulse"] .site-header,
  [data-tier="pulse"] .bg-grid,
  [data-tier="pulse"] .bg-glow,
  [data-tier="pulse"] .bg-tier-orb,
  [data-tier="pulse"] .pulse-speed-lines { display: none !important; }
  [data-tier="pulse"] body { background: #fff; color: #111; }
}