/* /Components/DetailedResearchReport.razor.rz.scp.css */
.research-report[b-a5ckym47m5] {
    --report-purple: #6847a8;
    --report-purple-dark: #493173;
    --report-pink: #c7669d;
    --report-gold: #b58a3b;
    --report-ink: #272330;
    --report-muted: #706b78;
    --report-line: #e6e0ec;
    --report-soft: #f8f5fb;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    color: var(--report-ink);
    background: #fff;
    font-family: inherit;
}

.report-header[b-a5ckym47m5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    gap: 2rem;
    align-items: start;
    padding: 2.25rem;
    border: 1px solid var(--report-line);
    border-radius: 18px;
    background: linear-gradient( 135deg, #ffffff 0%, #fbf8fd 55%, #f5eef9 100%);
}

.report-eyebrow[b-a5ckym47m5] {
    margin-bottom: .55rem;
    color: var(--report-purple);
    font-size: .77rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.report-header h1[b-a5ckym47m5] {
    margin: 0;
    color: var(--report-purple-dark);
    font-size: clamp(1.8rem, 4vw, 2.7rem);
    line-height: 1.08;
}

.report-description[b-a5ckym47m5] {
    max-width: 720px;
    margin: 1rem 0 0;
    color: #55505b;
    font-size: 1.04rem;
    line-height: 1.7;
}

.confidence-card[b-a5ckym47m5] {
    display: flex;
    flex-direction: column;
    padding: 1.15rem;
    border: 1px solid #ded2e8;
    border-radius: 14px;
    background: rgba(255, 255, 255, .82);
}

.confidence-label[b-a5ckym47m5] {
    margin-bottom: .25rem;
    color: var(--report-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.confidence-card strong[b-a5ckym47m5] {
    color: var(--report-purple-dark);
    font-size: 1.25rem;
}

.confidence-value[b-a5ckym47m5] {
    margin-top: .15rem;
    color: var(--report-muted);
    font-size: .85rem;
}

.report-section[b-a5ckym47m5] {
    padding: 2.4rem 0;
    border-bottom: 1px solid var(--report-line);
}

.section-heading[b-a5ckym47m5] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.section-number[b-a5ckym47m5] {
    display: flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #fff;
    background: var(--report-purple);
    font-size: .8rem;
    font-weight: 800;
}

.section-heading h2[b-a5ckym47m5] {
    margin: 0;
    color: var(--report-purple-dark);
    font-size: 1.45rem;
}

.section-heading p[b-a5ckym47m5] {
    margin: .3rem 0 0;
    color: var(--report-muted);
    line-height: 1.55;
}

.fact-grid[b-a5ckym47m5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.fact-card[b-a5ckym47m5] {
    padding: 1.05rem 1.15rem;
    border: 1px solid var(--report-line);
    border-radius: 12px;
    background: #fff;
}

    .fact-card span[b-a5ckym47m5],
    .dimension span[b-a5ckym47m5] {
        display: block;
        margin-bottom: .35rem;
        color: var(--report-muted);
        font-size: .73rem;
        font-weight: 800;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .fact-card strong[b-a5ckym47m5] {
        display: block;
        color: var(--report-ink);
        font-size: .98rem;
        font-weight: 600;
        line-height: 1.5;
    }

.compact-section[b-a5ckym47m5] {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.dimensions-row[b-a5ckym47m5] {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
}

.dimension[b-a5ckym47m5] {
    min-width: 115px;
    padding: .8rem 1rem;
    border-radius: 10px;
    background: var(--report-soft);
}

    .dimension strong[b-a5ckym47m5] {
        color: var(--report-purple-dark);
        font-size: 1.05rem;
    }

.dimension-note[b-a5ckym47m5] {
    margin-top: 1rem;
    color: var(--report-muted);
    font-size: .88rem;
}

    .dimension-note strong[b-a5ckym47m5] {
        margin-right: .35rem;
    }

.detail-block[b-a5ckym47m5] {
    margin-bottom: 1.25rem;
}

    .detail-block:last-child[b-a5ckym47m5] {
        margin-bottom: 0;
    }

    .detail-block h3[b-a5ckym47m5] {
        margin: 0 0 .4rem;
        color: var(--report-purple-dark);
        font-size: .95rem;
    }

    .detail-block p[b-a5ckym47m5] {
        margin: 0;
        color: #514d55;
        line-height: 1.7;
    }

.comparables-section[b-a5ckym47m5] {
    padding-bottom: 2.6rem;
}

.comparables-list[b-a5ckym47m5] {
    display: grid;
    gap: 1rem;
}

.comparable-card[b-a5ckym47m5] {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--report-line);
    border-radius: 14px;
    background: #fff;
}

.comparable-index[b-a5ckym47m5] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 1.15rem;
    color: var(--report-purple);
    background: var(--report-soft);
    font-size: 1rem;
    font-weight: 800;
}

.comparable-content[b-a5ckym47m5] {
    padding: 1.15rem 1.25rem 1.25rem;
}

.comparable-header[b-a5ckym47m5] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

    .comparable-header h3[b-a5ckym47m5] {
        margin: 0;
        color: var(--report-ink);
        font-size: 1rem;
        line-height: 1.4;
    }

.comparable-source[b-a5ckym47m5] {
    display: inline-block;
    margin-top: .25rem;
    color: var(--report-muted);
    font-size: .8rem;
}

.source-link[b-a5ckym47m5] {
    flex: 0 0 auto;
    color: var(--report-purple);
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
}

    .source-link:hover[b-a5ckym47m5] {
        text-decoration: underline;
    }

.comparable-description[b-a5ckym47m5] {
    margin: .85rem 0 0;
    color: #56515a;
    font-size: .93rem;
    line-height: 1.6;
}

.comparable-facts[b-a5ckym47m5] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem 1.2rem;
    margin-top: .85rem;
    color: #5c5760;
    font-size: .84rem;
}

.relevance-box[b-a5ckym47m5] {
    margin-top: 1rem;
    padding: .85rem 1rem;
    border-left: 3px solid var(--report-pink);
    background: #fbf7fa;
}

    .relevance-box > span[b-a5ckym47m5] {
        display: block;
        margin-bottom: .2rem;
        color: var(--report-purple-dark);
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .relevance-box p[b-a5ckym47m5] {
        margin: 0;
        color: #514d55;
        font-size: .9rem;
        line-height: 1.55;
    }

.conclusion-section[b-a5ckym47m5] {
    border-bottom: none;
}

.conclusion-card[b-a5ckym47m5] {
    padding: 1.5rem 1.6rem;
    border: 1px solid #d9cce5;
    border-radius: 16px;
    background: linear-gradient( 135deg, #faf7fc 0%, #f5eff9 100%);
}

    .conclusion-card p[b-a5ckym47m5] {
        margin: 0;
        color: #423b49;
        font-size: 1rem;
        line-height: 1.8;
    }

.report-footer[b-a5ckym47m5] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 1rem;
    padding: 1.5rem 0;
    color: var(--report-muted);
    font-size: .78rem;
}

    .report-footer > div[b-a5ckym47m5] {
        display: flex;
        flex-direction: column;
        flex: 0 0 auto;
    }

    .report-footer strong[b-a5ckym47m5] {
        color: var(--report-purple-dark);
        font-size: .9rem;
    }

    .report-footer p[b-a5ckym47m5] {
        max-width: 600px;
        margin: 0;
        text-align: right;
        line-height: 1.5;
    }

@media (max-width: 700px) {

    .report-header[b-a5ckym47m5] {
        grid-template-columns: 1fr;
        padding: 1.5rem;
    }

    .confidence-card[b-a5ckym47m5] {
        width: auto;
    }

    .fact-grid[b-a5ckym47m5] {
        grid-template-columns: 1fr;
    }

    .comparable-header[b-a5ckym47m5] {
        flex-direction: column;
    }

    .report-footer[b-a5ckym47m5] {
        flex-direction: column;
    }

        .report-footer p[b-a5ckym47m5] {
            text-align: left;
        }
}

@media print {

    .research-report[b-a5ckym47m5] {
        max-width: none;
    }

    .report-header[b-a5ckym47m5] {
        break-inside: avoid;
    }

    .report-section[b-a5ckym47m5] {
        break-inside: auto;
    }

    .fact-card[b-a5ckym47m5],
    .comparable-card[b-a5ckym47m5],
    .conclusion-card[b-a5ckym47m5] {
        break-inside: avoid;
    }

    .source-link[b-a5ckym47m5] {
        display: none;
    }
}
/* /Components/Layout/InteriorHeader.razor.rz.scp.css */
.interior-header[b-beoo8c1fib] {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 28px 0 10px;
}

.interior-brand[b-beoo8c1fib] {
    display: inline-block;
    text-decoration: none;
}

    .interior-brand img[b-beoo8c1fib] {
        display: block;
        width: 210px;
        height: auto;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-1c39e9s5db] {
    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-1c39e9s5db] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

.navbar-brand[b-1c39e9s5db] {
    font-size: 1.1rem;
}

.bi[b-1c39e9s5db] {
    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-1c39e9s5db] {
    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-1c39e9s5db] {
    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-1c39e9s5db] {
    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-1c39e9s5db] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-1c39e9s5db]  .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-1c39e9s5db]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

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

.nav-scrollable[b-1c39e9s5db] {
    display: none;
}

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-jhmja6usds],
.components-reconnect-repeated-attempt-visible[b-jhmja6usds],
.components-reconnect-failed-visible[b-jhmja6usds],
.components-pause-visible[b-jhmja6usds],
.components-resume-failed-visible[b-jhmja6usds],
.components-rejoining-animation[b-jhmja6usds] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-jhmja6usds],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-jhmja6usds],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-jhmja6usds],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-jhmja6usds],
#components-reconnect-modal.components-reconnect-retrying[b-jhmja6usds],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-jhmja6usds],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-jhmja6usds],
#components-reconnect-modal.components-reconnect-failed[b-jhmja6usds],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-jhmja6usds] {
    display: block;
}


#components-reconnect-modal[b-jhmja6usds] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-jhmja6usds 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-jhmja6usds 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-jhmja6usds 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-jhmja6usds]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-jhmja6usds 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-jhmja6usds {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-jhmja6usds {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-jhmja6usds {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-jhmja6usds] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-jhmja6usds] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-jhmja6usds] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-jhmja6usds] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-jhmja6usds] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-jhmja6usds] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-jhmja6usds] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-jhmja6usds 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-jhmja6usds] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-jhmja6usds {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
.site-footer[b-zoosrdfdne] {
    background: #fbf8f3;
    color: #2f2230;
    border-top: 1px solid rgba(74, 54, 63, 0.08);
}


/* MAIN FOOTER
-------------------------------------------------- */

.footer-main[b-zoosrdfdne] {
    width: min(1380px, calc(100% - 80px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.6fr 0.8fr 0.9fr 0.9fr 1fr;
    gap: 55px;
    padding: 54px 0 48px;
}


/* BRAND
-------------------------------------------------- */

.footer-brand[b-zoosrdfdne] {
    display: flex;
    align-items: flex-start;
}

.footer-logo[b-zoosrdfdne] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    color: inherit;
    text-decoration: none;
}

.footer-brand-primary[b-zoosrdfdne],
.footer-brand-secondary[b-zoosrdfdne] {
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: 0.06em;
}

.footer-brand-primary[b-zoosrdfdne] {
    font-size: 2rem;
    line-height: 1;
    color: #32152f;
}

.footer-brand-genie-row[b-zoosrdfdne] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 4px;
}

.footer-brand-rule[b-zoosrdfdne] {
    width: 35px;
    height: 1px;
    background: #c18c35;
}

.footer-brand-secondary[b-zoosrdfdne] {
    font-size: 1.65rem;
    color: #b37b28;
}

.footer-brand-sparkle[b-zoosrdfdne] {
    font-size: 1.25rem;
    color: #d0a04e;
}

.footer-tagline[b-zoosrdfdne] {
    margin-top: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.78rem;
    color: #5a4c55;
}


/* COLUMNS
-------------------------------------------------- */

.footer-column[b-zoosrdfdne],
.footer-social[b-zoosrdfdne] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .footer-column h3[b-zoosrdfdne],
    .footer-social h3[b-zoosrdfdne] {
        margin: 0 0 17px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.77rem;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #352735;
    }

    .footer-column a[b-zoosrdfdne] {
        margin-bottom: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.88rem;
        color: #433742;
        text-decoration: none;
    }

        .footer-column a:hover[b-zoosrdfdne] {
            color: #a67125;
        }


/* SOCIAL
-------------------------------------------------- */

.footer-social-links[b-zoosrdfdne] {
    display: flex;
    gap: 14px;
}

.social-link[b-zoosrdfdne] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #4a3446;
    border-radius: 50%;
    color: #3a2537;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    transition: background-color 120ms ease, color 120ms ease;
}

    .social-link:hover[b-zoosrdfdne] {
        background: #3b1837;
        color: #fff;
    }


/* BOTTOM BAR
-------------------------------------------------- */

.footer-bottom[b-zoosrdfdne] {
    width: min(1380px, calc(100% - 80px));
    margin: 0 auto;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 90px;
    border-top: 1px solid rgba(74, 54, 63, 0.08);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.76rem;
    color: #746970;
}

.footer-legal[b-zoosrdfdne] {
    display: flex;
    align-items: center;
    gap: 14px;
}

    .footer-legal a[b-zoosrdfdne] {
        color: #746970;
        text-decoration: none;
    }

        .footer-legal a:hover[b-zoosrdfdne] {
            color: #9a6a26;
        }


/* RESPONSIVE
-------------------------------------------------- */

@media (max-width: 1000px) {

    .footer-main[b-zoosrdfdne] {
        grid-template-columns: 1.5fr 1fr 1fr;
    }

    .footer-social[b-zoosrdfdne] {
        grid-column: 2 / -1;
    }
}


@media (max-width: 650px) {

    .footer-main[b-zoosrdfdne] {
        width: calc(100% - 40px);
        grid-template-columns: 1fr 1fr;
        gap: 38px 30px;
        padding: 42px 0;
    }

    .footer-brand[b-zoosrdfdne] {
        grid-column: 1 / -1;
    }

    .footer-social[b-zoosrdfdne] {
        grid-column: 1 / -1;
    }

    .footer-bottom[b-zoosrdfdne] {
        width: calc(100% - 40px);
        flex-direction: column;
        gap: 10px;
        padding: 20px 0;
        text-align: center;
    }
}
/* /Components/Layout/SiteHeader.razor.rz.scp.css */
.site-header[b-gxep6if50g] {
    background: var(--paper);
    border-bottom: 3px solid var(--brass);
}

.header-inner[b-gxep6if50g] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

.brand[b-gxep6if50g] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    text-decoration: none;
}

.brand-logo[b-gxep6if50g] {
    display: block;
    width: auto;
    height: 220px;
    max-width: 100%;
    object-fit: contain;
}

.top-ad[b-gxep6if50g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 468px;
    max-width: 100%;
    height: 60px;
    background: #f3f1ec;
    border: 1px solid var(--stone);
    color: var(--muted);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

@media (max-width: 900px) {
    .header-inner[b-gxep6if50g] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 620px) {
    .header-inner[b-gxep6if50g] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .brand-logo[b-gxep6if50g] {
        height: 170px;
    }

    .top-ad[b-gxep6if50g] {
        width: 100%;
    }
}

.welcome-ad-label[b-gxep6if50g] {
    font-size: 10px;
    color: #888;
    text-align: center;
    margin-bottom: 3px;
}
/* /Components/Pages/About.razor.rz.scp.css */
.about-main[b-gco9yjf28m] {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 34px 0 72px;
}


/* Breadcrumb */

.about-breadcrumb[b-gco9yjf28m] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 30px;
    font-size: 0.86rem;
    color: #837568;
}

    .about-breadcrumb a[b-gco9yjf28m] {
        color: inherit;
        text-decoration: none;
    }

        .about-breadcrumb a:hover[b-gco9yjf28m] {
            text-decoration: underline;
        }


/* Hero */

.about-hero[b-gco9yjf28m] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 64px;
    align-items: center;
    padding: 58px 64px;
    background: #f6f0e8;
    border: 1px solid #eadfce;
    border-radius: 28px;
}

.about-hero-copy[b-gco9yjf28m] {
    max-width: 690px;
}

.about-kicker[b-gco9yjf28m] {
    margin-bottom: 6px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #9a744d;
}

