/* Pricing (/pricing). Loaded after company.css. Three ways to pay ($0 if AI can do it, most projects, a dedicated
   team), what makes it cost more or less, what the price covers, real projects and how to get an exact price.
   Cards and the price note are paper, as on the UiPath page, never text on the section background. */
.pr-lead { max-width: 62ch; }
.pr-k { padding-bottom: 10px; border-bottom: 1px dashed #C9C4B5; font-family: var(--f-mono); font-stretch: 87.5%; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6D6F68; }

/* Shared paper */
.pr-tier, .pr-ex, .pr-steps > li, .pr-incl { --ink: #1E2022; --ink-2: #3A3D3A; --muted: #6D6F68; --line: #C9C4B5; position: relative; background: #FBFAF5; color: #1E2022; box-shadow: 0 1px 0 rgba(0, 0, 0, .06), 0 18px 34px -20px rgba(21, 24, 26, .5); isolation: isolate; }
.pr-tier::after, .pr-ex::after, .pr-steps > li::after, .pr-incl::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 3; background-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, .028) 0 1px, transparent 1px 3px); }
.pr-tier h3, .pr-ex h3, .pr-steps h3 { font-family: var(--f-display); font-stretch: 112%; font-weight: 720; font-size: clamp(19px, 1.7vw, 22px); line-height: 1.2; letter-spacing: -.01em; color: #1E2022; }
.pr-tier p, .pr-ex p, .pr-steps p, .pr-incl p { font-size: 16px; line-height: 1.55; color: #3A3D3A; }

/* What you pay */
.pr-tiers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.pr-tier { display: grid; gap: 12px; align-content: start; padding: 24px 26px 28px; transform: rotate(-.5deg); }
.pr-tier:nth-child(even) { transform: rotate(.45deg); }
.pr-tier.main { box-shadow: inset 0 6px 0 #F2C230, 0 1px 0 rgba(0, 0, 0, .06), 0 18px 34px -20px rgba(21, 24, 26, .5); }
.pr-price { margin-top: 4px; font-family: var(--f-display); font-stretch: 125%; font-weight: 800; font-size: clamp(30px, 2.5vw, 38px) !important; line-height: .95 !important; letter-spacing: -.045em; color: #1E2022 !important; }
.pr-note { padding-top: 12px; border-top: 1px dashed #C9C4B5; font-size: 14px !important; line-height: 1.5 !important; color: #6D6F68 !important; }
.pr-tier .btn-text { justify-self: start; color: #1E2022; }

/* What makes it cost more or less: a ruled list */
.pr-factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(32px, 4vw, 64px); margin: 0; border-top: 2px solid var(--ink); }
.pr-factors > div { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 6px 18px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.pr-factors dt { padding-top: 3px; font-family: var(--f-mono); font-stretch: 87.5%; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--ink); }
.pr-factors dd { margin: 0; font-size: 16.5px; line-height: 1.55; color: var(--ink-2); }

/* What the price covers: one paper note in three parts */
.pr-incl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 36px; padding: 6px 0; transform: rotate(-.3deg); }
.pr-incl > div { display: grid; gap: 10px; align-content: start; padding: 18px 24px 20px; }
.pr-incl > div + div { border-left: 1px dashed #C9C4B5; }

/* Real projects */
.pr-examples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.pr-ex { display: grid; grid-template-rows: auto auto auto 1fr auto; gap: 12px; padding: 24px 26px 0; transform: rotate(.4deg); }
.pr-ex:nth-child(even) { transform: rotate(-.45deg); }
.pr-ex ul { list-style: none; display: grid; gap: 8px; align-content: start; }
.pr-ex li { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 10px; font-size: 15.5px; line-height: 1.45; color: #1E2022; }
.pr-ex li::before { content: ""; width: 9px; height: 9px; margin-top: 6px; background: #F2C230; border: 1px solid #1E2022; }
.pr-ex-price { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 8px -26px 0; padding: 16px 26px 20px; border-top: 2px solid #1E2022; }
.pr-ex-price span { font-family: var(--f-mono); font-stretch: 87.5%; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6D6F68; }
.pr-ex-price strong { font-family: var(--f-display); font-stretch: 125%; font-weight: 800; font-size: clamp(30px, 3vw, 40px); line-height: .95; letter-spacing: -.045em; color: #1E2022; }

/* How you get an exact price */
.pr-steps { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; counter-reset: pr; }
.pr-steps > li { counter-increment: pr; display: grid; gap: 10px; align-content: start; padding: 22px 24px 26px; transform: rotate(-.5deg); }
.pr-steps > li:nth-child(even) { transform: rotate(.45deg); }
.pr-when { padding-bottom: 10px; border-bottom: 1px dashed #C9C4B5; font-family: var(--f-mono); font-stretch: 87.5%; font-size: 11px !important; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6D6F68 !important; }
.pr-when::before { content: counter(pr, decimal-leading-zero) " · "; color: #1E2022; }
#pricing-process .pricing-promise { margin-top: 28px; }

@media (max-width: 1000px) {
  .pr-tiers, .pr-examples, .pr-steps { grid-template-columns: minmax(0, 1fr); }
  .pr-tier, .pr-tier:nth-child(even), .pr-ex, .pr-ex:nth-child(even), .pr-steps > li, .pr-steps > li:nth-child(even), .pr-incl { transform: none; }
}
@media (max-width: 860px) {
  .pr-factors { grid-template-columns: minmax(0, 1fr); }
  .pr-incl { grid-template-columns: minmax(0, 1fr); }
  .pr-incl > div + div { border-left: 0; border-top: 1px dashed #C9C4B5; }
}
@media (max-width: 520px) { .pr-factors > div { grid-template-columns: minmax(0, 1fr); } }

/* Results list: room for "8+ FTEs" and "Up to 80%" on one line. */
#results .more-cases a { grid-template-columns: 128px minmax(0, 1fr) auto; }
@media (max-width: 480px) { #results .more-cases a { grid-template-columns: 96px minmax(0, 1fr); } }