/* A single, readable quote: company outcome first, employee arithmetic second. */
.lp-personality .rd-pricing {
  background: #1d1e23;
  color: #f7f7f2;
  padding: 100px 0;
  scroll-margin-top: 80px;
}
.rd-pricing > .lp-section { max-width: 1340px; }
.rd-pricing-heading { display: grid; grid-template-columns: 1.5fr 1fr; align-items: end; gap: 60px; margin-bottom: 60px; }
.rd-pricing .lp-eyebrow { color: #d9ff93; }
.lp-personality .rd-pricing h2 { font-size: clamp(44px, 5.2vw, 72px); line-height: 1.04; letter-spacing: -3px; font-weight: 500; margin: 24px 0 0; }
.rd-pricing h2 span { color: #d9ff93; }
.rd-pricing-heading > p { font-size: 16px; line-height: 1.8; color: #b6b8c3; max-width: 370px; margin: 0 0 4px; }
.rd-pricing-layout { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: 70px; align-items: start; }
.rd-pricing-included { padding-top: 12px; }
.rd-pricing-kicker { display: block; font-size: 10px; letter-spacing: 1.4px; color: #b6b8c3; }
.rd-pricing-start { margin: 30px 0 !important; display: flex; flex-direction: column; gap: 10px; }
.rd-pricing-start > span { font-size: 14px; color: #b6b8c3; }
.rd-pricing-start > strong { font-size: clamp(42px, 5vw, 66px); line-height: 1; font-weight: 500; letter-spacing: -2px; }
.rd-pricing-included > p:not(.rd-pricing-start) { color: #b6b8c3; font-size: 15px; line-height: 1.8; max-width: 380px; }
.rd-pricing-deliverables { list-style: none; margin: 34px 0 28px; padding: 0; }
.rd-pricing-deliverables > li { display: grid; grid-template-columns: 28px 1fr; gap: 15px; border-top: 1px solid #404149; padding: 22px 0; }
.rd-pricing-deliverables > li > span { color: #d9ff93; font-size: 11px; padding-top: 4px; }
.rd-pricing-deliverables strong { font-weight: 500; font-size: 17px; }
.rd-pricing-deliverables p { color: #b6b8c3; font-size: 14px; line-height: 1.7; margin: 8px 0 0; max-width: 340px; }
.rd-pricing-sample { display: inline-flex; align-items: center; gap: 22px; color: #d9ff93; font-size: 14px !important; text-decoration: none; padding: 6px 0; }
.rd-pricing-sample:hover { color: white; }
.rd-pricing-included > .rd-pricing-scope { font-size: 12px !important; color: #a1a3ae !important; margin-top: 22px; }
.rd-pricing-calculator { min-width: 0; background: #fff; color: #25272d; border-radius: 14px; padding: 32px; box-shadow: 0 22px 65px #0002; }
.rd-calculator-heading { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.lp-personality .rd-calculator-heading h3 { font-size: 22px; line-height: 1.25; letter-spacing: -.6px; margin: 0; font-weight: 550; }
.rd-pricing-once { padding: 7px 10px; background: #ecf6df; color: #395329; font-size: 11px; border-radius: 5px; white-space: nowrap; }
.rd-pricing-calculator .rd-calculator-intro { font-size: 13px; color: #5e6677; line-height: 1.65; margin: 10px 0 28px; }
.rd-employee-control { display: flex; gap: 20px; align-items: center; justify-content: space-between; }
.rd-employee-control > label { font-size: 14px; line-height: 1.5; max-width: 210px; }
.rd-employee-number { display: flex; flex-direction: column; gap: 5px; align-items: flex-end; }
.rd-employee-number > input { appearance: textfield; -moz-appearance: textfield; font: inherit; font-size: 24px; font-weight: 550; letter-spacing: -.7px; color: #25272d; background: #f7f7f2; border: 1px solid #cdd0d8; border-radius: 7px; width: 132px; height: 53px; padding: 10px 13px; text-align: right; }
.rd-employee-number > input::-webkit-inner-spin-button, .rd-employee-number > input::-webkit-outer-spin-button { appearance: none; margin: 0; }
.rd-pricing input:focus-visible { outline: 3px solid #91a7ff; outline-offset: 4px; }
.rd-employee-number > input[aria-invalid="true"] { border-color: #b42838; }
.rd-employee-number > span { font-size: 11px; color: #656c7a; }
.rd-pricing-slider { --range-fill: 9.82%; display: block; width: 100%; height: 6px; margin: 28px 0 10px; padding: 0; appearance: none; border: 0; border-radius: 10px; background: linear-gradient(to right, #335cff 0 var(--range-fill), #e1e5ee var(--range-fill) 100%); cursor: pointer; }
.rd-pricing-slider::-webkit-slider-thumb { appearance: none; width: 22px; height: 22px; border: 4px solid #fff; background: #335cff; border-radius: 50%; box-shadow: 0 0 0 1px #335cff; }
.rd-pricing-slider::-moz-range-thumb { width: 15px; height: 15px; border: 4px solid #fff; background: #335cff; border-radius: 50%; box-shadow: 0 0 0 1px #335cff; }
.rd-pricing-range-labels { display: flex; justify-content: space-between; font-size: 11px; color: #687181; }
.rd-pricing-calculator .rd-pricing-help { color: #687181; font-size: 11px; line-height: 1.6; margin: 8px 0 16px; }
.rd-pricing-calculator .rd-pricing-error { color: #b42838; font-size: 12px; line-height: 1.5; margin: 10px 0; }
.rd-pricing-presets { display: flex; gap: 8px; margin-bottom: 24px; }
.rd-pricing-presets > button { display: flex; flex: 1; justify-content: center; gap: 5px; font-size: 12px; color: #5c6575; border: 1px solid #dce0e7; background: #fff; border-radius: 5px; padding: 10px 4px; cursor: pointer; min-height: 40px; }
.rd-pricing-presets > button:hover { border-color: #335cff; }
.rd-pricing-presets > button[aria-pressed="true"] { background: #eaf0ff; border-color: #335cff; color: #284bd1; }
.rd-pricing-quote { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 25px 16px 20px; background: #edf1ff; border: 1px solid #dce4ff; border-radius: 8px; }
.rd-pricing-quote > span { color: #4e5b84; font-size: 10px; letter-spacing: 1.2px; }
.rd-pricing-quote > output { color: #335cff; font-size: clamp(40px, 4.8vw, 62px); font-weight: 550; letter-spacing: -2px; line-height: 1.2; margin: 10px 0 9px; font-variant-numeric: tabular-nums; }
.rd-pricing-quote > strong { color: #323b54; font-size: 14px; font-weight: 550; }
.rd-pricing-quote > p { color: #66728e; font-size: 12px; margin: 10px 0 0; }
.rd-pricing-breakdown { margin-top: 24px; }
.rd-pricing-breakdown table { width: 100%; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }
.rd-pricing-breakdown caption { text-align: left; color: #323846; font-size: 14px; font-weight: 550; padding-bottom: 13px; }
.rd-pricing-breakdown thead th { color: #697182; font-size: 10px; font-weight: 450; padding: 0 0 10px 8px; border-bottom: 1px solid #dce1e9; text-align: right; }
.rd-pricing-breakdown thead th:first-child { padding-left: 0; text-align: left; }
.rd-pricing-breakdown tbody th { text-align: left; font-weight: 450; padding: 13px 0; width: 44%; }
.rd-pricing-breakdown tbody th > span, .rd-pricing-breakdown tbody small { display: block; }
.rd-pricing-breakdown tbody small { font-size: 10px; color: #687181; margin-top: 5px; }
.rd-pricing-breakdown tbody td { text-align: right; padding: 13px 0 13px 8px; white-space: nowrap; }
.rd-pricing-breakdown tbody tr { color: #737b8b; border-bottom: 1px solid #e8ebf1; }
.rd-pricing-breakdown tbody tr.is-used { color: #343c4c; }
.rd-pricing-breakdown tbody tr.is-used small { color: #4f6239; }
.rd-pricing-minimum, .rd-pricing-savings { display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 12px; line-height: 1.5; padding: 14px 0; margin: 0; }
.rd-pricing-minimum { border-bottom: 1px solid #e8ebf1; color: #585f6e; }
.rd-pricing-savings { color: #395329 !important; }
.rd-pricing-minimum strong, .rd-pricing-savings strong { white-space: nowrap; font-weight: 550; }
.rd-pricing-calculator .rd-pricing-rule { font-size: 12px; color: #687181; line-height: 1.7; margin: 17px 0 22px; }
.lp-personality .rd-pricing-cta { width: 100%; justify-content: center; text-align: center; background: #335cff; border-color: #335cff; padding: 14px 20px; font-size: 13px !important; }
.lp-personality .rd-pricing-cta:hover { background: #2449d5; }
.rd-pricing-prototype { display: block; text-align: center; color: #687181; font-size: 11px; line-height: 1.6; margin-top: 13px; }
@media (max-width: 1100px) {
  .rd-pricing-layout { gap: 35px; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
  .rd-pricing-calculator { padding: 26px; }
  .rd-pricing-heading { gap: 30px; }
  .rd-pricing-presets > button { flex-wrap: wrap; }
  .rd-calculator-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
}
@media (max-width: 900px) {
  .rd-pricing-heading { grid-template-columns: 1fr; gap: 24px; }
  .rd-pricing-heading > p { max-width: 560px; }
  .rd-pricing-layout { grid-template-columns: 1fr; gap: 35px; }
  .rd-pricing-included { display: grid; grid-template-columns: 1fr 1fr; gap: 0 35px; }
  .rd-pricing-kicker, .rd-pricing-deliverables { grid-column: 1/-1; }
  .rd-pricing-deliverables { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 10px 0 25px; }
  .rd-pricing-deliverables > li { grid-template-columns: 1fr; gap: 13px; }
  .rd-pricing-included > p:not(.rd-pricing-start) { align-self: center; }
  .rd-pricing-sample, .rd-pricing-scope { grid-column: 1/-1; }
  .rd-calculator-heading { flex-direction: row; align-items: center; }
  .rd-employee-control > label { max-width: none; }
  .rd-pricing-quote > output { font-size: 62px; }
}
@media (max-width: 600px) {
  .lp-personality .rd-pricing { padding: 65px 0; }
  .rd-pricing > .lp-section { padding-left: 20px; padding-right: 20px; }
  .lp-personality .rd-pricing h2 { font-size: 42px; letter-spacing: -1.8px; }
  .rd-pricing-heading { margin-bottom: 35px; }
  .rd-pricing-heading > p { font-size: 14px; }
  .rd-pricing-included { display: block; }
  .rd-pricing-start > strong { font-size: 50px; }
  .rd-pricing-deliverables { display: block; margin-top: 24px; }
  .rd-pricing-deliverables > li { grid-template-columns: 25px 1fr; padding: 18px 0; }
  .rd-pricing-deliverables strong { font-size: 16px; }
  .rd-pricing-calculator { padding: 23px 17px; border-radius: 10px; }
  .rd-calculator-heading { flex-direction: column; align-items: flex-start; }
  .lp-personality .rd-calculator-heading h3 { font-size: 22px; }
  .rd-employee-control { gap: 12px; }
  .rd-employee-control > label { font-size: 13px; }
  .rd-employee-number > input { width: 110px; }
  .rd-pricing-presets { gap: 5px; }
  .rd-pricing-presets > button { font-size: 11px; }
  .rd-pricing-quote { padding-left: 8px; padding-right: 8px; }
  .rd-pricing-quote > output { font-size: clamp(32px, 9.8vw, 50px); letter-spacing: -1.5px; }
  .rd-pricing-breakdown table { font-size: 11px; }
  .rd-pricing-breakdown tbody th { width: 41%; }
  .rd-pricing-breakdown tbody small { font-size: 9px; }
  .rd-pricing-breakdown tbody td { padding-left: 5px; }
  .rd-pricing-breakdown thead th { font-size: 9px; padding-left: 5px; }
}