.about-kicker-subtitle[b-gco9yjf28m] {
    margin-bottom: 20px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
    font-style: italic;
    color: #75675a;
}

.about-hero h1[b-gco9yjf28m] {
    margin: 0 0 24px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.5rem, 5vw, 4.6rem);
    line-height: 0.98;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #241c17;
}

.about-hero p[b-gco9yjf28m] {
    margin: 0 0 17px;
    font-size: 1.06rem;
    line-height: 1.75;
    color: #5b5048;
}

    .about-hero p:last-child[b-gco9yjf28m] {
        margin-bottom: 0;
    }

.about-hero strong[b-gco9yjf28m] {
    color: #2d211a;
}


/* Hero art */

.about-hero-art[b-gco9yjf28m] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 390px;
}

    .about-hero-art img[b-gco9yjf28m] {
        display: block;
        width: min(100%, 430px);
        height: auto;
        object-fit: contain;
    }


/* Feature grid */

.about-features[b-gco9yjf28m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 58px;
    border-top: 1px solid #dfd5c8;
    border-bottom: 1px solid #dfd5c8;
}

.about-feature[b-gco9yjf28m] {
    position: relative;
    padding: 44px 34px 42px;
}

    .about-feature + .about-feature[b-gco9yjf28m] {
        border-left: 1px solid #dfd5c8;
    }

.about-feature-icon[b-gco9yjf28m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 22px;
    border: 1px solid #cdbda8;
    border-radius: 50%;
    font-size: 1.35rem;
    line-height: 1;
    color: #8c6847;
}

.about-feature h2[b-gco9yjf28m] {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.55rem;
    line-height: 1.12;
    font-weight: 500;
    color: #2b211b;
}

.about-divider[b-gco9yjf28m] {
    width: 42px;
    height: 1px;
    margin: 22px 0;
    background: #b8946f;
}

.about-feature p[b-gco9yjf28m] {
    margin: 0 0 14px;
    font-size: 0.96rem;
    line-height: 1.7;
    color: #65594f;
}

    .about-feature p:last-child[b-gco9yjf28m] {
        margin-bottom: 0;
    }


/* Closing statement */

.about-command[b-gco9yjf28m] {
    margin-top: 58px;
    padding: 54px 30px 10px;
    text-align: center;
}

.about-command-lamp[b-gco9yjf28m] {
    margin-bottom: 14px;
    font-size: 1.3rem;
    color: #9b734b;
}

.about-command-title[b-gco9yjf28m] {
    margin-bottom: 12px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.08;
    font-weight: 500;
    color: #2b211b;
}

.about-command-copy[b-gco9yjf28m] {
    max-width: 650px;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.7;
    color: #72665b;
}


/* Tablet */

@media (max-width: 1050px) {

    .about-hero[b-gco9yjf28m] {
        grid-template-columns: 1fr 0.72fr;
        gap: 38px;
        padding: 46px;
    }

    .about-features[b-gco9yjf28m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-feature:nth-child(3)[b-gco9yjf28m] {
        border-left: none;
        border-top: 1px solid #dfd5c8;
    }

    .about-feature:nth-child(4)[b-gco9yjf28m] {
        border-top: 1px solid #dfd5c8;
    }
}


/* Mobile */

@media (max-width: 760px) {

    .about-main[b-gco9yjf28m] {
        width: min(100% - 28px, 1180px);
        padding-top: 22px;
    }

    .about-breadcrumb[b-gco9yjf28m] {
        margin-bottom: 20px;
    }

    .about-hero[b-gco9yjf28m] {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 34px 26px;
        border-radius: 20px;
    }

        .about-hero h1[b-gco9yjf28m] {
            font-size: clamp(2.35rem, 12vw, 3.5rem);
        }

        .about-hero p[b-gco9yjf28m] {
            font-size: 1rem;
        }

    .about-hero-art[b-gco9yjf28m] {
        min-height: 0;
    }

        .about-hero-art img[b-gco9yjf28m] {
            width: min(100%, 350px);
        }

    .about-features[b-gco9yjf28m] {
        grid-template-columns: 1fr;
        margin-top: 42px;
    }

    .about-feature[b-gco9yjf28m] {
        padding: 34px 8px;
    }

        .about-feature + .about-feature[b-gco9yjf28m] {
            border-left: none;
            border-top: 1px solid #dfd5c8;
        }

    .about-command[b-gco9yjf28m] {
        margin-top: 34px;
        padding: 40px 12px 0;
    }
}
/* /Components/Pages/blog/BlogArticle.razor.rz.scp.css */
.blog-article-page[b-7yy2ulxzvj] {
    background: #fbf8f3;
    color: #2b211b;
}

.blog-article-main[b-7yy2ulxzvj] {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
    padding: 34px 0 78px;
}


/* Breadcrumb */

.blog-breadcrumb[b-7yy2ulxzvj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 34px;
    font-size: 0.86rem;
    color: #837568;
}

    .blog-breadcrumb a[b-7yy2ulxzvj] {
        color: inherit;
        text-decoration: none;
    }

        .blog-breadcrumb a:hover[b-7yy2ulxzvj] {
            text-decoration: underline;
        }


/* Article header */

.blog-article-header[b-7yy2ulxzvj] {
    max-width: 860px;
    margin: 0 auto 34px;
    text-align: center;
}

.blog-article-category[b-7yy2ulxzvj] {
    margin-bottom: 14px;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #9a744d;
}

.blog-article-header h1[b-7yy2ulxzvj] {
    margin: 0 0 20px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.8rem, 6vw, 5rem);
    line-height: 0.98;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #241c17;
}

.blog-article-deck[b-7yy2ulxzvj] {
    max-width: 760px;
    margin: 0 auto;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
    line-height: 1.65;
    font-style: italic;
    color: #716359;
}


/* Hero image */

.blog-hero-image[b-7yy2ulxzvj] {
    margin: 44px 0 52px;
    padding: 0;
    text-align: center;
}

    .blog-hero-image img[b-7yy2ulxzvj] {
        display: block;
        width: min(100%, 420px);
        max-height: 620px;
        margin: 0 auto;
        object-fit: contain;
        background: #ffffff;
        border: 1px solid #e7ded2;
        border-radius: 18px;
    }

    .blog-hero-image figcaption[b-7yy2ulxzvj],
    .blog-inline-image figcaption[b-7yy2ulxzvj] {
        margin-top: 12px;
        font-size: 0.82rem;
        line-height: 1.5;
        font-style: italic;
        color: #8a7b6f;
    }


/* Article body */

.blog-article-content[b-7yy2ulxzvj] {
    max-width: 760px;
    margin: 0 auto;
}

    .blog-article-content p[b-7yy2ulxzvj] {
        margin: 0 0 22px;
        font-size: 1.04rem;
        line-height: 1.85;
        color: #5e534b;
    }

    .blog-article-content strong[b-7yy2ulxzvj] {
        color: #2e241e;
    }

.blog-intro[b-7yy2ulxzvj] {
    position: relative;
    margin-bottom: 30px !important;
    padding-left: 22px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.2rem !important;
    line-height: 1.75 !important;
    border-left: 3px solid #b48a61;
    color: #44382f !important;
}

.blog-article-content h2[b-7yy2ulxzvj] {
    margin: 52px 0 18px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2rem;
    line-height: 1.16;
    font-weight: 500;
    color: #2b211b;
}

    .blog-article-content h2[b-7yy2ulxzvj]::after {
        content: "";
        display: block;
        width: 46px;
        height: 1px;
        margin-top: 14px;
        background: #b8946f;
    }


/* Inline image */

.blog-inline-image[b-7yy2ulxzvj] {
    margin: 40px 0;
    padding: 0;
    text-align: center;
}

    .blog-inline-image img[b-7yy2ulxzvj] {
        display: block;
        width: min(100%, 320px);
        max-height: 500px;
        margin: 0 auto;
        object-fit: contain;
        background: #ffffff;
        border: 1px solid #e7ded2;
        border-radius: 16px;
    }

/* Genie note */

.blog-genie-note[b-7yy2ulxzvj] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    margin-top: 54px;
    padding: 26px 28px;
    background: #f3ece2;
    border: 1px solid #e4d7c7;
    border-radius: 18px;
}

.blog-genie-note-symbol[b-7yy2ulxzvj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid #cbb79e;
    border-radius: 50%;
    font-size: 1.15rem;
    color: #9b734b;
}

.blog-genie-note h3[b-7yy2ulxzvj] {
    margin: 0 0 8px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    font-weight: 500;
    color: #2c221b;
}

.blog-genie-note p[b-7yy2ulxzvj] {
    margin: 0;
    font-size: 0.96rem;
    line-height: 1.7;
    color: #65594f;
}


/* Links */

