/* Pricing page bodies. Figma WjIExzwPNJl1yFWqCTKzGm, approved pricing canvases.
 * Intentionally isolated from legacy .kp-* content and site chrome.
 * Desktop: 1240px content / 88px section rhythm. Mobile: 16px / 48px.
 */
.kpr {
  --kpr-cream: #f9f5ec;
  --kpr-sand: #f2e9d5;
  --kpr-ink: #212427;
  --kpr-muted: #6b6558;
  --kpr-line: #e6dccb;
  --kpr-peach: #f0b489;
  --kpr-green: #b5ceb5;
  --kpr-orange: #ff6d42;
  --kpr-heading: "PolySans", sans-serif;
  --kpr-body: "Inter", sans-serif;
  background: var(--kpr-cream);
  color: var(--kpr-ink);
  font-family: var(--kpr-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .02em;
  width: 100%;
  max-width: none;
  margin: 0;
  isolation: isolate;
}
.kpr *, .kpr *::before, .kpr *::after { box-sizing: border-box; }
.kpr :where(h1, h2, h3, h4, p, ul, ol, figure, blockquote) { margin: 0; }
.kpr :where(h1, h2, h3, h4) {
  color: var(--kpr-ink);
  font-family: var(--kpr-heading);
  /* Figma's Trial Median is weight 600; the shipped Median face is registered at 500. */
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  text-wrap: balance;
}
.kpr h1 { font-size: 64px; line-height: 70px; letter-spacing: 0; }
.kpr h2 { font-size: 48px; line-height: 50px; letter-spacing: 0; }
.kpr h3 { font-size: 32px; line-height: 1.05; letter-spacing: 0; }
.kpr h4 { font-size: 24px; line-height: 30px; letter-spacing: 0; }
.kpr :where(a) { color: inherit; }
.kpr :where(button, input, select, textarea) { font: inherit; }
.kpr :where(button, select, summary, input[type="range"]) { cursor: pointer; }
.kpr :where(img, svg) { max-width: 100%; }
.kpr :where(img) { display: block; height: auto; }
.kpr :where(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--kpr-ink);
  outline-offset: 4px;
}
.kpr [hidden] { display: none !important; }
.kpr .kpr-section-heading { text-align: center; margin: 0 auto 64px; }
.kpr .kpr-section-heading p { margin: 16px auto 0; max-width: 700px; }
.kpr .kpr-icon { display: inline-block; flex: 0 0 auto; vertical-align: middle; }
.kpr .kpr-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 24px;
  border: 1px solid #1e1e1e;
  border-radius: 999px;
  background: #1e1e1e;
  color: var(--kpr-cream);
  font-family: var(--kpr-body);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .02em;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  transition: background-color .18s, color .18s;
}
.kpr .kpr-button .kpr-icon { width: 20px; height: 20px; }
.kpr .kpr-button .kpr-icon--monitor { color: var(--kpr-orange); }
.kpr .kpr-icon--chevron-right { overflow: visible; }
.kpr .kpr-button .kpr-icon--chevron-right { width: 5px; height: 9px; }
.kpr .kpr-button--secondary { padding-right: 16px; background: transparent; color: var(--kpr-ink); }
.kpr .kpr-button:hover { background: var(--kpr-peach); color: var(--kpr-ink); }
.kpr .kpr-button--secondary:hover { background: var(--kpr-ink); color: var(--kpr-cream); }
.kpr .kpr-market { display: flex; justify-content: center; align-items: center; gap: 12px; }
.kpr .kpr-market label { color: var(--kpr-muted); font-size: 12.5px; letter-spacing: 0; }
.kpr .kpr-market select {
  min-height: 36px;
  width: 183px;
  max-width: 100%;
  padding: 6px 40px 6px 16px;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23212427' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 16px center;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  border: 1px solid var(--kpr-ink);
  border-radius: 999px;
  background-color: transparent;
  color: var(--kpr-ink);
  font-size: 14px;
}
@media (forced-colors: active) {
  .kpr .kpr-market select { appearance: auto; background-image: none; }
}
.kpr .kpr-price { font-family: var(--kpr-heading); font-weight: 500; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.kpr .kpr-price--unavailable { font-size: 20px; color: #9e3e20; }
.kpr :where(p, li, a, h1, h2, h3, h4) { overflow-wrap: break-word; }

/* The shell stays full bleed; only the section contents are width constrained. */
.kpr > section { padding: 88px max(24px, calc((100% - 1240px) / 2)); }
.kpr .kpr-hero { padding-top: 48px; padding-bottom: 48px; text-align: center; }
.kpr .kpr-hero h1 { max-width: 1120px; margin-inline: auto; }
.kpr.kpr--production .kpr-hero h1 { max-width: 1000px; }
.kpr.kpr--marketing .kpr-hero h1 { max-width: 760px; }
.kpr.kpr--web .kpr-hero h1 { max-width: 787px; text-wrap: wrap; }
.kpr .kpr-hero p { max-width: 828px; margin-inline: auto; }
.kpr.kpr--production .kpr-hero__intro,
.kpr.kpr--marketing .kpr-hero__intro { max-width: 782px; }
.kpr.kpr--brand .kpr-hero__intro { max-width: 904px; }
.kpr.kpr--web .kpr-hero__intro { max-width: 786px; }
.kpr .kpr-hero .kpr-button { margin-top: 24px; }

/* HubSpot remains the existing WordPress form block, not a second form. */
.kpr .wp-block-klingit-com-klingit-hubspot-form { width: 100%; max-width: 100%; margin: 0; }
.kpr .wp-block-klingit-com-klingit-hubspot-form iframe { max-width: 100%; border: 0; }
.kpr .hs-form { font-family: var(--kpr-body); font-size: 14px; color: var(--kpr-ink); }
.kpr .hs-form fieldset { max-width: 100%; min-width: 0; }
.kpr .hs-form .hs-form-field { margin-bottom: 16px; }
.kpr .hs-form label { display: block; margin-bottom: 8px; font-size: 12px; }
.kpr .hs-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea) {
  width: 100%; max-width: 100%; min-height: 44px; padding: 12px 16px;
  border: 1px solid var(--kpr-line); border-radius: 8px;
  background: transparent; color: var(--kpr-ink); font: inherit;
}
.kpr .hs-form textarea { min-height: 112px; resize: vertical; }
.kpr .hs-form :is(input[type="submit"], button[type="submit"]) {
  width: 100%; min-height: 48px; padding: 12px 24px;
  border: 0; border-radius: 999px; background: #1e1e1e; color: var(--kpr-cream);
}
.kpr .hs-form .hs-error-msgs { color: #9e3e20; list-style: none; padding: 0; }
.kpr .hs-form .legal-consent-container { font-size: 12px; line-height: 1.5; }
.kpr .hs-form .inputs-list { list-style: none; padding: 0; }

.kpr .kpr-container { width: 100%; max-width: 1240px; min-width: 0; margin-inline: auto; }
.kpr .kpr-eyebrow { font-size: 12px; font-weight: 600; line-height: 1.3; letter-spacing: .04em; text-transform: uppercase; }
.kpr .kpr-hero .kpr-eyebrow { margin-bottom: 24px; }
.kpr .kpr-hero__intro { margin-top: 24px; }
.kpr .kpr-proof { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 24px; padding: 0; list-style: none; }
.kpr .kpr-proof li { padding: 7px 16px; border-radius: 999px; background: var(--kpr-line); color: var(--kpr-muted); font-size: 12.5px; line-height: 1.1; letter-spacing: 0; }
.kpr .kpr-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.kpr .kpr-hero .kpr-actions { justify-content: center; }
.kpr .kpr-offerings, .kpr .kpr-tiers, .kpr .kpr-planner { padding-top: 48px; }
.kpr .kpr-offering-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; margin-top: 32px; }
.kpr .kpr-card { position: relative; min-width: 0; padding: 40px; border-radius: 16px; background: var(--kpr-sand); }
.kpr .kpr-card h2 { font-size: 32px; line-height: 1; text-wrap: wrap; }
.kpr .kpr-offering-card { display: flex; flex-direction: column; min-height: 334px; }
.kpr .kpr-offering-card .kpr-eyebrow { margin-bottom: 16px; }
.kpr .kpr-card__price { font-size: 14px; line-height: 1.5; }
.kpr .kpr-offering-card .kpr-card__price { margin-top: 16px; color: var(--kpr-muted); }
.kpr .kpr-offering-card .kpr-card__price .kpr-price { font-size: 16px; color: var(--kpr-ink); }
.kpr .kpr-price-period { margin-left: 2px; }
.kpr .kpr-card__copy { color: var(--kpr-muted); font-size: 14px; line-height: 1.5; }
.kpr .kpr-offering-card .kpr-card__copy { margin-top: auto; padding-top: 48px; }
.kpr .kpr-offering-card .kpr-actions { margin-top: 24px; }
.kpr .kpr-tag { position: absolute; top: 40px; right: 40px; border-radius: 999px; padding: 6px 15px; background: var(--kpr-green); color: #405a44; font-size: 12px; line-height: 1.1; }
.kpr .kpr-offering-card--marketing .kpr-eyebrow { padding-right: 155px; }

/* Three translatable illustrations; artwork and captions deliberately separate. */
.kpr .kpr-benefit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px; }
.kpr .kpr-benefit { min-width: 0; padding-bottom: 32px; border-bottom: 1px solid var(--kpr-line); }
.kpr .kpr-benefit h3 { margin-top: 40px; font: 500 16px/1.2 var(--kpr-heading); }
.kpr .kpr-benefit > p { max-width: 355px; margin-top: 16px; color: var(--kpr-muted); font-size: 14px; line-height: 1.5; }
.kpr .kpr-illustration { position: relative; display: grid; place-items: center; height: 375px; border-radius: 24px; overflow: hidden; }
.kpr .kpr-illustration--deliverables { background: linear-gradient(180deg, #b5ceb5, #f2e9d500); }
.kpr .kpr-illustration--cost { background: linear-gradient(180deg, #f0b489, #f2e9d500); }
.kpr .kpr-illustration--trial { background: linear-gradient(180deg, #a5c7f9, #f9f5ec); }
.kpr .kpr-deliverables { display: flex; flex-direction: column; align-items: center; gap: 23.7px; }
.kpr .kpr-deliverable { position: relative; min-width: 154px; padding: 10px 18px; border-radius: 999px; background: white; font-size: 14px; line-height: 1; text-align: center; }
.kpr .kpr-deliverable + .kpr-deliverable::before { content: ""; position: absolute; bottom: 100%; left: 50%; height: 23.7px; border-left: 1px dashed #6b6558; }
.kpr .kpr-deliverable--final { display: flex; align-items: center; gap: 10px; min-height: 52.4px; margin-top: 10.6px; padding: 12px 22px; background: #1e1e1e; color: white; font: 500 22px/1 var(--kpr-heading); }
.kpr .kpr-deliverable + .kpr-deliverable--final::before { height: 34.3px; }
.kpr .kpr-deliverable--final .kpr-icon { color: var(--kpr-peach); }
.kpr .kpr-cost-chart { position: absolute; top: 67px; right: 40px; width: 259px; max-width: calc(100% - 40px); padding: 20px; border-radius: 20px; background: white; font-size: 10px; }
.kpr .kpr-cost-chart svg { display: block; width: 100%; height: 90px; color: var(--kpr-orange); }
.kpr .kpr-chart-axis { display: flex; justify-content: space-between; gap: 12px; }
.kpr .kpr-cost-receipt { position: absolute; left: 40px; bottom: 62.4px; width: 181.1px; min-height: 147px; display: flex; flex-direction: column; gap: 10px; padding: 18px; border: 1px solid #f2e9d5; border-radius: 18px; background: white; font-size: 13px; box-shadow: 0 6px 24px #6b655808; }
.kpr .kpr-cost-receipt .kpr-price { font-size: 36px; line-height: 1; }
.kpr .kpr-cost-receipt small { display: flex; align-items: center; gap: 6px; font-size: 12px; line-height: 1.3; }
.kpr .kpr-cost-receipt .kpr-icon { width: 26.7px; height: 26.7px; }
.kpr .kpr-trial-card { position: relative; width: 287px; max-width: calc(100% - 32px); padding: 16px; border-radius: 24px; background: white; font-size: 12px; }
.kpr .kpr-trial-card > span:first-child { display: flex; gap: 8px; align-items: center; }
.kpr .kpr-trial-card .kpr-icon { width: 20px; height: 20px; }
.kpr .kpr-trial-card strong { display: block; margin: 16px 0; font: 500 24px/1.25 var(--kpr-heading); }
.kpr .kpr-trial-timeline { height: 6px; margin: 19px 0 16px; border-radius: 999px; background: var(--kpr-line); position: relative; }
.kpr .kpr-trial-timeline::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 25.6%; border-radius: inherit; background: var(--kpr-peach); }
.kpr .kpr-trial-timeline::after { content: ""; position: absolute; top: -2px; left: calc(25.6% - 5px); width: 10px; height: 10px; border-radius: 50%; background: var(--kpr-orange); }
.kpr .kpr-trial-cancel { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); padding: 10px 32px; border-radius: 999px; background: #1e1e1e; color: white; font-size: 14px; }

/* Packages and support bands. */
.kpr .kpr-tier-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 64px; }
.kpr .kpr-tier-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kpr .kpr-tier-card { display: flex; flex-direction: column; }
.kpr .kpr-tier-card__heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.kpr .kpr-tier-card h2 { align-self: flex-start; overflow-wrap: normal; word-break: normal; }
.kpr .kpr-tier-card__heading .kpr-card__price { flex: 0 0 auto; }
.kpr .kpr-tier-card .kpr-card__price { align-self: center; text-align: right; line-height: 1; }
.kpr .kpr-tier-card .kpr-price { font-size: 24px; }
.kpr .kpr-price-prefix { margin-right: 8px; color: var(--kpr-muted); }
.kpr .kpr-price-label { font: 500 24px/1 var(--kpr-heading); }
.kpr .kpr-tier-card :is(.kpr-timeline, .kpr-card__copy, .kpr-features, .kpr-actions) { grid-column: 1 / -1; }
.kpr .kpr-timeline { margin-top: 16px; color: var(--kpr-muted); font-size: 14px; }
.kpr .kpr-tier-card .kpr-card__copy { margin-top: 48px; }
.kpr .kpr-features-heading { grid-column: 1 / -1; margin-top: 40px; color: var(--kpr-muted); font-size: 14px; }
.kpr .kpr-features { padding-left: 16px; margin-top: 24px; list-style: disc; font-size: 13.4px; line-height: 19.08px; letter-spacing: 0; color: var(--kpr-muted); }
.kpr.kpr--marketing .kpr-tier-card .kpr-features-heading + .kpr-features { margin-top: 32px; }
.kpr .kpr-features li:first-child { margin-top: 0; }
.kpr .kpr-features li { margin-top: 8px; }
.kpr .kpr-tier-card .kpr-actions { margin-top: auto; padding-top: 32px; }
.kpr .kpr-tier-card .kpr-button { background: transparent; color: var(--kpr-ink); }
.kpr .kpr-tier-card .kpr-button { min-height: 52px; gap: 16px; border: 0; box-shadow: inset 0 0 0 1px #1e1e1e; }
.kpr .kpr-tier-card .kpr-button .kpr-icon--chevron-right { margin-left: -6px; }
.kpr .kpr-tier-card .kpr-button .kpr-icon--monitor { width: 24px; height: 20px; }
.kpr .kpr-tier-card .kpr-button:hover { background: var(--kpr-peach); }
.kpr.kpr--marketing .kpr-tier-card { display: flex; flex-direction: column; min-height: 485px; }
.kpr.kpr--marketing .kpr-tier-proposal { align-self: flex-start; margin-bottom: 32px; padding: 6px 15px; border-radius: 999px; background: var(--kpr-green); font: 400 12px/1.1 var(--kpr-body); color: #405a44; }
.kpr.kpr--marketing .kpr-tier-card__heading { gap: 16px 8px; }
.kpr.kpr--marketing .kpr-tier-card .kpr-card__price { margin-bottom: 0; }
.kpr.kpr--marketing .kpr-tier-card .kpr-card__copy { max-width: 265px; margin-top: 16px; }
.kpr.kpr--marketing .kpr-tier-card .kpr-features { margin-top: 48px; }
.kpr.kpr--marketing .kpr-tier-card .kpr-actions { margin-top: auto; padding-top: 32px; }
.kpr.kpr--marketing .kpr-tiers .kpr-section-heading h2 { font-size: 24px; line-height: 30px; }
.kpr.kpr--marketing .kpr-tiers .kpr-section-heading p { max-width: 501px; font-size: 14px; }
.kpr .kpr-banner-section { padding-top: 0; }
.kpr.kpr--brand .kpr-tiers, .kpr.kpr--web .kpr-tiers { padding-bottom: 32px; }
.kpr .kpr-banner { display: flex; align-items: center; gap: 24px; padding: 40px; border-radius: 16px; background: var(--kpr-peach); }
.kpr .kpr-banner__copy { flex: 1; min-width: 0; }
.kpr .kpr-banner__copy h2 { font: 600 20px/21px var(--kpr-body); letter-spacing: .01em; }
.kpr .kpr-banner__copy > p:last-child { margin-top: 16px; color: var(--kpr-muted); font-size: 14px; line-height: 1.5; }
.kpr .kpr-banner__icon { display: grid; place-items: center; flex: 0 0 77px; height: 77px; border-radius: 19.25px; background: white; }
.kpr .kpr-banner__icon .kpr-icon { width: 44px; height: 44px; }
.kpr .kpr-banner--brand { background: radial-gradient(ellipse at 55% -35%, #ff9c76 15%, transparent 75%), linear-gradient(110deg, #f8ccb4, #f2e9d5); }
.kpr .kpr-banner--brand .kpr-eyebrow { margin-bottom: 8px; }
.kpr.kpr--web .kpr-banner-section > .kpr-container { display: grid; grid-template-columns: 1.8fr 1fr; gap: 32px; }
.kpr .kpr-banner--web { display: grid; grid-template-columns: 1fr auto; gap: 16px; }
.kpr .kpr-banner--web .kpr-banner__icon { display: none; }
.kpr .kpr-banner--web .kpr-eyebrow { margin-bottom: 32px; font: 500 32px/1.05 var(--kpr-heading); text-transform: none; }
.kpr .kpr-banner--web .kpr-banner__action { align-self: end; font-size: 14px; }
.kpr .kpr-banner--web .kpr-price { font-size: 48px; line-height: 1; }
.kpr .kpr-banner-note { display: grid; align-content: center; padding: 40px; border-radius: 16px; background: radial-gradient(ellipse at 60% 0%, #ff9c76, transparent 75%), linear-gradient(110deg, #f8ccb4, #f2e9d5); text-align: center; }
.kpr .kpr-banner-note a { margin-top: 8px; }

/* Sparse-matrix planner: controls keep their native accessible semantics. */
.kpr .kpr-planner__heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 64px; }
.kpr .kpr-planner__heading .kpr-section-heading { margin: 0; text-align: left; }
.kpr .kpr-planner__heading h2 { font-size: 24px; line-height: 30px; }
.kpr .kpr-planner__heading p { max-width: 671px; margin-top: 16px; font-size: 14px; }
.kpr .kpr-planner__grid { display: grid; grid-template-columns: 42fr 55fr; gap: 32px; }
.kpr .kpr-planner__controls { display: flex; flex-direction: column; gap: 32px; min-width: 0; }
.kpr .kpr-months { display: flex; gap: 8px; padding: 8px; background: var(--kpr-sand); border-radius: 999px; }
.kpr .kpr-months button { flex: 1; min-width: 0; min-height: 44px; border: 0; border-radius: 999px; background: transparent; color: var(--kpr-ink); font-size: 16px; }
.kpr .kpr-months button[aria-pressed="true"] { background: var(--kpr-peach); }
.kpr .kpr-months button:disabled { opacity: .45; cursor: not-allowed; }
.kpr .kpr-credit-control { display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 40px; border: 1px solid #c8c4bb; border-radius: 16px; }
.kpr .kpr-credit-control label { align-self: end; font-size: 14px; }
.kpr .kpr-credit-control output { font: 500 48px/50px var(--kpr-heading); }
.kpr .kpr-credit-control input[type="range"] { grid-column: 1 / -1; width: 100%; min-width: 0; height: 24px; margin: 34.5px 0 8px; appearance: none; background: transparent; accent-color: var(--kpr-orange); }
.kpr .kpr-credit-control input[type="range"]::-webkit-slider-runnable-track { height: 3px; border-radius: 999px; background: var(--kpr-line); }
.kpr .kpr-credit-control input[type="range"]::-webkit-slider-thumb { appearance: none; width: 12px; height: 12px; margin-top: -4.5px; border: 0; border-radius: 50%; background: var(--kpr-orange); }
.kpr .kpr-credit-control input[type="range"]::-moz-range-track { height: 3px; border-radius: 999px; background: var(--kpr-line); }
.kpr .kpr-credit-control input[type="range"]::-moz-range-thumb { width: 12px; height: 12px; border: 0; border-radius: 50%; background: var(--kpr-orange); }
/* Match the range thumb's 6px inset; unequal label widths must not shift stops. */
.kpr .kpr-credit-ticks { grid-column: 1 / -1; position: relative; height: 12px; margin-inline: 6px; color: var(--kpr-muted); font-size: 12px; line-height: 12px; }
.kpr .kpr-credit-ticks > span { position: absolute; left: var(--kpr-tick-position, 0%); transform: translateX(-50%); white-space: nowrap; }
.kpr .kpr-planner__result { min-width: 0; padding: 40px; border-radius: 16px; background: var(--kpr-sand); }
.kpr .kpr-planner__price { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 16px; margin-bottom: 48px; }
.kpr .kpr-planner__price > strong { font: 500 64px/70px var(--kpr-heading); font-variant-numeric: tabular-nums; }
.kpr .kpr-planner__price > span { font-size: 14px; }
.kpr .kpr-planner__examples-title { color: var(--kpr-muted); font: 400 14px/21px var(--kpr-body); letter-spacing: .02em; text-transform: none; text-wrap: wrap; }
.kpr .kpr-examples { margin-top: 24px; padding-left: 16px; font-size: 13.4px; line-height: 19.08px; letter-spacing: 0; color: var(--kpr-muted); }
.kpr .kpr-examples li + li { margin-top: 8px; }
.kpr .kpr-more { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 32px; padding: 40px; border-radius: 16px; background: var(--kpr-peach); }
.kpr .kpr-more h3 { font: 600 20px/21px var(--kpr-body); letter-spacing: .01em; }
.kpr .kpr-more p { margin-top: 16px; color: var(--kpr-muted); font-size: 14px; }
.kpr .kpr-more .kpr-button { flex-shrink: 0; }
.kpr .kpr-planner__summary { min-width: 0; }
.kpr .kpr-pill-note { margin: 16px 0 0; padding: 16px; border-radius: 12px; background: var(--kpr-sand); font-size: 14px; line-height: 21px; letter-spacing: .02em; color: #ff6d42; }

/* Services and numbered process. */
.kpr .kpr-included__panel { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; max-width: 802px; margin-inline: auto; padding: 40px; border-radius: 16px; list-style: none; background: radial-gradient(ellipse at 55% -35%, #ff9c76 15%, transparent 75%), linear-gradient(110deg, #f8ccb4, #f2e9d5); }
.kpr.kpr--marketing .kpr-included__panel { max-width: 890px; }
.kpr .kpr-included__panel li { display: flex; align-items: center; gap: 12px; padding: 8px 16px 8px 8px; border-radius: 999px; background: var(--kpr-cream); font-size: 16px; line-height: 1.25; }
.kpr .kpr-included__panel .kpr-service-icon { flex: 0 0 28px; width: 28px; height: 28px; padding: 4px; border-radius: 50%; background: var(--kpr-peach); }
.kpr .kpr-included__note { max-width: 904px; margin: 16px auto 0; padding: 32px 40px; border-radius: 16px; background: var(--kpr-peach); text-align: center; }
.kpr .kpr-steps { background: var(--kpr-sand); }
.kpr .kpr-step-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; padding: 0; }
.kpr.kpr--production .kpr-step-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kpr .kpr-step { min-width: 0; padding: 24px; border-radius: 16px; background: var(--kpr-cream); }
.kpr .kpr-step__number { display: block; margin-bottom: 40px; color: var(--kpr-peach); font: 500 32px/32px var(--kpr-heading); }
.kpr .kpr-step h3 { font: 500 16px/30px var(--kpr-heading); }
.kpr .kpr-step p { margin-top: 16px; color: var(--kpr-muted); font-size: 14px; line-height: 1.5; }

.kpr .kpr-faq-list { display: grid; gap: 8px; }
.kpr .kpr-faq-item { border-bottom: 1px solid var(--kpr-line); }
.kpr .kpr-faq-question { min-width: 0; }
.kpr .kpr-faq-item summary { display: flex; justify-content: space-between; gap: 32px; align-items: center; min-height: 64px; padding: 24px; list-style: none; font-size: 16px; line-height: 1.5; }
.kpr .kpr-faq-item summary::-webkit-details-marker { display: none; }
.kpr .kpr-faq-icon { flex: 0 0 16px; height: 16px; text-align: center; line-height: 1; transition: transform .18s; }
.kpr .kpr-faq-icon .kpr-icon { width: 16px; height: 16px; vertical-align: top; transform: rotate(90deg); }
.kpr .kpr-faq-item[open] .kpr-faq-icon { transform: rotate(180deg); }
.kpr .kpr-faq-answer { padding: 0 48px 24px 24px; font-size: 16px; line-height: 1.5; }

/* Curated work: alternating short/tall tiles, not equal-height cards. */
.kpr .kpr-work { background: var(--kpr-sand); }
.kpr.kpr--brand .kpr-work { background: var(--kpr-cream); }
.kpr .kpr-work-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 300fr 336fr 300fr; gap: 16px; aspect-ratio: 1240 / 968; }
.kpr .kpr-work-card { position: relative; display: grid; place-items: center; min-width: 0; min-height: 0; overflow: hidden; border-radius: 24px; background: var(--kpr-line); color: white; text-align: center; text-decoration: none; }
.kpr .kpr-work-card:nth-child(1) { grid-column: 1; grid-row: 1; }
.kpr .kpr-work-card:nth-child(2) { grid-column: 1; grid-row: 2 / 4; }
.kpr .kpr-work-card:nth-child(3) { grid-column: 2; grid-row: 1 / 3; }
.kpr .kpr-work-card:nth-child(4) { grid-column: 2; grid-row: 3; }
.kpr .kpr-work-card::after { content: ""; position: absolute; inset: 0; background: #0004; transition: background .2s; }
.kpr .kpr-work-card:hover::after { background: #0002; }
.kpr .kpr-work-card__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.kpr .kpr-work-card:hover .kpr-work-card__image { transform: scale(1.025); }
.kpr .kpr-work-card__title { position: relative; z-index: 1; max-width: 90%; padding: 24px; font: 500 clamp(28px, 4.5vw, 64px)/1.05 var(--kpr-heading); text-wrap: balance; }
.kpr .kpr-work__link { text-align: center; margin-top: -32px; margin-bottom: 64px; }
.kpr .kpr-work__link .kpr-button { min-height: 0; padding: 0; border: 0; background: transparent; }
.kpr .kpr-work__link .kpr-button::after { content: "›"; }
.kpr .kpr-empty { padding: 32px; grid-column: 1 / -1; font-size: 14px; }

/* Comparison stays horizontally scrollable on narrow screens, as in Figma. */
.kpr .kpr-compare .kpr-section-heading { margin-bottom: 24px; }
.kpr .kpr-compare > .kpr-container > .kpr-eyebrow { text-align: center; font-size: 16px; font-weight: 400; line-height: 12px; }
.kpr .kpr-compare-grid { display: flex; align-items: center; overflow-x: auto; overscroll-behavior-inline: contain; margin-top: 64px; scrollbar-width: none; }
.kpr .kpr-compare-grid::-webkit-scrollbar { display: none; }
.kpr .kpr-compare-column { flex: 1 0 0; min-width: 220px; padding: 24px; background: var(--kpr-sand); }
.kpr .kpr-compare-column:last-child { border-radius: 0 24px 24px 0; }
.kpr .kpr-compare-column--featured { padding-block: 24px; border-radius: 24px; background: var(--kpr-peach); }
.kpr .kpr-compare-column h3 { display: flex; align-items: center; gap: 18px; min-height: 0; font-size: 24px; line-height: 23.5px; }
.kpr .kpr-compare-column h3 .kpr-icon { width: 44px; height: 44px; padding: 11px; background: var(--kpr-cream); border-radius: 6px; }
.kpr .kpr-compare-column--featured h3 .kpr-icon { width: 64px; height: 64px; padding: 16px; background: white; }
.kpr .kpr-compare-features { margin-top: 64px; padding: 0; list-style: none; font-size: 14px; line-height: 21px; }
.kpr .kpr-compare-column--featured .kpr-compare-features { padding-block: 24px; }
.kpr .kpr-compare-features li { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 24px; }
.kpr .kpr-compare-features li:not(:last-child) { margin-bottom: 32px; }
.kpr .kpr-compare-features li:not(:last-child)::after { content: ""; position: absolute; left: 0; right: 0; bottom: -16px; border-bottom: 1px solid #6b65581a; }
.kpr .kpr-compare-status { display: grid; place-items: center; flex: 0 0 24px; height: 24px; }
.kpr .kpr-picker { background: var(--kpr-sand); }
.kpr .kpr-picker-list { display: grid; gap: 16px; list-style: none; padding: 0; }
.kpr .kpr-picker-list a { display: flex; align-items: center; gap: 16px; padding: 16px 24px; border-radius: 24px; background: var(--kpr-cream); text-decoration: none; }
.kpr .kpr-picker-list a:hover { background: #fffaf2; }
.kpr .kpr-picker-list a > .kpr-icon { width: 46px; height: 44px; padding: 10px; }
.kpr .kpr-picker__quote { flex: 1; font: 500 24px/30px var(--kpr-heading); letter-spacing: 0; }
.kpr .kpr-picker__label { display: flex; align-items: center; gap: 8px; font-size: 16px; }
.kpr .kpr-picker__label > span { font-size: 24px; }
.kpr .kpr-testimonials .kpr-section-heading { max-width: 696px; margin-bottom: 0; }
.kpr .kpr-testimonials .kpr-section-heading p { margin-top: 24px; }
.kpr .kpr-quotes__viewport { overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-width: none; padding-block: 32px; mask-image: linear-gradient(to right, #000 94%, transparent); }
.kpr .kpr-quotes__viewport::-webkit-scrollbar { display: none; }
.kpr .kpr-quotes__track { display: flex; gap: 24px; width: max-content; max-width: none; margin: 0; padding: 0; list-style: none; }
.kpr .kpr-quote { flex: 0 0 266.23px; width: 266.23px; scroll-snap-align: start; border: 1px solid #b9b5ad; border-radius: 16px; overflow: hidden; }
.kpr .kpr-quote img { width: 100%; height: auto; border-radius: 16px; }
.kpr .kpr-quotes__viewport.is-looping .kpr-quotes__track { animation: kpr-quotes-drift 80s linear infinite paused; }
.kpr .kpr-quotes__viewport.is-looping.is-visible .kpr-quotes__track { animation-play-state: running; }
.kpr .kpr-quotes__viewport:is(:hover, :focus-within) .kpr-quotes__track { animation-play-state: paused !important; }
@keyframes kpr-quotes-drift { to { transform: translateX(calc(-50% - 12px)); } }
@media (prefers-reduced-motion: reduce) { .kpr .kpr-quotes__track { animation: none !important; } }
.kpr .kpr-contact { background: var(--kpr-sand); }
.kpr .kpr-contact__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.kpr .kpr-contact__copy, .kpr .kpr-contact__form { min-width: 0; padding: 32px; border-radius: 24px; background: var(--kpr-cream); }
.kpr .kpr-contact__copy h2 { max-width: 400px; font-size: 32px; line-height: 32px; }
.kpr .kpr-contact__copy > p { max-width: 471px; margin-top: 32px; }
.kpr .kpr-contact__copy h3 { margin-top: 32px; font-size: 24px; line-height: 30px; }
.kpr .kpr-contact__benefits { display: grid; gap: 16px; margin-top: 64px; padding: 0; list-style: none; font-size: 16px; }
.kpr .kpr-contact__benefits li { display: flex; gap: 13px; align-items: center; }
.kpr .kpr-contact__benefits .kpr-icon { width: 24px; height: 24px; }
.kpr .kpr-contact__copy { display: flex; flex-direction: column; }
.kpr .kpr-contact__logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; list-style: none; padding: 64px 0 0; margin-top: auto; }
.kpr .kpr-contact__logos li { flex: 0 1 64px; min-width: 0; }
.kpr .kpr-contact__logos img { width: 100%; max-height: 24px; object-fit: contain; }
.kpr .kpr-contact__form form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.kpr .kpr-contact__form form > * { min-width: 0; grid-column: 1 / -1; }
.kpr .kpr-contact__form form > :is(.hs_firstname, .hs_lastname, .hs_email, .hs_phone, .hs_company, .hs_numemployees) { grid-column: auto; }
.kpr .kpr-contact__form .hs-form-field { margin: 0; }
.kpr .kpr-contact__form .hs-form-field > label { display: block; font-size: 12px; margin-bottom: 8px; }
.kpr .kpr-contact__form .hs-form-field .input { margin: 0; }
.kpr .kpr-contact__form :is(input:not([type=checkbox]):not([type=hidden]):not([type=submit]), select, textarea) { width: 100%; min-height: 52px; padding: 14px 18px; border: 1px solid #d9d5ce; border-radius: 12px; background: transparent; color: var(--kpr-ink); font: 14px/1.5 var(--kpr-body); }
.kpr .kpr-contact__form textarea { min-height: 104px; resize: vertical; }
.kpr .kpr-contact__form .hs-submit { margin: 8px 0 0; }
.kpr .kpr-contact__form .hs-submit .actions { margin: 0; padding: 0; }
.kpr .kpr-contact__form input[type=submit] { width: 100%; min-height: 60px; border-radius: 999px; background: #1e1e1e !important; color: white !important; }
.kpr .kpr-contact__form .hs-error-msgs { font-size: 12px; padding-left: 0; list-style: none; color: #a72c1a; }

/* Pricing owns tab layout; the embedded HubSpot blocks retain their integration. */
.kpr .kpr-form-tablist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 24px; }
.kpr .kpr-form-tablist button { min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid var(--kpr-line); border-radius: 999px; background: transparent; color: var(--kpr-ink); font-size: 14px; line-height: 1.25; }
.kpr .kpr-form-tablist button[aria-selected="true"] { border-color: var(--kpr-peach); background: var(--kpr-peach); }
.kpr .kpr-form-panel { min-height: 440px; }
.kpr .kpr-preview-notice { margin-top: 16px; color: var(--kpr-muted); font-size: 12px; }
.kpr .kpr-contact__form input[type=submit]:disabled { opacity: .55; cursor: not-allowed; }

/* Figma uses cap-height trimming. Keep the normal line-box fallback elsewhere. */
@supports (text-box-trim: trim-both) {
  .kpr :is(h1, h2, h3, h4),
  .kpr .kpr-hero :is(.kpr-eyebrow, .kpr-hero__intro),
  .kpr .kpr-offering-card :is(.kpr-eyebrow, .kpr-card__copy),
  .kpr .kpr-faq-question,
  .kpr .kpr-testimonials .kpr-section-heading p,
  .kpr .kpr-credit-control output,
  .kpr .kpr-credit-ticks > span,
  .kpr .kpr-planner__price > strong,
  .kpr .kpr-step__number,
  .kpr .kpr-step p,
  .kpr .kpr-more p,
  .kpr .kpr-banner__copy > p,
  .kpr .kpr-banner-note,
  .kpr .kpr-included__note {
    text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
  }
}

/* Tablet: retain useful columns without squeezing controls or package copy. */
@media (max-width: 1199px) {
  .kpr > section { padding-inline: 32px; }
  .kpr .kpr-card { padding: 28px; }
  .kpr .kpr-tag { position: static; align-self: flex-start; margin-top: 12px; }
  .kpr .kpr-offering-card--marketing .kpr-eyebrow { padding-right: 0; }
  .kpr .kpr-tier-card { display: flex; flex-direction: column; align-items: flex-start; }
  .kpr .kpr-tier-card .kpr-card__price { align-self: flex-start; margin-top: 12px; text-align: left; }
  .kpr .kpr-tier-card .kpr-actions { margin-top: auto; padding-top: 32px; }
  .kpr .kpr-benefit-grid { gap: 24px; }
  .kpr .kpr-illustration { height: 330px; }
  .kpr .kpr-cost-chart { right: 16px; }
  .kpr .kpr-cost-receipt { left: 16px; bottom: 48px; max-width: calc(100% - 32px); }
  .kpr .kpr-planner__heading { align-items: flex-start; }
  .kpr .kpr-planner__heading .kpr-market { flex-direction: column; align-items: flex-start; }
  .kpr .kpr-planner__result, .kpr .kpr-credit-control { padding: 24px; }
  .kpr .kpr-banner--web { grid-template-columns: 1fr; }
  .kpr .kpr-step-grid, .kpr.kpr--production .kpr-step-grid { gap: 16px; }
}
@media (max-width: 899px) {
  .kpr .kpr-tier-grid { gap: 16px; }
  .kpr .kpr-tier-card { padding: 24px; }
  .kpr .kpr-tier-card h2 { font-size: 28px; }
  .kpr .kpr-tier-card .kpr-button { padding-inline: 16px; }
  .kpr .kpr-benefit-grid { grid-template-columns: 1fr; gap: 40px; max-width: 480px; margin-inline: auto; }
  .kpr .kpr-illustration { height: 375px; }
  .kpr .kpr-cost-chart { right: 40px; }
  .kpr .kpr-cost-receipt { left: 40px; }
  .kpr .kpr-planner__grid { grid-template-columns: 1fr 1fr; gap: 24px; }
  .kpr .kpr-planner__price > strong { font-size: 48px; }
  .kpr.kpr--production .kpr-step-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kpr .kpr-contact__grid { gap: 24px; }
  .kpr .kpr-contact__copy, .kpr .kpr-contact__form { padding: 24px; }
}

/* Figma mobile is 390px; layouts also fit 320px and translated copy. */
@media (max-width: 699px) {
  .kpr > section { padding: 48px 16px; }
  .kpr h1 { font-size: 48px; line-height: 50px; }
  .kpr h2 { font-size: 32px; line-height: 32px; }
  .kpr .kpr-section-heading { margin-bottom: 40px; }
  .kpr .kpr-hero .kpr-eyebrow { margin-bottom: 24px; }
  .kpr .kpr-hero__intro { margin-top: 24px; }
  .kpr.kpr--web .kpr-hero__intro { max-width: 322px; }
  .kpr .kpr-proof { gap: 16px 8px; }
  .kpr .kpr-hero .kpr-actions { flex-direction: column; gap: 16px; margin-top: 24px; }
  .kpr .kpr-hero .kpr-button { margin-top: 0; }
  .kpr .kpr-market { flex-direction: column; gap: 12px; }
  .kpr .kpr-offering-grid, .kpr .kpr-tier-grid, .kpr .kpr-tier-grid--2 { grid-template-columns: 1fr; gap: 32px; margin-top: 32px; }
  .kpr .kpr-card { padding: 40px 24px; }
  .kpr .kpr-card h2 { font-size: 32px; line-height: 32px; }
  .kpr .kpr-offering-card { min-height: 400px; }
  .kpr .kpr-offering-card .kpr-card__copy { margin-top: 32px; padding-top: 0; }
  .kpr .kpr-offering-grid { row-gap: 24px; }
  .kpr .kpr-offering-card:nth-child(2) { margin-bottom: 8px; }
  .kpr .kpr-offering-card .kpr-actions { flex-direction: column; align-items: stretch; margin-top: 32px; gap: 13px; }
  .kpr .kpr-offering-card .kpr-button { width: 100%; }
  .kpr .kpr-tag { order: -1; margin: 0 0 24px; }
  .kpr .kpr-benefit-grid { gap: 44px; }
  .kpr .kpr-illustration { height: 320px; }
  .kpr .kpr-cost-receipt { left: 27px; bottom: 37.4px; }
  .kpr .kpr-cost-chart { top: 37px; right: 27px; }
  .kpr .kpr-tier-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 12px; }
  .kpr .kpr-tier-card__heading { grid-column: 1 / -1; }
  .kpr .kpr-tier-card .kpr-card__price { align-self: center; margin-top: 0; text-align: right; }
  .kpr .kpr-tier-card .kpr-card__copy { margin-top: 48px; }
  .kpr .kpr-tier-card .kpr-actions { padding-top: 0; margin-top: 32px; }
  .kpr .kpr-tier-card .kpr-button { padding-inline: 24px; }
  .kpr .kpr-price-prefix { margin-right: 8px; }
  .kpr.kpr--marketing .kpr-tier-card { min-height: 477px; }
  .kpr.kpr--marketing .kpr-tier-card .kpr-card__price { align-self: flex-start; margin-bottom: 0; }
  .kpr.kpr--marketing .kpr-tier-card .kpr-actions { padding-top: 32px; margin-top: auto; }
  .kpr .kpr-banner-section { padding-top: 0; }
  .kpr .kpr-banner { flex-direction: column; align-items: flex-start; padding: 40px 24px; }
  .kpr .kpr-banner__icon { flex-basis: auto; width: 77px; height: 77px; }
  .kpr .kpr-banner--brand .kpr-banner__action { margin-top: 8px; }
  .kpr.kpr--web .kpr-banner-section > .kpr-container { grid-template-columns: 1fr; }
  .kpr .kpr-banner--web { display: block; }
  .kpr .kpr-banner--web .kpr-banner__action { margin-top: 24px; }
  .kpr .kpr-banner-note { padding: 40px 24px; }
  .kpr .kpr-planner__heading { display: flex; flex-direction: column; gap: 32px; margin-bottom: 32px; }
  .kpr .kpr-planner__heading h2 { font-size: 32px; line-height: 32px; }
  .kpr .kpr-planner__heading p { margin-top: 24px; font-size: 16px; line-height: 24px; }
  .kpr .kpr-planner__heading .kpr-market { align-self: center; align-items: center; }
  .kpr.kpr--marketing .kpr-tiers .kpr-section-heading { margin-bottom: 32px; }
  .kpr.kpr--marketing .kpr-tiers .kpr-section-heading h2 { font-size: 32px; line-height: 32px; }
  .kpr.kpr--marketing .kpr-tiers .kpr-section-heading p { margin-top: 24px; font-size: 16px; line-height: 24px; }
  .kpr.kpr--brand .kpr-tiers .kpr-market,
  .kpr.kpr--web .kpr-tiers .kpr-market { flex-direction: row; justify-content: center; }
  .kpr .kpr-planner__grid { grid-template-columns: 1fr; gap: 32px; }
  .kpr .kpr-credit-control { padding: 40px 24px; }
  .kpr .kpr-planner__result { padding: 40px 24px; }
  .kpr .kpr-planner__price { flex-direction: column; align-items: flex-start; margin-bottom: 48px; gap: 16px; }
  .kpr .kpr-planner__price > strong { font-size: 64px; }
  .kpr .kpr-more { flex-direction: column; align-items: flex-start; gap: 32px; padding: 40px 24px; }
  .kpr .kpr-included__panel { padding: 40px 16px; gap: 16px; }
  .kpr.kpr--marketing .kpr-included__panel { gap: 8px; }
  .kpr .kpr-included__panel li { font-size: 14px; gap: 8px; padding-right: 12px; }
  .kpr .kpr-included__panel .kpr-service-icon { flex-basis: 24px; width: 24px; height: 24px; padding: 3.43px; }
  .kpr .kpr-included__note { padding: 40px 24px; font-size: 16px; line-height: 24px; }
  .kpr .kpr-step-grid, .kpr.kpr--production .kpr-step-grid { grid-template-columns: 1fr; gap: 16px; }
  .kpr .kpr-step { padding: 24px; }
  .kpr .kpr-step__number { margin-bottom: 40px; }
  .kpr .kpr-work-grid { aspect-ratio: auto; grid-template-columns: 1fr; grid-template-rows: none; gap: 16px; }
  .kpr .kpr-work-card:nth-child(n) { grid-column: auto; grid-row: auto; aspect-ratio: 358 / 150; }
  .kpr .kpr-work-card:nth-child(2) { aspect-ratio: 358 / 450; }
  .kpr .kpr-work-card__title { font-size: 36px; padding: 16px; }
  .kpr .kpr-work__link { margin-top: -8px; margin-bottom: 40px; }
  .kpr .kpr-compare-grid { margin-top: 40px; }
  .kpr .kpr-compare-column { flex: 0 0 191px; min-width: 0; padding: 16px; }
  .kpr .kpr-compare-column--featured { padding: 32px 16px; border-radius: 16px; }
  .kpr .kpr-compare-column h3 { min-height: 0; font-size: 16px; line-height: 11px; }
  .kpr .kpr-compare-column--featured h3 { font-size: 24px; line-height: 17px; }
  .kpr .kpr-compare-features li { gap: 0; }
  .kpr .kpr-compare-column h3 .kpr-icon { display: none; }
  .kpr .kpr-compare-features { margin-top: 24px; font-size: 14px; line-height: 21px; }
  .kpr .kpr-compare-column--featured .kpr-compare-features { margin-top: 32px; padding-block: 0; }
  .kpr .kpr-compare > .kpr-container > .kpr-eyebrow { font-size: 12px; }
  .kpr .kpr-picker .kpr-section-heading { margin-bottom: 64px; }
  .kpr .kpr-picker-list a { flex-direction: column; align-items: flex-start; gap: 16px; min-height: 225px; padding: 16px 24px; }
  .kpr .kpr-picker__label { align-self: flex-end; margin-top: 16px; }
  .kpr .kpr-testimonials .kpr-section-heading { margin-bottom: 40px; }
  .kpr .kpr-testimonials .kpr-section-heading p { max-width: 244px; }
  .kpr .kpr-quotes__track { gap: 24px; }
  .kpr .kpr-contact__grid { grid-template-columns: 1fr; gap: 32px; }
  .kpr .kpr-contact__copy, .kpr .kpr-contact__form { padding: 16px; border-radius: 24px; }
  .kpr .kpr-form-tablist { grid-template-columns: 1fr; gap: 12px; }
  .kpr .kpr-contact__form form { grid-template-columns: 1fr; }
  .kpr .kpr-contact__logos { gap: 12px; padding-top: 40px; }
  .kpr .kpr-contact__logos li { flex-basis: 44px; }
  .kpr .kpr-faq .kpr-section-heading h2 { font-size: 48px; line-height: 50px; }
  .kpr .kpr-faq-item summary { gap: 10px; padding: 24px; line-height: 24px; }
  .kpr .kpr-faq-answer { padding-right: 24px; }
  .kpr .hs-form fieldset.form-columns-2 .hs-form-field { float: none; width: 100%; }
}
@media (max-width: 374px) {
  .kpr h1 { font-size: 42px; line-height: 46px; }
  .kpr .kpr-tier-card { display: flex; flex-direction: column; }
  .kpr .kpr-tier-card .kpr-card__price { align-self: flex-start; margin-top: 12px; text-align: left; }
  .kpr.kpr--brand .kpr-tiers .kpr-market,
  .kpr.kpr--web .kpr-tiers .kpr-market { flex-direction: column; }
  .kpr .kpr-included__panel { padding-inline: 12px; }
}
@media (forced-colors: active) {
  .kpr .kpr-tier-card .kpr-button { border: 1px solid ButtonText; }
}
@media (prefers-reduced-motion: reduce) {
  .kpr *, .kpr *::before, .kpr *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}