/* [LEAD-VERIFY 2026-08-16] Thank-you page design layer (.llty- namespace).
   Injected only on /sales-leads/thank-you by tools/build.php. Pricing-page
   DNA: Rubik, green #259457 family, blue #1570b3, orange #de9600, full
   borders on cards, alternating section backgrounds come from genpages. */

.llty-wrap { font-family: Rubik, Lato, Arial, sans-serif; }

/* ---------- shared card language ---------- */
.llty-card,
.llty-step,
.llty-uc,
.llty-plan,
.llty-tool {
  background: #fff;
  border: 1px solid #e3e9ed;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(32, 48, 60, .05);
}

/* ---------- submission summary ---------- */
.llty-card { overflow: hidden; margin: 6px 0 26px; }
.llty-card__head {
  background: linear-gradient(135deg, #259457, #1d7a48);
  padding: 15px 22px;
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
}
.llty-card__head strong { color: #fff; font-size: 17px; font-weight: 600; letter-spacing: .01em; }
.llty-chip {
  display: inline-block; background: rgba(255, 255, 255, .18); color: #fff;
  border: 1px solid rgba(255, 255, 255, .45);
  font-size: 12px; font-weight: 600; border-radius: 20px; padding: 3px 13px;
  text-transform: uppercase; letter-spacing: .06em;
}
.llty-rows { display: grid; grid-template-columns: 1fr 1fr; }
.llty-row { padding: 13px 22px; border-top: 1px solid #eef2f4; min-width: 0; }
.llty-row--wide { grid-column: 1 / -1; background: #fafcfb; }
.llty-label { display: block; font-size: 12.5px; color: #5b6b76; margin-bottom: 2px; text-transform: uppercase; letter-spacing: .05em; }
.llty-value { font-size: 15.5px; color: #20303c; font-weight: 500; word-wrap: break-word; overflow-wrap: anywhere; }
.llty-ok {
  display: inline-block; background: #e9f5ee; color: #1d7a48; font-size: 11.5px;
  font-weight: 600; border: 1px solid #bfe3cc; border-radius: 20px;
  padding: 1px 9px; margin-left: 8px; vertical-align: 1px;
}

/* ---------- what happens next: 3 colored steps ---------- */
.llty-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 4px 0 10px; }
.llty-step { padding: 20px 20px 18px; border-top: 4px solid #259457; }
.llty-step--2 { border-top-color: #1570b3; }
.llty-step--3 { border-top-color: #de9600; }
.llty-step__num {
  width: 34px; height: 34px; border-radius: 50%;
  background: #259457; color: #fff; font-size: 16px; font-weight: 600;
  display: flex; align-items: center; justify-content: center; margin-bottom: 12px;
}
.llty-step--2 .llty-step__num { background: #1570b3; }
.llty-step--3 .llty-step__num { background: #de9600; }
.llty-step h3 { font-size: 17px; font-weight: 600; color: #20303c; margin: 0 0 7px; }
.llty-step p { font-size: 14.5px; line-height: 1.6; color: #33434e; margin: 0; }
.llty-fix {
  margin-top: 18px; padding: 13px 18px; border-radius: 10px;
  background: #fdf3e0; border: 1px solid #f2ddb0; color: #6b5316;
  font-size: 14.5px; line-height: 1.55;
}
.llty-fix strong { color: #20303c; }

/* ---------- market section ---------- */
.llty-mkt { margin-top: 4px; }
.llty-mkt.llty-waiting .llty-mkt-live { display: none; }
.llty-mkt-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 14px; }
.llty-mkt-head .llty-badge {
  background: #e9f5ee; color: #1d7a48; border: 1px solid #bfe3cc;
  font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  border-radius: 20px; padding: 3px 12px;
}
.llty-mkt-title { font-size: 19px; font-weight: 600; color: #20303c; margin: 0; }
.llty-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 18px; }
.llty-stat {
  border-radius: 12px; padding: 18px 20px; border: 1px solid #e3e9ed; background: #fff;
}
.llty-stat--people { background: linear-gradient(160deg, #e9f5ee, #fff 70%); border-color: #cfe8da; }
.llty-stat--homes  { background: linear-gradient(160deg, #e8f2fa, #fff 70%); border-color: #cbdff0; }
.llty-stat--income { background: linear-gradient(160deg, #fdf3e0, #fff 70%); border-color: #efdfba; }
.llty-stat__label { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #5b6b76; margin-bottom: 4px; }
.llty-stat__value { font-size: 30px; line-height: 1.1; font-weight: 600; color: #20303c; }
.llty-stat--people .llty-stat__value { color: #1d7a48; }
.llty-stat--homes .llty-stat__value { color: #1570b3; }
.llty-stat--income .llty-stat__value { color: #b57a00; }
.llty-stat__sub { font-size: 13px; color: #5b6b76; margin-top: 3px; }

.llty-maprow { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 18px; align-items: stretch; }
.llty-map {
  min-height: 430px; border-radius: 12px; border: 1px solid #e3e9ed;
  background: #eef2f4; overflow: hidden;
}
.llty-map--off { display: none; }
.llty-rings { display: flex; flex-direction: column; gap: 10px; justify-content: center; }
.llty-ring {
  display: grid; grid-template-columns: 14px 52px 96px minmax(30px, 1fr) 170px;
  gap: 10px; align-items: center;
  background: #fff; border: 1px solid #e3e9ed; border-radius: 10px; padding: 11px 14px;
}
.llty-ring__dot { width: 12px; height: 12px; border-radius: 4px; }
.llty-ring__mi { font-size: 14px; font-weight: 600; color: #20303c; white-space: nowrap; }
.llty-ring__zone { font-size: 11.5px; font-weight: 700; letter-spacing: .07em; color: #5b6b76; text-transform: uppercase; }
.llty-ring__bar { height: 7px; border-radius: 4px; background: #eef2f4; overflow: hidden; }
.llty-ring__fill { height: 100%; border-radius: 4px; }
.llty-ring__fig { text-align: right; }
.llty-ring__pop { font-size: 14.5px; font-weight: 600; color: #20303c; }
.llty-ring__sub { font-size: 12px; color: #5b6b76; }
.llty-note { font-size: 12.5px; color: #5b6b76; line-height: 1.55; margin: 14px 0 0; }

/* ---------- use case grid ---------- */
.llty-ucgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 6px; }
.llty-uc { padding: 20px; display: flex; flex-direction: column; gap: 9px; border-top: 4px solid #1570b3; }
.llty-uc__icon {
  width: 40px; height: 40px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center; color: #fff;
}
.llty-uc__icon svg { width: 21px; height: 21px; }
.llty-uc h3 { font-size: 16.5px; font-weight: 600; color: #20303c; margin: 0; }
.llty-uc p { font-size: 14px; line-height: 1.6; color: #33434e; margin: 0; flex: 1; }
.llty-uc a { font-size: 13.5px; font-weight: 600; color: #1d7a48; text-decoration: none; }
.llty-uc a:hover { text-decoration: underline; }
.llty-uc--blue   { border-top-color: #2a78d6; } .llty-uc--blue .llty-uc__icon   { background: #2a78d6; }
.llty-uc--green  { border-top-color: #1baf7a; } .llty-uc--green .llty-uc__icon  { background: #1baf7a; }
.llty-uc--orange { border-top-color: #eda100; } .llty-uc--orange .llty-uc__icon { background: #eda100; }
.llty-uc--purple { border-top-color: #4a3aa7; } .llty-uc--purple .llty-uc__icon { background: #4a3aa7; }
.llty-uc--red    { border-top-color: #e34948; } .llty-uc--red .llty-uc__icon    { background: #e34948; }
.llty-uc--teal   { border-top-color: #00b8d4; } .llty-uc--teal .llty-uc__icon   { background: #00b8d4; }

/* ---------- plan cards ---------- */
.llty-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 6px; }
.llty-plan { display: flex; flex-direction: column; overflow: hidden; }
.llty-plan__head { padding: 18px 20px 15px; color: #fff; }
.llty-plan--inbound .llty-plan__head { background: linear-gradient(135deg, #259457, #1d7a48); }
.llty-plan--acq .llty-plan__head     { background: linear-gradient(135deg, #1570b3, #0d5a94); }
.llty-plan--hybrid .llty-plan__head  { background: linear-gradient(135deg, #de9600, #c07f00); }
.llty-plan__name { font-size: 13px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; opacity: .92; }
.llty-plan__price { font-size: 27px; font-weight: 600; margin-top: 4px; }
.llty-plan__price span { font-size: 14px; font-weight: 500; opacity: .85; }
.llty-plan__body { padding: 16px 20px 20px; display: flex; flex-direction: column; gap: 0; flex: 1; }
.llty-plan__body ul { list-style: none; margin: 0 0 14px; padding: 0; flex: 1; }
.llty-plan__body li {
  font-size: 14px; line-height: 1.5; color: #33434e;
  padding: 6px 0 6px 24px; position: relative;
}
.llty-plan__body li:before {
  content: "\2713"; position: absolute; left: 2px; top: 6px;
  color: #259457; font-weight: 700;
}
.llty-plan__cta {
  display: block; text-align: center; background: #259457; color: #fff !important;
  font-size: 15px; font-weight: 500; border-radius: 8px; padding: 11px 14px;
  text-decoration: none !important; transition: background .15s ease;
}
.llty-plan__cta:hover { background: #1d7a48; }
.llty-plan--acq .llty-plan__cta { background: #1570b3; }
.llty-plan--acq .llty-plan__cta:hover { background: #0d5a94; }
.llty-plan--hybrid .llty-plan__cta { background: #de9600; }
.llty-plan--hybrid .llty-plan__cta:hover { background: #c07f00; }
.llty-ent {
  margin-top: 18px; border: 1px solid #d6d1ee; background: linear-gradient(160deg, #f0eefa, #fff 75%);
  border-radius: 12px; padding: 17px 22px;
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
.llty-ent strong { color: #20303c; font-size: 15.5px; }
.llty-ent p { margin: 0; flex: 1; font-size: 14px; color: #33434e; min-width: 240px; }
.llty-ent a {
  background: #4a3aa7; color: #fff !important; font-size: 14px; font-weight: 500;
  border-radius: 8px; padding: 10px 18px; text-decoration: none !important; white-space: nowrap;
}
.llty-ent a:hover { background: #3b2e86; }

/* ---------- toolkit chips ---------- */
.llty-tools { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-top: 6px; }
.llty-tool { padding: 14px 16px; display: flex; align-items: center; gap: 11px; }
.llty-tool__dot { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 auto; }
.llty-tool span { font-size: 14px; font-weight: 500; color: #20303c; line-height: 1.35; }

/* ---------- responsive ---------- */
@media (max-width: 991px) {
  .llty-steps, .llty-ucgrid, .llty-plans { grid-template-columns: 1fr 1fr; }
  .llty-tools { grid-template-columns: 1fr 1fr; }
  .llty-maprow { grid-template-columns: 1fr; }
  .llty-map { min-height: 340px; }
}
@media (max-width: 640px) {
  .llty-rows, .llty-steps, .llty-ucgrid, .llty-plans, .llty-stats { grid-template-columns: 1fr; }
  .llty-ring { grid-template-columns: 14px 48px 1fr 120px; }
  .llty-ring__bar { display: none; }
  .llty-stat__value { font-size: 26px; }
}