.home-badge {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 999px;
    background: var(--accent);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.home-link {
    color: var(--ink);
    font-weight: 700;
    border-bottom: 1px solid var(--border);
}

.home-link:hover {
    color: var(--accent);
    border-bottom-color: var(--accent);
}

.home-btn {
    display: inline-block;
    padding: 12px 26px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.home-btn--lg {
    padding: 14px 32px;
    font-size: 16px;
}

.home-btn--solid {
    background: var(--accent);
    color: #fff;
    box-shadow: 0 10px 24px rgba(47, 107, 255, 0.24);
}

.home-btn--solid:hover {
    background: var(--accent-dark);
    color: #fff;
}

.home-btn--ghost {
    border-color: var(--border);
    color: var(--ink);
    background: var(--page);
}

.home-btn--ghost:hover {
    border-color: var(--accent);
    background: var(--accent-tint);
    color: var(--accent-dark);
}

.home-head {
    max-width: 720px;
    margin: 0 auto 46px;
    text-align: center;
}

.home-head__title {
    margin-top: 16px;
    font-size: 34px;
}

.home-hero {
    background: linear-gradient(180deg, var(--surface), var(--page));
    padding: calc(76px + 54px) var(--gutter) 60px;
}

.home-hero__inner {
    max-width: var(--wrap);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    align-items: center;
    gap: 48px;
}

.home-hero__title {
    margin-top: 18px;
    font-size: 40px;
}

.home-hero__lead {
    margin-top: 18px;
    font-size: 17px;
    line-height: 1.7;
}

.home-hero__lead strong {
    color: var(--ink);
}

.home-hero__actions {
    margin-top: 26px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.home-hero__stores {
    margin-top: 26px;
    display: flex;
    gap: 14px;
}

.home-hero__stores img {
    width: 155px;
    height: auto;
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(23, 32, 58, 0.08);
}

.home-hero__note {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.6;
}

.home-hero__art {
    display: flex;
    justify-content: center;
}

.home-hero__art .lv-phone {
    width: 288px;
    max-width: 100%;
}

.home-hero__art .lv-phone .screen {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 30px;
    border: 8px solid #fff;
    box-sizing: content-box;
    box-shadow: 0 26px 55px rgba(31, 42, 67, 0.17);
}

@media (prefers-reduced-motion: reduce) {
    
}

.home-google {
    background: var(--surface);
    padding: 76px var(--gutter);
}

.home-google__inner {
    max-width: var(--wrap);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    align-items: start;
    gap: 56px;
}

.home-google__title {
    margin-top: 16px;
    font-size: 30px;
}

.home-google__body {
    margin-top: 16px;
    font-size: 17px;
    line-height: 1.7;
}

.home-google__body strong {
    color: var(--ink);
}

.home-google__label {
    margin-top: 24px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink);
    margin-bottom: 10px;
}

.home-google__scope {
    display: inline-block;
    padding: 9px 14px;
    border-radius: 10px;
    background: var(--accent-tint);
    color: var(--accent-dark);
    font-size: 13px;
    word-break: break-all;
}

.home-google__note {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.6;
}

.home-google__ledgers {
    display: grid;
    gap: 24px;
}

.home-ledger {
    background: var(--page);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 32px;
    box-shadow: 0 18px 40px rgba(23, 32, 58, 0.08);
}

.home-ledger__title {
    display: block;
    font-size: 19px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 18px;
}

.home-ledger ul {
    display: grid;
    gap: 14px;
}

.home-ledger li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 15px;
    line-height: 1.6;
}

.home-ledger li strong {
    color: var(--ink);
}

.home-ledger svg {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-top: 3px;
}

.home-ledger--do svg {
    color: var(--success);
}

.home-ledger--dont svg {
    color: var(--danger);
}

.home-pricing {
    padding: 76px var(--gutter);
}

.home-pricing__inner {
    max-width: var(--wrap);
    margin: 0 auto;
}

/* Four fixed columns left two empty ones the day the lifetime tiers were
   switched off. Flex takes what it needs and centres the rest. */
.home-pricing__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    align-items: stretch;
}

.home-plan {
    flex: 1 1 250px;
    max-width: 340px;
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--page);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 32px 28px;
    box-shadow: 0 14px 34px rgba(23, 32, 58, 0.06);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.home-plan:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 44px rgba(23, 32, 58, 0.12);
}

.home-plan--featured {
    border-color: var(--accent);
}

.home-plan__flag {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 14px;
    border-radius: 999px;
    background: var(--accent);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.home-plan__name {
    display: block;
    font-size: 19px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 10px;
}

.home-plan__price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 20px;
}

.home-plan__amount {
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    color: var(--ink);
}