.blog-article-content a[b-7yy2ulxzvj] {
    color: #7f5a38;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

    .blog-article-content a:hover[b-7yy2ulxzvj] {
        color: #4f3420;
    }


/* Tablet */

@media (max-width: 900px) {

    .blog-article-main[b-7yy2ulxzvj] {
        width: min(100% - 32px, 1120px);
    }

    .blog-article-header h1[b-7yy2ulxzvj] {
        font-size: clamp(2.5rem, 8vw, 4.2rem);
    }

    .blog-hero-image[b-7yy2ulxzvj] {
        margin-top: 36px;
    }
}


/* Mobile */

@media (max-width: 680px) {

    .blog-article-main[b-7yy2ulxzvj] {
        width: min(100% - 28px, 1120px);
        padding-top: 22px;
    }

    .blog-breadcrumb[b-7yy2ulxzvj] {
        margin-bottom: 26px;
    }

    .blog-article-header[b-7yy2ulxzvj] {
        text-align: left;
    }

        .blog-article-header h1[b-7yy2ulxzvj] {
            font-size: clamp(2.3rem, 11vw, 3.6rem);
        }

    .blog-article-deck[b-7yy2ulxzvj] {
        margin: 0;
        font-size: 1.05rem;
    }

    .blog-hero-image[b-7yy2ulxzvj] {
        margin: 34px 0 40px;
    }

        .blog-hero-image img[b-7yy2ulxzvj],
        .blog-inline-image img[b-7yy2ulxzvj] {
            border-radius: 14px;
        }

    .blog-article-content p[b-7yy2ulxzvj] {
        font-size: 1rem;
        line-height: 1.78;
    }

    .blog-intro[b-7yy2ulxzvj] {
        padding-left: 16px;
        font-size: 1.1rem !important;
    }

    .blog-article-content h2[b-7yy2ulxzvj] {
        margin-top: 42px;
        font-size: 1.7rem;
    }

    .blog-genie-note[b-7yy2ulxzvj] {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 22px;
    }
}
/* /Components/Pages/Checkout.razor.rz.scp.css */
.checkout-page[b-hg1lnacvj4] {
    width: min(1120px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 2.4rem 0 5rem;
}


/* =========================================================
   HEADING
========================================================= */

.checkout-heading[b-hg1lnacvj4] {
    margin-bottom: 1.8rem;
}

.checkout-kicker[b-hg1lnacvj4],
.summary-label[b-hg1lnacvj4] {
    color: #82549e;
    font-size: .69rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.checkout-heading h1[b-hg1lnacvj4] {
    margin: .3rem 0 .45rem;
    color: #32263a;
    font-size: clamp(2rem, 4vw, 2.7rem);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.checkout-heading p[b-hg1lnacvj4] {
    margin: 0;
    color: #756d78;
    font-size: .96rem;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.checkout-layout[b-hg1lnacvj4] {
    display: grid;
    grid-template-columns: minmax(310px, .85fr) minmax(500px, 1.15fr);
    gap: 2rem;
    align-items: start;
}


/* =========================================================
   GENIE / LEFT COLUMN
========================================================= */

.checkout-aside[b-hg1lnacvj4] {
    position: sticky;
    top: 1.5rem;
}

.genie-art[b-hg1lnacvj4] {
    min-height: 480px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    border-radius: 24px;
    background: radial-gradient( circle at 50% 40%, rgba(221, 197, 236, .35), transparent 50% ), linear-gradient( 145deg, #fbf8fc, #f5eff8 );
}

.checkout-genie[b-hg1lnacvj4] {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 520px;
    object-fit: contain;
}

.genie-placeholder[b-hg1lnacvj4] {
    width: 100%;
    height: 480px;
    display: grid;
    place-items: center;
    color: #ab9db1;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}


/* ---------------------------------------------------------
   ASSURANCES
---------------------------------------------------------- */

.checkout-assurance[b-hg1lnacvj4] {
    margin-top: 1.1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #ebe5ed;
    border-radius: 16px;
    background: #fff;
}

.assurance-item[b-hg1lnacvj4] {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
}

    .assurance-item + .assurance-item[b-hg1lnacvj4] {
        margin-top: .9rem;
        padding-top: .9rem;
        border-top: 1px solid #f0ecf1;
    }

.assurance-icon[b-hg1lnacvj4] {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #f0e6f5;
    color: #80579b;
    font-size: .75rem;
    font-weight: 700;
}

.assurance-item strong[b-hg1lnacvj4] {
    display: block;
    margin-bottom: .12rem;
    color: #4b3d51;
    font-size: .78rem;
}

.assurance-item span[b-hg1lnacvj4] {
    display: block;
    color: #8a828c;
    font-size: .7rem;
    line-height: 1.45;
}


/* =========================================================
   RIGHT PAYMENT PANEL
========================================================= */

.payment-panel[b-hg1lnacvj4] {
    overflow: hidden;
    border: 1px solid #dfd5e4;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(58, 40, 67, .08);
}


/* =========================================================
   ORDER SUMMARY
========================================================= */

.payment-summary[b-hg1lnacvj4] {
    padding: 1.6rem 1.7rem 1.35rem;
    background: radial-gradient( circle at 100% 0, rgba(221, 197, 234, .25), transparent 42% ), #fff;
}

.summary-heading[b-hg1lnacvj4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.1rem;
}

    .summary-heading h2[b-hg1lnacvj4],
    .stripe-heading h2[b-hg1lnacvj4] {
        margin: .22rem 0 0;
        color: #382c3f;
        font-size: 1.15rem;
    }

.edit-order[b-hg1lnacvj4] {
    padding-top: .15rem;
    color: #795090;
    font-size: .72rem;
    font-weight: 600;
    text-decoration: none;
}

    .edit-order:hover[b-hg1lnacvj4] {
        text-decoration: underline;
    }

.summary-line[b-hg1lnacvj4] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid #eee9f0;
}

    .summary-line > div > strong[b-hg1lnacvj4] {
        display: block;
        color: #55495a;
        font-size: .78rem;
    }

    .summary-line > div > span[b-hg1lnacvj4] {
        display: block;
        margin-top: .08rem;
        color: #9a929c;
        font-size: .67rem;
    }

    .summary-line > strong[b-hg1lnacvj4] {
        color: #57475e;
        font-size: .83rem;
    }

.summary-total[b-hg1lnacvj4] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 3rem;
    padding-top: 1rem;
    border-top: 1px solid #e8e1ea;
}

    .summary-total > div[b-hg1lnacvj4] {
        text-align: right;
    }

    .summary-total span[b-hg1lnacvj4] {
        display: block;
        margin-bottom: .1rem;
        color: #908891;
        font-size: .63rem;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

    .summary-total strong[b-hg1lnacvj4] {
        color: #59455f;
        font-size: 1.2rem;
    }

    .summary-total .amount-due strong[b-hg1lnacvj4] {
        color: #754c91;
        font-size: 1.65rem;
        letter-spacing: -.025em;
    }


/* =========================================================
   STRIPE
========================================================= */

.stripe-section[b-hg1lnacvj4] {
    padding: 1.65rem 1.7rem 1.8rem;
    border-top: 1px solid #e7dfe9;
    background: #fdfcfd;
}

.stripe-heading[b-hg1lnacvj4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.3rem;
}

.stripe-secure[b-hg1lnacvj4] {
    position: relative;
    padding-left: .8rem;
    color: #858087;
    font-size: .66rem;
    font-weight: 600;
}

    .stripe-secure[b-hg1lnacvj4]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 5px;
        height: 5px;
        transform: translateY(-50%);
        border-radius: 50%;
        background: #73a67d;
    }


/* Stripe mounts its own checkout form here */

.stripe-checkout-host[b-hg1lnacvj4] {
    min-height: 365px;
}

.stripe-loading[b-hg1lnacvj4] {
    min-height: 365px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    border: 1px dashed #dfd7e2;
    border-radius: 14px;
    background: #fff;
    color: #958c98;
    font-size: .73rem;
}

.loading-mark[b-hg1lnacvj4] {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #f1e8f5;
    color: #855ba0;
    font-size: .95rem;
}

.payment-error[b-hg1lnacvj4] {
    margin-bottom: 1rem;
    padding: .75rem .9rem;
    border: 1px solid #ead3d3;
    border-radius: 10px;
    background: #fff9f9;
    color: #8b5050;
    font-size: .76rem;
}


/* =========================================================
   FOOTER
========================================================= */

.payment-footer[b-hg1lnacvj4] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .45rem;
    padding: .85rem 1rem;
    border-top: 1px solid #eee9ef;
    background: #faf8fb;
    color: #948c96;
    font-size: .65rem;
}

.lock-mark[b-hg1lnacvj4] {
    color: #725082;
    font-size: .8rem;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {

    .checkout-layout[b-hg1lnacvj4] {
        grid-template-columns: 1fr;
    }

    .checkout-aside[b-hg1lnacvj4] {
        position: static;
        display: grid;
        grid-template-columns: minmax(220px, .8fr) minmax(280px, 1.2fr);
        gap: 1rem;
    }

    .genie-art[b-hg1lnacvj4],
    .genie-placeholder[b-hg1lnacvj4] {
        min-height: 280px;
        height: 280px;
    }

    .checkout-assurance[b-hg1lnacvj4] {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}


@media (max-width: 600px) {

    .checkout-page[b-hg1lnacvj4] {
        width: min(100% - 1.25rem, 1120px);
        padding-top: 1.4rem;
    }

    .checkout-aside[b-hg1lnacvj4] {
        display: block;
    }

    .genie-art[b-hg1lnacvj4] {
        min-height: 240px;
    }

    .genie-placeholder[b-hg1lnacvj4] {
        height: 240px;
        min-height: 240px;
    }

    .checkout-assurance[b-hg1lnacvj4] {
        margin-top: 1rem;
    }

    .payment-summary[b-hg1lnacvj4],
    .stripe-section[b-hg1lnacvj4] {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .summary-total[b-hg1lnacvj4] {
        justify-content: space-between;
        gap: 1rem;
    }
}
/* /Components/Pages/CheckoutComplete.razor.rz.scp.css */
.checkout-complete[b-4frgrc3lpd] {
    max-width: 760px;
    margin: 4rem auto;
    padding: 3rem;
    text-align: center;
    background: #fff;
    border: 1px solid #e6e0ea;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

    .checkout-complete h1[b-4frgrc3lpd] {
        margin-bottom: 1.25rem;
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.2;
    }

    .checkout-complete p[b-4frgrc3lpd] {
        margin-bottom: 1rem;
        font-size: 1.05rem;
        line-height: 1.6;
    }

    .checkout-complete .text-muted[b-4frgrc3lpd] {
        margin: 1.5rem 0;
        font-size: 0.875rem;
        color: #777;
        overflow-wrap: anywhere;
    }

@media (max-width: 768px) {
    .checkout-complete[b-4frgrc3lpd] {
        margin: 2rem 1rem;
        padding: 2rem 1.25rem;
    }

        .checkout-complete h1[b-4frgrc3lpd] {
            font-size: 1.75rem;
        }
}

.genie-thanks span[b-4frgrc3lpd] {
    font-style: normal;
    font-weight: 600;
    font-size: 1.1em;
}

    .genie-thanks span[b-4frgrc3lpd] {
        font-style: normal;
        font-weight: 600;
    }
.available-services[b-4frgrc3lpd] {
    margin-top: 2.5rem;
}

    .available-services h2[b-4frgrc3lpd] {
        margin-bottom: 0.5rem;
    }

.service-list[b-4frgrc3lpd] {
    display: grid;
    gap: 1rem;
    margin-top: 1.5rem;
}

.service-card[b-4frgrc3lpd] {
    display: block;
    padding: 1rem 1.25rem;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

a.service-card:hover[b-4frgrc3lpd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
}

.service-card-disabled[b-4frgrc3lpd] {
    opacity: 0.5;
    cursor: not-allowed;
}

.service-card-content[b-4frgrc3lpd] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.service-icon[b-4frgrc3lpd] {
    width: 64px;
    height: 64px;
    object-fit: contain;
    flex-shrink: 0;
}

.service-card-text[b-4frgrc3lpd] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .service-card-text strong[b-4frgrc3lpd] {
        font-size: 1.1rem;
    }

    .service-card-text span[b-4frgrc3lpd] {
        display: block;
    }

.service-credit-cost[b-4frgrc3lpd] {
    margin-top: 0.25rem;
    font-size: 0.9rem;
    font-weight: 600;
}
/* /Components/Pages/ComingSoon.razor.rz.scp.css */
.coming-soon-page[b-zubzsw4tuu] {
    min-height: 100vh;
    background: radial-gradient(circle at top right, rgba(229, 215, 239, 0.28), transparent 34%), #f8f3eb;
    color: #2f2238;
}


/* HEADER */

.coming-soon-header[b-zubzsw4tuu] {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 32px 0 0;
}

    .coming-soon-header .brand[b-zubzsw4tuu] {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        text-decoration: none;
        color: inherit;
    }

    .coming-soon-header .brand-primary[b-zubzsw4tuu] {
        font-size: 0.78rem;
        letter-spacing: 0.34em;
        font-weight: 600;
    }

    .coming-soon-header .brand-genie-row[b-zubzsw4tuu] {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 2px;
    }

    .coming-soon-header .brand-rule[b-zubzsw4tuu] {
        width: 34px;
        height: 1px;
        background: #b58a55;
    }

    .coming-soon-header .brand-secondary[b-zubzsw4tuu] {
        font-family: Georgia, "Times New Roman", serif;
        font-size: 2rem;
        line-height: 1;
        letter-spacing: 0.14em;
    }

    .coming-soon-header .brand-sparkle[b-zubzsw4tuu] {
        color: #b58a55;
        font-size: 0.9rem;
    }

    .coming-soon-header .brand-tagline[b-zubzsw4tuu] {
        margin-top: 6px;
        font-size: 0.72rem;
        letter-spacing: 0.06em;
        color: #7a687f;
    }


/* MAIN */

.coming-soon-main[b-zubzsw4tuu] {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    min-height: calc(100vh - 120px);
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
    align-items: center;
    gap: 64px;
    padding: 56px 0 80px;
}


/* COPY */

.coming-soon-copy[b-zubzsw4tuu] {
    max-width: 560px;
}

.coming-soon-kicker[b-zubzsw4tuu] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: #9b7447;
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.22em;
}

    .coming-soon-kicker span:first-child[b-zubzsw4tuu] {
        font-size: 0.9rem;
    }

.coming-soon-copy h1[b-zubzsw4tuu] {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3.6rem, 6vw, 6.5rem);
    line-height: 0.9;
    font-weight: 400;
    letter-spacing: -0.045em;
    color: #2f2238;
}

    .coming-soon-copy h1 span[b-zubzsw4tuu] {
        display: block;
        margin: 8px 0 12px;
        font-style: italic;
        font-weight: 400;
        color: #b07b48;
    }

.coming-soon-rule[b-zubzsw4tuu] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 210px;
    margin: 34px 0 28px;
}

    .coming-soon-rule span:first-child[b-zubzsw4tuu],
    .coming-soon-rule span:last-child[b-zubzsw4tuu] {
        flex: 1;
        height: 1px;
        background: #d7b98e;
    }

    .coming-soon-rule span:nth-child(2)[b-zubzsw4tuu] {
        color: #b58a55;
        font-size: 0.8rem;
    }

.coming-soon-intro[b-zubzsw4tuu] {
    max-width: 500px;
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.18rem;
    line-height: 1.75;
    color: #5c5060;
}


/* BUTTONS */

.coming-soon-actions[b-zubzsw4tuu] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 36px;
}

.coming-soon-button[b-zubzsw4tuu] {
    min-height: 54px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 4px;
    font-size: 0.96rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-decoration: none;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, border-color 0.16s ease;
}

    .coming-soon-button:hover[b-zubzsw4tuu] {
        transform: translateY(-2px);
    }

.coming-soon-button-primary[b-zubzsw4tuu] {
    background: #35233e;
    border: 1px solid #35233e;
    color: #fffaf4;
    box-shadow: 0 8px 22px rgba(53, 35, 62, 0.14);
}

    .coming-soon-button-primary:hover[b-zubzsw4tuu] {
        background: #432d4e;
        border-color: #432d4e;
    }

.coming-soon-button-secondary[b-zubzsw4tuu] {
    background: rgba(255, 255, 255, 0.44);
    border: 1px solid #c8a476;
    color: #35233e;
}

    .coming-soon-button-secondary:hover[b-zubzsw4tuu] {
        background: rgba(255, 255, 255, 0.78);
        border-color: #af8350;
    }

.button-icon[b-zubzsw4tuu] {
    font-size: 1.1rem;
    line-height: 1;
}


/* ART */

.coming-soon-art[b-zubzsw4tuu] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

    .coming-soon-art[b-zubzsw4tuu]::before {
        content: "";
        position: absolute;
        width: 80%;
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(209, 185, 222, 0.35) 0%, rgba(232, 215, 239, 0.16) 45%, transparent 72% );
        filter: blur(4px);
    }

    .coming-soon-art img[b-zubzsw4tuu] {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
        max-width: 650px;
        height: auto;
        object-fit: contain;
        filter: drop-shadow(0 22px 32px rgba(76, 55, 84, 0.10));
    }


/* TABLET */

@media (max-width: 980px) {

    .coming-soon-main[b-zubzsw4tuu] {
        grid-template-columns: 1fr;
        gap: 30px;
        padding-top: 72px;
    }

    .coming-soon-copy[b-zubzsw4tuu] {
        max-width: 680px;
    }

    .coming-soon-art[b-zubzsw4tuu] {
        order: -1;
    }

        .coming-soon-art img[b-zubzsw4tuu] {
            max-width: 560px;
        }

    .coming-soon-copy[b-zubzsw4tuu] {
        text-align: center;
        margin: 0 auto;
    }

    .coming-soon-kicker[b-zubzsw4tuu],
    .coming-soon-rule[b-zubzsw4tuu],
    .coming-soon-actions[b-zubzsw4tuu] {
        justify-content: center;
    }

    .coming-soon-rule[b-zubzsw4tuu] {
        margin-left: auto;
        margin-right: auto;
    }

    .coming-soon-intro[b-zubzsw4tuu] {
        margin-left: auto;
        margin-right: auto;
    }
}


/* MOBILE */

@media (max-width: 640px) {

    .coming-soon-header[b-zubzsw4tuu] {
        width: min(100% - 32px, 1180px);
        padding-top: 22px;
    }

    .coming-soon-main[b-zubzsw4tuu] {
        width: min(100% - 32px, 1180px);
        padding: 42px 0 56px;
        gap: 20px;
    }

    .coming-soon-header .brand-secondary[b-zubzsw4tuu] {
        font-size: 1.65rem;
    }

    .coming-soon-copy h1[b-zubzsw4tuu] {
        font-size: clamp(3rem, 16vw, 4.5rem);
    }

    .coming-soon-intro[b-zubzsw4tuu] {
        font-size: 1.04rem;
        line-height: 1.65;
    }

    .coming-soon-actions[b-zubzsw4tuu] {
        flex-direction: column;
        width: 100%;
    }

    .coming-soon-button[b-zubzsw4tuu] {
        width: 100%;
    }

    .coming-soon-art img[b-zubzsw4tuu] {
        max-width: 100%;
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-page[b-ib5su136sz] {
    background: #fbf8f3;
    color: #2b211b;
}

.contact-main[b-ib5su136sz] {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 34px 0 76px;
}


/* Breadcrumb */

.contact-breadcrumb[b-ib5su136sz] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 30px;
    font-size: 0.86rem;
    color: #837568;
}

    .contact-breadcrumb a[b-ib5su136sz] {
        color: inherit;
        text-decoration: none;
    }

        .contact-breadcrumb a:hover[b-ib5su136sz] {
            text-decoration: underline;
        }


/* Hero */

.contact-hero[b-ib5su136sz] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
    gap: 58px;
    align-items: center;
    padding: 56px 62px;
    background: #f4ede4;
    border: 1px solid #e6d9c9;
    border-radius: 26px;
}

.contact-hero-copy[b-ib5su136sz] {
    max-width: 700px;
}

.contact-kicker[b-ib5su136sz] {
    margin-bottom: 14px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #98704b;
}

.contact-hero h1[b-ib5su136sz] {
    margin: 0 0 22px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.6rem, 5vw, 4.4rem);
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #241c17;
}

.contact-lead[b-ib5su136sz] {
    margin: 0 0 16px;
    font-size: 1.08rem;
    line-height: 1.72;
    color: #554a42;
}

.contact-subtitle[b-ib5su136sz] {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
    line-height: 1.65;
    font-style: italic;
    color: #77695d;
}


/* Hero artwork */

.contact-hero-art[b-ib5su136sz] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 330px;
}

    .contact-hero-art img[b-ib5su136sz] {
        display: block;
        width: min(100%, 410px);
        height: auto;
        object-fit: contain;
    }


/* Contact cards */

.contact-details[b-ib5su136sz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 58px;
    border-top: 1px solid #dfd5c8;
    border-bottom: 1px solid #dfd5c8;
}

.contact-card[b-ib5su136sz] {
    padding: 38px 34px 40px;
}

    .contact-card + .contact-card[b-ib5su136sz] {
        border-left: 1px solid #dfd5c8;
    }

.contact-card-icon[b-ib5su136sz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 22px;
    border: 1px solid #cdbda8;
    border-radius: 50%;
    font-size: 1.2rem;
    line-height: 1;
    color: #8c6847;
}

.contact-card-content[b-ib5su136sz] {
    min-width: 0;
}

.contact-label[b-ib5su136sz] {
    margin-bottom: 8px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #9a744d;
}

.contact-card h2[b-ib5su136sz] {
    margin: 0 0 16px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.55rem;
    line-height: 1.15;
    font-weight: 500;
    color: #2b211b;
}

.contact-card p[b-ib5su136sz] {
    margin: 0 0 16px;
    font-size: 0.96rem;
    line-height: 1.7;
    color: #65594f;
}

.contact-value[b-ib5su136sz] {
    display: inline-block;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.08rem;
    line-height: 1.5;
    font-weight: 500;
    color: #6f4c2f;
    text-decoration: none;
    overflow-wrap: anywhere;
}

    .contact-value:hover[b-ib5su136sz] {
        text-decoration: underline;
        text-underline-offset: 3px;
    }

.contact-address[b-ib5su136sz] {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.75;
    font-style: normal;
    color: #5f554d;
}

    .contact-address strong[b-ib5su136sz] {
        color: #30251e;
    }


/* Closing statement */

.contact-thanks[b-ib5su136sz] {
    max-width: 720px;
    margin: 58px auto 0;
    padding: 44px 30px 0;
    text-align: center;
}

.contact-thanks-symbol[b-ib5su136sz] {
    margin-bottom: 14px;
    font-size: 1.3rem;
    color: #9b734b;
}

.contact-thanks h2[b-ib5su136sz] {
    margin: 0 0 12px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.9rem, 4vw, 2.8rem);
    line-height: 1.1;
    font-weight: 500;
    color: #2b211b;
}

.contact-thanks p[b-ib5su136sz] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    color: #72665b;
}


/* Tablet */

@media (max-width: 980px) {

    .contact-hero[b-ib5su136sz] {
        grid-template-columns: 1fr 0.75fr;
        gap: 38px;
        padding: 46px;
    }

    .contact-details[b-ib5su136sz] {
        grid-template-columns: 1fr;
    }

    .contact-card + .contact-card[b-ib5su136sz] {
        border-left: none;
        border-top: 1px solid #dfd5c8;
    }

    .contact-card[b-ib5su136sz] {
        display: grid;
        grid-template-columns: 54px 1fr;
        gap: 18px;
        padding: 30px 20px;
    }

    .contact-card-icon[b-ib5su136sz] {
        margin-bottom: 0;
    }
}


/* Mobile */

