/* Approved Deep then wide direction. The four stages share one widening path. */
#business.pitch-opportunity {
  --op-lilac: #c9b7dc;
  --op-blue: #aec9dc;
  --op-mint: #b9dbca;
  --op-rail: 105px;
  --op-gap: 28px;
}
#business.pitch-opportunity .pitch-heading { margin-bottom: 36px; }
#business .opportunity-path { scroll-margin-top: var(--pitch-header-clear); }
#business .opportunity-expansion { position: relative; isolation: isolate; padding-bottom: 14px; }
#business .opportunity-expansion::before { content: ''; position: absolute; z-index: -1; inset: 8% 0 0 calc(var(--op-rail) + var(--op-gap)); background: linear-gradient(180deg, rgb(201 183 220 / 1%), rgb(174 201 220 / 3%), rgb(185 219 202 / 5%)); clip-path: polygon(35% 0, 65% 0, 100% 100%, 0 100%); pointer-events: none; }
#business .opportunity-step, #business .opportunity-eventually { display: grid; grid-template-columns: var(--op-rail) minmax(0, 1fr); gap: var(--op-gap); align-items: center; }
#business .opportunity-stage { justify-self: end; margin: 0; color: var(--op-lilac); font-size: clamp(17px, 1.6vw, 22px); line-height: 1.3; letter-spacing: -.025em; }
#business .opportunity-next .opportunity-stage { color: var(--op-blue); }
#business .opportunity-then .opportunity-stage, #business .opportunity-eventually .opportunity-stage { color: var(--op-mint); }
#business .opportunity-scene { min-width: 0; padding: 8px 0; text-align: center; }
#business .opportunity-scene h3 { margin: 0; font-size: clamp(23px, 2.2vw, 30px); font-weight: 400; letter-spacing: -.025em; line-height: 1.25; }
#business .opportunity-scene > p, #business .opportunity-first-job > div > p { margin: 9px 0 0; color: var(--pitch-text); font-size: 16px; line-height: 1.5; }
#business .opportunity-first-job { display: flex; align-items: center; justify-content: center; gap: 20px; text-align: left; }
#business .opportunity-first-job > div { min-width: 0; }
#business .opportunity-first-job h3 { margin-top: 5px; font-size: clamp(27px, 2.6vw, 36px); }
#business .opportunity-first-job > div > .opportunity-eyebrow { margin: 0; color: var(--pitch-soft); font-size: 13px; }
#business .opportunity-first-job > div > .opportunity-scope { margin-top: 12px; color: var(--pitch-soft); font-size: 13px; }
#business .opportunity-icon { display: block; width: 38px; height: 38px; flex: none; color: var(--op-lilac); background: currentColor; mask-position: center; mask-size: contain; mask-repeat: no-repeat; }
#business .opportunity-first-job > .opportunity-icon { width: 48px; height: 48px; }
#business .opportunity-icon-trees { mask-image: url('/assets/pitch-20261029/opportunity/trees.svg'); }
#business .opportunity-icon-wrench { mask-image: url('/assets/pitch-20261029/opportunity/wrench.svg'); }
#business .opportunity-icon-plug { mask-image: url('/assets/pitch-20261029/opportunity/plug.svg'); }
#business .opportunity-icon-expert { mask-image: url('/assets/pitch-20261029/opportunity/user-round.svg'); }
#business .opportunity-icon-property { mask-image: url('/assets/pitch-20261029/opportunity/building-2.svg'); }
#business .opportunity-icon-agencies { mask-image: url('/assets/pitch-20261029/opportunity/briefcase-business.svg'); }
#business .opportunity-icon-research { mask-image: url('/assets/pitch-20261029/opportunity/microscope.svg'); }
#business .opportunity-icon-education { mask-image: url('/assets/pitch-20261029/opportunity/graduation-cap.svg'); }
#business .opportunity-icon-manufacturing { mask-image: url('/assets/pitch-20261029/opportunity/factory.svg'); }
#business .opportunity-businesses { display: flex; justify-content: center; gap: 40px; margin-bottom: 13px; }
#business .opportunity-businesses .opportunity-icon { color: var(--op-blue); }
#business .opportunity-scene > .opportunity-route { max-width: 550px; margin-inline: auto; }
#business .opportunity-scene > .opportunity-multiplier { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 16px; color: var(--op-mint); font-size: 15px; }
#business .opportunity-multiplier .opportunity-icon { width: 22px; height: 22px; color: inherit; }
#business .opportunity-down { display: flex; justify-content: center; align-items: center; height: 42px; padding-left: calc(var(--op-rail) + var(--op-gap)); }
#business .opportunity-down > span { display: block; width: 34px; height: 35px; background: linear-gradient(var(--op-lilac), var(--op-blue)); clip-path: polygon(35% 0,65% 0,65% 57%,100% 57%,50% 100%,0 57%,35% 57%); }
#business .opportunity-fields { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; max-width: 830px; margin: 20px auto 0; }
#business .opportunity-fields li { display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 0; color: var(--pitch-text); font-size: 15px; line-height: 1.35; text-align: center; }
#business .opportunity-fields .opportunity-icon { color: var(--op-mint); width: 34px; height: 34px; }
#business .opportunity-scene > .opportunity-foundation { margin-top: 16px; font-size: 13px; color: var(--pitch-soft); }
#business .opportunity-eventually { margin-top: 22px; padding: 28px 0; border-top: 1px solid var(--pitch-hair-strong); }
#business .opportunity-destination { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: 32px; }
#business .opportunity-payoff { margin: 0; color: var(--ink); font-size: clamp(20px, 2vw, 27px); line-height: 1.35; letter-spacing: -.025em; }
#business .opportunity-payoff > span { display: block; margin-top: 4px; color: var(--pitch-text); }
#business .opportunity-context { display: flex; align-items: center; gap: 12px; min-width: 0; }
#business .opportunity-context > img { width: 42px; height: 42px; flex: none; border-radius: 50%; object-fit: cover; }
#business .opportunity-context p { margin: 0; color: var(--pitch-text); font-size: 13px; line-height: 1.5; }
#business .opportunity-context strong { color: var(--ink); font-weight: 600; }
#business .opportunity-context a { display: inline-block; margin-top: 6px; color: var(--pitch-soft); font-size: 12px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
#business .opportunity-subscriptions { display: grid; grid-template-columns: var(--op-rail) repeat(3, minmax(0, 1fr)); align-items: start; gap: var(--op-gap); padding: 23px 0; border-top: 1px solid var(--pitch-hair-strong); border-bottom: 1px solid var(--pitch-hair-strong); }
#business .opportunity-subscriptions > div { min-width: 0; }
#business .opportunity-subscriptions > p { margin: 0; color: var(--pitch-soft); font-size: 11px; line-height: 1.5; text-transform: uppercase; letter-spacing: .08em; }
#business .opportunity-subscriptions h3 { margin: 0; color: var(--ink); font-size: 17px; line-height: 1.4; font-weight: 500; }
#business .opportunity-subscriptions h3 > span { margin-left: 6px; color: var(--pitch-text); font-size: 15px; font-weight: 400; }
#business .opportunity-subscriptions > div > p { margin: 6px 0 0; color: var(--pitch-soft); font-size: 13px; line-height: 1.4; }
#business .opportunity-subscriptions h3 > span { display: block; margin: 4px 0 0; }
#business .opportunity-subscriptions > div > .opportunity-plan-purpose { margin-top: 13px; color: var(--pitch-text); font-size: 15px; }
#business .opportunity-plan-operate h3, #business .opportunity-subscriptions > .opportunity-plan-operate > .opportunity-plan-purpose { color: var(--op-mint); }
#business .opportunity-subscriptions > div > .opportunity-plan-note { margin-top: 9px; font-size: 11px; }
#business .opportunity-revenue { display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px 16px; margin: 0; padding: 17px 0 0; color: var(--pitch-text); }
#business .opportunity-revenue > span { color: var(--pitch-soft); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
#business .opportunity-revenue > strong { color: var(--ink); font-size: 16px; line-height: 1.5; font-weight: 500; }
#business .opportunity-revenue > small { color: var(--pitch-soft); font-size: 12px; line-height: 1.5; }
@media (max-width: 900px) {
  #business .opportunity-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 410px; gap: 22px 16px; }
  #business .opportunity-fields li:nth-last-child(-n+2) { transform: translateX(55%); }
  #business .opportunity-subscriptions { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px 22px; }
  #business .opportunity-subscriptions > p { grid-column: 1 / -1; }
}
@media (max-width: 740px) {
  #business.pitch-opportunity { --op-rail: 88px; --op-gap: 18px; }
  #business .opportunity-destination { grid-template-columns: 1fr; gap: 24px; }
  #business .opportunity-context { max-width: 350px; }
  #business .opportunity-subscriptions h3 > span { display: block; margin: 4px 0 0; }
}
@media (max-width: 480px) {
  #business.pitch-opportunity { --op-rail: 68px; --op-gap: 14px; }
  #business.pitch-opportunity .pitch-heading { margin-bottom: 30px; }
  #business .opportunity-step, #business .opportunity-eventually { display: block; }
  #business .opportunity-stage { justify-self: start; margin-bottom: 14px; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
  #business .opportunity-expansion::before { left: 0; }
  #business .opportunity-down { padding-left: 0; }
  #business .opportunity-first-job { gap: 10px; justify-content: flex-start; }
  #business .opportunity-first-job > .opportunity-icon { width: 30px; height: 30px; }
  #business .opportunity-first-job h3 { font-size: 25px; }
  #business .opportunity-scene h3 { font-size: 21px; }
  #business .opportunity-first-job > div > p, #business .opportunity-scene > p { font-size: 14px; }
  #business .opportunity-first-job > div > .opportunity-eyebrow, #business .opportunity-first-job > div > .opportunity-scope { font-size: 11px; }
  #business .opportunity-businesses { gap: 23px; }
  #business .opportunity-businesses .opportunity-icon { width: 30px; height: 30px; }
  #business .opportunity-scene > .opportunity-multiplier { gap: 8px; font-size: 13px; }
  #business .opportunity-multiplier .opportunity-icon { width: 19px; height: 19px; }
  #business .opportunity-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 10px; }
  #business .opportunity-fields li { font-size: 12px; }
  #business .opportunity-eventually { padding: 25px 0; align-items: start; }
  #business .opportunity-payoff { font-size: 21px; }
  #business .opportunity-context { gap: 9px; }
  #business .opportunity-context > img { width: 34px; height: 34px; }
  #business .opportunity-context p { font-size: 12px; }
  #business .opportunity-context a { font-size: 11px; }
  #business .opportunity-subscriptions { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 18px; }
  #business .opportunity-subscriptions > p { grid-column: 1 / -1; }
  #business .opportunity-subscriptions h3 { font-size: 16px; }
  #business .opportunity-subscriptions h3 > span { font-size: 13px; }
  #business .opportunity-subscriptions > div > p { font-size: 12px; }
  #business .opportunity-subscriptions > .opportunity-plan-operate { grid-column: 1 / -1; padding-top: 18px; border-top: 1px solid var(--pitch-hair); }
  #business .opportunity-subscriptions > div > .opportunity-plan-purpose { font-size: 14px; }
  #business .opportunity-revenue { gap: 6px; }
  #business .opportunity-revenue > span, #business .opportunity-revenue > small { flex-basis: 100%; }
  #business .opportunity-revenue > strong { font-size: 15px; }
}