/* Homepage (landing.html). Hero with the "Ask Nesayo" illustration, six illustrated working-day
   panels, migration, short pricing, FAQ. One illustration component (.home-visual) draws every
   sequence; see the D4 design notes. */
[data-marketing-page="home"] { --home-mint: #edf4ee; --home-measure: 52ch; }
[data-marketing-page="home"] .m-wrap { width: min(1232px, calc(100% - 64px)); }
[data-marketing-page="home"] .m-header { padding-inline: max(32px, calc((100% - 1560px) / 2)); }
[data-marketing-page="home"] .m-section { padding-block: 72px; scroll-margin-top: 24px; }
[data-marketing-page="home"] h2 { font-size: 40px; line-height: 1.15; letter-spacing: -.035em; }
[data-marketing-page="home"] ::selection { background: #d4e9dd; color: var(--m-ink); }
.home-icon { flex: 0 0 auto; }
.home-eyebrow { display: block; margin-bottom: 16px; color: var(--m-green); font-size: 12px; font-weight: 650; letter-spacing: .08em; }
.home-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* ── Hero ─────────────────────────────────────────────────────────────── */
[data-marketing-page="home"] .home-hero { padding-block: 40px 32px; }
[data-marketing-page="home"] .home-hero-grid { width: min(1560px, calc(100% - 64px)); }
.home-hero-grid { display: grid; grid-template-columns: minmax(0, .38fr) minmax(0, .62fr); gap: 32px; align-items: start; }
.home-intro, .home-scene { min-width: 0; }
[data-marketing-page="home"] .home-intro .home-hero-term { margin-bottom: 12px !important; text-transform: uppercase; }
.home-hero-term:lang(hi), .home-eyebrow:lang(hi) { letter-spacing: normal; font-size: 13px; }
[data-marketing-page="home"] .home-intro h1 { font-size: clamp(40px, 3.22vw, 48px); line-height: 1.06; max-width: 18ch; letter-spacing: -.04em; }
[data-marketing-page="home"] .home-intro .m-lead { font-size: 17px; line-height: 1.55; margin-top: 24px; max-width: 52ch; }
.home-outcomes { padding: 0; margin: 24px 0; list-style: none; display: grid; gap: 8px; }
.home-outcomes li { display: flex; align-items: start; gap: 12px; font-size: 16px; }
.home-outcomes .home-icon { width: 22px; height: 22px; padding: 3px; margin-top: 2px; border-radius: 50%; color: #fff; background: var(--m-green); }
[data-marketing-page="home"] .home-intro .m-actions { margin-block: 0; gap: 12px; }
.home-intro .m-language { margin-top: 4px; font-size: 12px; }
.home-proof-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding-top: 16px; }
.home-proof-chip { display: flex; align-items: center; gap: 6px; padding: 8px; border: 1px solid var(--m-line); border-radius: 8px; font-size: 12px; color: var(--m-muted); }
.home-proof-chip .home-icon { width: 16px; height: 16px; color: var(--m-green); }
[data-marketing-page="home"] .home-intro .home-hero-plans { margin-top: 10px !important; font-size: 15px; line-height: 1.45; font-weight: 600; color: var(--m-green); }
.hv-chat-signup { margin-top: 10px !important; font-size: 14px; line-height: 1.45; text-align: center; color: var(--m-ink); }
.hv-chat-signup a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 650; color: var(--m-green); }
.hv-chat-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 24px; margin-top: 4px !important; }
.hv-chat-links a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 15px; font-weight: 600; color: var(--m-green); }
.hv-chat-links .home-icon { width: 16px; height: 16px; }