@media (max-width: 760px) {

    .contact-main[b-ib5su136sz] {
        width: min(100% - 28px, 1180px);
        padding-top: 22px;
    }

    .contact-breadcrumb[b-ib5su136sz] {
        margin-bottom: 20px;
    }

    .contact-hero[b-ib5su136sz] {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 34px 26px;
        border-radius: 20px;
    }

        .contact-hero h1[b-ib5su136sz] {
            font-size: clamp(2.35rem, 12vw, 3.5rem);
        }

    .contact-lead[b-ib5su136sz] {
        font-size: 1rem;
    }

    .contact-hero-art[b-ib5su136sz] {
        min-height: 0;
    }

        .contact-hero-art img[b-ib5su136sz] {
            width: min(100%, 340px);
        }

    .contact-details[b-ib5su136sz] {
        margin-top: 42px;
    }

    .contact-card[b-ib5su136sz] {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 32px 8px;
    }

    .contact-card-icon[b-ib5su136sz] {
        margin-bottom: 20px;
    }

    .contact-thanks[b-ib5su136sz] {
        margin-top: 36px;
        padding: 36px 12px 0;
    }
}
/* /Components/Pages/DetailedResearch.razor.rz.scp.css */
.research-page[b-uzjosw4ult] {
    --ink: #2f2538;
    --muted: #71677a;
    --soft-muted: #978d9e;
    --purple: #6f4f86;
    --purple-dark: #553969;
    --purple-soft: #eee7f3;
    --gold: #b7924c;
    --gold-soft: #f4ecdc;
    --paper: #fbf9f5;
    --paper-deep: #f5f1e9;
    --white: #ffffff;
    --border: #ded7ce;
    --border-soft: #ebe5dc;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 34px 70px;
    color: var(--ink);
}


/* =========================================================
   HEADER
   ========================================================= */

.site-header[b-uzjosw4ult] {
    display: flex;
    justify-content: center;
    padding: 26px 0 20px;
}

.brand[b-uzjosw4ult] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    color: var(--ink);
    text-decoration: none;
    line-height: 1;
}

.brand-primary[b-uzjosw4ult] {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.3rem;
    letter-spacing: 0.22em;
    font-weight: 700;
}

.brand-genie-row[b-uzjosw4ult] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
}

.brand-secondary[b-uzjosw4ult] {
    color: var(--purple);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.34em;
}

.brand-rule[b-uzjosw4ult] {
    height: 1px;
    flex: 1;
    background: var(--gold);
    opacity: 0.7;
}


/* =========================================================
   HERO
   ========================================================= */

.research-hero[b-uzjosw4ult] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
    align-items: center;
    gap: 56px;
    padding: 58px 64px;
    margin-top: 8px;
    border: 1px solid var(--border-soft);
    border-radius: 28px;
    background: radial-gradient( circle at 84% 24%, rgba(111, 79, 134, 0.08), transparent 36% ), linear-gradient( 135deg, #fcfaf6 0%, #f7f2e9 100% );
}

.research-hero-copy[b-uzjosw4ult] {
    max-width: 660px;
}

.page-eyebrow[b-uzjosw4ult],
.section-eyebrow[b-uzjosw4ult] {
    margin-bottom: 12px;
    color: var(--gold);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.research-hero h1[b-uzjosw4ult] {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3rem, 5vw, 5rem);
    line-height: 0.98;
    font-weight: 500;
    letter-spacing: -0.045em;
}

    .research-hero h1 em[b-uzjosw4ult] {
        display: block;
        color: var(--purple);
        font-weight: 400;
    }

.hero-lead[b-uzjosw4ult] {
    max-width: 640px;
    margin: 25px 0 0;
    color: var(--muted);
    font-size: 1.08rem;
    line-height: 1.75;
}

.hero-promise[b-uzjosw4ult] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: 610px;
    margin-top: 27px;
    padding-top: 22px;
    border-top: 1px solid rgba(183, 146, 76, 0.3);
    color: #554b5b;
    font-size: 0.93rem;
    line-height: 1.55;
}

.promise-mark[b-uzjosw4ult] {
    flex: 0 0 auto;
    color: var(--gold);
    font-size: 1rem;
    line-height: 1.2;
}

.research-hero-art[b-uzjosw4ult] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 310px;
}

    .research-hero-art img[b-uzjosw4ult] {
        display: block;
        width: 100%;
        max-width: 340px;
        max-height: 360px;
        object-fit: contain;
    }


/* =========================================================
   THREE-STEP INTRO STRIP
   ========================================================= */

.research-intro[b-uzjosw4ult] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 28px 0 46px;
    border: 1px solid var(--border-soft);
    border-radius: 18px;
    background: var(--white);
    overflow: hidden;
}

.intro-item[b-uzjosw4ult] {
    display: flex;
    gap: 15px;
    padding: 24px 26px;
}

    .intro-item + .intro-item[b-uzjosw4ult] {
        border-left: 1px solid var(--border-soft);
    }

.intro-number[b-uzjosw4ult] {
    color: var(--gold);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.4rem;
    line-height: 1;
}

.intro-item div[b-uzjosw4ult] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.intro-item strong[b-uzjosw4ult] {
    font-size: 0.94rem;
    font-weight: 700;
}

.intro-item span:not(.intro-number)[b-uzjosw4ult] {
    color: var(--muted);
    font-size: 0.82rem;
    line-height: 1.45;
}


/* =========================================================
   FORM STRUCTURE
   ========================================================= */

.research-form[b-uzjosw4ult] {
    display: flex;
    flex-direction: column;
}

.research-section[b-uzjosw4ult] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    padding: 56px 0;
    border-top: 1px solid var(--border-soft);
}

    .research-section:first-child[b-uzjosw4ult] {
        border-top: none;
    }

.section-marker[b-uzjosw4ult] {
    padding-top: 3px;
}

    .section-marker span[b-uzjosw4ult] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border: 1px solid rgba(183, 146, 76, 0.55);
        border-radius: 50%;
        color: var(--gold);
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1rem;
    }

.section-content[b-uzjosw4ult] {
    min-width: 0;
}

.section-heading[b-uzjosw4ult] {
    max-width: 760px;
    margin-bottom: 30px;
}

    .section-heading h2[b-uzjosw4ult] {
        margin: 0 0 11px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 2rem;
        font-weight: 500;
        letter-spacing: -0.025em;
    }

    .section-heading p[b-uzjosw4ult] {
        max-width: 680px;
        margin: 0;
        color: var(--muted);
        font-size: 0.97rem;
        line-height: 1.65;
    }


/* =========================================================
   PHOTO UPLOAD
   ========================================================= */

.image-upload-panel[b-uzjosw4ult] {
    position: relative;
    border: 1.5px dashed #cbbdcf;
    border-radius: 18px;
    background: linear-gradient( 135deg, rgba(111, 79, 134, 0.035), rgba(183, 146, 76, 0.035) );
    overflow: hidden;
    transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

    .image-upload-panel:hover[b-uzjosw4ult] {
        border-color: var(--purple);
        background-color: #faf7fb;
    }

.image-input[b-uzjosw4ult] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.upload-prompt[b-uzjosw4ult] {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 126px;
    padding: 24px 28px;
}

.upload-symbol[b-uzjosw4ult] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 50%;
    background: var(--purple-soft);
    color: var(--purple);
    font-size: 1.25rem;
}

.upload-copy[b-uzjosw4ult] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

    .upload-copy strong[b-uzjosw4ult] {
        font-size: 1rem;
    }

    .upload-copy span[b-uzjosw4ult] {
        color: var(--muted);
        font-size: 0.85rem;
    }

.upload-action[b-uzjosw4ult] {
    padding: 10px 18px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--white);
    color: var(--ink);
    font-size: 0.82rem;
    font-weight: 700;
}


/* =========================================================
   GENIE TIP
   ========================================================= */

.genie-tip[b-uzjosw4ult] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 18px;
    padding: 16px 18px;
    border-left: 3px solid var(--gold);
    background: #fbf7ee;
    color: #615668;
    font-size: 0.86rem;
    line-height: 1.55;
}

    .genie-tip p[b-uzjosw4ult] {
        margin: 0;
    }

.genie-tip-icon[b-uzjosw4ult] {
    color: var(--gold);
}


/* =========================================================
   IMAGE PREVIEWS
   ========================================================= */

.image-preview-grid[b-uzjosw4ult] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
    margin-top: 22px;
}

.image-preview[b-uzjosw4ult] {
    position: relative;
    aspect-ratio: 1 / 1;
    border: 1px solid var(--border-soft);
    border-radius: 14px;
    background: var(--paper-deep);
    overflow: hidden;
}

    .image-preview img[b-uzjosw4ult] {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

.remove-image[b-uzjosw4ult] {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    background: rgba(35, 27, 41, 0.82);
    color: #fff;
    font-size: 1.05rem;
    line-height: 1;
    cursor: pointer;
}

.image-number[b-uzjosw4ult] {
    position: absolute;
    left: 8px;
    bottom: 8px;
    min-width: 27px;
    height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--ink);
    font-size: 0.72rem;
    font-weight: 800;
}


/* =========================================================
   FORM CONTROLS
   ========================================================= */

.field[b-uzjosw4ult] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .field label[b-uzjosw4ult] {
        color: #463b4b;
        font-size: 0.82rem;
        font-weight: 700;
    }

.optional[b-uzjosw4ult] {
    margin-left: 5px;
    color: var(--soft-muted);
    font-size: 0.7rem;
    font-weight: 500;
}

.field input[b-uzjosw4ult],
.field select[b-uzjosw4ult],
.field textarea[b-uzjosw4ult],
.dimension-grid input[b-uzjosw4ult],
.dimension-grid select[b-uzjosw4ult],
.weight-row input[b-uzjosw4ult],
.weight-row select[b-uzjosw4ult] {
    width: 100%;
    border: 1px solid #d9d1c7;
    border-radius: 10px;
    background: #fff;
    color: var(--ink);
    font-family: inherit;
    font-size: 0.94rem;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.field input[b-uzjosw4ult],
.field select[b-uzjosw4ult],
.dimension-grid input[b-uzjosw4ult],
.dimension-grid select[b-uzjosw4ult],
.weight-row input[b-uzjosw4ult],
.weight-row select[b-uzjosw4ult] {
    min-height: 45px;
    padding: 9px 12px;
}

.field textarea[b-uzjosw4ult] {
    padding: 12px 14px;
    line-height: 1.55;
    resize: vertical;
}

    .field input:focus[b-uzjosw4ult],
    .field select:focus[b-uzjosw4ult],
    .field textarea:focus[b-uzjosw4ult],
    .dimension-grid input:focus[b-uzjosw4ult],
    .dimension-grid select:focus[b-uzjosw4ult],
    .weight-row input:focus[b-uzjosw4ult],
    .weight-row select:focus[b-uzjosw4ult] {
        border-color: rgba(111, 79, 134, 0.72);
        box-shadow: 0 0 0 3px rgba(111, 79, 134, 0.09);
    }

    .field input[b-uzjosw4ult]::placeholder,
    .field textarea[b-uzjosw4ult]::placeholder {
        color: #aaa1aa;
    }


/* =========================================================
   MEASUREMENTS
   ========================================================= */

.measurement-panel[b-uzjosw4ult] {
    padding: 25px;
    border: 1px solid var(--border-soft);
    border-radius: 16px;
    background: var(--paper);
}

.dimension-grid[b-uzjosw4ult] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) 1.15fr;
    gap: 14px;
}

.measurement-divider[b-uzjosw4ult] {
    height: 1px;
    margin: 24px 0;
    background: var(--border-soft);
}

.weight-row[b-uzjosw4ult] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(160px, 0.7fr);
    gap: 14px;
    max-width: 440px;
}


/* =========================================================
   CLUES
   ========================================================= */

.clue-grid[b-uzjosw4ult] {
    display: grid;
    gap: 21px;
}

.full-width[b-uzjosw4ult] {
    width: 100%;
}


/* =========================================================
   NOTES / ERRORS
   ========================================================= */

.field-note[b-uzjosw4ult] {
    margin-top: 11px;
    color: var(--muted);
    font-size: 0.8rem;
    line-height: 1.45;
}

.field-error[b-uzjosw4ult] {
    margin-top: 13px;
    padding: 11px 13px;
    border: 1px solid #e0b6b4;
    border-radius: 9px;
    background: #fff4f3;
    color: #8b3f3a;
    font-size: 0.82rem;
}


/* =========================================================
   CREDITS / WALLET
   ========================================================= */

.credits-section[b-uzjosw4ult] {
    padding-bottom: 50px;
}

.credits-panel[b-uzjosw4ult] {
    max-width: 670px;
    padding: 25px;
    border: 1px solid #dacfab;
    border-radius: 16px;
    background: linear-gradient( 145deg, #fbf8f0, #f7f1e5 );
}

.wallet-entry[b-uzjosw4ult] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 13px;
}

.wallet-button[b-uzjosw4ult] {
    min-height: 45px;
    padding: 0 20px;
    border: 1px solid var(--purple);
    border-radius: 9px;
    background: transparent;
    color: var(--purple);
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .wallet-button:hover[b-uzjosw4ult] {
        background: var(--purple);
        color: #fff;
    }

.wallet-purchase[b-uzjosw4ult] {
    margin-top: 15px;
    color: var(--muted);
    font-size: 0.82rem;
}

    .wallet-purchase a[b-uzjosw4ult] {
        margin-left: 4px;
        color: var(--purple);
        font-weight: 700;
        text-decoration: none;
    }

        .wallet-purchase a:hover[b-uzjosw4ult] {
            text-decoration: underline;
        }

.wallet-balance[b-uzjosw4ult] {
    margin-bottom: 17px;
    color: var(--muted);
    font-size: 0.88rem;
}

.wallet-success[b-uzjosw4ult] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.wallet-success-icon[b-uzjosw4ult] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #e5eee2;
    color: #41603a;
    font-weight: 800;
}

.wallet-success div[b-uzjosw4ult] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.wallet-success strong[b-uzjosw4ult] {
    font-size: 0.94rem;
}

.wallet-success span[b-uzjosw4ult] {
    color: var(--muted);
    font-size: 0.82rem;
}


/* =========================================================
   FINALE / CTA
   ========================================================= */

.research-finale[b-uzjosw4ult] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 45px;
    align-items: center;
    margin: 16px 0 60px;
    padding: 42px 46px;
    border-radius: 22px;
    background: radial-gradient( circle at 92% 20%, rgba(183, 146, 76, 0.13), transparent 32% ), #33283c;
    color: #fff;
}

.finale-copy[b-uzjosw4ult] {
    max-width: 640px;
}

    .finale-copy .section-eyebrow[b-uzjosw4ult] {
        color: #d9bb7a;
    }

    .finale-copy h2[b-uzjosw4ult] {
        margin: 0 0 10px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 2rem;
        font-weight: 500;
    }

    .finale-copy p[b-uzjosw4ult] {
        margin: 0;
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.93rem;
        line-height: 1.6;
    }

.finale-action[b-uzjosw4ult] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.research-button[b-uzjosw4ult] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 24px;
    border: 0;
    border-radius: 999px;
    background: #f2dfac;
    color: #35293d;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 9px 22px rgba(0, 0, 0, 0.15);
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

    .research-button:hover:not(:disabled)[b-uzjosw4ult] {
        transform: translateY(-1px);
        box-shadow: 0 11px 25px rgba(0, 0, 0, 0.2);
    }

    .research-button:disabled[b-uzjosw4ult] {
        cursor: not-allowed;
        opacity: 0.48;
        box-shadow: none;
    }

.button-arrow[b-uzjosw4ult] {
    font-size: 1rem;
}

.button-spark[b-uzjosw4ult] {
    color: var(--purple);
}

.submit-note[b-uzjosw4ult] {
    max-width: 270px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.72rem;
    text-align: right;
}


/* =========================================================
   RESULTS
   ========================================================= */

.research-result[b-uzjosw4ult] {
    margin: 70px 0 30px;
}

.result-heading[b-uzjosw4ult] {
    margin-bottom: 25px;
    text-align: center;
}

    .result-heading h2[b-uzjosw4ult] {
        margin: 0;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 2.3rem;
        font-weight: 500;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 960px) {

    .research-hero[b-uzjosw4ult] {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 46px 40px;
    }

    .research-hero-art[b-uzjosw4ult] {
        min-height: 220px;
    }

        .research-hero-art img[b-uzjosw4ult] {
            max-height: 280px;
        }

    .dimension-grid[b-uzjosw4ult] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .research-intro[b-uzjosw4ult] {
        grid-template-columns: 1fr;
    }

    .intro-item + .intro-item[b-uzjosw4ult] {
        border-left: 0;
        border-top: 1px solid var(--border-soft);
    }

    .research-finale[b-uzjosw4ult] {
        grid-template-columns: 1fr;
    }

    .finale-action[b-uzjosw4ult] {
        align-items: flex-start;
    }

    .submit-note[b-uzjosw4ult] {
        text-align: left;
    }
}


