@import url('/fibroids/assets/styles.css');

:root {
  --teal: #0c6b68;
  --teal-dark: #075553;
  --teal-deep: #063f4f;
  --mint: #dff6ef;
  --mint-2: #f0fbf7;
  --mint-line: #b7e5da;
  --amber: #f4a62a;
  --amber-dark: #d88413;
  --sea: #0d8f86;
  --bph-ink: #063047;
}

body.bph,
body.bph-home {
  color: var(--bph-ink);
  background: linear-gradient(180deg,#f2fbf8 0%,#fbfdfa 46%,#fff 100%);
}

body.bph .review-banner,
body.bph-home .review-banner {
  background: linear-gradient(90deg,var(--teal-deep),var(--teal));
}

body.bph header,
body.bph-home header {
  background: rgba(246,252,250,.92);
}

body.bph .brand,
body.bph-home .brand {
  color: var(--ink);
}

body.bph .mark,
body.bph-home .mark {
  background: #fff url('/assets/brand/procedurepath-icon.svg') center / contain no-repeat;
  box-shadow: rgba(14,58,110,.16) 0 14px 30px -16px, rgba(29,158,117,.16) 0 8px 20px -18px;
}

body.bph .navlinks a:hover,
body.bph .navlinks a.active,
body.bph-home .navlinks a:hover,
body.bph-home .navlinks a.active,
body.bph .footer-links a,
body.bph-home .footer-links a {
  color: var(--teal);
}

body.bph .btn.primary,
body.bph-home .btn.primary {
  background: var(--teal);
  color: #fff;
}

body.bph .btn.primary:hover,
body.bph-home .btn.primary:hover {
  background: var(--teal-dark);
  box-shadow: rgba(12,107,104,.24) 0 14px 26px -18px;
}

body.bph .btn.ghost,
body.bph-home .btn.ghost {
  color: var(--teal);
  border-color: var(--mint-line);
  background: rgba(12,107,104,.045);
}

body.bph .btn.accent,
body.bph-home .btn.accent {
  background: var(--amber);
  color: #2e2106;
  border-color: rgba(244,166,42,.4);
}

body.bph .btn.accent:hover,
body.bph-home .btn.accent:hover {
  background: var(--amber-dark);
  color: #fff;
}

body.bph .page-title,
body.bph-home .pp-hero {
  background:
    radial-gradient(circle at 82% 12%, rgba(12,107,104,.18), transparent 29%),
    radial-gradient(circle at 8% 20%, rgba(223,246,239,.82), transparent 30%),
    linear-gradient(180deg,#f0fbf7 0%,#fbfff9 68%,#fff 100%);
}

body.bph .eyebrow,
body.bph-home .eyebrow {
  color: #075553;
  border-color: var(--mint-line);
  background: rgba(255,255,255,.9);
}

body.bph .dot,
body.bph-home .dot {
  background: var(--amber);
  box-shadow: 0 0 0 4px rgba(244,166,42,.18);
}

body.bph .comfort-list span,
body.bph-home .comfort-list span {
  color: var(--teal-dark);
  background: rgba(223,246,239,.78);
  border-color: var(--mint-line);
}

body.bph .roadmap-preview,
body.bph-home .roadmap-preview,
body.bph .sample-checklist,
body.bph-home .sample-checklist {
  border-color: var(--mint-line);
  background: linear-gradient(180deg,#fff 0%,#f8fffc 100%);
  box-shadow: rgba(6,63,79,.12) 0 34px 70px -44px, rgba(12,107,104,.08) 0 14px 32px -24px;
}

body.bph .mini-label,
body.bph .feature-kicker,
body.bph-home .mini-label,
body.bph-home .feature-kicker,
body.bph .roadmap-focus span,
body.bph-home .roadmap-focus span,
body.bph .pricing-kicker,
body.bph-home .pricing-kicker {
  color: var(--teal);
}

body.bph .roadmap-status,
body.bph-home .roadmap-status {
  color: var(--teal-dark);
  background: rgba(12,107,104,.09);
  border-color: rgba(12,107,104,.22);
}

body.bph .roadmap-focus,
body.bph-home .roadmap-focus {
  background: linear-gradient(135deg,#effbf7,#fffaf0);
  border-color: var(--mint-line);
}

body.bph .roadmap-questions span,
body.bph-home .roadmap-questions span,
body.bph .num,
body.bph-home .num {
  background: rgba(12,107,104,.1);
  color: var(--teal);
}

body.bph .roadmap-questions span,
body.bph-home .roadmap-questions span {
  background: var(--teal);
  color: #fff;
}

body.bph .proof-grid,
body.bph-home .proof-grid,
body.bph .card,
body.bph .disclaimer,
body.bph .prep-card,
body.bph .panel,
body.bph-home .card,
body.bph-home .disclaimer,
body.bph-home .prep-card,
body.bph-home .panel,
body.bph .feature-grid article,
body.bph-home .feature-grid article {
  border-color: var(--mint-line);
}

body.bph .split-story,
body.bph-home .split-story {
  background:
    radial-gradient(circle at 12% 8%, rgba(223,246,239,.18), transparent 28%),
    radial-gradient(circle at 92% 70%, rgba(244,166,42,.14), transparent 30%),
    linear-gradient(135deg,#063f4f 0%,#0c6b68 100%);
}

body.bph .feature-grid article:before,
body.bph-home .feature-grid article:before {
  background: linear-gradient(90deg,var(--teal),var(--sea),var(--amber));
}

body.bph .safety-section,
body.bph-home .safety-section {
  background: linear-gradient(180deg,#f2fbf8 0%,#fff 100%);
}

body.bph .final-cta-card,
body.bph-home .final-cta-card {
  background: linear-gradient(135deg,#f0fbf7 0%,#fff 58%,#fff9ed 100%);
}

.bph-photo-card {
  min-height: 360px;
  border: 1px solid var(--mint-line);
  border-radius: 24px;
  background:
    linear-gradient(135deg,rgba(6,63,79,.72),rgba(12,107,104,.36)),
    radial-gradient(circle at 28% 24%,rgba(255,255,255,.86),transparent 14%),
    radial-gradient(circle at 70% 38%,rgba(223,246,239,.8),transparent 18%),
    linear-gradient(145deg,#0b5963 0%,#dff6ef 58%,#fff9ed 100%);
  box-shadow: rgba(6,63,79,.16) 0 34px 72px -42px;
  padding: 26px;
  display: flex;
  align-items: flex-end;
}

.bph-photo-card .glass {
  width: 100%;
  padding: 22px;
  border-radius: 18px;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(255,255,255,.7);
  backdrop-filter: blur(14px);
}

.bph-photo-card h2 { font-size: 30px; }
.bph-photo-card p { margin: 10px 0 0; }

body.bph .toc a,
body.bph-home .toc a {
  color: var(--teal);
  border-color: var(--mint-line);
  background: rgba(12,107,104,.04);
}

body.bph .choice input,
body.bph-home .choice input {
  accent-color: var(--teal);
}