.hero,.pricing-cta{animation:16s infinite heroGradient;text-align:center}.btn,.hero,.included h2,.included-item,.price-tag,.pricing-audience,.pricing-cta,.pricing-faq h2,.pricing-intro,.why-rctx h2{text-align:center}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff;--accent-glow:#3b82f6;--text-main:#0f172a;--text-muted:#334155;--text-dim:#64748b;--bg-white:#ffffff;--bg-light:#f8fafc;--border:#cbd5e1;--radius-lg:24px;--radius-md:16px;--radius-sm:8px;--shadow-soft:0 10px 30px rgba(15, 23, 42, 0.04);--shadow-bold:0 20px 40px rgba(37, 99, 235, 0.1);--transition-smooth:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.audience-tags span,.benefits-grid article,.btn,.card-pricing,.included-item,.pricing-faq details{transition:var(--transition-smooth)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body.pricing-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text-main);background-color:var(--bg-white);line-height:1.6;-webkit-font-smoothing:antialiased}.container{width:min(1200px,92%);margin-inline:auto}.text-dim{color:var(--text-dim)}.mt-1{margin-top:.75rem}.mb-2{margin-bottom:2rem}.hero{position:relative;overflow:hidden;padding:clamp(5rem,10vw,8rem) 0;color:#fff;background:linear-gradient(-45deg,#0b1329,#1e3a8a,#2563eb,#0f766e);background-size:400% 400%}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(59,130,246,.25),transparent 40%),radial-gradient(circle at 85% 75%,rgba(15,118,110,.2),transparent 45%);animation:12s ease-in-out infinite floatGlow;pointer-events:none}.hero h1{font-size:clamp(2.4rem, 6vw, 4.2rem);font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.03em}.included h2,.price-info h2,.pricing-cta h2,.pricing-intro h2{letter-spacing:-.02em}.hero h1 span{color:#93c5fd;text-shadow:0 4px 12px rgba(37,99,235,.2)}.hero p{max-width:700px;margin:1.5rem auto 2.5rem;color:#f1f5f9;font-size:clamp(1.1rem, 2.5vw, 1.3rem)}.hero-price{display:inline-block;padding:14px 28px;border-radius:100px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:.02em;box-shadow:0 10px 25px rgba(0,0,0,.15)}.included,.why-rctx{padding:clamp(4rem,8vw,6rem) 0;background-color:var(--bg-white)}.included h2{font-size:clamp(1.8rem, 4vw, 2.5rem);font-weight:800;margin-bottom:3.5rem}.included-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.included-item{background:var(--bg-light);border:1px solid var(--border);padding:1.25rem;border-radius:var(--radius-md);font-weight:700;color:var(--text-main)}.included-item:hover{background:var(--bg-white);transform:translateY(-4px) scale(1.02);border-color:var(--primary);box-shadow:var(--shadow-bold);color:var(--primary-dark)}.pricing-audience{margin-top:6rem;max-width:900px;margin-inline:auto;background:linear-gradient(135deg,#eff6ff 0,#dbeafe 100%);padding:3.5rem 2rem;border-radius:var(--radius-lg);border:1px solid #bfdbfe}.audience-label{display:inline-block;background:var(--primary);color:#fff;padding:.5rem 1.25rem;border-radius:100px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.5rem}.audience-tags span,.audience-text,.local-note,.price-info li,.price-info p,.pricing-intro p{color:var(--text-muted)}.audience-text{font-size:1.15rem;max-width:700px;margin:1rem auto 2.5rem}.audience-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.audience-tags span{background:var(--bg-white);border:1px solid #cbd5e1;padding:.6rem 1.2rem;border-radius:100px;font-weight:600;font-size:.95rem}.audience-tags span:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}.pricing{padding:clamp(4rem,8vw,6rem) 0;background-color:var(--bg-light);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.card-pricing,.local-note{background:var(--bg-white);box-shadow:var(--shadow-soft)}.pricing-intro{max-width:750px;margin:0 auto 3.5rem}.pricing-intro h2{font-size:clamp(1.8rem, 4vw, 2.5rem);font-weight:800}.pricing-intro p{font-size:1.15rem;margin-top:.5rem}.local-note{border-left:6px solid #0f766e;padding:2rem;border-radius:var(--radius-md);max-width:850px;margin:0 auto 3.5rem;font-size:1.05rem;line-height:1.7}.card-pricing{border-radius:var(--radius-lg);padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:1.8fr 1fr;gap:3.5rem;max-width:950px;margin-inline:auto;border:1px solid var(--border);align-items:center;position:relative}.card-pricing.featured{border:3px solid var(--primary);box-shadow:0 25px 60px rgba(37,99,235,.12);animation:4s infinite alternate premiumPulse}.card-pricing.featured::before{content:"MOST POPULAR SOLUTION";position:absolute;top:-14px;left:40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:.4rem 1.2rem;border-radius:100px;font-size:.75rem;font-weight:800;letter-spacing:.06em}.price-info h2{font-size:2rem;font-weight:800}.cost span,.price-tag p{font-weight:600;color:var(--text-dim)}.price-info p{font-size:1.1rem;margin-top:.5rem}.price-info ul{list-style:none;margin-top:2rem;display:flex;flex-direction:column;gap:1.25rem}.price-info li{display:flex;align-items:flex-start;gap:1rem;font-size:1.05rem;line-height:1.5}.list-icon{width:22px;height:22px;fill:var(--primary);flex-shrink:0;margin-top:2px}.price-tag{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:3rem;border-left:2px solid var(--bg-light);height:100%}.cost{font-size:clamp(4rem, 8vw, 5.5rem);font-weight:800;color:var(--text-main);line-height:1;letter-spacing:-.04em;margin-bottom:.75rem}.cost span{font-size:1.5rem}.price-tag p{font-size:.95rem;max-width:220px;margin-bottom:2rem;line-height:1.4}.why-rctx h2{font-size:clamp(1.8rem, 4vw, 2.5rem);font-weight:800;margin-bottom:4rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.benefits-grid article{background:var(--bg-light);padding:3rem 2rem;border-radius:var(--radius-md);border:1px solid var(--border)}.benefits-grid article:hover{transform:translateY(-6px);background-color:var(--bg-white);border-color:var(--primary);box-shadow:0 15px 35px rgba(15,23,42,.06)}.benefits-grid h3{font-size:1.35rem;font-weight:800;color:var(--primary-dark);margin-bottom:.75rem}.benefits-grid p{color:var(--text-muted);font-size:1.05rem}.pricing-faq{padding:clamp(4rem,8vw,6rem) 0;background-color:var(--bg-light);border-top:1px solid var(--border)}.pricing-faq h2{font-size:clamp(1.8rem, 4vw, 2.5rem);font-weight:800;margin-bottom:3.5rem}.btn,.pricing-faq summary{font-weight:700;cursor:pointer}.pricing-faq .container{max-width:800px}.pricing-faq details{background:var(--bg-white);margin-bottom:1.25rem;padding:1.5rem 1.75rem;border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.pricing-faq details[open]{border-color:var(--primary);box-shadow:0 10px 25px rgba(15,23,42,.04)}.pricing-faq summary{font-size:1.15rem;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--text-main)}.pricing-faq summary::-webkit-details-marker{display:none}.pricing-faq summary::after{content:"+";font-size:1.6rem;font-weight:400;color:var(--primary);transition:transform .3s}.pricing-faq details[open] summary::after{transform:rotate(45deg);color:var(--text-dim)}.pricing-faq p{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bg-light);color:var(--text-muted);font-size:1.05rem;line-height:1.6}.pricing-cta{padding:clamp(4.5rem,9vw,7rem) 0;color:#fff;background:linear-gradient(-45deg,#0b1329,#1e3a8a,#2563eb,#1d4ed8);background-size:400% 400%}.pricing-cta h2{color:#fff;font-size:clamp(2rem, 5vw, 3rem);font-weight:800;margin-bottom:1rem}.pricing-cta p{color:rgba(255,255,255,.9);max-width:600px;margin:0 auto 2.5rem;font-size:1.2rem}.btn{display:inline-block;padding:16px 38px;font-size:1.1rem;text-decoration:none;border-radius:100px;border:none}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 15px rgba(37,99,235,.35)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(37,99,235,.55)}.btn-primary:active{transform:translateY(-1px)}.price-tag .btn-primary{width:100%;max-width:280px}.pricing-cta .btn-primary{background:#fff;color:var(--primary-dark);box-shadow:0 4px 15px rgba(0,0,0,.1)}.pricing-cta .btn-primary:hover{background:var(--primary-light);box-shadow:0 8px 25px rgba(255,255,255,.25)}@keyframes heroGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes floatGlow{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes premiumPulse{0%{border-color:var(--primary);box-shadow:0 25px 60px rgba(37,99,235,.1)}100%{border-color:#60a5fa;box-shadow:0 25px 60px rgba(96,165,250,.25)}}.fade-in{opacity:0;transform:translateY(15px);animation:.7s cubic-bezier(.25,1,.5,1) forwards fadeInUp}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.hero,.pricing-cta{will-change:background-position}.card-pricing.featured{will-change:box-shadow,border-color}}@media (prefers-reduced-motion:reduce){.card-pricing.featured,.fade-in,.hero,.hero::before,.pricing-cta{animation:none}.fade-in{opacity:1;transform:none}}@media (max-width:900px){.card-pricing{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 1.5rem}.price-tag{border-left:none;border-top:2px solid var(--bg-light);padding-left:0;padding-top:2.5rem}.price-tag .btn-primary{max-width:100%}}
/* Container & Typography Setup */
.valleys-addons-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  padding: 1.5rem 1rem;
  background-color: #f0f7ff; /* Very soft blue background */
  color: #1e293b;
}