@media (max-width: 700px) {

    .research-page[b-uzjosw4ult] {
        padding: 0 18px 50px;
    }

    .site-header[b-uzjosw4ult] {
        padding-top: 20px;
    }

    .research-hero[b-uzjosw4ult] {
        padding: 34px 24px;
        border-radius: 20px;
    }

        .research-hero h1[b-uzjosw4ult] {
            font-size: 3rem;
        }

    .research-section[b-uzjosw4ult] {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 42px 0;
    }

    .section-marker[b-uzjosw4ult] {
        padding: 0;
    }

        .section-marker span[b-uzjosw4ult] {
            width: 36px;
            height: 36px;
        }

    .dimension-grid[b-uzjosw4ult] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .weight-row[b-uzjosw4ult] {
        grid-template-columns: 1fr 1fr;
    }

    .image-preview-grid[b-uzjosw4ult] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .upload-prompt[b-uzjosw4ult] {
        align-items: flex-start;
        min-height: 0;
        padding: 22px;
    }

    .upload-action[b-uzjosw4ult] {
        display: none;
    }

    .wallet-entry[b-uzjosw4ult] {
        grid-template-columns: 1fr;
    }

    .wallet-button[b-uzjosw4ult] {
        width: 100%;
    }

    .research-finale[b-uzjosw4ult] {
        padding: 32px 25px;
    }

    .research-button[b-uzjosw4ult] {
        width: 100%;
    }

    .finale-action[b-uzjosw4ult] {
        width: 100%;
    }
}


@media (max-width: 440px) {

    .research-hero h1[b-uzjosw4ult] {
        font-size: 2.6rem;
    }

    .dimension-grid[b-uzjosw4ult],
    .weight-row[b-uzjosw4ult] {
        grid-template-columns: 1fr;
    }

    .image-preview-grid[b-uzjosw4ult] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-gzkw5ewmun] {
    min-height: 100vh;
    background: #fbf8f3;
    color: #2f172e;
}


/* HEADER
-------------------------------------------------- */

.hero[b-gzkw5ewmun] {
    position: relative;
    min-height: 680px;
    overflow: hidden;
    background-image: url('/images/home/genie-hero.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-header[b-gzkw5ewmun] {
    position: relative;
    z-index: 3;
    width: min(1440px, calc(100% - 80px));
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /* Keep navigation in the clear area above Genie's hair */
    padding-top: 18px;
}


/* BRAND
-------------------------------------------------- */

.brand[b-gzkw5ewmun] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    color: inherit;
    text-decoration: none;
    line-height: 1;
}

.brand-primary[b-gzkw5ewmun],
.brand-secondary[b-gzkw5ewmun] {
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: 0.055em;
}

.brand-primary[b-gzkw5ewmun] {
    font-size: 2.1rem;
    color: #32152f;
}


/* GENIE row with decorative rule + sparkle */

.brand-genie-row[b-gzkw5ewmun] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 3px;
}

.brand-rule[b-gzkw5ewmun] {
    width: 34px;
    height: 1px;
    background: #c6923c;
}

.brand-secondary[b-gzkw5ewmun] {
    font-size: 1.75rem;
    color: #b47d28;
}

.brand-sparkle[b-gzkw5ewmun] {
    display: inline-block;
    color: #d0a04e;
    font-size: 1.35rem;
    line-height: 1;
    transform: translateY(-1px);
}


/* Original Antiques Genie tagline */

.brand-tagline[b-gzkw5ewmun] {
    width: 100%;
    margin-top: 9px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8rem;
    letter-spacing: 0.02em;
    color: #574b55;
}


/* NAVIGATION
-------------------------------------------------- */

.main-nav[b-gzkw5ewmun] {
    display: flex;
    align-items: center;
    gap: 38px;
    /*
       Pull navigation upward relative to the prior version.
       It should occupy the clean strip along the very top.
    */
    margin-top: 0;
    padding-top: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
}

    .main-nav a[b-gzkw5ewmun] {
        color: #241622;
        text-decoration: none;
        white-space: nowrap;
    }

        .main-nav a:hover[b-gzkw5ewmun] {
            color: #8b5d22;
        }

.ask-genie-nav[b-gzkw5ewmun] {
    padding: 12px 19px;
    border: 1px solid rgba(47, 23, 46, 0.75);
    border-radius: 12px;
}

/* HERO COPY
-------------------------------------------------- */

.hero-content[b-gzkw5ewmun] {
    position: relative;
    z-index: 1;
    width: min(1440px, calc(100% - 80px));
    margin: 0 auto;
    padding-top: 82px;
}
    .hero-content h1[b-gzkw5ewmun] {
        margin: 0;
        max-width: 520px;
        font-family: Georgia, 'Times New Roman', serif;
        font-size: clamp(4rem, 5.7vw, 6.3rem);
        font-weight: 400;
        line-height: 0.93;
        letter-spacing: -0.04em;
        color: #35142f;
    }

.hero-intro[b-gzkw5ewmun] {
    margin: 30px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3rem;
    line-height: 1.45;
    color: #32252f;
}


/* SMALL NOTE
-------------------------------------------------- */

.hero-note[b-gzkw5ewmun] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 155px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.88rem;
    color: #362b33;
}

.hero-sparkle[b-gzkw5ewmun] {
    color: #c79238;
    font-size: 1.15rem;
}

.hero-dot[b-gzkw5ewmun] {
    margin: 0 2px;
}

/* HERO ACTIONS
-------------------------------------------------- */

.hero-actions[b-gzkw5ewmun] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 320px;
    margin-top: 28px;
}

.hero-button[b-gzkw5ewmun] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 54px;
    padding: 0 22px;
    border-radius: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}

    .hero-button:hover[b-gzkw5ewmun] {
        transform: translateY(-1px);
    }


/* PRIMARY */

.hero-button-primary[b-gzkw5ewmun] {
    color: #fff;
    background: #3b1837;
    border: 1px solid #3b1837;
    box-shadow: 0 5px 14px rgba(59, 24, 55, 0.12);
}

    .hero-button-primary:hover[b-gzkw5ewmun] {
        color: #fff;
        background: #4a2045;
        box-shadow: 0 7px 18px rgba(59, 24, 55, 0.16);
    }


/* SECONDARY */

.hero-button-secondary[b-gzkw5ewmun] {
    color: #32152f;
    background: rgba(255, 255, 255, 0.42);
    border: 1px solid rgba(50, 21, 47, 0.8);
}

    .hero-button-secondary:hover[b-gzkw5ewmun] {
        color: #32152f;
        background: rgba(255, 255, 255, 0.7);
    }


/* ICONS */

.hero-button-icon[b-gzkw5ewmun] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    font-size: 1.15rem;
    line-height: 1;
}

/* STORY / FINDINGS SECTION
-------------------------------------------------- */

.story-section[b-gzkw5ewmun] {
    padding: 58px 60px;
    background: #f7f2e9;
    color: #2f172e;
}

.story-inner[b-gzkw5ewmun] {
    width: min(1380px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.9fr 1.35fr;
    gap: 58px;
    align-items: center;
}


/* LEFT COPY
-------------------------------------------------- */

.story-copy h2[b-gzkw5ewmun] {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 2.35rem;
    font-weight: 400;
    line-height: 1.08;
    color: #32152f;
}

.story-intro[b-gzkw5ewmun] {
    max-width: 470px;
    margin: 20px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.55;
    color: #453740;
}


/* FINDINGS
-------------------------------------------------- */

.story-findings[b-gzkw5ewmun] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 28px;
    margin-top: 34px;
}

.finding-item[b-gzkw5ewmun] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.finding-icon[b-gzkw5ewmun] {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    object-fit: contain;
}

.finding-item h3[b-gzkw5ewmun] {
    margin: 2px 0 5px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.05rem;
    font-weight: 400;
    color: #32152f;
}

.finding-item p[b-gzkw5ewmun] {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.82rem;
    line-height: 1.4;
    color: #574a53;
}


/* EXAMPLE RESULT
-------------------------------------------------- */

.story-example[b-gzkw5ewmun] {
    display: grid;
    grid-template-columns: minmax(240px, 1.1fr) minmax(220px, 1fr) 135px;
    min-height: 390px;
    overflow: hidden;
    border: 1px solid rgba(81, 58, 64, 0.14);
    border-radius: 10px;
    background: #fffdf9;
    box-shadow: 0 10px 28px rgba(64, 43, 48, 0.08);
}


/* MAIN IMAGE
-------------------------------------------------- */

.example-main-image[b-gzkw5ewmun] {
    overflow: hidden;
    background: #e8dfd3;
}

    .example-main-image img[b-gzkw5ewmun] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


/* RESULT TEXT
-------------------------------------------------- */

.example-result[b-gzkw5ewmun] {
    display: flex;
    flex-direction: column;
    padding: 44px 34px 32px;
}

.example-label[b-gzkw5ewmun] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.72rem;
    letter-spacing: 0.11em;
    color: #b68230;
}

.example-result h3[b-gzkw5ewmun] {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.3;
    color: #2f172e;
}

.example-maker[b-gzkw5ewmun],
.example-date[b-gzkw5ewmun] {
    margin-top: 6px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1rem;
    color: #40313c;
}

.example-confidence[b-gzkw5ewmun] {
    margin-top: 38px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.88rem;
    color: #352934;
}

    .example-confidence strong[b-gzkw5ewmun] {
        color: #3b824b;
        font-weight: 500;
    }

.example-button[b-gzkw5ewmun] {
    align-self: flex-start;
    margin-top: 24px;
    padding: 11px 22px;
    border: 1px solid #4b3247;
    border-radius: 6px;
    color: #32152f;
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.86rem;
    text-decoration: none;
}

    .example-button:hover[b-gzkw5ewmun] {
        background: #f4eee8;
    }


/* THUMBNAILS
-------------------------------------------------- */

.example-thumbnails[b-gzkw5ewmun] {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    gap: 6px;
    padding: 0 0 0 6px;
}

    .example-thumbnails img[b-gzkw5ewmun] {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 0;
        object-fit: cover;
        border-radius: 5px;
    }


/* RESPONSIVE
-------------------------------------------------- */

@media (max-width: 1100px) {

    .story-inner[b-gzkw5ewmun] {
        grid-template-columns: 1fr;
    }

    .story-copy[b-gzkw5ewmun] {
        max-width: 760px;
        margin: 0 auto;
    }

    .story-example[b-gzkw5ewmun] {
        max-width: 900px;
        width: 100%;
        margin: 0 auto;
    }
}


@media (max-width: 700px) {

    .story-section[b-gzkw5ewmun] {
        padding: 42px 20px;
    }

    .story-findings[b-gzkw5ewmun] {
        grid-template-columns: 1fr;
    }

    .story-example[b-gzkw5ewmun] {
        grid-template-columns: 1fr;
    }

    .example-main-image[b-gzkw5ewmun] {
        height: 340px;
    }

    .example-thumbnails[b-gzkw5ewmun] {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: none;
        padding: 6px 0 0;
    }

        .example-thumbnails img[b-gzkw5ewmun] {
            height: 130px;
        }
}


/* RESPONSIVE
-------------------------------------------------- */

@media (max-width: 1100px) {

    .hero[b-gzkw5ewmun] {
        min-height: 650px;
        background-position: 58% top;
    }

    .main-nav[b-gzkw5ewmun] {
        gap: 24px;
    }

    .hero-content[b-gzkw5ewmun] {
        padding-top: 100px;
    }

    .hero-note[b-gzkw5ewmun] {
        margin-top: 130px;
    }
}


@media (max-width: 850px) {

    .hero-header[b-gzkw5ewmun] {
        width: calc(100% - 40px);
    }

    .main-nav[b-gzkw5ewmun] {
        display: none;
    }

    .hero[b-gzkw5ewmun] {
        min-height: 760px;
        background-position: 65% top;
    }

    .hero-content[b-gzkw5ewmun] {
        width: calc(100% - 40px);
        padding-top: 90px;
    }

        .hero-content h1[b-gzkw5ewmun] {
            font-size: clamp(3.4rem, 13vw, 5rem);
        }

    .hero-intro[b-gzkw5ewmun] {
        font-size: 1.1rem;
    }

    .hero-note[b-gzkw5ewmun] {
        margin-top: 310px;
    }
}


@media (max-width: 560px) {

    .hero[b-gzkw5ewmun] {
        min-height: 720px;
        background-size: auto 720px;
        background-position: 61% top;
    }

    .brand-primary[b-gzkw5ewmun] {
        font-size: 1.65rem;
    }

    .brand-secondary[b-gzkw5ewmun] {
        font-size: 1.4rem;
        padding-left: 29px;
    }

    .brand-tagline[b-gzkw5ewmun] {
        padding-left: 12px;
        font-size: 0.72rem;
    }

    .hero-content[b-gzkw5ewmun] {
        padding-top: 80px;
    }

        .hero-content h1[b-gzkw5ewmun] {
            max-width: 340px;
        }

    .hero-intro br[b-gzkw5ewmun] {
        display: none;
    }

    .hero-intro[b-gzkw5ewmun] {
        max-width: 300px;
    }

    .hero-note[b-gzkw5ewmun] {
        margin-top: 315px;
        gap: 7px;
        font-size: 0.77rem;
    }
}

/* OUT OF THE LAMP
-------------------------------------------------- */

.services-section[b-gzkw5ewmun] {
    position: relative;
    padding: 42px 60px 52px;
    background: #fffdf9;
    color: #2f172e;
}


/* HEADING
-------------------------------------------------- */

.services-heading[b-gzkw5ewmun] {
    text-align: center;
}

    .services-heading h2[b-gzkw5ewmun] {
        margin: 0;
        font-family: Georgia, 'Times New Roman', serif;
        font-size: 1.65rem;
        font-weight: 400;
        letter-spacing: 0.18em;
        color: #b37b28;
    }

    .services-heading p[b-gzkw5ewmun] {
        margin: 8px 0 0;
        font-family: Georgia, 'Times New Roman', serif;
        font-size: 1.05rem;
        line-height: 1.3;
        color: #241822;
    }


/* SERVICE FLOW
-------------------------------------------------- */

.services-flow[b-gzkw5ewmun] {
    width: min(1320px, 100%);
    margin: 20px auto 0;
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 34px minmax(180px, 1fr) 34px minmax(180px, 1fr) 34px minmax(180px, 1fr);
    align-items: start;
    column-gap: 12px;
}


/* EACH SERVICE
-------------------------------------------------- */

.service-item[b-gzkw5ewmun] {
    text-align: center;
}

.service-image-wrap[b-gzkw5ewmun] {
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-image[b-gzkw5ewmun] {
    display: block;
    width: auto;
    max-width: 175px;
    max-height: 135px;
    object-fit: contain;
}


/* NUMBER + TITLE
-------------------------------------------------- */

.service-title-row[b-gzkw5ewmun] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 5px;
}

.service-number[b-gzkw5ewmun] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 50%;
    background: #3d1938;
    color: #fff;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 0.9rem;
}

.service-title-row h3[b-gzkw5ewmun] {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.45rem;
    font-weight: 400;
    color: #251822;
}


/* FREE LABEL
-------------------------------------------------- */

.service-free[b-gzkw5ewmun] {
    margin-top: 2px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1rem;
    color: #b37b28;
}


/* DESCRIPTION
-------------------------------------------------- */

.service-item p[b-gzkw5ewmun] {
    margin: 16px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.82rem;
    line-height: 1.45;
    color: #251d24;
}

.service-free + p[b-gzkw5ewmun] {
    margin-top: 9px;
}


/* GOLD ARROWS
-------------------------------------------------- */

.service-arrow[b-gzkw5ewmun] {
    display: flex;
    justify-content: center;
    padding-top: 67px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1;
    color: #d3a348;
}


/* BUTTON
-------------------------------------------------- */

.services-action[b-gzkw5ewmun] {
    margin-top: 28px;
    text-align: center;
}