/* ── Working day: tab rail + one panel ───────────────────────────────── */
.home-day-heading { text-align: left; margin-bottom: 32px; }
.home-day-layout { display: grid; grid-template-columns: 256px minmax(0,1fr); gap: 48px; align-items: start; }
.home-stage-tabs { display: grid; grid-template-columns: 1fr; gap: 0; margin: 0; border-top: 1px solid var(--m-line); }
.home-stage-tabs button { display: flex; align-items: center; gap: 16px; text-align: left; min-height: 72px; padding: 24px 16px; color: var(--m-ink); font-size: 16px; font-weight: 500; border: 0; border-bottom: 1px solid var(--m-line); border-radius: 0; background: transparent; cursor: pointer; }
.home-stage-tabs button:hover { background: #e4ece4; }
.home-stage-number { font-size: 12px; color: var(--m-green); }
.home-stage-tabs button > .home-icon { width: 16px; margin-left: auto; opacity: 0; }
.home-stage-tabs button[aria-selected="true"] { background: #eaf2e9; color: var(--m-dark); border-color: var(--m-line); box-shadow: inset 3px 0 var(--m-green); }
.home-stage-tabs button[aria-selected="true"] > .home-icon { opacity: 1; }
.home-stage-panels { min-width: 0; }
.home-stage-panel { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; align-items: center; }
.home-stage-panel + .home-stage-panel { margin-top: 32px; }
.home-stages-ready .home-stage-panel { margin-top: 0; }
.home-stage-panel.is-entering { animation: home-tab-in .18s ease-out; }
.home-stage-panel > h3 { font-size: 24px; line-height: 1.3; }
.home-stage-media { min-width: 0; background: #f3f5ef; border: 1px solid #d9e2db; border-radius: 8px; overflow: hidden; }
.home-stage-detail { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 16px; }
.home-stage-detail p { font-size: 16px; max-width: 60ch; }
[data-marketing-page="home"] .home-stage-detail .home-stage-note { margin-top: 8px !important; font-size: 14px; color: var(--m-muted); }
.home-stage-detail a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; }
.home-day-cta { margin-top: 32px; }
/* Preserve the full chapter sequence when scripting is unavailable. */
.home-day:not(.home-stages-ready) .home-day-layout { display: block; }

/* ── Migration + records strip ───────────────────────────────────────── */
.home-migration { background: #e4eddf; }
.home-migration-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 64px; align-items: start; }
.home-migration h2 { max-width: 21ch; }
.home-migration-carry { padding: 24px 32px; border: 1px solid #bfceb8; border-radius: 8px; }
.home-migration-carry h3 { font-size: 16px; }
.home-migration-carry ul { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; list-style: none; padding: 0; margin: 24px 0 0; }
.home-migration-carry li { display: flex; align-items: start; gap: 8px; font-size: 14px; }
.home-migration-carry .home-icon { width: 16px; margin-top: 3px; color: var(--m-green); }
.home-migration-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; list-style: none; margin: 40px 0 0; padding: 0; }
.home-migration-steps li { display: block; padding: 20px 0 0; border-top: 1px solid #aabea2; }
.home-migration-steps li > span { display: block; margin-bottom: 12px; color: var(--m-green); font-size: 12px; }
.home-migration-steps h3 { font-size: 20px; }
.home-migration-steps p { margin-top: 8px; font-size: 15px; }
.home-migration-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 32px; }
.home-migration-contact p { font-size: 12px; }
.home-migration-contact span { display: block; }
.home-trust-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 24px; margin-top: 32px; padding: 12px 20px; background: #f4f8f1; border: 1px solid #bfceb8; border-radius: 8px; scroll-margin-top: 24px; }
.home-trust-strip p { font-size: 15px; max-width: 72ch; }
.home-trust-strip strong { color: var(--m-ink); }
.home-trust-strip a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; }

/* ── Pricing, short: trial, switch, three prices, a link to /pricing ─── */
.home-pricing { border-top: 1px solid var(--m-line); }
.home-section-intro { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 80px; align-items: center; margin-bottom: 40px; }
.home-section-intro h2 { max-width: 22ch; }
.home-section-intro p { max-width: 48ch; font-size: 17px; }
.home-plans-scope .m-trial { margin-bottom: 28px; }
.home-price-cards { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.home-price-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 20px; background: #fff; border: 1px solid var(--m-line); border-radius: 10px; }
.home-price-card.home-plan-lead { border: 2px solid var(--m-green); background: #f1f7ee; }
.home-price-card h3 { font-size: 22px; }
.home-price-card .m-pp { margin-bottom: 16px; }
.home-price-card .m-pp-price { margin: 8px 0 4px; }
.home-price-card .m-pp-amount { font-size: 30px; }
.home-price-card .m-pp-terms, .home-price-card .m-pp-incl { font-size: 13px; line-height: 1.45; }
.home-price-card .m-button { margin-top: auto; width: 100%; font-size: 15px; }
.home-plan-kicker { display: block; min-height: 24px; margin-bottom: 8px; color: var(--m-muted); font-size: 12px; }
.home-lead-label { display: inline-block; min-height: 24px; margin-bottom: 8px; padding: 2px 10px; border-radius: 999px; background: var(--m-green); color: #fff; font-size: 12px; font-weight: 650; }
/* The trial, quietly (2026-10-13): one small line under the prices, no banner. */
.home-plans-scope .m-trial-note { margin-top: 16px !important; font-size: 13px; line-height: 1.5; color: var(--m-muted); }
.home-pricing-policy { font-size: 12px; margin-top: 16px !important; }
.home-pricing-policy a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 14px; }
.home-chain-line { font-size: 14px; }
.home-chain-line a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }

/* ── FAQ, final, footer ──────────────────────────────────────────────── */
[data-marketing-page="home"] .home-faq-section { padding-top: 0; }
.home-questions { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: 64px; }
.home-questions h2 { text-align: left; }
.home-questions summary::-webkit-details-marker { display: none; }
.home-questions summary .home-icon { transform: rotate(90deg); width: 20px; height: 20px; }
.home-questions details[open] summary { color: var(--m-green); }
.home-questions details[open] summary .home-icon { transform: rotate(-90deg); }
[data-marketing-page="home"] .home-questions .m-faq { max-width: none; margin: 0; padding: 0; border: 0; border-top: 1px solid var(--m-line); border-radius: 0; }
[data-marketing-page="home"] .m-faq details { padding: 0; }
[data-marketing-page="home"] .m-faq details:last-child { border-bottom: 0; }
[data-marketing-page="home"] .home-questions .m-faq summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 64px; padding-block: 16px; font-size: 16px; list-style: none; }
[data-marketing-page="home"] .home-questions .m-faq details p { margin: 0 0 24px; max-width: 80ch; font-size: 14px; }
[data-marketing-page="home"] .home-final { padding-block: 56px; }
.home-final .home-eyebrow { color: #b8dcc5; }
.home-final h2 { max-width: 19ch !important; }
.home-final-copy .m-actions { margin-bottom: 0; }
[data-marketing-page="home"] .m-footer nav { gap: 0; }
[data-marketing-page="home"] .m-footer a, [data-marketing-page="home"] .m-resources a { display: inline-flex; align-items: center; min-height: 44px; }
[data-marketing-page="home"] .m-footer-grid > * { min-width: 0; }
@keyframes home-tab-in { from { opacity: .65; } to { opacity: 1; } }

/* ── The illustration component ──────────────────────────────────────────
   marketing/home_visual.html. The base rules are the static ordered list (no JS, reduced
   motion, Save-Data, "Read all steps"); .pv-enhanced:not(.pv-static) is the once-played
   sequence. Opacity/transform only. The Purchases figure also carries .home-purchase-visual. */
.home-visual { margin: 0; padding: 24px; background: #f3f5ef; color: var(--m-dark); }
.home-visual .pv-scenes { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; counter-reset: pv-step; }
.home-visual .pv-scene { min-width: 0; counter-increment: pv-step; }
.home-visual .pv-heading { margin: 0; font-size: 22px; line-height: 1.3; font-weight: 600; letter-spacing: -.02em; color: var(--m-ink); }
.home-visual .pv-art { position: relative; min-width: 0; }
.home-visual svg { display: block; }
.home-visual .pv-card { position: relative; margin-top: 12px; padding: 16px; background: #fff; border: 1px solid var(--m-line); border-radius: 8px; }
.home-visual .pv-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.home-visual .pv-field { display: grid; gap: 6px; min-width: 0; padding: 8px 10px; border: 1px solid #e1e8e3; border-radius: 6px; background: #fbfcfa; }
.home-visual .pv-label { font-size: 16px; line-height: 1.3; font-weight: 600; color: var(--m-ink); overflow-wrap: anywhere; }
.home-visual .pv-value { display: block; height: 8px; width: 72%; border-radius: 4px; background: #dfe7e2; }
.home-visual .pv-field-key { border-color: var(--m-green); background: #eef5e9; }
.home-visual .pv-field-key .pv-label { color: var(--m-green); }
.home-visual .pv-field-key .pv-value { background: #b9d4c1; }
.home-visual .pv-action-row { display: flex; margin-top: 16px; }
.home-visual .pv-action { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 16px; border-radius: 6px; font-size: 16px; font-weight: 600; background: var(--m-green); color: #fff; cursor: default; }
.home-visual .pv-action-quiet { background: #fff; color: var(--m-green); border: 1px solid #a7b9ae; }
.home-visual .pv-stock-head { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.home-visual .pv-check { width: 24px; height: 24px; flex: none; color: var(--m-green); }
.home-visual .pv-stock-title { font-size: 16px; color: var(--m-ink); }
.home-visual .pv-summary { margin-top: 12px; font-size: 16px; font-weight: 600; color: var(--m-dark); }
.home-visual .pv-doc { width: 72px; height: auto; color: var(--m-dark); }
.home-visual .pv-arrow { width: 36px; height: 16px; color: var(--m-green); }
.home-visual .pv-controls { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.home-visual .pv-button { min-height: 44px; padding: 8px 16px; border: 1px solid #a7b9ae; border-radius: 4px; background: #fff; color: var(--m-green); font-size: 14px; font-weight: 600; cursor: pointer; }
.home-visual .pv-button:hover { background: #eef4ef; }
.home-visual .pv-button[aria-pressed="true"] { background: var(--m-dark); border-color: var(--m-dark); color: #fff; }
.home-visual .pv-caption { margin-top: 12px; font-size: 14px; line-height: 1.4; color: var(--m-muted); }
/* Static list: numbered steps, no animation-only artwork. */
.home-visual:not(.pv-enhanced) .pv-decor, .home-visual.pv-static .pv-decor { display: none; }
.home-visual:not(.pv-enhanced) .pv-heading::before, .home-visual.pv-static .pv-heading::before { content: counter(pv-step) ". "; color: var(--m-green); }
.home-visual:not(.pv-enhanced) .pv-scene + .pv-scene, .home-visual.pv-static .pv-scene + .pv-scene { padding-top: 16px; border-top: 1px solid #d9e2db; }
.home-visual:not(.pv-enhanced) .pv-field, .home-visual.pv-static .pv-field { padding: 6px 10px; }
.home-visual:not(.pv-enhanced) .pv-card-draft, .home-visual.pv-static .pv-card-draft { display: none; }
.home-visual:not(.pv-enhanced) .pv-card-approve, .home-visual.pv-static .pv-card-approve { justify-content: flex-start; padding-block: 16px; }
/* Played sequence: every scene shares one grid cell, so the box never changes height. */
.pv-enhanced:not(.pv-static) .pv-scenes { min-height: 272px; }
.pv-enhanced:not(.pv-static) .pv-scene { grid-area: 1 / 1; visibility: hidden; opacity: 0; }
.pv-enhanced:not(.pv-static) .pv-scene.is-active { visibility: visible; opacity: 1; }
.pv-enhanced:not(.pv-static) .pv-scene.pv-enter { animation: pv-enter 180ms ease-out both; }
.pv-enhanced:not(.pv-static) .pv-art { display: flex; flex-direction: column; justify-content: center; min-height: 208px; }
/* Every other panel: a shorter scene sits in the middle of the reserved box, not at its top. */
.home-visual:not(.home-purchase-visual):not(.home-visual-chat).pv-enhanced:not(.pv-static) .pv-scene { display: flex; flex-direction: column; }
.home-visual:not(.home-purchase-visual):not(.home-visual-chat).pv-enhanced:not(.pv-static) .pv-art { flex: 1 1 auto; }
.home-visual .pv-upload { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 16px; padding: 24px 16px; border: 2px dashed #b9c9bf; border-radius: 8px; background: #fff; }
.home-visual .pv-doc-wrap { position: relative; }
.home-visual .pv-doc-wrap .pv-doc { width: 88px; }
.home-visual .pv-camera { position: absolute; right: -14px; bottom: -8px; width: 34px; height: 34px; color: var(--m-green); }
.home-visual .pv-doc-label { font-size: 16px; font-weight: 600; color: var(--m-ink); }
.home-visual .pv-split { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 16px; }
.home-visual .pv-split .pv-card { margin-top: 0; }
.home-visual .pv-from { display: flex; align-items: center; gap: 8px; }
.home-visual .pv-reviewed { display: flex; align-items: center; gap: 8px; }
.home-visual .pv-doc-small { width: 44px; }
.home-visual .pv-card-approve { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; padding-block: 32px; }
.home-visual .pv-card-approve .pv-action-row { margin-top: 0; }
@media (min-width: 601px) {
  .home-visual .pv-card-review .pv-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-visual .pv-card-stock .pv-fields { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .home-visual .hv-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-visual .hv-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* Purchases choreography (runs only while a scene is the active one). */
.pv-enhanced:not(.pv-static) .is-active .pv-doc-wrap { animation: pv-settle 700ms ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .pv-camera { animation: pv-pop 500ms 600ms ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .pv-from { animation: pv-shift 700ms ease-out both; }
.pv-enhanced:not(.pv-static) .pv-scene-draft.is-active .pv-field { animation: pv-rise 420ms calc(500ms + var(--pv-i) * 320ms) ease-out both; }
.pv-enhanced:not(.pv-static) .pv-scene-review.is-active .pv-field { animation: pv-outline 700ms calc(300ms + var(--pv-i) * 420ms) ease-in-out both; }
.pv-enhanced:not(.pv-static) .pv-scene-review.is-active .pv-action { animation: pv-rise 400ms 2900ms ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .pv-action-press { animation: pv-press 360ms 1100ms ease-in-out both; }
.pv-enhanced:not(.pv-static) .pv-scene-stock.is-active .pv-card { animation: pv-settle 600ms ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .pv-check { animation: pv-pop 500ms 700ms ease-out both; }
.pv-enhanced:not(.pv-static) .pv-scene-stock.is-active .pv-summary { animation: pv-rise 400ms 1600ms ease-out both; }

/* Drawings shared by the other panels (hv-*). */
.home-visual .hv-glyph { width: 20px; height: 20px; flex: none; }
.home-visual .hv-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; }
.home-visual .hv-head > .hv-glyph { color: var(--m-green); }
.home-visual .hv-title { font-size: 16px; color: var(--m-ink); }
.home-visual .hv-name { margin: 0; font-size: 17px; font-weight: 650; line-height: 1.3; color: var(--m-ink); }
.home-visual .hv-line-name { margin-bottom: 10px; }
.home-visual .hv-kicker { display: block; font-size: 13px; line-height: 1.3; color: var(--m-muted); }
.home-visual .hv-badge { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding: 2px 10px; border-radius: 999px; background: #f4efdf; color: #6b5310; font-size: 13px; font-weight: 650; }
.home-visual .hv-badge-ok { background: #e3f1e6; color: var(--m-green); }
.home-visual .hv-badge .pv-check { width: 16px; height: 16px; }
.home-visual .hv-status { display: inline-flex; align-items: center; gap: 6px; margin: 12px 0 0; padding: 4px 10px; border-radius: 999px; font-size: 14px; font-weight: 650; line-height: 1.35; }
.home-visual .hv-status .hv-glyph, .home-visual .hv-status .pv-check { width: 16px; height: 16px; }
.home-visual .hv-status-bad { background: #fbe9e5; color: #9b2c1c; }
.home-visual .hv-status-warn { background: #fdf0d5; color: #6f4b00; }
.home-visual .hv-status-ok { background: #e3f1e6; color: var(--m-green); }
.home-visual .hv-field-label { display: inline-flex; align-items: center; gap: 6px; color: var(--m-green); }
.home-visual .hv-field-label .hv-glyph { width: 16px; height: 16px; }
.home-visual .hv-pair { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 12px; }
.home-visual .hv-pair .pv-card { margin-top: 0; }
.home-visual .hv-two { grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: stretch; }
.home-visual .hv-head .pv-check { width: 20px; height: 20px; }
.home-visual .hv-stopper .pv-arrow { width: 40px; }
.home-visual .hv-lines i { display: block; height: 8px; width: 82%; margin-top: 10px; border-radius: 4px; background: #dfe7e2; }
.home-visual .hv-lines i:nth-child(2) { width: 60%; }
.home-visual .hv-lines i:nth-child(3) { width: 70%; }
/* Counter */
.home-visual .hv-search { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border: 2px solid var(--m-green); border-radius: 8px; color: var(--m-green); }
.home-visual .hv-typed { display: block; height: 10px; width: 46%; border-radius: 5px; background: #c9d6cd; }
.home-visual .hv-caret { display: block; width: 2px; height: 20px; background: var(--m-green); }
.home-visual .hv-result { margin-top: 12px; padding: 12px 14px; border: 1px solid #cfe1d3; border-radius: 8px; background: #eef5e9; }
.home-visual .hv-receipt { border-color: #b9d4c1; }
/* Shelf */
.home-visual .hv-lots { display: grid; gap: 10px; }
.home-visual .hv-lot { padding: 10px; border: 1px solid #e1e8e3; border-radius: 8px; }
.home-visual .hv-lot .pv-fields { gap: 8px; }
.home-visual .hv-lot .pv-field { padding: 6px 8px; }
.home-visual .hv-lot .pv-label { font-size: 15px; }
.home-visual .hv-expired { border-color: #e7b9ae; background: #fff8f6; }
.home-visual .hv-expired .hv-name { margin-bottom: 10px; }
.home-visual .hv-bill-waiting { border-style: dashed; }
/* Udhaar */
.home-visual .hv-due { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; padding: 10px 12px; border: 1px solid #e1e8e3; border-radius: 8px; }
.home-visual .hv-due-focus { border-color: var(--m-green); background: #f6faf5; }
.home-visual .hv-due .hv-status { margin: 0; }
.home-visual .hv-due-other i { display: block; height: 8px; width: 38%; border-radius: 4px; background: #dfe7e2; }
.home-visual .hv-due-other i + i { width: 18%; background: #efe3c4; }
.home-visual .hv-who { display: grid; }
.home-visual .hv-preview .hv-head .hv-status { margin: 0 0 0 auto; }
.home-visual .hv-value { font-size: 16px; font-weight: 650; line-height: 1.3; color: var(--m-ink); font-variant-numeric: tabular-nums; }
.home-visual .pv-field-key .hv-value { color: var(--m-green); }
.home-visual .hv-ref { display: flex; align-items: baseline; gap: 6px; }
.home-visual .hv-ref .hv-kicker { display: inline; }
.home-visual .hv-ref-no { font-size: 14px; font-weight: 650; color: var(--m-ink); }
.home-visual .hv-badge-sample { background: #edf0f4; color: #3c4a5d; }
.home-visual .hv-sample-note { margin: 8px 0 0; font-size: 12px; color: var(--m-muted); text-align: right; }
.home-visual-chat .hv-facts .hv-sample-note { margin: 0 0 0 auto; }
/* Today */
.home-visual .hv-tiles { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 12px; }
.home-visual .hv-tile { display: grid; gap: 12px; margin: 0; padding: 16px; }
.home-visual .hv-tile-label { font-size: 16px; line-height: 1.3; color: var(--m-ink); }
.home-visual .hv-tile-bars i { display: block; height: 10px; width: 72%; border-radius: 5px; background: #c9d6cd; }
.home-visual .hv-tile-bars i + i { width: 46%; margin-top: 8px; background: #dfe7e2; }
.home-visual .hv-finding .hv-status { margin: 0 0 10px; }
.home-visual .hv-finding .hv-name { margin-bottom: 10px; }
/* Records & CA */
.home-visual .hv-pill { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 12px; padding: 4px 12px; border: 1px solid #cfdcd2; border-radius: 999px; font-size: 14px; color: var(--m-ink); }
.home-visual .hv-pill .hv-glyph { width: 16px; height: 16px; color: var(--m-green); }
.home-visual .hv-export { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 12px; padding: 20px 16px; background: #fff; border: 1px solid var(--m-line); border-radius: 8px; }
.home-visual .hv-docitem { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.home-visual .hv-docitem .pv-doc { width: 60px; }
.home-visual .hv-small .pv-doc { width: 44px; }
.home-visual .hv-doc-label { font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--m-ink); }
.home-visual .hv-docs { display: flex; gap: 20px; }
.home-visual .hv-fan { display: flex; flex-direction: column; gap: 14px; }
.home-visual .hv-up { transform: rotate(-18deg); }
.home-visual .hv-down { transform: rotate(18deg); }
.home-visual .hv-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.home-visual .hv-chip { padding: 6px 12px; border-radius: 6px; background: var(--m-dark); color: #fff; font-size: 15px; font-weight: 650; }
.home-visual .hv-forca { padding: 8px; }
/* Panel choreography */
.pv-enhanced:not(.pv-static) .is-active .hv-typed { animation: hv-type 900ms 200ms steps(6, end) both; }
.pv-enhanced:not(.pv-static) .is-active .hv-caret { animation: hv-blink 900ms 3 step-end both; }
.pv-enhanced:not(.pv-static) .is-active .hv-result { animation: pv-rise 400ms 1300ms ease-out both; }
.pv-enhanced:not(.pv-static) .pv-scene-batch.is-active .pv-field { animation: pv-rise 400ms calc(400ms + var(--pv-i) * 300ms) ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .pv-field-key { animation: pv-outline 900ms 1600ms ease-in-out both; }
.pv-enhanced:not(.pv-static) .is-active .hv-review .pv-field { animation: pv-outline 800ms calc(400ms + var(--pv-i) * 600ms) ease-in-out both; }
.pv-enhanced:not(.pv-static) .pv-scene-check.is-active .pv-action-press,
.pv-enhanced:not(.pv-static) .pv-scene-confirm.is-active .pv-action-press,
.pv-enhanced:not(.pv-static) .pv-scene-review.is-active .hv-stockcard .pv-action-press { animation: pv-press 360ms 2200ms ease-in-out both; }
.pv-enhanced:not(.pv-static) .is-active .hv-receipt { animation: pv-settle 500ms ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .hv-stockcard { animation: pv-rise 450ms 700ms ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .hv-pop { animation: pv-pop 450ms 300ms ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .hv-pop-late { animation-delay: 1100ms; }
.pv-enhanced:not(.pv-static) .pv-scene-open.is-active .hv-lot { animation: pv-rise 420ms calc(500ms + var(--pv-i) * 350ms) ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .hv-expired { animation: hv-bump 1100ms 300ms ease-in-out both; }
.pv-enhanced:not(.pv-static) .is-active .hv-expired .hv-status { animation: pv-pop 400ms 1300ms ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .hv-due-focus { animation: pv-outline 900ms 900ms ease-in-out both; }
.pv-enhanced:not(.pv-static) .pv-scene-open.is-active .hv-preview { animation: pv-settle 500ms ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .hv-done .hv-status { animation: pv-pop 450ms 300ms ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .hv-tile { animation: pv-rise 420ms calc(300ms + var(--pv-i) * 350ms) ease-out both; }
.pv-enhanced:not(.pv-static) .pv-scene-finding.is-active .hv-finding { animation: pv-settle 500ms ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .hv-docs .hv-docitem { animation: pv-rise 420ms calc(600ms + var(--pv-i) * 400ms) ease-out both; }
.pv-enhanced:not(.pv-static) .is-active .hv-forca { animation: pv-rise 450ms 900ms ease-out both; }
.home-visual.pv-paused, .home-visual.pv-paused * { animation-play-state: paused !important; }
@keyframes pv-enter { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pv-settle { from { transform: translateY(8px) scale(.97); } to { transform: none; } }
@keyframes pv-pop { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes pv-shift { from { transform: translateX(32px); } to { transform: none; } }
@keyframes pv-rise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes pv-outline { 0%, 100% { box-shadow: 0 0 0 0 transparent; } 40%, 60% { box-shadow: 0 0 0 3px var(--m-green); } }
@keyframes pv-press { 0%, 100% { transform: none; } 45% { transform: scale(.94); filter: brightness(.85); } }
@keyframes hv-type { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes hv-blink { 50% { opacity: 0; } }
@keyframes hv-bump { 0% { transform: translateX(-10px); } 45% { transform: translateX(14px); } 60% { transform: translateX(6px); } 100% { transform: none; } }
.home-visual .hv-typed { transform-origin: left center; }

/* The hero's "Ask Nesayo" chat: a conversation that keeps what was said, beside the bill it builds. */
.home-visual-chat { padding: 20px; background: var(--home-mint); border-radius: 20px; }
.home-visual-chat .hv-chat-frame { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 20px; align-items: center; }
.home-visual-chat .hv-chat { display: flex; flex-direction: column; min-width: 0; background: #fff; border: 1px solid #d7e2d9; border-radius: 16px; box-shadow: 0 16px 32px -24px #173d3070; overflow: hidden; }
.home-visual-chat .hv-chat-head { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: var(--m-dark); color: #fff; font-size: 16px; }
.home-visual-chat .pv-scenes.hv-thread { display: flex; flex-direction: column; gap: 10px; padding: 16px; }
.home-visual-chat .hv-beat { display: flex; max-width: 88%; }
.home-visual-chat .hv-you { align-self: flex-end; }
.home-visual-chat .hv-nesayo { align-self: flex-start; }
.home-visual-chat .hv-bubble { margin: 0; padding: 9px 14px; border-radius: 16px; font-size: 16px; line-height: 1.4; }
.home-visual-chat .hv-you .hv-bubble { background: var(--m-green); color: #fff; border-bottom-right-radius: 4px; }
.home-visual-chat .hv-nesayo .hv-bubble { background: #eef3ee; color: var(--m-ink); border-bottom-left-radius: 4px; }
.home-visual-chat .hv-tap-chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border: 1.5px solid var(--m-green); border-radius: 999px; background: #fff; color: var(--m-green); font-size: 15px; font-weight: 650; }
.home-visual-chat .hv-input { display: flex; align-items: center; gap: 10px; margin: 0 12px 12px; padding: 10px 14px; border: 1px solid #d7e2d9; border-radius: 999px; color: var(--m-muted); font-size: 15px; }
.home-visual-chat .hv-input .hv-glyph { color: var(--m-green); }
.home-visual-chat .hv-send { margin-left: auto; }
.home-visual-chat .hv-chatbill { margin: 0; box-shadow: 0 16px 32px -24px #173d3070; }
.home-visual-chat .hv-chat-badge { margin-left: auto; padding: 2px 10px; border-radius: 999px; background: #ffffff26; color: #e3f1e6; font-size: 12px; font-weight: 600; white-space: nowrap; }
.home-visual-chat .hv-kv { display: inline-flex; align-items: baseline; gap: 6px; font-size: 15px; color: var(--m-ink); }
.home-visual-chat .hv-kv .hv-kicker { display: inline; }
.home-visual-chat .hv-facts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.home-visual-chat .hv-fact { display: inline-flex; align-items: baseline; gap: 4px; padding: 4px 8px; border: 1px solid #e1e8e3; border-radius: 6px; background: #fff; font-size: 14px; font-weight: 600; color: var(--m-ink); }
.home-visual-chat .hv-fact .hv-kicker { display: inline; font-weight: 400; }
.home-visual-chat .hv-qty-text { font-size: 14px; }
.home-visual-chat .hv-chatline { margin-top: 12px; padding: 12px; border: 1px solid #e1e8e3; border-radius: 8px; background: #fbfcfa; }
.home-visual-chat .hv-chatline-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 10px; }
.home-visual-chat .hv-chatline .pv-fields { gap: 8px; }
.home-visual-chat .hv-chatline .pv-label { font-size: 14px; }
.home-visual-chat .hv-tag { padding: 2px 8px; border-radius: 999px; background: #e3f1e6; color: var(--m-green); font-size: 12px; font-weight: 650; }
.home-visual-chat .hv-qty-text { font-size: 15px; font-weight: 650; color: var(--m-ink); }
.home-visual-chat .hv-qty2, .home-visual-chat .hv-when-saved { display: none; }
.home-visual-chat .hv-confirm { opacity: .45; }
/* Played: the thread keeps its height; older lines scroll up out of view. */
.home-visual-chat.pv-enhanced:not(.pv-static) .pv-scenes.hv-thread { height: 296px; min-height: 0; justify-content: flex-end; overflow: hidden; -webkit-mask-image: linear-gradient(transparent, #000 32px); mask-image: linear-gradient(transparent, #000 32px); }
.home-visual-chat.pv-enhanced:not(.pv-static) .pv-scene { display: none; grid-area: auto; visibility: visible; opacity: 1; flex: none; }
.home-visual-chat.pv-enhanced:not(.pv-static) .pv-scene.is-shown { display: flex; }
.home-visual-chat.pv-enhanced:not(.pv-static) .pv-scene.pv-enter { animation: pv-rise 320ms ease-out both; }
.home-visual-chat[data-step="0"] .hv-chatline, .home-visual-chat[data-step="1"] .hv-chatline { visibility: hidden; }
.home-visual-chat .hv-tag { visibility: hidden; }
.home-visual-chat[data-step="2"] .hv-tag, .home-visual-chat[data-step="3"] .hv-tag { visibility: visible; }
.home-visual-chat:is([data-step="3"], [data-step="4"], [data-step="5"], [data-step="6"]) .hv-qty1 { display: none; }
.home-visual-chat:is([data-step="3"], [data-step="4"], [data-step="5"], [data-step="6"]) .hv-qty2 { display: inline; }
.home-visual-chat:is([data-step="4"], [data-step="5"]) .hv-confirm { opacity: 1; }
.home-visual-chat[data-step="6"] .hv-when-draft { display: none; }
.home-visual-chat[data-step="6"] .hv-when-saved { display: inline-flex; }
.home-visual-chat[data-step="6"] .hv-confirm { visibility: hidden; }
.home-visual-chat.pv-enhanced:not(.pv-static)[data-step="0"] .hv-chatbill { animation: pv-settle 500ms 300ms ease-out both; }
.home-visual-chat.pv-enhanced:not(.pv-static)[data-step="2"] .hv-chatline { animation: pv-rise 400ms 300ms ease-out both; }
.home-visual-chat.pv-enhanced:not(.pv-static)[data-step="3"] .hv-qty { animation: pv-outline 900ms 200ms ease-in-out both; }
.home-visual-chat.pv-enhanced:not(.pv-static)[data-step="5"] .hv-confirm { animation: pv-press 400ms 900ms ease-in-out both; }
.home-visual-chat.pv-enhanced:not(.pv-static)[data-step="6"] .hv-when-saved { animation: pv-pop 450ms ease-out both; }
.home-visual-chat .pv-controls, .home-visual-chat .pv-caption { margin-top: 12px; }
.home-visual-chat .pv-scene + .pv-scene { padding-top: 0 !important; border-top: 0 !important; }
.home-visual-chat:not(.pv-enhanced) .hv-chat-frame, .home-visual-chat.pv-static .hv-chat-frame { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin-inline: auto; }
.home-visual-chat:not(.pv-enhanced) .pv-controls, .home-visual-chat.pv-static .pv-controls,
.home-visual-chat:not(.pv-enhanced) .pv-caption, .home-visual-chat.pv-static .pv-caption { max-width: 560px; margin-inline: auto; }
.home-visual-chat .pv-controls { justify-content: flex-start; }

/* ── ≤1100 px ─────────────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  .home-hero-grid { grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); gap: 24px; }
  [data-marketing-page="home"] .home-intro h1 { font-size: 40px; }
  .home-proof-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-visual-chat .hv-chat-frame { grid-template-columns: minmax(0,1fr); }
  .home-visual-chat.pv-enhanced:not(.pv-static) .pv-scenes.hv-thread { height: 256px; }
  .home-day-layout { grid-template-columns: 224px minmax(0,1fr); gap: 32px; }
  .home-stage-tabs button { padding-inline: 8px; gap: 8px; }
  .home-section-intro, .home-migration-grid { gap: 48px; }
  .home-questions { gap: 48px; }
}
@media (min-width: 601px) and (max-width: 900px) {
  .home-hero-grid { grid-template-columns: 1fr; }
  .home-intro { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; }
  [data-marketing-page="home"] .home-intro h1 { grid-row: 1/4; }
  .home-intro > :not(h1) { grid-column: 2; }
  [data-marketing-page="home"] .home-intro .m-lead { margin-top: 0; }
  .home-intro .m-actions .m-button { padding-inline: 12px; }
  .home-scene { width: min(760px, 100%); margin-inline: auto; }
  .home-visual-chat .hv-chat-frame { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
}
@media (max-width: 900px) {
  .home-day-layout { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .home-stage-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; border: 0; }
  .home-stage-tabs button { min-height: 48px; padding: 8px; font-size: 14px; border: 1px solid #dfe6df; }
  .home-stage-tabs button > .home-icon { display: none; }
  .home-migration-grid { gap: 32px; }
  .home-migration-carry { padding: 24px; }
  .home-migration-carry ul { grid-template-columns: 1fr; }
  .home-price-cards { gap: 12px; }
  .home-price-card { padding: 16px; }
  .home-questions { grid-template-columns: 1fr; gap: 32px; }
}
/* ── Phone ────────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
  [data-marketing-page="home"] .m-wrap, [data-marketing-page="home"] .home-hero-grid { width: calc(100% - 40px); }
  [data-marketing-page="home"] .m-header { padding-inline: 20px; }
  [data-marketing-page="home"] .m-section { padding-block: 48px; }
  [data-marketing-page="home"] h2 { font-size: 32px; }
  [data-marketing-page="home"] .home-hero { padding-block: 24px 16px; }
  .home-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 44px; gap: 0 8px; align-items: stretch; }
  .home-intro { display: contents; }
  .home-intro > *, .home-scene { grid-column: 1 / -1; }
  [data-marketing-page="home"] .home-intro .home-hero-term { margin-bottom: 8px !important; }
  [data-marketing-page="home"] .home-intro h1 { font-size: 36px; max-width: 18ch; order: 0; }
  [data-marketing-page="home"] .home-intro .m-lead { font-size: 16px; line-height: 1.5; margin-top: 16px; order: 1; }
  [data-marketing-page="home"] .home-intro .m-actions { order: 2; grid-column: 1; grid-row: 4; margin-top: 20px; flex-wrap: nowrap; gap: 8px; }
  [data-marketing-page="home"] .home-intro .m-actions .m-button { padding: 12px 10px; font-size: 14px; white-space: normal; min-width: 0; flex: 1; }
  .home-intro .m-language { order: 3; grid-column: 2; grid-row: 4; align-self: center; margin-top: 20px; min-width: 44px; min-height: 44px; }
  .home-scene { order: 5; margin-top: 24px; }
  [data-marketing-page="home"] .home-intro .home-hero-plans { order: 4; margin-top: 12px !important; font-size: 13px; }
  .home-proof-row { order: 4; display: flex; flex-wrap: wrap; gap: 6px; padding-top: 10px; }
  .home-proof-chip { padding: 6px 10px; border-radius: 999px; font-size: 13px; }
  .home-outcomes { order: 7; margin-block: 24px 0; }
  .home-visual-chat { padding: 12px; border-radius: 16px; }
  .home-visual-chat .hv-chat-frame { gap: 12px; }
  .home-visual-chat.pv-enhanced:not(.pv-static) .pv-scenes.hv-thread { height: 160px; padding: 10px 12px; gap: 8px; }
  .home-visual-chat .hv-chat-head { padding: 10px 12px; font-size: 15px; }
  .home-visual-chat .hv-head { margin-bottom: 8px; }
  .home-visual-chat .hv-chatline-top { margin-bottom: 8px; }
  .home-visual-chat .hv-input { margin: 0 10px 10px; padding: 8px 12px; }
  .home-visual .hv-preview .pv-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .home-visual .hv-preview .pv-field:first-child { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 10px; }
  .home-visual .hv-preview .pv-label { font-size: 14px; overflow-wrap: normal; }
  .home-visual .hv-preview .hv-value { font-size: 15px; }
  .home-visual-chat .hv-bubble { font-size: 15px; }
  .home-visual-chat .hv-chatbill { padding: 12px; }
  .home-visual-chat .hv-chatline { margin-top: 10px; padding: 10px; }
  .home-visual-chat .pv-action-row { margin-top: 10px; }
  .home-visual-chat .pv-action { min-height: 36px; padding: 6px 14px; font-size: 15px; }
  .home-day-heading { margin-bottom: 24px; }
  .home-day-layout { gap: 24px; }
  .home-stage-tabs { grid-template-columns: 1fr 1fr; margin: 0; }
  .home-stage-tabs button { min-height: 48px; font-size: 13px; gap: 8px; }
  .home-stage-panel { gap: 16px; }
  .home-stage-panel > h3 { font-size: 20px; }
  .home-stage-detail { grid-template-columns: 1fr; gap: 8px; }
  .home-stage-detail p { font-size: 14px; }
  [data-marketing-page="home"] .home-stage-detail .home-stage-note { font-size: 13px; }
  .home-stage-detail a { justify-content: space-between; padding-block: 8px; border-bottom: 1px solid var(--m-line); }
  .home-day-cta { margin-top: 24px; }
  .home-day-cta .m-button { width: 100%; }
  .home-visual { padding: 16px; }
  .home-visual .pv-heading { font-size: 20px; }
  .pv-enhanced:not(.pv-static) .pv-scenes { min-height: 304px; }
  .home-visual .pv-split { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .home-visual .pv-from .pv-doc { width: 32px; }
  .home-visual .pv-from .pv-arrow { transform: rotate(90deg); width: 24px; }
  .pv-enhanced:not(.pv-static) .is-active .pv-from { animation-name: pv-rise; }
  .home-visual .pv-field { padding: 6px 8px; }
  .home-visual .pv-card { padding: 14px; }
  .home-visual .pv-label { font-size: 15px; }
  .home-visual .hv-pair { grid-template-columns: minmax(0,1fr); gap: 6px; }
  .home-visual .hv-stopper { justify-self: center; }
  .home-visual .hv-stopper .pv-arrow { transform: rotate(90deg); width: 28px; }
  .home-visual .hv-tiles { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .home-visual .hv-tile { grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; padding: 12px 14px; }
  .home-visual .hv-lots-card { padding: 12px; }
  .home-visual .hv-lot { padding: 8px; }
  .home-visual .hv-lot .pv-fields { grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr); gap: 6px; }
  .home-visual .hv-lot .pv-field { padding: 6px; }
  .home-visual .hv-lot .pv-label { font-size: 14px; overflow-wrap: normal; }
  .home-visual .hv-lot .hv-field-label { gap: 4px; }
  .home-visual .hv-lot .hv-field-label .hv-glyph { width: 14px; height: 14px; }
  .home-visual .hv-pair .hv-finding .pv-fields { display: none; }
  .home-visual .hv-export { gap: 12px; padding: 16px 10px; }
  .home-visual .hv-docitem .pv-doc { width: 48px; }
  .home-visual .hv-small .pv-doc { width: 36px; }
  .home-visual .hv-docs { gap: 12px; }
  .home-migration-grid { grid-template-columns: 1fr; gap: 24px; }
  .home-migration .m-button { width: 100%; }
  .home-migration-carry { padding: 20px 16px; }
  .home-migration-carry ul { grid-template-columns: 1fr 1fr; gap: 12px 8px; }
  .home-migration-steps { grid-template-columns: 1fr; gap: 16px; margin-top: 24px; }
  .home-migration-steps li { display: flex; gap: 16px; padding: 16px 0 0; }
  .home-migration-steps li > span { padding-top: 4px; margin: 0; }
  .home-migration-steps h3 { font-size: 18px; }
  .home-migration-steps p { font-size: 14px; margin-top: 4px; }
  .home-migration-contact { gap: 12px; margin-top: 24px; }
  .home-migration-contact .m-button { font-size: 14px; }
  .home-trust-strip { margin-top: 24px; padding: 12px 16px; }
  .home-trust-strip p { font-size: 14px; }
  .home-section-intro { grid-template-columns: 1fr; gap: 16px; margin-bottom: 32px; }
  .home-price-cards { grid-template-columns: 1fr; gap: 10px; }
  .home-price-card { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; column-gap: 12px; padding: 14px 16px; }
  .home-price-card > .home-plan-kicker, .home-price-card > .home-lead-label { grid-column: 1 / -1; justify-self: start; min-height: 0; margin-bottom: 4px; }
  .home-price-card h3 { grid-column: 1; font-size: 18px; }
  .home-price-card .m-pp { grid-column: 1; margin-bottom: 0; }
  .home-price-card .m-pp-amount { font-size: 26px; }
  .home-price-card .m-button { grid-column: 2; grid-row: 2 / span 2; width: auto; margin: 0; padding: 10px 14px; font-size: 14px; }
  .home-questions { gap: 24px; }
  [data-marketing-page="home"] .m-faq summary { gap: 16px; }
  [data-marketing-page="home"] .home-final { padding-block: 40px; }
  .home-final-copy .m-actions { flex-wrap: wrap; margin-top: 24px; }
  .home-final-copy .m-button { width: 100%; font-size: 14px; padding-inline: 16px; }
}
html[lang="hi"] [data-marketing-page="home"] h1,
html[lang="hi"] [data-marketing-page="home"] h2,
html[lang="hi"] [data-marketing-page="home"] h3 { line-height: 1.3; letter-spacing: normal; }
@media (prefers-reduced-motion: reduce) {
  [data-marketing-page="home"] *, [data-marketing-page="home"] *::before, [data-marketing-page="home"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* ── Merged page (2026-10-13): the old hero + the chat + detailed panels + Today intelligence ── */
[data-marketing-page="home"] .home-intro .home-hero-sub { margin-top: 16px !important; font-size: 19px; line-height: 1.4; font-weight: 650; color: var(--m-green); max-width: 40ch; }
[data-marketing-page="home"] .home-intro .home-hero-sub + .m-lead { margin-top: 12px; }
/* A labelled field that carries its sample value: the label steps back, the value leads. */
.home-visual .pv-field:has(.hv-value) .pv-label { font-size: 12px; font-weight: 500; color: var(--m-muted); }
.home-visual .pv-field:has(.hv-value).pv-field-key .pv-label { color: var(--m-green); }
.home-visual .hv-note { margin: 10px 0 0; font-size: 14px; line-height: 1.45; color: var(--m-muted); font-variant-numeric: tabular-nums; }
.home-visual .hv-note-inline { margin-top: 4px; }
.home-visual .hv-note-strong { color: var(--m-ink); font-weight: 650; }
.home-visual .hv-doc-ref { font-weight: 650; color: var(--m-ink); text-align: center; }
.home-visual .hv-doc-line { margin-top: 4px; text-align: center; }
.home-visual .hv-margin { margin: 12px 0 0; padding: 8px 12px; border-radius: 8px; background: #fff7e6; border: 1px solid #f0d9a8; font-size: 14px; font-weight: 600; color: #6b4a00; }
.home-visual .hv-receipt-line { margin: 10px 0 0; font-size: 15px; font-weight: 600; color: var(--m-ink); font-variant-numeric: tabular-nums; }
.home-visual .hv-tile-value { font-size: 22px; font-weight: 700; line-height: 1.2; color: var(--m-dark, #173d30); font-variant-numeric: tabular-nums; }
.home-visual .hv-pill-value { margin-left: 4px; font-weight: 650; color: var(--m-ink); }
.home-visual .hv-reg-row + .hv-reg-row { margin-top: 8px; }
.home-visual .hv-lot-bad .pv-field { border-color: #e9b4ad; background: #fdf1ef; }
[data-marketing-page="home"] .home-stage-benefit { margin: 6px 0 16px !important; font-size: 17px; line-height: 1.45; color: var(--m-ink); max-width: 60ch; }

/* Ask Nesayo */
[data-marketing-page="home"] .home-ask { background: #f3f8f2; }
[data-marketing-page="home"] .home-ask-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 48px; align-items: start; }
[data-marketing-page="home"] .home-ask-copy h2 { font-size: clamp(30px, 2.6vw, 40px); line-height: 1.1; letter-spacing: -.03em; }
[data-marketing-page="home"] .home-ask-lead { margin-top: 12px !important; font-size: 18px; line-height: 1.5; color: var(--m-ink); }
[data-marketing-page="home"] .home-ask-list { display: grid; gap: 14px; margin: 24px 0 0; padding: 0; list-style: none; }
[data-marketing-page="home"] .home-ask-item { display: grid; gap: 6px; padding: 12px 14px; background: #fff; border: 1px solid #d7e2d9; border-radius: 12px; }
[data-marketing-page="home"] .home-ask-q { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
[data-marketing-page="home"] .home-ask-bubble { margin: 0; padding: 6px 12px; border-radius: 14px 14px 4px 14px; background: var(--m-green); color: #fff; font-size: 15px; line-height: 1.4; }
[data-marketing-page="home"] .home-ask-voice { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 650; color: var(--m-green); }
[data-marketing-page="home"] .home-ask-voice .home-icon { width: 16px; height: 16px; }
[data-marketing-page="home"] .home-ask-a { display: flex; align-items: start; gap: 8px; }
[data-marketing-page="home"] .home-ask-a p { margin: 0; font-size: 15px; line-height: 1.45; color: var(--m-ink); font-variant-numeric: tabular-nums; }
[data-marketing-page="home"] .home-ask-a .home-icon { flex: none; width: 18px; height: 18px; margin-top: 2px; color: var(--m-green); }
[data-marketing-page="home"] .home-ask-confirm { margin-top: 16px !important; font-size: 15px; font-weight: 600; color: var(--m-green); }
[data-marketing-page="home"] .home-ask-scene { min-width: 0; position: sticky; top: 96px; }

/* Know where your shop needs you */
[data-marketing-page="home"] .home-insights-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 32px; align-items: start; margin-top: 8px; }
[data-marketing-page="home"] .home-insights-shot { margin: 0; }
[data-marketing-page="home"] .home-insights-shot img { display: block; width: 100%; height: auto; border: 1px solid #d7e2d9; border-radius: 14px; box-shadow: 0 24px 48px -32px #173d3080; background: #f5f7f4; }
[data-marketing-page="home"] .home-insights-shot figcaption { margin-top: 8px; font-size: 12px; color: var(--m-muted); }
[data-marketing-page="home"] .home-insights-list { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; }
[data-marketing-page="home"] .home-insights-list li { display: flex; gap: 12px; align-items: start; }
[data-marketing-page="home"] .home-insights-list .home-icon { flex: none; width: 34px; height: 34px; padding: 7px; border-radius: 10px; background: #e8f1e9; color: var(--m-green); }
[data-marketing-page="home"] .home-insights-list strong { display: block; font-size: 17px; line-height: 1.3; color: var(--m-ink); }
[data-marketing-page="home"] .home-insights-list p { margin: 4px 0 0; font-size: 15px; line-height: 1.45; color: var(--m-muted); font-variant-numeric: tabular-nums; }
[data-marketing-page="home"] .home-insights-floor { margin-top: 16px !important; font-size: 13px; color: var(--m-muted); }
[data-marketing-page="home"] .home-insights-assist { margin-top: 40px; font-size: 20px; line-height: 1.3; }
[data-marketing-page="home"] .home-assistant-pair { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin-top: 16px; }
[data-marketing-page="home"] .home-insights-cta { margin-top: 28px !important; }

@media (max-width: 900px) {
  [data-marketing-page="home"] .home-ask-grid, [data-marketing-page="home"] .home-insights-grid { grid-template-columns: 1fr; gap: 24px; }
  [data-marketing-page="home"] .home-ask-scene { position: static; }
  [data-marketing-page="home"] .home-assistant-pair { grid-template-columns: 1fr !important; }
}
@media (max-width: 600px) {
  [data-marketing-page="home"] .home-intro .home-hero-sub { order: 1; font-size: 17px; margin-top: 12px !important; }
  [data-marketing-page="home"] .home-ask-copy h2 { font-size: 28px; }
  [data-marketing-page="home"] .home-ask-lead { font-size: 16px; }
  [data-marketing-page="home"] .home-stage-benefit { font-size: 15px; }
  .home-visual .hv-tile-value { font-size: 18px; }
}
[data-marketing-page="home"] .home-assistant-pair .home-beat-content { min-height: 0; padding: 12px 14px; }
[data-marketing-page="home"] .home-assistant-pair .home-beats { margin-top: 12px; gap: 12px; }
[data-marketing-page="home"] .home-assistant-pair h3 { font-size: 20px; margin-bottom: 8px; }
[data-marketing-page="home"] .home-insights .home-insights-assist { margin-top: 40px !important; }
.home-visual .hv-lot-bad .pv-field-key, .home-visual .hv-expired .pv-field-key { border-color: #e9b4ad; background: #fdf1ef; }
.home-visual .hv-lot-bad .pv-field-key .hv-value, .home-visual .hv-lot-bad .pv-field-key .pv-label,
.home-visual .hv-expired .pv-field-key .hv-value, .home-visual .hv-expired .pv-field-key .pv-label { color: #b3261e; }
@media (max-width: 600px) { [data-marketing-page="home"] .home-ask-also-in-chat { display: none; } }
.home-visual .hv-best-row .pv-field { border-color: var(--m-green); background: #eef5e9; }
/* Ordering — the money the shop saved (2026-10-13: show how much they save). */
.home-visual .hv-estimate { margin: 12px 0 0; padding: 8px 12px; border-radius: 8px; background: #eef5e9; color: var(--m-green); font-weight: 650; font-variant-numeric: tabular-nums; }
.home-visual .hv-savings .hv-after { margin: 0 0 10px; font-style: italic; }
.home-visual .hv-saved-head { display: flex; align-items: end; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.home-visual .hv-saved-head .hv-kicker { display: block; font-size: 14px; color: var(--m-muted); }
.home-visual .hv-saved-amt { display: block; font-size: 44px; line-height: 1.05; font-weight: 750; color: var(--m-green); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.home-visual .hv-bars { display: grid; gap: 8px; margin-top: 16px; }
.home-visual .hv-bar-row { display: grid; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr) auto; align-items: center; gap: 10px; font-size: 14px; }
.home-visual .hv-bar { display: block; height: 14px; width: var(--w); border-radius: 0 7px 7px 0; background: #c9d6cd; }
.home-visual .hv-bar-best .hv-bar { background: var(--m-green); }
.home-visual .hv-bar-value { font-weight: 650; font-variant-numeric: tabular-nums; }
.home-visual .hv-formula { margin: 12px 0 0; font-weight: 650; font-variant-numeric: tabular-nums; color: var(--m-ink); }
.home-visual .hv-month { display: grid; gap: 2px; margin-top: 14px; padding: 10px 12px; border-radius: 8px; background: #f3f8f2; }
.home-visual .hv-month strong { font-size: 17px; color: var(--m-green); font-variant-numeric: tabular-nums; }
@media (max-width: 600px) { .home-visual .hv-bar-row { grid-template-columns: 1fr auto; } .home-visual .hv-bar { grid-column: 1 / -1; grid-row: 2; } .home-visual .hv-saved-amt { font-size: 36px; } }

/* Chain as a card (2026-10-14): full width under the three plans, quieter than Free. */
.home-chain-card { margin-top: 16px; padding: 20px; border: 1px solid var(--m-line); border-radius: 10px; display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) auto; align-items: center; gap: 12px 24px; background: #fafbf9; }
.home-chain-card .home-chain-copy h3 { margin: 0; font-size: 22px; }
.home-chain-card .home-plan-kicker { min-height: 0; margin-bottom: 6px; }
.home-chain-card .home-chain-what { margin: 6px 0 0; font-size: 14px; line-height: 1.5; color: var(--m-muted); }
.home-chain-card .m-pp { margin-bottom: 0; }
.home-chain-card .home-chain-extra { margin: 4px 0 0; font-size: 13px; line-height: 1.45; color: var(--m-muted); }
.home-chain-card .home-chain-act { display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
.home-chain-card .home-chain-act .m-button { margin: 0; width: auto; white-space: nowrap; }
.home-chain-card .home-chain-act .m-small { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; font-size: 13px; }
@media (max-width: 900px) {
  .home-chain-card { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .home-chain-card .home-chain-act { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; }
}
@media (max-width: 600px) {
  .home-chain-card { display: flex; flex-direction: column; align-items: stretch; gap: 8px; padding: 14px 16px; margin-top: 10px; }
  .home-chain-card .home-chain-act { flex-direction: column; align-items: stretch; }
  .home-chain-card .home-chain-act .m-button { width: 100%; }
}

/* Every plan's list, inline (2026-10-16). Full is the recommended card and comes first
   on a narrow screen; nothing is collapsed — every feature line is visible without a tap. */
.home-plans-scope .home-trial-line { margin: 0 0 20px; max-width: 820px; font-size: 20px; line-height: 1.4; font-weight: 650; color: var(--m-ink, #17201a); }
.home-price-card .home-plan-plus { margin: 4px 0 8px; font-size: 14px; font-weight: 650; }
.home-plan-features { list-style: none; width: 100%; margin: 0 0 20px; padding: 0; display: grid; gap: 8px; font-size: 14px; line-height: 1.45; }
.home-plan-features li { position: relative; padding-left: 22px; overflow-wrap: anywhere; }
.home-plan-features li::before { content: ""; position: absolute; left: 3px; top: .38em; width: 10px; height: 5px; border-left: 2px solid var(--m-green); border-bottom: 2px solid var(--m-green); transform: rotate(-45deg); }
.home-price-card.home-plan-lead { box-shadow: 0 6px 18px rgba(23, 74, 40, .10); }
.home-chain-card .home-plan-features { margin: 8px 0 0; }
.home-price-card .home-plan-upsell { margin: 2px 0 10px; font-size: 14px; line-height: 1.45; font-weight: 600; color: var(--m-dark, #173d30); }
.home-price-card .home-plan-detail { margin: -8px 0 16px; font-size: 12.5px; line-height: 1.45; color: var(--m-muted, #5b6660); }
.home-chain-min .m-pp-from { font-weight: 650; color: var(--m-ink, #17201a); }
.home-chain-card .home-plan-plus { margin: 8px 0 0; font-size: 14px; font-weight: 650; }
@media (max-width: 900px) {
  .home-price-cards { grid-template-columns: minmax(0,1fr); }
  .home-price-card.home-plan-pro { order: 1; }
  .home-price-card.home-plan-starter { order: 2; }
  .home-price-card.home-plan-free { order: 3; }
}
@media (max-width: 600px) {
  .home-plans-scope .home-trial-line { font-size: 18px; }
  .home-price-card { display: flex; flex-direction: column; align-items: stretch; padding: 16px; }
  .home-price-card > .home-plan-kicker, .home-price-card > .home-lead-label { align-self: flex-start; margin-bottom: 6px; }
  .home-price-card h3 { font-size: 20px; }
  .home-price-card .m-pp { margin-bottom: 8px; }
  .home-price-card .m-button { width: 100%; margin: 4px 0 0; padding: 12px 16px; font-size: 15px; }
  .home-plan-features { margin-bottom: 12px; }
}

/* install the app (2026-10-16) */.nesayo-marketing .home-install{border-top:1px solid var(--m-line)}.nesayo-marketing .home-install-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.nesayo-marketing .home-install-copy p{margin-top:14px;font-size:17px;line-height:1.6}.nesayo-marketing .home-install-steps{margin:0;padding-left:22px;color:var(--m-ink);font-size:16px;line-height:1.6}.nesayo-marketing .home-install-steps li{padding:6px 0}.nesayo-marketing .home-install-done{color:var(--m-green);font-weight:600}@media(max-width:900px){.nesayo-marketing .home-install-wrap{grid-template-columns:1fr;gap:24px}}@media(max-width:600px){.nesayo-marketing .home-install #homeInstallBtn{width:100%}}

/* install chip (2026-10-17): the older version's one-tap install, shown only while the browser offers it */.home-install-chip{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:9000;display:flex;align-items:center;gap:4px;max-width:calc(100% - 24px);background:var(--m-green,#1A6B4C);color:#fff;border-radius:999px;box-shadow:0 6px 24px rgba(0,0,0,.25);padding:4px 6px 4px 4px}.home-install-chip button{background:none;border:0;color:#fff;font:inherit;font-weight:600;cursor:pointer;min-height:44px}.home-install-chip-go{padding:0 16px;font-size:15px;white-space:nowrap}.home-install-chip-x{min-width:44px;font-size:16px;opacity:.85}