/* Pharma industry page: light teal theme for the whole page.
   GENERATED from the MFI page's light green theme
   (mfi-field-operations-theme.css plus the hand-written MFI colour rules
   for the hero, demo buttons, footer strip, live chat, back-to-top and
   comparison table): every green is re-hued to teal at the same lightness
   and saturation, scoped to `.pharma-page` so no other page changes.
   Loaded before pharma-field-force-management.css, which holds the
   hand-written pharma rules. */


.pharma-page main,
.pharma-page footer {
  --crm-blue: #198f82;
  --crm-blue-dark: #124b4d;
  --crm-pale: #f0fafa;
  --crm-line: #d4ebe9;
}


/* --- from sales-crm-softwares.css --- */

.pharma-page.sales-crm-softwares-page .crm-proof-demo-fallback:hover {
  background: #12655c;
}

.pharma-page.sales-crm-softwares-page .crm-workflow {
  background: #f7fcfb;
}

.pharma-page.sales-crm-softwares-page .crm-workflow-step {
  background: #f7fcfb;
}

.pharma-page.sales-crm-softwares-page .crm-workflow-step:nth-child(even) {
  background: #eafbf9;
}

.pharma-page.sales-crm-softwares-page .crm-capability-list li {
  background: rgba(25, 143, 130, 0.045);
  border: 1px solid rgba(25, 143, 130, 0.2);
}