.services-button[b-gzkw5ewmun] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 300px;
    min-height: 44px;
    padding: 0 25px;
    border-radius: 5px;
    background: #3b1837;
    color: #fff;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 0.92rem;
    text-decoration: none;
    transition: background-color 120ms ease, transform 120ms ease;
}

    .services-button:hover[b-gzkw5ewmun] {
        color: #fff;
        background: #4b2146;
        transform: translateY(-1px);
    }


/* RESPONSIVE
-------------------------------------------------- */

@media (max-width: 1000px) {

    .services-section[b-gzkw5ewmun] {
        padding-left: 30px;
        padding-right: 30px;
    }

    .services-flow[b-gzkw5ewmun] {
        grid-template-columns: 1fr 1fr;
        gap: 40px 30px;
    }

    .service-arrow[b-gzkw5ewmun] {
        display: none;
    }
}


@media (max-width: 600px) {

    .services-section[b-gzkw5ewmun] {
        padding: 38px 20px 44px;
    }

    .services-heading h2[b-gzkw5ewmun] {
        font-size: 1.4rem;
    }

    .services-heading p[b-gzkw5ewmun] {
        font-size: 1rem;
    }

    .services-flow[b-gzkw5ewmun] {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .service-image-wrap[b-gzkw5ewmun] {
        height: 145px;
    }

    .service-image[b-gzkw5ewmun] {
        max-width: 190px;
        max-height: 145px;
    }

    .services-button[b-gzkw5ewmun] {
        width: 100%;
        min-width: 0;
    }

    /* RESPONSIVE
-------------------------------------------------- */

    @media (max-width: 1100px) {

        .story-inner[b-gzkw5ewmun] {
            grid-template-columns: 1fr;
        }

        .story-copy[b-gzkw5ewmun] {
            max-width: 760px;
            margin: 0 auto;
        }

        .story-example[b-gzkw5ewmun] {
            max-width: 900px;
            width: 100%;
            margin: 0 auto;
        }
    }


    @media (max-width: 700px) {

        .story-section[b-gzkw5ewmun] {
            padding: 42px 20px;
        }

        .story-findings[b-gzkw5ewmun] {
            grid-template-columns: 1fr;
        }

        .story-example[b-gzkw5ewmun] {
            grid-template-columns: 1fr;
        }

        .example-main-image[b-gzkw5ewmun] {
            height: 340px;
        }

        .example-thumbnails[b-gzkw5ewmun] {
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: none;
            padding: 6px 0 0;
        }

            .example-thumbnails img[b-gzkw5ewmun] {
                height: 130px;
            }
    }
}

/* ASK GENIE BAND
-------------------------------------------------- */

.ask-section[b-gzkw5ewmun] {
    position: relative;
    min-height: 180px;
    display: flex;
    align-items: center;
    background-image: url('/images/home/home-ask-genie-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

    .ask-section[b-gzkw5ewmun]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 90deg, rgba(35, 11, 34, 0.05) 0%, rgba(35, 11, 34, 0.15) 35%, rgba(35, 11, 34, 0.28) 100% );
    }

.ask-inner[b-gzkw5ewmun] {
    position: relative;
    z-index: 1;
    width: min(1180px, calc(100% - 80px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 50px;
    /*
       Leaves the lamp and smoke visible
       on the left side of the artwork.
    */
    padding-left: 300px;
}


/* COPY
-------------------------------------------------- */

.ask-copy h2[b-gzkw5ewmun] {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 2.35rem;
    font-weight: 400;
    line-height: 1.05;
    color: #e7c66e;
}

.ask-copy p[b-gzkw5ewmun] {
    margin: 12px 0 0;
    max-width: 650px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.05rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.94);
}


/* BUTTON
-------------------------------------------------- */

.ask-section-button[b-gzkw5ewmun] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 190px;
    min-height: 58px;
    padding: 0 26px;
    border: 1px solid rgba(255, 221, 137, 0.75);
    border-radius: 12px;
    background: linear-gradient( 135deg, #c89432, #e4bd60 );
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.18);
    transition: transform 120ms ease, box-shadow 120ms ease;
}

    .ask-section-button:hover[b-gzkw5ewmun] {
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 9px 24px rgba(0, 0, 0, 0.23);
    }

.ask-section-icon[b-gzkw5ewmun] {
    font-size: 1.2rem;
}


/* RESPONSIVE
-------------------------------------------------- */

@media (max-width: 1000px) {

    .ask-inner[b-gzkw5ewmun] {
        padding-left: 220px;
    }
}


@media (max-width: 760px) {

    .ask-section[b-gzkw5ewmun] {
        min-height: 310px;
        background-position: 28% center;
    }

    .ask-inner[b-gzkw5ewmun] {
        width: calc(100% - 40px);
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 110px 0 30px;
        text-align: center;
    }

    .ask-copy h2[b-gzkw5ewmun] {
        font-size: 2rem;
    }

    .ask-copy p[b-gzkw5ewmun] {
        margin-left: auto;
        margin-right: auto;
    }

    .ask-action[b-gzkw5ewmun] {
        text-align: center;
    }
}

.identify-drop-zone[b-gzkw5ewmun]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    clip: rect(0, 0, 0, 0);
}

.identify-secondary-button[b-gzkw5ewmun]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    clip: rect(0, 0, 0, 0);
}

.service-item-link[b-gzkw5ewmun] {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.service-item-link:hover[b-gzkw5ewmun] {
    transform: translateY(-4px);
}

.service-item-link:hover h3[b-gzkw5ewmun] {
    text-decoration: underline;
    text-underline-offset: 4px;
}
/* /Components/Pages/Identify.razor.rz.scp.css */
/* =========================================================
   IDENTIFY PAGE
   ========================================================= */

.identify-page[b-5rs18klk66] {
    --ink: #241d24;
    --muted: #6f6670;
    --paper: #f7f1e8;
    --paper-deep: #eee3d3;
    --panel: #fffdf9;
    --rule: rgba(36, 29, 36, 0.14);
    --purple: #6c4b78;
    --purple-dark: #4f355a;
    --gold: #b18a52;
    --success: #668167;
    min-height: 100vh;
    background: radial-gradient(circle at 85% 8%, rgba(177, 138, 82, 0.08), transparent 24rem), var(--paper);
    color: var(--ink);
}

    .identify-page main[b-5rs18klk66] {
        width: min(1180px, calc(100% - 40px));
        margin: 0 auto;
    }


/* =========================================================
   SHARED TYPOGRAPHY
   ========================================================= */

.section-kicker[b-5rs18klk66] {
    margin-bottom: 12px;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--gold);
}

.identify-page h1[b-5rs18klk66],
.identify-page h2[b-5rs18klk66],
.identify-page h3[b-5rs18klk66],
.identify-page h4[b-5rs18klk66] {
    margin-top: 0;
    color: var(--ink);
}

.identify-page h1[b-5rs18klk66],
.identify-page h2[b-5rs18klk66] {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 400;
}

.identify-page p[b-5rs18klk66] {
    line-height: 1.7;
}


/* =========================================================
   HERO
   ========================================================= */

.identify-hero[b-5rs18klk66] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
    gap: 70px;
    align-items: center;
    padding: 84px 0 72px;
    border-bottom: 1px solid var(--rule);
}

.identify-hero-copy[b-5rs18klk66] {
    max-width: 680px;
}

.identify-hero h1[b-5rs18klk66] {
    margin-bottom: 26px;
    font-size: clamp(3.2rem, 6vw, 6rem);
    line-height: 0.94;
    letter-spacing: -0.045em;
}

    .identify-hero h1 em[b-5rs18klk66] {
        color: var(--purple);
        font-weight: 400;
    }

.identify-hero-lede[b-5rs18klk66] {
    max-width: 650px;
    margin: 0 0 28px;
    font-size: 1.15rem;
    color: var(--muted);
}

.identify-free-note[b-5rs18klk66] {
    display: flex;
    gap: 14px;
    align-items: center;
}

.free-mark[b-5rs18klk66] {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(102, 129, 103, 0.35);
    border-radius: 50%;
    background: rgba(102, 129, 103, 0.09);
    color: var(--success);
    font-weight: 800;
}

.identify-free-note div[b-5rs18klk66] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.identify-free-note strong[b-5rs18klk66] {
    font-size: 0.95rem;
}

.identify-free-note span[b-5rs18klk66] {
    font-size: 0.88rem;
    color: var(--muted);
}


/* =========================================================
   HERO ART
   ========================================================= */

.identify-hero-art[b-5rs18klk66] {
    position: relative;
}

.hero-art-frame[b-5rs18klk66] {
    overflow: hidden;
    min-height: 430px;
    border: 1px solid var(--rule);
    background: linear-gradient( 145deg, rgba(108, 75, 120, 0.08), rgba(177, 138, 82, 0.08) );
}

    .hero-art-frame img[b-5rs18klk66] {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 430px;
        object-fit: cover;
    }

.hero-art-caption[b-5rs18klk66] {
    display: flex;
    gap: 12px;
    align-items: center;
    width: fit-content;
    margin: -24px 0 0 28px;
    padding: 14px 20px;
    position: relative;
    background: var(--ink);
    color: white;
    font-size: 0.86rem;
    letter-spacing: 0.03em;
}

    .hero-art-caption span[b-5rs18klk66] {
        color: #d8bd91;
        font-weight: 800;
    }


/* =========================================================
   WORKSPACE
   ========================================================= */

.identify-workspace[b-5rs18klk66] {
    padding: 78px 0 84px;
}

.identify-workspace-intro[b-5rs18klk66] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: end;
    margin-bottom: 34px;
}

    .identify-workspace-intro h2[b-5rs18klk66] {
        margin-bottom: 0;
        font-size: clamp(2.4rem, 4vw, 3.7rem);
        line-height: 1;
    }

    .identify-workspace-intro > p[b-5rs18klk66] {
        max-width: 520px;
        margin: 0;
        color: var(--muted);
    }


/* =========================================================
   UPLOAD PANEL
   ========================================================= */

.upload-panel[b-5rs18klk66] {
    border: 1px solid var(--rule);
    background: rgba(255, 253, 249, 0.7);
}

.identify-drop-zone[b-5rs18klk66] {
    position: relative;
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 26px;
    align-items: center;
    min-height: 210px;
    padding: 44px;
    cursor: pointer;
    transition: background 160ms ease, border-color 160ms ease;
}

    .identify-drop-zone:hover[b-5rs18klk66] {
        background: #fffdf9;
    }

    .identify-drop-zone input[type="file"][b-5rs18klk66] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
    }

.drop-symbol[b-5rs18klk66] {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    border: 1px solid rgba(108, 75, 120, 0.24);
    border-radius: 50%;
    background: rgba(108, 75, 120, 0.06);
}

    .drop-symbol span[b-5rs18klk66] {
        margin-top: -5px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 3.3rem;
        font-weight: 300;
        color: var(--purple);
    }

.drop-copy[b-5rs18klk66] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .drop-copy strong[b-5rs18klk66] {
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.65rem;
        font-weight: 400;
    }

    .drop-copy span[b-5rs18klk66] {
        color: var(--muted);
        font-size: 0.9rem;
    }

.drop-command[b-5rs18klk66] {
    padding-bottom: 4px;
    border-bottom: 1px solid var(--purple);
    color: var(--purple-dark);
    font-weight: 700;
    white-space: nowrap;
}


/* =========================================================
   IMAGE PREVIEW
   ========================================================= */

.identify-preview[b-5rs18klk66] {
    display: grid;
    grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
}

.identify-preview-image[b-5rs18klk66] {
    min-height: 420px;
    background: #e7ded3;
}

    .identify-preview-image img[b-5rs18klk66] {
        display: block;
        width: 100%;
        height: 100%;
        max-height: 520px;
        object-fit: contain;
    }

.identify-preview-copy[b-5rs18klk66] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 52px;
}

    .identify-preview-copy h3[b-5rs18klk66] {
        overflow-wrap: anywhere;
        margin-bottom: 14px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 2rem;
        font-weight: 400;
    }

    .identify-preview-copy p[b-5rs18klk66] {
        max-width: 500px;
        margin: 0 0 28px;
        color: var(--muted);
    }


/* =========================================================
   BUTTONS
   ========================================================= */

.identify-primary-button[b-5rs18klk66],
.research-button[b-5rs18klk66],
.identify-closing-action[b-5rs18klk66] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-height: 50px;
    padding: 0 24px;
    border: 1px solid var(--purple-dark);
    background: var(--purple-dark);
    color: white;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background 150ms ease, transform 150ms ease;
}

    .identify-primary-button:hover[b-5rs18klk66],
    .research-button:hover[b-5rs18klk66],
    .identify-closing-action:hover[b-5rs18klk66] {
        background: #3f2949;
        color: white;
        transform: translateY(-1px);
    }

    .identify-primary-button:disabled[b-5rs18klk66] {
        cursor: default;
        opacity: 0.62;
        transform: none;
    }

.preview-secondary-actions[b-5rs18klk66] {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 18px;
}

.identify-secondary-button[b-5rs18klk66] {
    position: relative;
    color: var(--purple);
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
}

    .identify-secondary-button input[b-5rs18klk66] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
    }

.identify-text-button[b-5rs18klk66] {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: 0.88rem;
    cursor: pointer;
}

    .identify-text-button:hover[b-5rs18klk66] {
        color: var(--ink);
    }


/* =========================================================
   ERROR / BUSY
   ========================================================= */

.identify-error[b-5rs18klk66] {
    margin: 0 32px 32px;
    padding: 14px 18px;
    border-left: 3px solid #9a4949;
    background: rgba(154, 73, 73, 0.07);
    color: #743636;
    font-size: 0.9rem;
}

.genie-thinking[b-5rs18klk66] {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    min-height: 90px;
    color: var(--purple-dark);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.05rem;
    font-style: italic;
}

.genie-thinking-orb[b-5rs18klk66] {
    position: relative;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(108, 75, 120, 0.35);
    border-radius: 50%;
    animation: genie-orbit-b-5rs18klk66 1.6s linear infinite;
}

.genie-thinking-core[b-5rs18klk66] {
    position: absolute;
    top: 4px;
    left: 50%;
    width: 7px;
    height: 7px;
    margin-left: -3.5px;
    border-radius: 50%;
    background: var(--purple);
}

@keyframes genie-orbit-b-5rs18klk66 {
    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   RESULT SECTION
   ========================================================= */

.result-section[b-5rs18klk66] {
    padding: 78px 0 92px;
    border-top: 1px solid var(--rule);
}

.result-section-heading[b-5rs18klk66],
.sample-section-heading[b-5rs18klk66] {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: end;
    margin-bottom: 34px;
}

    .result-section-heading h2[b-5rs18klk66],
    .sample-section-heading h2[b-5rs18klk66] {
        margin-bottom: 0;
        font-size: clamp(2.4rem, 4vw, 3.7rem);
        line-height: 1;
    }

.confidence-pill[b-5rs18klk66] {
    display: inline-flex;
    gap: 9px;
    align-items: center;
    padding: 9px 13px;
    border: 1px solid var(--rule);
    background: rgba(255, 255, 255, 0.42);
    font-size: 0.82rem;
    color: var(--muted);
    white-space: nowrap;
}

    .confidence-pill span[b-5rs18klk66] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--success);
    }


/* =========================================================
   RESULT CARD
   ========================================================= */

.result-card[b-5rs18klk66],
.sample-result-card[b-5rs18klk66] {
    border: 1px solid var(--rule);
    background: var(--panel);
}

.result-lead[b-5rs18klk66] {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 24px;
    padding: 46px;
    border-bottom: 1px solid var(--rule);
}

.result-number[b-5rs18klk66] {
    padding-top: 8px;
    color: var(--gold);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.15em;
}

.result-lead h3[b-5rs18klk66] {
    margin-bottom: 12px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 400;
    line-height: 1.08;
}

.result-lead p[b-5rs18klk66] {
    max-width: 780px;
    margin: 0;
    color: var(--muted);
    font-size: 1.02rem;
}


/* =========================================================
   FACT GRID
   ========================================================= */

.result-facts[b-5rs18klk66] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-bottom: 1px solid var(--rule);
}

