.ridgemont-ai-reception-page .ridgemont-ai-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.ridgemont-ai-reception-page .ridgemont-ai-feature-card {
  min-height: 260px;
  padding: 28px;
  border: 1px solid var(--ridgemont-ai-line);
  border-radius: var(--ridgemont-ai-radius);
  background: var(--ridgemont-ai-white);
  box-shadow: 0 12px 35px rgba(7, 27, 45, .05);
}

.ridgemont-ai-reception-page .ridgemont-ai-feature-card__number {
  display: grid;
  width: 42px;
  height: 42px;
  margin-bottom: 34px;
  place-items: center;
  color: var(--ridgemont-ai-teal);
  border-radius: 12px;
  background: var(--ridgemont-ai-aqua);
  font-size: .76rem;
  font-weight: 900;
}

.ridgemont-ai-reception-page .ridgemont-ai-feature-card h3,
.ridgemont-ai-reception-page .ridgemont-ai-use-case-card h3,
.ridgemont-ai-reception-page .ridgemont-ai-call-flow__outcomes h3 {
  margin: 0 0 12px;
  color: var(--ridgemont-ai-navy);
  font-size: 1.17rem;
  letter-spacing: -.02em;
}

.ridgemont-ai-reception-page .ridgemont-ai-feature-card p,
.ridgemont-ai-reception-page .ridgemont-ai-use-case-card > p {
  margin: 0;
  color: var(--ridgemont-ai-muted);
  font-size: var(--ridgemont-ai-type-body);
  line-height: 1.68;
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow-section {
  background:
    radial-gradient(circle at 90% 10%, rgba(25, 184, 173, .18), transparent 28%),
    var(--ridgemont-ai-navy);
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow-section .ridgemont-ai-eyebrow {
  color: #70ddd5;
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow-section .ridgemont-ai-section-heading h2 {
  color: var(--ridgemont-ai-white);
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow {
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  align-items: start;
  gap: 28px;
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow__conversation,
.ridgemont-ai-reception-page .ridgemont-ai-call-flow__outcomes {
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--ridgemont-ai-radius);
  background: rgba(255, 255, 255, .07);
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow__label {
  margin: 0 0 24px;
  color: #70ddd5;
  font-size: .74rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow__conversation ol {
  display: grid;
  gap: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow__message {
  width: min(88%, 620px);
  padding: 17px 19px;
  border-radius: 16px;
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow__message--caller {
  justify-self: start;
  color: #dce8ee;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .07);
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow__message--assistant {
  justify-self: end;
  color: var(--ridgemont-ai-navy);
  background: #e7faf7;
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow__message strong {
  display: block;
  margin-bottom: 6px;
  color: inherit;
  font-size: .77rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow__message p {
  margin: 0;
  color: inherit;
  font-size: 1rem;
  line-height: 1.58;
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow__note {
  margin: 25px 0 0;
  padding-top: 20px;
  color: #b9cad3;
  border-top: 1px solid rgba(255, 255, 255, .12);
  font-size: var(--ridgemont-ai-type-ui);
  line-height: 1.6;
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow__outcomes {
  background: var(--ridgemont-ai-white);
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow__outcomes ul {
  display: grid;
  gap: 13px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow__outcomes li,
.ridgemont-ai-reception-page .ridgemont-ai-included-grid li {
  position: relative;
  padding-left: 28px;
  color: var(--ridgemont-ai-muted);
  font-size: var(--ridgemont-ai-type-body);
  line-height: 1.5;
}

.ridgemont-ai-reception-page .ridgemont-ai-call-flow__outcomes li::before,
.ridgemont-ai-reception-page .ridgemont-ai-included-grid li::before {
  position: absolute;
  left: 0;
  top: .35em;
  width: 15px;
  height: 15px;
  border: 4px solid var(--ridgemont-ai-teal);
  border-radius: 50%;
  content: "";
}

.ridgemont-ai-reception-page .ridgemont-ai-use-case-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.ridgemont-ai-reception-page .ridgemont-ai-use-case-card {
  padding: 28px;
  border: 1px solid var(--ridgemont-ai-line);
  border-radius: var(--ridgemont-ai-radius);
  background: var(--ridgemont-ai-white);
}

.ridgemont-ai-reception-page .ridgemont-ai-use-case-card .ridgemont-ai-use-case-card__disclaimer {
  margin-top: 20px;
  padding: 14px;
  color: #485a69;
  border-left: 3px solid var(--ridgemont-ai-gold);
  border-radius: 0 9px 9px 0;
  background: #fff9ee;
  font-size: var(--ridgemont-ai-type-ui);
  line-height: 1.55;
}

.ridgemont-ai-reception-page .ridgemont-ai-use-case-card__disclaimer strong {
  color: var(--ridgemont-ai-navy);
}

.ridgemont-ai-reception-page .ridgemont-ai-included-section {
  background: var(--ridgemont-ai-white);
}

.ridgemont-ai-reception-page .ridgemont-ai-included-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ridgemont-ai-reception-page .ridgemont-ai-included-grid li {
  min-height: 76px;
  padding: 18px 18px 18px 50px;
  border: 1px solid var(--ridgemont-ai-line);
  border-radius: 15px;
  background: var(--ridgemont-ai-cloud);
  font-weight: 720;
}

.ridgemont-ai-reception-page .ridgemont-ai-included-grid li::before {
  left: 20px;
  top: 24px;
}

.ridgemont-ai-reception-page .ridgemont-ai-pricing__summary .ridgemont-ai-actions {
  display: grid;
  margin-top: 36px;
}

.ridgemont-ai-reception-page .ridgemont-ai-pricing__summary .ridgemont-ai-actions .ridgemont-ai-button {
  width: 100%;
  margin-top: 0;
}

@media (max-width: 1080px) {
  .ridgemont-ai-reception-page .ridgemont-ai-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ridgemont-ai-reception-page .ridgemont-ai-use-case-grid,
  .ridgemont-ai-reception-page .ridgemont-ai-included-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .ridgemont-ai-reception-page .ridgemont-ai-call-flow {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .ridgemont-ai-reception-page .ridgemont-ai-feature-grid,
  .ridgemont-ai-reception-page .ridgemont-ai-use-case-grid,
  .ridgemont-ai-reception-page .ridgemont-ai-included-grid {
    grid-template-columns: 1fr;
  }

  .ridgemont-ai-reception-page .ridgemont-ai-feature-card {
    min-height: 0;
    padding: 24px;
  }

  .ridgemont-ai-reception-page .ridgemont-ai-call-flow__conversation,
  .ridgemont-ai-reception-page .ridgemont-ai-call-flow__outcomes {
    padding: 23px;
  }

  .ridgemont-ai-reception-page .ridgemont-ai-call-flow__message {
    width: 96%;
  }
}

.ridgemont-ai-reception-page .ridgemont-ai-feature-card p,
.ridgemont-ai-reception-page .ridgemont-ai-use-case-card > p,
.ridgemont-ai-reception-page .ridgemont-ai-call-flow__outcomes li,
.ridgemont-ai-reception-page .ridgemont-ai-included-grid li { font-size: var(--ridgemont-ai-type-body); }
.ridgemont-ai-reception-page .ridgemont-ai-call-flow__message p { font-size: 16px; }
.ridgemont-ai-reception-page .ridgemont-ai-call-flow__note,
.ridgemont-ai-reception-page .ridgemont-ai-use-case-card .ridgemont-ai-use-case-card__disclaimer { font-size: var(--ridgemont-ai-type-ui); }
.ridgemont-ai-reception-page .ridgemont-ai-feature-card__number { font-size: 14px; }
.ridgemont-ai-reception-page .ridgemont-ai-feature-card h3,
.ridgemont-ai-reception-page .ridgemont-ai-use-case-card h3,
.ridgemont-ai-reception-page .ridgemont-ai-call-flow__outcomes h3 { font-size: 20px; }
.ridgemont-ai-reception-page .ridgemont-ai-call-flow__label { font-size: 15px; }
.ridgemont-ai-reception-page .ridgemont-ai-call-flow__message strong { font-size: 14px; }

/* Phase 5E reception-page photographic problem treatment. */
.ridgemont-ai-reception-page .ridgemont-ai-problem--with-media {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .82fr);
  align-items: center;
  gap: 56px;
}

.ridgemont-ai-reception-page .ridgemont-ai-problem__intro {
  min-width: 0;
}

.ridgemont-ai-reception-page .ridgemont-ai-problem-media {
  display: block;
  overflow: hidden;
  margin-top: 34px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: var(--ridgemont-ai-radius);
  background: #0c2c45;
  box-shadow: 0 24px 62px rgba(0, 0, 0, .24);
}

.ridgemont-ai-reception-page .ridgemont-ai-problem-media .ridgemont-ai-hero-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 770 / 502;
  margin: 0;
  object-fit: cover;
  object-position: center;
}

.ridgemont-ai-reception-page .ridgemont-ai-problem__callout {
  margin-top: 24px;
  padding: 18px 19px 18px 23px;
  color: #fff4d8;
  border-left: 3px solid var(--ridgemont-ai-gold);
  border-radius: 0 11px 11px 0;
  background: rgba(226, 174, 85, .1);
  font-weight: 780;
}

.ridgemont-ai-reception-page .ridgemont-ai-feature-card {
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.ridgemont-ai-reception-page .ridgemont-ai-feature-card:hover,
.ridgemont-ai-reception-page .ridgemont-ai-feature-card:focus-within {
  border-color: #ddc18d;
  box-shadow: 0 20px 48px rgba(7, 27, 45, .1);
  transform: translateY(-4px);
}

.ridgemont-ai-reception-page .ridgemont-ai-feature-card__number {
  color: #72501c;
  border: 1px solid #efd59f;
  background: #fff8e9;
}

@media (max-width: 860px) {
  .ridgemont-ai-reception-page .ridgemont-ai-problem--with-media {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ridgemont-ai-reception-page .ridgemont-ai-feature-card {
    transition: none;
  }

  .ridgemont-ai-reception-page .ridgemont-ai-feature-card:hover,
  .ridgemont-ai-reception-page .ridgemont-ai-feature-card:focus-within {
    transform: none;
  }
}