.ticker {
  display: flex; align-items: center; gap: 16px; overflow: hidden; white-space: nowrap;
  border-top: 1px solid var(--color-line);
  border-bottom: 1px solid var(--color-line);
  background: rgba(15,18,23,0.6);
  padding: 10px 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
}
.ticker .inner { display: inline-flex; gap: 20px; padding: 8px 0; animation: scroll 80s linear infinite; }
.ticker .item { display: inline-flex; gap: 8px; align-items: baseline; color: var(--color-text-muted); }
.ticker .item .symbol { color: var(--color-text-high); font-weight: 600; }
.ticker .item .chg.up { color: var(--color-success); }
.ticker .item .chg.down { color: var(--color-danger); }

@keyframes scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.section-title { font-size: 28px; margin: 24px 0 8px; text-align: center; }
.btn-row { display: flex; gap: 12px; flex-wrap: wrap; }

.card.elevated { box-shadow: 0 10px 30px rgba(0,0,0,0.35), 0 1px 0 rgba(255,255,255,0.02) inset; border-color: rgba(255,255,255,0.06); }
.card, .card.elevated { position: relative; }
.card::before { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: var(--radius-card); background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0)); opacity: 0.6; }
.card::after { content: ""; position: absolute; inset: 1px; border-radius: calc(var(--radius-card) - 1px); pointer-events: none; border: 1px solid rgba(255,255,255,0.06); }

.card:hover { transform: translateY(-2px); transition: transform .18s ease; }
.card:hover::before { opacity: 0.8; }
.card:focus-within { outline: 2px solid rgba(227,158,46,0.4); outline-offset: 2px; }

/* Light sweep effect */
@keyframes sweep { from { background-position: -200% 0; } to { background-position: 200% 0; } }
.card .sweep {
  position: absolute; inset: 0; pointer-events: none; border-radius: var(--radius-card);
  background: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.07) 50%, rgba(255,255,255,0) 100%);
  background-size: 200% 100%; opacity: 0; transition: opacity .2s ease;
}
.card:hover .sweep { opacity: 1; animation: sweep .9s linear forwards; }

/* Badges */
.badge { display: inline-block; padding: 3px 8px; border-radius: 999px; font-size: 12px; color: #001014; background: var(--grad-button); margin-right: 8px; }

/* Pricing plans - attention styles */
.plan { position: relative; border-radius: 20px; padding: 2px; background: linear-gradient(135deg, rgba(227,158,46,0.35), rgba(193,151,112,0.25), rgba(166,122,91,0.25)); }
.plan .plan-inner { border-radius: 18px; padding: 18px; background: var(--color-surface-deep); border: 1px solid var(--color-line); box-shadow: 0 18px 40px rgba(0,0,0,0.45); position: relative; overflow: hidden; }
.plan .plan-inner .sweep { z-index: 1; }
.plan h3 { margin-top: 6px; margin-bottom: 6px; font-size: 20px; }
.plan .muted { margin-top: 0; margin-bottom: 12px; }
.plan ul { margin: 0 0 14px 0; padding: 0; list-style: none; }
.plan ul li { margin: 10px 0; position: relative; padding-left: 26px; }
.plan ul li::before {
  content: "";
  position: absolute; left: 0; top: 4px; width: 16px; height: 16px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237CFF6B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>") no-repeat center/16px 16px;
  filter: drop-shadow(0 0 4px rgba(193,151,112,0.4));
}
.plan .cta { position: relative; z-index: 2; }
.plan:hover { transform: translateY(-4px) scale(1.01); transition: transform .2s ease; }

@keyframes planBorder { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

.plan.featured { background: linear-gradient(135deg, rgba(227,158,46,0.5), rgba(193,151,112,0.45), rgba(166,122,91,0.45)); }
.plan.featured .plan-inner { box-shadow: 0 22px 60px rgba(227,158,46,0.12), 0 30px 70px rgba(166,122,91,0.08), 0 10px 30px rgba(0,0,0,0.5); }

.ribbon { position: absolute; top: 10px; right: -34px; transform: rotate(30deg); background: var(--grad-button); color: #001014; font-weight: 700; padding: 6px 44px; border-radius: 8px; box-shadow: var(--glow-primary); z-index: 3; }

.cta.big { padding: 12px 20px; font-weight: 700; }

/* Storytelling components */
.founder-note { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 24px; align-items: start; }
.founder-note .quote { font-size: 20px; color: var(--color-text-high); }
.founder-note .sig { margin-top: 8px; color: var(--color-text-muted); font-style: italic; }

.timeline { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-top: 16px; }
.timeline .step { position: relative; padding: 14px; border-radius: 14px; background: var(--color-surface); border: 1px solid var(--color-line); }
.timeline .step::before { content: ""; position: absolute; top: -6px; left: 14px; right: 14px; height: 2px; background: linear-gradient(90deg, rgba(227,158,46,0.4), rgba(166,122,91,0.25)); border-radius: 2px; }
.timeline .step h4 { margin: 0 0 6px; }
.timeline .step p { margin: 0; color: var(--color-text-muted); }

.narrative-today { padding: 14px; border-radius: 14px; border: 1px solid var(--color-line); background: linear-gradient(90deg, rgba(227,158,46,0.07), rgba(193,151,112,0.04) 40%, rgba(166,122,91,0.06)); }
.narrative-today .label { font-weight: 700; margin-right: 8px; }

.quotes { position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--color-line); background: var(--color-surface-deep); }
.quotes .q { padding: 18px; display: none; }
.quotes .q.active { display: block; }
.quotes .by { color: var(--color-text-muted); margin-top: 6px; font-size: 14px; }

@media (max-width: 900px) {
  .founder-note { grid-template-columns: 1fr; }
  .timeline { grid-template-columns: 1fr; }
}

/* Narrative Killer - Clean Visual */
.narrative-killer {
  position: relative;
  background: var(--color-surface);
  border-radius: 16px;
  padding: 24px;
  margin: 20px 0;
  overflow: hidden;
}

.narrative-killer::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(227,158,46,0.1) 50%, 
    transparent 100%);
  animation: killerSweep 3s ease-in-out infinite;
}