.result-fact[b-5rs18klk66] {
    min-height: 120px;
    padding: 28px 30px;
    border-right: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
}

    .result-fact:nth-child(3n)[b-5rs18klk66] {
        border-right: 0;
    }

    .result-fact span[b-5rs18klk66] {
        display: block;
        margin-bottom: 8px;
        color: var(--muted);
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .result-fact strong[b-5rs18klk66] {
        display: block;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.1rem;
        font-weight: 400;
        line-height: 1.45;
    }


/* =========================================================
   EVIDENCE + LIMITATIONS
   ========================================================= */

.result-detail-grid[b-5rs18klk66] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.result-evidence[b-5rs18klk66],
.result-limitations[b-5rs18klk66] {
    padding: 42px 44px;
}

.result-evidence[b-5rs18klk66] {
    border-right: 1px solid var(--rule);
}

.result-detail-grid h4[b-5rs18klk66] {
    margin-bottom: 20px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.7rem;
    font-weight: 400;
}

.result-detail-grid ul[b-5rs18klk66] {
    margin: 0;
    padding-left: 20px;
}

.result-detail-grid li[b-5rs18klk66] {
    margin-bottom: 12px;
    padding-left: 3px;
    color: var(--muted);
    line-height: 1.65;
}

    .result-detail-grid li:last-child[b-5rs18klk66] {
        margin-bottom: 0;
    }


/* =========================================================
   RESULT NEXT STEP
   ========================================================= */

.result-next-step[b-5rs18klk66] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 50px;
    align-items: center;
    padding: 40px 44px;
    border-top: 1px solid var(--rule);
    background: var(--paper-deep);
}

    .result-next-step h4[b-5rs18klk66] {
        margin-bottom: 10px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.65rem;
        font-weight: 400;
    }

    .result-next-step p[b-5rs18klk66] {
        max-width: 720px;
        margin: 0;
        color: var(--muted);
    }

.research-button[b-5rs18klk66] {
    white-space: nowrap;
}


/* =========================================================
   DISCLAIMER
   ========================================================= */

.result-disclaimer[b-5rs18klk66] {
    padding: 26px 44px 30px;
    border-top: 1px solid var(--rule);
    font-size: 0.78rem;
    color: #817780;
}

    .result-disclaimer strong[b-5rs18klk66] {
        display: block;
        margin-bottom: 5px;
        color: #696069;
    }

    .result-disclaimer p[b-5rs18klk66] {
        margin: 0;
        line-height: 1.55;
    }


/* =========================================================
   SAMPLE SECTION
   ========================================================= */

.sample-section[b-5rs18klk66] {
    padding: 82px 0 94px;
    border-top: 1px solid var(--rule);
}

.sample-section-heading > p[b-5rs18klk66] {
    max-width: 430px;
    margin: 0;
    color: var(--muted);
}

.sample-object[b-5rs18klk66] {
    display: grid;
    grid-template-columns: minmax(330px, 0.85fr) minmax(0, 1.15fr);
    min-height: 460px;
    border-bottom: 1px solid var(--rule);
}

.sample-image[b-5rs18klk66] {
    background: #dfd5ca;
}

    .sample-image img[b-5rs18klk66] {
        display: block;
        width: 100%;
        height: 100%;
        max-height: 560px;
        object-fit: cover;
    }

.sample-copy[b-5rs18klk66] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 52px;
}

.sample-label-row[b-5rs18klk66] {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: center;
    margin-bottom: 26px;
}

.sample-label[b-5rs18klk66] {
    color: var(--gold);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.sample-copy h3[b-5rs18klk66] {
    margin-bottom: 18px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    font-weight: 400;
    line-height: 1.05;
}

.sample-copy p[b-5rs18klk66] {
    margin: 0;
    color: var(--muted);
}

.sample-facts[b-5rs18klk66] {
    grid-template-columns: repeat(4, 1fr);
}

    .sample-facts .result-fact:nth-child(3n)[b-5rs18klk66] {
        border-right: 1px solid var(--rule);
    }

    .sample-facts .result-fact:last-child[b-5rs18klk66] {
        border-right: 0;
    }


/* =========================================================
   CLOSING CTA
   ========================================================= */

.identify-closing[b-5rs18klk66] {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
    margin-bottom: 90px;
    padding: 54px 58px;
    background: var(--ink);
    color: white;
}

    .identify-closing .section-kicker[b-5rs18klk66] {
        color: #d8bd91;
    }

    .identify-closing h2[b-5rs18klk66] {
        margin: 0;
        color: white;
        font-size: clamp(2.4rem, 5vw, 4.2rem);
    }

.identify-closing-action[b-5rs18klk66] {
    border-color: white;
    background: white;
    color: var(--ink);
    white-space: nowrap;
}

    .identify-closing-action:hover[b-5rs18klk66] {
        background: #f1ebe2;
        color: var(--ink);
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 960px) {

    .identify-hero[b-5rs18klk66] {
        grid-template-columns: 1fr;
        gap: 45px;
        padding-top: 60px;
    }

    .identify-hero-art[b-5rs18klk66] {
        max-width: 650px;
    }

    .identify-workspace-intro[b-5rs18klk66] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .identify-preview[b-5rs18klk66] {
        grid-template-columns: 1fr;
    }

    .identify-preview-image[b-5rs18klk66] {
        min-height: 300px;
    }

    .result-facts[b-5rs18klk66] {
        grid-template-columns: repeat(2, 1fr);
    }

    .result-fact:nth-child(3n)[b-5rs18klk66] {
        border-right: 1px solid var(--rule);
    }

    .result-fact:nth-child(2n)[b-5rs18klk66] {
        border-right: 0;
    }

    .sample-object[b-5rs18klk66] {
        grid-template-columns: 1fr;
    }

    .sample-image[b-5rs18klk66] {
        max-height: 500px;
    }

    .sample-facts[b-5rs18klk66] {
        grid-template-columns: repeat(2, 1fr);
    }

        .sample-facts .result-fact:nth-child(2n)[b-5rs18klk66] {
            border-right: 0;
        }

    .result-next-step[b-5rs18klk66] {
        grid-template-columns: 1fr;
        gap: 26px;
    }
}


@media (max-width: 700px) {

    .identify-page main[b-5rs18klk66] {
        width: min(100% - 28px, 1180px);
    }

    .identify-hero[b-5rs18klk66] {
        padding: 48px 0 55px;
    }

        .identify-hero h1[b-5rs18klk66] {
            font-size: clamp(3rem, 14vw, 4.8rem);
        }

    .hero-art-frame[b-5rs18klk66],
    .hero-art-frame img[b-5rs18klk66] {
        min-height: 310px;
    }

    .hero-art-caption[b-5rs18klk66] {
        margin-left: 15px;
    }

    .identify-workspace[b-5rs18klk66] {
        padding: 58px 0 64px;
    }

    .identify-drop-zone[b-5rs18klk66] {
        grid-template-columns: 60px 1fr;
        gap: 18px;
        padding: 30px 24px;
    }

    .drop-symbol[b-5rs18klk66] {
        width: 58px;
        height: 58px;
    }

        .drop-symbol span[b-5rs18klk66] {
            font-size: 2.6rem;
        }

    .drop-command[b-5rs18klk66] {
        grid-column: 2;
        width: fit-content;
    }

    .identify-preview-copy[b-5rs18klk66] {
        padding: 34px 26px;
    }

    .result-section-heading[b-5rs18klk66],
    .sample-section-heading[b-5rs18klk66] {
        display: block;
    }

        .result-section-heading .confidence-pill[b-5rs18klk66] {
            margin-top: 20px;
        }

        .sample-section-heading > p[b-5rs18klk66] {
            margin-top: 20px;
        }

    .result-lead[b-5rs18klk66] {
        grid-template-columns: 1fr;
        padding: 32px 26px;
    }

    .result-number[b-5rs18klk66] {
        padding-top: 0;
    }

    .result-facts[b-5rs18klk66],
    .sample-facts[b-5rs18klk66] {
        grid-template-columns: 1fr;
    }

        .result-fact[b-5rs18klk66],
        .result-fact:nth-child(2n)[b-5rs18klk66],
        .result-fact:nth-child(3n)[b-5rs18klk66],
        .sample-facts .result-fact[b-5rs18klk66],
        .sample-facts .result-fact:nth-child(2n)[b-5rs18klk66],
        .sample-facts .result-fact:nth-child(3n)[b-5rs18klk66] {
            border-right: 0;
        }

    .result-detail-grid[b-5rs18klk66] {
        grid-template-columns: 1fr;
    }

    .result-evidence[b-5rs18klk66] {
        border-right: 0;
        border-bottom: 1px solid var(--rule);
    }

    .result-evidence[b-5rs18klk66],
    .result-limitations[b-5rs18klk66] {
        padding: 34px 26px;
    }

    .result-next-step[b-5rs18klk66],
    .result-disclaimer[b-5rs18klk66] {
        padding-left: 26px;
        padding-right: 26px;
    }

    .sample-copy[b-5rs18klk66] {
        padding: 36px 26px;
    }

    .sample-label-row[b-5rs18klk66] {
        display: block;
    }

        .sample-label-row .confidence-pill[b-5rs18klk66] {
            width: fit-content;
            margin-top: 15px;
        }

    .identify-closing[b-5rs18klk66] {
        display: block;
        padding: 38px 28px;
    }

    .identify-closing-action[b-5rs18klk66] {
        margin-top: 28px;
    }
}
/* /Components/Pages/Order.razor.rz.scp.css */
.order-page[b-f55sqmujis] {
    --ink: #2f2538;
    --muted: #71677a;
    --soft-muted: #978d9e;
    --purple: #6f4f86;
    --purple-dark: #553969;
    --purple-soft: #eee7f3;
    --gold: #b7924c;
    --gold-soft: #f4ecdc;
    --paper: #fbf9f5;
    --paper-deep: #f5f1e9;
    --white: #ffffff;
    --border: #ded7ce;
    --border-soft: #ebe5dc;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 34px 72px;
    color: var(--ink);
}


/* =========================================================
   HEADER
   ========================================================= */

.site-header[b-f55sqmujis] {
    display: flex;
    justify-content: center;
    padding: 26px 0 20px;
}

.brand[b-f55sqmujis] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    color: var(--ink);
    text-decoration: none;
    line-height: 1;
}

.brand-primary[b-f55sqmujis] {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.22em;
}

.brand-genie-row[b-f55sqmujis] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
}

.brand-secondary[b-f55sqmujis] {
    color: var(--purple);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.34em;
}

.brand-rule[b-f55sqmujis] {
    height: 1px;
    flex: 1;
    background: var(--gold);
    opacity: 0.7;
}


/* =========================================================
   SHARED TYPOGRAPHY
   ========================================================= */

.page-eyebrow[b-f55sqmujis],
.section-eyebrow[b-f55sqmujis] {
    margin-bottom: 12px;
    color: var(--gold);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}


/* =========================================================
   HERO
   ========================================================= */

.order-hero[b-f55sqmujis] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
    align-items: center;
    gap: 54px;
    padding: 58px 64px;
    margin-top: 8px;
    border: 1px solid var(--border-soft);
    border-radius: 28px;
    background: radial-gradient( circle at 85% 22%, rgba(111, 79, 134, 0.09), transparent 36% ), linear-gradient( 135deg, #fcfaf6 0%, #f7f2e9 100% );
}

.order-hero-copy[b-f55sqmujis] {
    max-width: 650px;
}

.order-hero h1[b-f55sqmujis] {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3rem, 5vw, 5rem);
    line-height: 0.98;
    font-weight: 500;
    letter-spacing: -0.045em;
}

    .order-hero h1 em[b-f55sqmujis] {
        display: block;
        color: var(--purple);
        font-weight: 400;
    }

.hero-lead[b-f55sqmujis] {
    max-width: 620px;
    margin: 25px 0 0;
    color: var(--muted);
    font-size: 1.08rem;
    line-height: 1.75;
}

.hero-note[b-f55sqmujis] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: 600px;
    margin-top: 27px;
    padding-top: 22px;
    border-top: 1px solid rgba(183, 146, 76, 0.3);
    color: #554b5b;
    font-size: 0.93rem;
    line-height: 1.55;
}

.hero-note-mark[b-f55sqmujis] {
    flex: 0 0 auto;
    color: var(--gold);
    font-size: 1rem;
    line-height: 1.2;
}

.order-hero-art[b-f55sqmujis] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}

    .order-hero-art img[b-f55sqmujis] {
        display: block;
        width: 100%;
        max-width: 330px;
        max-height: 355px;
        object-fit: contain;
    }


/* =========================================================
   SERVICE INTRO
   ========================================================= */

.service-intro[b-f55sqmujis] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin: 52px 0 22px;
}

    .service-intro h2[b-f55sqmujis] {
        margin: 0 0 8px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 2.25rem;
        font-weight: 500;
        letter-spacing: -0.025em;
    }

    .service-intro p[b-f55sqmujis] {
        margin: 0;
        color: var(--muted);
        font-size: 0.95rem;
        line-height: 1.6;
    }

.service-intro-credit[b-f55sqmujis] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
    color: var(--muted);
    white-space: nowrap;
}

    .service-intro-credit > span[b-f55sqmujis] {
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .service-intro-credit strong[b-f55sqmujis] {
        color: var(--ink);
        font-family: Georgia, "Times New Roman", serif;
        font-size: 2rem;
        font-weight: 500;
    }

    .service-intro-credit small[b-f55sqmujis] {
        margin-left: 2px;
        color: var(--muted);
        font-family: inherit;
        font-size: 0.72rem;
        font-weight: 500;
    }


/* =========================================================
   SERVICE MENU
   ========================================================= */

.service-menu[b-f55sqmujis] {
    overflow: hidden;
    border: 1px solid var(--border-soft);
    border-radius: 20px;
    background: var(--white);
}

.service-menu-header[b-f55sqmujis] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 105px 155px 110px;
    align-items: center;
    min-height: 50px;
    padding: 0 26px;
    border-bottom: 1px solid var(--border-soft);
    background: var(--paper);
    color: var(--soft-muted);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.service-column:not(.service-column-name)[b-f55sqmujis] {
    text-align: center;
}

.service-column-total[b-f55sqmujis] {
    text-align: right !important;
}


/* =========================================================
   SERVICE ROWS
   ========================================================= */

.service-row[b-f55sqmujis] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 105px 155px 110px;
    align-items: center;
    min-height: 136px;
    padding: 25px 26px;
    border-bottom: 1px solid var(--border-soft);
}

    .service-row:last-child[b-f55sqmujis] {
        border-bottom: none;
    }

.service-row-available[b-f55sqmujis] {
    position: relative;
    background: linear-gradient( 90deg, rgba(111, 79, 134, 0.035), transparent 38% );
}

    .service-row-available[b-f55sqmujis]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: var(--purple);
    }

.service-row-coming[b-f55sqmujis] {
    grid-template-columns: minmax(0, 1fr) 230px;
    background: #fcfbf8;
}

    .service-row-coming .service-identity[b-f55sqmujis] {
        opacity: 0.7;
    }

.service-row-extra[b-f55sqmujis] {
    background: linear-gradient( 90deg, rgba(183, 146, 76, 0.055), transparent 40% );
}


/* =========================================================
   SERVICE IDENTITY
   ========================================================= */

.service-identity[b-f55sqmujis] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-width: 0;
    padding-right: 24px;
}

.service-icon[b-f55sqmujis] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border: 1px solid #d8cedd;
    border-radius: 50%;
    background: var(--purple-soft);
    color: var(--purple);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
}

.research-icon[b-f55sqmujis] {
    border-color: rgba(183, 146, 76, 0.55);
    background: var(--gold-soft);
    color: var(--gold);
}

.extra-credit-icon[b-f55sqmujis] {
    border-color: rgba(183, 146, 76, 0.55);
    background: var(--gold-soft);
    color: var(--gold);
}

.service-copy[b-f55sqmujis] {
    min-width: 0;
}

.service-title-row[b-f55sqmujis] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 7px;
}

    .service-title-row strong[b-f55sqmujis],
    .service-copy > strong[b-f55sqmujis] {
        color: var(--ink);
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.12rem;
        font-weight: 600;
    }

.service-description[b-f55sqmujis] {
    max-width: 590px;
    color: var(--muted);
    font-size: 0.84rem;
    line-height: 1.55;
}

.service-details[b-f55sqmujis] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    color: var(--purple);
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
}

    .service-details:hover[b-f55sqmujis] {
        text-decoration: underline;
    }


/* =========================================================
   BADGES
   ========================================================= */

.available-badge[b-f55sqmujis],
.coming-soon-badge[b-f55sqmujis] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.available-badge[b-f55sqmujis] {
    border: 1px solid #cbd9c5;
    background: #eff5ec;
    color: #496441;
}

