/* Two-plan comparison, using the homepage's navy and sky-blue palette. */
.figma-home-theme .fh-growth {
  background: #101214;
  border-block: 1px solid #30363e;
  scroll-margin-top: 110px;
}
.figma-home-theme .fh-growth-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 48px;
  margin-bottom: 36px;
}
.figma-home-theme .fh-growth-heading h2 { font-size: clamp(32px, 3.4vw, 46px); line-height: 1.2; }
.figma-home-theme .fh-growth-heading > p { color: #c3cede; max-width: 50ch; margin: 0; }
.figma-home-theme .fh-home .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;
}
.figma-home-theme .fh-growth-heading .fh-eyebrow::before { content: none; }
.figma-home-theme .fh-growth-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.figma-home-theme .fh-growth-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 40px 36px 32px;
  border: 1px solid #41464e;
  border-radius: 30px;
  background: #191c20;
  box-shadow: 0 12px 30px #00000020;
}
.figma-home-theme .fh-growth-card--elite {
  background: #1d2228;
  border-color: #8cbbeb;
}
.figma-home-theme .fh-growth-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 30px;
  margin-bottom: 14px;
}
.figma-home-theme .fh-growth-audience,
.figma-home-theme .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;
}
.figma-home-theme .fh-growth-audience { background: #102840; color: #d1e8ff; }
.figma-home-theme .fh-growth-popular { position: absolute; top: 20px; right: 20px; background: #9bcfff; color: #102036; }
.figma-home-theme .fh-home .fh-growth-card h3 { font-size: 28px; line-height: 1.3; margin: 0 0 10px; }
.figma-home-theme .fh-home .fh-growth-card .fh-growth-intro { color: #c6d0e0; font-size: 16px; line-height: 1.65; min-height: 54px; margin: 0; }
.figma-home-theme .fh-growth-price { border-block: 1px solid #3b424b; padding: 20px 0; margin: 20px 0; }
.figma-home-theme .fh-home .fh-growth-price p { margin: 0; color: #cbd6e7; font-size: 16px; line-height: 1.6; }
.figma-home-theme .fh-growth-setup strong { font-weight: 700; color: #edf3fc; }
.figma-home-theme .fh-home .fh-growth-price .fh-growth-monthly { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px; margin: 4px 0; }
.figma-home-theme .fh-growth-monthly strong { color: #99ceff; font-size: 42px; font-weight: 750; line-height: 1.2; letter-spacing: -.025em; }
.figma-home-theme .fh-growth-monthly span { font-size: 16px; color: #cbd6e7; }
.figma-home-theme .fh-home .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; }
.figma-home-theme .fh-growth-card ul { list-style: none; padding: 0; margin: 0 0 24px; display: grid; gap: 10px; }
.figma-home-theme .fh-growth-card li { position: relative; padding-left: 28px; color: #e4ecf7; font-size: 16px; line-height: 1.6; }
.figma-home-theme .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;
}
.figma-home-theme .fh-growth-disclaimer { display: block; margin-top: 3px; color: #b8c7da; font-size: 14px; line-height: 1.65; }
.figma-home-theme .fh-home .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;
}
.figma-home-theme .fh-home .fh-growth-card .fh-growth-cta:hover { background: #213956; }
.figma-home-theme .fh-home .fh-growth-card--elite .fh-growth-cta { background: #96caff; color: #102039; border-color: #96caff; }
.figma-home-theme .fh-home .fh-growth-card--elite .fh-growth-cta:hover { background: #b1d8ff; border-color: #b1d8ff; }
.figma-home-theme .fh-growth-help { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 24px; }
.figma-home-theme .fh-home .fh-growth-help p { font-size: 16px; color: #c3cede; margin: 0; }
.figma-home-theme .fh-growth-help a { flex: none; color: #a5d3ff; text-decoration: underline; text-underline-offset: 5px; font-size: 16px; }
@media (max-width: 900px) {
  .figma-home-theme .fh-growth-heading,
  .figma-home-theme .fh-growth-grid { grid-template-columns: 1fr; gap: 22px; }
  .figma-home-theme .fh-growth-card { padding: 40px 28px 28px; }
  .figma-home-theme .fh-home .fh-growth-card .fh-growth-intro { min-height: 0; }
  .figma-home-theme .fh-growth-help { align-items: flex-start; flex-direction: column; gap: 12px; }
}
@media (max-width: 480px) {
  .figma-home-theme .fh-growth-card { padding: 56px 22px 24px; border-radius: 26px; }
  .figma-home-theme .fh-growth-popular { top: 16px; right: 18px; }
  .figma-home-theme .fh-home .fh-growth-card h3 { font-size: 26px; }
  .figma-home-theme .fh-growth-label { column-gap: 6px; }
  .figma-home-theme .fh-growth-audience,
  .figma-home-theme .fh-growth-popular { font-size: 10px; padding-inline: 9px; letter-spacing: .4px; }
}

/* Homepage: upfront commitment with a clearly separated rake-share credit. */
.figma-home-theme .fh-growth-heading{grid-template-columns:1.15fr 1fr;align-items:center}
.figma-home-theme .fh-growth-heading h2{margin:0;letter-spacing:-.035em}
.figma-home-theme .fh-growth-heading h2 span{color:#d7e6f5}
.figma-home-theme .fh-growth-heading>p{font-size:17px;line-height:1.8}
.figma-home-theme .fh-home .fh-growth-heading .fh-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.figma-home-theme .fh-growth-card{padding:30px;border-radius:24px;box-shadow:none}
.figma-home-theme .fh-growth-card--elite{border-color:#7b9dbb}
.figma-home-theme .fh-home .fh-growth-price .fh-growth-setup{display:flex;flex-direction:column;gap:10px}
.figma-home-theme .fh-growth-setup span{color:#c3cbd5;font-size:13px}
.figma-home-theme .fh-growth-setup strong{font-size:clamp(40px,4vw,56px);line-height:1.1;font-weight:650;letter-spacing:-.04em;color:#fff}
.figma-home-theme .fh-home .fh-growth-price .fh-growth-credit{margin:16px 0 24px;padding:10px 12px;border-left:2px solid #a9cbb8;background:#a9cbb80b;color:#c2e1cf;font-size:14px;line-height:1.6}
.figma-home-theme .fh-growth-monthly strong{font-size:22px;color:#e9edf2}
.figma-home-theme .fh-home .fh-growth-price .fh-growth-share{font-size:13px;color:#b4bdc9;margin-top:8px}
.figma-home-theme .fh-credit-custom a:focus-visible{outline:2px solid #b6dcff;outline-offset:5px}
.figma-home-theme .fh-credit-explainer{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px;padding-top:44px;border-top:1px solid #343b43}
.figma-home-theme .fh-home .fh-credit-explainer h3{font-size:32px;line-height:1.25;letter-spacing:-.025em;margin:12px 0 18px}
.figma-home-theme .fh-home .fh-credit-explainer p{font-size:15px;line-height:1.75;color:#bcc5d1;margin:0 0 18px}
.figma-home-theme .fh-credit-steps{list-style:decimal-leading-zero;padding-left:28px;margin:24px 0 0}
.figma-home-theme .fh-credit-steps li{padding-left:10px;margin-bottom:18px;color:#94b9da}
.figma-home-theme .fh-credit-steps strong{display:block;font-size:15px;color:#edf2f7;margin-bottom:4px}
.figma-home-theme .fh-credit-steps span{display:block;color:#bcc5d1;font-size:14px;line-height:1.7}
.figma-home-theme .fh-credit-example{align-self:start;background:#1b2025;border:1px solid #414951;border-radius:18px;padding:28px}
.figma-home-theme .fh-home .fh-credit-example .fh-credit-example-label{font-size:10px;letter-spacing:.12em;color:#acc7df}
.figma-home-theme .fh-home .fh-credit-example h4{font-size:26px;line-height:1.3;letter-spacing:-.025em;margin:0 0 8px;color:#fff}
.figma-home-theme .fh-credit-example dl{margin:24px 0 18px}
.figma-home-theme .fh-credit-example dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:14px 0;border-top:1px solid #39424b}
.figma-home-theme .fh-credit-example dt{font-size:13px;font-weight:400;color:#c5cfda;line-height:1.6}
.figma-home-theme .fh-credit-example dd{margin:0;font-size:20px;font-weight:600;color:#edf2f7;white-space:nowrap;font-variant-numeric:tabular-nums}
.figma-home-theme .fh-credit-example .fh-credit-deduction dd{color:#b5dec6}
.figma-home-theme .fh-credit-example .fh-credit-total{border-top:1px solid #82909c}
.figma-home-theme .fh-credit-example .fh-credit-total dt{font-weight:600;color:#fff}
.figma-home-theme .fh-home .fh-credit-example .fh-credit-example-note{font-size:12px;color:#aebac8;margin:0}
.figma-home-theme .fh-credit-custom{display:flex;justify-content:space-between;align-items:center;gap:40px;border-block:1px solid #343b43;margin-top:30px;padding:30px 0}
.figma-home-theme .fh-home .fh-credit-custom h3{font-size:23px;line-height:1.4;margin:0 0 10px}
.figma-home-theme .fh-home .fh-credit-custom p{max-width:75ch;margin:0;color:#bcc5d1;font-size:15px;line-height:1.75}
.figma-home-theme .fh-credit-custom a{flex:none;font-size:14px;color:#b6dcff}
.figma-home-theme .fh-home .fh-credit-terms{margin:20px 0 0;color:#a6b1bd;font-size:12px;line-height:1.85;max-width:110ch}
@media(max-width:900px){.figma-home-theme .fh-growth-heading,.figma-home-theme .fh-credit-explainer{grid-template-columns:1fr;gap:28px}.figma-home-theme .fh-credit-custom{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:480px){.figma-home-theme .fh-growth-card{padding:24px 20px}.figma-home-theme .fh-credit-example{padding:22px 18px}.figma-home-theme .fh-credit-example dl>div{gap:12px}.figma-home-theme .fh-credit-example dd{font-size:18px}.figma-home-theme .fh-credit-explainer{margin-top:36px;padding-top:32px}}

.figma-home-theme .fh-growth-grid{align-items:start}
.figma-home-theme .fh-credit-copy>.fh-eyebrow::before{content:none}