.narrative-killer .content {
  position: relative;
  z-index: 2;
}

.narrative-killer .noise-indicator {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  opacity: 0.6;
}

.noise-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-text-muted);
  animation: noisePulse 2s ease-in-out infinite;
}

.noise-dot:nth-child(1) { animation-delay: 0s; }
.noise-dot:nth-child(2) { animation-delay: 0.2s; }
.noise-dot:nth-child(3) { animation-delay: 0.4s; }
.noise-dot:nth-child(4) { animation-delay: 0.6s; }
.noise-dot:nth-child(5) { animation-delay: 0.8s; }

.narrative-killer .signal-line {
  height: 2px;
  background: linear-gradient(90deg, 
    rgba(227,158,46,0.3) 0%, 
    rgba(227,158,46,1) 50%, 
    rgba(227,158,46,0.3) 100%);
  border-radius: 2px;
  margin-bottom: 12px;
  animation: signalGlow 2s ease-in-out infinite;
}

.narrative-killer .signal-text {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-text-high);
  text-align: center;
}

@keyframes killerSweep {
  0%, 70% { left: -100%; }
  80%, 100% { left: 100%; }
}

@keyframes noisePulse {
  0%, 100% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.2); }
}

@keyframes signalGlow {
  0%, 100% { box-shadow: 0 0 5px rgba(227,158,46,0.3); }
  50% { box-shadow: 0 0 15px rgba(227,158,46,0.6); }
}

/* Gem Discovery Spotlight */
.gem-spotlight {
  position: relative;
  background: radial-gradient(circle at 50% 50%, rgba(0,0,0,0.8), rgba(0,0,0,0.95));
  border-radius: 16px;
  padding: 40px;
  margin: 20px 0;
  overflow: hidden;
}

.gem-spotlight::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), 
    rgba(193,151,112,0.08) 0%, 
    rgba(227,158,46,0.05) 30%, 
    transparent 70%);
  pointer-events: none;
  transition: all 0.3s ease;
}

.gem-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  position: relative;
  z-index: 2;
}

.gem-item {
  padding: 16px;
  border-radius: 12px;
  background: rgba(21,26,33,0.6);
  border: 1px solid rgba(255,255,255,0.1);
  text-align: center;
  opacity: 0.4;
  transition: all 0.3s ease;
}

.gem-item:hover {
  opacity: 1;
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(193,151,112,0.4);
}

.gem-item .symbol {
  font-weight: 700;
  font-size: 18px;
  color: #E39E2E;
  margin-bottom: 4px;
  text-shadow: 0 0 16px rgba(227, 158, 46, 0.8), 0 0 24px rgba(227, 158, 46, 0.6), 0 0 32px rgba(227, 158, 46, 0.4);
}

.gem-item .price {
  font-size: 14px;
  color: #C19770;
  text-shadow: 0 0 12px rgba(193, 151, 112, 0.6), 0 0 20px rgba(193, 151, 112, 0.4), 0 0 28px rgba(193, 151, 112, 0.2);
}

/* Resistance Breaking */
.resistance-break {
  position: relative;
  background: var(--color-surface);
  border-radius: 16px;
  padding: 20px;
  margin: 20px 0;
  overflow: hidden;
}

.resistance-line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, 
    rgba(255,255,255,0.3) 0%, 
    rgba(255,255,255,0.6) 50%, 
    rgba(255,255,255,0.3) 100%);
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

.resistance-break:hover .resistance-line {
  background: linear-gradient(90deg, 
    rgba(239,68,68,0.8) 0%, 
    rgba(239,68,68,1) 50%, 
    rgba(239,68,68,0.8) 100%);
  box-shadow: 0 0 10px rgba(239,68,68,0.5);
  animation: crackLine 0.6s ease-out;
}

.resistance-break:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, 
    rgba(34,197,94,0.1) 0%, 
    rgba(34,197,94,0.2) 50%, 
    rgba(34,197,94,0.1) 100%);
  opacity: 0;
  animation: revealGains 0.8s ease-out 0.3s forwards;
}

@keyframes crackLine {
  0% { transform: translateY(-50%) scaleX(1); }
  50% { transform: translateY(-50%) scaleX(1.1); }
  100% { transform: translateY(-50%) scaleX(0); opacity: 0; }
}

@keyframes revealGains {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.break-text {
  position: relative;
  z-index: 2;
  text-align: center;
  font-weight: 700;
  color: var(--color-text-high);
}
.icon { width: 22px; height: 22px; display: inline-block; border-radius: 6px; background: var(--grad-button); margin-right: 8px; }

/* Sequential Flip Card Animation */
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 180px;
  perspective: 1000px;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: var(--radius-card);
  display: flex;
  flex-direction: column;
}

