/* _content/Mastpost.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* Layout styles live in global app.css (header/footer/nav are shared, not scoped).
   This file is intentionally minimal. */
/* _content/Mastpost.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-3cglr8y3t6] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-3cglr8y3t6] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-3cglr8y3t6] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-3cglr8y3t6] {
    font-size: 1.1rem;
}

.bi[b-3cglr8y3t6] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-3cglr8y3t6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-3cglr8y3t6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-3cglr8y3t6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-3cglr8y3t6] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-3cglr8y3t6] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-3cglr8y3t6] {
        padding-bottom: 1rem;
    }

    .nav-item[b-3cglr8y3t6]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-3cglr8y3t6]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-3cglr8y3t6]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-3cglr8y3t6] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-3cglr8y3t6] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-3cglr8y3t6] {
        display: none;
    }

    .nav-scrollable[b-3cglr8y3t6] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/Mastpost.Web/Components/Pages/CardDetail.razor.rz.scp.css */
.carddetail[b-gosejf10o5] { padding: 2.5rem 0 4rem; max-width: 680px; }
.cd-back[b-gosejf10o5] { display: inline-block; margin-bottom: 1rem; color: var(--muted); font-weight: 500; }
.cd-back:hover[b-gosejf10o5] { color: var(--ink); text-decoration: none; }
.carddetail h1[b-gosejf10o5] { margin: 0 0 0.75rem; }
.cd-intro[b-gosejf10o5] { color: var(--ink-soft); font-size: 1.05rem; margin: 0 0 1.75rem; }

.cd-form[b-gosejf10o5] { display: flex; flex-direction: column; gap: 1.25rem; margin-bottom: 1.5rem; }
.cd-field[b-gosejf10o5] { display: flex; flex-direction: column; gap: 0.35rem; }
.cd-field > label[b-gosejf10o5] { font-weight: 600; font-size: 0.95rem; }
.cd-req[b-gosejf10o5] { color: var(--accent); }
.cd-help[b-gosejf10o5] { margin: 0; color: var(--muted); font-size: 0.85rem; }

.cd-input[b-gosejf10o5] {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--line);
    border-radius: 8px;
    font: inherit;
    background: var(--surface-raised);
    color: var(--ink);
}
.cd-input:focus[b-gosejf10o5] { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(232, 89, 12, 0.12); }
textarea.cd-input[b-gosejf10o5] { resize: vertical; }

.cd-checks[b-gosejf10o5] { display: flex; flex-direction: column; gap: 0.4rem; }
.cd-check[b-gosejf10o5], .cd-toggle[b-gosejf10o5] { display: flex; align-items: center; gap: 0.5rem; font-weight: 400; cursor: pointer; }
.cd-check input[b-gosejf10o5], .cd-toggle input[b-gosejf10o5] { width: auto; }

.cd-files[b-gosejf10o5] { margin: 0.5rem 0 0; padding-left: 1.1rem; color: var(--ink-soft); font-size: 0.9rem; }

.cd-error[b-gosejf10o5] { color: #b3261e; font-weight: 600; margin: 0 0 1rem; }

.cd-head[b-gosejf10o5] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.cd-head h1[b-gosejf10o5] { margin: 0; }

.cd-deliverables[b-gosejf10o5] { background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.1rem 1.25rem; margin-bottom: 1.5rem; box-shadow: var(--shadow-sm); }
.cd-deliverables h2[b-gosejf10o5] { margin: 0 0 0.5rem; font-size: 1rem; }
.cd-deliverables ul[b-gosejf10o5] { margin: 0; padding-left: 1.1rem; }
.cd-deliverables a[b-gosejf10o5] { font-weight: 600; }

.cd-review > p[b-gosejf10o5] { color: var(--ink-soft); }
.cd-review-actions[b-gosejf10o5] { margin: 1rem 0; }
.cd-review textarea[b-gosejf10o5] { margin: 0.5rem 0; }

.cd-status-msg[b-gosejf10o5] { font-size: 1.05rem; color: var(--ink-soft); background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.25rem; }
/* _content/Mastpost.Web/Components/Pages/Dashboard.razor.rz.scp.css */
.dash[b-9amh9e05de] { padding: 2.5rem 0 4rem; }

.dash-head[b-9amh9e05de] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.dash-head h1[b-9amh9e05de] { margin: 0; }
.dash-sub[b-9amh9e05de] { color: var(--muted); margin: 0.25rem 0 0; text-transform: capitalize; }
.dash-empty[b-9amh9e05de] { color: var(--ink-soft); max-width: 55ch; margin: 0.5rem 0 1.5rem; }

.dash-section[b-9amh9e05de] { margin-bottom: 2.5rem; }
.dash-section h2[b-9amh9e05de] { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 0.25rem; }
.dash-count[b-9amh9e05de] { font-size: 0.8rem; font-weight: 600; color: var(--accent-ink); background: rgba(232, 89, 12, 0.08); padding: 0.2rem 0.6rem; border-radius: 999px; }
.dash-section-sub[b-9amh9e05de] { color: var(--muted); margin: 0.25rem 0 1rem; }

.dash-grid[b-9amh9e05de] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
.dash-card[b-9amh9e05de] { display: block; color: inherit; text-decoration: none; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-raised); padding: 1.1rem; box-shadow: var(--shadow-sm); transition: box-shadow 0.12s ease; }
.dash-card:hover[b-9amh9e05de] { text-decoration: none; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08); }
.dash-card.needs[b-9amh9e05de] { border-left: 3px solid var(--accent); }
.dash-card h3[b-9amh9e05de] { margin: 0.5rem 0 0; font-size: 1rem; }
.dash-link[b-9amh9e05de] { display: inline-block; margin-top: 0.6rem; color: var(--accent-ink); font-size: 0.85rem; font-weight: 600; }

