/*
 * ANORA Growth Landing
 * Benefit-led evolution of the existing public design DNA.
 * This stylesheet is loaded only by the protected Superadmin preview.
 */

.lpvv-landing {
    --lpvv-soft: #f2f6f6;
    --lpvv-card: rgba(255, 255, 255, .9);
    --apv2-readable-min: 13px;
}

.lpvv-landing .apv2-main { overflow: clip; }

.lpvv-landing #problem,
.lpvv-landing #nutzen,
.lpvv-landing #system,
.lpvv-landing #fuer-wen,
.lpvv-landing #module,
.lpvv-landing #arbeitsraeume,
.lpvv-landing #workflow,
.lpvv-landing #output,
.lpvv-landing #wirtschaftlichkeit,
.lpvv-landing #faq {
    scroll-margin-top: calc(var(--apv2-header-height) + 22px);
}

.lpvv-hero { padding-bottom: 0; background: #07131c; }

.lpvv-hero .lpv2-hero-intro {
    min-height: calc(100svh - var(--apv2-header-height) - 42px);
    padding: clamp(76px, 9vh, 112px) 0 clamp(76px, 9vh, 108px);
    color: #fff;
    background: #07131c;
}

.lpvv-hero .lpv2-hero-film::before {
    background: linear-gradient(90deg, rgba(3, 11, 17, .9) 0%, rgba(4, 14, 22, .74) 39%, rgba(5, 16, 25, .36) 70%, rgba(5, 16, 25, .48) 100%);
}

.lpvv-hero .lpv2-hero-film::after {
    background: linear-gradient(180deg, rgba(3, 11, 17, .2) 0%, rgba(3, 11, 17, .03) 61%, rgba(3, 11, 17, .4) 86%, #fff 100%);
}

.lpvv-city-film picture,
.lpvv-city-film video,
.lpvv-city-film img {
    display: block;
    width: 100%;
    height: 100%;
}

.lpvv-city-film picture,
.lpvv-city-film video {
    position: absolute;
    z-index: 0;
    inset: 0;
}

.lpvv-city-film img,
.lpvv-city-film video {
    object-fit: cover;
    object-position: center center;
    filter: saturate(.82) contrast(1.04) brightness(.84);
}

.lpvv-city-film img {
    transform: scale(1.025);
    animation: lpvv-city-drift 22s ease-in-out infinite alternate;
}

.lpvv-hero-grid {
    grid-template-columns: minmax(0, 1.14fr) minmax(410px, .7fr);
    align-items: center;
    gap: clamp(42px, 4vw, 58px);
}

.lpvv-hero-copy { max-width: 790px; text-shadow: 0 2px 24px rgba(0, 0, 0, .2); }

.lpvv-hero-copy .apv2-kicker { color: #8ce8d8; }

.lpvv-hero-copy .apv2-display {
    max-width: 780px;
    margin-top: 22px;
    color: #fff;
    font-size: clamp(44px, 3.3vw, 48px);
    letter-spacing: -.047em;
    line-height: .98;
    text-wrap: balance;
}

.lpvv-hero-copy .apv2-lead { max-width: 710px; color: rgba(255, 255, 255, .76); font-size: clamp(16px, 1.28vw, 19px); line-height: 1.62; }
.lpvv-hero-copy .apv2-button-primary { color: var(--apv2-ink); background: #fff; box-shadow: 0 12px 30px rgba(0, 0, 0, .2); }
.lpvv-hero-copy .apv2-button-secondary { border-color: rgba(255, 255, 255, .26); color: #fff; background: rgba(7, 19, 28, .34); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.lpvv-hero-copy .apv2-button-secondary:hover { border-color: rgba(255, 255, 255, .44); color: #fff; background: rgba(255, 255, 255, .12); }
.lpvv-hero-copy .lpv2-proof-row { color: rgba(255, 255, 255, .7); }
.lpvv-hero-copy .lpv2-proof-row svg { color: #86e5d5; }

.lpvv-hero-system {
    position: relative;
    overflow: hidden;
    padding: 22px;
    border: 1px solid rgba(18, 22, 29, .095);
    border-radius: 28px;
    color: var(--apv2-ink);
    background: rgba(255, 255, 255, .87);
    box-shadow: 0 34px 90px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .88);
    -webkit-backdrop-filter: blur(26px) saturate(145%);
    backdrop-filter: blur(26px) saturate(145%);
}

.lpvv-hero-system::before {
    position: absolute;
    top: -90px;
    right: -82px;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(43, 211, 190, .2), rgba(62, 134, 236, .06) 48%, transparent 72%);
    content: "";
    pointer-events: none;
}

.lpvv-hero-system > header {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 16px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(18, 22, 29, .085);
}

.lpvv-hero-system > header span {
    color: var(--apv2-faint);
    font-size: var(--apv2-readable-min);
    font-weight: 760;
    letter-spacing: .095em;
    text-transform: uppercase;
}

.lpvv-hero-system > header strong { font-size: 18px; font-weight: 690; letter-spacing: -.025em; }

.lpvv-hero-system > header em {
    grid-area: 1 / 2 / 3;
    display: inline-flex;
    align-self: center;
    align-items: center;
    gap: 7px;
    padding: 6px 9px;
    border: 1px solid rgba(8, 168, 141, .12);
    border-radius: 999px;
    color: var(--apv2-mint-dark);
    background: rgba(234, 248, 245, .78);
    font-size: var(--apv2-readable-min);
    font-style: normal;
    font-weight: 720;
}

.lpvv-hero-system > header em i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #10ad8f;
    box-shadow: 0 0 0 4px rgba(16, 173, 143, .1);
    animation: lpvv-status 2.8s ease-in-out infinite;
}

.lpvv-context-source {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-top: 18px;
}

.lpvv-context-source span {
    padding: 6px 9px;
    border: 1px solid rgba(18, 22, 29, .07);
    border-radius: 999px;
    color: var(--apv2-muted);
    background: rgba(255, 255, 255, .8);
    font-size: var(--apv2-readable-min);
    font-weight: 640;
}

.lpvv-context-core {
    position: relative;
    display: grid;
    width: min(100%, 260px);
    min-height: 112px;
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    margin: 20px auto 0;
    padding: 18px;
    border: 1px solid rgba(8, 168, 141, .16);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(234, 248, 245, .86));
    box-shadow: 0 16px 44px rgba(35, 44, 58, .08), 0 0 0 7px rgba(255, 255, 255, .34);
}

.lpvv-context-core::before,
.lpvv-context-core::after {
    position: absolute;
    left: 50%;
    width: 1px;
    height: 20px;
    background: linear-gradient(var(--apv2-line), var(--apv2-mint));
    content: "";
}

.lpvv-context-core::before { top: -20px; }
.lpvv-context-core::after { bottom: -20px; transform: rotate(180deg); }

.lpvv-context-core > i {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    background: var(--apv2-ink);
    box-shadow: 0 12px 24px rgba(18, 22, 29, .16);
}

.lpvv-context-core > i svg { width: 25px; height: 25px; }
.lpvv-context-core p { margin: 0; }
.lpvv-context-core small,
.lpvv-context-core strong,
.lpvv-context-core span { display: block; }
.lpvv-context-core small { color: var(--apv2-mint-dark); font-size: var(--apv2-readable-min); font-weight: 740; letter-spacing: .075em; text-transform: uppercase; }
.lpvv-context-core strong { margin-top: 4px; font-size: 17px; letter-spacing: -.025em; }
.lpvv-context-core p > span { margin-top: 2px; color: var(--apv2-faint); font-size: var(--apv2-readable-min); }

.lpvv-context-flow {
    display: grid;
    height: 28px;
    grid-template-columns: 1fr 10px 1fr;
    align-items: end;
    margin: 0 16.5%;
}

.lpvv-context-flow span { height: 14px; border-bottom: 1px solid rgba(8, 168, 141, .34); }
.lpvv-context-flow span:first-child { border-right: 1px solid rgba(8, 168, 141, .34); border-radius: 0 0 9px; }
.lpvv-context-flow span:last-child { border-left: 1px solid rgba(8, 168, 141, .34); border-radius: 0 0 0 9px; }
.lpvv-context-flow i { width: 1px; height: 28px; justify-self: center; background: rgba(8, 168, 141, .34); }

.lpvv-context-outputs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }

.lpvv-context-outputs > div {
    display: grid;
    min-width: 0;
    min-height: 92px;
    align-content: center;
    justify-items: center;
    gap: 8px;
    padding: 11px 6px;
    border: 1px solid rgba(18, 22, 29, .07);
    border-radius: 15px;
    background: rgba(255, 255, 255, .78);
    text-align: center;
}

.lpvv-context-outputs > div > i { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 10px; color: var(--apv2-mint-dark); background: var(--apv2-mint-soft); }
.lpvv-context-outputs > div:nth-child(2) > i { color: var(--apv2-blue); background: var(--apv2-blue-soft); }
.lpvv-context-outputs > div:nth-child(3) > i { color: var(--apv2-violet); background: var(--apv2-violet-soft); }
.lpvv-context-outputs svg { width: 16px; height: 16px; }
.lpvv-context-outputs strong,
.lpvv-context-outputs small { display: block; overflow-wrap: anywhere; }
.lpvv-context-outputs strong { font-size: var(--apv2-readable-min); }
.lpvv-context-outputs small { margin-top: 2px; color: var(--apv2-faint); font-size: var(--apv2-readable-min); line-height: 1.3; }

.lpvv-hero-system > footer {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    margin-top: 14px;
    padding: 13px;
    border-radius: 14px;
    background: rgba(18, 22, 29, .94);
    color: #fff;
}

.lpvv-hero-system > footer > svg { width: 19px; height: 19px; justify-self: center; color: #75dfce; }
.lpvv-hero-system > footer strong,
.lpvv-hero-system > footer small { display: block; }
.lpvv-hero-system > footer strong { font-size: var(--apv2-readable-min); }
.lpvv-hero-system > footer small { margin-top: 2px; color: rgba(255, 255, 255, .6); font-size: var(--apv2-readable-min); }

.lpvv-problem-section { border-top: 1px solid rgba(18, 22, 29, .055); background: #fff; }

.lpvv-problem-grid,
.lpvv-benefit-grid,
.lpvv-audience-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }

.lpvv-problem-card {
    overflow: hidden;
    min-height: 0;
    border: 1px solid rgba(18, 22, 29, .07);
    border-radius: 23px;
    background: #fff;
    box-shadow: 0 20px 48px rgba(35, 44, 58, .07);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.lpvv-problem-card:hover { border-color: rgba(8, 168, 141, .16); box-shadow: 0 26px 62px rgba(35, 44, 58, .11); transform: translateY(-3px); }

.lpvv-problem-visual {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    margin: 0;
    border-bottom: 1px solid rgba(18, 22, 29, .055);
    background: #f3f6f6;
}

.lpvv-problem-visual::after {
    position: absolute;
    inset: 48% 0 0;
    background: linear-gradient(180deg, transparent, rgba(245, 248, 248, .62));
    content: "";
    pointer-events: none;
}

.lpvv-problem-visual img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.01); transition: transform .55s ease; }
.lpvv-problem-card:hover .lpvv-problem-visual img { transform: scale(1.045); }
.lpvv-problem-visual > span { position: absolute; z-index: 2; top: 15px; left: 15px; padding: 7px 10px; border: 1px solid rgba(18, 22, 29, .07); border-radius: 999px; color: #5f666d; background: rgba(255, 255, 255, .85); box-shadow: 0 8px 22px rgba(35, 44, 58, .08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-size: var(--apv2-readable-min); font-weight: 760; letter-spacing: .08em; }
.lpvv-problem-visual > i { position: absolute; z-index: 2; bottom: 15px; left: 15px; display: grid; width: 45px; height: 45px; place-items: center; border: 1px solid rgba(18, 22, 29, .06); border-radius: 14px; color: #4e565e; background: rgba(255, 255, 255, .9); box-shadow: 0 11px 26px rgba(35, 44, 58, .11); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.lpvv-problem-visual > i svg { width: 21px; height: 21px; }
.lpvv-problem-copy { padding: 23px 24px 26px; }
.lpvv-problem-card h3 { margin: 0; font-size: 21px; font-weight: 680; letter-spacing: -.025em; line-height: 1.08; }
.lpvv-problem-card p { margin: 13px 0 0; color: var(--apv2-muted); font-size: 13px; line-height: 1.6; }

.lpvv-relief-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    margin-top: 15px;
    padding: 19px 22px;
    border: 1px solid rgba(8, 168, 141, .14);
    border-radius: 19px;
    background: var(--apv2-mint-soft);
}

.lpvv-relief-line > i { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #fff; background: var(--apv2-ink); }
.lpvv-relief-line > i svg { width: 18px; height: 18px; }
.lpvv-relief-line > div { display: grid; gap: 4px; }
.lpvv-relief-line > div:last-child { text-align: right; }
.lpvv-relief-line span { color: var(--apv2-mint-dark); font-size: var(--apv2-readable-min); font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.lpvv-relief-line strong { font-size: 13px; font-weight: 650; }

.lpvv-benefit-section { background: var(--lpvv-soft); }

.lpvv-benefit-card {
    min-height: 310px;
    padding: 27px;
    border: 1px solid rgba(18, 22, 29, .06);
    border-radius: 24px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 14px 40px rgba(35, 44, 58, .04);
}

.lpvv-benefit-card header { display: flex; align-items: center; justify-content: space-between; }
.lpvv-benefit-card header > span { color: var(--apv2-faint); font-size: var(--apv2-readable-min); font-weight: 760; letter-spacing: .09em; }
.lpvv-benefit-card header > i { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; color: var(--apv2-mint-dark); background: var(--apv2-mint-soft); }
.lpvv-benefit-card:nth-child(2) header > i { color: var(--apv2-blue); background: var(--apv2-blue-soft); }
.lpvv-benefit-card:nth-child(3) header > i { color: var(--apv2-violet); background: var(--apv2-violet-soft); }
.lpvv-benefit-card:nth-child(4) header > i { color: #bd5947; background: var(--apv2-coral-soft); }
.lpvv-benefit-card header svg { width: 22px; height: 22px; }
.lpvv-benefit-card h3 { margin: 54px 0 0; font-size: 28px; font-weight: 680; letter-spacing: -.035em; line-height: 1; }
.lpvv-benefit-card p { margin: 16px 0 0; color: var(--apv2-muted); font-size: 13.5px; line-height: 1.64; }

.lpvv-emotional-value {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    align-items: center;
    gap: 22px;
    margin-top: 15px;
    padding: 28px 32px;
    border-radius: 24px;
    color: #fff;
    background: var(--apv2-ink);
}

.lpvv-emotional-value > span { display: grid; width: 62px; height: 62px; place-items: center; border: 1px solid rgba(255, 255, 255, .12); border-radius: 19px; color: #71decf; background: rgba(255, 255, 255, .055); }
.lpvv-emotional-value > span svg { width: 28px; height: 28px; }
.lpvv-emotional-value p { margin: 0; }
.lpvv-emotional-value small,
.lpvv-emotional-value strong { display: block; }
.lpvv-emotional-value small { color: #71decf; font-size: var(--apv2-readable-min); font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.lpvv-emotional-value strong { max-width: 970px; margin-top: 7px; font-size: clamp(18px, 2vw, 25px); font-weight: 630; letter-spacing: -.02em; line-height: 1.35; }

.lpvv-system-section { border-top: 1px solid rgba(18, 22, 29, .06); background: var(--apv2-canvas); }

.lpvv-comparison {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr);
    align-items: stretch;
    gap: 14px;
}

.lpvv-comparison > article { padding: clamp(25px, 3vw, 38px); border: 1px solid var(--apv2-line); border-radius: 27px; background: #fff; box-shadow: var(--apv2-shadow); }
.lpvv-comparison > article.is-fragmented { color: #42474e; background: #f5f6f7; box-shadow: none; }
.lpvv-comparison > article.is-connected { border-color: rgba(8, 168, 141, .18); background: linear-gradient(145deg, #fff, #f2fbf8); }
.lpvv-comparison article > header { min-height: 98px; padding-bottom: 24px; border-bottom: 1px solid var(--apv2-line); }
.lpvv-comparison article > header span { display: block; color: var(--apv2-faint); font-size: var(--apv2-readable-min); font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.lpvv-comparison .is-connected > header span { color: var(--apv2-mint-dark); }
.lpvv-comparison article > header strong { display: block; max-width: 440px; margin-top: 8px; font-size: clamp(22px, 2.3vw, 30px); font-weight: 680; letter-spacing: -.035em; line-height: 1.06; }
.lpvv-comparison article > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: start; gap: 12px; padding: 18px 0; border-bottom: 1px solid var(--apv2-line); }
.lpvv-comparison article > div:last-child { border-bottom: 0; padding-bottom: 0; }
.lpvv-comparison article > div > i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: var(--apv2-faint); background: rgba(255, 255, 255, .8); font-size: var(--apv2-readable-min); font-style: normal; font-weight: 750; }
.lpvv-comparison .is-connected article > div > i,
.lpvv-comparison .is-connected > div > i { color: var(--apv2-mint-dark); background: #fff; box-shadow: inset 0 0 0 1px rgba(8, 168, 141, .1); }
.lpvv-comparison article > div > i svg { width: 17px; height: 17px; }
.lpvv-comparison article p { margin: 0; }
.lpvv-comparison article p strong,
.lpvv-comparison article p small { display: block; }
.lpvv-comparison article p strong { font-size: 14px; }
.lpvv-comparison article p small { margin-top: 4px; color: var(--apv2-muted); font-size: var(--apv2-readable-min); line-height: 1.45; }
.lpvv-comparison-switch { display: grid; align-content: center; justify-items: center; gap: 12px; }
.lpvv-comparison-switch span { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--apv2-line); border-radius: 50%; color: var(--apv2-faint); background: #fff; font-size: var(--apv2-readable-min); font-weight: 750; }
.lpvv-comparison-switch svg { width: 22px; height: 22px; color: var(--apv2-mint-dark); }

.lpvv-noah-strip {
    display: grid;
    grid-template-columns: 176px minmax(0, 1fr) minmax(220px, .55fr);
    align-items: center;
    gap: clamp(24px, 4vw, 52px);
    margin-top: 16px;
    padding: clamp(28px, 4vw, 44px);
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 27px;
    color: #fff;
    background: radial-gradient(circle at 10% 50%, rgba(37, 159, 143, .14), transparent 31%), #11171c;
    box-shadow: 0 30px 80px rgba(18, 22, 29, .14);
}

.lpvv-noah-mark { display: grid; justify-items: center; gap: 10px; }
.lpvv-noah-mark > span { color: #77dece; font-size: var(--apv2-readable-min); font-weight: 760; letter-spacing: .16em; }

.lpvv-noah-orb-shell {
    display: grid;
    width: 142px;
    height: 142px;
    place-items: center;
    border: 1px solid rgba(117, 223, 206, .19);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(46, 202, 181, .15), rgba(255, 255, 255, .018) 58%, transparent 72%);
    box-shadow: 0 0 0 11px rgba(255, 255, 255, .022), inset 0 0 38px rgba(69, 219, 198, .045);
}

.lpvv-noah-orb-shell anora-thinking-orb { --anora-orb-size: 112px; }
.lpvv-noah-live { display: flex; min-height: 20px; align-items: center; justify-content: center; gap: 8px; margin: 0; color: rgba(255, 255, 255, .68); text-align: center; }
.lpvv-noah-live > i { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #77dece; box-shadow: 0 0 0 4px rgba(119, 222, 206, .09); animation: lpvv-status 2.8s ease-in-out infinite; }
.lpvv-noah-live strong { font-size: var(--apv2-readable-min); font-weight: 650; letter-spacing: .01em; }
.lpvv-noah-state-dots { display: flex; align-items: center; justify-content: center; gap: 7px; }
.lpvv-noah-state-dots button { width: 18px; height: 18px; padding: 0; border: 0; border-radius: 50%; outline-offset: 3px; background: transparent; cursor: pointer; }
.lpvv-noah-state-dots button::before { display: block; width: 5px; height: 5px; margin: auto; border-radius: 50%; background: rgba(255, 255, 255, .26); box-shadow: 0 0 0 0 rgba(119, 222, 206, 0); transition: width .2s ease, background-color .2s ease, box-shadow .2s ease; content: ""; }
.lpvv-noah-state-dots button:hover::before { background: rgba(255, 255, 255, .62); }
.lpvv-noah-state-dots button[aria-pressed="true"]::before { width: 13px; border-radius: 999px; background: #77dece; box-shadow: 0 0 0 4px rgba(119, 222, 206, .08); }
.lpvv-noah-strip > div:nth-child(2) small { color: #77dece; font-size: var(--apv2-readable-min); font-weight: 740; letter-spacing: .085em; text-transform: uppercase; }
.lpvv-noah-strip h3 { max-width: 650px; margin: 9px 0 0; font-size: clamp(27px, 3vw, 39px); font-weight: 650; letter-spacing: -.035em; line-height: 1.04; }
.lpvv-noah-strip p { max-width: 680px; margin: 14px 0 0; color: rgba(255, 255, 255, .6); font-size: 13px; line-height: 1.62; }
.lpvv-noah-strip .lpvv-noah-live { max-width: none; margin: 0; color: rgba(255, 255, 255, .68); font-size: inherit; line-height: normal; }
.lpvv-noah-strip ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.lpvv-noah-strip li { display: grid; min-height: 43px; grid-template-columns: 32px minmax(0, 1fr); align-items: center; gap: 9px; border-bottom: 1px solid rgba(255, 255, 255, .09); color: rgba(255, 255, 255, .78); font-size: var(--apv2-readable-min); font-weight: 620; }
.lpvv-noah-strip li:last-child { border-bottom: 0; }
.lpvv-noah-strip li span { color: #77dece; font-size: var(--apv2-readable-min); font-weight: 760; letter-spacing: .08em; }

.lpvv-audience-section { background: #fff; }

.lpvv-audience-card { min-height: 300px; padding: 27px; border: 1px solid rgba(18, 22, 29, .07); border-radius: 23px; background: #fff; box-shadow: 0 18px 44px rgba(35, 44, 58, .045); }
.lpvv-audience-card > i { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; color: var(--apv2-mint-dark); background: var(--apv2-mint-soft); }
.lpvv-audience-card > i svg { width: 22px; height: 22px; }
.lpvv-audience-card h3 { margin: 47px 0 0; font-size: 22px; font-weight: 680; letter-spacing: -.028em; line-height: 1.08; }
.lpvv-audience-card p { margin: 15px 0 0; color: var(--apv2-muted); font-size: 13px; line-height: 1.62; }

.lpvv-fit-check { display: grid; grid-template-columns: 260px minmax(0, 1fr); align-items: center; gap: 30px; margin-top: 15px; padding: 24px 28px; border: 1px solid rgba(8, 168, 141, .13); border-radius: 20px; background: var(--apv2-mint-soft); }
.lpvv-fit-check > strong { font-size: 16px; letter-spacing: -.015em; }
.lpvv-fit-check > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; }
.lpvv-fit-check span { display: inline-flex; align-items: center; gap: 8px; color: var(--apv2-muted); font-size: var(--apv2-readable-min); font-weight: 620; }
.lpvv-fit-check span svg { width: 15px; height: 15px; flex: 0 0 auto; color: var(--apv2-mint-dark); }

.lpvv-module-section { border-top: 1px solid rgba(18, 22, 29, .06); background: #f2f5f5; }
.lpvv-package-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }

.lpvv-package-card {
    --lpvv-package-accent: var(--apv2-mint-dark);
    --lpvv-package-soft: var(--apv2-mint-soft);
    display: grid;
    min-height: 490px;
    grid-template-rows: auto 1fr auto;
    padding: 30px;
    border: 1px solid rgba(18, 22, 29, .07);
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(35, 44, 58, .045);
}

.lpvv-package-card.is-blue { --lpvv-package-accent: var(--apv2-blue); --lpvv-package-soft: var(--apv2-blue-soft); }
.lpvv-package-card.is-violet { --lpvv-package-accent: var(--apv2-violet); --lpvv-package-soft: var(--apv2-violet-soft); }
.lpvv-package-card > header { min-height: 158px; padding-bottom: 24px; border-bottom: 1px solid var(--apv2-line); }
.lpvv-package-card > header span { color: var(--lpvv-package-accent); font-size: var(--apv2-readable-min); font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.lpvv-package-card > header strong { display: block; margin-top: 15px; font-size: clamp(28px, 3vw, 38px); font-weight: 680; letter-spacing: -.045em; line-height: 1; }
.lpvv-package-card > header p { margin: 14px 0 0; color: var(--apv2-muted); font-size: var(--apv2-readable-min); line-height: 1.52; }
.lpvv-package-card ul { display: grid; align-content: start; gap: 0; margin: 0; padding: 12px 0; list-style: none; }
.lpvv-package-card li { display: flex; min-height: 43px; align-items: center; gap: 9px; border-bottom: 1px solid rgba(18, 22, 29, .065); font-size: var(--apv2-readable-min); font-weight: 620; }
.lpvv-package-card li:last-child { border-bottom: 0; }
.lpvv-package-card li svg { width: 15px; height: 15px; flex: 0 0 auto; color: var(--lpvv-package-accent); }
.lpvv-package-card > footer { padding: 12px 14px; border-radius: 12px; color: var(--lpvv-package-accent); background: var(--lpvv-package-soft); font-size: var(--apv2-readable-min); font-weight: 690; text-align: center; }

.lpvv-terminology {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr) 34px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding: 22px 24px;
    border: 1px solid rgba(18, 22, 29, .075);
    border-radius: 20px;
    background: #fff;
}

.lpvv-terminology > div { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; }
.lpvv-terminology > div > span { color: var(--apv2-mint-dark); font-size: var(--apv2-readable-min); font-weight: 760; letter-spacing: .08em; }
.lpvv-terminology p { margin: 0; }
.lpvv-terminology strong,
.lpvv-terminology small { display: block; }
.lpvv-terminology strong { font-size: 13px; }
.lpvv-terminology small { margin-top: 3px; color: var(--apv2-faint); font-size: var(--apv2-readable-min); line-height: 1.4; }
.lpvv-terminology > i { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: var(--apv2-faint); background: #f4f6f7; }
.lpvv-terminology > i svg { width: 15px; height: 15px; }

.lpvv-workspace-section { border-top: 1px solid rgba(18, 22, 29, .055); }
.lpvv-workspace-section .lpv2-product-panel { background: #fff; }
.lpvv-workflow-section { border-top: 1px solid rgba(18, 22, 29, .055); }

.lpvv-roi-section { border-top: 1px solid rgba(18, 22, 29, .06); background: #eef3f2; }

.lpvv-roi-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, .65fr);
    gap: 16px;
}

.lpvv-roi-form,
.lpvv-roi-result { border: 1px solid rgba(18, 22, 29, .075); border-radius: 25px; background: #fff; box-shadow: 0 18px 52px rgba(35, 44, 58, .05); }
.lpvv-roi-form { display: grid; gap: 28px; padding: clamp(25px, 3.5vw, 38px); }
.lpvv-roi-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.lpvv-roi-form legend { width: 100%; padding: 0 0 17px; border-bottom: 1px solid var(--apv2-line); font-size: 14px; font-weight: 690; letter-spacing: -.01em; }
.lpvv-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
.lpvv-field-grid label { min-width: 0; }
.lpvv-field-grid label > span { display: block; margin-bottom: 7px; color: var(--apv2-muted); font-size: var(--apv2-readable-min); font-weight: 650; }
.lpvv-field-grid label > div { position: relative; }
.lpvv-field-grid input,
.lpvv-field-grid select { width: 100%; height: 52px; padding: 0 94px 0 14px; border: 1px solid rgba(18, 22, 29, .12); border-radius: 13px; color: var(--apv2-ink); outline: none; background: #fbfcfd; font-size: 14px; font-weight: 620; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }
.lpvv-field-grid select { padding-right: 95px; appearance: auto; }
.lpvv-field-grid input:focus,
.lpvv-field-grid select:focus { border-color: rgba(8, 168, 141, .65); background: #fff; box-shadow: 0 0 0 4px rgba(8, 168, 141, .1); }
.lpvv-field-grid input::placeholder { color: #959ba2; font-weight: 500; }
.lpvv-field-grid em { position: absolute; top: 50%; right: 12px; max-width: 84px; color: var(--apv2-faint); font-size: var(--apv2-readable-min); font-style: normal; font-weight: 650; text-align: right; transform: translateY(-50%); pointer-events: none; }

.lpvv-roi-result { display: flex; min-height: 100%; flex-direction: column; padding: clamp(25px, 3.5vw, 38px); color: #fff; background: #15191d; }
.lpvv-roi-result > header { padding-bottom: 22px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.lpvv-roi-result > header span { display: block; color: #78dfcf; font-size: var(--apv2-readable-min); font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.lpvv-roi-result > header strong { display: block; margin-top: 7px; color: rgba(255, 255, 255, .65); font-size: var(--apv2-readable-min); font-weight: 560; line-height: 1.45; }
.lpvv-roi-primary { padding: 30px 0 26px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.lpvv-roi-primary small,
.lpvv-roi-primary strong,
.lpvv-roi-primary span { display: block; }
.lpvv-roi-primary small { color: rgba(255, 255, 255, .5); font-size: var(--apv2-readable-min); font-weight: 650; }
.lpvv-roi-primary strong { margin-top: 9px; font-size: clamp(38px, 4vw, 55px); font-weight: 660; letter-spacing: -.05em; line-height: .95; }
.lpvv-roi-primary span { margin-top: 9px; color: rgba(255, 255, 255, .58); font-size: var(--apv2-readable-min); }
.lpvv-roi-result[data-roi-state="positive"] .lpvv-roi-primary strong { color: #7be2d2; }
.lpvv-roi-result[data-roi-state="negative"] .lpvv-roi-primary strong { color: #ffab9c; }
.lpvv-roi-result dl { display: grid; gap: 0; margin: 12px 0 28px; }
.lpvv-roi-result dl > div { display: flex; min-height: 45px; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid rgba(255, 255, 255, .075); }
.lpvv-roi-result dt { color: rgba(255, 255, 255, .5); font-size: var(--apv2-readable-min); }
.lpvv-roi-result dd { margin: 0; font-size: var(--apv2-readable-min); font-weight: 680; text-align: right; }
.lpvv-roi-result .apv2-button { width: 100%; margin-top: auto; color: var(--apv2-ink); background: #fff; }

.lpvv-roi-note { display: grid; grid-column: 1 / -1; grid-template-columns: 28px minmax(0, 1fr); align-items: start; gap: 10px; margin: 0; padding: 18px 20px; border: 1px solid rgba(18, 22, 29, .07); border-radius: 16px; color: var(--apv2-muted); background: rgba(255, 255, 255, .7); font-size: var(--apv2-readable-min); line-height: 1.55; }
.lpvv-roi-note > svg { width: 18px; height: 18px; color: var(--apv2-mint-dark); }
.lpvv-roi-note strong { color: var(--apv2-ink); }

.lpvv-faq-section { background: #fff; }
.lpvv-inline-cta { transition: color .18s ease; }
.lpvv-inline-cta svg { transition: transform .18s ease; }
.lpvv-inline-cta:hover { color: var(--apv2-mint-dark); }
.lpvv-inline-cta:hover svg { transform: translateX(3px); }
.lpvv-final-cta { background: #fff; }
.lpvv-final-cta .lpv2-final-card { background: linear-gradient(135deg, #eaf8f5, #eef4ff 60%, #f3f0ff); }

/* Keep inherited V2 chrome and proof microcopy at the Preview readability floor. */
.lpvv-landing .apv2-preview-pill,
.lpvv-landing .apv2-eyebrow,
.lpvv-landing .apv2-mobile-menu-inner nav a > span,
.lpvv-landing .apv2-mobile-menu-inner nav a small,
.lpvv-landing .apv2-mobile-meta span,
.lpvv-landing .lpv2-product-tabs button > span,
.lpvv-landing .lpv2-browser-bar b,
.lpvv-landing .lpv2-browser-bar em,
.lpvv-landing .lpv2-workflow-card > header span,
.lpvv-landing .lpv2-workflow-path b,
.lpvv-landing .apv2-practice-video-meta > span,
.lpvv-landing .apv2-practice-video-meta strong,
.lpvv-landing .apv2-output-card > header em,
.lpvv-landing .apv2-output-document-meta,
.lpvv-landing .apv2-writing-analysis > header span,
.lpvv-landing .apv2-writing-analysis li > span,
.lpvv-landing .apv2-writing-analysis > div > span,
.lpvv-landing .apv2-social-visual figcaption,
.lpvv-landing .apv2-social-caption > p,
.lpvv-landing .apv2-social-caption > small,
.lpvv-landing .apv2-output-social > footer span,
.lpvv-landing .anora-global-footer .apv2-footer-links strong,
.lpvv-landing .anora-global-footer .apv2-footer-mark-copy strong,
.lpvv-landing .anora-global-footer .apv2-footer-mark-copy small,
.lpvv-landing .anora-global-footer .apv2-footer-bottom span {
    font-size: var(--apv2-readable-min);
}

@keyframes lpvv-status {
    0%, 100% { opacity: .66; transform: scale(.9); }
    50% { opacity: 1; transform: scale(1.08); }
}

@keyframes lpvv-city-drift {
    0% { transform: scale(1.025) translate3d(0, 0, 0); }
    100% { transform: scale(1.085) translate3d(-1.2%, -.45%, 0); }
}

@media (max-width: 1120px) {
    .lpvv-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr); gap: 40px; }
    .lpvv-hero-copy .apv2-display { font-size: clamp(42px, 4.4vw, 48px); }
    .lpvv-problem-grid,
    .lpvv-benefit-grid,
    .lpvv-audience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lpvv-benefit-card,
    .lpvv-audience-card { min-height: 270px; }
    .lpvv-noah-strip { grid-template-columns: 176px minmax(0, 1fr); }
    .lpvv-noah-strip ol { grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .lpvv-noah-strip li { border-right: 1px solid rgba(255, 255, 255, .09); border-bottom: 0; padding-inline: 12px; }
    .lpvv-noah-strip li:last-child { border-right: 0; }
}

@media (max-width: 980px) {
    .lpvv-hero .lpv2-hero-intro { padding: 68px 0 80px; }
    .lpvv-hero-grid,
    .lpvv-roi-shell { grid-template-columns: 1fr; }
    .lpvv-hero-copy { max-width: 790px; }
    .lpvv-hero-copy .apv2-display { max-width: 760px; font-size: clamp(42px, 6vw, 52px); }
    .lpvv-hero-system { width: min(100%, 620px); }
    .lpvv-comparison { grid-template-columns: 1fr; }
    .lpvv-comparison-switch { grid-template-columns: auto auto; justify-content: center; padding-block: 3px; }
    .lpvv-comparison-switch svg { transform: rotate(90deg); }
    .lpvv-package-grid { grid-template-columns: 1fr; }
    .lpvv-package-card { min-height: 0; }
    .lpvv-package-card > header { min-height: 0; }
    .lpvv-package-card ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; }
    .lpvv-terminology { grid-template-columns: 1fr; }
    .lpvv-terminology > i { transform: rotate(90deg); justify-self: center; }
    .lpvv-roi-result { min-height: 480px; }
}

@media (max-width: 700px) {
    .lpvv-hero .lpv2-hero-intro { min-height: auto; padding: 52px 0 66px; }
    .lpvv-hero .lpv2-hero-film::before { background: linear-gradient(180deg, rgba(3, 11, 17, .66) 0%, rgba(3, 11, 17, .77) 48%, rgba(3, 11, 17, .63) 86%, rgba(3, 11, 17, .9) 100%); }
    .lpvv-hero .lpv2-hero-film::after { background: linear-gradient(180deg, rgba(3, 11, 17, .06), transparent 80%, #fff 100%); }
    .lpvv-city-film img,
    .lpvv-city-film video { object-position: 58% center; }
    .lpvv-hero-break { display: none; }
    .lpvv-hero-copy .apv2-display { max-width: 560px; font-size: clamp(36px, 9.7vw, 42px); letter-spacing: -.043em; line-height: 1.01; }
    .lpvv-hero-copy .apv2-lead { max-width: 580px; font-size: 15px; line-height: 1.58; }
    .lpvv-hero-system { padding: 17px; border-radius: 22px; }
    .lpvv-hero-system > header { grid-template-columns: 1fr; }
    .lpvv-hero-system > header em { grid-area: auto; justify-self: start; }
    .lpvv-context-source { justify-content: flex-start; }
    .lpvv-context-flow { margin-inline: 15%; }
    .lpvv-problem-grid,
    .lpvv-benefit-grid,
    .lpvv-audience-grid { grid-template-columns: 1fr; }
    .lpvv-benefit-card,
    .lpvv-audience-card { min-height: 0; }
    .lpvv-benefit-card h3,
    .lpvv-audience-card h3 { margin-top: 30px; }
    .lpvv-problem-copy { padding: 23px 23px 26px; }
    .lpvv-relief-line { grid-template-columns: 1fr; }
    .lpvv-relief-line > i { transform: rotate(90deg); justify-self: center; }
    .lpvv-relief-line > div:last-child { text-align: left; }
    .lpvv-emotional-value { grid-template-columns: 1fr; padding: 25px; }
    .lpvv-emotional-value > span { width: 52px; height: 52px; }
    .lpvv-comparison > article { padding: 24px; border-radius: 22px; }
    .lpvv-noah-strip { grid-template-columns: 1fr; padding: 26px 22px; }
    .lpvv-noah-mark { justify-items: center; }
    .lpvv-noah-orb-shell { width: 134px; height: 134px; }
    .lpvv-noah-orb-shell anora-thinking-orb { --anora-orb-size: 106px; }
    .lpvv-noah-strip ol { grid-column: auto; grid-template-columns: 1fr 1fr; }
    .lpvv-noah-strip li { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .09); }
    .lpvv-noah-strip li:nth-last-child(-n+2) { border-bottom: 0; }
    .lpvv-fit-check { grid-template-columns: 1fr; gap: 16px; padding: 22px; }
    .lpvv-fit-check > div { grid-template-columns: 1fr; }
    .lpvv-package-card { padding: 24px; border-radius: 22px; }
    .lpvv-package-card ul { grid-template-columns: 1fr; }
    .lpvv-terminology { padding: 19px; }
    .lpvv-field-grid { grid-template-columns: 1fr; }
    .lpvv-roi-form,
    .lpvv-roi-result { padding: 23px; border-radius: 22px; }
    .lpvv-roi-result { min-height: 440px; }
}

@media (max-width: 390px) {
    .lpvv-hero-copy .apv2-display { font-size: 35px; }
    .lpvv-context-source span { font-size: var(--apv2-readable-min); }
    .lpvv-context-core { grid-template-columns: 42px minmax(0, 1fr); padding: 15px; }
    .lpvv-context-core > i { width: 42px; height: 42px; border-radius: 13px; }
    .lpvv-context-outputs > div { min-height: 84px; }
    .lpvv-noah-strip ol { grid-template-columns: 1fr; }
    .lpvv-noah-strip li:nth-last-child(2) { border-bottom: 1px solid rgba(255, 255, 255, .09); }
    .lpvv-field-grid input,
    .lpvv-field-grid select { padding-right: 78px; }
    .lpvv-field-grid em { max-width: 70px; }
}

@media (prefers-reduced-motion: reduce) {
    .lpvv-hero .lpv2-hero-film { display: block; }
    .lpvv-hero-system > header em i { animation: none; }
    .lpvv-city-film img,
    .lpvv-noah-live > i { animation: none; }
    .lpvv-problem-card,
    .lpvv-problem-visual img { transition: none; }
    .lpvv-inline-cta svg { transition: none; }
}

/* --------------------------------------------------------------------------
 * Growth Landing · visual revision 2
 * Bright business-city hero, human audience photography and faster ROI input.
 * ----------------------------------------------------------------------- */

.lpvv-hero {
    padding-bottom: clamp(72px, 7vw, 104px);
    color: var(--apv2-ink);
    background: #fff;
}

.lpvv-hero .lpv2-hero-intro {
    min-height: clamp(660px, 82svh, 830px);
    padding: clamp(82px, 9vh, 116px) 0 clamp(150px, 16vh, 182px);
    color: var(--apv2-ink);
    background: #fff;
}

.lpvv-hero .lpv2-hero-film::before {
    z-index: 2;
    inset: 0;
    display: block;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .99) 30%, rgba(255, 255, 255, .9) 42%, rgba(255, 255, 255, .34) 56%, transparent 72%);
}

.lpvv-hero .lpv2-hero-film::after { display: none; }

.lpvv-city-film img,
.lpvv-city-film video {
    object-position: center center;
    filter: none;
}

.lpvv-city-film img { animation: none; transform: none; }
.lpvv-city-film video { opacity: 1; }
.lpvv-hero-grid { display: block; }

.lpvv-hero-copy {
    position: relative;
    z-index: 3;
    max-width: 650px;
    text-shadow: none;
}

.lpvv-hero-copy .apv2-kicker { color: #087d6b; }

.lpvv-hero-copy .apv2-display {
    max-width: 650px;
    margin-top: 20px;
    color: var(--apv2-ink);
    font-size: clamp(43px, 3.8vw, 57px);
    letter-spacing: -.044em;
    line-height: .98;
}

.lpvv-hero-copy .apv2-lead {
    max-width: 625px;
    color: #5b636b;
    font-size: clamp(15px, 1.18vw, 18px);
    line-height: 1.6;
}

.lpvv-hero-copy .apv2-button-primary {
    color: #fff;
    background: var(--apv2-ink);
    box-shadow: 0 14px 34px rgba(18, 22, 29, .15);
}

.lpvv-hero-copy .apv2-button-secondary {
    border-color: rgba(18, 22, 29, .12);
    color: var(--apv2-ink);
    background: rgba(255, 255, 255, .82);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.lpvv-hero-copy .apv2-button-secondary:hover {
    border-color: rgba(8, 168, 141, .28);
    color: var(--apv2-ink);
    background: #fff;
}

.lpvv-hero-copy .lpv2-proof-row { color: #697178; }
.lpvv-hero-copy .lpv2-proof-row svg { color: var(--apv2-mint-dark); }

.lpvv-context-dock {
    position: relative;
    z-index: 4;
    margin-top: clamp(-104px, -8vw, -82px);
}

.lpvv-context-dock .lpvv-hero-system {
    display: grid;
    width: min(100%, 1110px);
    max-width: none;
    gap: 14px;
    margin-inline: auto;
    padding: 18px 20px;
    border-color: rgba(18, 22, 29, .085);
    border-radius: 24px;
    background: rgba(255, 255, 255, .93);
    box-shadow: 0 26px 70px rgba(35, 44, 58, .13), inset 0 1px 0 #fff;
    -webkit-backdrop-filter: blur(24px) saturate(135%);
    backdrop-filter: blur(24px) saturate(135%);
}

.lpvv-context-dock .lpvv-hero-system > header {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px 18px;
    padding-bottom: 12px;
}

.lpvv-context-dock .lpvv-hero-system > header strong { font-size: 15px; }
.lpvv-context-dock .lpvv-hero-system > header em { grid-area: auto; }

.lpvv-context-compact {
    display: grid;
    grid-template-columns: minmax(220px, .9fr) 34px minmax(210px, .72fr) 34px minmax(360px, 1.25fr);
    align-items: center;
    gap: 10px;
}

.lpvv-context-compact .lpvv-context-source {
    justify-content: flex-start;
    gap: 6px;
    margin: 0;
}

.lpvv-context-compact .lpvv-context-source span { padding: 6px 9px; background: #f7f9fa; }

.lpvv-context-arrow {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    color: var(--apv2-mint-dark);
    background: var(--apv2-mint-soft);
}

.lpvv-context-arrow svg { width: 15px; height: 15px; }

.lpvv-context-compact .lpvv-context-core {
    width: 100%;
    min-height: 78px;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 11px;
    margin: 0;
    padding: 12px;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(35, 44, 58, .07);
}

.lpvv-context-compact .lpvv-context-core::before,
.lpvv-context-compact .lpvv-context-core::after { display: none; }
.lpvv-context-compact .lpvv-context-core > i { width: 40px; height: 40px; border-radius: 12px; }
.lpvv-context-compact .lpvv-context-core > i svg { width: 20px; height: 20px; }
.lpvv-context-compact .lpvv-context-core small { letter-spacing: .055em; }
.lpvv-context-compact .lpvv-context-core strong { font-size: 14px; }

.lpvv-context-compact .lpvv-context-outputs { gap: 7px; }
.lpvv-context-compact .lpvv-context-outputs > div {
    min-height: 76px;
    grid-template-columns: 27px minmax(0, 1fr);
    justify-items: start;
    gap: 7px;
    padding: 10px;
    text-align: left;
}

.lpvv-context-compact .lpvv-context-outputs > div > i { width: 27px; height: 27px; border-radius: 9px; }

.lpvv-context-dock .lpvv-hero-system > footer {
    grid-template-columns: 25px minmax(0, 1fr);
    gap: 8px;
    margin: 0;
    padding: 9px 12px;
}

.lpvv-context-dock .lpvv-hero-system > footer span {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.lpvv-context-dock .lpvv-hero-system > footer small { margin: 0; }

.lpvv-audience-grid { align-items: stretch; }

.lpvv-audience-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 430px;
    aspect-ratio: 4 / 5;
    padding: 0;
    border-color: rgba(18, 22, 29, .08);
    color: #fff;
    background: #11171c;
    box-shadow: 0 22px 54px rgba(35, 44, 58, .14);
    transition: transform .28s ease, box-shadow .28s ease;
}

.lpvv-audience-card:hover { box-shadow: 0 30px 70px rgba(35, 44, 58, .21); transform: translateY(-4px); }
.lpvv-audience-card > img { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease; }
.lpvv-audience-card:hover > img { transform: scale(1.035); }

.lpvv-audience-shade {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(180deg, rgba(8, 14, 18, .04) 12%, rgba(8, 14, 18, .15) 40%, rgba(8, 14, 18, .86) 77%, rgba(8, 14, 18, .97) 100%);
}

.lpvv-audience-card > header {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lpvv-audience-card > header b {
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 999px;
    background: rgba(10, 16, 20, .25);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    font-size: var(--apv2-readable-min);
    letter-spacing: .08em;
}

.lpvv-audience-card > header i {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 14px;
    color: #fff;
    background: rgba(255, 255, 255, .17);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.lpvv-audience-card > header i svg { width: 21px; height: 21px; }

.lpvv-audience-card > div {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 28px 25px 26px;
}

.lpvv-audience-card h3 { margin: 0; color: #fff; font-size: clamp(21px, 1.6vw, 25px); line-height: 1.06; }
.lpvv-audience-card p { margin-top: 13px; color: rgba(255, 255, 255, .72); font-size: 13px; line-height: 1.55; }

.lpvv-workflow-platforms {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: auto;
    padding-top: 24px;
}

.lpvv-workflow-platforms > span {
    display: grid;
    min-width: 0;
    min-height: 78px;
    align-content: center;
    justify-items: center;
    gap: 4px;
    padding: 8px 5px;
    border: 1px solid var(--apv2-line);
    border-radius: 13px;
    background: var(--lpv2-soft);
    text-align: center;
}

.lpvv-workflow-platforms > span.is-upcoming { border-style: dashed; background: #f6f3ff; }
.lpvv-workflow-platforms img { width: 22px; height: 22px; object-fit: contain; }
.lpvv-workflow-platforms b { overflow-wrap: normal; word-break: normal; font-size: var(--apv2-readable-min); letter-spacing: -.015em; line-height: 1.15; }
.lpvv-workflow-platforms small { color: var(--apv2-faint); font-size: var(--apv2-readable-min); line-height: 1.1; }
.lpvv-workflow-platforms .is-upcoming small { color: var(--apv2-violet); font-weight: 700; }

.lpvv-roi-shell { grid-template-columns: minmax(0, 1.25fr) minmax(330px, .62fr); }
.lpvv-roi-form { gap: 23px; }
.lpvv-roi-form legend { padding-bottom: 13px; }

.lpvv-roi-presets > div,
.lpvv-roi-plans > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 15px; }

.lpvv-roi-presets button,
.lpvv-roi-plans button {
    min-width: 0;
    padding: 13px 12px;
    border: 1px solid rgba(18, 22, 29, .1);
    border-radius: 14px;
    color: var(--apv2-ink);
    background: #f8fafb;
    cursor: pointer;
    text-align: left;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.lpvv-roi-presets button:hover,
.lpvv-roi-plans button:hover { border-color: rgba(8, 168, 141, .28); transform: translateY(-1px); }
.lpvv-roi-presets button.is-active,
.lpvv-roi-plans button.is-active { border-color: rgba(8, 168, 141, .38); background: var(--apv2-mint-soft); box-shadow: 0 0 0 3px rgba(8, 168, 141, .08); }
.lpvv-roi-presets button span,
.lpvv-roi-presets button small,
.lpvv-roi-plans button span,
.lpvv-roi-plans button strong { display: block; }
.lpvv-roi-presets button span { font-size: 13px; font-weight: 720; line-height: 1.2; }
.lpvv-roi-presets button small { margin-top: 5px; color: var(--apv2-faint); font-size: var(--apv2-readable-min); line-height: 1.35; }

.lpvv-roi-assumption-bar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(18, 22, 29, .07);
    border-radius: 15px;
    background: #f6f8f9;
}

.lpvv-roi-assumption-bar > span { padding: 6px 8px; border-right: 1px solid rgba(18, 22, 29, .07); }
.lpvv-roi-assumption-bar > span:last-child { border-right: 0; }
.lpvv-roi-assumption-bar small,
.lpvv-roi-assumption-bar strong { display: block; }
.lpvv-roi-assumption-bar small { color: var(--apv2-faint); font-size: var(--apv2-readable-min); font-weight: 670; text-transform: uppercase; letter-spacing: .06em; }
.lpvv-roi-assumption-bar strong { margin-top: 4px; font-size: var(--apv2-readable-min); }

.lpvv-slider-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 18px; margin-top: 18px; }
.lpvv-slider-grid label { display: grid; gap: 12px; min-width: 0; }
.lpvv-slider-grid label > span { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.lpvv-slider-grid b { max-width: 58%; color: var(--apv2-muted); font-size: var(--apv2-readable-min); font-weight: 650; line-height: 1.3; }
.lpvv-slider-grid output { color: var(--apv2-ink); font-size: var(--apv2-readable-min); font-weight: 730; text-align: right; }

.lpvv-slider-grid input[type="range"] {
    --lpvv-range-progress: 0%;
    width: 100%;
    height: 6px;
    margin: 3px 0;
    border: 0;
    border-radius: 999px;
    appearance: none;
    background: linear-gradient(90deg, var(--apv2-mint-dark) 0 var(--lpvv-range-progress), #e3e8e9 var(--lpvv-range-progress) 100%);
    cursor: pointer;
}

.lpvv-slider-grid input[type="range"]::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    border: 4px solid #fff;
    border-radius: 50%;
    appearance: none;
    background: var(--apv2-mint-dark);
    box-shadow: 0 2px 9px rgba(8, 116, 97, .3);
}

.lpvv-slider-grid input[type="range"]::-moz-range-thumb {
    width: 13px;
    height: 13px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: var(--apv2-mint-dark);
    box-shadow: 0 2px 9px rgba(8, 116, 97, .3);
}

.lpvv-slider-grid input[type="range"]:focus-visible { outline: 3px solid rgba(8, 168, 141, .2); outline-offset: 5px; }
.lpvv-roi-plans button { display: flex; align-items: center; justify-content: space-between; gap: 8px; text-align: left; }
.lpvv-roi-plans button span { color: var(--apv2-muted); font-size: var(--apv2-readable-min); font-weight: 650; }
.lpvv-roi-plans button strong { font-size: 13px; }
.lpvv-roi-plans > small { display: block; margin-top: 11px; color: var(--apv2-faint); font-size: var(--apv2-readable-min); line-height: 1.45; }

.lpvv-final-cta .lpv2-final-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 450px;
    background: #fbfdfd;
}

.lpvv-final-cta .lpv2-final-card::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(90deg, rgba(251, 253, 253, 1) 0%, rgba(251, 253, 253, .98) 45%, rgba(251, 253, 253, .55) 65%, rgba(251, 253, 253, .06) 100%);
    content: "";
}

.lpvv-final-cta-art {
    position: absolute;
    z-index: -2;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.lpvv-final-cta .lpv2-final-card > div:first-of-type { max-width: 720px; }
.lpvv-final-cta .lpv2-final-card .apv2-actions { position: relative; z-index: 2; }

@media (max-width: 1120px) {
    .lpvv-context-compact { grid-template-columns: minmax(190px, .9fr) 28px minmax(190px, .8fr) 28px minmax(300px, 1.2fr); }
    .lpvv-audience-card { min-height: 500px; aspect-ratio: auto; }
    .lpvv-workflow-platforms { grid-template-columns: repeat(auto-fit, minmax(68px, 1fr)); }
}

@media (max-width: 980px) {
    .lpvv-hero .lpv2-hero-intro { min-height: 720px; padding: 84px 0 168px; }
    .lpvv-hero-copy { max-width: 610px; }
    .lpvv-context-dock { margin-top: -104px; }
    .lpvv-context-compact { grid-template-columns: minmax(0, 1fr) 28px minmax(190px, .75fr) 28px minmax(0, 1.15fr); }
    .lpvv-context-compact .lpvv-context-source span:nth-child(n+5) { display: none; }
    .lpvv-roi-shell { grid-template-columns: 1fr; }
    .lpvv-roi-result { min-height: 450px; }
}

@media (max-width: 700px) {
    .lpvv-hero { padding-bottom: 70px; }
    .lpvv-hero .lpv2-hero-intro { min-height: 790px; padding: 48px 0 310px; }
    .lpvv-hero .lpv2-hero-film::before { display: block; background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, .99) 45%, rgba(255, 255, 255, .76) 58%, transparent 75%); }
    .lpvv-city-film video { display: none; }
    .lpvv-city-film img { object-position: center bottom; }
    .lpvv-hero-continuation::before { content: "\00a0"; }
    .lpvv-hero-copy .apv2-display { max-width: 540px; font-size: clamp(35px, 9.4vw, 42px); line-height: 1; }
    .lpvv-hero-copy .apv2-lead { max-width: 520px; font-size: 15px; }
    .lpvv-context-dock { margin-top: -74px; }
    .lpvv-context-dock .lpvv-hero-system { padding: 17px; border-radius: 21px; }
    .lpvv-context-dock .lpvv-hero-system > header { grid-template-columns: minmax(0, 1fr) auto; }
    .lpvv-context-dock .lpvv-hero-system > header strong { grid-column: 1 / -1; grid-row: 2; }
    .lpvv-context-dock .lpvv-hero-system > header em { grid-column: 2; grid-row: 1; }
    .lpvv-context-compact { grid-template-columns: 1fr; gap: 8px; }
    .lpvv-context-compact .lpvv-context-source { justify-content: flex-start; }
    .lpvv-context-compact .lpvv-context-source span:nth-child(n+5) { display: inline-block; }
    .lpvv-context-arrow { transform: rotate(90deg); justify-self: center; }
    .lpvv-context-compact .lpvv-context-core { width: min(100%, 310px); justify-self: center; }
    .lpvv-context-compact .lpvv-context-outputs > div { min-height: 72px; grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .lpvv-context-dock .lpvv-hero-system > footer span { display: block; }
    .lpvv-context-dock .lpvv-hero-system > footer small { margin-top: 2px; }
    .lpvv-audience-card { min-height: 0; aspect-ratio: 4 / 5; }
    .lpvv-audience-card h3 { margin: 0; }
    .lpvv-roi-presets > div { grid-template-columns: 1fr; }
    .lpvv-roi-presets button { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; gap: 12px; }
    .lpvv-roi-presets button small { margin: 0; }
    .lpvv-roi-assumption-bar { grid-template-columns: 1fr; }
    .lpvv-roi-assumption-bar > span { border-right: 0; border-bottom: 1px solid rgba(18, 22, 29, .07); }
    .lpvv-roi-assumption-bar > span:last-child { border-bottom: 0; }
    .lpvv-slider-grid { grid-template-columns: 1fr; }
    .lpvv-roi-plans > div { grid-template-columns: 1fr; }
    .lpvv-final-cta .lpv2-final-card { min-height: 640px; align-content: end; padding-top: 255px; }
    .lpvv-final-cta .lpv2-final-card::after { background: linear-gradient(180deg, rgba(251, 253, 253, .05) 0%, rgba(251, 253, 253, .78) 35%, #fbfdfd 58%, #fbfdfd 100%); }
    .lpvv-final-cta-art { object-position: 65% top; }
}

@media (max-width: 390px) {
    .lpvv-hero .lpv2-hero-intro { min-height: 820px; padding-bottom: 320px; }
    .lpvv-hero-copy .apv2-display { font-size: 34px; }
    .lpvv-context-compact .lpvv-context-source span { font-size: var(--apv2-readable-min); }
    .lpvv-audience-card > div { padding: 24px 22px; }
    .lpvv-audience-card h3 { font-size: 21px; }
}

@media (prefers-reduced-motion: reduce) {
    .lpvv-hero .lpv2-hero-film { display: block; }
    .lpvv-city-film video { display: none; }
    .lpvv-audience-card,
    .lpvv-audience-card > img { transition: none; }
}

/* -----------------------------------------------------------------------
 * Growth Landing · visual revision 3
 * Bright ANORA UI, soft-3D hero film and Safari-safe audience imagery.
 * ----------------------------------------------------------------------- */

.lpvv-landing .apv2-header-cta,
.lpvv-landing .apv2-button-primary,
.lpvv-landing .lpvv-hero-copy .apv2-button-primary,
.lpvv-landing .lpvv-roi-result .apv2-button {
    border: 1px solid rgba(8, 145, 123, .2);
    color: #096f60;
    background: linear-gradient(135deg, #dff8f1 0%, #e7f4ff 54%, #f0ebff 100%);
    box-shadow: 0 13px 30px rgba(34, 126, 117, .13), inset 0 1px 0 rgba(255, 255, 255, .85);
}

.lpvv-landing .apv2-header-cta:hover,
.lpvv-landing .apv2-button-primary:hover,
.lpvv-landing .lpvv-hero-copy .apv2-button-primary:hover,
.lpvv-landing .lpvv-roi-result .apv2-button:hover {
    border-color: rgba(8, 145, 123, .3);
    color: #075d51;
    background: linear-gradient(135deg, #d6f5ed 0%, #dcefff 54%, #ebe3ff 100%);
    box-shadow: 0 16px 34px rgba(34, 126, 117, .17), inset 0 1px 0 #fff;
}

.lpvv-hero .lpv2-hero-film::before {
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .99) 31%, rgba(255, 255, 255, .91) 41%, rgba(255, 255, 255, .4) 53%, transparent 66%);
}

.lpvv-city-film img,
.lpvv-city-film video { object-position: center center; }

.lpvv-hero-copy .apv2-display {
    max-width: 625px;
    font-size: clamp(41px, 3.45vw, 52px);
    line-height: 1;
}

.lpvv-hero-copy .apv2-lead { max-width: 595px; }

.lpvv-context-core > i,
.lpvv-context-compact .lpvv-context-core > i {
    border: 1px solid rgba(8, 145, 123, .15);
    color: #087d6b;
    background: linear-gradient(145deg, #ddf7f0, #e7f1ff 58%, #efe9ff);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92);
}

.lpvv-context-dock .lpvv-hero-system > footer {
    border: 1px solid rgba(8, 145, 123, .12);
    color: var(--apv2-ink);
    background: linear-gradient(135deg, rgba(226, 248, 242, .9), rgba(236, 243, 255, .88));
}

.lpvv-context-dock .lpvv-hero-system > footer > svg { color: #087d6b; }
.lpvv-context-dock .lpvv-hero-system > footer small { color: var(--apv2-muted); }

.lpvv-relief-line > i {
    border: 1px solid rgba(8, 145, 123, .14);
    color: #087d6b;
    background: #fff;
    box-shadow: 0 7px 18px rgba(35, 96, 91, .1);
}

.lpvv-emotional-value {
    border: 1px solid rgba(8, 145, 123, .13);
    color: var(--apv2-ink);
    background: linear-gradient(135deg, #ebfaf6 0%, #f2f7ff 56%, #f5f0ff 100%);
    box-shadow: 0 18px 48px rgba(35, 96, 91, .07);
}

.lpvv-emotional-value > span {
    border-color: rgba(8, 145, 123, .14);
    color: #087d6b;
    background: rgba(255, 255, 255, .78);
    box-shadow: inset 0 1px 0 #fff;
}

.lpvv-emotional-value small { color: #087d6b; }

.lpvv-noah-strip {
    border-color: rgba(8, 145, 123, .13);
    color: var(--apv2-ink);
    background:
        radial-gradient(circle at 8% 46%, rgba(66, 220, 194, .14), transparent 31%),
        radial-gradient(circle at 88% 8%, rgba(142, 112, 238, .1), transparent 33%),
        linear-gradient(145deg, #fff, #f3fbf9 58%, #f6f3ff);
    box-shadow: 0 25px 68px rgba(35, 72, 79, .1);
}

.lpvv-noah-mark > span,
.lpvv-noah-strip > div:nth-child(2) small,
.lpvv-noah-strip li span { color: #087d6b; }

.lpvv-noah-orb-shell {
    border-color: rgba(8, 145, 123, .16);
    background: radial-gradient(circle, rgba(78, 218, 195, .17), rgba(133, 168, 242, .08) 51%, rgba(255, 255, 255, .88) 72%);
    box-shadow: 0 0 0 11px rgba(8, 145, 123, .035), inset 0 0 38px rgba(69, 219, 198, .06);
}

.lpvv-noah-live,
.lpvv-noah-strip .lpvv-noah-live,
.lpvv-noah-strip p { color: var(--apv2-muted); }

.lpvv-noah-strip li {
    border-color: rgba(18, 22, 29, .08);
    color: #4f5961;
}

.lpvv-noah-state-dots button { width: 22px; height: 22px; }
.lpvv-noah-state-dots button::before { background: rgba(8, 93, 80, .2); }
.lpvv-noah-state-dots button:hover::before { background: rgba(8, 93, 80, .5); }
.lpvv-noah-state-dots button[aria-pressed="true"]::before { background: #37bda6; box-shadow: 0 0 0 4px rgba(55, 189, 166, .1); }

.lpvv-audience-card {
    position: relative;
    isolation: isolate;
    contain: paint;
    overflow: hidden;
    min-width: 0;
    min-height: 430px;
    aspect-ratio: 4 / 5;
    color: var(--apv2-ink);
    background: #f4f8f7;
    box-shadow: 0 22px 54px rgba(35, 72, 79, .1);
}

.lpvv-landing .lpvv-audience-card.apv2-reveal,
.lpvv-landing .lpvv-audience-card.apv2-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
}

.lpvv-audience-card > img {
    z-index: 0;
    opacity: 1;
    transform: scale(1.01);
}

.lpvv-audience-shade {
    z-index: 1;
    background: linear-gradient(180deg, rgba(255, 255, 255, .02) 12%, rgba(255, 255, 255, .08) 42%, rgba(255, 255, 255, .86) 73%, #fff 100%);
}

.lpvv-audience-card > header,
.lpvv-audience-card > div { z-index: 2; }

.lpvv-audience-card > header b {
    border-color: rgba(18, 22, 29, .08);
    color: #4f5961;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 8px 22px rgba(35, 72, 79, .08);
}

.lpvv-audience-card > header i {
    border-color: rgba(8, 145, 123, .13);
    color: #087d6b;
    background: rgba(239, 251, 248, .92);
    box-shadow: 0 8px 22px rgba(35, 72, 79, .08);
}

.lpvv-audience-card h3 { color: var(--apv2-ink); }
.lpvv-audience-card p { color: var(--apv2-muted); }

.lpvv-roi-result {
    border-color: rgba(8, 145, 123, .14);
    color: var(--apv2-ink);
    background: linear-gradient(145deg, #fff 0%, #effaf7 62%, #f1f3ff 100%);
    box-shadow: 0 22px 60px rgba(35, 72, 79, .1);
}

.lpvv-roi-result > header,
.lpvv-roi-primary,
.lpvv-roi-result dl > div { border-color: rgba(18, 22, 29, .08); }

.lpvv-roi-result > header span,
.lpvv-roi-result[data-roi-state="positive"] .lpvv-roi-primary strong { color: #087d6b; }

.lpvv-roi-result[data-roi-state="negative"] .lpvv-roi-primary strong { color: #a74e5b; }
.lpvv-roi-result > header strong,
.lpvv-roi-primary small,
.lpvv-roi-primary span,
.lpvv-roi-result dt { color: var(--apv2-muted); }

.lpvv-roi-result dd { color: var(--apv2-ink); }

@media (max-width: 1120px) and (min-width: 701px) {
    .lpvv-noah-strip li { border-right: 1px solid rgba(18, 22, 29, .08); border-bottom: 0; }
    .lpvv-noah-strip li:last-child { border-right: 0; }
}

@media (max-width: 700px) {
    .lpvv-hero .lpv2-hero-intro {
        min-height: 820px;
        padding: 46px 0 345px;
    }

    .lpvv-hero .lpv2-hero-film::before {
        display: block;
        background: linear-gradient(180deg, #fff 0%, #fff 47%, rgba(255, 255, 255, .91) 57%, rgba(255, 255, 255, .16) 72%, transparent 84%);
    }

    .lpvv-city-film picture,
    .lpvv-city-film video {
        top: auto;
        bottom: 0;
        height: 390px;
    }

    .lpvv-city-film video {
        display: block;
        object-fit: cover;
        object-position: 68% center;
    }

    .lpvv-city-film img {
        object-fit: cover;
        object-position: center center;
    }

    .lpvv-hero-break { display: block; }
    .lpvv-hero-continuation::before { content: none; }
    .lpvv-hero-copy .apv2-display {
        max-width: 100%;
        font-size: clamp(32px, 8.3vw, 38px);
        line-height: 1.01;
        text-wrap: pretty;
    }

    .lpvv-hero-copy .apv2-lead { font-size: 14.5px; line-height: 1.56; }
    .lpvv-context-dock { margin-top: -66px; }

    .lpvv-noah-strip ol { grid-template-columns: 1fr; }
    .lpvv-noah-state-dots { display: none; }
    .lpvv-noah-strip li,
    .lpvv-noah-strip li:nth-last-child(-n+2),
    .lpvv-noah-strip li:nth-last-child(2) {
        border-right: 0;
        border-bottom: 1px solid rgba(18, 22, 29, .08);
    }
    .lpvv-noah-strip li:last-child { border-bottom: 0; }

    .lpvv-audience-grid { width: 100%; }
    .lpvv-audience-card {
        display: block;
        width: 100%;
        min-height: 440px;
        aspect-ratio: 4 / 5;
    }
}

@media (max-width: 390px) {
    .lpvv-hero .lpv2-hero-intro { min-height: 835px; padding-bottom: 350px; }
    .lpvv-hero-copy .apv2-display { font-size: 32px; }
    .lpvv-audience-card { min-height: 420px; }
}

@media (prefers-reduced-motion: reduce) {
    .lpvv-city-film video { display: none; }
    .lpvg-landing .apv2-mobile-actions .apv2-button-primary { animation: none; }
}

/* -----------------------------------------------------------------------
 * Growth landing · sales narrative v6
 * A direct, human SEO/SEA story in the bright ANORA design language.
 * ----------------------------------------------------------------------- */

.lpvg-landing {
    --lpvg-ink: #12161d;
    --lpvg-muted: #667079;
    --lpvg-faint: #899198;
    --lpvg-line: rgba(18, 22, 29, .09);
    --lpvg-mint: #0a8b77;
    --lpvg-mint-soft: #eaf9f5;
    --lpvg-blue-soft: #edf5ff;
    --lpvg-violet-soft: #f3efff;
    --lpvg-card-shadow: 0 24px 70px rgba(38, 69, 74, .08);
    color: var(--lpvg-ink);
    background: #fff;
}

.lpvg-landing .apv2-main { overflow: clip; }

.lpvg-landing .apv2-mobile-menu nav a.apv2-mobile-nav-clean {
    grid-template-columns: minmax(0, 1fr) 22px;
}

.lpvg-landing .apv2-mobile-actions .apv2-button-primary {
    position: relative;
    width: 100%;
    border: 2px solid transparent;
    color: #fff;
    background:
        linear-gradient(#050608, #050608) padding-box,
        linear-gradient(112deg, #48d7c2, #58b9ed, #a887ef, #66e0cd, #48d7c2) border-box;
    background-size: 100% 100%, 280% 280%;
    box-shadow: 0 18px 38px rgba(17, 24, 31, .18), 0 0 0 1px rgba(255, 255, 255, .04) inset;
    animation: lpvg-mobile-cta-border 7s linear infinite, lpvg-mobile-cta-breathe 3.8s ease-in-out infinite;
}

.lpvg-landing .apv2-mobile-actions .apv2-button-primary:hover,
.lpvg-landing .apv2-mobile-actions .apv2-button-primary:focus-visible {
    color: #fff;
    background:
        linear-gradient(#000, #000) padding-box,
        linear-gradient(112deg, #48d7c2, #58b9ed, #a887ef, #66e0cd, #48d7c2) border-box;
    background-size: 100% 100%, 280% 280%;
    box-shadow: 0 20px 42px rgba(17, 24, 31, .24), 0 0 24px rgba(95, 208, 204, .13);
}

.lpvg-landing .apv2-mobile-actions .apv2-button-primary svg { stroke: currentColor; }

@keyframes lpvg-mobile-cta-border {
    0% { background-position: 0 0, 0% 50%; }
    100% { background-position: 0 0, 280% 50%; }
}

@keyframes lpvg-mobile-cta-breathe {
    0%, 100% { transform: translateZ(0) scale(1); }
    50% { transform: translateZ(0) scale(1.008); }
}

.lpvg-landing #warum,
.lpvg-landing #so-funktionierts,
.lpvg-landing #wachstum,
.lpvg-landing #system,
.lpvg-landing #ergebnisse,
.lpvg-landing #credits {
    scroll-margin-top: calc(var(--apv2-header-height) + 22px);
}

.lpvg-landing .apv2-section { padding: clamp(88px, 9vw, 128px) 0; }

.lpvg-landing .apv2-button-primary,
.lpvg-landing .apv2-header-cta {
    border-color: rgba(7, 130, 110, .18);
    color: #075f52;
    background: linear-gradient(135deg, #dcf7f0 0%, #e8f4ff 55%, #f0ebff 100%);
    box-shadow: 0 14px 32px rgba(34, 126, 117, .13), inset 0 1px 0 rgba(255, 255, 255, .92);
}

.lpvg-landing .apv2-button-primary:hover,
.lpvg-landing .apv2-header-cta:hover {
    border-color: rgba(7, 130, 110, .28);
    color: #064f45;
    background: linear-gradient(135deg, #d2f3eb 0%, #deefff 55%, #ebe3ff 100%);
    box-shadow: 0 17px 38px rgba(34, 126, 117, .17), inset 0 1px 0 #fff;
}

.lpvg-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    overflow: hidden;
    min-height: clamp(690px, calc(100svh - 105px), 820px);
    align-items: center;
    background: #fff;
}

.lpvg-hero::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .99) 36%, rgba(255, 255, 255, .9) 46%, rgba(255, 255, 255, .28) 59%, transparent 71%);
    content: "";
    pointer-events: none;
}

.lpvg-hero::after {
    position: absolute;
    z-index: 1;
    right: 8%;
    bottom: -170px;
    width: 560px;
    height: 330px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(71, 215, 192, .13), rgba(129, 151, 245, .05) 48%, transparent 72%);
    filter: blur(8px);
    content: "";
    pointer-events: none;
}

.lpvg-hero-media,
.lpvg-hero-poster,
.lpvg-hero-media video,
.lpvg-hero-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.lpvg-hero-media { z-index: 0; background: #fff; }
.lpvg-hero-poster { display: block; }
.lpvg-hero-media img,
.lpvg-hero-media video {
    display: block;
    object-fit: cover;
    object-position: center center;
}

.lpvg-hero-media img { animation: lpvg-hero-breathe 14s ease-in-out infinite alternate; }
.lpvg-hero-media video { z-index: 1; }

.lpvg-hero-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 650px) minmax(240px, 1fr);
    align-items: center;
    padding: 86px 0 92px;
}

.lpvg-hero-copy { grid-column: 1; }
.lpvg-hero-copy .apv2-kicker { max-width: 580px; line-height: 1.45; }

.lpvg-hero-copy .apv2-display {
    max-width: 640px;
    margin: 0;
    font-size: clamp(47px, 4.5vw, 61px);
    font-weight: 690;
    letter-spacing: -.06em;
    line-height: .99;
    text-wrap: balance;
}

.lpvg-hero-copy .apv2-display span {
    display: block;
    margin-top: .12em;
    color: #087d6b;
}

.lpvg-hero-copy .apv2-lead {
    max-width: 600px;
    margin-top: 25px;
    color: #606a73;
    font-size: clamp(17px, 1.55vw, 20px);
    line-height: 1.62;
}

.lpvg-hero-copy .apv2-actions { margin-top: 29px; }

.lpvg-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 25px;
}

.lpvg-hero-tags span {
    display: inline-flex;
    min-height: 37px;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid rgba(18, 22, 29, .075);
    border-radius: 999px;
    color: #56616a;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 8px 24px rgba(35, 72, 79, .055);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    font-size: 13px;
    font-weight: 680;
}

.lpvg-hero-tags svg { width: 15px; height: 15px; color: #07806d; }

.lpvg-section-head { max-width: 830px; margin-bottom: clamp(42px, 5vw, 64px); }
.lpvg-section-head-wide { max-width: 1050px; }

.lpvg-section-head h2,
.lpvg-faq-intro h2,
.lpvg-credit-card h2,
.lpvg-final-copy h2 {
    margin: 17px 0 0;
    color: var(--lpvg-ink);
    font-size: clamp(40px, 5vw, 68px);
    font-weight: 690;
    letter-spacing: -.062em;
    line-height: .98;
    text-wrap: balance;
}

.lpvg-section-head h2 span { color: #7d858c; }

.lpvg-section-head > p,
.lpvg-section-head > div > p:last-child {
    max-width: 660px;
    margin: 22px 0 0;
    color: var(--lpvg-muted);
    font-size: 17px;
    line-height: 1.67;
}

.lpvg-section-head-split {
    display: grid;
    max-width: none;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
    align-items: end;
    gap: clamp(48px, 7vw, 100px);
}

.lpvg-section-head-split > div { max-width: 760px; }
.lpvg-section-head-split > p { margin: 0 0 4px; }

.lpvg-pain-section { background: linear-gradient(180deg, #fff 0%, #fafcfc 100%); }

.lpvg-pain-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.03fr) minmax(400px, .97fr);
    align-items: stretch;
    gap: clamp(26px, 3.8vw, 50px);
}

.lpvg-pain-photo {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 610px;
    margin: 0;
    border: 1px solid var(--lpvg-line);
    border-radius: 34px;
    background: #eef5f3;
    box-shadow: var(--lpvg-card-shadow);
}

.lpvg-pain-photo::after {
    position: absolute;
    z-index: 1;
    inset: 35% 0 0;
    background: linear-gradient(180deg, transparent, rgba(7, 22, 25, .08) 34%, rgba(7, 22, 25, .72));
    content: "";
}

.lpvg-pain-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.lpvg-pain-photo figcaption {
    position: absolute;
    z-index: 2;
    right: 32px;
    bottom: 31px;
    left: 32px;
    display: flex;
    max-width: 510px;
    flex-direction: column;
    gap: 7px;
    color: #fff;
}

.lpvg-pain-photo figcaption strong { font-size: clamp(23px, 2.5vw, 34px); font-weight: 660; letter-spacing: -.04em; line-height: 1.05; }
.lpvg-pain-photo figcaption span { max-width: 390px; color: rgba(255, 255, 255, .74); font-size: 14px; line-height: 1.55; }

.lpvg-pain-list { display: grid; gap: 13px; }

.lpvg-pain-card {
    display: grid;
    min-height: 185px;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: start;
    gap: 17px;
    padding: 28px;
    border: 1px solid var(--lpvg-line);
    border-radius: 26px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 15px 44px rgba(35, 72, 79, .055);
}

.lpvg-pain-card > i,
.lpvg-simple-card > i,
.lpvg-flow-card > i {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(8, 139, 119, .12);
    border-radius: 16px;
    color: #087d6b;
    background: linear-gradient(145deg, #e7faf5, #edf5ff 60%, #f4efff);
    box-shadow: inset 0 1px 0 #fff;
}

.lpvg-pain-card > i svg,
.lpvg-simple-card > i svg,
.lpvg-flow-card > i svg { width: 22px; height: 22px; }

.lpvg-pain-card h3,
.lpvg-simple-card h3,
.lpvg-growth-card h3,
.lpvg-content-bridge h3,
.lpvg-context-column h3,
.lpvg-flow-card h3,
.lpvg-proof-card h3,
.lpvg-credit-card h3 {
    margin: 0;
    color: var(--lpvg-ink);
    font-weight: 670;
    letter-spacing: -.04em;
    line-height: 1.08;
}

.lpvg-pain-card h3 { font-size: 24px; }
.lpvg-pain-card p { margin: 11px 0 0; color: var(--lpvg-muted); font-size: 14px; line-height: 1.62; }

.lpvg-truth-line {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 26px;
    padding: 20px 24px;
    border: 1px solid rgba(8, 139, 119, .13);
    border-radius: 20px;
    background: linear-gradient(135deg, #eaf9f5, #eef5ff 62%, #f5f1ff);
}

.lpvg-truth-line > svg { width: 25px; height: 25px; flex: 0 0 auto; color: #087d6b; }
.lpvg-truth-line p { margin: 0; color: #5a646c; font-size: 15px; line-height: 1.55; }
.lpvg-truth-line strong { color: var(--lpvg-ink); }

.lpvg-simple-section { background: #fff; }
.lpvg-simple-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }

.lpvg-simple-card {
    position: relative;
    overflow: hidden;
    min-height: 330px;
    padding: 30px;
    border: 1px solid var(--lpvg-line);
    border-radius: 30px;
    background: #fff;
    box-shadow: var(--lpvg-card-shadow);
}

.lpvg-simple-card::before {
    position: absolute;
    top: -88px;
    right: -74px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(73, 220, 194, .18), rgba(132, 149, 244, .06) 55%, transparent 72%);
    content: "";
}

.lpvg-simple-card > i { position: relative; }
.lpvg-simple-card h3 { position: relative; max-width: 290px; margin-top: 54px; font-size: clamp(25px, 2.5vw, 34px); }
.lpvg-simple-card p { position: relative; margin: 17px 0 0; color: var(--lpvg-muted); font-size: 15px; line-height: 1.65; }

.lpvg-sales-line {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    align-items: center;
    gap: 30px;
    margin: 26px 0 0;
    padding: clamp(25px, 3.5vw, 40px);
    border: 1px solid rgba(8, 139, 119, .13);
    border-radius: 26px;
    background: linear-gradient(135deg, #eaf9f5, #eef5ff 57%, #f5f1ff);
}

.lpvg-sales-line > span { color: #087d6b; font-size: 13px; font-weight: 770; letter-spacing: .1em; text-transform: uppercase; }
.lpvg-sales-line p { margin: 0; color: var(--lpvg-ink); font-size: clamp(21px, 2.45vw, 31px); font-weight: 630; letter-spacing: -.035em; line-height: 1.24; }

.lpvg-growth-section { background: linear-gradient(180deg, #f8fbfb, #fff); }
.lpvg-growth-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }

.lpvg-growth-card {
    position: relative;
    overflow: hidden;
    min-height: 660px;
    padding: clamp(30px, 4vw, 48px);
    border: 1px solid var(--lpvg-line);
    border-radius: 34px;
    background: #fff;
    box-shadow: var(--lpvg-card-shadow);
}

.lpvg-growth-card-seo { background: linear-gradient(145deg, #fff 0%, #eefaf7 100%); }
.lpvg-growth-card-sea { background: linear-gradient(145deg, #fff 0%, #f2f3ff 100%); }

.lpvg-growth-visual {
    display: grid;
    height: 240px;
    place-items: center;
    margin: calc(clamp(30px, 4vw, 48px) * -1) calc(clamp(30px, 4vw, 48px) * -1) 30px;
    background: radial-gradient(circle at 62% 44%, rgba(70, 219, 193, .14), transparent 48%);
}

.lpvg-growth-card-sea .lpvg-growth-visual { background: radial-gradient(circle at 62% 44%, rgba(129, 121, 238, .14), transparent 48%); }
.lpvg-growth-visual img { width: min(84%, 430px); height: 88%; object-fit: contain; }

.lpvg-growth-label,
.lpvg-content-bridge > div > span,
.lpvg-context-label,
.lpvg-proof-card > div > span {
    margin: 0 0 15px;
    color: #087d6b;
    font-size: 13px;
    font-weight: 770;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.lpvg-growth-card h3 { max-width: 510px; font-size: clamp(29px, 3.3vw, 43px); }
.lpvg-growth-card > p:not(.lpvg-growth-label) { margin: 20px 0 0; color: var(--lpvg-muted); font-size: 16px; line-height: 1.65; }
.lpvg-growth-card ul { display: grid; gap: 11px; margin: 26px 0 0; padding: 0; list-style: none; }
.lpvg-growth-card li { display: flex; gap: 9px; color: #515c65; font-size: 14px; line-height: 1.45; }
.lpvg-growth-card li svg { width: 17px; height: 17px; flex: 0 0 auto; color: #087d6b; }

.lpvg-content-bridge {
    display: grid;
    overflow: hidden;
    grid-template-columns: 210px minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(28px, 4vw, 54px);
    margin-top: 20px;
    padding: 28px 34px;
    border: 1px solid var(--lpvg-line);
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(35, 72, 79, .065);
}

.lpvg-content-bridge-visual { display: grid; height: 180px; place-items: center; border-radius: 23px; background: linear-gradient(145deg, #edf9f6, #edf4ff 58%, #f4efff); }
.lpvg-content-bridge-visual img { width: 88%; height: 88%; object-fit: contain; }
.lpvg-content-bridge h3 { max-width: 660px; font-size: clamp(24px, 2.8vw, 35px); }
.lpvg-content-bridge p { margin: 14px 0 0; color: var(--lpvg-muted); font-size: 14px; line-height: 1.62; }

.lpvg-brand-row { display: flex; flex-wrap: wrap; justify-content: end; gap: 8px; max-width: 108px; }
.lpvg-brand-row span { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid var(--lpvg-line); border-radius: 15px; background: #fff; box-shadow: 0 8px 20px rgba(35, 72, 79, .06); }
.lpvg-brand-row img { width: 24px; height: 24px; object-fit: contain; }

.lpvg-context-section { background: #fff; }

.lpvg-context-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 270px minmax(0, 1fr);
    align-items: stretch;
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(8, 139, 119, .13);
    border-radius: 36px;
    background: linear-gradient(135deg, #f8fcfb 0%, #f4f8ff 55%, #f8f5ff 100%);
    box-shadow: var(--lpvg-card-shadow);
}

.lpvg-context-column { padding: clamp(32px, 4.5vw, 55px); }
.lpvg-context-column h3 { max-width: 310px; font-size: clamp(27px, 3vw, 39px); }
.lpvg-context-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.lpvg-context-tags span { padding: 9px 12px; border: 1px solid rgba(18, 22, 29, .085); border-radius: 999px; color: #5f6870; background: rgba(255, 255, 255, .8); font-size: 13px; font-weight: 630; }

.lpvg-noah-stage {
    position: relative;
    display: flex;
    min-height: 470px;
    align-items: center;
    justify-content: center;
    padding: 35px 22px;
    border-right: 1px solid rgba(18, 22, 29, .07);
    border-left: 1px solid rgba(18, 22, 29, .07);
    flex-direction: column;
    text-align: center;
    background: rgba(255, 255, 255, .56);
}

.lpvg-noah-name { color: #087d6b; font-size: 13px; font-weight: 780; letter-spacing: .18em; }
.lpvg-noah-orb-shell { display: grid; width: 205px; height: 205px; place-items: center; margin: 21px 0; border: 1px solid rgba(8, 139, 119, .13); border-radius: 50%; background: radial-gradient(circle, rgba(75, 219, 195, .19), rgba(119, 150, 240, .08) 51%, rgba(255, 255, 255, .7) 72%); box-shadow: 0 0 0 12px rgba(8, 139, 119, .025), inset 0 0 40px rgba(75, 219, 195, .08); }
.lpvg-noah-orb-shell anora-thinking-orb { width: 162px; height: 162px; }
.lpvg-noah-stage > strong { min-height: 22px; color: #47535b; font-size: 14px; font-weight: 680; }

.lpvg-noah-controls { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin-top: 23px; }
.lpvg-noah-controls button { min-height: 34px; padding: 0 11px; border: 1px solid rgba(18, 22, 29, .08); border-radius: 999px; color: #788189; background: rgba(255, 255, 255, .74); font-size: 13px; font-weight: 680; cursor: pointer; }
.lpvg-noah-controls button[aria-pressed="true"] { border-color: rgba(8, 139, 119, .22); color: #087d6b; background: #e8f8f4; box-shadow: 0 0 0 4px rgba(8, 139, 119, .055); }

.lpvg-module-column ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 28px 0 0; padding: 0; list-style: none; }
.lpvg-module-column li { padding: 11px 12px; border: 1px solid var(--lpvg-line); border-radius: 13px; color: #56616a; background: rgba(255, 255, 255, .78); font-size: 13px; font-weight: 650; }
.lpvg-module-column > p { margin: 25px 0 0; color: var(--lpvg-muted); font-size: 13px; line-height: 1.65; }
.lpvg-module-column > p strong { color: #465159; }

.lpvg-flow-section { background: linear-gradient(180deg, #f8fbfb, #fff); }
.lpvg-flow-grid { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }

.lpvg-flow-grid::before {
    position: absolute;
    top: 55px;
    right: 8%;
    left: 8%;
    height: 1px;
    background: linear-gradient(90deg, #52cbb7, #78aeea 53%, #9b85eb);
    content: "";
}

.lpvg-flow-card { position: relative; min-height: 290px; padding: 24px; border: 1px solid var(--lpvg-line); border-radius: 26px; background: rgba(255, 255, 255, .94); box-shadow: 0 16px 44px rgba(35, 72, 79, .055); }
.lpvg-flow-card > i { position: relative; z-index: 1; background: #fff; }
.lpvg-flow-card h3 { margin-top: 34px; font-size: 24px; }
.lpvg-flow-card p { margin: 13px 0 0; color: var(--lpvg-muted); font-size: 13px; line-height: 1.62; }

.lpvg-proof-section { background: #fff; }
.lpvg-proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }

.lpvg-proof-card { overflow: hidden; border: 1px solid var(--lpvg-line); border-radius: 28px; background: #fff; box-shadow: var(--lpvg-card-shadow); }
.lpvg-proof-image { height: 260px; overflow: hidden; border-bottom: 1px solid var(--lpvg-line); background: #edf4f4; }
.lpvg-proof-image img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform .6s ease; }
.lpvg-proof-card:hover .lpvg-proof-image img { transform: scale(1.025); }
.lpvg-proof-card > div:last-child { padding: 27px; }
.lpvg-proof-card > div > span { display: block; }
.lpvg-proof-card h3 { font-size: 25px; }
.lpvg-proof-card p { margin: 14px 0 0; color: var(--lpvg-muted); font-size: 14px; line-height: 1.65; }

.lpvg-proof-action { display: flex; align-items: center; justify-content: space-between; gap: 34px; margin-top: 24px; padding: 23px 25px; border: 1px solid rgba(8, 139, 119, .13); border-radius: 22px; background: linear-gradient(135deg, #edf9f6, #eff5ff 58%, #f6f2ff); }
.lpvg-proof-action p { display: flex; margin: 0; flex-direction: column; gap: 4px; color: var(--lpvg-muted); font-size: 13px; line-height: 1.5; }
.lpvg-proof-action strong { color: var(--lpvg-ink); font-size: 15px; }
.lpvg-proof-action .apv2-button { flex: 0 0 auto; }

.lpvg-credit-section { padding-top: 20px !important; background: #fff; }
.lpvg-credit-card { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr); align-items: center; gap: clamp(45px, 8vw, 110px); padding: clamp(38px, 6vw, 72px); border: 1px solid rgba(8, 139, 119, .13); border-radius: 34px; background: linear-gradient(135deg, #eaf9f5 0%, #edf5ff 57%, #f5f0ff 100%); box-shadow: var(--lpvg-card-shadow); }
.lpvg-credit-card h2 { font-size: clamp(52px, 7vw, 86px); color: #087d6b; }
.lpvg-credit-card h3 { font-size: clamp(25px, 3vw, 36px); }
.lpvg-credit-card > div:last-child > p { margin: 16px 0 0; color: var(--lpvg-muted); font-size: 15px; line-height: 1.67; }
.lpvg-credit-card .apv2-button { margin-top: 24px; background: rgba(255, 255, 255, .7); }

.lpvg-faq-section { background: linear-gradient(180deg, #fff, #f9fbfb); }
.lpvg-faq-layout { display: grid; grid-template-columns: minmax(280px, .68fr) minmax(0, 1.32fr); align-items: start; gap: clamp(55px, 8vw, 120px); }
.lpvg-faq-intro { position: sticky; top: calc(var(--apv2-header-height) + 40px); }
.lpvg-faq-intro h2 { font-size: clamp(38px, 4.5vw, 58px); }
.lpvg-faq-intro > p:last-child { margin: 22px 0 0; color: var(--lpvg-muted); font-size: 15px; line-height: 1.65; }
.lpvg-faq-item summary { min-height: 86px; }
.lpvg-faq-item > div { overflow: hidden; }
.lpvg-faq-item > div p { max-width: 720px; margin: -4px 54px 27px 0; color: var(--lpvg-muted); font-size: 14px; line-height: 1.72; }

.lpvg-final-section { padding-top: 0 !important; padding-bottom: clamp(70px, 8vw, 110px) !important; background: #f9fbfb; }
.lpvg-final-card { position: relative; isolation: isolate; display: grid; overflow: hidden; min-height: 530px; grid-template-columns: minmax(0, 1.14fr) minmax(360px, .86fr); align-items: center; border: 1px solid rgba(8, 139, 119, .13); border-radius: 36px; background: #fff; box-shadow: var(--lpvg-card-shadow); }
.lpvg-final-card::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #fff 0%, #fff 52%, rgba(255, 255, 255, .5) 66%, transparent 82%); content: ""; }
.lpvg-final-copy { z-index: 2; padding: clamp(38px, 6vw, 72px); }
.lpvg-final-copy h2 { max-width: 760px; font-size: clamp(40px, 5vw, 63px); }
.lpvg-final-copy > p:not(.apv2-kicker) { max-width: 650px; margin: 22px 0 0; color: var(--lpvg-muted); font-size: 16px; line-height: 1.66; }
.lpvg-final-visual { position: absolute; z-index: -2; inset: 0 0 0 38%; }
.lpvg-final-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

@keyframes lpvg-hero-breathe {
    from { transform: scale(1); }
    to { transform: scale(1.018); }
}

@media (max-width: 1080px) {
    .lpvg-hero-inner { grid-template-columns: minmax(0, 590px) 1fr; }
    .lpvg-hero-copy .apv2-display { font-size: clamp(44px, 5.2vw, 55px); }
    .lpvg-pain-layout { grid-template-columns: minmax(0, .9fr) minmax(390px, 1.1fr); }
    .lpvg-pain-card { grid-template-columns: 44px minmax(0, 1fr); gap: 13px; padding: 24px; }
    .lpvg-pain-card > i { width: 44px; height: 44px; }
    .lpvg-context-shell { grid-template-columns: minmax(0, 1fr) 240px minmax(0, 1fr); }
    .lpvg-context-column { padding: 38px 30px; }
    .lpvg-noah-orb-shell { width: 180px; height: 180px; }
    .lpvg-noah-orb-shell anora-thinking-orb { width: 145px; height: 145px; }
    .lpvg-module-column ul { grid-template-columns: 1fr; }
    .lpvg-proof-image { height: 225px; }
}

@media (max-width: 860px) {
    .lpvg-section-head-split { grid-template-columns: 1fr; gap: 18px; }
    .lpvg-section-head-split > p { max-width: 680px; margin: 0; }
    .lpvg-pain-layout { grid-template-columns: 1fr; }
    .lpvg-pain-photo { min-height: 540px; }
    .lpvg-simple-grid { grid-template-columns: 1fr; }
    .lpvg-simple-card { min-height: 270px; }
    .lpvg-simple-card h3 { margin-top: 58px; }
    .lpvg-growth-card { min-height: 620px; }
    .lpvg-content-bridge { grid-template-columns: 170px minmax(0, 1fr); }
    .lpvg-content-bridge .lpvg-brand-row { grid-column: 2; justify-content: start; max-width: none; }
    .lpvg-context-shell { grid-template-columns: 1fr; }
    .lpvg-noah-stage { min-height: 390px; border: 0; border-top: 1px solid rgba(18, 22, 29, .07); border-bottom: 1px solid rgba(18, 22, 29, .07); }
    .lpvg-module-column ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lpvg-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lpvg-flow-grid::before { display: none; }
    .lpvg-proof-grid { grid-template-columns: 1fr; }
    .lpvg-proof-card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
    .lpvg-proof-image { height: 100%; min-height: 250px; border-right: 1px solid var(--lpvg-line); border-bottom: 0; }
    .lpvg-faq-layout { grid-template-columns: 1fr; gap: 35px; }
    .lpvg-faq-intro { position: static; }
}

@media (max-width: 700px) {
    .lpvg-landing .apv2-section { padding: 76px 0; }

    .lpvg-hero {
        display: block;
        min-height: 1030px;
        padding-bottom: 440px;
    }

    .lpvg-hero::before {
        background: linear-gradient(180deg, #fff 0%, #fff 50%, rgba(255, 255, 255, .98) 57%, rgba(255, 255, 255, .55) 67%, transparent 80%);
    }

    .lpvg-hero::after { right: -180px; bottom: -160px; }
    .lpvg-hero-media { top: auto; bottom: 0; height: 520px; }
    .lpvg-hero-media img,
    .lpvg-hero-media video { object-fit: cover; object-position: 72% center; }
    .lpvg-hero-media video { z-index: 1; }

    .lpvg-hero-inner { display: block; padding: 54px 0 0; }
    .lpvg-hero-copy .apv2-kicker { max-width: 340px; font-size: 13px; }
    .lpvg-hero-copy .apv2-display { max-width: 520px; margin-top: 0; font-size: clamp(35px, 9.7vw, 44px); line-height: 1.01; text-wrap: pretty; }
    .lpvg-hero-copy .apv2-lead { margin-top: 20px; font-size: 15.5px; line-height: 1.58; }
    .lpvg-hero-copy .apv2-actions { display: grid; margin-top: 24px; }
    .lpvg-hero-copy .apv2-button { width: 100%; }
    .lpvg-hero-tags { gap: 7px; margin-top: 19px; }
    .lpvg-hero-tags span { min-height: 33px; padding: 0 9px; font-size: 13px; }
    .lpvg-section-head { margin-bottom: 36px; }
    .lpvg-section-head h2,
    .lpvg-faq-intro h2,
    .lpvg-final-copy h2 { font-size: clamp(35px, 10vw, 46px); line-height: 1; }
    .lpvg-section-head > p,
    .lpvg-section-head > div > p:last-child { margin-top: 18px; font-size: 15px; line-height: 1.62; }
    .lpvg-pain-photo { min-height: 490px; border-radius: 28px; }
    .lpvg-pain-photo figcaption { right: 24px; bottom: 24px; left: 24px; }
    .lpvg-pain-photo figcaption strong { font-size: 27px; }
    .lpvg-pain-card { min-height: auto; grid-template-columns: 40px minmax(0, 1fr); padding: 23px; border-radius: 23px; }
    .lpvg-pain-card > i { width: 40px; height: 40px; border-radius: 14px; }
    .lpvg-pain-card h3 { font-size: 23px; }
    .lpvg-truth-line { align-items: start; padding: 20px; }

    .lpvg-simple-card { min-height: 300px; padding: 25px; border-radius: 25px; }
    .lpvg-simple-card h3 { max-width: 320px; margin-top: 52px; font-size: 29px; }
    .lpvg-sales-line { grid-template-columns: 1fr; gap: 14px; padding: 26px; }
    .lpvg-sales-line p { font-size: 22px; }

    .lpvg-growth-grid { grid-template-columns: 1fr; }
    .lpvg-growth-card { min-height: auto; padding: 27px; border-radius: 28px; }
    .lpvg-growth-visual { height: 210px; margin: -27px -27px 25px; }
    .lpvg-growth-card h3 { font-size: 32px; }
    .lpvg-content-bridge { grid-template-columns: 1fr; padding: 22px; }
    .lpvg-content-bridge-visual { height: 210px; }
    .lpvg-content-bridge .lpvg-brand-row { grid-column: auto; }

    .lpvg-context-shell { border-radius: 28px; }
    .lpvg-context-column { padding: 29px 24px; }
    .lpvg-context-column h3 { font-size: 30px; }
    .lpvg-noah-stage { min-height: 365px; padding: 29px 18px; }
    .lpvg-noah-orb-shell { width: 176px; height: 176px; }
    .lpvg-noah-orb-shell anora-thinking-orb { width: 142px; height: 142px; }
    .lpvg-noah-controls { display: none; }
    .lpvg-module-column ul { grid-template-columns: 1fr; }

    .lpvg-flow-grid { grid-template-columns: 1fr; }
    .lpvg-flow-card { min-height: auto; padding: 23px; }
    .lpvg-flow-card h3 { margin-top: 30px; }

    .lpvg-proof-card { display: block; }
    .lpvg-proof-image { height: 230px; min-height: 0; border-right: 0; border-bottom: 1px solid var(--lpvg-line); }
    .lpvg-proof-card > div:last-child { padding: 24px; }
    .lpvg-proof-action { align-items: stretch; flex-direction: column; }
    .lpvg-proof-action .apv2-button { width: 100%; }

    .lpvg-credit-section { padding-top: 0 !important; }
    .lpvg-credit-card { grid-template-columns: 1fr; gap: 29px; padding: 29px 24px; border-radius: 28px; }
    .lpvg-credit-card h2 { font-size: clamp(48px, 14vw, 66px); }

    .lpvg-faq-item summary { min-height: 78px; gap: 14px; font-size: 15px; }
    .lpvg-faq-item > div p { margin-right: 35px; }

    .lpvg-final-card { display: block; min-height: 790px; padding-bottom: 330px; border-radius: 28px; }
    .lpvg-final-card::before { background: linear-gradient(180deg, #fff 0%, #fff 52%, rgba(255, 255, 255, .84) 61%, transparent 76%); }
    .lpvg-final-copy { padding: 30px 24px; }
    .lpvg-final-copy > p:not(.apv2-kicker) { font-size: 15px; }
    .lpvg-final-copy .apv2-actions { display: grid; }
    .lpvg-final-copy .apv2-button { width: 100%; }
    .lpvg-final-visual { inset: auto 0 0; height: 440px; }
    .lpvg-final-visual img { object-position: 72% center; }
}

@media (max-width: 390px) {
    .lpvg-hero { min-height: 1050px; }
    .lpvg-hero-media { height: 500px; }
    .lpvg-hero-copy .apv2-display { font-size: 35px; }
    .lpvg-hero-tags span { font-size: 13px; }
    .lpvg-pain-photo { min-height: 450px; }
    .lpvg-proof-image { height: 210px; }
}

@media (prefers-reduced-motion: reduce) {
    .lpvg-hero-media video { display: none; }
    .lpvg-hero-media img { animation: none; }
    .lpvg-proof-card:hover .lpvg-proof-image img { transform: none; }
}

/* -----------------------------------------------------------------------
 * Growth landing · human mobile narrative v7
 * Immediate character entry, swipeable stories and industry relevance.
 * ----------------------------------------------------------------------- */

.lpvg-landing #branchen { scroll-margin-top: calc(var(--apv2-header-height) + 22px); }

.lpvg-pain-card { position: relative; isolation: isolate; overflow: hidden; display: block; }
.lpvg-pain-card::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(90deg, #fff 0%, #fff 59%, rgba(255, 255, 255, .88) 70%, rgba(255, 255, 255, .18) 100%);
    content: "";
}
.lpvg-pain-card-visual { position: absolute; z-index: -2; inset: 0 0 0 auto; width: 48%; margin: 0; }
.lpvg-pain-card-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.lpvg-pain-card-content { position: relative; display: grid; max-width: 74%; grid-template-columns: 48px minmax(0, 1fr); align-items: start; gap: 17px; }
.lpvg-pain-card-content > i { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(8, 139, 119, .13); border-radius: 16px; color: #087d6b; background: linear-gradient(145deg, #ebfaf6, #eef4ff 62%, #f5efff); }
.lpvg-pain-card-content > i svg { width: 22px; height: 22px; }

.lpvg-industries-section { background: linear-gradient(180deg, #fff 0%, #f8fbfb 100%); }
.lpvg-industries-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.lpvg-industry-card { --lpvg-industry-scale: 1; overflow: hidden; border: 1px solid var(--lpvg-line); border-radius: 30px; background: #fff; box-shadow: var(--lpvg-card-shadow); }
.lpvg-industry-card:nth-child(1) { --lpvg-industry-scale: 1.28; }
.lpvg-industry-card:nth-child(4) { --lpvg-industry-scale: 1.42; }
.lpvg-industry-visual { position: relative; overflow: hidden; aspect-ratio: 4 / 3; background: #fff; }
.lpvg-industry-visual::after {
    position: absolute;
    inset: auto 0 -1px;
    height: 52%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .44) 34%, rgba(255, 255, 255, .92) 76%, #fff 100%);
    content: "";
    pointer-events: none;
}
.lpvg-industry-visual img { width: 100%; height: 100%; object-fit: cover; transform: scale(var(--lpvg-industry-scale)); transform-origin: 50% 44%; transition: transform .6s ease; }
.lpvg-industry-card:hover .lpvg-industry-visual img { transform: scale(calc(var(--lpvg-industry-scale) * 1.025)); }
.lpvg-industry-copy { position: relative; margin-top: -34px; padding: 0 24px 27px; }
.lpvg-industry-copy > span { display: block; margin-bottom: 14px; color: #087d6b; font-size: 13px; font-weight: 770; letter-spacing: .075em; line-height: 1.35; text-transform: uppercase; }
.lpvg-industry-copy h3 { font-size: clamp(23px, 2.1vw, 31px); line-height: 1.04; }
.lpvg-industry-copy p { margin: 15px 0 0; color: var(--lpvg-muted); font-size: 14px; line-height: 1.62; }
.lpvg-industries-note { max-width: 900px; margin: 25px 0 0; padding: 21px 23px; border: 1px solid rgba(8, 139, 119, .13); border-radius: 20px; color: var(--lpvg-muted); background: rgba(255, 255, 255, .82); font-size: 14px; line-height: 1.6; }
.lpvg-industries-note strong { color: var(--lpvg-ink); }

.lpvg-context-rail { display: contents; }
.lpvg-context-shell > .lpvg-noah-stage { grid-column: 2; grid-row: 1; }
.lpvg-context-rail > .lpvg-context-column:first-child { grid-column: 1; grid-row: 1; }
.lpvg-context-rail > .lpvg-module-column { grid-column: 3; grid-row: 1; }
.lpvg-noah-stage > strong { transition: opacity .18s ease, transform .18s ease; }
.lpvg-noah-stage > strong.is-changing { opacity: .25; transform: translateY(4px); }

.lpvg-proof-tool { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 14px; padding: 0 22px; border-bottom: 1px solid var(--lpvg-line); background: linear-gradient(135deg, #f7fcfb, #f5f7ff); }
.lpvg-proof-tool span { color: #087d6b; font-size: 13px; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.lpvg-proof-tool strong { color: var(--lpvg-ink); font-size: 15px; font-weight: 700; }

.lpvg-snap-nav { display: none; }

@media (max-width: 1180px) {
    .lpvg-industries-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
    .lpvg-context-shell { display: block; }
    .lpvg-context-shell > .lpvg-noah-stage { min-height: 380px; border-top: 0; }
    .lpvg-context-rail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lpvg-context-rail > .lpvg-context-column { border-top: 1px solid rgba(18, 22, 29, .07); }
    .lpvg-context-rail > .lpvg-context-column + .lpvg-context-column { border-left: 1px solid rgba(18, 22, 29, .07); }
}

@media (max-width: 700px) {
    .lpvg-landing .apv2-section { padding: 66px 0; }

    .lpvg-hero {
        min-height: 720px;
        padding: 0;
    }
    .lpvg-hero::before {
        background: linear-gradient(180deg, #fff 0%, #fff 35%, rgba(255, 255, 255, .96) 41%, rgba(255, 255, 255, .44) 49%, transparent 58%);
    }
    .lpvg-hero::after { right: -150px; bottom: -170px; }
    .lpvg-hero-media { top: 258px; bottom: 0; height: auto; }
    .lpvg-hero-media img,
    .lpvg-hero-media video { object-position: 70% 48%; }
    .lpvg-hero-inner { min-height: 720px; padding: 32px 0 0; }
    .lpvg-hero-copy { max-width: 100%; }
    .lpvg-hero-copy .apv2-display { max-width: 340px; font-size: clamp(42px, 12vw, 50px); line-height: .94; letter-spacing: -.065em; text-wrap: balance; }
    .lpvg-hero-copy .apv2-lead { max-width: 350px; margin-top: 17px; font-size: 14.5px; line-height: 1.52; }
    .lpvg-hero-copy .apv2-actions { display: flex; max-width: 340px; align-items: stretch; margin-top: 19px; flex-direction: column; gap: 4px; }
    .lpvg-hero-copy .apv2-button-primary { width: 100%; min-height: 50px; }
    .lpvg-hero-copy .apv2-button-secondary { width: max-content; min-height: 35px; justify-content: flex-start; padding: 0 4px; border: 0; color: #5d676f; background: transparent; box-shadow: none; }
    .lpvg-hero-copy .apv2-button-secondary:hover { color: #087d6b; background: transparent; box-shadow: none; }
    .lpvg-hero-tags { display: none; }

    .lpvg-section-head { margin-bottom: 30px; }
    .lpvg-section-head h2,
    .lpvg-faq-intro h2,
    .lpvg-final-copy h2 { font-size: clamp(34px, 9.6vw, 43px); line-height: .99; }

    [data-lpvg-snap] {
        display: flex;
        width: 100%;
        grid-template-columns: none;
        gap: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 2px 36px 18px 0;
        scroll-behavior: smooth;
        scroll-padding-inline: 0;
        scroll-snap-type: x mandatory;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    [data-lpvg-snap]::-webkit-scrollbar { display: none; }
    [data-lpvg-snap] > * { flex: 0 0 calc(100% - 34px); scroll-snap-align: start; scroll-snap-stop: always; }

    .lpvg-snap-nav { display: grid; grid-template-columns: 38px minmax(50px, 1fr) auto 38px; align-items: center; gap: 10px; margin-top: 2px; }
    .lpvg-snap-nav button { display: grid; width: 38px; height: 38px; place-items: center; padding: 0; border: 1px solid var(--lpvg-line); border-radius: 50%; color: #526069; background: rgba(255, 255, 255, .9); box-shadow: 0 8px 22px rgba(35, 72, 79, .06); cursor: pointer; }
    .lpvg-snap-nav button:disabled { opacity: .34; cursor: default; }
    .lpvg-snap-nav button svg { width: 17px; height: 17px; }
    .lpvg-snap-nav button:first-child svg { transform: rotate(180deg); }
    .lpvg-snap-progress { overflow: hidden; height: 3px; border-radius: 999px; background: rgba(31, 48, 58, .09); }
    .lpvg-snap-progress i { display: block; width: var(--lpvg-snap-progress, 0%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #43c9b3, #7f9fe9, #a183e8); transition: width .24s ease; }
    .lpvg-snap-count { min-width: 34px; color: #707b83; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-align: center; }

    .lpvg-pain-photo { min-height: 300px; border-radius: 25px; }
    .lpvg-pain-photo figcaption { right: 20px; bottom: 20px; left: 20px; }
    .lpvg-pain-photo figcaption strong { max-width: 260px; font-size: 24px; }
    .lpvg-pain-photo figcaption span { font-size: 13px; }
    .lpvg-pain-list { margin-top: 17px; }
    .lpvg-pain-card { min-height: 405px; padding: 0; border-radius: 25px; background: #fff; }
    .lpvg-pain-card::after { display: none; }
    .lpvg-pain-card-visual { position: relative; z-index: 0; inset: auto; width: 100%; height: 175px; }
    .lpvg-pain-card-visual::after { position: absolute; inset: 45% 0 0; background: linear-gradient(180deg, transparent, #fff); content: ""; }
    .lpvg-pain-card-content { z-index: 1; max-width: none; grid-template-columns: 40px minmax(0, 1fr); gap: 13px; margin-top: -22px; padding: 0 21px 24px; }
    .lpvg-pain-card-content > i { width: 40px; height: 40px; border-radius: 13px; background: #fff; box-shadow: 0 8px 24px rgba(35, 72, 79, .08); }
    .lpvg-pain-card h3 { font-size: 22px; }
    .lpvg-pain-card p { font-size: 13.5px; line-height: 1.55; }
    .lpvg-truth-line { margin-top: 18px; }

    .lpvg-simple-card { min-height: 315px; }
    .lpvg-simple-card h3 { margin-top: 48px; font-size: 27px; }
    .lpvg-simple-card p { font-size: 14px; }
    .lpvg-sales-line { margin-top: 20px; padding: 23px; }

    .lpvg-growth-grid > .lpvg-growth-card { min-height: 630px; }
    .lpvg-growth-visual { height: 195px; }
    .lpvg-growth-card h3 { font-size: 29px; }

    .lpvg-industries-grid { grid-template-columns: none; }
    .lpvg-industry-card { min-height: 495px; border-radius: 26px; }
    .lpvg-industry-visual { aspect-ratio: 4 / 3; }
    .lpvg-industry-copy { margin-top: -28px; padding: 0 22px 24px; }
    .lpvg-industry-copy h3 { font-size: 27px; }
    .lpvg-industries-note { margin-top: 18px; padding: 19px; font-size: 13.5px; }

    .lpvg-context-shell { display: block; border-radius: 28px; }
    .lpvg-context-shell > .lpvg-noah-stage { min-height: 335px; padding: 24px 18px 22px; border: 0; }
    .lpvg-noah-name { font-size: 13px; }
    .lpvg-noah-orb-shell { width: 160px; height: 160px; margin: 16px 0 13px; }
    .lpvg-noah-orb-shell anora-thinking-orb { width: 132px; height: 132px; }
    .lpvg-noah-stage > strong { font-size: 14px; }
    .lpvg-noah-controls { display: flex; margin-top: 17px; }
    .lpvg-noah-controls button { min-height: 32px; padding: 0 10px; font-size: 13px; }
    .lpvg-context-rail { display: flex; padding: 0 36px 18px 18px; border-top: 1px solid rgba(18, 22, 29, .07); }
    .lpvg-context-rail > .lpvg-context-column { min-height: 355px; padding: 24px 22px; border: 0; border-radius: 22px; background: rgba(255, 255, 255, .72); }
    .lpvg-context-rail > .lpvg-context-column + .lpvg-context-column { border: 0; }
    .lpvg-context-column h3 { font-size: 27px; }
    .lpvg-context-tags { margin-top: 22px; }
    .lpvg-module-column ul { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 21px; }
    .lpvg-module-column > p { margin-top: 18px; }
    .lpvg-context-shell > .lpvg-snap-nav { margin: 0 18px 19px; }

    .lpvg-flow-card { min-height: 280px; }

    .lpvg-proof-card { display: flex; min-height: 525px; flex-direction: column; }
    .lpvg-proof-tool { flex: 0 0 56px; padding: 0 18px; }
    .lpvg-proof-image { width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 9; border-right: 0; }
    .lpvg-proof-image img { object-fit: contain; object-position: center; }
    .lpvg-proof-card > .lpvg-proof-copy { flex: 1; padding: 22px; }
    .lpvg-proof-card h3 { font-size: 24px; }

    .lpvg-final-card { min-height: 0; padding-bottom: 0; }
    .lpvg-final-card::before { display: none; }
    .lpvg-final-copy { padding: 28px 23px; }
    .lpvg-final-copy h2 { font-size: 35px; }
    .lpvg-final-copy > p:not(.apv2-kicker) { margin-top: 17px; font-size: 14.5px; line-height: 1.58; }
    .lpvg-final-copy .apv2-actions { margin-top: 20px; gap: 7px; }
    .lpvg-final-visual { position: relative; z-index: 0; inset: auto; display: block; height: auto; aspect-ratio: 960 / 884; margin-top: -8px; }
    .lpvg-final-visual img { object-position: 54% center; }
}

@media (max-width: 390px) {
    .lpvg-hero { min-height: 700px; }
    .lpvg-hero-inner { min-height: 700px; }
    .lpvg-hero-media { top: 250px; }
    .lpvg-hero-copy .apv2-display { font-size: 42px; }
    .lpvg-hero-copy .apv2-lead { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    [data-lpvg-snap] { scroll-behavior: auto; }
    .lpvg-industry-visual img { transition: none; }
    .lpvg-industry-card:hover .lpvg-industry-visual img { transform: scale(var(--lpvg-industry-scale)); }
    .lpvg-noah-stage > strong { transition: none; }
}

/* -----------------------------------------------------------------------
 * Growth landing · mobile composition and card rhythm v8
 * Full-bleed hero video, compact stories and a tabbed N.O.A.H. workspace.
 * ----------------------------------------------------------------------- */

.lpvg-context-mobile-tabs { display: none; }

@media (min-width: 701px) {
    .lpvg-context-rail [data-lpvg-context-panel][hidden] { display: block !important; }
}

@media (max-width: 700px) {
    .lpvg-hero {
        min-height: 760px;
        background: #fff;
    }
    .lpvg-hero::before {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .99) 0%, rgba(255, 255, 255, .98) 40%, rgba(255, 255, 255, .9) 43%, rgba(255, 255, 255, .25) 50%, transparent 60%),
            linear-gradient(90deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .72) 44%, rgba(255, 255, 255, .15) 62%, transparent 78%);
    }
    .lpvg-hero-media {
        inset: 0;
        height: 100%;
    }
    .lpvg-hero-poster,
    .lpvg-hero-media video {
        inset: auto auto 0 50%;
        width: min(196vw, 980px);
        height: min(110vw, 551px);
        transform: translateX(-50%);
    }
    .lpvg-hero-poster img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-position: center;
        transform: none;
    }
    .lpvg-hero-media video { object-position: center; }
    .lpvg-hero-inner {
        min-height: 760px;
        align-items: start;
        padding: 32px 0 0;
    }
    .lpvg-hero-copy {
        max-width: 345px;
        text-shadow: 0 1px 18px rgba(255, 255, 255, .94);
    }
    .lpvg-hero-copy .apv2-display {
        max-width: 338px;
        font-size: clamp(39px, 10.4vw, 41px);
        line-height: .94;
        letter-spacing: -.062em;
        text-wrap: balance;
    }
    .lpvg-hero-copy .apv2-display span {
        display: block;
        max-width: 325px;
        margin-top: .14em;
    }
    .lpvg-hero-copy .apv2-lead {
        max-width: 326px;
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.5;
    }
    .lpvg-hero-copy .apv2-actions {
        max-width: 326px;
        margin-top: 18px;
    }
    .lpvg-hero-copy .apv2-button-primary {
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }

    [data-lpvg-snap] {
        gap: 14px;
        padding: 7px 39px 39px 4px;
    }
    [data-lpvg-snap] > * {
        position: relative;
        z-index: 1;
        flex-basis: calc(100% - 35px);
        transition: box-shadow .22s ease, transform .22s ease;
    }
    [data-lpvg-snap] > *.is-active {
        z-index: 3;
        box-shadow: 0 18px 46px rgba(38, 69, 74, .11);
    }
    .lpvg-snap-nav {
        position: relative;
        z-index: 4;
        margin-top: -29px;
    }

    .lpvg-pain-list { margin-top: 17px; }
    .lpvg-pain-card {
        min-height: 0;
        border-radius: 25px;
        box-shadow: 0 14px 38px rgba(35, 72, 79, .075);
    }
    .lpvg-pain-card-visual { height: 165px; }
    .lpvg-pain-card-content {
        margin-top: -20px;
        padding: 0 20px 20px;
    }
    .lpvg-pain-card-content > div { padding-top: 36px; }
    .lpvg-pain-card h3 { font-size: 22px; }
    .lpvg-pain-card p { margin-top: 10px; }

    .lpvg-simple-card {
        min-height: 275px;
        padding: 24px;
        box-shadow: 0 14px 38px rgba(35, 72, 79, .075);
    }
    .lpvg-simple-card h3 { margin-top: 40px; }

    .lpvg-growth-grid > .lpvg-growth-card {
        min-height: 0;
        padding: 22px;
        border-radius: 27px;
        box-shadow: 0 14px 38px rgba(35, 72, 79, .075);
    }
    .lpvg-growth-visual {
        height: 158px;
        margin: -22px -22px 14px;
    }
    .lpvg-growth-visual img {
        width: min(88%, 390px);
        height: 105%;
    }
    .lpvg-growth-label {
        margin-bottom: 10px;
        font-size: 13px;
        letter-spacing: .035em;
        line-height: 1.2;
        white-space: nowrap;
    }
    .lpvg-growth-card h3 { font-size: 28px; }
    .lpvg-growth-card > p:not(.lpvg-growth-label) {
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.56;
    }
    .lpvg-growth-card ul {
        gap: 8px;
        margin-top: 18px;
    }
    .lpvg-growth-card li {
        align-items: center;
        gap: 8px;
        font-size: 13px;
        line-height: 1.25;
        white-space: nowrap;
    }
    .lpvg-growth-card li svg { width: 16px; height: 16px; }

    .lpvg-industry-card {
        display: flex;
        min-height: 0;
        flex-direction: column;
        box-shadow: 0 14px 38px rgba(35, 72, 79, .075);
    }
    .lpvg-industry-visual::after {
        inset: auto 0 -1px;
        height: 54%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 32%, rgba(255, 255, 255, .95) 74%, #fff 100%);
    }
    .lpvg-industry-copy {
        flex: 1;
        margin-top: 0;
        padding: 15px 20px 20px;
    }
    .lpvg-industry-copy > span {
        overflow: hidden;
        margin-bottom: 12px;
        font-size: 13px;
        letter-spacing: .035em;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .lpvg-industry-copy h3 { font-size: 27px; }
    .lpvg-industry-copy p { margin-top: 14px; font-size: 13.5px; line-height: 1.55; }

    .lpvg-context-shell {
        overflow: hidden;
        padding: 14px;
        border-radius: 28px;
        background: linear-gradient(145deg, #f7fcfb, #f2f7ff 57%, #f8f5ff);
        box-shadow: 0 18px 50px rgba(38, 69, 74, .085);
    }
    .lpvg-context-shell > .lpvg-noah-stage {
        display: grid;
        min-height: 0;
        grid-template-columns: 116px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        align-items: center;
        justify-content: initial;
        gap: 5px 15px;
        padding: 19px 18px 17px;
        border: 1px solid rgba(8, 139, 119, .11);
        border-radius: 22px;
        text-align: left;
        background: rgba(255, 255, 255, .78);
        box-shadow: inset 0 1px 0 #fff;
    }
    .lpvg-noah-name {
        grid-column: 2;
        align-self: end;
        font-size: 13px;
        letter-spacing: .09em;
        line-height: 1.35;
    }
    .lpvg-noah-orb-shell {
        width: 108px;
        height: 108px;
        grid-column: 1;
        grid-row: 1 / 3;
        margin: 0;
        box-shadow: 0 0 0 8px rgba(8, 139, 119, .025), inset 0 0 30px rgba(75, 219, 195, .08);
    }
    .lpvg-noah-orb-shell anora-thinking-orb { width: 88px; height: 88px; }
    .lpvg-noah-stage > strong {
        grid-column: 2;
        align-self: start;
        font-size: 14px;
        line-height: 1.35;
    }
    .lpvg-noah-controls {
        grid-column: 1 / -1;
        justify-content: flex-start;
        gap: 5px;
        margin-top: 13px;
    }
    .lpvg-noah-controls button {
        min-height: 30px;
        padding: 0 9px;
        font-size: 13px;
    }
    .lpvg-context-mobile-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
        margin-top: 12px;
        padding: 4px;
        border: 1px solid rgba(18, 22, 29, .07);
        border-radius: 17px;
        background: rgba(255, 255, 255, .56);
    }
    .lpvg-context-mobile-tabs button {
        min-height: 42px;
        padding: 0 10px;
        border: 0;
        border-radius: 13px;
        color: #69737b;
        background: transparent;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
    }
    .lpvg-context-mobile-tabs button[aria-selected="true"] {
        color: #087d6b;
        background: #fff;
        box-shadow: 0 8px 22px rgba(35, 72, 79, .075);
    }
    .lpvg-context-rail {
        display: block;
        padding: 12px 0 0;
        border: 0;
    }
    .lpvg-context-rail > .lpvg-context-column {
        min-height: 0;
        padding: 21px 19px 20px;
        border: 1px solid rgba(18, 22, 29, .065);
        border-radius: 21px;
        background: rgba(255, 255, 255, .78);
        animation: lpvg-context-panel-in .24s ease both;
    }
    .lpvg-context-rail > .lpvg-context-column + .lpvg-context-column { border: 1px solid rgba(18, 22, 29, .065); }
    .lpvg-context-column h3 {
        max-width: 290px;
        font-size: 25px;
        line-height: 1.03;
    }
    .lpvg-context-tags {
        gap: 7px;
        margin-top: 18px;
    }
    .lpvg-context-tags span { padding: 8px 10px; }
    .lpvg-module-column ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        margin-top: 17px;
    }
    .lpvg-module-column li { padding: 10px; }
    .lpvg-module-column > p { margin-top: 15px; line-height: 1.55; }
    .lpvg-context-shell > .lpvg-snap-nav { display: none; }
}

@media (max-width: 390px) {
    .lpvg-hero,
    .lpvg-hero-inner { min-height: 750px; }
    .lpvg-hero-copy .apv2-display { font-size: 40px; }
}

@keyframes lpvg-context-panel-in {
    from { opacity: .25; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* -----------------------------------------------------------------------
 * Growth landing · mobile hero focus v9
 * Keep ANORA inside the opening composition instead of anchoring her below it.
 * ----------------------------------------------------------------------- */

@media (max-width: 700px) {
    .lpvg-hero,
    .lpvg-hero-inner { min-height: 600px; }

    .lpvg-hero::before {
        background:
            linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .98) 42%, rgba(255, 255, 255, .68) 59%, rgba(255, 255, 255, .12) 78%, transparent 100%),
            linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .12) 48%, rgba(255, 255, 255, .82) 68%, #fff 88%, #fff 100%);
    }

    .lpvg-hero-media { overflow: hidden; }

    .lpvg-hero-poster,
    .lpvg-hero-media video {
        top: 42px;
        bottom: auto;
        left: 55%;
        transform: translateX(-50%);
    }
}

@media (max-width: 390px) {
    .lpvg-hero,
    .lpvg-hero-inner { min-height: 590px; }

    .lpvg-hero-poster,
    .lpvg-hero-media video {
        top: 36px;
        left: 56%;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-lpvg-snap] > *,
    .lpvg-context-rail > .lpvg-context-column { transition: none; animation: none; }
}

/* -----------------------------------------------------------------------
 * Growth landing · illustrated system depth v10
 * Give the system more visual soul while keeping information compact.
 * ----------------------------------------------------------------------- */

.lpvg-pain-photo { background: #0d171d; }
.lpvg-pain-photo img { object-position: center 44%; }

.lpvg-context-column {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.lpvg-context-column > .lpvg-context-label,
.lpvg-context-column > h3,
.lpvg-context-groups {
    position: relative;
    z-index: 1;
}

.lpvg-context-dna {
    position: absolute;
    z-index: 0;
    top: 23px;
    right: -18px;
    width: 185px;
    height: 185px;
    opacity: .075;
    filter: saturate(.75);
    pointer-events: none;
}

.lpvg-context-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 24px;
}

.lpvg-context-groups section {
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(8, 139, 119, .09);
    border-radius: 17px;
    background: rgba(255, 255, 255, .67);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);
}

.lpvg-context-groups section > strong {
    display: block;
    margin-bottom: 9px;
    color: #087d6b;
    font-size: 13px;
    font-weight: 790;
    letter-spacing: .12em;
    line-height: 1.25;
    text-transform: uppercase;
}

.lpvg-context-groups section > div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.lpvg-context-groups section span {
    padding: 6px 8px;
    border: 1px solid rgba(18, 22, 29, .07);
    border-radius: 999px;
    color: #616b73;
    background: rgba(255, 255, 255, .83);
    font-size: 13px;
    font-weight: 640;
    line-height: 1.25;
}

.lpvg-flow-grid::before { display: none; }

.lpvg-flow-card {
    isolation: isolate;
    overflow: hidden;
    min-height: 260px;
    padding: 22px 20px 18px;
    background:
        radial-gradient(circle at 88% 3%, rgba(123, 160, 238, .12), transparent 45%),
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(244, 251, 249, .95));
    box-shadow: 0 18px 48px rgba(35, 72, 79, .075);
}

.lpvg-flow-card:nth-child(2) {
    background:
        radial-gradient(circle at 88% 3%, rgba(155, 132, 235, .12), transparent 45%),
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(248, 246, 255, .95));
}

.lpvg-flow-card:nth-child(3) {
    background:
        radial-gradient(circle at 88% 3%, rgba(75, 203, 181, .13), transparent 45%),
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(241, 251, 248, .95));
}

.lpvg-flow-card:nth-child(4) {
    background:
        radial-gradient(circle at 88% 3%, rgba(120, 174, 234, .12), transparent 45%),
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(243, 248, 255, .95));
}

.lpvg-flow-art {
    position: absolute;
    z-index: 0;
    top: -5px;
    right: -7px;
    width: 172px;
    height: 148px;
    margin: 0;
    opacity: .56;
    -webkit-mask-image: radial-gradient(circle at 67% 29%, #000 0%, #000 42%, transparent 78%);
    mask-image: radial-gradient(circle at 67% 29%, #000 0%, #000 42%, transparent 78%);
    pointer-events: none;
}

.lpvg-flow-art img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.lpvg-flow-card h3,
.lpvg-flow-card p {
    position: relative;
    z-index: 1;
}

.lpvg-flow-card h3 {
    margin-top: 116px;
    font-size: 23px;
}

.lpvg-flow-card p {
    max-width: 96%;
    margin-top: 10px;
    line-height: 1.52;
}

.lpvg-credit-visual { min-width: 0; }
.lpvg-credit-illustration { max-width: 570px; margin: 12px auto 0; }
.lpvg-credit-illustration img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 18px 28px rgba(49, 94, 101, .13));
}

.lpvg-credit-legend {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22%;
    margin: -6% 8% 0;
}

.lpvg-credit-legend span {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    border: 1px solid rgba(8, 139, 119, .12);
    border-radius: 999px;
    color: #087d6b;
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 9px 24px rgba(35, 72, 79, .07);
    font-size: 13px;
    font-weight: 760;
    white-space: nowrap;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.lpvg-credit-legend span:last-child {
    border-color: rgba(175, 109, 63, .16);
    color: #96613f;
}

@media (max-width: 700px) {
    .lpvg-pain-photo img { object-position: center 42%; }

    .lpvg-context-dna {
        top: 17px;
        right: -15px;
        width: 126px;
        height: 126px;
        opacity: .07;
    }

    .lpvg-context-groups {
        gap: 7px;
        margin-top: 18px;
    }

    .lpvg-context-groups section {
        padding: 10px;
        border-radius: 14px;
    }

    .lpvg-context-groups section > strong {
        margin-bottom: 7px;
        font-size: 13px;
        letter-spacing: .09em;
    }

    .lpvg-context-groups section > div { gap: 5px; }
    .lpvg-context-groups section span { padding: 5px 7px; font-size: 13px; }

    .lpvg-flow-card {
        min-height: 250px;
        padding: 20px 19px 18px;
    }

    .lpvg-flow-art {
        top: -6px;
        right: -4px;
        width: 158px;
        height: 140px;
        opacity: .54;
    }

    .lpvg-flow-card h3 {
        margin-top: 112px;
        font-size: 22px;
    }

    .lpvg-flow-card p {
        margin-top: 9px;
        font-size: 13px;
    }

    .lpvg-flow-grid + .lpvg-snap-nav,
    .lpvg-proof-grid + .lpvg-snap-nav { margin-top: -7px; }

    .lpvg-proof-card {
        min-height: 0;
        align-self: flex-start;
    }

    .lpvg-proof-card > .lpvg-proof-copy {
        flex: 0 0 auto;
        padding: 21px 21px 18px;
    }

    .lpvg-proof-card p {
        margin-top: 11px;
        line-height: 1.55;
    }

    .lpvg-credit-section {
        padding-top: 0 !important;
        padding-bottom: 36px !important;
    }

    .lpvg-credit-card {
        gap: 20px;
        padding: 24px 20px 22px;
    }

    .lpvg-credit-illustration { margin-top: 7px; }
    .lpvg-credit-legend { gap: 16%; margin: -5% 5% 0; }
    .lpvg-credit-legend span { min-height: 35px; font-size: 13px; }
    .lpvg-credit-card .apv2-button { margin-top: 19px; }
}

@media (max-width: 360px) {
    .lpvg-context-groups { grid-template-columns: 1fr; }
}

/* -----------------------------------------------------------------------
 * Growth landing · conversion flow and mobile opening v11
 * The opening visual starts with the section; every consultation path uses
 * the same fast, verified CRM intake.
 * ----------------------------------------------------------------------- */

.lpvg-hero-text-link {
    display: inline-flex;
    width: max-content;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 14px;
    font-weight: 720;
    line-height: 1.25;
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 5px;
}

.lpvg-hero-text-link:hover { color: #087d6b; }

.lpvg-pain-card-content {
    display: block;
    max-width: 74%;
}

.lpvg-pain-card-heading {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 17px;
}

.lpvg-pain-card-heading > i {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(8, 139, 119, .13);
    border-radius: 16px;
    color: #087d6b;
    background: linear-gradient(145deg, #ebfaf6, #eef4ff 62%, #f5efff);
}

.lpvg-pain-card-heading > i svg { width: 22px; height: 22px; }
.lpvg-pain-card-content > p { max-width: 510px; }

.lpvg-context-groups section > div {
    display: grid;
    gap: 6px;
}

.lpvg-context-groups section span {
    position: relative;
    padding: 0 0 0 13px;
    border: 0;
    border-radius: 0;
    color: #5d6870;
    background: transparent;
    font-size: 13px;
    font-weight: 640;
    line-height: 1.36;
}

.lpvg-context-groups section span::before {
    position: absolute;
    top: .52em;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: linear-gradient(135deg, #36c7b2, #8e82e9);
    box-shadow: 0 0 0 3px rgba(51, 194, 173, .08);
    content: "";
}

body.lpvg-lead-is-open { overflow: hidden; }

.lpvg-lead-modal[hidden],
.lpvg-lead-step[hidden],
.lpvg-lead-success[hidden] { display: none !important; }

.lpvg-lead-modal {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
}

.lpvg-lead-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(19, 31, 36, .42);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    cursor: pointer;
}

.lpvg-lead-dialog {
    position: relative;
    z-index: 1;
    display: flex;
    overflow: hidden;
    width: min(940px, 100%);
    max-height: calc(100svh - 36px);
    flex-direction: column;
    border: 1px solid rgba(8, 139, 119, .14);
    border-radius: 32px;
    outline: 0;
    background: rgba(252, 254, 254, .98);
    box-shadow: 0 34px 100px rgba(18, 42, 47, .22), inset 0 1px 0 #fff;
}

.lpvg-lead-dialog::before {
    position: absolute;
    z-index: -1;
    top: -180px;
    right: -160px;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(86, 216, 194, .19), rgba(140, 123, 231, .08) 46%, transparent 72%);
    content: "";
    pointer-events: none;
}

.lpvg-lead-close {
    position: absolute;
    z-index: 5;
    top: 16px;
    right: 16px;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(18, 22, 29, .09);
    border-radius: 50%;
    color: #11161a;
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 8px 24px rgba(35, 72, 79, .08);
    cursor: pointer;
}

.lpvg-lead-close svg { width: 18px; height: 18px; }

.lpvg-lead-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 23px 72px 14px 28px;
    border-bottom: 1px solid rgba(18, 22, 29, .065);
}

.lpvg-lead-header div { display: grid; gap: 4px; }
.lpvg-lead-header div > span { color: #087d6b; font-size: 13px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.lpvg-lead-header strong { font-size: 17px; line-height: 1.25; }
.lpvg-lead-header > p { margin: 0; color: #68727a; font-size: 13px; font-weight: 700; white-space: nowrap; }

.lpvg-lead-progress {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin: 0;
    padding: 12px 28px 0;
    list-style: none;
}

.lpvg-lead-progress li { display: grid; gap: 5px; color: #7b858c; font-size: 13px; font-weight: 740; }
.lpvg-lead-progress i { display: block; overflow: hidden; height: 3px; border-radius: 99px; background: #e5e9eb; }
.lpvg-lead-progress i::after { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #38c7b0, #8b7fe8); content: ""; transition: width .28s ease; }
.lpvg-lead-progress li.is-active,
.lpvg-lead-progress li.is-complete { color: #087d6b; }
.lpvg-lead-progress li.is-active i::after,
.lpvg-lead-progress li.is-complete i::after { width: 100%; }

.lpvg-lead-form { overflow: auto; overscroll-behavior: contain; }
.lpvg-lead-honeypot { position: absolute; left: -9999px; }

.lpvg-lead-step {
    position: relative;
    display: grid;
    min-height: 530px;
    grid-template-columns: minmax(0, 1fr) 270px;
    align-content: start;
    gap: 18px 38px;
    padding: 26px 30px 25px;
    animation: lpvg-lead-step-in .28s ease both;
}

.lpvg-lead-art {
    grid-column: 2;
    grid-row: 1 / 5;
    align-self: center;
    margin: 0;
}

.lpvg-lead-art img { display: block; width: 100%; height: auto; filter: drop-shadow(0 18px 28px rgba(52, 103, 110, .12)); }

.lpvg-lead-step-copy { max-width: 540px; }
.lpvg-lead-step-copy > span,
.lpvg-lead-success > span { display: block; color: #087d6b; font-size: 13px; font-weight: 810; letter-spacing: .14em; text-transform: uppercase; }
.lpvg-lead-step-copy h2,
.lpvg-lead-success h2 { margin: 7px 0 0; font-size: clamp(28px, 4vw, 40px); line-height: .98; letter-spacing: -.045em; }
.lpvg-lead-step-copy p,
.lpvg-lead-success p { max-width: 570px; margin: 11px 0 0; color: #68727a; font-size: 14px; line-height: 1.55; }

.lpvg-lead-fields { display: grid; gap: 11px; }
.lpvg-lead-fields-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lpvg-lead-field { display: grid; gap: 6px; }
.lpvg-lead-field > span,
.lpvg-lead-choice legend { color: #424b51; font-size: 13px; font-weight: 760; }
.lpvg-lead-field input,
.lpvg-lead-field select {
    width: 100%;
    min-height: 46px;
    padding: 0 13px;
    border: 1px solid rgba(18, 22, 29, .11);
    border-radius: 13px;
    outline: 0;
    color: #11161a;
    background: rgba(255, 255, 255, .86);
    box-shadow: inset 0 1px 0 #fff;
    font: inherit;
    font-size: 13px;
}

.lpvg-lead-field input:focus,
.lpvg-lead-field select:focus { border-color: rgba(8, 139, 119, .55); box-shadow: 0 0 0 4px rgba(8, 139, 119, .08); }
.lpvg-lead-field.is-invalid input,
.lpvg-lead-field.is-invalid select { border-color: #ba4d56; }

.lpvg-lead-choice { min-width: 0; margin: 0; padding: 0; border: 0; }
.lpvg-lead-choice legend { margin-bottom: 7px; }
.lpvg-lead-choice > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.lpvg-lead-choice input { position: absolute; opacity: 0; pointer-events: none; }
.lpvg-lead-choice label { min-width: 0; cursor: pointer; }
.lpvg-lead-choice label > span {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    border: 1px solid rgba(18, 22, 29, .09);
    border-radius: 12px;
    color: #5f6970;
    background: rgba(255, 255, 255, .74);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.lpvg-lead-choice input:checked + span { border-color: rgba(8, 139, 119, .34); color: #087d6b; background: linear-gradient(135deg, rgba(224, 249, 244, .96), rgba(239, 237, 255, .94)); box-shadow: 0 8px 20px rgba(35, 72, 79, .07); }
.lpvg-lead-choice input:focus-visible + span { outline: 3px solid rgba(8, 139, 119, .16); outline-offset: 2px; }
.lpvg-lead-choice.is-invalid > div { padding: 4px; border: 1px solid rgba(186, 77, 86, .5); border-radius: 15px; }
.lpvg-lead-choice-goals > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lpvg-lead-choice-goals label:first-child { grid-column: 1 / -1; }
.lpvg-lead-inline-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.lpvg-lead-inline-choices .lpvg-lead-choice > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.lpvg-lead-consent { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: start; gap: 9px; color: #657078; font-size: 13px; line-height: 1.45; }
.lpvg-lead-consent input { width: 17px; height: 17px; margin: 1px 0 0; accent-color: #078871; }
.lpvg-lead-consent a { color: #11161a; text-decoration: underline; text-underline-offset: 2px; }
.lpvg-lead-consent.is-invalid { color: #a93d47; }

.lpvg-lead-step-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: auto; }
.lpvg-lead-step-actions button,
.lpvg-lead-success button {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 19px;
    border-radius: 14px;
    font: inherit;
    font-size: 13px;
    font-weight: 780;
    cursor: pointer;
}
.lpvg-lead-step-actions svg { width: 15px; height: 15px; }
.lpvg-lead-next,
.lpvg-lead-submit,
.lpvg-lead-success button { border: 1px solid rgba(8, 139, 119, .18); color: #076c5d; background: linear-gradient(115deg, #dcfaf3, #e9f5ff 54%, #eeeaff); box-shadow: 0 10px 28px rgba(35, 98, 91, .1); }
.lpvg-lead-back { border: 1px solid rgba(18, 22, 29, .09); color: #4f5a61; background: rgba(255, 255, 255, .72); }
.lpvg-lead-submit[disabled] { opacity: .55; cursor: wait; }
.lpvg-lead-status { display: none; margin: 0; padding: 10px 12px; border-radius: 11px; font-size: 13px; line-height: 1.4; }
.lpvg-lead-status.is-visible { display: block; }
.lpvg-lead-status.is-error { color: #973944; background: #fff0f2; }
.lpvg-lead-status.is-success { color: #08735f; background: #e9faf5; }
.lpvg-lead-assurance { display: flex; align-items: center; gap: 7px; margin: -4px 0 0; color: #748087; font-size: 13px; }
.lpvg-lead-assurance svg { width: 15px; height: 15px; color: #087d6b; }

.lpvg-lead-success { overflow: auto; padding: 38px; text-align: center; }
.lpvg-lead-success figure { width: min(320px, 70%); margin: -25px auto -25px; }
.lpvg-lead-success figure img { display: block; width: 100%; height: auto; }
.lpvg-lead-success h2 { max-width: 550px; margin-right: auto; margin-left: auto; }
.lpvg-lead-success p { margin-right: auto; margin-left: auto; }
.lpvg-lead-success button { margin-top: 22px; }

@keyframes lpvg-lead-step-in {
    from { opacity: .25; transform: translateY(7px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 700px) {
    .lpvg-hero,
    .lpvg-hero-inner { min-height: 590px; }

    .lpvg-hero-media { inset: 0; width: 100%; height: 100%; }
    .lpvg-hero-poster,
    .lpvg-hero-media video {
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        transform: none;
        object-fit: cover;
        object-position: 56% center;
    }
    .lpvg-hero-poster img { object-fit: cover; object-position: 56% center; }
    .lpvg-hero::before {
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, .52) 0%,
            rgba(255, 255, 255, .42) 34%,
            rgba(255, 255, 255, .22) 60%,
            rgba(255, 255, 255, .07) 79%,
            transparent 94%
        );
    }
    .lpvg-hero-inner {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-top: 0;
        padding-bottom: 0;
    }
    .lpvg-hero-copy { width: 100%; max-width: 355px; margin: 0; text-align: left; }
    .lpvg-hero-copy .apv2-display,
    .lpvg-hero-copy .apv2-display span,
    .lpvg-hero-copy .apv2-lead,
    .lpvg-hero-copy .apv2-actions { max-width: 100%; margin-right: 0; margin-left: 0; }
    .lpvg-hero-copy .apv2-display { font-size: clamp(39px, 10.4vw, 42px); }
    .lpvg-hero-copy .apv2-actions { align-items: flex-start; }
    .lpvg-hero-copy .apv2-button-primary { width: auto; max-width: 100%; padding-right: 24px; padding-left: 24px; }
    .lpvg-hero-text-link { margin-top: 4px; color: #000; }

    .lpvg-pain-card-content { max-width: none; padding: 0 20px 18px; }
    .lpvg-pain-card-heading { grid-template-columns: 40px minmax(0, 1fr); gap: 13px; }
    .lpvg-pain-card-heading > i { width: 40px; height: 40px; border-radius: 13px; background: #fff; box-shadow: 0 8px 24px rgba(35, 72, 79, .08); }
    .lpvg-pain-card-heading > i svg { width: 20px; height: 20px; }
    .lpvg-pain-card-content > p { max-width: none; margin-top: 11px; }
    .lpvg-pain-card-content > div { padding-top: 0; }

    .lpvg-context-groups section > div { gap: 5px; }
    .lpvg-context-groups section span { padding: 0 0 0 11px; font-size: 13px; line-height: 1.32; }
    .lpvg-context-groups section span::before { width: 4px; height: 4px; }

    .lpvg-lead-modal { align-items: end; padding: 8px 0 0; }
    .lpvg-lead-dialog { width: 100%; max-height: calc(100svh - 8px); border-radius: 27px 27px 0 0; }
    .lpvg-lead-close { top: 12px; right: 13px; width: 37px; height: 37px; }
    .lpvg-lead-header { align-items: start; padding: 17px 58px 12px 18px; }
    .lpvg-lead-header strong { font-size: 14px; }
    .lpvg-lead-header > p { display: none; }
    .lpvg-lead-progress { padding: 10px 18px 0; }
    .lpvg-lead-progress li { font-size: 13px; }
    .lpvg-lead-step {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px 18px calc(19px + env(safe-area-inset-bottom));
    }
    .lpvg-lead-art {
        position: absolute;
        top: 2px;
        right: 7px;
        width: 112px;
        margin: 0;
        opacity: .9;
        pointer-events: none;
    }
    .lpvg-lead-step-copy { min-height: 82px; padding-right: 104px; }
    .lpvg-lead-step-copy h2 { margin-top: 5px; font-size: 27px; }
    .lpvg-lead-step-copy p { margin-top: 8px; font-size: 13px; line-height: 1.45; }
    .lpvg-lead-fields-two { grid-template-columns: 1fr; gap: 9px; }
    .lpvg-lead-field { gap: 4px; }
    .lpvg-lead-field input,
    .lpvg-lead-field select { min-height: 43px; }
    .lpvg-lead-choice > div { gap: 6px; }
    .lpvg-lead-choice label > span { min-height: 39px; padding: 6px; font-size: 13px; }
    .lpvg-lead-choice-goals > div { grid-template-columns: 1fr; }
    .lpvg-lead-choice-goals label:first-child { grid-column: auto; }
    .lpvg-lead-inline-choices { grid-template-columns: 1fr; gap: 10px; }
    .lpvg-lead-inline-choices .lpvg-lead-choice:first-child > div { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .lpvg-lead-inline-choices .lpvg-lead-choice:last-child > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .lpvg-lead-step-actions { position: sticky; bottom: 0; padding-top: 4px; background: linear-gradient(180deg, transparent, rgba(252, 254, 254, .98) 28%); }
    .lpvg-lead-step-actions button { flex: 1; }
    .lpvg-lead-assurance { justify-content: center; text-align: center; }
    .lpvg-lead-success { padding: 28px 20px calc(30px + env(safe-area-inset-bottom)); }
}

@media (max-width: 390px) {
    .lpvg-hero,
    .lpvg-hero-inner { min-height: 570px; }
    .lpvg-hero-copy .apv2-display { font-size: 38px; }
    .lpvg-lead-step-copy h2 { font-size: 25px; }
    .lpvg-lead-art { width: 102px; }
    .lpvg-lead-step-copy { padding-right: 94px; }
}

@media (prefers-reduced-motion: reduce) {
    .lpvg-lead-step,
    .lpvg-lead-progress i::after { animation: none; transition: none; }
}

/* -----------------------------------------------------------------------
 * Growth landing · N.O.A.H. intelligence theatre v12
 * A single cinematic explanation of persistent business context.
 * ----------------------------------------------------------------------- */

.lpvg-noah-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 35%, rgba(86, 214, 194, .09), transparent 34%),
        linear-gradient(180deg, #fff 0%, #f8fcfb 44%, #fff 100%);
}

.lpvg-noah-section::before {
    position: absolute;
    top: 9%;
    left: 50%;
    width: min(1100px, 86vw);
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(133, 151, 244, .09), rgba(73, 210, 188, .045) 45%, transparent 72%);
    filter: blur(28px);
    transform: translateX(-50%);
    content: "";
    pointer-events: none;
}

.lpvg-noah-section > .apv2-container { position: relative; }

.lpvg-noah-intro {
    max-width: 980px;
    margin: 0 auto 46px;
    text-align: center;
}

.lpvg-noah-intro .apv2-kicker { color: #087d6b; }

.lpvg-noah-intro h2 {
    max-width: 950px;
    margin: 16px auto 0;
    font-size: clamp(46px, 5.4vw, 72px);
    font-weight: 690;
    letter-spacing: -.065em;
    line-height: .95;
    text-wrap: balance;
}

.lpvg-noah-intro > p:last-child {
    max-width: 770px;
    margin: 24px auto 0;
    color: var(--lpvg-muted);
    font-size: clamp(16px, 1.45vw, 19px);
    line-height: 1.62;
}

.lpvg-noah-cinema {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    aspect-ratio: 1672 / 941;
    border: 1px solid rgba(8, 139, 119, .13);
    border-radius: 42px;
    background: #f4faf9;
    box-shadow: 0 34px 100px rgba(35, 72, 79, .13), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.lpvg-noah-cinema::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .2) 0%, transparent 24%, transparent 68%, rgba(248, 252, 252, .16) 100%),
        linear-gradient(90deg, rgba(255, 255, 255, .11), transparent 18%, transparent 82%, rgba(255, 255, 255, .08));
    content: "";
    pointer-events: none;
}

.lpvg-noah-cinema-art,
.lpvg-noah-cinema-art img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.lpvg-noah-cinema-art img {
    object-fit: cover;
    object-position: center;
    transform: scale(1.008);
    animation: lpvg-noah-cinema-drift 15s ease-in-out infinite alternate;
}

.lpvg-noah-cinema-glow {
    position: absolute;
    z-index: 2;
    top: 47%;
    left: 50%;
    width: 35%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .2), rgba(104, 217, 201, .08) 38%, rgba(139, 123, 234, .04) 58%, transparent 73%);
    filter: blur(4px);
    transform: translate(-50%, -50%);
    animation: lpvg-noah-cinema-pulse 5.5s ease-in-out infinite;
    pointer-events: none;
}

.lpvg-noah-live-core {
    position: absolute;
    z-index: 3;
    top: 46.5%;
    left: 50%;
    display: grid;
    width: clamp(112px, 10.5vw, 158px);
    aspect-ratio: 1;
    place-items: center;
    border-radius: 50%;
    opacity: .24;
    mix-blend-mode: multiply;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.lpvg-noah-live-core anora-thinking-orb { width: 100%; height: 100%; }

.lpvg-noah-cinema-meta,
.lpvg-noah-now {
    position: absolute;
    z-index: 4;
    display: grid;
    border: 1px solid rgba(255, 255, 255, .82);
    background: rgba(255, 255, 255, .68);
    box-shadow: 0 18px 46px rgba(37, 74, 81, .09), inset 0 1px 0 rgba(255, 255, 255, .92);
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    backdrop-filter: blur(20px) saturate(140%);
}

.lpvg-noah-cinema-meta {
    top: 25px;
    left: 25px;
    max-width: 360px;
    gap: 7px;
    padding: 17px 19px;
    border-radius: 20px;
}

.lpvg-noah-cinema-meta span,
.lpvg-noah-now span,
.lpvg-noah-value-grid article > span {
    color: #087d6b;
    font-size: 13px;
    font-weight: 790;
    letter-spacing: .12em;
    line-height: 1.25;
    text-transform: uppercase;
}

.lpvg-noah-cinema-meta strong {
    font-size: clamp(18px, 1.65vw, 23px);
    font-weight: 690;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.lpvg-noah-now {
    top: 25px;
    right: 25px;
    max-width: 340px;
    gap: 6px;
    padding: 15px 18px;
    border-radius: 18px;
}

.lpvg-noah-now strong {
    min-height: 20px;
    color: #39464e;
    font-size: 14px;
    font-weight: 670;
    line-height: 1.4;
    transition: opacity .18s ease, transform .18s ease;
}

.lpvg-noah-now strong.is-changing { opacity: .25; transform: translateY(4px); }

.lpvg-noah-scenes {
    position: absolute;
    z-index: 5;
    right: 20px;
    bottom: 20px;
    left: 20px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 22px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 20px 50px rgba(35, 72, 79, .1), inset 0 1px 0 rgba(255, 255, 255, .94);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
    backdrop-filter: blur(22px) saturate(145%);
}

.lpvg-noah-scenes button {
    position: relative;
    display: grid;
    min-height: 64px;
    align-content: center;
    gap: 4px;
    padding: 8px 15px;
    border: 0;
    border-radius: 16px;
    color: #6f7980;
    text-align: left;
    background: transparent;
    cursor: pointer;
    transition: color .22s ease, background-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.lpvg-noah-scenes button:hover { color: #26343b; background: rgba(235, 248, 246, .68); }
.lpvg-noah-scenes button:active { transform: scale(.985); }

.lpvg-noah-scenes button span {
    font-size: 13px;
    font-weight: 760;
    letter-spacing: .08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.lpvg-noah-scenes button strong {
    color: inherit;
    font-size: 15px;
    font-weight: 690;
    letter-spacing: -.015em;
    line-height: 1.2;
}

.lpvg-noah-scenes button[aria-pressed="true"] {
    color: #087d6b;
    background: rgba(229, 248, 245, .94);
    box-shadow: inset 0 0 0 1px rgba(8, 139, 119, .13), 0 8px 22px rgba(35, 72, 79, .07);
}

.lpvg-noah-scenes button[aria-pressed="true"]:hover {
    background: rgba(219, 245, 241, .98);
    box-shadow: inset 0 0 0 1px rgba(8, 139, 119, .18), 0 10px 26px rgba(35, 72, 79, .09);
}

.lpvg-noah-value-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 22px;
    border-top: 1px solid rgba(18, 22, 29, .08);
    border-bottom: 1px solid rgba(18, 22, 29, .08);
}

.lpvg-noah-value-grid article {
    min-width: 0;
    padding: 30px clamp(20px, 2.6vw, 38px) 32px;
}

.lpvg-noah-value-grid article + article { border-left: 1px solid rgba(18, 22, 29, .08); }

.lpvg-noah-value-grid h3 {
    max-width: 330px;
    margin: 12px 0 0;
    font-size: clamp(25px, 2.35vw, 33px);
    font-weight: 680;
    letter-spacing: -.045em;
    line-height: 1.02;
    text-wrap: balance;
}

.lpvg-noah-value-grid p {
    max-width: 350px;
    margin: 15px 0 0;
    color: var(--lpvg-muted);
    font-size: 14px;
    line-height: 1.58;
}

.lpvg-noah-closing {
    margin: 48px 0 0;
    color: #667078;
    font-size: clamp(26px, 3vw, 40px);
    font-weight: 590;
    letter-spacing: -.045em;
    line-height: 1.08;
    text-align: center;
}

.lpvg-noah-closing strong { color: var(--lpvg-ink); font-weight: 700; }

@keyframes lpvg-noah-cinema-drift {
    from { transform: scale(1.008) translate3d(0, 0, 0); }
    to { transform: scale(1.024) translate3d(0, -3px, 0); }
}

@keyframes lpvg-noah-cinema-drift-mobile {
    from { transform: scale(1.008); }
    to { transform: scale(1.022); }
}

@keyframes lpvg-noah-cinema-pulse {
    0%, 100% { opacity: .72; transform: translate(-50%, -50%) scale(.94); }
    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.06); }
}

@media (max-width: 860px) and (min-width: 701px) {
    .lpvg-noah-intro h2 { font-size: 54px; }
    .lpvg-noah-cinema { border-radius: 34px; }
    .lpvg-noah-cinema-meta { max-width: 280px; }
    .lpvg-noah-now { max-width: 280px; }
    .lpvg-noah-scenes button { padding-inline: 11px; }
}

@media (max-width: 700px) {
    .lpvg-noah-section { padding-top: 72px; padding-bottom: 72px; }

    .lpvg-noah-section::before {
        top: 12%;
        width: 150vw;
        height: 460px;
        filter: blur(20px);
    }

    .lpvg-noah-intro {
        margin-bottom: 27px;
        text-align: left;
    }

    .lpvg-noah-intro h2 {
        margin-top: 13px;
        font-size: clamp(39px, 10.7vw, 44px);
        line-height: .96;
        text-wrap: pretty;
    }

    .lpvg-noah-intro > p:last-child {
        margin-top: 18px;
        font-size: 15px;
        line-height: 1.55;
    }

    .lpvg-noah-cinema {
        aspect-ratio: 5 / 7.2;
        border-radius: 28px;
        box-shadow: 0 24px 70px rgba(35, 72, 79, .12), inset 0 1px 0 rgba(255, 255, 255, .9);
    }

    .lpvg-noah-cinema::after {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, .12), transparent 22%, transparent 69%, rgba(250, 253, 253, .2)),
            linear-gradient(90deg, rgba(255, 255, 255, .08), transparent 32%, transparent 76%, rgba(255, 255, 255, .05));
    }

    .lpvg-noah-cinema-art img {
        object-position: center 47%;
        transform-origin: 50% 32%;
        animation-name: lpvg-noah-cinema-drift-mobile;
        animation-duration: 17s;
    }

    .lpvg-noah-cinema-glow {
        top: 32%;
        width: 62%;
    }

    .lpvg-noah-live-core {
        top: 39%;
        width: 96px;
        opacity: .2;
    }

    .lpvg-noah-cinema-meta {
        top: 14px;
        right: 14px;
        left: 14px;
        max-width: none;
        gap: 5px;
        padding: 13px 14px;
        border-radius: 17px;
    }

    .lpvg-noah-cinema-meta strong { max-width: 250px; font-size: 19px; }

    .lpvg-noah-now {
        top: auto;
        right: 14px;
        bottom: 121px;
        left: 14px;
        max-width: none;
        gap: 3px;
        padding: 10px 12px;
        border-radius: 15px;
    }

    .lpvg-noah-now strong { font-size: 13px; line-height: 1.32; }

    .lpvg-noah-scenes {
        right: 10px;
        bottom: 10px;
        left: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
        padding: 5px;
        border-radius: 18px;
    }

    .lpvg-noah-scenes button {
        min-height: 47px;
        gap: 1px;
        padding: 6px 10px;
        border-radius: 13px;
    }

    .lpvg-noah-scenes button span { font-size: 13px; letter-spacing: .04em; text-transform: none; }
    .lpvg-noah-scenes button strong { font-size: 13px; }

    .lpvg-noah-value-grid {
        display: flex;
        width: 100%;
        grid-template-columns: none;
        gap: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        margin-top: 19px;
        padding: 7px 39px 39px 4px;
        border: 0;
        scroll-behavior: smooth;
        scroll-padding-inline: 4px;
        scroll-snap-type: x mandatory;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .lpvg-noah-value-grid::-webkit-scrollbar { display: none; }

    .lpvg-noah-value-grid article {
        min-height: 230px;
        flex: 0 0 calc(100% - 35px);
        padding: 24px 22px 22px;
        border: 1px solid rgba(18, 22, 29, .075);
        border-radius: 24px;
        background: rgba(255, 255, 255, .84);
        box-shadow: 0 15px 42px rgba(35, 72, 79, .075);
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .lpvg-noah-value-grid article + article { border-left: 1px solid rgba(18, 22, 29, .075); }
    .lpvg-noah-value-grid h3 { max-width: 280px; font-size: 28px; }
    .lpvg-noah-value-grid p { margin-top: 14px; font-size: 14px; line-height: 1.55; }

    .lpvg-noah-value-grid + .lpvg-snap-nav { margin-top: -29px; }

    .lpvg-noah-closing {
        margin-top: 42px;
        font-size: 29px;
        line-height: 1.05;
        text-align: left;
    }
}

@media (max-width: 390px) {
    .lpvg-noah-intro h2 { font-size: 39px; }
    .lpvg-noah-cinema { aspect-ratio: 5 / 7.35; }
    .lpvg-noah-cinema-meta strong { max-width: 220px; font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .lpvg-noah-cinema-art img,
    .lpvg-noah-cinema-glow { animation: none; }
    .lpvg-noah-now strong,
    .lpvg-noah-scenes button { transition: none; }
}

/* -----------------------------------------------------------------------
 * Growth landing · N.O.A.H. core alignment, quiet states and shadow gutter v12.2
 * The live state orb occupies and tracks the rendered intelligence sphere,
 * while the state controls use a calm surface treatment without a progress
 * line. Mobile carousels keep their internal, viewport-safe shadow gutter.
 * ----------------------------------------------------------------------- */

.lpvg-noah-live-core {
    --anora-orb-size: 100%;
    width: min(31%, 390px);
    min-width: 220px;
    opacity: .62;
    filter: drop-shadow(0 14px 30px rgba(35, 72, 79, .2));
}

.lpvg-noah-live-core anora-thinking-orb {
    display: block !important;
    width: var(--anora-orb-size) !important;
    height: var(--anora-orb-size) !important;
}

@media (max-width: 700px) {
    .lpvg-noah-live-core {
        top: 32%;
        width: 56%;
        min-width: 0;
        max-width: none;
        opacity: .64;
    }

    .lpvg-landing [data-lpvg-snap]:not(.lpvg-noah-value-grid) {
        box-sizing: border-box;
        width: calc(100% + 40px);
        margin-inline: -20px;
        padding: 12px 56px 38px 20px;
        scroll-padding-inline: 20px;
    }

    .lpvg-landing [data-lpvg-snap]:not(.lpvg-noah-value-grid) + .lpvg-snap-nav {
        margin-top: -25px;
    }
}

/* -----------------------------------------------------------------------
 * Growth landing v13 · editorial statements, illustrated solution,
 * founder story and a visually integrated N.O.A.H. intelligence field.
 * ----------------------------------------------------------------------- */

.lpvg-hero-trust {
    max-width: 600px;
    margin: 8px 0 0;
    color: var(--lpvg-muted);
    font-size: clamp(17px, 1.55vw, 20px);
    line-height: 1.62;
}

.lpvg-hero-trust strong {
    color: var(--lpvg-ink);
    font-weight: 720;
}

.lpvg-section-statement {
    max-width: 1120px;
    margin: clamp(34px, 4.8vw, 58px) 0 0;
    color: #667078;
    font-size: clamp(28px, 3.45vw, 47px);
    font-weight: 590;
    letter-spacing: -.047em;
    line-height: 1.06;
    text-wrap: balance;
}

.lpvg-section-statement strong {
    color: var(--lpvg-ink);
    font-weight: 710;
}

.lpvg-section-statement-industries { max-width: 1180px; }

.lpvg-section-statement-industries strong {
    display: block;
    margin-bottom: .2em;
    color: #087d6b;
}

.lpvg-simple-card {
    isolation: isolate;
    display: flex;
    min-height: 430px;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    background:
        radial-gradient(circle at 92% 4%, rgba(88, 221, 199, .12), transparent 36%),
        linear-gradient(150deg, #fff 0%, #fbfefe 70%, #f8f5ff 100%);
}

.lpvg-simple-card::before {
    top: -110px;
    right: -95px;
    width: 260px;
    height: 260px;
    opacity: .65;
}

.lpvg-simple-card-art {
    position: absolute;
    z-index: 0;
    top: -17px;
    right: -12px;
    width: min(69%, 285px);
    aspect-ratio: 1;
    margin: 0;
    pointer-events: none;
}

.lpvg-simple-card-art::after {
    position: absolute;
    inset: 58% -2% -3%;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .84) 62%, #fff 100%);
    content: "";
}

.lpvg-simple-card-art img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 20px 35px rgba(43, 90, 91, .09));
}

.lpvg-simple-card-copy {
    position: relative;
    z-index: 2;
    display: grid;
    width: 100%;
    max-width: 345px;
    grid-template-rows: auto auto;
}

.lpvg-simple-card .lpvg-simple-card-copy h3 {
    max-width: 320px;
    min-height: 2.08em;
    margin-top: 0;
    font-size: clamp(25px, 2.5vw, 34px);
}

.lpvg-simple-card .lpvg-simple-card-copy h3 span { display: block; }

.lpvg-simple-card .lpvg-simple-card-copy p {
    min-height: 6.48em;
    margin-top: 17px;
    font-size: 15px;
    line-height: 1.62;
}

.lpvg-simple-card .lpvg-simple-card-copy p span { display: block; }

.lpvg-founder-story {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: clamp(34px, 4vw, 52px);
}

.lpvg-founder-card {
    position: relative;
    overflow: hidden;
    min-width: 0;
    border: 1px solid var(--lpvg-line);
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(35, 72, 79, .085);
}

.lpvg-founder-card figure {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.07;
    margin: 0;
    background: linear-gradient(145deg, #edf9f7, #f2f5ff 58%, #f5f0ff);
}

.lpvg-founder-card figure::after {
    position: absolute;
    inset: 64% 0 0;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .98));
    content: "";
    pointer-events: none;
}

.lpvg-founder-card figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}

.lpvg-founder-card:hover figure img { transform: scale(1.025); }

.lpvg-founder-card > div {
    position: relative;
    z-index: 1;
    min-height: 280px;
    margin-top: -34px;
    padding: 0 28px 29px;
}

.lpvg-founder-card > div > span {
    color: #087d6b;
    font-size: 13px;
    font-weight: 790;
    letter-spacing: .13em;
    line-height: 1.25;
    text-transform: uppercase;
}

.lpvg-founder-card h3 {
    max-width: 330px;
    margin: 16px 0 0;
    color: var(--lpvg-ink);
    font-size: clamp(25px, 2.45vw, 34px);
    font-weight: 680;
    letter-spacing: -.045em;
    line-height: 1.04;
    text-wrap: balance;
}

.lpvg-founder-card p {
    margin: 17px 0 0;
    color: var(--lpvg-muted);
    font-size: 14.5px;
    line-height: 1.6;
}

.lpvg-founder-closing { max-width: 1020px; }

.lpvg-noah-cinema {
    --lpvg-noah-core-x: 50%;
    --lpvg-noah-core-y: 46.5%;
    --lpvg-noah-core-size: 37.4%;
}

.lpvg-noah-field {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .7s ease;
    pointer-events: none;
}

.lpvg-noah-field.is-ready { opacity: 1; }

.lpvg-noah-cinema.is-field-ready .lpvg-noah-cinema-art img {
    animation: none;
    transform: none;
}

.lpvg-noah-cinema::after { z-index: 2; }

.lpvg-noah-cinema-glow {
    z-index: 3;
    top: var(--lpvg-noah-core-y);
    left: var(--lpvg-noah-core-x);
    width: calc(var(--lpvg-noah-core-size) * .98);
    opacity: .72;
}

.lpvg-noah-live-core {
    z-index: 4;
    top: var(--lpvg-noah-core-y);
    left: var(--lpvg-noah-core-x);
    width: var(--lpvg-noah-core-size);
    min-width: 0;
    max-width: none;
    opacity: .46;
    mix-blend-mode: multiply;
    filter: drop-shadow(0 13px 28px rgba(35, 72, 79, .17));
}

.lpvg-noah-cinema-meta,
.lpvg-noah-now { z-index: 5; }

.lpvg-noah-scenes { z-index: 6; }

@media (max-width: 700px) {
    .lpvg-hero-trust {
        max-width: 326px;
        margin-top: 5px;
        font-size: 14px;
        line-height: 1.5;
    }

    .lpvg-section-statement {
        max-width: 520px;
        margin-top: 34px;
        font-size: clamp(29px, 8.3vw, 36px);
        line-height: 1.04;
    }

    .lpvg-section-statement-industries strong {
        font-size: .72em;
        letter-spacing: -.035em;
        line-height: 1.12;
    }

    .lpvg-simple-card {
        min-height: 385px;
        padding: 24px 18px 22px;
    }

    .lpvg-simple-card-art {
        top: -15px;
        right: -6px;
        width: min(66%, 245px);
    }

    .lpvg-simple-card .lpvg-simple-card-copy h3 {
        max-width: 270px;
        font-size: 28px;
    }

    .lpvg-simple-card .lpvg-simple-card-copy p {
        min-height: 6.2em;
        margin-top: 14px;
        font-size: 14px;
        line-height: 1.55;
    }

    .lpvg-founder-story {
        display: flex;
        grid-template-columns: none;
        gap: 14px;
        margin-top: 31px;
    }

    .lpvg-founder-card {
        min-height: 550px;
        flex: 0 0 calc(100% - 35px);
        border-radius: 27px;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .lpvg-founder-card figure { height: 285px; aspect-ratio: auto; }

    .lpvg-founder-card > div {
        min-height: 245px;
        margin-top: -29px;
        padding: 0 23px 24px;
    }

    .lpvg-founder-card h3 { max-width: 285px; font-size: 29px; }
    .lpvg-founder-card p { font-size: 14px; line-height: 1.56; }

    .lpvg-noah-cinema {
        --lpvg-noah-core-y: 33.9%;
        --lpvg-noah-core-size: 59%;
    }

    .lpvg-noah-cinema-glow {
        top: var(--lpvg-noah-core-y);
        width: calc(var(--lpvg-noah-core-size) * 1.02);
    }

    .lpvg-noah-live-core {
        top: var(--lpvg-noah-core-y);
        width: var(--lpvg-noah-core-size);
        opacity: .48;
    }
}

@media (max-width: 390px) {
    .lpvg-simple-card { min-height: 370px; }
    .lpvg-founder-card { min-height: 530px; }
    .lpvg-founder-card figure { height: 270px; }
}

@media (prefers-reduced-motion: reduce) {
    .lpvg-founder-card figure img,
    .lpvg-noah-field { transition: none; }
}

/* -----------------------------------------------------------------------
 * Growth landing · demo request modal v12
 * Calm monochrome progress, narrower form and step-specific corner art.
 * Scoped to the main value landing so the product landings stay isolated.
 * ----------------------------------------------------------------------- */

body[data-landing-preview="value"] .lpvg-lead-dialog {
    --lpvg-lead-progress: 0;
    --lpvg-lead-glow: rgba(153, 226, 216, .2);
    width: min(820px, 100%);
    border-color: rgba(17, 22, 26, .1);
    background: rgba(252, 253, 253, .985);
    box-shadow: 0 34px 100px rgba(18, 28, 32, .2), inset 0 1px 0 #fff;
    transition: border-color .35s ease, background-color .35s ease;
}

body[data-landing-preview="value"] .lpvg-lead-dialog[data-lpvg-lead-current="1"] {
    --lpvg-lead-progress: .5;
    --lpvg-lead-glow: rgba(186, 184, 242, .2);
}

body[data-landing-preview="value"] .lpvg-lead-dialog[data-lpvg-lead-current="2"],
body[data-landing-preview="value"] .lpvg-lead-dialog[data-lpvg-lead-current="success"] {
    --lpvg-lead-progress: 1;
    --lpvg-lead-glow: rgba(219, 202, 235, .2);
}

body[data-landing-preview="value"] .lpvg-lead-dialog::before {
    z-index: 0;
    inset: auto -190px -235px auto;
    width: 560px;
    height: 560px;
    border-radius: 50%;
    background: radial-gradient(circle, var(--lpvg-lead-glow), transparent 70%);
    filter: blur(8px);
    transition: background .35s ease;
}

body[data-landing-preview="value"] .lpvg-lead-header,
body[data-landing-preview="value"] .lpvg-lead-progress,
body[data-landing-preview="value"] .lpvg-lead-form,
body[data-landing-preview="value"] .lpvg-lead-success { position: relative; z-index: 1; }

body[data-landing-preview="value"] .lpvg-lead-header {
    align-items: center;
    padding: 22px 70px 15px 30px;
    border-bottom-color: rgba(17, 22, 26, .07);
}

body[data-landing-preview="value"] .lpvg-lead-header div { gap: 3px; }

body[data-landing-preview="value"] .lpvg-lead-header div > span {
    color: #646b70;
    font-size: 13px;
    letter-spacing: .12em;
}

body[data-landing-preview="value"] .lpvg-lead-header strong {
    color: #111417;
    font-size: 18px;
    letter-spacing: -.018em;
}

body[data-landing-preview="value"] .lpvg-lead-progress {
    display: grid;
    height: 54px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 11px 30px 7px;
    isolation: isolate;
}

body[data-landing-preview="value"] .lpvg-lead-progress::before,
body[data-landing-preview="value"] .lpvg-lead-progress::after {
    position: absolute;
    z-index: -1;
    top: 15px;
    right: 30px;
    left: 30px;
    height: 2px;
    border-radius: 99px;
    content: "";
}

body[data-landing-preview="value"] .lpvg-lead-progress::before { background: #d9dde0; }

body[data-landing-preview="value"] .lpvg-lead-progress::after {
    background: #111417;
    transform: scaleX(var(--lpvg-lead-progress));
    transform-origin: left center;
    transition: transform .32s cubic-bezier(.22, .8, .28, 1);
}

body[data-landing-preview="value"] .lpvg-lead-progress li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    color: #858b90;
    font-size: 13px;
    font-weight: 720;
}

body[data-landing-preview="value"] .lpvg-lead-progress li:nth-child(2) { align-items: center; }
body[data-landing-preview="value"] .lpvg-lead-progress li:nth-child(3) { align-items: flex-end; }

body[data-landing-preview="value"] .lpvg-lead-progress i {
    display: block;
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    border: 2px solid #d9dde0;
    border-radius: 50%;
    background: #fbfcfc;
    box-shadow: none;
    transition: border-color .22s ease, background-color .22s ease;
}

body[data-landing-preview="value"] .lpvg-lead-progress i::after { display: none; }

body[data-landing-preview="value"] .lpvg-lead-progress li.is-active,
body[data-landing-preview="value"] .lpvg-lead-progress li.is-complete { color: #111417; }

body[data-landing-preview="value"] .lpvg-lead-progress li.is-active i,
body[data-landing-preview="value"] .lpvg-lead-progress li.is-complete i {
    border-color: #111417;
    background: #111417;
}

body[data-landing-preview="value"] .lpvg-lead-form { background: transparent; }

body[data-landing-preview="value"] .lpvg-lead-step {
    --lpvg-lead-step-tint: rgba(218, 246, 241, .78);
    position: relative;
    display: flex;
    overflow: hidden;
    min-height: 505px;
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
    padding: 27px 31px 25px;
    isolation: isolate;
}

body[data-landing-preview="value"] .lpvg-lead-step[data-lpvg-lead-step="1"] {
    --lpvg-lead-step-tint: rgba(229, 227, 251, .8);
}

body[data-landing-preview="value"] .lpvg-lead-step[data-lpvg-lead-step="2"] {
    --lpvg-lead-step-tint: rgba(244, 231, 240, .78);
}

body[data-landing-preview="value"] .lpvg-lead-step::before {
    position: absolute;
    z-index: -2;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(252, 253, 253, 1) 0%, rgba(252, 253, 253, .985) 43%, rgba(252, 253, 253, .88) 61%, transparent 86%),
        radial-gradient(circle at 100% 100%, var(--lpvg-lead-step-tint), transparent 64%);
    content: "";
    pointer-events: none;
}

body[data-landing-preview="value"] .lpvg-lead-art {
    position: absolute;
    z-index: -1;
    inset: 0;
    width: auto;
    margin: 0;
    opacity: .96;
    pointer-events: none;
}

body[data-landing-preview="value"] .lpvg-lead-art img {
    position: absolute;
    right: -35px;
    bottom: -54px;
    display: block;
    width: calc(100% + 35px);
    max-width: none;
    height: auto;
    filter: saturate(1.12) contrast(1.06) drop-shadow(0 18px 30px rgba(52, 85, 105, .055));
}

body[data-landing-preview="value"] .lpvg-lead-step > :not(.lpvg-lead-art) {
    position: relative;
    z-index: 1;
    width: min(100%, 585px);
}

body[data-landing-preview="value"] .lpvg-lead-step-copy { max-width: 560px; }

body[data-landing-preview="value"] .lpvg-lead-step-copy h2 {
    margin: 0;
    color: #111417;
    font-size: clamp(30px, 4vw, 38px);
    line-height: 1.01;
}

body[data-landing-preview="value"] .lpvg-lead-step-copy p {
    max-width: 510px;
    margin-top: 9px;
    color: #666f75;
    font-size: 14px;
}

body[data-landing-preview="value"] .lpvg-lead-field input,
body[data-landing-preview="value"] .lpvg-lead-field select,
body[data-landing-preview="value"] .lpvg-lead-choice label > span {
    border-color: rgba(17, 22, 26, .12);
    background: rgba(255, 255, 255, .91);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .9), 0 8px 25px rgba(28, 42, 48, .025);
}

body[data-landing-preview="value"] .lpvg-lead-field input:focus,
body[data-landing-preview="value"] .lpvg-lead-field select:focus {
    border-color: rgba(17, 20, 23, .62);
    box-shadow: 0 0 0 4px rgba(17, 20, 23, .075);
}

body[data-landing-preview="value"] .lpvg-lead-choice input:checked + span {
    border-color: #111417;
    color: #fff;
    background: #111417;
    box-shadow: 0 9px 22px rgba(17, 20, 23, .14);
}

body[data-landing-preview="value"] .lpvg-lead-choice input:focus-visible + span {
    outline-color: rgba(17, 20, 23, .2);
}

body[data-landing-preview="value"] .lpvg-lead-consent input { accent-color: #111417; }

body[data-landing-preview="value"] .lpvg-lead-next,
body[data-landing-preview="value"] .lpvg-lead-submit,
body[data-landing-preview="value"] .lpvg-lead-success button {
    border-color: #111417;
    color: #fff;
    background: #111417;
    box-shadow: 0 10px 26px rgba(17, 20, 23, .15);
}

body[data-landing-preview="value"] .lpvg-lead-back {
    border-color: rgba(17, 22, 26, .13);
    color: #343a3f;
    background: rgba(255, 255, 255, .9);
}

body[data-landing-preview="value"] .lpvg-lead-success {
    position: relative;
    display: flex;
    overflow: hidden;
    min-height: 465px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 48px 34px;
    isolation: isolate;
    text-align: left;
}

body[data-landing-preview="value"] .lpvg-lead-success::before {
    position: absolute;
    z-index: -2;
    inset: 0;
    background:
        linear-gradient(90deg, #fcfdfd 0%, rgba(252, 253, 253, .97) 47%, rgba(252, 253, 253, .72) 72%, transparent 100%),
        radial-gradient(circle at 100% 100%, rgba(232, 218, 238, .82), transparent 65%);
    content: "";
}

body[data-landing-preview="value"] .lpvg-lead-success figure {
    position: absolute;
    z-index: -1;
    inset: 0;
    width: auto;
    margin: 0;
    opacity: .94;
    pointer-events: none;
}

body[data-landing-preview="value"] .lpvg-lead-success figure img {
    position: absolute;
    right: -35px;
    bottom: -54px;
    width: calc(100% + 35px);
    max-width: none;
    height: auto;
}

body[data-landing-preview="value"] .lpvg-lead-success h2,
body[data-landing-preview="value"] .lpvg-lead-success p,
body[data-landing-preview="value"] .lpvg-lead-success button {
    position: relative;
    z-index: 1;
    max-width: 500px;
    margin-right: 0;
    margin-left: 0;
}

body[data-landing-preview="value"] .lpvg-lead-success h2 {
    margin-top: 0;
    font-size: clamp(31px, 4vw, 42px);
}

@media (max-width: 700px) {
    body[data-landing-preview="value"] .lpvg-lead-dialog {
        width: 100%;
        border-radius: 27px 27px 0 0;
    }

    body[data-landing-preview="value"] .lpvg-lead-header { padding: 17px 57px 12px 18px; }
    body[data-landing-preview="value"] .lpvg-lead-header strong { font-size: 15px; }

    body[data-landing-preview="value"] .lpvg-lead-progress {
        height: 50px;
        padding: 10px 18px 6px;
    }

    body[data-landing-preview="value"] .lpvg-lead-progress::before,
    body[data-landing-preview="value"] .lpvg-lead-progress::after {
        top: 14px;
        right: 18px;
        left: 18px;
    }

    body[data-landing-preview="value"] .lpvg-lead-progress li { font-size: 13px; }

    body[data-landing-preview="value"] .lpvg-lead-step {
        min-height: 0;
        gap: 14px;
        padding: 19px 18px calc(19px + env(safe-area-inset-bottom));
    }

    body[data-landing-preview="value"] .lpvg-lead-step::before {
        background:
            linear-gradient(180deg, rgba(252, 253, 253, .99) 0%, rgba(252, 253, 253, .94) 54%, rgba(252, 253, 253, .76) 100%),
            radial-gradient(circle at 100% 100%, var(--lpvg-lead-step-tint), transparent 68%);
    }

    body[data-landing-preview="value"] .lpvg-lead-art {
        inset: 0;
        width: auto;
        opacity: .3;
    }

    body[data-landing-preview="value"] .lpvg-lead-art img {
        right: -48%;
        bottom: -8%;
        width: 145%;
    }

    body[data-landing-preview="value"] .lpvg-lead-step > :not(.lpvg-lead-art) { width: 100%; }

    body[data-landing-preview="value"] .lpvg-lead-step-copy {
        min-height: 0;
        padding-right: 0;
    }

    body[data-landing-preview="value"] .lpvg-lead-step-copy h2 { margin-top: 0; font-size: 28px; }

    body[data-landing-preview="value"] .lpvg-lead-field input,
    body[data-landing-preview="value"] .lpvg-lead-field select,
    body[data-landing-preview="value"] .lpvg-lead-choice label > span { background: rgba(255, 255, 255, .95); }

    body[data-landing-preview="value"] .lpvg-lead-step-actions {
        background: linear-gradient(180deg, transparent, rgba(252, 253, 253, .97) 34%);
    }

    body[data-landing-preview="value"] .lpvg-lead-success {
        min-height: min(560px, calc(100svh - 120px));
        justify-content: flex-start;
        padding: 42px 20px calc(30px + env(safe-area-inset-bottom));
    }

    body[data-landing-preview="value"] .lpvg-lead-success figure {
        width: auto;
        opacity: .34;
    }

    body[data-landing-preview="value"] .lpvg-lead-success figure img {
        right: -50%;
        bottom: -5%;
        width: 150%;
    }
}

@media (max-width: 390px) {
    body[data-landing-preview="value"] .lpvg-lead-step-copy { padding-right: 0; }
    body[data-landing-preview="value"] .lpvg-lead-art { width: auto; }
}

@media (prefers-reduced-motion: reduce) {
    body[data-landing-preview="value"] .lpvg-lead-dialog,
    body[data-landing-preview="value"] .lpvg-lead-progress::after,
    body[data-landing-preview="value"] .lpvg-lead-progress i { transition: none; }
}