/* Progress bar glow for flipped cards */
.flip-card.progress-glow {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 165, 0, 0.15));
  box-shadow: 
    0 0 15px rgba(255, 215, 0, 0.2),
    0 0 30px rgba(255, 215, 0, 0.1),
    inset 0 0 15px rgba(255, 215, 0, 0.1);
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
  display: flex;
  flex-direction: column;
}

/* Classes for JavaScript control */
.flip-card-inner.flipped {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: var(--radius-card);
  background: var(--grad-card), var(--color-surface-deep);
  border: 1px solid var(--color-line);
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

.flip-card-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg, rgba(20, 20, 30, 0.95), rgba(30, 30, 45, 0.95)), var(--color-surface-deep);
  border: 1px solid rgba(100, 200, 255, 0.2);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Neon glow effect for flipped cards */
.flip-card-back.neon-glow {
  background: linear-gradient(135deg, rgba(20, 20, 30, 0.95), rgba(30, 30, 45, 0.95)), var(--color-surface-deep);
  border: 1px solid rgba(255, 215, 0, 0.6);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.3), 
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 20px rgba(255, 215, 0, 0.3),
    0 0 40px rgba(255, 215, 0, 0.1);
}

.flip-card-back .description {
  font-size: 13px;
  line-height: 1.4;
  color: var(--color-text-muted);
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.3px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 8px;
}

.flip-card-back .description h4 {
  font-size: 15px;
  font-weight: 600;
  color: #E39E2E;
  margin: 0;
  line-height: 1.2;
  text-shadow: 0 0 8px rgba(227, 158, 46, 0.3);
}

.flip-card-back .description p {
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  color: var(--color-text-muted);
  max-width: 90%;
}

/* Mobile-specific adjustments */
@media (max-width: 900px) {
  /* Mobile Ticker */
  .ticker .inner { 
    animation: scroll 50s linear infinite; 
  }
  
  .ticker .item .symbol { 
    font-size: 14px; 
  }
  
  .ticker .item .price { 
    font-size: 13px; 
  }
  
  .ticker .item .chg { 
    font-size: 12px; 
  }
  
  /* Mobile Flip Cards - Single Column */
  .gem-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .flip-card {
    height: 220px;
  }
  
  /* Mobile Touch Improvements */
  .flip-card {
    min-height: 220px;
    touch-action: manipulation;
  }
  
  .flip-card:active {
    transform: scale(0.98);
    transition: transform 0.1s ease;
  }
  
  /* Mobile Sequential Flip Enhancement */
  .flip-card.progress-glow {
    box-shadow: 
      0 0 20px rgba(255, 215, 0, 0.3),
      0 0 40px rgba(255, 215, 0, 0.2),
      inset 0 0 20px rgba(255, 215, 0, 0.15);
  }
  
  /* Mobile Founder's Note */
  .founder-note {
    flex-direction: column;
    gap: 20px;
  }
  
  .timeline {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  
  .timeline .step {
    padding: 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.02);
  }
  
  /* Mobile Quotes */
  .quotes .q {
    font-size: 16px;
    line-height: 1.4;
  }
  
  /* Mobile Animations - Simplify */
  .narrative-killer {
    height: 120px;
  }
  
  .resistance-break {
    height: 100px;
  }
  
  /* Disable mouse-tracking effects on mobile */
  .gem-spotlight::before {
    display: none;
  }
  
  /* Mobile Footer */
  .footer-inner {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 24px 0;
  }
  
  .footer-bottom {
    padding: 12px 0;
    font-size: 12px;
    text-align: center;
  }
  
  /* Mobile Section Title Improvements */
  .section-title { 
    font-size: 24px; 
    margin: 24px 0 16px; 
    text-align: center;
  }
  
  /* Mobile What You Need to Know Section */
  .gem-spotlight .section-title {
    font-size: 26px;
    margin: 32px 0 24px;
    color: var(--color-text-high);
  }
}

/* ===== METHOD PAGE STYLES ===== */

/* Data Flow Visualization */
.data-flow-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 40px 0;
  padding: 30px;
  background: var(--grad-card), var(--color-surface-deep);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  overflow-x: auto;
}

.flow-stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 100px;
}

.stage-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background: var(--color-surface-deep);
  border: 2px solid var(--color-line);
  transition: all 0.3s ease;
}

.stage-icon.noise {
  border-color: #ff6b6b;
  box-shadow: 0 0 15px rgba(255, 107, 107, 0.3);
}

.stage-icon.analysis {
  border-color: #4ecdc4;
  box-shadow: 0 0 15px rgba(78, 205, 196, 0.3);
}

.stage-icon.signal {
  border-color: var(--color-primary);
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.15);
}

.stage-icon.execution {
  border-color: #ffd93d;
  box-shadow: 0 0 15px rgba(255, 217, 61, 0.3);
}

.stage-icon.profit {
  border-color: #6bcf7f;
  box-shadow: 0 0 15px rgba(107, 207, 127, 0.3);
}

.stage-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-high);
  text-align: center;
}

.flow-arrow {
  font-size: 24px;
  color: var(--color-primary);
  animation: pulse-glow 2s infinite;
}

