/*
 * Homepage sections added after the Framer capture: the pricing engine and
 * listing optimization automation. Written against the capture's own tokens
 * and components (.sec, .split, .sh2, .ey, the push-card look) so they read
 * as part of the same page. Breakpoints follow ih-lp.css: container queries
 * on the embed at 1023px and 639px.
 */

/* ---------- Shared bullet lists ---------- */
.ih-lp .eng-points, .ih-lp .auto-points { display: grid; gap: 12px; margin: 0 0 24px; padding: 0; list-style: none; }
.ih-lp .eng-points li, .ih-lp .auto-points li { list-style: none; }
.ih-lp .eng-points li, .ih-lp .auto-points li { position: relative; padding-left: 22px; font-size: 15px; line-height: 1.55; }
.ih-lp .eng-points li { color: rgba(255,255,255,.62); }
.ih-lp .auto-points li { color: var(--body); }
.ih-lp .eng-points li b { color: #fff; font-weight: 700; }
.ih-lp .auto-points li b { color: var(--navy); font-weight: 700; }
.ih-lp .eng-points li::before, .ih-lp .auto-points li::before {
  content: ''; position: absolute; left: 2px; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--sky);
}

/* ---------- Pricing engine ---------- */
@container ih-lp (min-width: 1024px) {
  .ih-lp #pricing-engine .split { grid-template-columns: 1.3fr 1fr; }
  .ih-lp #pricing-engine .sh2 { font-size: 42px; }
}
.ih-lp #pricing-engine .sh2 { max-width: none; }
.ih-lp .eng-stat { display: flex; align-items: baseline; gap: 14px; border-top: 1px solid rgba(255,255,255,.1); padding-top: 18px; }
.ih-lp .eng-stat strong { font-size: 40px; font-weight: 800; letter-spacing: -0.03em; color: var(--sky); line-height: 1; white-space: nowrap; }
.ih-lp .eng-stat span { font-size: 13px; line-height: 1.5; color: rgba(255,255,255,.5); max-width: 300px; }