.home-plan__term {
    font-size: 14px;
    color: var(--muted);
}

.home-plan__features {
    margin-bottom: 24px;
}

.home-plan__features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--border);
    font-size: 14.5px;
    line-height: 1.5;
}

.home-plan__features li:last-child {
    border-bottom: 0;
}

.home-plan__features svg {
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    margin-top: 3px;
}

.home-plan__features .home-plan__on {
    color: var(--ink);
}

.home-plan__features .home-plan__on svg {
    color: var(--success);
}

.home-plan__features .home-plan__off {
    color: var(--muted);
    opacity: 0.7;
}

.home-plan__features .home-plan__off svg {
    color: var(--danger);
}

.home-plan__cta {
    margin-top: auto;
    width: 100%;
}

.home-pricing__foot {
    margin-top: 32px;
    text-align: center;
    font-size: 16px;
}

@media (max-width: 1100px) {
    .home-hero__title {
        font-size: 36px;
    }

    .home-pricing__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .home-hero {
        padding-top: calc(64px + 44px);
        padding-bottom: 48px;
    }

    .home-hero__inner {
        grid-template-columns: 1fr;
        gap: 44px;
        text-align: center;
    }

    .home-hero__copy {
        order: 2;
    }

    .home-hero__art {
        order: 1;
    }

    .home-hero__actions,
    .home-hero__stores {
        justify-content: center;
    }

    .home-google,
    .home-pricing {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .home-google__inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .home-head {
        margin-bottom: 36px;
    }
}

@media (max-width: 640px) {
    .home-hero__title {
        font-size: 29px;
    }

    .home-hero__lead,
    .home-google__body {
        font-size: 16px;
    }

    .home-hero__actions .home-btn {
        width: 100%;
    }

    .home-hero__stores img {
        width: 138px;
    }

    .home-head__title,
    .home-google__title {
        font-size: 25px;
    }

    .home-ledger {
        padding: 24px;
    }

    .home-pricing__grid {
        grid-template-columns: 1fr;
    }
}

.lvm {
    --shadow-sm: 0 10px 30px rgba(27, 42, 74, 0.08);
}

.lvm img {
    height: auto;
}

.lvm .automation h2,
.lvm .cta-box h2 {
    color: inherit;
}

.lvm .logos {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.lvm .wrap { width:min(var(--wrap),calc(100% - 40px));margin:0 auto }
.lvm .section { padding:100px 0 }
.lvm .section-tight { padding:72px 0 }
.lvm .eyebrow { display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:16px }
.lvm .eyebrow::before { content:"";width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px rgba(47,107,244,.10) }
.lvm h2,
.lvm h3,
.lvm p { margin-top:0 }
.lvm h2 { font-size:clamp(34px,4vw,56px);line-height:1.05;letter-spacing:-.038em;margin-bottom:18px }
.lvm h3 { font-size:21px;line-height:1.22;letter-spacing:-.018em;margin-bottom:10px }
.lvm .lead { font-size:20px;line-height:1.55;color:#4b5563;max-width:760px }
.lvm .sublead { font-size:17px;color:var(--muted);max-width:680px }
.lvm .btn { display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 19px;border-radius:12px;border:1px solid transparent;font-weight:700;transition:.2s ease;cursor:pointer }
.lvm .btn-primary { background:var(--accent);color:#fff;box-shadow:0 9px 22px rgba(47,107,244,.24) }
.lvm .btn-primary:hover { transform:translateY(-1px);background:#245de2 }
.lvm .btn-secondary { background:#fff;border-color:#d9dee8;color:#1f2937 }
.lvm .btn-secondary:hover { border-color:#bfc7d5;background:#fafafa }
.lvm .btn-small { padding:9px 14px;font-size:14px;border-radius:10px }
.lvm .proof { padding:18px 0 60px;background:#fbfcff }
.lvm .proof-row { display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap }
.lvm .proof-pill { padding:9px 13px;border:1px solid #e8ebf2;border-radius:999px;background:#fff;font-size:13px;color:#566074;font-weight:650 }
.lvm .story-head { display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:46px }
.lvm .story-head .sublead { margin-bottom:4px }
.lvm .three { display:grid;grid-template-columns:repeat(3,1fr);gap:20px }
.lvm .step { border:1px solid var(--border);border-radius:24px;padding:26px;background:#fff;min-height:240px;position:relative;overflow:hidden }
.lvm .step-num { font-size:13px;font-weight:850;color:var(--accent);letter-spacing:.08em;margin-bottom:34px }
.lvm .step p { color:var(--muted);margin-bottom:0 }
.lvm .step::after { content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:var(--accent-tint);right:-70px;bottom:-70px }
.lvm .feature-band { background:var(--surface) }
.lvm .feature-row { display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center;margin:74px 0 }
.lvm .feature-row.reverse { grid-template-columns:1.12fr .88fr }
.lvm .feature-row.reverse .feature-copy { order:2 }
.lvm .feature-row.reverse .feature-visual { order:1 }
.lvm .kicker { font-size:13px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px }
.lvm .feature-copy p { color:var(--muted);font-size:17px;max-width:550px }
.lvm .ticks { display:grid;gap:12px;margin-top:24px }
.lvm .tick { display:flex;gap:10px;align-items:flex-start;font-size:15px;color:#3f4755 }
.lvm .tick i { font-style:normal;width:22px;height:22px;border-radius:999px;background:#eaf2ff;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-weight:850;flex:0 0 auto;margin-top:1px }
.lvm .feature-visual { position:relative;min-height:540px;border-radius:32px;background:linear-gradient(145deg,#edf3ff,#f7f5ff);border:1px solid #e2e8f6;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:34px }
.lvm .feature-visual .screen { width:236px;height:auto;box-sizing:content-box;border-radius:34px;box-shadow:0 26px 55px rgba(31,42,67,.17);border:8px solid #fff }
.lvm .feature-visual.dual { gap:20px }
.lvm .feature-visual.dual .screen { width:202px }
.lvm .mini-card { position:absolute;background:#fff;border:1px solid #e5e9f2;border-radius:18px;padding:15px 16px;box-shadow:var(--shadow-sm);font-size:13px;font-weight:700;color:#475569 }
.lvm .mini-card strong { display:block;font-size:15px;color:#18212f;margin-bottom:5px }
.lvm .mc1 { left:24px;bottom:30px;max-width:220px }
.lvm .mc2 { right:26px;top:34px;max-width:205px }
.lvm .floating-shot { position:absolute;right:22px;top:24px;width:205px;height:auto;box-sizing:content-box;border-radius:22px;border:7px solid #fff;box-shadow:var(--shadow-sm) }
.lvm .cap-head { max-width:760px;margin-bottom:40px }
.lvm .cap-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px }
.lvm .cap { padding:23px;border:1px solid var(--border);border-radius:20px;background:#fff;min-height:180px }
.lvm .cap-icon { width:40px;height:40px;border-radius:12px;background:var(--accent-tint);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:18px;font-weight:850;margin-bottom:22px }
.lvm .cap p { font-size:14px;color:var(--muted);margin-bottom:0 }
.lvm .badge { display:inline-flex;margin-top:12px;font-size:11px;font-weight:800;color:#687386;border:1px solid #e1e5ed;padding:4px 7px;border-radius:999px;background:#fafbfc }
.lvm .automation { background:#111827;color:#fff;overflow:hidden }
.lvm .automation .eyebrow { color:#94b8ff }
.lvm .automation .eyebrow::before { background:#78a7ff;box-shadow:0 0 0 6px rgba(120,167,255,.13) }
.lvm .automation .sublead { color:#b8c0ce }
.lvm .auto-grid { display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center }
.lvm .recipe-list { display:grid;gap:13px;margin-top:28px }
.lvm .recipe { display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;border:1px solid #2a3446;border-radius:16px;padding:14px 15px;background:#151d2b }
.lvm .recipe .rnum { width:34px;height:34px;border-radius:10px;background:#24365c;color:#a8c4ff;display:flex;align-items:center;justify-content:center;font-weight:850 }
.lvm .recipe strong { display:block;font-size:14px }
.lvm .recipe span { font-size:12px;color:#98a3b4 }
.lvm .recipe b { font-size:11px;color:#9ab7f5;background:#1f3154;border:1px solid #324e83;padding:5px 7px;border-radius:999px }
.lvm .auto-visual { position:relative;min-height:620px }
.lvm .auto-visual::before { content:"";position:absolute;inset:6% 3% 8% 8%;border-radius:36px;background:radial-gradient(circle at 70% 20%,rgba(62,122,255,.22),transparent 35%),#172131;border:1px solid #27364f }
.lvm .auto-phone { position:absolute;width:286px;top:2%;left:13%;z-index:2;border-radius:40px;padding:8px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.35) }
.lvm .auto-phone img { width:100%;height:auto;display:block;border-radius:33px }
.lvm .workflow-card { position:absolute;right:0;top:19%;width:310px;z-index:3;background:#fff;color:#111827;border-radius:22px;padding:18px;box-shadow:0 25px 60px rgba(0,0,0,.30) }
.lvm .workflow-live { position:absolute;left:3%;bottom:0;width:190px;height:auto;box-sizing:content-box;z-index:4;border:6px solid #fff;border-radius:28px;box-shadow:0 18px 45px rgba(0,0,0,.30) }
.lvm .workflow-card .wc-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:16px }
.lvm .workflow-card .wc-head span { font-size:12px;color:#64748b }
.lvm .node { border:1px solid #e4e9f2;border-radius:14px;padding:12px 13px;margin-top:9px;background:#fbfcfe }
.lvm .node small { display:block;font-weight:800;color:var(--accent);margin-bottom:3px }
.lvm .node strong { font-size:13px }
.lvm .connector { text-align:center;color:#9ca3af;font-size:18px;line-height:1;margin:6px 0 }
.lvm .integrations { background:linear-gradient(180deg,#fbfcff 0%,#fff 100%) }
.lvm .integration-box { border:1px solid var(--border);border-radius:30px;padding:42px;background:#fff;box-shadow:var(--shadow-sm) }
.lvm .integration-top { display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px }
.lvm .tool { display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e4e8ef;border-radius:14px;background:#fff;min-width:142px;font-size:14px;font-weight:750 }
.lvm .tool-icon { width:29px;height:29px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#475569;font-size:12px;font-weight:900 }
.lvm .rollout { font-size:12px;color:#7b8494;margin-top:14px }
.lvm .persona-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px }
.lvm .persona { padding:25px;border-radius:20px;background:var(--surface);border:1px solid #eceef3 }
.lvm .persona p { font-size:14px;color:var(--muted);margin-bottom:0 }
.lvm .principles { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px }
.lvm .principle { border-top:3px solid var(--accent);padding:20px 4px 0 }
.lvm .principle span { display:block;font-size:13px;color:var(--muted) }
.lvm .cta { padding:84px 0 }
.lvm .cta-box { background:linear-gradient(135deg,#2f6bf4,#2253c7);border-radius:34px;padding:52px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:0 30px 70px rgba(47,107,244,.28) }
.lvm .cta-box h2 { max-width:690px;margin-bottom:12px }
.lvm .cta-box p { color:#dce8ff;margin-bottom:0;max-width:680px }
.lvm .cta-box .btn-secondary { border-color:rgba(255,255,255,.24) }
@media (max-width: 980px) {
    .lvm .auto-grid,
    .lvm .feature-row,
    .lvm .feature-row.reverse { grid-template-columns:1fr;gap:38px }
    .lvm .feature-row.reverse .feature-copy,
    .lvm .feature-row.reverse .feature-visual { order:initial }
    .lvm .cap-grid { grid-template-columns:repeat(2,1fr) }
    .lvm .persona-grid { grid-template-columns:repeat(2,1fr) }
    .lvm .principles { grid-template-columns:repeat(2,1fr) }
    .lvm .story-head,
    .lvm .integration-top,
    .lvm .cta-box { align-items:flex-start;flex-direction:column }
}
@media (max-width: 680px) {
    .lvm .wrap { width:min(var(--wrap),calc(100% - 28px)) }
    .lvm .section { padding:72px 0 }
    .lvm .lead { font-size:18px }
    .lvm .three,
    .lvm .persona-grid,
    .lvm .cap-grid,
    .lvm .principles { grid-template-columns:1fr }
    .lvm .feature-visual { min-height:460px;padding:22px }
    .lvm .feature-visual .screen { width:206px }
    .lvm .feature-visual.dual { gap:8px }
    .lvm .feature-visual.dual .screen { width:44% }
    .lvm .mc1,
    .lvm .mc2,
    .lvm .floating-shot { display:none }
    .lvm .auto-visual { min-height:610px }
    .lvm .auto-phone { width:250px;left:3% }

    .lvm .workflow-card { width:248px;right:-2%;top:35% }
    .lvm .integration-box { padding:26px }
    .lvm .tool { min-width:0;flex:1 1 145px }
    .lvm .cta-box { padding:34px 27px }
}

/* The plan's feature list, folded — see the pricing page, same idea. */
.home-plan__list {
    position: relative;
    max-height: 318px;
    overflow: hidden;
    transition: max-height 0.28s ease;
}

.home-plan__list::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 62px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--page));
    pointer-events: none;
}

.home-plan--open .home-plan__list {
    max-height: 1600px;
}

.home-plan--open .home-plan__list::after {
    opacity: 0;
}

.home-more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin: 0 0 20px;
    padding: 8px 0;
    border: 0;
    background: none;
    color: var(--accent);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.home-more:hover {
    text-decoration: underline;
}

.home-more__chevron {
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform 0.2s ease;
}

.home-plan--open .home-more__chevron {
    transform: translateY(1px) rotate(-135deg);
}