@keyframes pulse-glow {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.1); }
}

/* Philosophy Section */
/* Ensure all section grids inherit proper centering from container */
.philosophy-section,
.timeline-section,
.case-study-section,
.risk-management-section,
.final-cta-section,
.value-props-section,
.pricing-tiers-section,
.roi-calculator-section,
.testimonials-section,
.faq-section {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.philosophy-section {
  margin: 80px 0;
  text-align: center;
}

.philosophy-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 40px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-items: center;
}

.story-card {
  background: var(--grad-card), var(--color-surface-deep);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  padding: 32px;
  position: relative;
  transition: all 0.3s ease;
}

.story-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-card);
  border-color: var(--color-primary);
}

.story-card.left {
  border-left: 4px solid var(--color-accent);
}

.story-card.right {
  border-left: 4px solid var(--color-primary);
}

.story-icon {
  font-size: 32px;
  margin-bottom: 16px;
}

.story-card h3 {
  color: var(--color-primary);
  margin-bottom: 16px;
  font-size: 20px;
}

.story-card p {
  margin-bottom: 12px;
  line-height: 1.6;
}

/* Timeline Section */
.timeline-section {
  margin: 80px 0;
  text-align: center;
}

.section-subtitle {
  font-size: 18px;
  color: var(--color-text-muted);
  text-align: center;
  margin-bottom: 60px;
}

.timeline-section {
  margin: 80px 0;
  text-align: center;
}

.timeline-visual {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.timeline-visual::before {
  content: "";
  position: absolute;
  left: 40px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, 
    var(--color-primary) 0%, 
    var(--color-accent) 100%);
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.12);
}

.stage {
  position: relative;
  padding-left: 100px;
  margin-bottom: 60px;
  opacity: 0;
  transform: translateX(-30px);
  transition: all 0.6s ease;
}

.stage.in {
  opacity: 1;
  transform: translateX(0);
}

.stage-number {
  position: absolute;
  left: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--color-surface-deep);
  border: 3px solid var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  color: var(--color-primary);
  box-shadow: 0 0 16px rgba(212, 175, 55, 0.15);
  transition: all 0.3s ease;
}

.stage:hover .stage-number {
  animation: pulse-ring 2s infinite;
  transform: scale(1.1);
}

@keyframes pulse-ring {
  0% { box-shadow: 0 0 20px rgba(255, 215, 0, 0.3); }
  50% { box-shadow: 0 0 30px rgba(255, 215, 0, 0.6), 0 0 40px rgba(255, 215, 0, 0.3); }
  100% { box-shadow: 0 0 20px rgba(255, 215, 0, 0.3); }
}

.stage-content h3 {
  color: var(--color-primary);
  margin-bottom: 16px;
  font-size: 22px;
}

.stage-content ul {
  margin: 16px 0;
  padding-left: 20px;
}

.stage-content li {
  margin-bottom: 8px;
  line-height: 1.5;
}

.stage-outcome {
  margin-top: 20px;
  padding: 12px 20px;
  background: rgba(212, 175, 55, 0.08);
  border: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: var(--radius-button);
  color: var(--color-primary);
  font-weight: 600;
  text-align: center;
}

/* Case Study Section */
.case-study-section {
  margin: 80px 0;
  text-align: center;
}

.case-study-timeline {
  margin: 40px 0;
}

.case-entry {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 30px;
  margin-bottom: 40px;
  padding: 24px;
  background: var(--grad-card), var(--color-surface-deep);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  transition: all 0.3s ease;
}

.case-entry:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-card);
}

.case-date {
  font-weight: 700;
  color: var(--color-primary);
  font-size: 16px;
  text-align: right;
  padding-top: 8px;
}

.case-content h4 {
  color: var(--color-accent);
  margin-bottom: 12px;
  font-size: 18px;
}

.case-content ul {
  margin: 12px 0;
  padding-left: 20px;
}

.case-content li {
  margin-bottom: 6px;
  line-height: 1.5;
}

.signal-setup {
  margin-top: 16px;
  padding: 16px;
  background: rgba(212, 175, 55, 0.04);
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: var(--radius-button);
}

.signal-setup h5 {
  color: var(--color-primary);
  margin-bottom: 8px;
}

.case-study-disclaimer {
  text-align: center;
  margin-top: 40px;
  padding: 20px;
  background: rgba(255, 107, 107, 0.05);
  border: 1px solid rgba(255, 107, 107, 0.2);
  border-radius: var(--radius-card);
}

.case-study-disclaimer p {
  margin-bottom: 16px;
  font-style: italic;
}

/* Risk Management Section */
.risk-management-section {
  margin: 80px 0;
  text-align: center;
}

.risk-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin: 40px 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-items: center;
}

.risk-card {
  background: var(--grad-card), var(--color-surface-deep);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  padding: 32px;
  transition: all 0.3s ease;
}

.risk-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-card);
}

.risk-icon {
  font-size: 32px;
  margin-bottom: 16px;
}

.risk-card h3 {
  color: var(--color-primary);
  margin-bottom: 16px;
  font-size: 20px;
}

.risk-card ul {
  margin: 16px 0;
  padding-left: 20px;
}

.risk-card li {
  margin-bottom: 8px;
  line-height: 1.5;
}