.addons-section {
  max-width: 1200px;
  margin: 0 auto;
}

.addons-section h3 {
  font-size: 1.8rem;
  color: #1e3a8a; /* Deep Welsh Blue */
  margin-bottom: 0.75rem;
  font-weight: 800;
}

/* Subtitle & Base Price Badge */
.addons-subtitle {
  font-size: 1.1rem;
  color: #475569;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.base-price-badge {
  display: inline-block;
  background-color: #1e3a8a; /* Deep matching blue */
  color: #ffffff; /* High contrast white text */
  padding: 0.15rem 0.5rem;
  border-radius: 6px;
  font-weight: 700;
  white-space: nowrap;
}

/* Responsive Grid using Flexbox for perfect mobile stacking */
.addons-grid {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* Modern Card Design */
.addon-card {
  background: #ffffff;
  border: 1px solid #bfdbfe; /* Soft blue border */
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.addon-card:hover {
  border-color: #3b82f6; /* Vibrant blue on hover */
}

/* Card Header Layout */
.addon-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
  gap: 1rem;
}

.addon-header h4 {
  font-size: 1.2rem;
  color: #1d4ed8; /* Mid-tone Blue */
  margin: 0;
  font-weight: 600;
  line-height: 1.3;
}

/* Price Styling */
.addon-price {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f172a;
  white-space: nowrap;
  background-color: #dbeafe; /* Light blue highlight badge */
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
}

.per-month {
  font-size: 0.85rem;
  font-weight: 400;
  color: #64748b;
}

/* Card Paragraphs */
.addon-card p {
  font-size: 0.95rem;
  color: #334155;
  line-height: 1.6;
  margin: 0;
}

/* Media Query for larger screens (Tablets/Desktops) */
@media (min-width: 640px) {
  .valleys-addons-container {
    padding: 3rem 2rem;
  }
  
  .addons-section h3 {
    font-size: 2rem;
  }
  
  .addons-grid {
    flex-direction: row; /* Side-by-side columns on bigger screens */
  }
  
  .addon-card {
    flex: 1;
  }
}

.pricing-intro-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  padding: 4rem 1.25rem 3rem 1.25rem;
  /* Fades from a fresh light blue into pure white */
  background: linear-gradient(180deg, #edf4ff 0%, #ffffff 100%); 
  text-align: center;
}


.pricing-intro-content {
  max-width: 750px;
  margin: 0 auto;
}

/* Heading Styling */
.typing-text-header {
  font-size: 1.75rem;
  color: #1e3a8a; /* Deep Welsh Blue */
  font-weight: 800;
  line-height: 1.3;
  margin: 0 0 1rem 0;
  display: inline-block;
  min-height: 2.3rem; /* Prevents layout shifting before text types */
}

/* The Blinking Typing Cursor */
.typing-text-header::after {
  content: '|';
  color: #3b82f6; /* Vibrant blue cursor */
  animation: cursor-blink 0.7s infinite;
  margin-left: 4px;
}

/* Remove cursor via class once typing finishes */
.typing-text-header.typing-complete::after {
  display: none;
}

/* Subtitle Styling */
.pricing-intro-sub {
  font-size: 1.05rem;
  color: #475569;
  line-height: 1.6;
  margin: 0;
  opacity: 0; /* Hidden initially, fades up when typing ends */
  transform: translateY(10px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Reveal subtitle class triggered by JS */
.pricing-intro-sub.reveal {
  opacity: 1;
  transform: translateY(0);
}

/* Cursor Blink Animation Definition */
@keyframes cursor-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* Desktop Polish */
@media (min-width: 640px) {
  .pricing-intro-container {
    padding: 5rem 2rem 3rem 2rem;
  }
  .typing-text-header {
    font-size: 2.5rem;
    min-height: 3.3rem;
  }
  .pricing-intro-sub {
    font-size: 1.2rem;
  }
  }