.pharma-page.sales-crm-softwares-page .crm-communication-heading h2 span {
  background: linear-gradient(90deg, #198c7f 0%, #1a9284 100%);
}

.pharma-page.sales-crm-softwares-page .crm-communication-visual {
  background: linear-gradient(145deg, #f1fdfb, #e9fbf8);
  border: 1px solid #d9f8f5;
}

.pharma-page.sales-crm-softwares-page .crm-communication-visual.crm-communication-module-visual {
  background: linear-gradient(145deg, #f1fdfb, #e9fbf8);
}

.pharma-page.sales-crm-softwares-page .crm-communication-tab {
  border-bottom: 1px solid #e2f0ee;
}

.pharma-page.sales-crm-softwares-page .crm-communication-tab:first-child {
  border-top: 1px solid #e2f0ee;
}

.pharma-page.sales-crm-softwares-page .crm-communication-tab-bar {
  background: #e5f1f0;
}

.pharma-page.sales-crm-softwares-page .crm-communication-tab.is-active .crm-communication-tab-bar {
  background: linear-gradient(180deg, #198c7f 0%, #1a9284 100%);
}

.pharma-page.sales-crm-softwares-page .crm-get-started {
  background: #e2faf7;
}

.pharma-page.sales-crm-softwares-page .crm-get-started h2 span {
  background: linear-gradient(90deg, var(--crm-blue), #136e63);
}

.pharma-page.sales-crm-softwares-page .crm-get-started-card {
  border: 1px solid #d9edeb;
}

.pharma-page.sales-crm-softwares-page .crm-get-started-card:nth-child(2) h3 {
  color: #12655b;
}

.pharma-page.sales-crm-softwares-page .crm-faq-item {
  border: 1px solid #d8ecea;
}

.pharma-page.sales-crm-softwares-page .crm-faq-item:has(.crm-faq-button:not(.collapsed)) {
  border-color: #b1f1ea;
  box-shadow: 0 12px 28px rgba(9, 54, 48, 0.08);
}

.pharma-page.sales-crm-softwares-page .crm-faq-button:focus-visible {
  outline: 3px solid rgba(25, 143, 130, 0.3);
}

.pharma-page.sales-crm-softwares-page .prod-task-capability-links a {
  color: #178276;
}

.pharma-page.sales-crm-softwares-page .prod-task-capability-links a:hover {
  color: #12645b;
}

.pharma-page.sales-crm-softwares-page .prod-task-capability-links a:focus-visible {
  outline: 3px solid rgba(26, 146, 132, 0.3);
}

@media (max-width: 900px) {
  .pharma-page.sales-crm-softwares-page .crm-communication-tab {
    border: 1px solid #d7ebe9;
  }

  .pharma-page.sales-crm-softwares-page .crm-communication-tab:first-child {
    border-top: 1px solid #d7ebe9;
  }
}

.pharma-page.sales-crm-softwares-page .crm-customer-stories .prod-stories {
  background:
    radial-gradient(circle at 12% 18%, rgba(31, 174, 158, 0.2), transparent 30%),
    radial-gradient(circle at 88% 84%, rgba(26, 146, 132, 0.24), transparent 34%),
    linear-gradient(135deg, #061a35 0%, #0a3b35 54%, #0e5049 100%);
}

.pharma-page.sales-crm-softwares-page .crm-customer-stories .prod-stories-eyebrow {
  color: #e4faf7;
  background: rgba(31, 174, 158, 0.1);
  border: 1px solid rgba(31, 174, 158, 0.35);
}

.pharma-page.sales-crm-softwares-page .crm-customer-stories .prod-stories-head h2 span {
  background: linear-gradient(90deg, #1fae9e 0%, #20b5a4 48%, #1a9284 100%);
}

.pharma-page.sales-crm-softwares-page .crm-customer-stories .prod-story-company {
  background: linear-gradient(145deg, #f8fefe 0%, #f0fcfb 54%, #e3faf8 100%);
  border: 1px solid rgba(26, 146, 132, 0.14);
}

.pharma-page.sales-crm-softwares-page .crm-customer-stories .prod-story-company-glow {
  background: radial-gradient(circle, rgba(31, 174, 158, 0.3), transparent 68%);
}

.pharma-page.sales-crm-softwares-page .crm-customer-stories .prod-story-logo-wrap {
  border-color: #e1faf7;
}

.pharma-page.sales-crm-softwares-page .crm-customer-stories .prod-story-company p {
  color: #183b37;
}

.pharma-page.sales-crm-softwares-page .crm-customer-stories .prod-story-quote-mark {
  color: #1fae9e;
}

.pharma-page.sales-crm-softwares-page .crm-customer-stories .prod-story-arrow:hover {
  color: #0a3b35;
}

.pharma-page.sales-crm-softwares-page .crm-customer-stories .prod-story-dot.is-active {
  background: linear-gradient(90deg, #1fae9e 0%, #1a9284 100%);
}

/* --- from products.css --- */

.pharma-page .prod-hero {
  background:
    radial-gradient(circle at 88% 15%, rgba(31, 174, 158, 0.2), transparent 30%),
    radial-gradient(circle at 8% 90%, rgba(26, 146, 132, 0.25), transparent 34%),
    linear-gradient(125deg, #061a35 0%, #0a3b35 38%, #105c53 72%, #1e7c71 100%);
}

.pharma-page .prod-hero-eyebrow {
  color: #e4faf7;
  background: rgba(31, 174, 158, 0.12);
  border: 1px solid rgba(31, 174, 158, 0.34);
}

.pharma-page .prod-hero .prod-blue {
  color: #1fae9e;
  background: linear-gradient(90deg, #1fae9e, #1a9284);
}

.pharma-page .prod-hero .prod-btn-primary {
  background: linear-gradient(90deg, #1fae9e, #1a9284);
}

.pharma-page .prod-hero .prod-btn-primary:hover {
  color: #1a9284;
}

.pharma-page .prod-task-capabilities {
  --prod-task-warm: #1a9284;
  --prod-task-orange: #136e63;
  background: #f7fefe;
}

.pharma-page .prod-task-capability-panel {
  border: 1px solid rgba(26, 146, 132, 0.14);
}

.pharma-page .prod-task-capability-visual {
  background: linear-gradient(135deg, #178276 0%, #1a9284 48%, var(--prod-task-orange) 100%);
}

.pharma-page:is(.products-page, .ffm-page) .website-footer {
  background: #09322d;
}

.pharma-page:is(.products-page, .ffm-page) .website-footer .footer-trial-btn {
  background: linear-gradient(90deg, #198c7f 0%, #1a9284 100%);
  box-shadow: 0 4px 12px rgba(26, 146, 132, 0.2);
}

.pharma-page:is(.products-page, .ffm-page) .website-footer .website-footer-layout .footer-link-box a:hover,
.pharma-page:is(.products-page, .ffm-page) .website-footer .website-footer-layout .web-footer-fourth-div a:hover,
.pharma-page:is(.products-page, .ffm-page) .website-footer .link-container a:hover {
  color: #136e63 !important;
}

@media (max-width: 770px) {
  .pharma-page:is(.products-page, .ffm-page) .website-footer .website-footer-layout .accordion-button,
  .pharma-page:is(.products-page, .ffm-page) .website-footer .website-footer-layout .accordion-button.collapsed,
  .pharma-page:is(.products-page, .ffm-page) .website-footer .website-footer-layout .accordion-button:not(.collapsed) {
    background: #09322d !important;
  }

  .pharma-page:is(.products-page, .ffm-page) .website-footer .website-footer-layout .accordion-body {
    background: #09322d !important;
  }
}

.pharma-page .prod-stories {
  background: #f7fefe;
}

.pharma-page .prod-stories-eyebrow {
  color: #1a9284;
}

.pharma-page .prod-stories-head h2 span {
  color: #1a9284;
  background: linear-gradient(90deg, #1a9284 0%, #1fae9e 100%);
}

.pharma-page .prod-stories-stage {
  border: 1px solid rgba(26, 146, 132, 0.12);
}

.pharma-page .prod-story-company {
  background: linear-gradient(145deg, #061a35 0%, #0a3b35 52%, #105c53 100%);
}

.pharma-page .prod-story-company-glow {
  background: radial-gradient(circle, rgba(31, 174, 158, 0.38), transparent 68%);
}

.pharma-page .prod-story-quote-mark {
  color: #1fae9e;
}

.pharma-page .prod-story-content blockquote p {
  color: #0c2e2a;
}

.pharma-page .prod-story-arrow {
  color: #1a9284;
  border: 1px solid rgba(26, 146, 132, 0.3);
}

.pharma-page .prod-story-arrow:hover {
  background: #1a9284;
}

.pharma-page .prod-story-arrow:focus-visible,
.pharma-page .prod-story-dot:focus-visible {
  outline: 3px solid rgba(26, 146, 132, 0.32);
}

.pharma-page .prod-story-dot {
  background: #c2e2de;
}

.pharma-page .prod-story-dot.is-active {
  background: linear-gradient(90deg, #1a9284 0%, #1fae9e 100%);
}

.pharma-page .prod-faq-accordion .accordion-button:not(.collapsed) {
  color: #1a9284;
}

.pharma-page .prod-faq-accordion .accordion-button:focus {
  box-shadow: inset 0 0 0 3px rgba(26, 146, 132, 0.3);
}

.pharma-page .prod-faq-accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3e%3cpath d='m3 5 4 4 4-4' stroke='%231a9284' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  border: 2px solid #1a9284;
}

.pharma-page .prod-faq-accordion .accordion-body {
  color: #274844;
}

.pharma-page .prod-faq-accordion .accordion-body a {
  color: #1a9284;
}

.pharma-page .prod-faq-accordion .accordion-body a:hover {
  color: #136e63;
}

/* --- from finances.css --- */

.pharma-page.finances-page .crm-suite-hero .fin-hero-cta {
  background: linear-gradient(90deg, #1a9284 0%, #198f82 100%);
  box-shadow: 0 14px 30px rgba(25, 143, 130, 0.24);
}

.pharma-page.finances-page .crm-suite-hero .fin-hero-cta:hover {
  background: linear-gradient(90deg, #178074 0%, #15786c 100%);
}

.pharma-page.finances-page .fin-leaks {
  background:
    radial-gradient(circle at 0% 55%, rgba(255, 170, 130, 0.16), transparent 38%),
    radial-gradient(circle at 100% 55%, rgba(30, 171, 154, 0.13), transparent 38%),
    #fff;
}

.pharma-page.finances-page .fin-section-tag,
.pharma-page.finances-page .prod-task-capabilities-head .prod-task-capabilities-eyebrow {
  background: #f1fcfb;
  border: 1px solid rgba(25, 143, 130, 0.14);
  box-shadow: 0 6px 18px rgba(25, 143, 130, 0.1);
}

.pharma-page.finances-page .fin-section-tag::before,
.pharma-page.finances-page .prod-task-capabilities-head .prod-task-capabilities-eyebrow::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 15'%3E%3Cpath d='M0 1.5A1.5 1.5 0 0 1 1.5 0h9A1.5 1.5 0 0 1 12 1.5V15l-6-3.6L0 15z' fill='%23198f82'/%3E%3C/svg%3E") center / contain no-repeat;
}

.pharma-page.finances-page .crm-customer-stories .prod-stories-eyebrow {
  color: #e4faf7;
}

.pharma-page.finances-page .fin-leaks-list--fix .fin-leaks-icon {
  background: #ebfcfa;
}

.pharma-page.finances-page .fin-leaks-list--fix .fin-leaks-card {
  color: rgba(25, 143, 130, 0.55);
}

.pharma-page.finances-page .fin-leaks-visual::before {
  background:
    radial-gradient(circle, rgba(25, 143, 130, 0.16) 0 34%, transparent 34.5%),
    radial-gradient(circle, rgba(25, 143, 130, 0.08) 0 50%, transparent 50.5%),
    radial-gradient(circle, rgba(25, 143, 130, 0.05) 0 70%, transparent 70.5%);
}

.pharma-page.finances-page .fin-compare-table {
  background: linear-gradient(125deg, #f5fdfc 0%, #fafefe 42%, #fffaf5 72%, #fff3e9 100%);
}

.pharma-page.finances-page .fin-compare-table th,
.pharma-page.finances-page .fin-compare-table td {
  border-bottom: 1px solid #edf7f5;
}

.pharma-page.finances-page .fin-compare-table thead th {
  background: linear-gradient(180deg, rgba(235, 252, 250, 0.9), rgba(242, 253, 252, 0.6));
}

.pharma-page.finances-page .fin-compare-table .fin-compare-ours {
  background: #f5fdfc;
  border-right: 2px solid rgba(25, 143, 130, 0.22);
  border-left: 2px solid rgba(25, 143, 130, 0.22);
}

.pharma-page.finances-page .fin-compare-table thead .fin-compare-ours {
  background: #edfcfa;
  border-top: 2px solid rgba(25, 143, 130, 0.22);
}

.pharma-page.finances-page .fin-compare-table tbody tr:last-child .fin-compare-ours {
  border-bottom: 2px solid rgba(25, 143, 130, 0.22);
}

.pharma-page.finances-page .fin-cta-form-card {
  background:
    radial-gradient(circle at 12% 20%, rgba(255, 255, 255, 0.12), transparent 34%),
    linear-gradient(120deg, #147469 0%, var(--crm-blue) 55%, #1b9a8b 100%);
}

.pharma-page.finances-page .fin-cta-form-card::before {
  background-image: linear-gradient(45deg, rgba(12, 65, 59, 0.28) 25%, transparent 25%, transparent 75%, rgba(12, 65, 59, 0.28) 75%),
    linear-gradient(45deg, rgba(12, 65, 59, 0.28) 25%, transparent 25%, transparent 75%, rgba(12, 65, 59, 0.28) 75%);
}

.pharma-page.finances-page .fin-cta-form-copy h2 span {
  color: #d6f8f4;
}

.pharma-page.finances-page .fin-hero-center .fin-hero-eyebrow {
  border: 1px solid rgba(25, 143, 130, 0.16);
  box-shadow: 0 8px 24px rgba(25, 143, 130, 0.08);
}

.pharma-page.finances-page .fin-journey {
  background:
    radial-gradient(ellipse 60% 95% at 50% 0%, rgba(36, 202, 183, 0.4) 0%, rgba(96, 227, 212, 0.18) 50%, rgba(96, 227, 212, 0) 90%),
    linear-gradient(180deg, #ecfcfa 0%, #f5fdfc 100%);
}

.pharma-page.finances-page .fin-journey::before {
  background: repeating-linear-gradient(90deg, rgba(25, 143, 130, 0.07) 0 1px, transparent 1px 58px);
  border-right: 1px solid rgba(25, 143, 130, 0.07);
}

.pharma-page.finances-page :is(.crm-integrations-copy h2, .crm-customer-stories .prod-stories-head h2) span {
  color: #40ddca !important;
  -webkit-text-fill-color: #40ddca !important;
}

.pharma-page.finances-page .fin-results-card {
  background: linear-gradient(180deg, #ffffff 0%, #f8fefe 100%);
  border: 1px solid rgba(25, 143, 130, 0.08);
}

.pharma-page.finances-page .crm-suite-hero.fin-hero-center {
  background:
    radial-gradient(ellipse 36% 58% at 50% 0%, rgba(36, 202, 183, 0.42) 0%, rgba(121, 231, 219, 0.18) 50%, rgba(121, 231, 219, 0) 100%),
    linear-gradient(180deg, #eefcfb 0%, #f5fdfc 45%);
}

.pharma-page.finances-page .fin-hero-grid {
  background-image:
    linear-gradient(rgba(25, 143, 130, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 143, 130, 0.09) 1px, transparent 1px);
}

.pharma-page.finances-page .crm-workflow,
.pharma-page.finances-page .crm-workflow-step {
  background:
    radial-gradient(ellipse 36% 58% at 50% 0%, rgba(36, 202, 183, 0.42) 0%, rgba(121, 231, 219, 0.18) 50%, rgba(121, 231, 219, 0) 100%),
    linear-gradient(180deg, #eefcfb 0%, #f5fdfc 45%);
}

.pharma-page.finances-page .crm-workflow-step:nth-child(even) {
  background:
    radial-gradient(ellipse 60% 95% at 50% 0%, rgba(36, 202, 183, 0.4) 0%, rgba(96, 227, 212, 0.18) 50%, rgba(96, 227, 212, 0) 90%),
    linear-gradient(180deg, #ecfcfa 0%, #f5fdfc 100%);
}

.pharma-page.finances-page .crm-section.crm-communication {
  background:
    radial-gradient(ellipse 60% 95% at 50% 0%, rgba(36, 202, 183, 0.4) 0%, rgba(96, 227, 212, 0.18) 50%, rgba(96, 227, 212, 0) 90%),
    linear-gradient(180deg, #ecfcfa 0%, #f5fdfc 100%);
}

.pharma-page.finances-page .fin-results {
  background:
    radial-gradient(ellipse 36% 58% at 50% 0%, rgba(36, 202, 183, 0.42) 0%, rgba(121, 231, 219, 0.18) 50%, rgba(121, 231, 219, 0) 100%),
    linear-gradient(180deg, #eefcfb 0%, #f5fdfc 45%);
}

.pharma-page.finances-page .prod-task-capabilities {
  background:
    radial-gradient(ellipse 60% 95% at 50% 0%, rgba(36, 202, 183, 0.4) 0%, rgba(96, 227, 212, 0.18) 50%, rgba(96, 227, 212, 0) 90%),
    linear-gradient(180deg, #ecfcfa 0%, #f5fdfc 100%);
}

.pharma-page.finances-page .fin-compare {
  background:
    radial-gradient(ellipse 36% 58% at 50% 0%, rgba(36, 202, 183, 0.42) 0%, rgba(121, 231, 219, 0.18) 50%, rgba(121, 231, 219, 0) 100%),
    linear-gradient(180deg, #eefcfb 0%, #f5fdfc 45%);
}

.pharma-page.finances-page .crm-workflow {
  background:
    radial-gradient(ellipse 36% 620px at 50% 0%, rgba(36, 202, 183, 0.42) 0%, rgba(121, 231, 219, 0.18) 50%, rgba(121, 231, 219, 0) 100%) top center / 100% 1100px no-repeat,
    linear-gradient(180deg, #eefcfb 0, #f5fdfc 500px) top center / 100% 1100px no-repeat,
    #f5fdfc;
}

.pharma-page.finances-page .crm-section-heading.crm-workflow-heading::before {
  background-image:
    linear-gradient(rgba(25, 143, 130, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 143, 130, 0.09) 1px, transparent 1px);
}

.pharma-page.finances-page .crm-section-heading.crm-communication-heading::before {
  background-image:
    linear-gradient(rgba(25, 143, 130, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 143, 130, 0.09) 1px, transparent 1px);
}

.pharma-page.finances-page :is(
  .fin-results-heading,
  .prod-task-capabilities-head,
  .fin-compare-heading,
  .attendance-workforce-solutions-heading
)::before {
  background-image:
    linear-gradient(rgba(25, 143, 130, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 143, 130, 0.09) 1px, transparent 1px);
}

.pharma-page.finances-page .crm-get-started {
  background: linear-gradient(180deg, #c7f5f0 0%, #d6f8f4 55%, #e2faf7 100%);
}

/* --- from nbfc-field-force-management.css --- */

.pharma-page.nbfc-page .crm-suite-hero.fin-hero-center .fin-hero-title-accent {
  color: #15786c;
  -webkit-text-fill-color: #15786c;
}

.pharma-page.nbfc-page .fin-hero-center .prod-hero-headline::before,
.pharma-page.nbfc-page .crm-section-heading.crm-workflow-heading::before,
.pharma-page.nbfc-page .crm-section-heading.crm-communication-heading::before,
.pharma-page.nbfc-page :is(.fin-results-heading, .prod-task-capabilities-head, .fin-compare-heading, .nbfc-modules-heading)::before {
  background-image:
    linear-gradient(rgba(25, 143, 130, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 143, 130, 0.09) 1px, transparent 1px);
}

.pharma-page.nbfc-page .ffm-logo-section {
  background: #f5fdfc;
}

.pharma-page.nbfc-page .crm-section.crm-communication,
.pharma-page.nbfc-page .fin-results {
  background:
    radial-gradient(ellipse 36% 58% at 50% 0%, rgba(36, 202, 183, 0.42) 0%, rgba(121, 231, 219, 0.18) 50%, rgba(121, 231, 219, 0) 100%),
    linear-gradient(180deg, #eefcfb 0%, #f5fdfc 45%);
}

.pharma-page.nbfc-page .fin-compare,
.pharma-page.nbfc-page .nbfc-modules {
  background:
    radial-gradient(ellipse 60% 95% at 50% 0%, rgba(36, 202, 183, 0.4) 0%, rgba(96, 227, 212, 0.18) 50%, rgba(96, 227, 212, 0) 90%),
    linear-gradient(180deg, #ecfcfa 0%, #f5fdfc 100%);
}

.pharma-page.nbfc-page .nbfc-answer {
  background:
    radial-gradient(ellipse 55% 80% at 0% 50%, rgba(203, 246, 241, 0.55) 0%, rgba(203, 246, 241, 0) 100%),
    linear-gradient(180deg, #f1fcfb 0%, #f8fefe 100%);
}

.pharma-page.nbfc-page .nbfc-answer .fin-journey-heading h2 span:not(.fin-journey-lead) {
  color: #15786c;
}

.pharma-page.nbfc-page .nbfc-answer .fin-journey-heading h2 .fin-journey-lead .fin-journey-accent.fin-journey-accent.fin-journey-accent {
  color: #15786c !important;
  -webkit-text-fill-color: #15786c !important;
}

@media (min-width: 1101px) {
  .pharma-page.nbfc-page .nbfc-layer-list {
    background:
      linear-gradient(rgba(25, 143, 130, 0.16), rgba(25, 143, 130, 0.16)) 16.667% 0 / 1px 100% no-repeat,
      linear-gradient(rgba(25, 143, 130, 0.16), rgba(25, 143, 130, 0.16)) 33.333% 0 / 1px 100% no-repeat,
      linear-gradient(rgba(25, 143, 130, 0.16), rgba(25, 143, 130, 0.16)) 50% 0 / 1px 100% no-repeat,
      linear-gradient(rgba(25, 143, 130, 0.16), rgba(25, 143, 130, 0.16)) 66.667% 0 / 1px 100% no-repeat,
      linear-gradient(rgba(25, 143, 130, 0.16), rgba(25, 143, 130, 0.16)) 83.333% 0 / 1px 100% no-repeat;
  }
}

.pharma-page.nbfc-page .nbfc-layer-title::before {
  background: #198f82;
}

.pharma-page.nbfc-page .nbfc-layer-title strong {
  color: #15786c;
}

.pharma-page.nbfc-page .nbfc-layer-item + .nbfc-layer-item {
  border-left: 1px solid rgba(25, 143, 130, 0.16);
}

.pharma-page.nbfc-page .nbfc-stories .prod-stories {
  background:
    radial-gradient(ellipse 60% 95% at 50% 0%, rgba(36, 202, 183, 0.4) 0%, rgba(96, 227, 212, 0.18) 50%, rgba(96, 227, 212, 0) 90%),
    linear-gradient(180deg, #ecfcfa 0%, #f5fdfc 100%);
}

.pharma-page.nbfc-page .nbfc-stories .prod-stories-head::before {
  background-image:
    linear-gradient(rgba(25, 143, 130, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 143, 130, 0.09) 1px, transparent 1px);
}

.pharma-page.nbfc-page .nbfc-stories .prod-stories-eyebrow {
  background: #f1fcfb;
  border: 1px solid rgba(25, 143, 130, 0.14);
  box-shadow: 0 6px 18px rgba(25, 143, 130, 0.1);
}

.pharma-page.nbfc-page .nbfc-stories .prod-stories-eyebrow::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 15'%3E%3Cpath d='M0 1.5A1.5 1.5 0 0 1 1.5 0h9A1.5 1.5 0 0 1 12 1.5V15l-6-3.6L0 15z' fill='%23198f82'/%3E%3C/svg%3E") center / contain no-repeat;
}

.pharma-page.nbfc-page .nbfc-stories .prod-story-company {
  background: #15786c;
}

.pharma-page.nbfc-page :is(.nbfc-answer, .nbfc-proof, .crm-workflow, .prod-task-capabilities, .nbfc-lending, .fin-compare, .fin-results, .nbfc-stories, .nbfc-modules, .crm-get-started, .crm-faq) h2 span:not(.fin-journey-lead):not(.fin-leaks-lead):not(.fin-workflow-lead):not(.fin-segments-lead):not(.nbfc-modules-line):not(.prod-task-capabilities-heading-primary) {
  color: #15786c !important;
  -webkit-text-fill-color: #15786c !important;
}

.pharma-page.nbfc-page .website-footer {
  background:
    linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px) center top / 14px 14px repeat,
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px) center top / 14px 14px repeat,
    radial-gradient(ellipse 45% 70% at 0% 100%, rgba(27, 154, 139, 0.55) 0%, rgba(27, 154, 139, 0) 100%),
    radial-gradient(ellipse 45% 70% at 100% 100%, rgba(27, 154, 139, 0.55) 0%, rgba(27, 154, 139, 0) 100%),
    linear-gradient(180deg, #0b3e38 0%, #0e5049 100%);
}

.pharma-page.nbfc-page .nbfc-module-card a {
  background: linear-gradient(180deg, #ffffff 0%, #f8fefe 100%);
  border: 1px solid rgba(25, 143, 130, 0.1);
}

.pharma-page.nbfc-page .nbfc-module-card a:hover,
.pharma-page.nbfc-page .nbfc-module-card a:focus-visible {
  border-color: rgba(25, 143, 130, 0.35);
  box-shadow: 0 22px 44px rgba(25, 143, 130, 0.14);
}

.pharma-page.nbfc-page .nbfc-module-icon {
  background: #ebfcfa;
}


/* --- hero, buttons, footer strip, chat, back-to-top, compare (from mfi-field-operations.css) --- */

/* Hero colour theme: the same light teal as the "How TrackOlap Runs a
   Pharma Field Day" heading (a teal glow at the top centre over a pale
   teal wash, with the teal grid texture behind the heading). Navy heading
   text and the white eyebrow pill stay as they are. (Hand-set: the MFI
   hero's mint greens re-hued past teal into blue.) */
.pharma-page {
  --fin-hero-bg: #eefcfb;
}

.pharma-page.finances-page .crm-suite-hero.fin-hero-center {
  background:
    radial-gradient(ellipse 36% 58% at 50% 0%, rgba(36, 202, 183, 0.42) 0%, rgba(121, 231, 219, 0.18) 50%, rgba(121, 231, 219, 0) 100%),
    linear-gradient(180deg, #eefcfb 0%, #f5fdfc 45%);
}

/* Customer logos follow the hero in one continuous colour (as on the NBFC
   page): the logo section uses the exact teal wash the hero ends on
   (#f5fdfc), so there is no visible band where the two meet. */
.pharma-page.nbfc-page .ffm-logo-section {
  background: #f5fdfc;
}

/* Hero texture: the NBFC hero's small tile grid (14px cells) behind the
   heading, in the same place, size and fade-out mask, drawn in the page's
   teal instead of blue. */
.pharma-page .fin-hero-center .prod-hero-headline::before {
  background-image:
    linear-gradient(rgba(25, 143, 130, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25, 143, 130, 0.09) 1px, transparent 1px);
  background-position: center top;
  background-repeat: repeat;
  background-size: 14px 14px;
}

/* Accent words in the hero heading: the leaf-green gradient. When the
   accent wraps onto two lines (phones), each line repaints the full
   gradient (box-decoration-break: clone) instead of one gradient being
   stretched over both lines, so the green matches desktop on every screen. */
.pharma-page.nbfc-page .crm-suite-hero.fin-hero-center .fin-hero-title-accent {
  color: #1e9d8c;
  background: linear-gradient(180deg, #2ec0a7 0%, #1a9a8a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* Demo buttons use the page's green theme: the top-right "Request a Demo"
   (matching the Finance rule it overrides) and the hero "Book Free Demo"
   button and its arrow, each a deeper green on hover. */
.pharma-page.finances-page .ffm-nav-shell.main-container .header-container .header-container-box .top-buttons .start-trial-btn,
.pharma-page.finances-page .ffm-nav-shell.main-container .header-container.header-on-scroll .header-container-box .top-buttons .start-trial-btn,
.pharma-page.finances-page .ffm-nav-shell .top-buttons > #startTrial2,
.pharma-page.finances-page .ffm-nav-shell .header-container.header-on-scroll .top-buttons > #startTrial2 {
  background: #198f82 !important;
  border-color: #198f82 !important;
  box-shadow: 0 6px 16px rgba(25, 143, 130, 0.24) !important;
}

.pharma-page.finances-page .ffm-nav-shell.main-container .header-container .header-container-box .top-buttons .start-trial-btn:hover,
.pharma-page.finances-page .ffm-nav-shell .top-buttons > #startTrial2:hover {
  background: #15786c !important;
  border-color: #15786c !important;
}

.pharma-page .fin-hero-center .fin-hero-email button {
  background: #198f82;
}

.pharma-page .fin-hero-center .fin-hero-email button:hover {
  background: #15786c;
}

.pharma-page .fin-hero-center .fin-hero-email-arrow {
  color: #198f82;
}

.pharma-page .fin-hero-center .fin-hero-email {
  box-shadow: 0 16px 40px rgba(25, 143, 130, 0.14);
}

/* Footer copyright strip: the NBFC page's darker navy band becomes a
   deeper shade of the footer's green (same transparency, so the footer's
   grid texture still shows through), with the same faint top hairline. */
.pharma-page.nbfc-page .website-footer .copyright-strip {
  background: rgba(9, 52, 52, 0.72);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}


/* Live chat (Antrika) in the page's theme colour (Pharma teal, #198f82). The
   widget writes its colours as inline custom properties on <html> at
   runtime, derived from one brand colour; these declarations recompute the
   same three values from #198f82 and win over the inline ones because they
   are !important. Scoped with :has() to this page's body only. */
html:has(> body.pharma-page) {
  --widget-body-primary: rgb(27, 121.4, 110.6) !important;
  --widget-body-primary-10: rgb(34, 45.8, 44.5) !important;
  --widget-body-primary-dark: rgb(34.1, 44.2, 43) !important;
}

/* Chat launcher and greeting card in the same Pharma teal: the round chat
   button and the coloured bar on the "Hi there! How can I help you today?"
   card take the colour set in the widget's dashboard as inline styles, so
   they are overridden here with !important. Matched on the stable start of
   the widget's class names (the suffix is a build hash). */
body.pharma-page [class*="antrika_chat_button-label"] {
  background-color: #198f82 !important;
}

body.pharma-page [class*="antrika_chat_button-label"]:hover {
  background-color: #15786c !important;
}

body.pharma-page [class*="antrika_chat_chat-initial-div"] > div:first-child {
  border-color: #198f82 !important;
}

/* "Back to top" button in the page's theme colour (Pharma teal). */
body.pharma-page {
  --back-to-top-bg: #198f82;
  --back-to-top-bg-hover: #15786c;
}

/* Comparison table (shared industry-compare.css) in the page's Pharma teal. */
body.pharma-page .ind-compare {
  --ic-accent: #198f82;
  --ic-ours-bg: #effaf9;
  --ic-ours-bg-alt: #dff5f2;
  --ic-value-bg: #e8f8f6;
}

/* "Swipe right" pill above the table on phones/tablets (shown by
   finances.css), in the page's green. */
body.pharma-page .ind-compare .ind-compare-swipe {
  background: linear-gradient(90deg, #15786c 0%, #198f82 100%);
  box-shadow: 0 8px 22px rgba(21, 120, 108, 0.32);
  animation-name: pharma-compare-swipe-glow;
}

@keyframes pharma-compare-swipe-glow {
  0%, 100% { box-shadow: 0 8px 22px rgba(21, 120, 108, 0.32), 0 0 0 0 rgba(25, 143, 130, 0.35); }
  50% { box-shadow: 0 8px 22px rgba(21, 120, 108, 0.32), 0 0 0 8px rgba(25, 143, 130, 0); }
}

@media (prefers-reduced-motion: reduce) {
  body.pharma-page .ind-compare .ind-compare-swipe {
    animation: none;
  }
}