.portfolio-simulation {
  margin-top: 60px;
  padding: 40px;
  background: var(--grad-card), var(--color-surface-deep);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
}

.portfolio-simulation h3 {
  color: var(--color-primary);
  text-align: center;
  margin-bottom: 30px;
  font-size: 24px;
}

.simulation-comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 30px;
}

.simulation-column h4 {
  color: var(--color-accent);
  margin-bottom: 16px;
  font-size: 18px;
}

.simulation-data {
  padding: 20px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: var(--radius-button);
}

.simulation-data ul {
  margin: 12px 0;
  padding-left: 20px;
}

.simulation-data li {
  margin-bottom: 6px;
  line-height: 1.4;
}

.simulation-conclusion {
  text-align: center;
  font-size: 18px;
  color: var(--color-primary);
}

/* Final CTA Section */
.final-cta-section {
  margin: 80px 0;
  text-align: center;
}

.final-cta-section h2 {
  color: var(--color-primary);
  margin-bottom: 16px;
  font-size: 32px;
}

.final-cta-section p {
  font-size: 18px;
  color: var(--color-text-muted);
  margin-bottom: 40px;
}

.cta-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 40px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-items: center;
}

.cta-card {
  background: var(--grad-card), var(--color-surface-deep);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  padding: 32px;
  text-align: center;
  transition: all 0.3s ease;
}

.cta-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-card);
}

.cta-card.primary {
  border-color: var(--color-primary);
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.12);
}

.cta-icon {
  font-size: 32px;
  margin-bottom: 16px;
}

.cta-card h3 {
  color: var(--color-primary);
  margin-bottom: 12px;
  font-size: 20px;
}

.cta-card p {
  margin-bottom: 20px;
  color: var(--color-text-muted);
}

/* Mobile Method Page Styles */
@media (max-width: 900px) {
  .data-flow-visual {
    flex-direction: column;
    gap: 30px;
    padding: 20px;
  }
  
  .flow-stage {
    min-width: auto;
  }
  
  .stage-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
  
  .flow-arrow {
    transform: rotate(90deg);
    font-size: 20px;
  }
  
  .philosophy-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  
  .story-card {
    padding: 24px;
  }
  
  .timeline-visual::before {
    left: 30px;
  }
  
  .stage {
    padding-left: 80px;
    margin-bottom: 40px;
  }
  
  .stage-number {
    width: 60px;
    height: 60px;
    font-size: 18px;
  }
  
  .case-entry {
    grid-template-columns: 1fr;
    gap: 16px;
    text-align: left;
  }
  
  .case-date {
    text-align: left;
    font-size: 14px;
    margin-bottom: 8px;
  }
  
  .risk-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  
  .simulation-comparison {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  
  .cta-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .final-cta-section h2 {
    font-size: 24px;
  }
}

/* ===== PRICING PAGE STYLES ===== */

/* Trust Badges */
.trust-badges {
  display: flex;
  gap: 20px;
  margin: 30px 0;
  flex-wrap: wrap;
  justify-content: center;
}

.trust-badge {
  padding: 8px 16px;
  background: rgba(212, 175, 55, 0.08);
  border: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: var(--radius-button);
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
}

/* Trust strip (micro trust near CTAs) */
.trust-strip { 
  display: flex; 
  gap: 12px; 
  flex-wrap: wrap; 
  align-items: center; 
  margin-top: 10px; 
}
.trust-chip { 
  padding: 6px 10px; 
  border-radius: 999px; 
  background: rgba(227,158,46,0.10); 
  border: 1px solid rgba(227,158,46,0.28); 
  color: var(--color-text-high); 
  font-size: 12px; 
}

.scroll-indicator {
  margin-top: 20px;
  color: #E39E2E;
  font-size: 14px;
  text-align: center;
  padding: 6px 12px;
  display: inline-block;
  border-radius: 999px;
  background: rgba(227,158,46,0.12);
  border: 1px solid rgba(227,158,46,0.35);
  box-shadow: 0 0 10px rgba(227,158,46,0.18);
}

/* Removed bounce animation for scroll-indicator */

/* Value Props Section */
.value-props-section {
  margin: 80px 0;
  text-align: center;
}

.value-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 40px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-items: center;
}

.value-card {
  background: var(--grad-card), var(--color-surface-deep);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  padding: 32px;
  text-align: center;
  transition: all 0.3s ease;
}

.value-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-card);
  border-color: var(--color-primary);
}

.value-icon {
  font-size: 48px;
  margin-bottom: 20px;
}

.value-card h3 {
  color: var(--color-primary);
  margin-bottom: 16px;
  font-size: 22px;
}

.value-card p {
  margin-bottom: 16px;
  color: var(--color-text-muted);
}

.value-card ul {
  text-align: left;
  margin: 16px 0;
  padding-left: 20px;
}

.value-card li {
  margin-bottom: 8px;
  line-height: 1.5;
}

.value-badge {
  margin-top: 20px;
  padding: 8px 16px;
  background: rgba(212, 175, 55, 0.08);
  border: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: var(--radius-button);
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}

/* Pricing Tiers Section */
.pricing-tiers-section {
  margin: 80px 0;
  text-align: center;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 40px 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-items: center;
}

.pricing-card {
  position: relative;
  background: var(--grad-card), var(--color-surface-deep);
  border: 2px solid var(--color-line);
  border-radius: var(--radius-card);
  padding: 40px;
  transition: all 0.4s ease;
}