.coming-soon-badge[b-f55sqmujis] {
    border: 1px solid #ded8d0;
    background: #f5f2ed;
    color: #8c847d;
}


/* =========================================================
   CREDIT VALUES
   ========================================================= */

.service-value[b-f55sqmujis],
.service-extended[b-f55sqmujis] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: center;
}

    .service-value strong[b-f55sqmujis],
    .service-extended strong[b-f55sqmujis] {
        color: var(--ink);
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.25rem;
        font-weight: 600;
    }

    .service-value span[b-f55sqmujis],
    .service-extended span[b-f55sqmujis] {
        color: var(--soft-muted);
        font-size: 0.68rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }

.service-extended[b-f55sqmujis] {
    text-align: right;
}


/* =========================================================
   QUANTITY CONTROL
   ========================================================= */

.service-quantity[b-f55sqmujis] {
    display: flex;
    justify-content: center;
}

.quantity-control[b-f55sqmujis] {
    display: grid;
    grid-template-columns: 36px 54px 36px;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid #d9d1c7;
    border-radius: 999px;
    background: #fff;
}

    .quantity-control button[b-f55sqmujis] {
        border: 0;
        background: transparent;
        color: var(--purple);
        font-family: inherit;
        font-size: 1.1rem;
        cursor: pointer;
    }

        .quantity-control button:hover[b-f55sqmujis] {
            background: var(--purple-soft);
        }

    .quantity-control input[b-f55sqmujis] {
        width: 100%;
        min-width: 0;
        padding: 0;
        border: 0;
        border-left: 1px solid var(--border-soft);
        border-right: 1px solid var(--border-soft);
        background: #fff;
        color: var(--ink);
        font-family: inherit;
        font-size: 0.85rem;
        font-weight: 700;
        text-align: center;
        outline: none;
    }

        .quantity-control input[b-f55sqmujis]::-webkit-outer-spin-button,
        .quantity-control input[b-f55sqmujis]::-webkit-inner-spin-button {
            margin: 0;
            -webkit-appearance: none;
        }

        .quantity-control input[type="number"][b-f55sqmujis] {
            -moz-appearance: textfield;
        }


/* =========================================================
   COMING SOON
   ========================================================= */

.coming-soon-area[b-f55sqmujis] {
    justify-self: end;
    color: var(--soft-muted);
    font-size: 0.74rem;
    font-style: italic;
}


/* =========================================================
   ORDER SUMMARY
   ========================================================= */

.order-summary[b-f55sqmujis] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 0;
    margin-top: 34px;
    overflow: hidden;
    border: 1px solid var(--border-soft);
    border-radius: 22px;
    background: var(--white);
}

.summary-main[b-f55sqmujis] {
    padding: 34px 38px;
}

.summary-heading[b-f55sqmujis] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--border-soft);
}

    .summary-heading h2[b-f55sqmujis] {
        margin: 0;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 2rem;
        font-weight: 500;
    }

.summary-mark[b-f55sqmujis] {
    color: var(--gold);
    font-size: 1.1rem;
}

.summary-detail[b-f55sqmujis] {
    min-height: 128px;
}

.summary-line[b-f55sqmujis] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 20px 0;
    border-bottom: 1px solid var(--border-soft);
}

    .summary-line > div:first-child[b-f55sqmujis] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .summary-line strong[b-f55sqmujis] {
        font-size: 0.9rem;
    }

    .summary-line span[b-f55sqmujis] {
        color: var(--muted);
        font-size: 0.76rem;
    }

.summary-line-total[b-f55sqmujis] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    white-space: nowrap;
}

    .summary-line-total strong[b-f55sqmujis] {
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.15rem;
    }

    .summary-line-total span[b-f55sqmujis] {
        color: var(--soft-muted);
        font-size: 0.65rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }


/* =========================================================
   EMPTY ORDER
   ========================================================= */

.empty-order[b-f55sqmujis] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 126px;
    color: var(--muted);
}

.empty-order-mark[b-f55sqmujis] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 50%;
    background: var(--gold-soft);
    color: var(--gold);
}

.empty-order div[b-f55sqmujis] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.empty-order strong[b-f55sqmujis] {
    color: var(--ink);
    font-size: 0.88rem;
}

.empty-order span:not(.empty-order-mark)[b-f55sqmujis] {
    font-size: 0.78rem;
}


/* =========================================================
   CHECKOUT PANEL
   ========================================================= */

.summary-checkout[b-f55sqmujis] {
    display: flex;
    flex-direction: column;
    padding: 34px 30px;
    background: radial-gradient( circle at 100% 0%, rgba(183, 146, 76, 0.13), transparent 36% ), #33283c;
    color: #fff;
}

.summary-total[b-f55sqmujis] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.total-credits[b-f55sqmujis],
.amount-due[b-f55sqmujis] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 20px;
}

    .total-credits span[b-f55sqmujis],
    .amount-due span[b-f55sqmujis] {
        color: rgba(255, 255, 255, 0.65);
        font-size: 0.76rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }

    .total-credits strong[b-f55sqmujis] {
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.65rem;
        font-weight: 500;
    }

.amount-due[b-f55sqmujis] {
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
}

    .amount-due strong[b-f55sqmujis] {
        color: #f3dda6;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 2.25rem;
        font-weight: 500;
    }

.credit-note[b-f55sqmujis] {
    margin-top: 28px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.78rem;
    line-height: 1.5;
}

.checkout-button[b-f55sqmujis] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-height: 52px;
    margin-top: auto;
    padding: 0 20px;
    border: 0;
    border-radius: 999px;
    background: #f2dfac;
    color: #35293d;
    font-family: inherit;
    font-size: 0.88rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 9px 22px rgba(0, 0, 0, 0.16);
    transition: transform 0.15s ease, opacity 0.15s ease, box-shadow 0.15s ease;
}

    .checkout-button:hover:not(:disabled)[b-f55sqmujis] {
        transform: translateY(-1px);
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.21);
    }

    .checkout-button:disabled[b-f55sqmujis] {
        cursor: not-allowed;
        opacity: 0.42;
        box-shadow: none;
    }

.checkout-reassurance[b-f55sqmujis] {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 11px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 0.65rem;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 980px) {

    .order-hero[b-f55sqmujis] {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 46px 40px;
    }

    .order-hero-art[b-f55sqmujis] {
        min-height: 220px;
    }

        .order-hero-art img[b-f55sqmujis] {
            max-height: 275px;
        }

    .service-menu-header[b-f55sqmujis] {
        display: none;
    }

    .service-row[b-f55sqmujis] {
        grid-template-columns: minmax(0, 1fr) 90px 145px 90px;
    }

    .service-row-coming[b-f55sqmujis] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .order-summary[b-f55sqmujis] {
        grid-template-columns: 1fr;
    }

    .summary-checkout[b-f55sqmujis] {
        min-height: 300px;
    }
}


@media (max-width: 760px) {

    .order-page[b-f55sqmujis] {
        padding: 0 18px 52px;
    }

    .order-hero[b-f55sqmujis] {
        padding: 34px 24px;
        border-radius: 20px;
    }

        .order-hero h1[b-f55sqmujis] {
            font-size: 3rem;
        }

    .service-intro[b-f55sqmujis] {
        align-items: flex-start;
    }

    .service-row[b-f55sqmujis] {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 24px 22px;
    }

    .service-row-coming[b-f55sqmujis] {
        grid-template-columns: 1fr;
    }

    .service-identity[b-f55sqmujis] {
        padding-right: 0;
    }

    .service-value[b-f55sqmujis],
    .service-extended[b-f55sqmujis] {
        align-items: flex-start;
        text-align: left;
    }

    .service-quantity[b-f55sqmujis] {
        justify-content: flex-start;
    }

    .coming-soon-area[b-f55sqmujis] {
        justify-self: start;
    }

    .service-row-available[b-f55sqmujis]::before {
        width: 3px;
    }

    .summary-main[b-f55sqmujis] {
        padding: 30px 24px;
    }

    .summary-checkout[b-f55sqmujis] {
        padding: 30px 24px;
    }
}


@media (max-width: 500px) {

    .service-intro[b-f55sqmujis] {
        flex-direction: column;
    }

    .service-intro-credit[b-f55sqmujis] {
        align-items: flex-start;
    }

    .order-hero h1[b-f55sqmujis] {
        font-size: 2.6rem;
    }

    .service-identity[b-f55sqmujis] {
        gap: 13px;
    }

    .service-icon[b-f55sqmujis] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .service-title-row[b-f55sqmujis] {
        align-items: flex-start;
    }

    .summary-line[b-f55sqmujis] {
        align-items: flex-start;
    }

    .summary-line-total[b-f55sqmujis] {
        min-width: 68px;
    }
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
.privacy-page[b-1zb1rcqr8k] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 2rem 1.5rem 5rem;
}

.privacy-hero[b-1zb1rcqr8k] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
    align-items: center;
    gap: 3rem;
    padding: 2.5rem 0 3rem;
    border-bottom: 1px solid rgba(84, 58, 112, .14);
}

.privacy-copy[b-1zb1rcqr8k] {
    max-width: 760px;
}

.privacy-kicker[b-1zb1rcqr8k] {
    margin-bottom: .7rem;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: #7b4b94;
}

.privacy-page h1[b-1zb1rcqr8k] {
    margin: 0 0 1rem;
    font-size: clamp(2.4rem, 5vw, 4.25rem);
    line-height: 1;
    font-weight: 700;
    color: #35263f;
}

.privacy-lead[b-1zb1rcqr8k] {
    margin: 0;
    max-width: 720px;
    font-size: 1.24rem;
    line-height: 1.65;
    color: #493d50;
}

.privacy-subtitle[b-1zb1rcqr8k] {
    margin: 1rem 0 0;
    max-width: 700px;
    font-size: 1rem;
    line-height: 1.65;
    color: #716675;
}

.privacy-art[b-1zb1rcqr8k] {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    min-height: 260px;
}

    .privacy-art img[b-1zb1rcqr8k] {
        display: block;
        width: min(100%, 360px);
        height: auto;
        object-fit: contain;
    }

.privacy-content[b-1zb1rcqr8k] {
    max-width: 850px;
    margin: 0 auto;
    padding-top: 2.75rem;
}

.privacy-section[b-1zb1rcqr8k] {
    margin-bottom: 2.7rem;
}

    .privacy-section h2[b-1zb1rcqr8k] {
        margin: 0 0 .85rem;
        font-size: 1.45rem;
        line-height: 1.25;
        font-weight: 700;
        color: #44304f;
    }

    .privacy-section p[b-1zb1rcqr8k] {
        margin: 0 0 1rem;
        font-size: 1rem;
        line-height: 1.75;
        color: #514a54;
    }

        .privacy-section p:last-child[b-1zb1rcqr8k] {
            margin-bottom: 0;
        }

.privacy-note[b-1zb1rcqr8k] {
    margin: .25rem 0 1.25rem;
    padding: 1rem 1.15rem;
    border-left: 4px solid #9f6ab6;
    border-radius: 0 8px 8px 0;
    background: rgba(153, 102, 181, .08);
    color: #514657;
    line-height: 1.6;
}

    .privacy-note strong[b-1zb1rcqr8k] {
        color: #422f4d;
    }

@media (max-width: 820px) {
    .privacy-page[b-1zb1rcqr8k] {
        padding: 1.25rem 1.15rem 4rem;
    }

    .privacy-hero[b-1zb1rcqr8k] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding-top: 1.5rem;
    }

    .privacy-art[b-1zb1rcqr8k] {
        min-height: 0;
        justify-content: center;
    }

        .privacy-art img[b-1zb1rcqr8k] {
            width: min(78vw, 320px);
        }

    .privacy-content[b-1zb1rcqr8k] {
        padding-top: 2rem;
    }
}

@media (max-width: 520px) {
    .privacy-page h1[b-1zb1rcqr8k] {
        font-size: 2.45rem;
    }

    .privacy-lead[b-1zb1rcqr8k] {
        font-size: 1.08rem;
    }

    .privacy-section[b-1zb1rcqr8k] {
        margin-bottom: 2.25rem;
    }

        .privacy-section h2[b-1zb1rcqr8k] {
            font-size: 1.28rem;
        }
}
/* /Components/Pages/Terms.razor.rz.scp.css */
.terms-page[b-5epc4f406g] {
    background: #fbf8f3;
    color: #2b211b;
}

.terms-main[b-5epc4f406g] {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 34px 0 76px;
}


/* Hero */

.terms-hero[b-5epc4f406g] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    gap: 58px;
    align-items: center;
    padding: 56px 62px;
    background: #f4ede4;
    border: 1px solid #e6d9c9;
    border-radius: 26px;
}

.terms-copy[b-5epc4f406g] {
    max-width: 700px;
}

.terms-kicker[b-5epc4f406g] {
    margin-bottom: 14px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #98704b;
}

.terms-copy h1[b-5epc4f406g] {
    margin: 0 0 22px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.7rem, 5vw, 4.5rem);
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.035em;
    color: #241c17;
}

.terms-lead[b-5epc4f406g] {
    margin: 0 0 18px;
    font-size: 1.08rem;
    line-height: 1.72;
    color: #554a42;
}

.terms-subtitle[b-5epc4f406g] {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
    line-height: 1.65;
    font-style: italic;
    color: #77695d;
}


/* Hero artwork */

.terms-art[b-5epc4f406g] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 330px;
}

    .terms-art img[b-5epc4f406g] {
        display: block;
        width: min(100%, 390px);
        height: auto;
        object-fit: contain;
    }


/* Terms content */

.terms-content[b-5epc4f406g] {
    max-width: 900px;
    margin: 56px auto 0;
}

.terms-section[b-5epc4f406g] {
    padding: 34px 0;
    border-bottom: 1px solid #e3d9cd;
}

    .terms-section:first-child[b-5epc4f406g] {
        padding-top: 0;
    }

    .terms-section:last-child[b-5epc4f406g] {
        border-bottom: none;
    }

    .terms-section h2[b-5epc4f406g] {
        margin: 0 0 17px;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.7rem;
        line-height: 1.18;
        font-weight: 500;
        color: #2a211b;
    }

    .terms-section p[b-5epc4f406g] {
        margin: 0 0 16px;
        font-size: 1rem;
        line-height: 1.78;
        color: #5f554d;
    }

        .terms-section p:last-child[b-5epc4f406g] {
            margin-bottom: 0;
        }


/* Highlight / warning notes */

.terms-note[b-5epc4f406g] {
    margin: 24px 0;
    padding: 20px 22px;
    background: #f3ece2;
    border-left: 3px solid #a77b50;
    border-radius: 0 10px 10px 0;
    font-size: 0.96rem;
    line-height: 1.7;
    color: #554a42;
}

    .terms-note strong[b-5epc4f406g] {
        color: #2f241d;
    }


/* Links inside terms text */

.terms-content a[b-5epc4f406g] {
    color: #7f5a38;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

    .terms-content a:hover[b-5epc4f406g] {
        color: #4f3420;
    }


/* Tablet */

@media (max-width: 960px) {

    .terms-hero[b-5epc4f406g] {
        grid-template-columns: 1fr 0.7fr;
        gap: 36px;
        padding: 46px;
    }

    .terms-art[b-5epc4f406g] {
        min-height: 280px;
    }

    .terms-content[b-5epc4f406g] {
        max-width: 820px;
    }
}


/* Mobile */

@media (max-width: 760px) {

    .terms-main[b-5epc4f406g] {
        width: min(100% - 28px, 1180px);
        padding-top: 22px;
    }

    .terms-hero[b-5epc4f406g] {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 34px 26px;
        border-radius: 20px;
    }

    .terms-copy h1[b-5epc4f406g] {
        font-size: clamp(2.4rem, 12vw, 3.5rem);
    }

    .terms-lead[b-5epc4f406g] {
        font-size: 1rem;
    }

    .terms-art[b-5epc4f406g] {
        min-height: 0;
    }

        .terms-art img[b-5epc4f406g] {
            width: min(100%, 330px);
        }

    .terms-content[b-5epc4f406g] {
        margin-top: 40px;
    }

    .terms-section[b-5epc4f406g] {
        padding: 28px 0;
    }

        .terms-section h2[b-5epc4f406g] {
            font-size: 1.45rem;
        }

        .terms-section p[b-5epc4f406g] {
            font-size: 0.96rem;
            line-height: 1.72;
        }

    .terms-note[b-5epc4f406g] {
        padding: 18px;
    }
}