/* CUSTOM CSS VARIABLES FOR CARDIOTENSIVE landing */
:root {
  /* Site coordinates and design decisions mapped to brand-oriented variables */
  --ct-space-bg: #0D1117;          /* Deep dark slate background */
  --ct-card-bg: #161B22;           /* Slightly lighter dark for container depth */
  --ct-card-darker: #0F1319;       /* Darkest card background for distinct contrast */
  --ct-pulse-accent: #FF4757;      /* Vivid crimson main accent for cardiovascular energy */
  --ct-pulse-hover: #FF6B81;       /* Lighter crimson for UI states */
  --ct-gold-tone: #FFA502;         /* Accent gold for stars/badges */
  --ct-border-wrap: #21262D;       /* Structured dark border line */
  --ct-text-main: #F0F6FC;         /* White tone for optimal text readability */
  --ct-text-shade: #8B949E;        /* Muted gray text for secondary info */

  /* Typography variables */
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Poppins', sans-serif;

  /* Theme adjustments */
  --heading-case: uppercase;
  --ct-radius-soft: 16px;          /* 'soft' border radius configuration */
  --ct-radius-pill: 999px;
  --ct-shadow-deep: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.4), 0 0 50px rgba(255, 71, 87, 0.1); 
}

/* Base modifications to keep things within randomized limits */
body {
  font-family: var(--font-body);
  background-color: var(--ct-space-bg);
  color: var(--ct-text-main);
  overflow-x: hidden;
}

/* Main Container Width Rule - Random generated output */
.ct-shell-width {
  max-width: 1180px;
  width: 100%;
}

/* Custom CSS Price Tag Shape */
.ct-price-tag-shape {
  position: relative;
  background-color: var(--ct-pulse-accent);
  color: var(--ct-text-main);
  font-family: var(--font-display);
  font-size: 2rem;
  font-weight: 700;
  padding: 6px 20px 6px 30px;
  border-radius: 4px var(--ct-radius-soft) var(--ct-radius-soft) 4px;
  display: inline-flex;
  align-items: center;
  box-shadow: 0 5px 15px rgba(255, 71, 87, 0.4);
}

.ct-price-tag-shape::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: var(--ct-space-bg);
  border-radius: 50%;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Rotating/Pulsating ambient dot */
@keyframes ct-pulse-dot {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 71, 87, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(255, 71, 87, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 71, 87, 0);
  }
}

/* Abstract backgrounds to prevent footprint detection and keep dark-aesthetic high class */
.ct-geometric-halo {
  position: absolute;
  top: 10%;
  right: -10%;
  width: 600px;
  height: 600px;
  opacity: 0.8;
  pointer-events: none;
  z-index: 1;
}

@media(max-width: 1024px) {
  .ct-geometric-halo {
    top: 50%;
    right: -50%;
    transform: scale(0.7);
  }
}

/* Custom transitions and hover aesthetics */
.ct-deal-action {
  transition: background-color 0.3s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.ct-deal-action:hover {
  background-color: var(--ct-pulse-hover) !important;
}

/* Testimonial Panel layout features */
.ct-feedback-panel {
  transition: transform 0.3s ease;
}
.ct-feedback-panel:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 71, 87, 0.4) !important;
}

/* Sticky-desktop implementation for CTA block */
@media(min-width: 1024px) {
  .ct-sticky-target {
    position: sticky;
    bottom: 24px;
    z-index: 30;
  }
}