.pricing-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-card);
}

.pricing-card.featured {
  transform: scale(1.05);
  border-color: var(--color-primary);
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.3), 0 20px 40px rgba(0,0,0,0.4);
}

.pricing-card.featured::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(135deg, 
    rgba(227,158,46,0.6), 
    rgba(193,151,112,0.5), 
    rgba(166,122,91,0.5));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, 
                linear-gradient(#fff 0 0);
  mask-composite: exclude;
}

/* removed rotate-gradient animation */

.plan-ribbon {
  position: absolute;
  top: -1px;
  right: 20px;
  background: var(--grad-button);
  color: #001014;
  padding: 8px 20px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 0 0 8px 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.plan-badge {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-accent);
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.plan-price {
  margin-bottom: 20px;
}

.price-amount {
  font-size: 48px;
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
}

.price-period {
  font-size: 16px;
  color: var(--color-text-muted);
  margin-bottom: 8px;
}

.price-per-month {
  font-size: 14px;
  color: var(--color-text-muted);
  margin-bottom: 8px;
}

.price-savings {
  font-size: 12px;
  color: var(--color-success);
  font-weight: 600;
}

.plan-tagline {
  font-size: 16px;
  color: var(--color-text-high);
  font-style: italic;
  margin-bottom: 30px;
  text-align: center;
}

.plan-benefits {
  margin-bottom: 30px;
}

.benefit-category {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-primary);
  margin: 20px 0 12px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.benefit-category:first-child {
  margin-top: 0;
}

.benefit {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.4;
}

.benefit.highlight {
  color: var(--color-accent);
  font-weight: 600;
}

.benefit-icon {
  width: 16px;
  height: 16px;
  color: var(--color-success);
  flex-shrink: 0;
}

.plan-guarantee {
  font-size: 12px;
  color: var(--color-text-muted);
  text-align: center;
  margin-top: 16px;
  font-style: italic;
}

.comparison-note {
  text-align: center;
  margin-top: 40px;
  padding: 20px;
  background: rgba(212, 175, 55, 0.04);
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: var(--radius-card);
  color: var(--color-text-muted);
}

/* ROI Calculator Section */
.roi-calculator-section {
  margin: 80px 0;
  text-align: center;
}

.calculator-card {
  background: var(--grad-card), var(--color-surface-deep);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  padding: 40px;
  margin-top: 40px;
}

.calculator-inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}

.input-section {
  text-align: center;
}

.input-section label {
  display: block;
  margin-bottom: 16px;
  font-weight: 600;
  color: var(--color-text-high);
}

input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: var(--color-line);
  outline: none;
  margin-bottom: 16px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--grad-button);
  cursor: pointer;
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.12);
}

input[type="range"]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--grad-button);
  cursor: pointer;
  border: none;
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.12);
}

.input-display {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-primary);
}

.calculator-results {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}

.result-main {
  text-align: center;
  padding: 30px;
  background: rgba(212, 175, 55, 0.04);
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: var(--radius-card);
}

.result-main h3 {
  color: var(--color-primary);
  margin-bottom: 20px;
  font-size: 20px;
}

.result-amount {
  font-size: 48px;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 16px;
}

.result-recovery, .result-roi {
  font-size: 16px;
  color: var(--color-text-high);
  margin-bottom: 8px;
}

.result-breakdown {
  background: rgba(0, 0, 0, 0.2);
  border-radius: var(--radius-card);
  padding: 20px;
}

.breakdown-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--color-line);
}

.breakdown-row:last-child {
  border-bottom: none;
}

.breakdown-row.highlight {
  background: rgba(212, 175, 55, 0.08);
  margin: 0 -20px;
  padding: 12px 20px;
  border-radius: var(--radius-button);
  font-weight: 700;
  color: var(--color-primary);
}

.calculator-examples {
  margin-bottom: 40px;
}

.calculator-examples h3 {
  color: var(--color-primary);
  margin-bottom: 20px;
  text-align: center;
}

.example-card {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  padding: 20px;
  margin-bottom: 16px;
}

.example-amount {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 12px;
}

.example-calculation {
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-text-muted);
}

.calculator-disclaimer {
  padding: 20px;
  background: rgba(255, 107, 107, 0.05);
  border: 1px solid rgba(255, 107, 107, 0.2);
  border-radius: var(--radius-card);
  font-size: 14px;
  line-height: 1.6;
}

.calculator-disclaimer p {
  margin-bottom: 12px;
}

.calculator-disclaimer ul {
  margin: 12px 0;
  padding-left: 20px;
}

.calculator-disclaimer li {
  margin-bottom: 6px;
}

/* Testimonials Section */
.testimonials-section {
  margin: 80px 0;
  text-align: center;
}

.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 40px 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-items: center;
}

.testimonial {
  background: var(--grad-card), var(--color-surface-deep);
  border: 1px solid var(--color-line);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-card);
  padding: 24px;
  transition: all 0.3s ease;
}

.testimonial:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-card);
}

.testimonial-quote {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
  color: var(--color-text-high);
  font-style: italic;
}

.testimonial-author {
  font-size: 14px;
  color: var(--color-accent);
  margin-bottom: 8px;
  font-weight: 600;
}

.testimonial-stat {
  font-size: 12px;
  color: var(--color-success);
  font-weight: 600;
}