.dash-badge[b-9amh9e05de] { display: inline-block; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 0.2rem 0.5rem; border-radius: 6px; }
.dash-badge.needs[b-9amh9e05de] { background: rgba(232, 89, 12, 0.10); color: var(--accent-ink); }
.dash-badge.active[b-9amh9e05de] { background: #e6f4ea; color: #1e7a3d; }
.dash-badge.progress[b-9amh9e05de] { background: #eef2ff; color: #3b4fb3; }
.dash-badge.review[b-9amh9e05de] { background: #fff4e0; color: #9a6700; }
.dash-badge.complete[b-9amh9e05de] { background: #eef1f3; color: #556; }
.dash-badge.blocked[b-9amh9e05de] { background: #fdecec; color: #b3261e; }

.dash-feed[b-9amh9e05de] { list-style: none; padding: 0; margin: 0; max-width: 640px; }
.dash-feed li[b-9amh9e05de] { display: flex; gap: 0.75rem; padding: 0.7rem 0; border-bottom: 1px solid var(--line); }
.dash-feed li:last-child[b-9amh9e05de] { border-bottom: none; }
.dash-feed-dot[b-9amh9e05de] { width: 9px; height: 9px; border-radius: 50%; background: var(--accent); margin-top: 0.45rem; flex: none; }
.dash-feed p[b-9amh9e05de] { margin: 0; }
.dash-feed time[b-9amh9e05de] { color: var(--muted); font-size: 0.8rem; }

.dash-banner[b-9amh9e05de] { padding: 0.85rem 1.1rem; border-radius: 10px; margin-bottom: 1.75rem; font-size: 0.98rem; }
.dash-banner.you[b-9amh9e05de] { background: rgba(232, 89, 12, 0.08); border: 1px solid rgba(232, 89, 12, 0.25); color: var(--ink); }
.dash-banner.ok[b-9amh9e05de] { background: #e6f4ea; border: 1px solid #b7e0c4; color: #1e5b34; }

.dash-hero[b-9amh9e05de] { display: flex; align-items: center; gap: 1.25rem; background: var(--surface-raised); border: 1px solid var(--line); border-radius: 14px; padding: 1.25rem 1.5rem; margin-bottom: 1.5rem; box-shadow: var(--shadow-sm); }
.dash-hero-num[b-9amh9e05de] { font-size: 2.5rem; font-weight: 800; color: var(--accent); line-height: 1; min-width: 3.5rem; }
.dash-hero-body[b-9amh9e05de] { flex: 1; }
.dash-hero-label[b-9amh9e05de] { font-weight: 700; margin-bottom: 0.4rem; }
.dash-hero-bar[b-9amh9e05de] { height: 8px; background: var(--line); border-radius: 999px; overflow: hidden; }
.dash-hero-bar span[b-9amh9e05de] { display: block; height: 100%; background: var(--accent); border-radius: 999px; }
.dash-hero-sub[b-9amh9e05de] { color: var(--muted); font-size: 0.85rem; margin-top: 0.4rem; }
/* _content/Mastpost.Web/Components/Pages/FindMyPackage.razor.rz.scp.css */
.quiz[b-97mnglypis] { padding: 3rem 0 4rem; display: flex; justify-content: center; }
.quiz-card[b-97mnglypis] {
    width: 100%;
    max-width: 640px;
    background: var(--surface-raised);
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: var(--shadow-sm);
    padding: 2rem;
}

.quiz-progress[b-97mnglypis] { height: 6px; background: var(--line); border-radius: 999px; overflow: hidden; margin-bottom: 1.25rem; }
.quiz-progress-bar[b-97mnglypis] { height: 100%; background: var(--accent); transition: width 0.2s ease; }
.quiz-step[b-97mnglypis] { text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.75rem; color: var(--muted); margin: 0 0 0.5rem; font-weight: 600; }
.quiz-card h1[b-97mnglypis] { font-size: clamp(1.4rem, 3.5vw, 1.9rem); margin: 0 0 1.25rem; }

.quiz-options[b-97mnglypis] { display: flex; flex-direction: column; gap: 0.6rem; }
.quiz-option[b-97mnglypis] {
    text-align: left;
    padding: 0.9rem 1.1rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface);
    font-size: 1rem;
    cursor: pointer;
    transition: border-color 0.12s ease, background 0.12s ease, transform 0.05s ease;
    color: var(--ink);
}
.quiz-option:hover[b-97mnglypis] { border-color: var(--accent); background: rgba(232, 89, 12, 0.04); }

.quiz-back[b-97mnglypis] {
    margin-top: 1.25rem;
    background: none;
    border: none;
    color: var(--muted);
    cursor: pointer;
    font-size: 0.9rem;
}
.quiz-back:hover[b-97mnglypis] { color: var(--ink); text-decoration: underline; }

/* Result */
.quiz-tier[b-97mnglypis] { color: var(--accent); }
.quiz-reason[b-97mnglypis] { color: var(--ink-soft); margin: 0 0 1.25rem; }
.quiz-note[b-97mnglypis] { background: rgba(232, 89, 12, 0.06); border: 1px solid rgba(232, 89, 12, 0.25); border-radius: 10px; padding: 1rem; font-size: 0.92rem; color: var(--ink-soft); margin-bottom: 1.25rem; }

.quiz-result-tier[b-97mnglypis] { border: 2px solid var(--accent); border-radius: 12px; padding: 1.25rem; margin-bottom: 1.25rem; }
.quiz-rt-head[b-97mnglypis] { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 0.5rem; }
.quiz-rt-name[b-97mnglypis] { font-weight: 800; font-size: 1.3rem; }
.quiz-rt-price[b-97mnglypis] { font-weight: 700; }
.quiz-rt-price small[b-97mnglypis] { color: var(--muted); font-weight: 500; }
.quiz-result-tier ul[b-97mnglypis] { list-style: none; padding: 0; margin: 1rem 0 0; }
.quiz-result-tier li[b-97mnglypis] { padding-left: 1.5rem; position: relative; margin-bottom: 0.4rem; font-size: 0.9rem; color: var(--ink-soft); }
.quiz-result-tier li[b-97mnglypis]::before { content: "✓"; position: absolute; left: 0; color: var(--accent); font-weight: 700; }

.quiz-addons-label[b-97mnglypis] { font-weight: 600; margin: 0 0 0.5rem; }
.quiz-addons[b-97mnglypis] { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 1.5rem; }
.quiz-addon[b-97mnglypis] { display: flex; justify-content: space-between; padding: 0.6rem 0.9rem; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); font-size: 0.92rem; }
.quiz-addon span[b-97mnglypis] { color: var(--accent-ink); font-weight: 600; }

.quiz-cta-row[b-97mnglypis] { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.quiz-cta-row .btn[b-97mnglypis] { flex: 1; text-align: center; min-width: 180px; }
/* _content/Mastpost.Web/Components/Pages/Home.razor.rz.scp.css */
/* Home renders via the shared LandingPageTemplate; styles live there. */
/* _content/Mastpost.Web/Components/Pages/HowItWorks.razor.rz.scp.css */
/* Scoped styles for the How It Works page. */

.hiw-preview-section[b-l6a47tysd4], .hiw-open-section[b-l6a47tysd4], .hiw-expect-section[b-l6a47tysd4], .hiw-cta[b-l6a47tysd4] { padding: 3rem 0; }
.hiw-steps-section[b-l6a47tysd4], .hiw-why-section[b-l6a47tysd4] { padding: 3rem 0; background: var(--surface-raised); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.hiw-preview-section h2[b-l6a47tysd4], .hiw-steps-section h2[b-l6a47tysd4], .hiw-open-section h2[b-l6a47tysd4], .hiw-expect-section h2[b-l6a47tysd4], .hiw-why-section h2[b-l6a47tysd4], .hiw-cta h2[b-l6a47tysd4] {
    text-align: center;
    font-size: clamp(1.6rem, 3.5vw, 2.2rem);
    margin: 0 0 0.5rem;
}
.hiw-sub[b-l6a47tysd4] { text-align: center; color: var(--muted); margin: 0 0 2rem; }

/* ---- Faithful dashboard preview (browser frame) ---- */
.hiw-screen[b-l6a47tysd4] { max-width: 920px; margin: 1.5rem auto 0; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; box-shadow: 0 22px 55px rgba(0, 0, 0, 0.14); background: #fff; }
.hiw-screen-bar[b-l6a47tysd4] { display: flex; align-items: center; gap: 0.4rem; padding: 0.6rem 0.9rem; background: #f0eee9; border-bottom: 1px solid var(--line); }
.hiw-screen-bar > span[b-l6a47tysd4] { width: 10px; height: 10px; border-radius: 50%; background: #cfcabf; }
.hiw-screen-url[b-l6a47tysd4] { margin-left: 0.75rem; font-size: 0.75rem; color: var(--muted); background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 0.2rem 0.7rem; }
.hiw-screen-body[b-l6a47tysd4] { padding: 1.5rem; background: var(--surface); }
.hiw-screen-section[b-l6a47tysd4] { margin-top: 1.5rem; }
.hiw-screen-section:first-of-type[b-l6a47tysd4] { margin-top: 0; }
.hiw-screen-h2[b-l6a47tysd4] { font-size: 0.95rem; margin: 0 0 0.75rem; }

/* Dashboard look — mirrors Dashboard.razor.css so the preview matches the real thing. */
.hiw-screen .dash-head[b-l6a47tysd4] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.hiw-screen .dash-head .dash-title[b-l6a47tysd4] { margin: 0; font-size: 1.3rem; font-weight: 700; line-height: 1.2; }
.hiw-screen .dash-sub[b-l6a47tysd4] { color: var(--muted); margin: 0.25rem 0 0; text-transform: capitalize; font-size: 0.9rem; }
.hiw-screen .dash-grid[b-l6a47tysd4] { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 1rem; }
.hiw-screen .dash-card[b-l6a47tysd4] { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-raised); padding: 1.1rem; box-shadow: var(--shadow-sm); }
.hiw-screen .dash-card.needs[b-l6a47tysd4] { border-left: 3px solid var(--accent); }
.hiw-screen .dash-card h3[b-l6a47tysd4] { margin: 0.5rem 0 0; font-size: 1rem; }
.hiw-screen .dash-link[b-l6a47tysd4] { display: inline-block; margin-top: 0.6rem; color: var(--accent-ink); font-size: 0.85rem; font-weight: 600; }
.hiw-screen .dash-badge[b-l6a47tysd4] { display: inline-block; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 0.2rem 0.5rem; border-radius: 6px; }
.dash-badge.needs[b-l6a47tysd4] { background: rgba(232, 89, 12, 0.10); color: var(--accent-ink); }
.dash-badge.active[b-l6a47tysd4] { background: #e6f4ea; color: #1e7a3d; }
.dash-badge.progress[b-l6a47tysd4] { background: #eef2ff; color: #3b4fb3; }
.dash-badge.review[b-l6a47tysd4] { background: #fff4e0; color: #9a6700; }
.dash-badge.complete[b-l6a47tysd4] { background: #eef1f3; color: #556; }
.hiw-screen .dash-banner[b-l6a47tysd4] { padding: 0.85rem 1.1rem; border-radius: 10px; margin-bottom: 1.5rem; font-size: 0.95rem; }
.hiw-screen .dash-banner.you[b-l6a47tysd4] { background: rgba(232, 89, 12, 0.08); border: 1px solid rgba(232, 89, 12, 0.25); color: var(--ink); }
.hiw-screen .dash-hero[b-l6a47tysd4] { display: flex; align-items: center; gap: 1.25rem; background: var(--surface-raised); border: 1px solid var(--line); border-radius: 14px; padding: 1.1rem 1.4rem; margin-bottom: 1.25rem; box-shadow: var(--shadow-sm); }
.hiw-screen .dash-hero-num[b-l6a47tysd4] { font-size: 2.3rem; font-weight: 800; color: var(--accent); line-height: 1; min-width: 3.2rem; }
.hiw-screen .dash-hero-body[b-l6a47tysd4] { flex: 1; }
.hiw-screen .dash-hero-label[b-l6a47tysd4] { font-weight: 700; margin-bottom: 0.4rem; }
.hiw-screen .dash-hero-bar[b-l6a47tysd4] { height: 8px; background: var(--line); border-radius: 999px; overflow: hidden; }
.hiw-screen .dash-hero-bar span[b-l6a47tysd4] { display: block; height: 100%; background: var(--accent); border-radius: 999px; }
.hiw-screen .dash-hero-sub[b-l6a47tysd4] { color: var(--muted); font-size: 0.85rem; margin-top: 0.4rem; }

/* ---- Steps ---- */
.hiw-steps[b-l6a47tysd4] { list-style: none; padding: 0; max-width: 760px; margin: 1.5rem auto 0; display: flex; flex-direction: column; gap: 1.25rem; }
.hiw-steps li[b-l6a47tysd4] { display: flex; gap: 1.1rem; align-items: flex-start; }
.hiw-num[b-l6a47tysd4] { flex: none; width: 38px; height: 38px; border-radius: 50%; background: var(--accent); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; font-size: 1.05rem; }
.hiw-steps h3[b-l6a47tysd4] { margin: 0.25rem 0 0.35rem; font-size: 1.15rem; }
.hiw-steps p[b-l6a47tysd4] { margin: 0; color: var(--ink-soft); }
.hiw-steps strong[b-l6a47tysd4] { color: var(--ink); }

/* ---- Opened-card examples ---- */
.hiw-open-grid[b-l6a47tysd4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; max-width: 880px; margin: 1.5rem auto 0; }
.hiw-open-card[b-l6a47tysd4] { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-raised); padding: 1.3rem; box-shadow: var(--shadow-sm); }
.hiw-open-head[b-l6a47tysd4] { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; }
.hiw-open-head h3[b-l6a47tysd4] { margin: 0; font-size: 1.05rem; }
.hiw-open-intro[b-l6a47tysd4] { color: var(--ink-soft); font-size: 0.88rem; margin: 0 0 1rem; }
.hiw-field[b-l6a47tysd4] { margin-bottom: 0.75rem; }
.hiw-field label[b-l6a47tysd4] { display: block; font-size: 0.78rem; font-weight: 600; color: var(--muted); margin-bottom: 0.25rem; }
.hiw-input[b-l6a47tysd4] { border: 1px solid var(--line); border-radius: 8px; background: var(--surface); padding: 0.5rem 0.7rem; font-size: 0.85rem; color: var(--ink-soft); }
.hiw-input.tall[b-l6a47tysd4] { min-height: 3.2em; }
.hiw-open-foot[b-l6a47tysd4] { display: flex; align-items: center; gap: 0.75rem; margin-top: 1.1rem; }
.hiw-btn-primary[b-l6a47tysd4] { background: var(--accent); color: #fff; font-weight: 700; font-size: 0.85rem; padding: 0.5rem 1rem; border-radius: 8px; }
.hiw-btn-ghost[b-l6a47tysd4] { border: 1px solid var(--line); color: var(--ink-soft); font-weight: 600; font-size: 0.85rem; padding: 0.5rem 1rem; border-radius: 8px; }
.hiw-open-note[b-l6a47tysd4] { color: var(--muted); font-size: 0.8rem; }
.hiw-open-caption[b-l6a47tysd4] { text-align: center; max-width: 60ch; margin: 1.5rem auto 0; color: var(--muted); font-size: 0.9rem; }
.hiw-mock-site[b-l6a47tysd4] { border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: #fff; }
.hiw-mock-bar[b-l6a47tysd4] { height: 14px; background: var(--accent); }
.hiw-mock-hero[b-l6a47tysd4] { height: 54px; background: linear-gradient(180deg, #f5f4f0, #e9e7e1); }
.hiw-mock-row[b-l6a47tysd4] { display: flex; gap: 0.5rem; padding: 0.6rem; }
.hiw-mock-row span[b-l6a47tysd4] { flex: 1; height: 26px; background: #eceae4; border-radius: 4px; }

/* ---- What to expect ---- */
.hiw-timeline[b-l6a47tysd4] { max-width: 760px; margin: 1.5rem auto 0; display: flex; flex-direction: column; gap: 1rem; }
.hiw-phase[b-l6a47tysd4] { border-left: 3px solid var(--accent); padding: 0.25rem 0 0.25rem 1.1rem; }
.hiw-phase-when[b-l6a47tysd4] { font-weight: 800; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--accent); margin-bottom: 0.25rem; }
.hiw-phase p[b-l6a47tysd4] { margin: 0; color: var(--ink-soft); }

/* ---- Why it's better ---- */
.hiw-why-grid[b-l6a47tysd4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem; max-width: 900px; margin: 1.5rem auto 0; }
.hiw-why[b-l6a47tysd4] { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.3rem; box-shadow: var(--shadow-sm); }
.hiw-why h3[b-l6a47tysd4] { margin: 0 0 0.4rem; font-size: 1.05rem; }
.hiw-why p[b-l6a47tysd4] { margin: 0; color: var(--ink-soft); font-size: 0.92rem; }

/* ---- CTA ---- */
.hiw-cta[b-l6a47tysd4] { text-align: center; }
.hiw-cta-row[b-l6a47tysd4] { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; margin-top: 1rem; }
.hiw-trust[b-l6a47tysd4] { margin-top: 1.25rem; color: var(--muted); font-size: 0.9rem; }
/* _content/Mastpost.Web/Components/Pages/Packages.razor.rz.scp.css */
.pkg-hero[b-qcpzposegh] { text-align: center; padding: 3.5rem 0 2rem; }
.pkg-hero h1[b-qcpzposegh] { font-size: clamp(2rem, 4.5vw, 3rem); margin: 0 auto 0.75rem; max-width: 18ch; }
.pkg-hero p[b-qcpzposegh] { color: var(--muted); font-size: 1.1rem; margin: 0; }

.pkg-tiers[b-qcpzposegh] { padding: 2.5rem 0; }
.pkg-tiers-head[b-qcpzposegh] { text-align: center; font-size: clamp(1.6rem, 3.5vw, 2.2rem); margin: 0 0 1.5rem; }
.pkg-tier-grid[b-qcpzposegh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
    align-items: start;
}
.pkg-tier[b-qcpzposegh] {
    position: relative;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface-raised);
    padding: 1.75rem 1.5rem;
    box-shadow: var(--shadow-sm);
}
.pkg-tier.featured[b-qcpzposegh] { border: 2px solid var(--accent); box-shadow: 0 8px 30px rgba(232, 89, 12, 0.12); }
.pkg-badge[b-qcpzposegh] {
    position: absolute; top: -0.8rem; left: 50%; transform: translateX(-50%);
    background: var(--accent); color: #fff; font-size: 0.72rem; font-weight: 700;
    letter-spacing: 0.08em; text-transform: uppercase; padding: 0.3rem 0.8rem; border-radius: 999px;
}
.pkg-tier h3[b-qcpzposegh] { margin: 0.25rem 0; font-size: 1.4rem; }
.pkg-price[b-qcpzposegh] { font-size: 2rem; font-weight: 800; letter-spacing: -0.02em; }
.pkg-price span[b-qcpzposegh] { font-size: 1rem; font-weight: 500; color: var(--muted); }
.pkg-setup[b-qcpzposegh] { color: var(--muted); font-size: 0.9rem; margin-bottom: 0.75rem; }
.pkg-tier-tagline[b-qcpzposegh] { color: var(--ink-soft); font-size: 0.95rem; min-height: 3em; }
.pkg-tier ul[b-qcpzposegh] { list-style: none; padding: 0; margin: 1rem 0 1.5rem; }
.pkg-tier li[b-qcpzposegh] { padding-left: 1.5rem; position: relative; margin-bottom: 0.5rem; font-size: 0.9rem; color: var(--ink-soft); }
.pkg-tier li[b-qcpzposegh]::before { content: "✓"; position: absolute; left: 0; color: var(--accent); font-weight: 700; }
.pkg-tier .btn[b-qcpzposegh] { width: 100%; text-align: center; }
.pkg-cancel[b-qcpzposegh] { text-align: center; color: var(--muted); font-size: 0.8rem; margin: 0.75rem 0 0; }

.pkg-tier-note[b-qcpzposegh] { text-align: center; max-width: 70ch; margin: 1.5rem auto 0; color: var(--ink-soft); font-size: 0.92rem; }
.pkg-tier-note strong[b-qcpzposegh] { color: var(--ink); }

/* Value stack — one team vs. a stack of vendors */
.pkg-vs[b-qcpzposegh] { padding: 2.5rem 0; background: var(--surface-raised); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.pkg-vs h2[b-qcpzposegh] { text-align: center; font-size: clamp(1.6rem, 3.5vw, 2.2rem); margin: 0 0 0.5rem; }
.pkg-vs-sub[b-qcpzposegh] { text-align: center; color: var(--muted); max-width: 65ch; margin: 0 auto 2rem; }
.pkg-vs-grid[b-qcpzposegh] { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; max-width: 860px; margin: 0 auto; align-items: start; }
.pkg-vs-panel[b-qcpzposegh] { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); padding: 1.5rem; }
.pkg-vs-panel.featured[b-qcpzposegh] { border: 2px solid var(--accent); box-shadow: 0 8px 30px rgba(232, 89, 12, 0.12); }
.pkg-vs-panel h3[b-qcpzposegh] { margin: 0 0 1rem; font-size: 1.3rem; }
.pkg-vs-list[b-qcpzposegh] { list-style: none; padding: 0; margin: 0; }
.pkg-vs-list li[b-qcpzposegh] { position: relative; padding: 0.4rem 0 0.4rem 1.5rem; border-bottom: 1px dashed var(--line); font-size: 0.9rem; color: var(--ink-soft); }
.pkg-vs-list li[b-qcpzposegh]::before { content: "✓"; position: absolute; left: 0; color: var(--accent); font-weight: 700; }
.pkg-vs-foot[b-qcpzposegh] { border-top: 1px solid var(--line); padding-top: 0.9rem; margin: 0.6rem 0 1rem; }
.pkg-vs-ours[b-qcpzposegh] { display: flex; justify-content: space-between; align-items: baseline; }
.pkg-vs-ours span[b-qcpzposegh] { color: var(--muted); font-size: 0.95rem; }
.pkg-vs-ours strong[b-qcpzposegh] { font-size: 1.6rem; color: var(--ink); }
.pkg-vs-panel .btn[b-qcpzposegh] { width: 100%; text-align: center; }
.pkg-vs-note[b-qcpzposegh] { text-align: center; color: var(--muted); font-size: 0.85rem; max-width: 62ch; margin: 1.5rem auto 0; }

.pkg-compare[b-qcpzposegh] { padding: 2.5rem 0; }
.pkg-compare h2[b-qcpzposegh] { text-align: center; margin-bottom: 1.5rem; }
.pkg-table-wrap[b-qcpzposegh] { overflow-x: auto; }
.pkg-table[b-qcpzposegh] { width: 100%; border-collapse: collapse; background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.pkg-table th[b-qcpzposegh], .pkg-table td[b-qcpzposegh] { padding: 0.7rem 1rem; text-align: left; border-bottom: 1px solid var(--line); font-size: 0.92rem; }
.pkg-table thead th[b-qcpzposegh] { background: var(--brand-darker); color: #fff; font-weight: 600; }
.pkg-table th.hl[b-qcpzposegh], .pkg-table td.hl[b-qcpzposegh] { background: rgba(232, 89, 12, 0.05); }
.pkg-table thead th.hl[b-qcpzposegh] { background: var(--accent); }
.pkg-section-row td[b-qcpzposegh] { background: var(--surface); font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.78rem; color: var(--muted); }

.pkg-guarantee[b-qcpzposegh] { padding: 2.5rem 0; background: var(--surface-raised); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.pkg-guarantee h2[b-qcpzposegh] { text-align: center; }
.pkg-guarantee > .container > p[b-qcpzposegh] { max-width: 70ch; margin: 0 auto 1.5rem; text-align: center; color: var(--ink-soft); }
.pkg-guarantee-grid[b-qcpzposegh] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem; max-width: 720px; margin: 0 auto; }
.pkg-guarantee-grid div[b-qcpzposegh] { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 1rem; text-align: center; display: flex; flex-direction: column; gap: 0.25rem; }
.pkg-g-num[b-qcpzposegh] { font-weight: 800; font-size: 1.2rem; color: var(--accent); }

.pkg-calc[b-qcpzposegh] { padding: 2.5rem 0; }
.pkg-calc h2[b-qcpzposegh] { text-align: center; }
.pkg-addons[b-qcpzposegh] { padding: 2.5rem 0; }
.pkg-addons h2[b-qcpzposegh] { text-align: center; }
.pkg-addons-sub[b-qcpzposegh] { text-align: center; color: var(--muted); margin-bottom: 1.5rem; }
/* Add-on card styles are shared/global (.addon-grid / .addon-card) in app.css. */

.pkg-faq[b-qcpzposegh] { padding: 2.5rem 0 1rem; max-width: 760px; margin: 0 auto; }
.pkg-faq h2[b-qcpzposegh] { text-align: center; margin-bottom: 1.5rem; }
.pkg-faq-item[b-qcpzposegh] { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-raised); padding: 1rem 1.25rem; margin-bottom: 0.75rem; }
.pkg-faq-item summary[b-qcpzposegh] { font-weight: 600; cursor: pointer; }
.pkg-faq-item p[b-qcpzposegh] { margin: 0.75rem 0 0; color: var(--ink-soft); }
.pkg-faq-cta[b-qcpzposegh] { text-align: center; margin-top: 2rem; }
.pkg-faq-cta p[b-qcpzposegh] { margin-bottom: 0.75rem; color: var(--muted); }
/* _content/Mastpost.Web/Components/Shared/AgencyCalculator.razor.rz.scp.css */
.acalc[b-n3gu1mhrx1] { max-width: 560px; margin: 1.5rem auto 0; border: 2px solid var(--ink); border-radius: 14px; background: var(--surface-raised); padding: 1.75rem; box-shadow: var(--shadow-sm); }

.acalc-slide-head[b-n3gu1mhrx1] { display: flex; justify-content: space-between; align-items: baseline; font-weight: 600; }
.acalc-count[b-n3gu1mhrx1] { font-size: 1.6rem; font-weight: 800; color: var(--accent); }
.acalc-range[b-n3gu1mhrx1] { width: 100%; margin: 0.6rem 0 0.4rem; accent-color: var(--accent); cursor: pointer; }
.acalc-hint[b-n3gu1mhrx1] { color: var(--muted); font-size: 0.85rem; margin: 0 0 0.75rem; }

.acalc-chart[b-n3gu1mhrx1] { width: 100%; height: auto; aspect-ratio: 500 / 110; display: block; }
.acalc-axis[b-n3gu1mhrx1] { display: flex; justify-content: space-between; color: var(--muted); font-size: 0.75rem; margin-top: -0.15rem; }

.acalc-figures[b-n3gu1mhrx1] { text-align: center; margin: 1rem 0 1.25rem; }
.acalc-per[b-n3gu1mhrx1] { display: flex; align-items: baseline; justify-content: center; gap: 0.3rem; }
.acalc-amount[b-n3gu1mhrx1] { font-size: 2.75rem; font-weight: 800; color: var(--accent); letter-spacing: -0.02em; }
.acalc-per-unit[b-n3gu1mhrx1] { color: var(--muted); font-size: 1.1rem; }
.acalc-save[b-n3gu1mhrx1] { margin-left: 0.5rem; align-self: center; background: rgba(30, 122, 61, 0.12); color: #1e7a3d; font-weight: 700; font-size: 0.8rem; padding: 0.2rem 0.55rem; border-radius: 999px; }
.acalc-total-line[b-n3gu1mhrx1] { color: var(--muted); font-size: 0.95rem; margin-top: 0.4rem; }
.acalc-total-line strong[b-n3gu1mhrx1] { color: var(--ink); }

.acalc-cta[b-n3gu1mhrx1] { display: block; text-align: center; width: 100%; }
.acalc-note[b-n3gu1mhrx1] { text-align: center; color: var(--muted); font-size: 0.8rem; margin: 0.75rem 0 0; }
/* _content/Mastpost.Web/Components/Shared/LandingPageTemplate.razor.rz.scp.css */
/* Scoped styles for the shared marketing landing template. */

.lp-hero[b-lzpn0zt8tm] {
    padding: 4.5rem 0 3rem;
    text-align: center;
    background: linear-gradient(180deg, #ffffff 0%, var(--surface) 100%);
    border-bottom: 1px solid var(--line);
}
.lp-eyebrow[b-lzpn0zt8tm] {
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--accent);
    margin: 0 0 1rem;
}
.lp-hero h1[b-lzpn0zt8tm] {
    font-size: clamp(2.1rem, 5vw, 3.4rem);
    line-height: 1.07;
    margin: 0 auto 1rem;
    max-width: 16ch;
}
.lp-subhead[b-lzpn0zt8tm] {
    font-size: 1.2rem;
    color: var(--ink-soft);
    max-width: 60ch;
    margin: 0 auto 1.75rem;
}
.lp-cta-row[b-lzpn0zt8tm] { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; }
.lp-trust[b-lzpn0zt8tm] { margin-top: 1.25rem; color: var(--muted); font-size: 0.9rem; }

.lp-pains[b-lzpn0zt8tm], .lp-services[b-lzpn0zt8tm] { padding: 3rem 0; }
.lp-services[b-lzpn0zt8tm] { background: var(--surface-raised); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.lp-pains h2[b-lzpn0zt8tm], .lp-why h2[b-lzpn0zt8tm], .lp-services h2[b-lzpn0zt8tm], .lp-addons h2[b-lzpn0zt8tm], .lp-faq h2[b-lzpn0zt8tm], .lp-tiers h2[b-lzpn0zt8tm], .lp-final h2[b-lzpn0zt8tm],
.lp-how h2[b-lzpn0zt8tm], .lp-vs h2[b-lzpn0zt8tm], .lp-proof h2[b-lzpn0zt8tm], .lp-show h2[b-lzpn0zt8tm], .lp-edge h2[b-lzpn0zt8tm] {
    text-align: center;
    font-size: clamp(1.6rem, 3.5vw, 2.2rem);
    margin: 0 0 0.5rem;
}
.lp-faq[b-lzpn0zt8tm] { padding: 3rem 0; }
.lp-section-sub[b-lzpn0zt8tm] { text-align: center; color: var(--muted); margin: 0 0 2rem; }

.lp-grid[b-lzpn0zt8tm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}
.lp-card[b-lzpn0zt8tm] {
    padding: 1.5rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface-raised);
    box-shadow: var(--shadow-sm);
}
.lp-card h3[b-lzpn0zt8tm] { margin: 0 0 0.5rem; font-size: 1.1rem; }
.lp-card p[b-lzpn0zt8tm] { margin: 0; color: var(--ink-soft); }

/* Card icons — visual anchors so the stacked cards scan instead of reading as a wall of text. */
.lp-ico[b-lzpn0zt8tm] { display: block; color: var(--accent); margin-bottom: 0.65rem; }
.lp-ico svg[b-lzpn0zt8tm] { width: 30px; height: 30px; display: block; }
.lp-ico.warn[b-lzpn0zt8tm] { color: #cf4b2e; }

/* Tighter vertical rhythm on phones — more content per screen, less endless scroll. */
@media (max-width: 560px) {
    .lp-pains[b-lzpn0zt8tm], .lp-services[b-lzpn0zt8tm], .lp-why[b-lzpn0zt8tm] { padding: 2.25rem 0; }
    .lp-grid[b-lzpn0zt8tm] { gap: 1rem; margin-top: 1.25rem; }
    .lp-card[b-lzpn0zt8tm], .lp-why-card[b-lzpn0zt8tm] { padding: 1.2rem; }
    .lp-section-sub[b-lzpn0zt8tm] { margin-bottom: 1.5rem; }
    .lp-ico svg[b-lzpn0zt8tm] { width: 26px; height: 26px; }
}

/* Tiers */
.lp-tiers[b-lzpn0zt8tm] { padding: 3.5rem 0; }
.lp-tier-grid[b-lzpn0zt8tm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
    align-items: start;
}
.lp-tier[b-lzpn0zt8tm] {
    position: relative;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface-raised);
    padding: 1.75rem 1.5rem;
    box-shadow: var(--shadow-sm);
}
.lp-tier.featured[b-lzpn0zt8tm] {
    border: 2px solid var(--accent);
    box-shadow: 0 8px 30px rgba(232, 89, 12, 0.12);
}
.lp-badge[b-lzpn0zt8tm] {
    position: absolute;
    top: -0.8rem;
    left: 50%;
    transform: translateX(-50%);
    background: var(--accent);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.3rem 0.8rem;
    border-radius: 999px;
    white-space: nowrap;
}
.lp-tier h3[b-lzpn0zt8tm] { margin: 0.25rem 0 0.25rem; font-size: 1.4rem; }
.lp-price[b-lzpn0zt8tm] { font-size: 2rem; font-weight: 800; letter-spacing: -0.02em; }
.lp-price span[b-lzpn0zt8tm] { font-size: 1rem; font-weight: 500; color: var(--muted); }
.lp-setup[b-lzpn0zt8tm] { color: var(--muted); font-size: 0.9rem; margin-bottom: 0.75rem; }
.lp-tier-tagline[b-lzpn0zt8tm] { color: var(--ink-soft); font-size: 0.95rem; min-height: 3em; }
.lp-tier ul[b-lzpn0zt8tm] { list-style: none; padding: 0; margin: 1rem 0 1.5rem; }
.lp-tier li[b-lzpn0zt8tm] {
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: 0.5rem;
    font-size: 0.92rem;
    color: var(--ink-soft);
}
.lp-tier li[b-lzpn0zt8tm]::before { content: "✓"; position: absolute; left: 0; color: var(--accent); font-weight: 700; }
.lp-tier .btn[b-lzpn0zt8tm] { width: 100%; text-align: center; }
.lp-tier-note[b-lzpn0zt8tm] { text-align: center; max-width: 70ch; margin: 1.75rem auto 0; color: var(--ink-soft); font-size: 0.92rem; }
.lp-tier-note strong[b-lzpn0zt8tm] { color: var(--ink); }
.lp-compare[b-lzpn0zt8tm] { text-align: center; margin-top: 1rem; }

/* Final CTA */
.lp-final[b-lzpn0zt8tm] {
    padding: 3.5rem 0 1rem;
    text-align: center;
}
.lp-final p[b-lzpn0zt8tm] { max-width: 60ch; margin: 0 auto 1.5rem; color: var(--ink-soft); font-size: 1.1rem; }
.lp-final .lp-trust[b-lzpn0zt8tm] { font-size: 0.9rem; }

/* Why Mastpost */
.lp-why[b-lzpn0zt8tm] { padding: 3rem 0; }
.lp-why-card[b-lzpn0zt8tm] { padding: 1.5rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-raised); box-shadow: var(--shadow-sm); }
.lp-why-card h3[b-lzpn0zt8tm] { margin: 0 0 0.5rem; font-size: 1.1rem; }
.lp-why-card p[b-lzpn0zt8tm] { margin: 0; color: var(--ink-soft); }
/* Vertical-tailored lead card — warm accent tint so the "built for your trade" convincer stands out. */
.lp-why-card.lead[b-lzpn0zt8tm] { background: #fff7f2; border-color: rgba(232, 89, 12, 0.4); }

/* "Why it matters" — the stakes beat. Dark warm band for gravity + visual rhythm. */
.lp-stakes[b-lzpn0zt8tm] { background: #15110e; color: #f1eee9; padding: 4rem 0; text-align: center; }
.lp-stakes .container[b-lzpn0zt8tm] { max-width: 760px; }
.lp-stakes-eyebrow[b-lzpn0zt8tm] { text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.8rem; font-weight: 700; color: var(--accent); margin: 0 0 1rem; }
.lp-stakes h2[b-lzpn0zt8tm] { font-size: clamp(1.6rem, 3.6vw, 2.3rem); line-height: 1.2; margin: 0 0 1.1rem; color: #fff; }
.lp-stakes-lead[b-lzpn0zt8tm] { color: #cfc9c1; font-size: 1.1rem; line-height: 1.6; margin: 0 auto 1.75rem; max-width: 62ch; }
.lp-stakes-chain[b-lzpn0zt8tm] { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin: 0 0 0.9rem; }
.lp-stakes-chain span[b-lzpn0zt8tm] { border: 1px solid rgba(255,255,255,0.16); border-radius: 999px; padding: 0.55rem 1.05rem; font-size: 0.98rem; }
.lp-stakes-chain strong[b-lzpn0zt8tm] { color: var(--accent); }
.lp-stakes-chain-note[b-lzpn0zt8tm] { color: #b7b1a8; font-size: 0.98rem; margin: 0 0 1.75rem; }
.lp-stakes-body[b-lzpn0zt8tm] { color: #cfc9c1; font-size: 1.08rem; line-height: 1.65; margin: 0 auto 1.5rem; max-width: 62ch; }
.lp-stakes-body strong[b-lzpn0zt8tm] { color: #fff; }
.lp-stakes-good[b-lzpn0zt8tm] { color: #f1eee9; font-size: 1.08rem; line-height: 1.6; margin: 1.5rem auto 0; max-width: 60ch; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.12); }
@media (max-width: 560px) {
    .lp-stakes[b-lzpn0zt8tm] { padding: 3rem 0; }
    .lp-stakes-chain[b-lzpn0zt8tm] { flex-direction: column; align-items: center; }
}

/* Clickable service category cards */
.lp-cat-card[b-lzpn0zt8tm] { display: block; text-decoration: none; color: inherit; padding: 1.5rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-raised); box-shadow: var(--shadow-sm); transition: box-shadow 0.12s ease; }
.lp-cat-card:hover[b-lzpn0zt8tm] { text-decoration: none; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); }
.lp-cat-card h3[b-lzpn0zt8tm] { margin: 0 0 0.5rem; font-size: 1.15rem; }
.lp-cat-card p[b-lzpn0zt8tm] { margin: 0 0 0.75rem; color: var(--ink-soft); }
.lp-cat-more[b-lzpn0zt8tm] { color: var(--accent-ink); font-weight: 600; font-size: 0.9rem; }

/* Add-ons */
.lp-addons[b-lzpn0zt8tm] { padding: 3rem 0; background: var(--surface-raised); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
/* Add-on card styles are shared/global (.addon-grid / .addon-card) in app.css. */
.lp-addon-feature[b-lzpn0zt8tm] { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; background: rgba(232, 89, 12, 0.06); border: 1px solid rgba(232, 89, 12, 0.25); border-radius: var(--radius); padding: 1.1rem 1.4rem; margin: 0 auto 1.25rem; max-width: 820px; }
.lp-addon-feature-body h3[b-lzpn0zt8tm] { margin: 0 0 0.25rem; font-size: 1.05rem; }
.lp-addon-feature-body p[b-lzpn0zt8tm] { margin: 0; color: var(--ink-soft); font-size: 0.9rem; }
.lp-addon-feature-price[b-lzpn0zt8tm] { font-weight: 800; font-size: 1.3rem; color: var(--accent); white-space: nowrap; }
.lp-addon-feature-price span[b-lzpn0zt8tm] { font-size: 0.85rem; font-weight: 500; color: var(--muted); }
@media (max-width: 560px) { .lp-addon-feature[b-lzpn0zt8tm] { flex-direction: column; align-items: flex-start; } }

/* How it works (summary) */
.lp-how[b-lzpn0zt8tm] { padding: 3rem 0; }
.lp-how-steps[b-lzpn0zt8tm] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin-top: 0.5rem; }
.lp-how-step[b-lzpn0zt8tm] { display: flex; gap: 0.75rem; align-items: flex-start; background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.1rem; box-shadow: var(--shadow-sm); }
.lp-how-num[b-lzpn0zt8tm] { flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--accent); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; }
.lp-how-step p[b-lzpn0zt8tm] { margin: 0; color: var(--ink-soft); font-size: 0.92rem; }
.lp-how-step strong[b-lzpn0zt8tm] { color: var(--ink); }
.lp-how-link[b-lzpn0zt8tm] { text-align: center; margin-top: 1.5rem; }

/* How we compare */
.lp-vs[b-lzpn0zt8tm] { padding: 3rem 0; }
.lp-vs-table[b-lzpn0zt8tm] { max-width: 780px; margin: 1.5rem auto 0; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface-raised); box-shadow: var(--shadow-sm); }
.lp-vs-row[b-lzpn0zt8tm] { display: grid; grid-template-columns: 1.1fr 1.4fr 1.3fr; }
.lp-vs-row + .lp-vs-row[b-lzpn0zt8tm] { border-top: 1px solid var(--line); }
.lp-vs-row > div[b-lzpn0zt8tm] { padding: 0.7rem 0.9rem; font-size: 0.9rem; }
.lp-vs-head > div[b-lzpn0zt8tm] { font-weight: 800; font-size: 0.85rem; }
.lp-vs-head .lp-vs-us[b-lzpn0zt8tm] { color: var(--accent); }
.lp-vs-head .lp-vs-them[b-lzpn0zt8tm] { color: var(--muted); }
.lp-vs-axis[b-lzpn0zt8tm] { color: var(--muted); font-weight: 600; }
.lp-vs-us[b-lzpn0zt8tm] { background: rgba(232, 89, 12, 0.05); color: var(--ink); font-weight: 600; }
.lp-vs-row:not(.lp-vs-head) .lp-vs-us[b-lzpn0zt8tm]::before { content: "✓ "; color: var(--accent); font-weight: 800; }
.lp-vs-them[b-lzpn0zt8tm] { color: var(--muted); }
.lp-vs-note[b-lzpn0zt8tm] { max-width: 720px; margin: 1rem auto 0; text-align: center; color: var(--muted); font-size: 0.85rem; }
@media (max-width: 620px) { .lp-vs-row > div[b-lzpn0zt8tm] { padding: 0.55rem 0.55rem; font-size: 0.8rem; } }

/* Proof / testimonials (renders only when we have real ones) */
.lp-proof[b-lzpn0zt8tm] { padding: 3rem 0; background: var(--surface-raised); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.lp-quote[b-lzpn0zt8tm] { padding: 1.5rem; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.lp-quote-result[b-lzpn0zt8tm] { font-weight: 800; color: var(--accent); margin-bottom: 0.5rem; }
.lp-quote blockquote[b-lzpn0zt8tm] { margin: 0 0 0.75rem; font-size: 1.02rem; color: var(--ink); line-height: 1.5; }
.lp-quote-by[b-lzpn0zt8tm] { color: var(--muted); font-size: 0.85rem; font-weight: 600; }

/* What you actually get — UI showcases */
.lp-show[b-lzpn0zt8tm] { padding: 3rem 0; background: var(--surface-raised); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.lp-show-grid[b-lzpn0zt8tm] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 1.5rem; }
.lp-show-tile[b-lzpn0zt8tm] { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); padding: 1.25rem; }
.lp-show-tile h3[b-lzpn0zt8tm] { margin: 1rem 0 0.4rem; font-size: 1.1rem; }
.lp-show-tile > p[b-lzpn0zt8tm] { margin: 0; color: var(--ink-soft); font-size: 0.92rem; }
.lp-show-art[b-lzpn0zt8tm] { border: 1px solid var(--line); border-radius: 10px; background: var(--surface-raised); padding: 0.85rem; min-height: 150px; display: flex; flex-direction: column; }

/* mini dashboard */
.lp-show-dash[b-lzpn0zt8tm] { gap: 0.5rem; justify-content: center; }
.lp-mini-card[b-lzpn0zt8tm] { display: flex; flex-direction: column; gap: 0.3rem; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; padding: 0.5rem 0.6rem; }
.lp-mini-card.needs[b-lzpn0zt8tm] { border-left: 3px solid var(--accent); }
.lp-mini-badge[b-lzpn0zt8tm] { align-self: flex-start; font-size: 0.6rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; padding: 0.12rem 0.4rem; border-radius: 5px; }
.lp-mini-badge.needs[b-lzpn0zt8tm] { background: rgba(232, 89, 12, 0.10); color: var(--accent-ink); }
.lp-mini-badge.prog[b-lzpn0zt8tm] { background: #eef2ff; color: #3b4fb3; }
.lp-mini-badge.done[b-lzpn0zt8tm] { background: #eef1f3; color: #556; }
.lp-mini-title[b-lzpn0zt8tm] { font-size: 0.8rem; font-weight: 600; }

/* review + reply */
.lp-show-rev[b-lzpn0zt8tm] { gap: 0.4rem; }
.lp-rev-head[b-lzpn0zt8tm] { display: flex; align-items: center; gap: 0.5rem; }
.lp-rev-stars[b-lzpn0zt8tm] { color: #e8a300; font-size: 0.8rem; letter-spacing: 0.05em; }
.lp-rev-name[b-lzpn0zt8tm] { font-size: 0.8rem; font-weight: 700; }
.lp-rev-text[b-lzpn0zt8tm] { margin: 0; font-size: 0.82rem; color: var(--ink-soft); }
.lp-rev-reply[b-lzpn0zt8tm] { background: var(--surface); border-left: 2px solid var(--accent); border-radius: 0 6px 6px 0; padding: 0.45rem 0.6rem; margin-top: 0.2rem; }
.lp-rev-by[b-lzpn0zt8tm] { display: block; font-size: 0.64rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 0.2rem; }
.lp-rev-reply p[b-lzpn0zt8tm] { margin: 0; font-size: 0.78rem; color: var(--ink-soft); }

/* report */
.lp-show-report[b-lzpn0zt8tm] { gap: 0.55rem; justify-content: center; }
.lp-rep-head[b-lzpn0zt8tm] { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; }
.lp-rep-title[b-lzpn0zt8tm] { font-size: 0.8rem; font-weight: 700; }
.lp-rep-stars[b-lzpn0zt8tm] { font-size: 0.76rem; color: #e8a300; white-space: nowrap; }
.lp-rep-chips[b-lzpn0zt8tm] { display: flex; flex-wrap: wrap; gap: 0.3rem; }
.lp-chip[b-lzpn0zt8tm] { font-size: 0.68rem; font-weight: 600; padding: 0.12rem 0.45rem; border-radius: 999px; }
.lp-chip.up[b-lzpn0zt8tm] { background: #e6f4ea; color: #1e7a3d; }
.lp-chip.down[b-lzpn0zt8tm] { background: #fdecec; color: #b3261e; }
.lp-rep-line[b-lzpn0zt8tm] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.72rem; color: var(--muted); }
.lp-rep-line > span[b-lzpn0zt8tm] { width: 34px; }
.lp-rep-bar[b-lzpn0zt8tm] { flex: 1; height: 7px; background: var(--line); border-radius: 999px; overflow: hidden; }
.lp-rep-bar i[b-lzpn0zt8tm] { display: block; height: 100%; background: var(--accent); border-radius: 999px; }
.lp-rep-bar.muted i[b-lzpn0zt8tm] { background: #9aa3ad; }

/* website */
.lp-show-site[b-lzpn0zt8tm] { padding: 0; overflow: hidden; }
.lp-site-bar[b-lzpn0zt8tm] { height: 14px; background: var(--accent); }
.lp-site-hero[b-lzpn0zt8tm] { flex: 1; min-height: 60px; background: linear-gradient(180deg, #f5f4f0, #e9e7e1); }
.lp-site-row[b-lzpn0zt8tm] { display: flex; gap: 0.5rem; padding: 0.6rem; }
.lp-site-row span[b-lzpn0zt8tm] { flex: 1; height: 30px; background: #eceae4; border-radius: 4px; }

/* "What you actually get" — tier tabs (CSS-only) */
.lp-show-tabs[b-lzpn0zt8tm] { margin-top: 1.5rem; }
.lp-show-radio[b-lzpn0zt8tm] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.lp-show-tablabels[b-lzpn0zt8tm] { display: flex; justify-content: center; gap: 0.5rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.lp-show-tablabels label[b-lzpn0zt8tm] { cursor: pointer; padding: 0.5rem 1.15rem; border: 1px solid var(--line); border-radius: 999px; font-weight: 600; font-size: 0.95rem; color: var(--ink-soft); background: var(--surface); transition: border-color .12s, background .12s, color .12s; }
.lp-show-tablabels label:hover[b-lzpn0zt8tm] { border-color: var(--accent); }
.lp-show-panel[b-lzpn0zt8tm] { display: none; }
#wyg-presence:checked ~ .lp-show-tablabels label[for="wyg-presence"][b-lzpn0zt8tm],
#wyg-growth:checked ~ .lp-show-tablabels label[for="wyg-growth"][b-lzpn0zt8tm],
#wyg-dominate:checked ~ .lp-show-tablabels label[for="wyg-dominate"][b-lzpn0zt8tm] { background: var(--accent); color: #fff; border-color: var(--accent); }
#wyg-presence:checked ~ .lp-show-panel-presence[b-lzpn0zt8tm],
#wyg-growth:checked ~ .lp-show-panel-growth[b-lzpn0zt8tm],
#wyg-dominate:checked ~ .lp-show-panel-dominate[b-lzpn0zt8tm] { display: block; }

/* rank-climb visual (Growth) */
.lp-rank[b-lzpn0zt8tm] { gap: 0.5rem; justify-content: center; }
.lp-rank-row[b-lzpn0zt8tm] { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; font-size: 0.8rem; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; padding: 0.45rem 0.6rem; }
.lp-rank-term[b-lzpn0zt8tm] { color: var(--ink-soft); }
.lp-rank-move[b-lzpn0zt8tm] { font-weight: 700; color: var(--muted); white-space: nowrap; }
.lp-rank-move strong[b-lzpn0zt8tm] { color: #1e7a3d; }

/* guarantee visual (Dominate) */
.lp-guar[b-lzpn0zt8tm] { gap: 0.5rem; justify-content: center; }
.lp-guar-badge[b-lzpn0zt8tm] { align-self: center; background: var(--accent); color: #fff; font-weight: 800; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.04em; padding: 0.25rem 0.7rem; border-radius: 999px; margin-bottom: 0.2rem; }
.lp-guar-row[b-lzpn0zt8tm] { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; font-size: 0.8rem; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; padding: 0.45rem 0.6rem; }
.lp-guar-term[b-lzpn0zt8tm] { color: var(--ink-soft); }
.lp-guar-hit[b-lzpn0zt8tm] { font-weight: 700; color: #1e7a3d; white-space: nowrap; }
.lp-guar-miss[b-lzpn0zt8tm] { font-weight: 700; color: var(--muted); white-space: nowrap; }

/* live indicator on the competitor-watch tile */
.lp-rep-live[b-lzpn0zt8tm] { font-size: 0.72rem; font-weight: 700; color: #b3261e; text-transform: uppercase; letter-spacing: 0.04em; }

/* Competitive edge section */
.lp-edge[b-lzpn0zt8tm] { padding: 3rem 0; background: var(--surface-raised); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.lp-edge-wrap[b-lzpn0zt8tm] { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 2rem; align-items: center; max-width: 960px; margin: 1.5rem auto 0; }
@media (max-width: 820px) { .lp-edge-wrap[b-lzpn0zt8tm] { grid-template-columns: 1fr; } }
.lp-edge-card[b-lzpn0zt8tm] { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 12px 34px rgba(0, 0, 0, 0.10); padding: 1.3rem 1.4rem; }
.lp-edge-head[b-lzpn0zt8tm] { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid var(--line); padding-bottom: 0.7rem; margin-bottom: 0.85rem; }
.lp-edge-title[b-lzpn0zt8tm] { font-weight: 800; font-size: 0.95rem; }
.lp-edge-tag[b-lzpn0zt8tm] { font-size: 0.72rem; color: var(--muted); text-transform: uppercase; letter-spacing: 0.04em; }
.lp-edge-row[b-lzpn0zt8tm] { display: grid; grid-template-columns: 88px 1fr 62px; align-items: center; gap: 0.6rem; margin-bottom: 0.6rem; }
.lp-edge-theme[b-lzpn0zt8tm] { font-size: 0.82rem; color: var(--ink-soft); }
.lp-edge-bars[b-lzpn0zt8tm] { display: flex; flex-direction: column; gap: 3px; }
.lp-edge-bar[b-lzpn0zt8tm] { height: 7px; background: var(--line); border-radius: 999px; overflow: hidden; }
.lp-edge-bar i[b-lzpn0zt8tm] { display: block; height: 100%; border-radius: 999px; }
.lp-edge-bar.you i[b-lzpn0zt8tm] { background: var(--accent); }
.lp-edge-bar.them i[b-lzpn0zt8tm] { background: #9aa3ad; }
.lp-edge-verdict[b-lzpn0zt8tm] { font-size: 0.7rem; font-weight: 700; text-align: right; white-space: nowrap; }
.lp-edge-verdict.win[b-lzpn0zt8tm] { color: #1e7a3d; }
.lp-edge-verdict.lose[b-lzpn0zt8tm] { color: var(--muted); }
.lp-edge-opening[b-lzpn0zt8tm] { margin-top: 0.9rem; padding-top: 0.8rem; border-top: 1px dashed var(--line); font-size: 0.85rem; color: var(--ink-soft); line-height: 1.5; }
.lp-edge-opening strong[b-lzpn0zt8tm] { color: var(--accent); }
.lp-edge-points[b-lzpn0zt8tm] { display: flex; flex-direction: column; gap: 1.1rem; }
.lp-edge-point h3[b-lzpn0zt8tm] { margin: 0 0 0.25rem; font-size: 1.05rem; }
.lp-edge-point p[b-lzpn0zt8tm] { margin: 0; color: var(--ink-soft); font-size: 0.92rem; }
.lp-edge-note[b-lzpn0zt8tm] { text-align: center; max-width: 62ch; margin: 1.5rem auto 0; color: var(--muted); font-size: 0.9rem; }
.lp-edge-note strong[b-lzpn0zt8tm] { color: var(--ink); }
/* _content/Mastpost.Web/Components/Shared/LocationCalculator.razor.rz.scp.css */
.calc[b-pehec72jfs] { max-width: 640px; margin: 1.5rem auto 0; border: 1px solid var(--line); border-radius: 14px; background: var(--surface-raised); padding: 1.5rem; box-shadow: var(--shadow-sm); }
.calc-head h3[b-pehec72jfs] { margin: 0 0 0.5rem; }
.calc-head p[b-pehec72jfs] { margin: 0 0 1.25rem; color: var(--ink-soft); }
.calc-body[b-pehec72jfs] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
.calc-control[b-pehec72jfs] { display: flex; align-items: center; gap: 1rem; }
.calc-control button[b-pehec72jfs] { width: 38px; height: 38px; border-radius: 8px; border: 1px solid var(--line); background: var(--surface); font-size: 1.3rem; cursor: pointer; line-height: 1; }
.calc-control button:disabled[b-pehec72jfs] { opacity: 0.4; cursor: not-allowed; }
.calc-count[b-pehec72jfs] { font-weight: 600; min-width: 110px; text-align: center; }
.calc-amount[b-pehec72jfs] { font-size: 2rem; font-weight: 800; color: var(--accent); }
.calc-total span:last-child[b-pehec72jfs] { color: var(--muted); }