:root {
  --oc-ink: #172127;
  --oc-cream: #fffaf2;
  --oc-aqua: #dff7fb;
  --oc-aqua-strong: #b9edf4;
  --oc-lemon: #fff2a8;
  --oc-line: #bfd8dc;
  --oc-muted: #5e6b70;
}

.option-c {
  color: var(--oc-ink);
  background: var(--oc-cream);
}

.option-c .adult-notice {
  background: var(--oc-aqua-strong);
  color: var(--oc-ink);
}

.option-c .site-header {
  border-color: var(--oc-line);
  background: rgba(255, 255, 255, .96);
  color: var(--oc-ink);
}

.option-c .site-nav a { color: var(--oc-ink); }
.option-c .header-buy {
  border-color: var(--oc-ink);
  background: var(--yellow);
  color: var(--oc-ink);
}

.option-c .hero {
  background: var(--oc-aqua);
  color: var(--oc-ink);
}

.option-c .hero::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 190px;
  background: #fff;
}

.option-c .hero .eyebrow { color: #ec2d5d; }
.option-c .hero-tagline { color: #ec2d5d; }
.option-c .hero-description { color: var(--oc-muted); }
.option-c .hero .button-dark {
  border-color: var(--oc-ink);
  background: var(--oc-ink);
  color: #fff;
}
.option-c .hero .button-light {
  border-color: var(--oc-ink);
  background: #fff;
  color: var(--oc-ink);
}

.option-c .hero-tile {
  border-color: #fff;
  background: #fff;
  box-shadow: 0 18px 30px rgba(36, 88, 99, .18);
}

.option-c .hero-index {
  border-left-color: var(--pink);
  background: #fff;
  color: var(--oc-ink);
  box-shadow: 0 10px 20px rgba(36, 88, 99, .12);
}

.option-c .taste-section {
  background: var(--oc-cream);
}

.option-c .taste-heading,
.option-c .taste-axes { border-color: var(--oc-ink); }
.option-c .progress-track { background: #dce7e8; }

.option-c .taste-axis,
.option-c .taste-axis:nth-child(4),
.option-c .taste-axis:nth-child(5) {
  border-right-color: var(--oc-ink);
  border-bottom-color: var(--oc-ink);
  background: #fff;
}

.option-c .axis-options button { background: #f7fbfb; }
.option-c .axis-options button[aria-pressed="true"] {
  background: var(--oc-ink);
  color: #fff;
}

.option-c .taste-result {
  border: 1px solid var(--oc-ink);
  background: #fff;
  color: var(--oc-ink);
}

.option-c .result-product-stage { background: var(--oc-aqua-strong); }
.option-c .result-rank { background: var(--oc-ink); }
.option-c .result-copy { background: #fff; }
.option-c .result-copy .status-label {
  border-color: var(--oc-line);
  color: var(--oc-muted);
  background: var(--oc-aqua);
}
.option-c .result-overline { color: #637278; }
.option-c .result-copy > p:not(.result-overline) { color: var(--oc-muted); }
.option-c .result-signals span {
  border-color: var(--oc-line);
  color: var(--oc-ink);
  background: #f7fcfc;
}
.option-c .text-button { border-color: var(--oc-ink); color: var(--oc-ink); }
.option-c .result-alternatives {
  border-color: var(--oc-line);
  background: var(--oc-aqua);
}
.option-c .result-alternatives > p { color: var(--oc-muted); }
.option-c .alternative-card {
  border-color: var(--oc-line);
  background: #fff;
  color: var(--oc-ink);
}
.option-c .alternative-card small { color: var(--oc-muted); }
.option-c .alternative-placeholder { border-color: var(--oc-line); color: var(--oc-muted); }

.option-c .pain-section {
  background: var(--oc-aqua);
  color: var(--oc-ink);
}
.option-c .pain-section .eyebrow { color: #ec2d5d; }
.option-c .pain-grid { gap: 10px; border: 0; }
.option-c .pain-card,
.option-c .pain-card:nth-child(even) {
  border: 1px solid var(--oc-ink);
  border-radius: 6px;
  background: #fff;
}
.option-c .pain-card > span { color: #ec2d5d; }
.option-c .pain-card p { color: var(--oc-muted); }

.option-c .answer-section {
  background: var(--oc-lemon);
  color: var(--oc-ink);
}
.option-c .answer-product { background: #fff; }
.option-c .answer-copy .status-label {
  border-color: var(--oc-ink);
  color: var(--oc-ink);
  background: rgba(255,255,255,.56);
}

.option-c .lineup-section { background: var(--oc-cream); }
.option-c .lineup-note { background: var(--oc-aqua); }
.option-c .demo-note { color: var(--oc-muted); }
.option-c .flavor-card { border-top-width: 8px; background: #fff; }
.option-c .flavor-card:nth-child(1),
.option-c .flavor-card:nth-child(3) { border-top-color: var(--pink); }
.option-c .flavor-card:nth-child(2),
.option-c .flavor-card:nth-child(7) { border-top-color: var(--lavender); }
.option-c .flavor-card:nth-child(4),
.option-c .flavor-card:nth-child(5),
.option-c .flavor-card:nth-child(8) { border-top-color: var(--yellow); }
.option-c .flavor-card:nth-child(6),
.option-c .flavor-card:nth-child(9),
.option-c .flavor-card:nth-child(10) { border-top-color: var(--cyan); }
.option-c .flavor-card:hover,
.option-c .flavor-card.is-recommended { box-shadow: 0 14px 24px rgba(41, 82, 91, .16); }

.option-c .evidence-section {
  background: #fff;
  color: var(--oc-ink);
}
.option-c .evidence-section .eyebrow { color: #ec2d5d; }
.option-c .evidence-copy > p:not(.eyebrow) { color: var(--oc-muted); }
.option-c .evidence-copy .status-label {
  border-color: var(--oc-line);
  color: var(--oc-muted);
  background: var(--oc-aqua);
}
.option-c .evidence-summary > div {
  border-color: var(--oc-line);
  background: var(--oc-aqua);
}
.option-c .evidence-summary span { color: #ec2d5d; }
.option-c .evidence-summary p { color: var(--oc-muted); }
.option-c .document-viewer {
  border-color: var(--oc-line);
  background: var(--oc-aqua);
}

.option-c .experience-section { background: var(--oc-aqua); }
.option-c .experience-tabs button { background: #fff; }
.option-c .experience-tabs button[aria-selected="true"] {
  background: var(--yellow);
  color: var(--oc-ink);
}
.option-c .experience-viewer { background: #fff; }

.option-c .reviews-section { background: #fff; }
.option-c .review-slot { border-color: var(--oc-line); background: var(--oc-cream); }

.option-c .process-section { background: var(--oc-cream); }
.option-c .process-list li { background: #fff; }

.option-c .faq-section {
  background: var(--oc-aqua);
  color: var(--oc-ink);
}
.option-c .faq-heading > p:not(.eyebrow) { color: var(--oc-muted); }
.option-c .faq-list { border: 0; }
.option-c .faq-list details {
  margin-bottom: 8px;
  padding: 0 18px;
  border: 1px solid var(--oc-line);
  border-radius: 6px;
  background: #fff;
}
.option-c .faq-list details p { color: var(--oc-muted); }

.option-c .final-cta {
  background: var(--pink);
  color: var(--oc-ink);
}
.option-c .final-copy .eyebrow { color: #fff; }
.option-c .final-copy > p:not(.eyebrow) { color: #5a1830; }
.option-c .final-cta .button-white {
  border-color: var(--oc-ink);
  background: var(--oc-ink);
  color: #fff;
}
.option-c .final-cta .button-outline { border-color: var(--oc-ink); color: var(--oc-ink); }
.option-c .compliance-note { border-color: rgba(23,33,39,.3); color: #681b36; }
.option-c .site-footer { background: #fff; color: var(--oc-muted); }
.option-c .site-footer b { color: var(--oc-ink); }
.option-c .mobile-buy { background: var(--yellow); color: var(--oc-ink); }

@media (max-width: 620px) {
  .option-c .hero::after { height: 140px; }
  .option-c .hero-tile { box-shadow: 0 10px 18px rgba(36, 88, 99, .16); }
  .option-c .pain-grid { gap: 8px; }
  .option-c .pain-card,
  .option-c .pain-card:nth-child(even) { border: 1px solid var(--oc-ink); }
  .option-c .review-slot { border-right: 1px solid var(--oc-line); }
}