.community-stats {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin-top: 40px;
  padding: 30px;
  background: var(--grad-card), var(--color-surface-deep);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
}

.stat {
  text-align: center;
}

.stat-number {
  font-size: 36px;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 8px;
}

.stat-label {
  font-size: 14px;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* FAQ Section */
.faq-section {
  margin: 80px 0;
  text-align: center;
}

.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin: 40px 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-items: center;
}

.faq-item {
  background: var(--grad-card), var(--color-surface-deep);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  padding: 24px;
  transition: all 0.3s ease;
}

.faq-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-card);
}

.faq-question {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: 12px;
}

.faq-answer {
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-text-muted);
}

/* Final CTA Section */
.final-cta-section {
  margin: 80px 0;
  text-align: center;
}

.final-cta-section h2 {
  color: var(--color-primary);
  margin-bottom: 16px;
  font-size: 32px;
}

.final-cta-section p {
  font-size: 18px;
  color: var(--color-text-muted);
  margin-bottom: 40px;
}

.cta-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 40px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-items: center;
}

.cta-card {
  background: var(--grad-card), var(--color-surface-deep);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
  padding: 32px;
  text-align: center;
  transition: all 0.3s ease;
}

.cta-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-card);
}

.cta-card.primary {
  border-color: var(--color-primary);
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.12);
}

.cta-card h3 {
  color: var(--color-primary);
  margin-bottom: 12px;
  font-size: 20px;
}

.cta-card p {
  margin-bottom: 20px;
  color: var(--color-text-muted);
}

.cta-price {
  font-size: 32px;
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 20px;
}

.trust-signals {
  font-size: 14px;
  color: var(--color-text-muted);
  line-height: 1.6;
}

