/*
Theme Name: QueVault
Description: The official standalone WordPress theme for QueVault.
Author: QueDex
Version: 0.9.7
Text Domain: quevault
*/

html { scroll-behavior: smooth; }
body { background:#fff; margin:0; }
body,button,input,select,textarea { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.qv-site-header { align-items:center; backdrop-filter:blur(18px); background:rgba(255,255,255,.92); border-bottom:1px solid #e5e8ef; display:flex; justify-content:space-between; padding:13px max(22px,calc((100vw - 1124px)/2)); position:sticky; top:0; z-index:100; }
.admin-bar .qv-site-header { top:32px; }
.qv-brand { align-items:center; color:#172033; display:flex; font-size:18px; font-weight:750; gap:11px; text-decoration:none; }
.qv-brand img { border-radius:11px; height:40px; width:40px; }
.qv-nav { align-items:center; display:flex; gap:23px; }
.qv-nav a { color:#4f596b; font-size:14px; font-weight:650; text-decoration:none; }
.qv-nav a:hover { color:#172033; }
.qv-nav .qv-download { background:#171923; border-radius:999px; color:#fff; padding:9px 15px; }
.qv-page-shell { min-height:65vh; }
.qv-basic-page { margin:0 auto; max-width:900px; padding:80px 24px; }
.qv-basic-page h1 { color:#172033; font-size:clamp(2.4rem,6vw,4.8rem); letter-spacing:-.035em; }
.qv-basic-page a { color:#4637c7; }
@media(max-width:782px){.admin-bar .qv-site-header{top:46px}.qv-nav a:not(.qv-download){display:none}}

:root {
    --lv-purple: #6d5dfc;
    --lv-purple-dark: #4637c7;
    --lv-blue: #2878e8;
    --lv-teal: #0f9f91;
    --lv-red: #e64b63;
    --lv-ink: #172033;
    --lv-muted: #5e687a;
    --lv-line: #dfe4ee;
    --lv-soft: #f4f6fb;
    --lv-white: #ffffff;
    --lv-shadow: 0 20px 55px rgba(35, 43, 78, 0.13);
    --lv-radius: 24px;
}

.lv-site,
.lv-site * {
    box-sizing: border-box;
}

.lv-site {
    color: var(--lv-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 17px;
    line-height: 1.65;
}

.lv-site h1,
.lv-site h2,
.lv-site h3,
.lv-site p {
    margin-top: 0;
}

.lv-site h1,
.lv-site h2,
.lv-site h3 {
    color: var(--lv-ink);
    font-weight: 750;
    letter-spacing: -0.025em;
    line-height: 1.12;
}

.lv-site h1 {
    font-size: clamp(2.8rem, 7vw, 5.8rem);
    margin-bottom: 24px;
}

.lv-site h2 {
    font-size: clamp(2rem, 4vw, 3.4rem);
    margin-bottom: 18px;
}

.lv-site h3 {
    font-size: 1.3rem;
    margin-bottom: 10px;
}

.lv-site a {
    color: var(--lv-purple-dark);
}

.lv-wrap {
    margin: 0 auto;
    max-width: 1180px;
    padding-left: 28px;
    padding-right: 28px;
}

.lv-section {
    padding: 92px 0;
}

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

.lv-section-dark {
    background: #15172b;
    color: #e9ecf7;
}

.lv-section-dark h2,
.lv-section-dark h3 {
    color: var(--lv-white);
}

.lv-hero {
    background:
        radial-gradient(circle at 90% 5%, rgba(40, 120, 232, 0.25), transparent 34%),
        radial-gradient(circle at 10% 90%, rgba(109, 93, 252, 0.24), transparent 36%),
        linear-gradient(145deg, #f7f8ff 0%, #ffffff 52%, #f1fbfa 100%);
    min-height: 720px;
    overflow: hidden;
    padding: 104px 0 88px;
    position: relative;
}

.lv-hero-grid {
    align-items: center;
    display: grid;
    gap: 64px;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
}

.lv-eyebrow {
    color: var(--lv-purple-dark);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.lv-lead {
    color: var(--lv-muted);
    font-size: 1.25rem;
    max-width: 720px;
}

.lv-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.lv-button {
    align-items: center;
    background: linear-gradient(135deg, var(--lv-purple), var(--lv-blue));
    border: 2px solid transparent;
    border-radius: 999px;
    box-shadow: 0 12px 28px rgba(79, 78, 218, 0.25);
    color: var(--lv-white) !important;
    display: inline-flex;
    font-weight: 750;
    justify-content: center;
    min-height: 52px;
    padding: 12px 24px;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.lv-button:hover {
    box-shadow: 0 15px 34px rgba(79, 78, 218, 0.34);
    transform: translateY(-2px);
}

.lv-button-secondary {
    background: rgba(255, 255, 255, 0.72);
    border-color: var(--lv-line);
    box-shadow: none;
    color: var(--lv-ink) !important;
}

.lv-button:focus-visible,
.lv-site a:focus-visible {
    outline: 3px solid rgba(40, 120, 232, 0.45);
    outline-offset: 4px;
}

.lv-app-showcase {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 470px;
    position: relative;
}

.lv-app-showcase::before {
    background: linear-gradient(145deg, rgba(109, 93, 252, 0.18), rgba(15, 159, 145, 0.16));
    border-radius: 42% 58% 60% 40%;
    content: "";
    height: 430px;
    position: absolute;
    transform: rotate(-8deg);
    width: 430px;
}

.lv-app-icon {
    background: url("assets/license-vault-app-icon.png") center / cover no-repeat;
    border-radius: 25%;
    box-shadow: 0 34px 70px rgba(34, 40, 84, 0.3);
    height: min(310px, 70vw);
    position: relative;
    transform: rotate(3deg);
    width: min(310px, 70vw);
}

.lv-badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}

.lv-badge,
.lv-status {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid var(--lv-line);
    border-radius: 999px;
    color: var(--lv-muted);
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 700;
    padding: 7px 13px;
}

.lv-status {
    background: #eeecff;
    border-color: #d8d2ff;
    color: var(--lv-purple-dark);
}

.lv-section-heading {
    margin: 0 auto 48px;
    max-width: 760px;
    text-align: center;
}

.lv-section-heading p {
    color: var(--lv-muted);
    font-size: 1.12rem;
}

.lv-grid-2,
.lv-grid-3,
.lv-grid-4 {
    display: grid;
    gap: 24px;
}

.lv-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lv-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lv-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.lv-card {
    background: var(--lv-white);
    border: 1px solid var(--lv-line);
    border-radius: var(--lv-radius);
    box-shadow: 0 8px 28px rgba(37, 43, 73, 0.06);
    padding: 30px;
}

.lv-card p:last-child {
    margin-bottom: 0;
}

.lv-card-icon {
    align-items: center;
    background: linear-gradient(145deg, #eeecff, #e8f7f5);
    border-radius: 15px;
    color: var(--lv-purple-dark);
    display: flex;
    font-size: 1.35rem;
    font-weight: 800;
    height: 48px;
    justify-content: center;
    margin-bottom: 22px;
    width: 48px;
}

.lv-price-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    position: relative;
}

.lv-price-card.lv-featured {
    border: 2px solid var(--lv-purple);
    box-shadow: var(--lv-shadow);
    transform: translateY(-8px);
}

.lv-price-card ul,
.lv-check-list {
    list-style: none;
    margin: 20px 0 28px;
    padding: 0;
}

.lv-price-card li,
.lv-check-list li {
    border-bottom: 1px solid #edf0f5;
    padding: 10px 0 10px 27px;
    position: relative;
}

.lv-price-card li::before,
.lv-check-list li::before {
    color: var(--lv-teal);
    content: "✓";
    font-weight: 900;
    left: 0;
    position: absolute;
}

.lv-price-card .lv-button {
    margin-top: auto;
}

.lv-note {
    background: #fff8e8;
    border: 1px solid #f4dda5;
    border-radius: 16px;
    color: #66501e;
    padding: 18px 20px;
}

.lv-split {
    align-items: center;
    display: grid;
    gap: 64px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lv-vault-art {
    align-items: center;
    background: linear-gradient(145deg, #312a78, #1a7283);
    border-radius: 34px;
    box-shadow: var(--lv-shadow);
    display: flex;
    justify-content: center;
    min-height: 410px;
    overflow: hidden;
    position: relative;
}

.lv-vault-art::before,
.lv-vault-art::after {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    content: "";
    height: 330px;
    position: absolute;
    width: 330px;
}

.lv-vault-art::after {
    height: 230px;
    width: 230px;
}

.lv-vault-icon {
    background: url("assets/license-vault-vault-icon.png") center / cover no-repeat;
    border-radius: 22%;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.27);
    height: 190px;
    position: relative;
    width: 190px;
    z-index: 1;
}

.lv-table-wrap {
    border: 1px solid var(--lv-line);
    border-radius: 20px;
    overflow-x: auto;
}

.lv-table {
    border-collapse: collapse;
    margin: 0;
    min-width: 760px;
    width: 100%;
}

.lv-table th,
.lv-table td {
    border-bottom: 1px solid var(--lv-line);
    padding: 17px 20px;
    text-align: left;
}

.lv-table th {
    background: #f5f6fa;
    color: var(--lv-ink);
    font-size: 0.85rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.lv-table tr:last-child td {
    border-bottom: 0;
}

.lv-page-hero {
    background: linear-gradient(145deg, #f1efff, #f2fbfa);
    padding: 90px 0 72px;
    text-align: center;
}

.lv-page-hero h1 {
    font-size: clamp(2.5rem, 6vw, 4.8rem);
}

.lv-prose {
    margin: 0 auto;
    max-width: 820px;
}

.lv-prose h2 {
    font-size: 1.75rem;
    margin-top: 42px;
}

.lv-prose h3 {
    margin-top: 28px;
}

.lv-faq details {
    background: var(--lv-white);
    border: 1px solid var(--lv-line);
    border-radius: 16px;
    margin-bottom: 14px;
    padding: 18px 22px;
}

.lv-faq summary {
    cursor: pointer;
    font-weight: 750;
}

.lv-faq details p {
    color: var(--lv-muted);
    margin: 14px 0 0;
}

.lv-cta {
    background: linear-gradient(135deg, #31286f, #265da5 58%, #147f77);
    border-radius: 34px;
    color: #eef1ff;
    padding: 58px;
    text-align: center;
}

.lv-cta h2 {
    color: var(--lv-white);
}

.lv-footer-mark {
    color: var(--lv-muted);
    font-size: 0.88rem;
    padding: 24px;
    text-align: center;
}

.lv-template-demo {
    background: linear-gradient(145deg, #11172d, #173d74 58%, #0d706a);
    border-radius: 34px;
    box-shadow: var(--lv-shadow);
    min-height: 430px;
    overflow: hidden;
    padding: 34px;
    position: relative;
}

.lv-template-demo::before {
    background: radial-gradient(circle, rgba(61, 216, 255, 0.28), transparent 62%);
    content: "";
    height: 320px;
    position: absolute;
    right: -90px;
    top: -80px;
    width: 320px;
}

.lv-template-panel {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 24px;
    color: #eef7ff;
    padding: 22px;
    position: relative;
    z-index: 1;
}

.lv-template-panel h3 {
    color: #ffffff;
    margin-bottom: 6px;
}

.lv-template-panel p {
    color: rgba(238, 247, 255, 0.72);
    margin-bottom: 18px;
}

.lv-template-row {
    align-items: center;
    animation: lv-template-build 4.8s ease-in-out infinite;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 16px;
    display: flex;
    gap: 12px;
    margin-top: 12px;
    opacity: 0;
    padding: 13px 14px;
    transform: translateY(12px);
}

.lv-template-row:nth-child(4) { animation-delay: 0.45s; }
.lv-template-row:nth-child(5) { animation-delay: 0.9s; }
.lv-template-row:nth-child(6) { animation-delay: 1.35s; }

.lv-template-dot {
    background: linear-gradient(135deg, #62e6ff, #6d5dfc);
    border-radius: 12px;
    flex: 0 0 auto;
    height: 34px;
    width: 34px;
}

.lv-template-line {
    background: rgba(255, 255, 255, 0.78);
    border-radius: 999px;
    height: 10px;
}

.lv-template-line.long { width: 58%; }
.lv-template-line.medium { width: 43%; }
.lv-template-line.short { width: 28%; }

@keyframes lv-template-build {
    0%, 12% { opacity: 0; transform: translateY(12px); }
    24%, 78% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(-6px); }
}

@media (max-width: 980px) {
    .lv-hero-grid,
    .lv-split {
        grid-template-columns: 1fr;
    }

    .lv-hero {
        padding-top: 74px;
    }

    .lv-app-showcase {
        min-height: 380px;
    }

    .lv-app-showcase::before {
        height: 360px;
        width: 360px;
    }

    .lv-grid-4,
    .lv-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .lv-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .lv-section {
        padding: 64px 0;
    }

    .lv-grid-2,
    .lv-grid-3,
    .lv-grid-4 {
        grid-template-columns: 1fr;
    }

    .lv-app-showcase {
        min-height: 310px;
    }

    .lv-app-showcase::before {
        height: 290px;
        width: 290px;
    }

    .lv-card {
        padding: 24px;
    }

    .lv-price-card.lv-featured {
        transform: none;
    }

    .lv-cta {
        border-radius: 24px;
        padding: 40px 22px;
    }

    .lv-button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lv-button {
        transition: none;
    }

    .lv-template-row {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .lv-store-button,
    .lv-text-link span {
        transition: none;
    }
}

/* 2026 launch-page components */
.lv-hero-premium { min-height: 790px; padding-top: 118px; }
.lv-hero-copy h1 em { color: var(--lv-purple); font-style: normal; }
.lv-platform-note { color: var(--lv-muted); font-size: .9rem; margin: 14px 0 0; }
.lv-app-showcase-premium { min-height: 520px; isolation: isolate; }
.lv-app-showcase-premium::before { background: radial-gradient(circle, rgba(109,93,252,.25), rgba(40,120,232,.08) 46%, transparent 70%); border-radius: 50%; height: 520px; width: 520px; }
.lv-app-showcase-premium .lv-app-icon { height: min(325px,70vw); width: min(325px,70vw); z-index: 3; }
.lv-orbit { border: 1px solid rgba(73,77,177,.18); border-radius: 50%; position: absolute; }
.lv-orbit-one { height: 430px; width: 430px; }
.lv-orbit-two { height: 510px; width: 510px; }
.lv-float-card { backdrop-filter: blur(15px); background: rgba(255,255,255,.82); border: 1px solid rgba(255,255,255,.9); border-radius: 999px; box-shadow: 0 12px 32px rgba(36,42,91,.16); color: var(--lv-ink); font-size: .82rem; font-weight: 750; padding: 9px 15px; position: absolute; z-index: 4; }
.lv-float-card-one { right: 3%; top: 18%; }
.lv-float-card-two { bottom: 22%; left: 0; }
.lv-float-card-three { bottom: 8%; right: 9%; }
.lv-store-button { align-items: center; background: #11131b; border: 1px solid #11131b; border-radius: 14px; color: #fff !important; display: inline-flex; gap: 11px; min-height: 58px; padding: 8px 19px; text-decoration: none; transition: transform 160ms ease, box-shadow 160ms ease; }
.lv-store-button:hover { box-shadow: 0 14px 30px rgba(19,23,38,.22); transform: translateY(-2px); }
.lv-store-button small,.lv-store-button strong { display: block; line-height: 1.05; }
.lv-store-button small { font-size: .68rem; letter-spacing: .01em; }
.lv-store-button strong { font-size: 1.18rem; margin-top: 3px; }
.lv-apple-mark { font-family: -apple-system,BlinkMacSystemFont,sans-serif; font-size: 2rem; line-height: 1; }
.lv-trust-strip { background: #fff; border-bottom: 1px solid var(--lv-line); border-top: 1px solid var(--lv-line); }
.lv-trust-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.lv-trust-grid div { border-right: 1px solid var(--lv-line); padding: 27px 30px; }
.lv-trust-grid div:last-child { border-right: 0; }
.lv-trust-grid strong,.lv-trust-grid span { display: block; }
.lv-trust-grid span { color: var(--lv-muted); font-size: .9rem; margin-top: 2px; }
.lv-story-grid { display: grid; gap: 22px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.lv-story-card { border: 1px solid var(--lv-line); border-radius: 30px; min-height: 430px; overflow: hidden; padding: 34px; position: relative; }
.lv-story-card::after { border-radius: 50%; content: ""; height: 220px; opacity: .45; position: absolute; right: -95px; top: -95px; width: 220px; }
.lv-story-purple { background: linear-gradient(160deg,#f2efff,#fff 64%); }.lv-story-purple::after { background:#c9c0ff; }
.lv-story-blue { background: linear-gradient(160deg,#edf5ff,#fff 64%); }.lv-story-blue::after { background:#9cc9ff; }
.lv-story-teal { background: linear-gradient(160deg,#eafaf7,#fff 64%); }.lv-story-teal::after { background:#91dfd2; }
.lv-story-card > span,.lv-panel-kicker { color: var(--lv-purple-dark); font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.lv-story-card h3 { font-size: 1.65rem; margin-top: 72px; }
.lv-story-card p { color: var(--lv-muted); }
.lv-mini-list { list-style: none; margin: 24px 0 0; padding: 0; }
.lv-mini-list li { border-top: 1px solid rgba(91,99,125,.14); font-size: .9rem; padding: 9px 0; }
.lv-section-ink { background: #111424; color: #dfe6f5; overflow: hidden; }
.lv-section-ink h2,.lv-section-ink h3 { color: #fff; }.lv-section-ink .lv-lead { color: #b9c2d5; }
.lv-source-cloud { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.lv-source-cloud span { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #edf2ff; font-size: .83rem; font-weight: 650; padding: 7px 12px; }
.lv-import-panel { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 28px; box-shadow: 0 30px 70px rgba(0,0,0,.3); padding: 24px; }
.lv-import-top { align-items: center; display: flex; font-size: 1.15rem; font-weight: 750; justify-content: space-between; margin-bottom: 18px; }
.lv-import-ready { background: rgba(62,220,170,.14); border-radius: 999px; color: #72edc5; font-size: .72rem; padding: 5px 9px; text-transform: uppercase; }
.lv-import-row { align-items: center; background: rgba(255,255,255,.07); border-radius: 16px; display: grid; gap: 12px; grid-template-columns: 42px 1fr auto; margin-top: 10px; padding: 12px; }
.lv-import-row strong,.lv-import-row small { display: block; }.lv-import-row small { color:#aeb8cb; }.lv-import-row b { color:#72edc5; font-size:.78rem; }.lv-import-row .lv-review { color:#ffbf6b; }
.lv-import-icon { align-items:center; background:linear-gradient(135deg,var(--lv-purple),var(--lv-blue)); border-radius:12px; display:flex; font-size:.78rem; font-weight:800; height:42px; justify-content:center; }
.lv-import-panel > p { color:#aeb8cb; font-size:.82rem; margin:17px 0 0; text-align:center; }
.lv-panel-kicker { color:#8edcff !important; margin-bottom:8px !important; }
.lv-text-link { font-weight:750; text-decoration:none; }.lv-text-link span { display:inline-block; margin-left:5px; transition:transform 160ms ease; }.lv-text-link:hover span { transform:translateX(4px); }
.lv-addon { align-items:center; background:#f3f0ff; border:1px solid #dcd5ff; border-radius:22px; display:grid; gap:16px; grid-template-columns:auto 1fr auto; margin-top:30px; padding:20px 24px; }
.lv-addon-icon { align-items:center; background:linear-gradient(135deg,#f1bf55,#ae761f); border-radius:14px; color:white; display:flex; font-size:1.4rem; height:48px; justify-content:center; width:48px; }
.lv-addon p { color:var(--lv-muted); margin:2px 0 0; }.lv-addon a { font-weight:750; }
.lv-dark-cards .lv-card { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); box-shadow:none; }.lv-dark-cards .lv-card p { color:#bfc7da; }
.lv-download-cta { overflow:hidden; position:relative; }.lv-download-cta::before { background:radial-gradient(circle,rgba(121,197,255,.35),transparent 68%); content:""; height:420px; position:absolute; right:-180px; top:-190px; width:420px; }
.lv-mini-app-icon { background:url("assets/license-vault-app-icon.png") center/cover; border-radius:14px; display:inline-block; height:54px; width:54px; }
.lv-download-cta .lv-mini-app-icon { box-shadow:0 15px 35px rgba(0,0,0,.22); height:78px; margin-bottom:22px; width:78px; }
.lv-actions-centred { justify-content:center; }.lv-store-button-light { background:#fff; border-color:#fff; color:#11131b !important; }.lv-button-ghost { background:transparent; border-color:rgba(255,255,255,.34); box-shadow:none; }
.lv-product-footer { background:#0d0f19; color:#8f99ad; padding:70px 0 28px; }
.lv-footer-grid { display:grid; gap:42px; grid-template-columns:2fr repeat(3,1fr); }
.lv-footer-grid > div:not(:first-child) { display:flex; flex-direction:column; gap:9px; }.lv-footer-grid strong { color:#fff; }.lv-footer-grid a { color:#aeb7c9; text-decoration:none; }.lv-footer-grid a:hover { color:#fff; }
.lv-footer-brand { align-items:center; display:flex; gap:12px; }.lv-footer-brand .lv-mini-app-icon { height:42px; width:42px; }.lv-footer-brand strong { font-size:1.25rem; }
.lv-footer-bottom { border-top:1px solid rgba(255,255,255,.1); display:flex; font-size:.82rem; justify-content:space-between; margin-top:48px; padding-top:22px; }.lv-footer-bottom a { color:#aeb7c9; text-decoration:none; }

.qv-support-shell { display:grid; gap:56px; grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr); }
.qv-support-intro { align-self:start; position:sticky; top:120px; }
.qv-support-intro h2 { font-size:clamp(2rem,4vw,3.6rem); margin:.2em 0; }
.qv-support-intro > p:last-child { color:var(--lv-muted); font-size:1.05rem; line-height:1.7; max-width:34rem; }
.qv-support-shell .wpcf7 { background:#fff; border:1px solid var(--lv-line); border-radius:28px; box-shadow:0 24px 70px rgba(42,45,74,.1); padding:30px; }
.qv-support-form { display:grid; gap:20px; }
.qv-support-form label { color:var(--lv-ink); display:grid; font-size:.88rem; font-weight:750; gap:8px; }
.qv-support-form input:not([type="submit"]),.qv-support-form select,.qv-support-form textarea { background:#f7f8fc; border:1px solid #dfe3ec; border-radius:14px; box-sizing:border-box; color:var(--lv-ink); font:inherit; outline:none; padding:13px 14px; transition:border-color 160ms ease,box-shadow 160ms ease; width:100%; }
.qv-support-form textarea { min-height:170px; resize:vertical; }
.qv-support-form input:focus,.qv-support-form select:focus,.qv-support-form textarea:focus { border-color:var(--lv-purple); box-shadow:0 0 0 4px rgba(112,86,230,.12); }
.qv-form-row { display:grid; gap:16px; grid-template-columns:1fr 1fr; }
.qv-support-form .wpcf7-acceptance label { align-items:start; display:flex; font-size:.82rem; font-weight:500; line-height:1.5; }
.qv-support-form .wpcf7-acceptance input { margin-top:3px; width:auto; }
.qv-support-form input[type="submit"] { background:linear-gradient(135deg,var(--lv-purple),var(--lv-blue)); border:0; border-radius:999px; color:#fff; cursor:pointer; font:inherit; font-weight:800; padding:14px 24px; width:100%; }
.qv-support-form input[type="submit"]:hover { filter:brightness(1.06); transform:translateY(-1px); }
.qv-support-shell .wpcf7-response-output { border-radius:12px; margin:20px 0 0!important; padding:12px 14px!important; }
.qv-guide-banner { align-items:center; background:linear-gradient(135deg,#ece9ff,#eaf6ff); border:1px solid #d9d8ef; border-radius:26px; display:flex; gap:28px; justify-content:space-between; margin-bottom:34px; padding:28px 30px; }
.qv-guide-banner h2 { margin:.15em 0; }.qv-guide-banner p:last-child { color:var(--lv-muted); margin-bottom:0; }
.qv-concept-flow { align-items:center; background:#fff; border:1px solid var(--lv-line); border-radius:28px; box-shadow:0 24px 65px rgba(45,49,82,.09); display:flex; gap:14px; justify-content:center; padding:30px 22px; }
.qv-concept-flow div { align-items:center; display:flex; flex-direction:column; gap:4px; text-align:center; }.qv-concept-flow span { align-items:center; background:linear-gradient(135deg,var(--lv-purple),var(--lv-blue)); border-radius:50%; color:#fff; display:flex; font-weight:800; height:38px; justify-content:center; width:38px; }.qv-concept-flow small { color:var(--lv-muted); }.qv-concept-flow b { color:#aab0c1; }
.qv-guide-steps { display:grid; gap:16px; grid-template-columns:1fr 1fr; }.qv-guide-steps article { background:#fff; border:1px solid var(--lv-line); border-radius:22px; display:grid; gap:16px; grid-template-columns:48px 1fr; padding:24px; }.qv-guide-steps article > span { align-items:center; background:#eeeaff; border-radius:14px; color:var(--lv-purple-dark); display:flex; font-size:.78rem; font-weight:850; height:48px; justify-content:center; }.qv-guide-steps h3 { margin:0 0 7px; }.qv-guide-steps p { color:var(--lv-muted); margin:0; }.qv-guide-note { background:#f6f4ff; border-radius:10px; font-size:.82rem; margin-top:10px!important; padding:9px 11px; }
.qv-anatomy-card { align-items:center; background:linear-gradient(145deg,#f5f3ff,#fff); border:1px solid #ddd9f5; border-radius:30px; display:grid; gap:46px; grid-template-columns:1fr 1fr; padding:34px; }.qv-field-example { background:#171a29; border-radius:22px; box-shadow:0 26px 55px rgba(28,29,48,.22); color:#fff; display:grid; gap:8px; padding:26px; }.qv-field-example strong { background:#292d40; border:1px solid #3b4058; border-radius:11px; padding:11px 13px; }.qv-example-label { color:#9ea8c1; font-size:.72rem; font-weight:800; letter-spacing:.07em; margin-top:5px; text-transform:uppercase; }.qv-anatomy-copy h3 { font-size:1.7rem; }
.qv-type-mark { background:rgba(135,199,255,.14); border:1px solid rgba(135,199,255,.25); border-radius:999px; color:#92d6ff; display:inline-block; font-size:.7rem; font-weight:850; letter-spacing:.1em; padding:5px 9px; }
.qv-do-dont { display:grid; gap:14px; grid-template-columns:1fr 1fr; }.qv-do-dont > div { border-radius:22px; display:flex; flex-direction:column; gap:9px; padding:24px; }.qv-do { background:#eaf9f4; border:1px solid #c7eade; }.qv-dont { background:#fff0f1; border:1px solid #f0cfd2; }.qv-do-dont strong { margin-bottom:5px; }.qv-do-dont span { background:rgba(255,255,255,.65); border-radius:9px; padding:8px 10px; }
.qv-examples-section { background:linear-gradient(180deg,#fff,#f6f7fc); }.qv-worked-example { background:#fff; border:1px solid var(--lv-line); border-radius:32px; box-shadow:0 26px 70px rgba(42,45,74,.09); margin-top:28px; overflow:hidden; padding:34px; }.qv-worked-example + .qv-worked-example { margin-top:34px; }.qv-example-beginner { border-top:5px solid #5b8cff; }.qv-example-advanced { border-top:5px solid #7359e8; }.qv-example-heading { max-width:760px; }.qv-example-heading h3 { font-size:clamp(1.8rem,3vw,2.6rem); margin:.35em 0 .25em; }.qv-example-heading p { color:var(--lv-muted); font-size:1.02rem; line-height:1.65; }.qv-level-pill { background:#edf2ff; border-radius:999px; color:#355fbe; display:inline-block; font-size:.72rem; font-weight:850; letter-spacing:.06em; padding:6px 10px; text-transform:uppercase; }.qv-example-advanced .qv-level-pill { background:#eeeaff; color:#6045cd; }
.qv-example-build { align-items:start; display:grid; gap:36px; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); margin-top:28px; }.qv-build-list { list-style:none; margin:0; padding:0; }.qv-build-list li { border-top:1px solid var(--lv-line); display:grid; gap:5px; grid-template-columns:190px 1fr; padding:16px 0; }.qv-build-list li:first-child { border-top:0; padding-top:0; }.qv-build-list strong { color:var(--lv-ink); }.qv-build-list span { color:var(--lv-muted); line-height:1.55; }
.qv-example-preview { background:#171a29; border-radius:22px; box-shadow:0 24px 55px rgba(27,29,45,.22); color:#fff; padding:22px; }.qv-preview-title { align-items:center; display:flex; gap:12px; margin-bottom:22px; }.qv-preview-title small,.qv-preview-title strong { display:block; }.qv-preview-title small { color:#9ea8c1; margin-bottom:2px; }.qv-app-glyph { align-items:center; background:linear-gradient(135deg,#5967f3,#54b8f1); border-radius:12px; display:flex; font-size:1.15rem; font-weight:900; height:46px; justify-content:center; width:46px; }.qv-preview-field { background:#282c40; border:1px solid #3c4158; border-radius:13px; display:grid; gap:7px; padding:13px; }.qv-preview-field span { color:#aeb7ce; font-size:.75rem; }.qv-preview-field b { letter-spacing:.13em; }.qv-example-preview > p { color:#9ea8c1; font-size:.77rem; margin:16px 0 0; }.qv-settings-strip { background:#f5f6fa; border-radius:16px; display:flex; flex-wrap:wrap; gap:8px; margin-top:27px; padding:12px; }.qv-settings-strip span { background:#fff; border:1px solid var(--lv-line); border-radius:999px; color:var(--lv-muted); font-size:.76rem; padding:7px 10px; }.qv-settings-strip b { color:var(--lv-ink); margin-right:3px; }
.qv-list-preview { font-size:.8rem; }.qv-list-head,.qv-list-row { align-items:center; display:grid; gap:7px; grid-template-columns:1.5fr .45fr .8fr .45fr; }.qv-list-head { color:#8f99b1; font-size:.68rem; padding:0 9px 7px; text-transform:uppercase; }.qv-list-row { background:#282c40; border-radius:10px; margin-top:6px; padding:10px 9px; }.qv-list-row span:last-child { color:#73e3bb; text-align:center; }.qv-list-preview button { background:#34394f; border:1px solid #474d69; border-radius:10px; color:#dce4f5; margin-top:10px; padding:9px; width:100%; }
.qv-guide-shot { margin:42px auto 0; max-width:1180px; }.qv-guide-shot img { background:#11131d; border:1px solid #252a3b; border-radius:24px; box-shadow:0 30px 80px rgba(25,28,48,.2); display:block; height:auto; width:100%; }.qv-guide-shot figcaption { color:var(--lv-muted); font-size:.82rem; line-height:1.5; margin-top:12px; text-align:center; }.qv-example-shot { margin-top:28px; }.qv-example-shot img { border-radius:18px; }.qv-finished-shot { margin-top:34px; }

@media (max-width:980px) {
    .lv-story-grid { grid-template-columns:1fr; }.lv-story-card { min-height:0; }.lv-story-card h3 { margin-top:42px; }
    .lv-footer-grid { grid-template-columns:repeat(2,1fr); }.lv-trust-grid div { padding:24px 18px; }
    .qv-support-shell { grid-template-columns:1fr; }.qv-support-intro { position:static; }
    .qv-anatomy-card { grid-template-columns:1fr; }.qv-guide-steps { grid-template-columns:1fr; }.qv-example-build { grid-template-columns:1fr; }
}
@media (max-width:640px) {
    .lv-hero-premium { min-height:0; padding-top:72px; }.lv-hero-copy h1 br { display:none; }.lv-app-showcase-premium { min-height:350px; }
    .lv-orbit-one { height:300px;width:300px; }.lv-orbit-two { height:350px;width:350px; }.lv-float-card { font-size:.7rem;padding:7px 10px; }
    .lv-trust-grid { grid-template-columns:1fr; }.lv-trust-grid div { border-bottom:1px solid var(--lv-line);border-right:0;padding:18px 20px; }.lv-trust-grid div:last-child { border-bottom:0; }
    .lv-addon { align-items:start;grid-template-columns:auto 1fr; }.lv-addon a { grid-column:2; }
    .lv-footer-grid { grid-template-columns:1fr 1fr; }.lv-footer-grid > div:first-child { grid-column:1/-1; }.lv-footer-bottom { flex-direction:column;gap:10px; }
    .lv-store-button { justify-content:center;width:100%; }
    .qv-form-row { grid-template-columns:1fr; }.qv-support-shell .wpcf7 { padding:22px; }
    .qv-guide-banner { align-items:flex-start; flex-direction:column; }.qv-concept-flow { align-items:stretch; flex-direction:column; }.qv-concept-flow b { transform:rotate(90deg); text-align:center; }.qv-do-dont { grid-template-columns:1fr; }.qv-worked-example { padding:24px 20px; }.qv-build-list li { grid-template-columns:1fr; }.qv-list-head,.qv-list-row { grid-template-columns:1.3fr .4fr .7fr .4fr; }
}

/* Real application screenshots for the template guide. */
.qv-shot-note { color:var(--lv-muted); font-size:.9rem; line-height:1.6; margin:18px auto 0; max-width:740px; }
.qv-guide-shot > a { display:block; border-radius:24px; outline-offset:6px; }
.qv-guide-shot > a:focus-visible { outline:3px solid var(--lv-purple); }
.qv-guide-shot figcaption a { color:var(--lv-purple); white-space:nowrap; }
.qv-example-build.qv-steps-only,.qv-anatomy-card.qv-real-anatomy { display:block; }
.qv-real-anatomy .qv-anatomy-shot { margin:0 0 28px; }
.qv-import-shot-grid { align-items:start; display:grid; gap:24px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.qv-import-shot-grid .qv-guide-shot { margin-top:32px; }
.qv-home-template-shot { margin:0; min-width:0; padding:0; }
.qv-home-template-shot img { background:#1c1c1e; border:1px solid #36363a; border-radius:24px; box-shadow:0 24px 60px rgba(25,28,48,.18); display:block; height:auto; width:100%; }
.qv-home-template-shot figcaption { color:var(--lv-muted); font-size:.82rem; line-height:1.6; margin:14px 0 0; text-align:center; }
@media(max-width:760px) { .qv-import-shot-grid { grid-template-columns:1fr; }.qv-import-shot-grid .qv-portrait-shot { max-width:470px; }.qv-guide-shot img { border-radius:16px; } }

.qv-guide-page section[id] { scroll-margin-top:90px; }