.ih-lp .eng-card { background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.09); border-radius: 20px; padding: 22px; }
.ih-lp .eng-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.ih-lp .eng-title { font-size: 14px; font-weight: 800; color: #fff; }
.ih-lp .eng-sub { font-size: 11.5px; color: rgba(255,255,255,.4); margin-top: 3px; }
.ih-lp .eng-sync { font-size: 10.5px; font-weight: 700; color: var(--green); background: rgba(29,179,110,.1); border: 1px solid rgba(29,179,110,.3); border-radius: 100px; padding: 5px 11px; white-space: nowrap; }
.ih-lp .eng-nights { display: grid; gap: 4px; }
.ih-lp .eng-night {
  display: grid; grid-template-columns: 34px 48px 56px 46px 1fr 38px; align-items: center; gap: 10px;
  padding: 8px 10px; border-radius: 10px; font-size: 12.5px; color: rgba(255,255,255,.7); font-variant-numeric: tabular-nums;
}
.ih-lp .eng-night.hl { background: rgba(78,179,232,.12); border: 1px solid rgba(78,179,232,.35); }
.ih-lp .n-day { font-weight: 700; color: rgba(255,255,255,.45); }
.ih-lp .n-date { color: rgba(255,255,255,.45); }
.ih-lp .n-price { font-weight: 800; color: #fff; font-size: 13.5px; }
.ih-lp .n-move { font-size: 11px; font-weight: 700; }
.ih-lp .n-move.up { color: var(--green); }
.ih-lp .n-move.down { color: #F08A6C; }
.ih-lp .n-move.flat { color: rgba(255,255,255,.35); }
.ih-lp .n-prob { height: 6px; border-radius: 6px; background: rgba(255,255,255,.08); overflow: hidden; }
.ih-lp .n-prob i { display: block; height: 100%; border-radius: 6px; background: var(--sky); }
.ih-lp .n-pct { text-align: right; font-weight: 700; color: rgba(255,255,255,.75); }
.ih-lp .eng-why { margin-top: 14px; border-radius: 12px; padding: 13px 15px; background: rgba(78,179,232,.08); border: 1px solid rgba(78,179,232,.25); }
.ih-lp .eng-why-label { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--sky); margin-bottom: 6px; }
.ih-lp .eng-why p { font-size: 13px; line-height: 1.55; color: rgba(255,255,255,.75); }
.ih-lp .eng-legend { display: flex; justify-content: space-between; gap: 10px; margin-top: 12px; font-size: 10.5px; color: rgba(255,255,255,.3); }

/* ---------- Listing optimization automation ---------- */
.ih-lp #listing-automation .sh2 { max-width: 560px; }
.ih-lp .split-rev { grid-template-columns: 1.1fr 1fr; }
.ih-lp .auto-card { background: #fff; border: 1px solid var(--border); border-radius: 20px; padding: 22px; box-shadow: 0 16px 44px rgba(13,27,46,0.08); }
.ih-lp .auto-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.ih-lp .auto-title { font-size: 14px; font-weight: 800; color: var(--navy); }
.ih-lp .auto-sub { font-size: 11.5px; color: var(--muted); margin-top: 3px; }
.ih-lp .auto-on { display: inline-flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 700; color: var(--green); background: rgba(29,179,110,.08); border: 1px solid rgba(29,179,110,.3); border-radius: 100px; padding: 5px 11px; white-space: nowrap; }
.ih-lp .auto-on i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
.ih-lp .auto-row { display: grid; grid-template-columns: 92px 1fr; gap: 12px; align-items: start; padding: 12px 0; border-top: 1px solid var(--border); }
.ih-lp .auto-badge { justify-self: start; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; border-radius: 100px; padding: 4px 9px; white-space: nowrap; }
.ih-lp .auto-row.kept .auto-badge { color: #13865A; background: rgba(29,179,110,.1); }
.ih-lp .auto-row.live .auto-badge { color: #1C7FB8; background: rgba(78,179,232,.12); }
.ih-lp .auto-row.back .auto-badge { color: #B4532F; background: rgba(240,138,108,.14); }
.ih-lp .auto-row.next .auto-badge { color: var(--muted); background: rgba(13,27,46,.05); }
.ih-lp .auto-what { font-size: 13px; font-weight: 700; color: var(--navy); line-height: 1.4; }
.ih-lp .auto-res { font-size: 12px; color: var(--muted); margin-top: 3px; line-height: 1.45; }
.ih-lp .auto-foot { display: flex; align-items: center; gap: 9px; margin-top: 8px; background: rgba(29,179,110,.07); border: 1px solid rgba(29,179,110,.28); border-radius: 12px; padding: 11px 14px; font-size: 12.5px; font-weight: 700; color: var(--navy); }
.ih-lp .auto-foot small { margin-left: auto; font-size: 10.5px; font-weight: 600; color: var(--muted); }
.ih-lp .auto-check { width: 20px; height: 20px; border-radius: 50%; background: var(--green); color: #fff; font-size: 11px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

/* ---------- Tablet and phone ---------- */
@container ih-lp (max-width: 1023px) {
  .ih-lp .split-rev { grid-template-columns: 1fr; }
  .ih-lp .split-rev > :first-child { order: 2; }
  .ih-lp .eng-stat strong { font-size: 34px; }
}
@container ih-lp (max-width: 639px) {
  .ih-lp .eng-points li, .ih-lp .auto-points li { font-size: 14px; }
  .ih-lp .eng-card, .ih-lp .auto-card { padding: 16px; }
  .ih-lp .eng-night { grid-template-columns: 30px 44px 48px 38px 1fr 32px; gap: 7px; padding: 7px 6px; font-size: 11.5px; }
  .ih-lp .auto-row { grid-template-columns: 1fr; gap: 6px; }
  .ih-lp .eng-stat { flex-direction: column; gap: 6px; }
}
.ih-lp .eng-your { font-style: normal; text-decoration: underline; text-decoration-color: var(--sky); text-decoration-thickness: 4px; text-underline-offset: 6px; }
.ih-lp .auto-row.season .auto-badge { color: #6A4BC4; background: rgba(106,75,196,.1); }

/* ---------- Hero: results first ---------- */
.ih-lp .hero-proof { display: flex; gap: 28px; margin: 4px 0 30px; }
.ih-lp .hp-item { display: flex; align-items: center; gap: 12px; }
.ih-lp .hp-val { font-size: 44px; font-weight: 800; letter-spacing: -0.035em; line-height: 1; color: var(--navy); white-space: nowrap; }
.ih-lp .hp-val span { color: var(--sky); }
.ih-lp .hp-label { font-size: 13px; line-height: 1.4; color: var(--muted); max-width: 150px; }

.ih-lp .night-card { background: #fff; border: 1px solid var(--border); border-radius: 20px; overflow: hidden; box-shadow: 0 24px 60px rgba(13,27,46,.12); }
.ih-lp .nc-body { padding: 20px 22px 22px; }
.ih-lp .nc-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.ih-lp .nc-kicker { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); }
.ih-lp .nc-rev { font-size: 36px; font-weight: 800; letter-spacing: -0.03em; color: var(--navy); line-height: 1.1; margin-top: 6px; font-variant-numeric: tabular-nums; }
.ih-lp .nc-rev small { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0; color: var(--muted); margin-top: 3px; }
.ih-lp .nc-up { font-size: 11px; font-weight: 800; color: var(--green); background: rgba(29,179,110,.1); border-radius: 100px; padding: 5px 10px; white-space: nowrap; }
.ih-lp .nc-bars { display: flex; align-items: flex-end; gap: 6px; height: 70px; margin: 16px 0 18px; }
.ih-lp .nc-bars i { flex: 1; border-radius: 4px 4px 0 0; background: rgba(78,179,232,.25); }
.ih-lp .nc-bars i.hl { background: var(--sky); }
.ih-lp .nc-log { display: grid; gap: 2px; }
.ih-lp .nc-row { display: grid; grid-template-columns: 30px 1fr auto; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--border); }
.ih-lp .nc-ico { width: 30px; height: 30px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; }
.ih-lp .nc-ico.price { color: #1C7FB8; background: rgba(78,179,232,.14); }
.ih-lp .nc-ico.test { color: #13865A; background: rgba(29,179,110,.12); }
.ih-lp .nc-ico.season { color: #6A4BC4; background: rgba(106,75,196,.1); }
.ih-lp .nc-what { font-size: 13px; font-weight: 700; color: var(--navy); }
.ih-lp .nc-why { font-size: 12px; color: var(--muted); margin-top: 2px; }
.ih-lp .nc-time { font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ih-lp .nc-foot { display: flex; align-items: center; gap: 9px; margin-top: 10px; background: rgba(29,179,110,.07); border: 1px solid rgba(29,179,110,.28); border-radius: 12px; padding: 11px 14px; font-size: 12.5px; font-weight: 700; color: var(--navy); }
.ih-lp .nc-foot small { margin-left: auto; font-size: 11px; font-weight: 600; color: var(--muted); }

.ih-lp .stats-note { max-width: 1080px; margin: 0 auto; padding: 14px 48px 0; font-size: 11px; line-height: 1.5; color: var(--muted); text-align: center; }

/* ---------- Pricing section: how the 11% is made ---------- */
.ih-lp .eng-stat-3 { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 28px; align-items: end; }
.ih-lp .eng-stat-3 > div { display: grid; gap: 4px; }
.ih-lp .eng-stat-3 strong { font-size: 32px; }
.ih-lp .eng-stat-3 strong.neg { color: #F08A6C; }
.ih-lp .eng-stat-3 span { font-size: 12px; max-width: none; }
.ih-lp .eng-stat-note { font-size: 12.5px; line-height: 1.55; color: rgba(255,255,255,.45); margin-top: 12px; max-width: 460px; }

@container ih-lp (max-width: 1023px) {
  .ih-lp .hero-proof { justify-content: center; }
}
@container ih-lp (max-width: 639px) {
  .ih-lp .hero-proof { flex-direction: column; align-items: center; gap: 14px; margin-bottom: 24px; }
  .ih-lp .hp-val { font-size: 38px; }
  .ih-lp .hp-label { max-width: 190px; }
  .ih-lp .stats-note { padding: 12px 8px 0; }
  .ih-lp .eng-stat-3 { gap: 18px; }
  .ih-lp .eng-stat-3 strong { font-size: 26px; }
  .ih-lp .nc-body { padding: 16px; }
  .ih-lp .nc-rev { font-size: 30px; }
}

/* ---------- Hero: revenue calculator, speed, proof ---------- */
.ih-lp .hero h1 { font-size: 50px; }
.ih-lp .hero-btns { flex-wrap: nowrap; }
.ih-lp .hero-btns .btn-o, .ih-lp .hero-btns .btn-g { font-size: 15px; padding-left: 22px; padding-right: 22px; white-space: nowrap; }
.ih-lp .calc { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 16px 18px; margin: 6px 0 26px; max-width: 520px; box-shadow: 0 10px 30px rgba(13,27,46,.06); }
.ih-lp .calc-q { display: block; font-size: 13px; font-weight: 700; color: var(--navy); margin-bottom: 10px; }
.ih-lp .calc-row { display: flex; align-items: center; gap: 16px; }
.ih-lp .calc-field { display: flex; align-items: center; gap: 4px; border: 1.5px solid var(--border); border-radius: 10px; padding: 8px 12px; flex: 0 0 170px; background: #f7fbfe; }
.ih-lp .calc-field:focus-within { border-color: var(--sky); }
.ih-lp .calc-field span { font-size: 18px; font-weight: 700; color: var(--muted); }
.ih-lp .calc-field input { width: 100%; border: 0; outline: 0; background: transparent; font-family: inherit; font-size: 20px; font-weight: 700; line-height: 1.2; color: var(--navy); font-variant-numeric: tabular-nums; }
.ih-lp .calc-val { font-size: 30px; font-weight: 800; letter-spacing: -0.03em; color: var(--green); line-height: 1; font-variant-numeric: tabular-nums; }
.ih-lp .calc-lbl { font-size: 12px; color: var(--muted); margin-top: 4px; }
.ih-lp .calc-roi { font-size: 13px; color: var(--body); margin-top: 12px; }
.ih-lp .calc-roi b { color: var(--navy); }
.ih-lp .calc-how { display: inline-block; margin-top: 6px; font-size: 12px; font-weight: 600; color: var(--sky); text-decoration: underline; text-underline-offset: 3px; }
.ih-lp .hero-speed { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; margin: 18px 0 0; padding: 0; list-style: none; max-width: 520px; }
.ih-lp .hero-speed li { font-size: 13px; color: var(--body); padding-left: 18px; position: relative; list-style: none; }
.ih-lp .hero-speed li::before { content: '✓'; position: absolute; left: 0; color: var(--green); font-weight: 800; }
.ih-lp .hero-speed b { color: var(--navy); }
.ih-lp .hero-quote { margin: 22px 0 0; padding-left: 14px; border-left: 3px solid var(--sky); max-width: 520px; }
.ih-lp .hero-quote blockquote { margin: 0; font-size: 16px; font-weight: 700; color: var(--navy); line-height: 1.4; }
.ih-lp .hero-quote figcaption { font-size: 12px; color: var(--muted); margin-top: 4px; }

/* ---------- The offer ---------- */
.ih-lp .offer .sp { max-width: 560px; }
.ih-lp .offer-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; max-width: 980px; margin: 0 auto; text-align: left; align-items: start; }
.ih-lp .offer-list { display: grid; gap: 12px; padding: 0; margin: 0; list-style: none; }
.ih-lp .offer-list li { position: relative; padding: 14px 16px 14px 44px; border: 1px solid var(--border); border-radius: 12px; font-size: 14.5px; color: var(--body); list-style: none; background: #fff; }
.ih-lp .offer-list li::before { content: '✓'; position: absolute; left: 16px; top: 13px; width: 18px; height: 18px; border-radius: 50%; background: var(--green); color: #fff; font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.ih-lp .offer-list b { color: var(--navy); }
.ih-lp .offer-compare { background: var(--navy); border-radius: 20px; padding: 24px; display: grid; gap: 12px; }
.ih-lp .oc-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 14px 16px; border-radius: 12px; }
.ih-lp .oc-row span { font-size: 14px; font-weight: 700; }
.ih-lp .oc-row strong { font-size: 26px; font-weight: 800; letter-spacing: -0.02em; white-space: nowrap; }
.ih-lp .oc-row small { font-size: 12px; font-weight: 600; margin-left: 3px; }
.ih-lp .oc-them { background: rgba(255,255,255,.05); color: rgba(255,255,255,.5); }
.ih-lp .oc-them strong { text-decoration: line-through; text-decoration-color: rgba(240,138,108,.7); }
.ih-lp .oc-us { background: rgba(78,179,232,.14); border: 1px solid rgba(78,179,232,.4); color: #fff; }
.ih-lp .oc-us strong { color: var(--sky); }
.ih-lp .oc-note { font-size: 12px; color: rgba(255,255,255,.45); margin: 0; }
.ih-lp .offer-compare .btn-o { text-align: center; }
.ih-lp .oc-link { text-align: center; font-size: 13px; font-weight: 600; color: rgba(255,255,255,.7); }

@container ih-lp (max-width: 1023px) {
  .ih-lp .hero h1 { font-size: 44px; }
  .ih-lp .calc, .ih-lp .hero-speed, .ih-lp .hero-quote { margin-left: auto; margin-right: auto; text-align: left; }
  .ih-lp .offer-grid { grid-template-columns: 1fr; }
}
@container ih-lp (max-width: 639px) {
  .ih-lp .hero h1 { font-size: 34px; }
  .ih-lp .calc-row { flex-direction: column; align-items: stretch; gap: 10px; }
  .ih-lp .calc-field { flex: none; }
  .ih-lp .hero-speed { grid-template-columns: 1fr; }
  .ih-lp .oc-row { flex-direction: column; gap: 4px; }
}
@container ih-lp (max-width: 639px) { .ih-lp .hero-btns { flex-wrap: wrap; } .ih-lp .hero-btns .btn-o, .ih-lp .hero-btns .btn-g { white-space: normal; } }
.ih-lp .calc-arrow { font-size: 22px; font-weight: 700; color: var(--muted); }
.ih-lp .calc-lbl b { color: var(--green); }
@container ih-lp (max-width: 639px) { .ih-lp .calc-arrow { display: none; } }
.ih-lp .oc-roi { display: flex; align-items: center; gap: 16px; padding: 6px 4px 10px; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.45; }
.ih-lp .oc-roi strong { font-size: 72px; font-weight: 800; letter-spacing: -0.04em; line-height: 1; color: #fff; }
.ih-lp .oc-roi strong span { color: var(--sky); }
.ih-lp .calc-disc { font-size: 11.5px; color: var(--muted); }
.ih-lp .oc-disc { font-size: 11.5px; color: rgba(255,255,255,.4); margin: 0; text-align: center; }
.ih-lp .oc-disc a { color: rgba(255,255,255,.6); text-decoration: underline; }

/* ---------- Hero card: one date, priced from the listing's own clicks ---------- */
.ih-lp .clk-card { background: #fff; border: 1px solid var(--border); border-radius: 20px; overflow: hidden; box-shadow: 0 24px 60px rgba(13,27,46,.12); }
.ih-lp .clk-body { padding: 18px 20px 20px; display: grid; gap: 14px; }
.ih-lp .clk-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.ih-lp .clk-kicker { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); }
.ih-lp .clk-title { font-size: 16px; font-weight: 800; color: var(--navy); margin-top: 3px; }
.ih-lp .clk-final { font-size: 30px; font-weight: 800; letter-spacing: -0.03em; color: var(--green); font-variant-numeric: tabular-nums; }
.ih-lp .clk-step { display: grid; grid-template-columns: 24px 1fr; gap: 12px; padding-top: 14px; border-top: 1px solid var(--border); }
.ih-lp .clk-n { width: 24px; height: 24px; border-radius: 50%; background: var(--navy); color: #fff; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.ih-lp .clk-label { font-size: 12.5px; font-weight: 700; color: var(--navy); margin-bottom: 10px; }
.ih-lp .clk-label b { color: var(--sky); }
.ih-lp .clk-chart { position: relative; height: 74px; }
.ih-lp .clk-bars { position: absolute; inset: 0; display: flex; align-items: flex-end; gap: 4px; }
.ih-lp .clk-bars i { flex: 1; border-radius: 3px 3px 0 0; background: rgba(78,179,232,.3); }
.ih-lp .clk-bars i.hl { background: var(--sky); }
.ih-lp .clk-avg { position: absolute; left: 0; right: 0; bottom: 26%; border-top: 2px dashed rgba(13,27,46,.28); }
.ih-lp .clk-avg span { position: absolute; left: 0; top: -18px; font-size: 10px; font-weight: 700; color: var(--muted); background: #fff; padding: 0 4px 0 0; }
.ih-lp .clk-note { font-size: 12px; color: var(--muted); margin-top: 8px; }
.ih-lp .clk-note b { color: var(--navy); }
.ih-lp .pl-head, .ih-lp .pl-row { display: grid; grid-template-columns: 46px 1fr 50px 60px; gap: 10px; align-items: center; font-variant-numeric: tabular-nums; }
.ih-lp .pl-head { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); margin-bottom: 4px; }
.ih-lp .pl-head span:nth-child(3), .ih-lp .pl-head span:nth-child(4), .ih-lp .pl-pct, .ih-lp .pl-exp { text-align: right; }
.ih-lp .pl-row { padding: 5px 8px; margin: 0 -8px; border-radius: 8px; font-size: 12.5px; color: var(--body); }
.ih-lp .pl-row.pick { background: rgba(29,179,110,.09); outline: 1px solid rgba(29,179,110,.35); }
.ih-lp .pl-price { font-weight: 800; color: var(--navy); }
.ih-lp .pl-bar { height: 6px; border-radius: 6px; background: rgba(13,27,46,.06); overflow: hidden; }
.ih-lp .pl-bar i { display: block; height: 100%; border-radius: 6px; background: var(--sky); }
.ih-lp .pl-row.pick .pl-bar i { background: var(--green); }
.ih-lp .pl-exp { font-weight: 700; color: var(--navy); }
.ih-lp .pl-row.pick .pl-exp { color: var(--green); }
.ih-lp .clk-foot { display: grid; grid-template-columns: 20px 1fr auto; gap: 10px; align-items: center; background: rgba(29,179,110,.07); border: 1px solid rgba(29,179,110,.28); border-radius: 12px; padding: 11px 14px; font-size: 12.5px; color: var(--navy); }
.ih-lp .clk-foot small { display: block; font-size: 11px; color: var(--muted); margin-top: 2px; }
.ih-lp .clk-sync { font-size: 10.5px; font-weight: 600; color: var(--muted); white-space: nowrap; }
@container ih-lp (max-width: 639px) {
  .ih-lp .clk-body { padding: 14px; }
  .ih-lp .clk-foot { grid-template-columns: 20px 1fr; }
  .ih-lp .clk-sync { display: none; }
}
/* simplified hero card */
.ih-lp .clk-body { gap: 0; padding: 22px 24px 24px; }
.ih-lp .clk-head { display: block; margin-bottom: 18px; }
.ih-lp .clk-title { font-size: 22px; letter-spacing: -0.02em; margin-top: 2px; }
.ih-lp .clk-label { font-size: 13px; font-weight: 600; color: var(--body); margin-bottom: 12px; }
.ih-lp .clk-chart { height: 110px; }
.ih-lp .clk-bars { gap: 5px; }
.ih-lp .clk-axis { display: flex; justify-content: space-between; font-size: 11px; color: var(--muted); margin-top: 8px; }
.ih-lp .clk-axis b { color: var(--sky); }
.ih-lp .clk-result { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--border); }
.ih-lp .clk-result span { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.ih-lp .clk-result strong { display: block; font-size: 32px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; margin-top: 4px; font-variant-numeric: tabular-nums; }
.ih-lp .cr-them strong { color: rgba(13,27,46,.35); }
.ih-lp .cr-us strong { color: var(--green); }
.ih-lp .cr-us small { display: block; font-size: 12px; font-weight: 700; color: var(--navy); margin-top: 2px; }
.ih-lp .cr-arrow { font-size: 22px; color: var(--muted); }
/* hero card: a week of clicks against the market price */
.ih-lp .clk-title { font-size: 18px; }
.ih-lp .wk { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; align-items: end; margin-top: 6px; }
.ih-lp .wk-col { position: relative; display: grid; gap: 6px; justify-items: center; }
.ih-lp .wk-bar { width: 100%; height: 130px; display: flex; align-items: flex-end; }
.ih-lp .wk-bar i { display: block; width: 100%; border-radius: 6px 6px 0 0; background: rgba(78,179,232,.28); }
.ih-lp .wk-col.hl .wk-bar i { background: var(--sky); }
.ih-lp .wk-day { font-size: 11px; font-weight: 700; color: var(--muted); }
.ih-lp .wk-col.hl .wk-day { color: var(--navy); }
.ih-lp .wk-price { font-size: 12px; font-weight: 700; color: rgba(13,27,46,.45); font-variant-numeric: tabular-nums; display: grid; justify-items: center; line-height: 1.3; }
.ih-lp .wk-price s { color: rgba(13,27,46,.35); text-decoration-color: #F08A6C; }
.ih-lp .wk-price b { color: var(--green); font-size: 14px; }
.ih-lp .wk-call { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); white-space: nowrap; background: var(--navy); color: #fff; font-size: 11px; font-weight: 800; border-radius: 8px; padding: 5px 9px; text-align: center; line-height: 1.25; }
.ih-lp .wk-call small { display: block; font-size: 10px; font-weight: 600; color: rgba(255,255,255,.6); }
.ih-lp .wk-key { display: flex; gap: 18px; margin-top: 14px; font-size: 11px; color: var(--muted); }
.ih-lp .wk-key i { display: inline-block; vertical-align: middle; margin-right: 6px; }
.ih-lp .k-bar { width: 10px; height: 10px; border-radius: 2px; background: var(--sky); }
.ih-lp .k-price { width: 14px; height: 0; border-top: 2px solid rgba(13,27,46,.35); }
.ih-lp .wk-take { display: flex; align-items: center; gap: 14px; margin-top: 18px; padding: 14px 16px; border-radius: 14px; background: rgba(29,179,110,.08); border: 1px solid rgba(29,179,110,.3); font-size: 13px; color: var(--navy); font-weight: 600; line-height: 1.4; }
.ih-lp .wk-take strong { font-size: 30px; font-weight: 800; letter-spacing: -0.03em; color: var(--green); white-space: nowrap; }
.ih-lp .wk-take small { display: block; font-size: 11.5px; font-weight: 500; color: var(--muted); margin-top: 2px; }
@container ih-lp (max-width: 639px) {
  .ih-lp .wk { gap: 5px; }
  .ih-lp .wk-bar { height: 110px; }
  .ih-lp .wk-price { font-size: 10.5px; }
  .ih-lp .wk-price b { font-size: 12px; }
  .ih-lp .wk-take strong { font-size: 24px; }
}
.ih-lp .wk { align-items: start; }
.ih-lp .wk-col { grid-template-rows: 130px auto 36px; align-content: start; }
.ih-lp .wk-price { align-content: start; }
@container ih-lp (max-width: 639px) { .ih-lp .wk-col { grid-template-rows: 110px auto 32px; } }
.ih-lp .k-dollar { font-weight: 700; color: rgba(13,27,46,.45); margin-right: 4px; }

/* ---------- Leaner hero + its own calculator section ---------- */
.ih-lp .hero-fast { font-size: 13px; color: var(--muted); margin-top: 6px; }
.ih-lp .calc-sec { background: #fff; text-align: center; }
.ih-lp .calc-wide { max-width: 640px; margin: 8px auto 0; padding: 26px 28px; text-align: left; }
.ih-lp .calc-wide .calc-q { font-size: 15px; }
.ih-lp .calc-wide .calc-row { gap: 22px; }
.ih-lp .calc-wide .calc-field { flex-basis: 220px; padding: 12px 14px; }
.ih-lp .calc-wide .calc-field input { font-size: 24px; }
.ih-lp .calc-wide .calc-val { font-size: 40px; }
.ih-lp .calc-foot { max-width: 640px; margin: 28px auto 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; text-align: left; }
.ih-lp .calc-quote { margin: 0; padding-left: 14px; border-left: 3px solid var(--sky); }
.ih-lp .calc-quote blockquote { margin: 0; font-size: 16px; font-weight: 700; color: var(--navy); line-height: 1.4; }
.ih-lp .calc-quote figcaption { font-size: 12px; color: var(--muted); margin-top: 4px; }
.ih-lp .calc-foot .btn-o { white-space: nowrap; }
@container ih-lp (max-width: 1023px) { .ih-lp .hero-fast { text-align: center; } }
@container ih-lp (max-width: 639px) {
  .ih-lp .calc-wide { padding: 18px; }
  .ih-lp .calc-wide .calc-val { font-size: 32px; }
  .ih-lp .calc-foot { flex-direction: column; align-items: stretch; }
  .ih-lp .calc-foot .btn-o { text-align: center; white-space: normal; }
}
@container ih-lp (max-width: 639px) { .ih-lp .calc-wide .calc-field { flex: none; flex-basis: auto; } }

/* One button per call to action; the call offer is a quiet link under it. */
.ih-lp .hero-btns, .ih-lp .cta-acts { flex-direction: column; align-items: flex-start; gap: 14px; }
.ih-lp .cta-acts { align-items: center; }
.ih-lp .btn-g.cta-link { background: none; border: 0; box-shadow: none; padding: 0; font-size: 14px; font-weight: 600; color: var(--sky); text-decoration: underline; text-underline-offset: 3px; white-space: normal; }
.ih-lp .btn-g.cta-link:hover { color: var(--navy); background: none; }
@container ih-lp (max-width: 1023px) { .ih-lp .hero-btns { align-items: center; } }
@container ih-lp (max-width: 639px) { .ih-lp .hero-btns { align-items: stretch; } .ih-lp .btn-g.cta-link { text-align: center; } }
.ih-lp .hero-call { display: inline-block; margin-top: 10px; }