/* Mobile Pricing Page Styles */
@media (max-width: 900px) {
  .trust-badges {
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }
  
  .value-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  
  .pricing-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .pricing-card.featured {
    transform: none;
  }
  
  .calculator-inputs {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  
  .calculator-results {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  
  .testimonial-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .community-stats {
    flex-direction: column;
    gap: 30px;
  }
  
  .faq-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .cta-options {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .final-cta-section h2 {
    font-size: 24px;
  }
  
  /* Mobile performance optimizations */
  .ticker .inner {
    animation-duration: 120s !important; /* Slower animation for better performance */
  }
  
  .narrative-killer .sweep {
    animation-duration: 4s !important; /* Slower animation */
  }
  
  .noise-dot {
    animation-duration: 3s !important; /* Slower animation */
  }
  
  .narrative-killer .signal-line {
    animation-duration: 3s !important; /* Slower animation */
  }
  
  .pricing-card.featured::before {
    animation: none !important; /* Disable complex gradient animation for mobile */
  }
}

/* Contact Page */
.contact-ctas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; max-width: 1040px; margin: 0 auto; }
.contact-card { position: relative; padding: 24px; border-radius: var(--radius-card); border: 1px solid var(--color-line); background: var(--grad-card), var(--color-surface-deep); text-align: left; display: flex; flex-direction: column; gap: 10px; }
.contact-card .cta { align-self: flex-start; }
.contact-card .plan-ribbon { position: absolute; top: 10px; right: -34px; transform: rotate(30deg); background: var(--grad-button); color: #001014; font-weight: 700; padding: 6px 44px; border-radius: 8px; box-shadow: var(--glow-primary); }
.contact-card.featured { box-shadow: 0 22px 60px rgba(227,158,46,0.12), 0 30px 70px rgba(166,122,91,0.08), 0 10px 30px rgba(0,0,0,0.5); }
.contact-details-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.faq-list { max-width: 800px; margin: 0 auto; }
.faq-item { border: 1px solid var(--color-line); border-radius: 12px; padding: 12px 16px; background: var(--color-surface); margin-bottom: 12px; }
.faq-question { cursor: pointer; font-weight: 600; }
.faq-answer { color: var(--color-text-muted); padding-top: 8px; }

@media (max-width: 900px) {
  .contact-ctas { grid-template-columns: 1fr; gap: 30px; }
  .contact-details-grid { grid-template-columns: 1fr; }
}

/* Blog */
.blog-filters { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.blog-filters .pill { padding: 6px 10px; border: 1px solid var(--color-line); border-radius: 999px; background: var(--color-surface); color: var(--color-text-high); cursor: pointer; }
.blog-filters .pill.active { border-color: var(--color-primary); box-shadow: var(--glow-primary); }

.featured-post { display: grid; grid-template-columns: 2fr 3fr; gap: 20px; align-items: stretch; border: 1px solid var(--color-line); border-radius: 16px; background: var(--grad-card), var(--color-surface-deep); }
.featured-post .featured-image { display: block; border-top-left-radius: 16px; border-bottom-left-radius: 16px; background: linear-gradient(135deg, rgba(227,158,46,0.12), rgba(193,151,112,0.08)); }
.featured-post .featured-content { padding: 18px; }

.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.blog-post-card { border: 1px solid var(--color-line); border-radius: 16px; background: var(--grad-card), var(--color-surface-deep); padding: 14px; transition: transform .2s ease; }
.blog-post-card:hover { transform: translateY(-4px); }
.blog-post-card .thumb { display: block; height: 160px; border-radius: 12px; background: linear-gradient(135deg, rgba(166,122,91,0.12), rgba(227,158,46,0.08)); margin-bottom: 10px; }
.blog-figure { border: 1px solid var(--color-line); border-radius: 12px; overflow: hidden; background: var(--color-surface); }
.blog-figure img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: cover; }
.blog-figure figcaption { padding: 8px 10px; font-size: 12px; color: var(--color-text-muted); }
.category-pill { display: inline-block; font-size: 12px; padding: 4px 8px; border-radius: 999px; background: rgba(227,158,46,0.14); color: #E39E2E; margin-bottom: 6px; }
.post-meta { color: var(--color-text-muted); font-size: 12px; }
.clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Proof: Recent Gains Gallery */
.recent-gains { margin-top: 30px; }
.recent-gains-grid { 
  display: grid; 
  grid-template-columns: repeat(3, 1fr); 
  gap: 14px; 
}
.gain-card { 
  border: 1px solid var(--color-line); 
  border-radius: 12px; 
  background: var(--grad-card), var(--color-surface-deep); 
  overflow: hidden; 
}
.gain-media { 
  aspect-ratio: 4 / 3; 
  width: 100%; 
  object-fit: cover; 
  display: block; 
  background: var(--color-surface); 
}
.gain-caption { padding: 10px 12px; font-size: 13px; color: var(--color-text-muted); display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.gain-caption .label { color: var(--color-primary); font-weight: 600; }
.gain-caption .meta { font-size: 12px; color: var(--color-text-muted); }

@media (max-width: 900px) {
  .recent-gains-grid { grid-template-columns: 1fr; }
  .gain-media { aspect-ratio: 16 / 9; }
}

@media (max-width: 900px) {
  .featured-post { grid-template-columns: 1fr; }
  .featured-post .featured-image { border-radius: 16px 16px 0 0; height: 180px; }
  .blog-grid { grid-template-columns: 1fr; gap: 24px; }
}

/* Academy */
.academy-hero { display: grid; grid-template-columns: 1fr; gap: 10px; }
.academy-filters { display: flex; gap: 10px; flex-wrap: wrap; margin: 10px 0; }
.academy-filters .pill { padding: 6px 10px; border: 1px solid var(--color-line); border-radius: 999px; background: var(--color-surface); color: var(--color-text-high); cursor: pointer; }
.academy-filters .pill.active { border-color: var(--color-primary); box-shadow: var(--glow-primary); }
.academy-search { width: 100%; max-width: 420px; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: 10px; color: var(--color-text-high); padding: 10px 12px; }

/* Sticky TOC for Academy */
.academy-toc { position: sticky; top: 66px; z-index: 5; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; padding: 8px 10px; border: 1px solid var(--color-line); border-radius: 10px; background: var(--color-surface); }
.academy-toc strong { color: var(--color-primary); margin-right: 8px; }
.academy-toc a { color: var(--color-text-high); font-size: 12px; padding: 4px 8px; border: 1px solid var(--color-line); border-radius: 999px; text-decoration: none; }
.academy-toc a:hover { border-color: var(--color-primary); color: var(--color-primary); box-shadow: var(--glow-primary); }

.academy-grid { display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 16px; }
.academy-card { position: relative; border: 1px solid var(--color-line); border-radius: 12px; background: var(--grad-card), var(--color-surface-deep); padding: 16px 18px; }
.academy-card .badge { display: inline-block; font-size: 11px; padding: 3px 8px; border-radius: 999px; background: rgba(227,158,46,0.14); color: #E39E2E; margin-bottom: 6px; }
.academy-card h3 { margin: 6px 0; font-size: 18px; }
.academy-card .details { display: none; margin-top: 10px; color: var(--color-text-muted); font-size: 14px; }
.academy-card.open .details { display: block; }
.academy-card .toggle { margin-top: 8px; font-size: 13px; color: var(--color-primary); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.academy-card .toggle::after { content: "▾"; font-size: 12px; color: var(--color-accent); transition: transform .2s ease; }
.academy-card.open .toggle::after { transform: rotate(180deg); }

.tip-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
.tip-list .tip { border: 1px solid var(--color-line); border-radius: 12px; padding: 12px; background: var(--color-surface); }

.money-section .formula { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 13px; background: rgba(255,255,255,0.03); padding: 8px 10px; border-radius: 8px; display: inline-block; }
.money-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.money-card { border: 1px solid var(--color-line); border-radius: 12px; padding: 12px; background: var(--color-surface); }

.coins-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.coins-table th, .coins-table td { border: 1px solid var(--color-line); padding: 8px 10px; text-align: left; }
.coins-table th { background: rgba(227,158,46,0.10); }

@media (max-width: 900px) {
  .academy-grid { grid-template-columns: 1fr; }
  .tip-list { grid-template-columns: 1fr; }
  .money-grid { grid-template-columns: 1fr; }
  .academy-toc { top: 56px; gap: 6px; }
}

/* Regional callouts */
.region-callouts { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 14px; }
.region-callouts .callout { border: 1px solid var(--color-line); border-radius: 12px; padding: 12px; background: var(--color-surface); }
.region-callouts .callout h4 { margin: 0 0 6px; font-size: 14px; }
.region-callouts .callout p { margin: 0; font-size: 13px; color: var(--color-text-muted); }
@media (max-width: 900px) { .region-callouts { grid-template-columns: 1fr; } }