/* Two-plan comparison, using the homepage's navy and sky-blue palette. */
.wl-commercial .fh-growth {
  background: #101d30;
  border-block: 1px solid #38506f;
  scroll-margin-top: 110px;
}
.wl-commercial .fh-growth-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 48px;
  margin-bottom: 36px;
}
.wl-commercial .fh-growth-heading h2 { font-size: clamp(32px, 3.4vw, 46px); line-height: 1.2; }
.wl-commercial .fh-growth-heading > p { color: #c3cede; max-width: 50ch; margin: 0; }
.wl-commercial .fh-growth-heading .fh-eyebrow {
  margin-bottom: 14px;
  color: #b6dcff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .2px;
  text-transform: none;
}
.wl-commercial .fh-growth-heading .fh-eyebrow::before { content: none; }
.wl-commercial .fh-growth-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.wl-commercial .fh-growth-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 40px 36px 32px;
  border: 1px solid #617a98;
  border-radius: 30px;
  background: #22334b;
  box-shadow: 0 12px 30px #00000020;
}
.wl-commercial .fh-growth-card--elite {
  background: #1e3a55;
  border-color: #8cbbeb;
}
.wl-commercial .fh-growth-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 30px;
  margin-bottom: 14px;
}
.wl-commercial .fh-growth-audience,
.wl-commercial .fh-growth-popular {
  display: inline-flex;
  align-items: center;
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .7px;
}
.wl-commercial .fh-growth-audience { background: #102840; color: #d1e8ff; }
.wl-commercial .fh-growth-popular { position: absolute; top: 20px; right: 20px; background: #9bcfff; color: #102036; }
.wl-commercial .fh-growth-card h3 { font-size: 28px; line-height: 1.3; margin: 0 0 10px; }
.wl-commercial .fh-growth-card .fh-growth-intro { color: #c6d0e0; font-size: 16px; line-height: 1.65; min-height: 54px; margin: 0; }
.wl-commercial .fh-growth-price { border-block: 1px solid #536b88; padding: 20px 0; margin: 20px 0; }
.wl-commercial .fh-growth-price p { margin: 0; color: #cbd6e7; font-size: 16px; line-height: 1.6; }
.wl-commercial .fh-growth-setup strong { font-weight: 700; color: #edf3fc; }
.wl-commercial .fh-growth-price .fh-growth-monthly { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px; margin: 4px 0; }
.wl-commercial .fh-growth-monthly strong { color: #99ceff; font-size: 42px; font-weight: 750; line-height: 1.2; letter-spacing: -.025em; }
.wl-commercial .fh-growth-monthly span { font-size: 16px; color: #cbd6e7; }
.wl-commercial .fh-growth-included { margin: 0 0 14px; font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1.6; letter-spacing: .65px; color: #bacbe0; }
.wl-commercial .fh-growth-card ul { list-style: none; padding: 0; margin: 0 0 24px; display: grid; gap: 10px; }
.wl-commercial .fh-growth-card li { position: relative; padding-left: 28px; color: #e4ecf7; font-size: 16px; line-height: 1.6; }
.wl-commercial .fh-growth-card li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 3px;
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #1d3a38;
  color: #96e1c6;
  font-size: 13px;
  line-height: 1;
}
.wl-commercial .fh-growth-disclaimer { display: block; margin-top: 3px; color: #b8c7da; font-size: 14px; line-height: 1.65; }
.wl-commercial .fh-growth-card .fh-growth-cta {
  width: 100%;
  min-height: 54px;
  margin-top: auto;
  justify-content: center;
  text-align: center;
  white-space: normal;
  background: transparent;
  border: 1px solid #79b7f5;
  border-radius: 999px;
  color: #e6f2ff;
}
.wl-commercial .fh-growth-card .fh-growth-cta:hover { background: #213956; }
.wl-commercial .fh-growth-card--elite .fh-growth-cta { background: #96caff; color: #102039; border-color: #96caff; }
.wl-commercial .fh-growth-card--elite .fh-growth-cta:hover { background: #b1d8ff; border-color: #b1d8ff; }
.wl-commercial .fh-growth-help { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 24px; }
.wl-commercial .fh-growth-help p { font-size: 16px; color: #c3cede; margin: 0; }
.wl-commercial .fh-growth-help a { flex: none; color: #a5d3ff; text-decoration: underline; text-underline-offset: 5px; font-size: 16px; }
@media (max-width: 900px) {
  .wl-commercial .fh-growth-heading,
  .wl-commercial .fh-growth-grid { grid-template-columns: 1fr; gap: 22px; }
  .wl-commercial .fh-growth-card { padding: 40px 28px 28px; }
  .wl-commercial .fh-growth-card .fh-growth-intro { min-height: 0; }
  .wl-commercial .fh-growth-help { align-items: flex-start; flex-direction: column; gap: 12px; }
}
@media (max-width: 480px) {
  .wl-commercial .fh-growth-card { padding: 56px 22px 24px; border-radius: 26px; }
  .wl-commercial .fh-growth-popular { top: 16px; right: 18px; }
  .wl-commercial .fh-growth-card h3 { font-size: 26px; }
  .wl-commercial .fh-growth-label { column-gap: 6px; }
  .wl-commercial .fh-growth-audience,
  .wl-commercial .fh-growth-popular { font-size: 10px; padding-inline: 9px; letter-spacing: .4px; }
}

/* Base styles scoped to the embedded white-label comparison. */
.wl-commercial { background: #101d30; color: #edf3fc; }
.wl-commercial .fh-growth { padding: 64px 0 36px; border: 0; }
.wl-commercial .fh-wrap { width: min(1240px, 100%); padding: 0 24px; margin: 0 auto; }
.wl-commercial h2, .wl-commercial h3 { color: #edf3fc; font-family: inherit; font-weight: 700; }
.wl-commercial p { font-size: 16px; line-height: 1.65; }
.wl-commercial .fh-eyebrow { display: block; }
.wl-commercial .fh-growth-cta { display: flex; align-items: center; padding: 12px 20px; }
.wl-commercial a:focus-visible { outline: 3px solid #b1d8ff; outline-offset: 5px; }
.wl-commercial .wl-terms { border-top: 1px solid #38506f; padding: 32px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.wl-commercial .wl-terms h3 { font-size: 23px; margin: 0 0 12px; }
.wl-commercial .wl-terms p { color: #c3cede; margin: 0 0 12px; }
.wl-commercial .wl-table-wrap { overflow-x: auto; }
.wl-commercial table { width: 100%; border-collapse: collapse; font-size: 15px; color: #edf3fc; }
.wl-commercial caption { caption-side: top; color: #c3cede; padding: 0 0 12px; text-align: left; }
.wl-commercial th, .wl-commercial td { padding: 12px 10px; border-bottom: 1px solid #38506f; text-align: left; }
.wl-commercial .wl-terms .wl-note { font-size: 14px; margin-top: 12px; }
.wl-commercial .wl-launch { background: #101d30; padding: 36px 0 64px; border-top: 1px solid #38506f; scroll-margin-top: 110px; }
.wl-commercial .wl-launch-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; margin-bottom: 20px; }
.wl-commercial .wl-launch h2 { font-size: clamp(28px, 3vw, 38px); line-height: 1.25; }
.wl-commercial .wl-launch-heading p { color: #99ceff; font-weight: 600; }
.wl-commercial .wl-steps { list-style: none; padding: 0; margin: 0 0 24px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.wl-commercial .wl-steps li { border-top: 2px solid #536b88; padding-top: 18px; }
.wl-commercial .wl-steps span { color: #99ceff; font-size: 15px; font-weight: 700; }
.wl-commercial .wl-steps h3 { font-size: 20px; margin: 12px 0; line-height: 1.35; }
.wl-commercial .wl-steps p, .wl-commercial .wl-launch > p { color: #c3cede; margin: 0; }
@media (max-width: 900px) { .wl-commercial .wl-terms { grid-template-columns: 1fr; gap: 20px; } .wl-commercial .wl-steps { grid-template-columns: 1fr 1fr; } .wl-commercial .wl-launch-heading { display: block; } }
@media (max-width: 540px) { .wl-commercial .fh-wrap { padding: 0 18px; } .wl-commercial .wl-steps { grid-template-columns: 1fr; } .wl-commercial .fh-growth { padding-top: 40px; } .wl-commercial th, .wl-commercial td { padding: 10px 6px; font-size: 13px; } }