@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Layout/AppLayout.razor.rz.scp.css */
/* All layout styles are in app.tailwind.css via Tailwind utilities */
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.public-footer[b-hbaw6kt7t0] { border-top: 1px solid #d9e2dc; background: #f7f9f6; padding: 48px 32px; }
.footer-content[b-hbaw6kt7t0] { max-width: 1200px; margin: auto; display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 40px; }
.footer-brand img[b-hbaw6kt7t0] { width: 126px; height: 32px; }
.footer-brand p[b-hbaw6kt7t0] { margin: 19px 0 23px; color: #52645f; font-size: 14px; line-height: 1.7; }
.footer-brand > span[b-hbaw6kt7t0] { color: #52645f; font-size: 10px; }
.footer-content nav[b-hbaw6kt7t0] { display: flex; flex-direction: column; align-items: flex-start; }
.footer-content strong[b-hbaw6kt7t0] { font-size: 12px; color: #172d29; font-weight: 650; display: block; margin-bottom: 12px; }
.footer-content nav a[b-hbaw6kt7t0], .footer-contact a[b-hbaw6kt7t0] { color: #52645f; font-size: 12px; line-height: 1.5; display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.footer-content a:hover[b-hbaw6kt7t0] { color: #0f7168; text-decoration: underline; text-underline-offset: 4px; }
.footer-contact p[b-hbaw6kt7t0] { color: #52645f; font-size: 12px; line-height: 1.8; margin: 18px 0 0; }
.footer-contact a[b-hbaw6kt7t0] { font-weight: 600; color: #0f7168; }
@media (max-width: 800px) { .footer-content[b-hbaw6kt7t0] { grid-template-columns: repeat(2,1fr); gap: 35px; } .public-footer[b-hbaw6kt7t0] { padding: 38px 20px; } }
@media (max-width: 400px) { .footer-content[b-hbaw6kt7t0] { gap: 30px 18px; } .footer-content nav a[b-hbaw6kt7t0] { font-size: 11px; } .footer-brand > span[b-hbaw6kt7t0] { font-size: 9px; } }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* nav-link styles live in tailwind.css @layer components */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-qqrd1cs4xb],
.components-reconnect-repeated-attempt-visible[b-qqrd1cs4xb],
.components-reconnect-failed-visible[b-qqrd1cs4xb],
.components-pause-visible[b-qqrd1cs4xb],
.components-resume-failed-visible[b-qqrd1cs4xb],
.components-rejoining-animation[b-qqrd1cs4xb] {
    display: none;
}

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


#components-reconnect-modal[b-qqrd1cs4xb] {
    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-qqrd1cs4xb 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-qqrd1cs4xb {
    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/Pages/Home.razor.rz.scp.css */
.marketing-home[b-0so7nswzb2] {
    --home-ink: #172d29; --home-green: #0f7168; --home-muted: #52645f; --home-line: #d9e2dc;
    color: var(--home-ink); font-family: 'Segoe UI', system-ui, sans-serif; overflow: clip;
}
.home-container[b-0so7nswzb2] { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.home-hero[b-0so7nswzb2] { display: grid; grid-template-columns: 1fr 1.06fr; align-items: center; gap: 48px; padding-block: 72px 78px; }
.hero-copy[b-0so7nswzb2] { padding-block: 12px; }
.eyebrow[b-0so7nswzb2] { display: flex; align-items: center; gap: 10px; margin: 0 0 23px; font-size: 11px; line-height: 1.5; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--home-green); }
.eyebrow-line[b-0so7nswzb2] { width: 26px; height: 2px; background: currentColor; flex-shrink: 0; }
.marketing-home h1[b-0so7nswzb2] { margin: 0; font-size: clamp(48px, 5.6vw, 76px); font-weight: 750; letter-spacing: -.065em; line-height: 1.03; }
.marketing-home h1 span[b-0so7nswzb2] { color: var(--home-green); }
.hero-lead[b-0so7nswzb2] { max-width: 475px; margin: 27px 0 28px; font-size: 18px; line-height: 1.75; color: var(--home-muted); }
.hero-actions[b-0so7nswzb2] { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 23px; }
.home-primary[b-0so7nswzb2] { min-height: 54px; padding-inline: 23px; font-size: 14px; gap: 24px; border-radius: 7px; box-shadow: 0 8px 18px #114f4b12; }
.home-primary span[b-0so7nswzb2] { font-size: 23px; font-weight: 400; line-height: 1; }
.home-text-link[b-0so7nswzb2], .feature-link[b-0so7nswzb2] { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 13px; font-weight: 650; color: var(--home-ink); text-decoration: none; }
.home-text-link:hover[b-0so7nswzb2], .feature-link:hover[b-0so7nswzb2] { color: var(--home-green); text-decoration: underline; text-underline-offset: 5px; }
.hero-offer[b-0so7nswzb2] { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: 17px 0 0; font-size: 11px; color: var(--home-muted); }
.small-check[b-0so7nswzb2] { color: var(--home-green); font-size: 14px; } .offer-divider[b-0so7nswzb2] { color: #819789; padding-inline: 3px; }
.hero-audience[b-0so7nswzb2] { display: flex; align-items: center; gap: 13px; margin-top: 37px; }
.audience-symbols[b-0so7nswzb2] { display: flex; padding-left: 3px; }
.audience-symbols span[b-0so7nswzb2] { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 50%; margin-left: -3px; border: 3px solid white; background: #e2ece7; font-size: 11px; font-weight: 750; color: #325b4d; }
.audience-symbols span:nth-child(2)[b-0so7nswzb2] { background: #eadfce; color: #675134; } .audience-symbols span:nth-child(3)[b-0so7nswzb2] { background: #dbe6ed; color: #405d70; }
.hero-audience p[b-0so7nswzb2] { margin: 0; font-size: 11px; line-height: 1.6; color: var(--home-muted); } .hero-audience strong[b-0so7nswzb2] { font-weight: 550; color: var(--home-ink); }
.hero-art[b-0so7nswzb2] { min-width: 0; }
.value-strip[b-0so7nswzb2] { border-block: 1px solid var(--home-line); background: #f7f9f6; }
.value-strip-inner[b-0so7nswzb2] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-block: 23px; }
.value-strip p[b-0so7nswzb2] { display: flex; align-items: center; gap: 14px; margin: 0; font-size: 12px; font-weight: 600; } .value-strip p span[b-0so7nswzb2] { font-size: 10px; letter-spacing: .03em; color: #687c70; font-weight: 500; }
.home-section[b-0so7nswzb2] { padding-block: 94px; }
.section-heading[b-0so7nswzb2] { display: flex; justify-content: space-between; align-items: flex-end; gap: 54px; margin-bottom: 38px; }
.section-heading .eyebrow[b-0so7nswzb2] { margin-bottom: 17px; }
.marketing-home h2[b-0so7nswzb2] { margin: 0; font-size: clamp(30px, 3.5vw, 44px); line-height: 1.13; letter-spacing: -.045em; font-weight: 700; }
.section-heading > p[b-0so7nswzb2] { max-width: 370px; margin: 0 0 3px; font-size: 15px; line-height: 1.8; color: var(--home-muted); }
#features[b-0so7nswzb2] { scroll-margin-top: 94px; }
.feature-grid[b-0so7nswzb2] { display: grid; grid-template-columns: 1.14fr 1fr; gap: 22px; }
.feature-card[b-0so7nswzb2] { display: flex; flex-direction: column; min-width: 0; padding: 31px 32px 23px; border-radius: 14px; border: 1px solid #dce5df; background: #f8faf7; overflow: hidden; }
.feature-topline[b-0so7nswzb2] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 23px; }
.feature-label[b-0so7nswzb2] { font-size: 10px; letter-spacing: .1em; font-weight: 700; text-transform: uppercase; color: #5d7468; }
.feature-symbol[b-0so7nswzb2] { width: 31px; height: 31px; display: grid; place-items: center; color: var(--home-green); font-size: 26px; line-height: 1; }
.feature-card h3[b-0so7nswzb2] { margin: 0 0 12px; font-size: 25px; line-height: 1.2; letter-spacing: -.025em; font-weight: 700; }
.feature-card > p[b-0so7nswzb2] { font-size: 15px; line-height: 1.8; max-width: 480px; margin: 0; color: var(--home-muted); }
.feature-link[b-0so7nswzb2] { justify-content: space-between; margin-top: 21px; border-top: 1px solid #dce5df; padding-top: 14px; min-height: 46px; }
.feature-link > span[b-0so7nswzb2] { font-size: 22px; font-weight: 400; }
.finance-example[b-0so7nswzb2] { background: white; padding: 20px; border: 1px solid #d6e2da; border-radius: 9px; margin-top: 27px; box-shadow: 0 10px 25px #173d2a06; }
.example-heading[b-0so7nswzb2] { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12px; font-weight: 650; }
.example-caption[b-0so7nswzb2] { font-size: 10px; line-height: 1.5; font-weight: 400; color: #64756d; }
.finance-totals[b-0so7nswzb2] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 22px; }
.finance-totals div[b-0so7nswzb2] { display: flex; flex-direction: column; gap: 7px; } .finance-totals span[b-0so7nswzb2] { font-size: 10px; color: var(--home-muted); } .finance-totals strong[b-0so7nswzb2] { font-size: 21px; letter-spacing: -.025em; white-space: nowrap; } .finance-totals div:last-child strong[b-0so7nswzb2] { color: var(--home-green); }
.balance-track[b-0so7nswzb2] { height: 5px; margin: 17px 0 19px; border-radius: 4px; background: #e7ede8; overflow: hidden; } .balance-track span[b-0so7nswzb2] { display: block; width: 66.666%; height: 100%; background: #0f7d75; }
.ledger-line[b-0so7nswzb2] { display: flex; align-items: center; gap: 10px; padding-top: 14px; border-top: 1px solid #e8eee9; font-size: 11px; } .ledger-line > span:nth-child(2)[b-0so7nswzb2] { flex: 1; } .ledger-line small[b-0so7nswzb2] { display: block; font-size: 9px; color: var(--home-muted); margin-top: 3px; }
.mini-icon[b-0so7nswzb2] { display: grid; place-items: center; width: 29px; height: 29px; background: #e8f2ed; border-radius: 6px; font-size: 18px; color: var(--home-green); } .status-label[b-0so7nswzb2] { font-size: 9px; border-radius: 4px; background: #eef4ef; color: #41674e; padding: 4px 6px; }
.meeting-card[b-0so7nswzb2] { background: #f7f2e9; border-color: #e8dfd0; } .meeting-card .feature-label[b-0so7nswzb2] { color: #7d674a; } .meeting-card .feature-link[b-0so7nswzb2] { border-color: #e1d7c6; } .meeting-card .feature-symbol[b-0so7nswzb2] { color: #99713f; }
.meeting-example[b-0so7nswzb2] { margin-top: 27px; display: flex; align-items: center; flex-direction: column; gap: 10px; flex: 1; justify-content: center; }
.paper-preview[b-0so7nswzb2] { width: 88%; padding: 19px 22px; background: white; box-shadow: 5px 5px 0 #eee5d6; border: 1px solid #e4dccd; border-radius: 3px; transform: rotate(-2deg); }
.paper-tab[b-0so7nswzb2] { display: block; font-size: 8px; font-weight: 650; letter-spacing: .13em; color: #90704e; margin-bottom: 9px; } .paper-preview > strong[b-0so7nswzb2] { font-size: 17px; line-height: 1.4; display: block; }
.paper-line[b-0so7nswzb2] { display: block; height: 4px; background: #e8ece7; margin-top: 9px; border-radius: 2px; } .paper-line.short[b-0so7nswzb2] { width: 70%; } .paper-preview > div[b-0so7nswzb2] { display: flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 8px; color: #637466; } .paper-seal[b-0so7nswzb2] { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid #91b4a4; border-radius: 50%; color: #4f816b; font-size: 12px; }
.conversation-card[b-0so7nswzb2] { background: #f0f5f7; border-color: #d9e3e8; } .conversation-card .feature-label[b-0so7nswzb2] { color: #596f7d; } .conversation-card .feature-link[b-0so7nswzb2] { border-color: #d4e0e5; }
.conversation-example[b-0so7nswzb2] { margin-top: 24px; background: white; border: 1px solid #d5e0e4; border-radius: 8px; padding: 17px 19px; flex: 1; }
.issue-heading[b-0so7nswzb2] { display: flex; align-items: center; gap: 7px; font-size: 11px; margin-bottom: 19px; } .issue-heading > strong[b-0so7nswzb2] { flex: 1; font-weight: 650; } .issue-heading > span:last-child[b-0so7nswzb2] { font-size: 9px; color: #637987; } .issue-dot[b-0so7nswzb2] { width: 6px; height: 6px; border-radius: 50%; background: #b7792d; flex-shrink: 0; }
.message-example[b-0so7nswzb2] { display: flex; align-items: flex-start; gap: 9px; } .avatar[b-0so7nswzb2] { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #e6edf1; color: #4e697a; font-size: 10px; font-weight: 650; flex-shrink: 0; } .avatar.manager[b-0so7nswzb2] { background: #e0eee6; color: #3c6d52; }
.message-example p[b-0so7nswzb2] { font-size: 11px; line-height: 1.7; margin: 0; padding: 7px 10px; background: #f3f6f8; border-radius: 0 7px 7px 7px; } .message-example small[b-0so7nswzb2] { display: block; font-size: 9px; color: #64766d; } .message-example.reply[b-0so7nswzb2] { margin: 13px 0 0 24px; } .reply p[b-0so7nswzb2] { background: #edf5f0; }
.archive-card[b-0so7nswzb2] { background: #fafaf8; } .archive-example[b-0so7nswzb2] { margin-top: 24px; flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 11px; }
.archive-example > div[b-0so7nswzb2] { display: flex; align-items: center; gap: 12px; padding: 17px 14px; background: white; border: 1px solid #dfe6de; border-radius: 7px; } .archive-example > div > span:nth-child(2)[b-0so7nswzb2] { flex: 1; min-width: 0; } .archive-example strong[b-0so7nswzb2] { display: block; font-size: 11px; line-height: 1.5; font-weight: 600; } .archive-example small[b-0so7nswzb2] { display: block; font-size: 10px; line-height: 1.6; color: var(--home-muted); margin-top: 3px; } .archive-example > div > span:last-child[b-0so7nswzb2] { font-size: 17px; color: #68826e; }
.file-icon[b-0so7nswzb2] { display: grid; place-items: center; flex-shrink: 0; font-size: 8px; font-weight: 650; width: 29px; height: 37px; background: #e9f1e8; color: #49714d; border-radius: 3px; } .file-icon.warm[b-0so7nswzb2] { background: #f4eadc; color: #846b41; } .archive-example > .example-caption[b-0so7nswzb2] { margin: 0; text-align: right; }
.why-section[b-0so7nswzb2] { background: #123f39; color: #f5faf6; padding-block: 83px; }
.why-grid[b-0so7nswzb2] { display: grid; grid-template-columns: 1fr 1.12fr; gap: 100px; } .why-section .eyebrow[b-0so7nswzb2] { color: #b4d3bf; }
.why-intro > p:not(.eyebrow)[b-0so7nswzb2] { max-width: 375px; font-size: 15px; line-height: 1.85; color: #c5d8cf; margin: 25px 0 34px; } .why-intro h2[b-0so7nswzb2] { font-size: 43px; }
.why-signature[b-0so7nswzb2] { display: flex; align-items: center; gap: 13px; border-top: 1px solid #ffffff26; padding-top: 24px; } .why-signature img[b-0so7nswzb2] { border: 1px solid #ffffff26; border-radius: 10px; } .why-signature span[b-0so7nswzb2] { font-size: 11px; line-height: 1.7; color: #c7dcd0; } .why-signature strong[b-0so7nswzb2] { color: #eaf5ed; font-weight: 500; }
.difference-list article[b-0so7nswzb2] { display: flex; gap: 24px; border-bottom: 1px solid #ffffff24; padding: 24px 0; } .difference-list article:first-child[b-0so7nswzb2] { padding-top: 0; } .difference-list article:last-child[b-0so7nswzb2] { border: 0; padding-bottom: 0; }
.difference-number[b-0so7nswzb2] { font-size: 10px; color: #acccba; letter-spacing: .1em; padding-top: 4px; } .difference-list h3[b-0so7nswzb2] { font-size: 21px; font-weight: 600; margin: 0 0 10px; line-height: 1.3; letter-spacing: -.015em; } .difference-list p[b-0so7nswzb2] { margin: 0; font-size: 14px; line-height: 1.85; color: #c5d8cf; }
.role-labels[b-0so7nswzb2], .trace-labels[b-0so7nswzb2] { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-top: 14px; } .role-labels span[b-0so7nswzb2], .trace-labels span:not(:nth-child(2))[b-0so7nswzb2] { font-size: 10px; line-height: 1.4; border: 1px solid #ffffff35; padding: 5px 8px; border-radius: 4px; color: #d6eadf; } .trace-labels > span:nth-child(2)[b-0so7nswzb2] { color: #88b09b; }
.start-steps[b-0so7nswzb2] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; list-style: none; padding: 0; margin: 43px 0 31px; } .start-steps li[b-0so7nswzb2] { position: relative; } .start-steps li:not(:last-child)[b-0so7nswzb2]::after { content: ''; position: absolute; top: 23px; left: 65px; right: -24px; border-top: 1px dashed #b4c7bc; }
.step-number[b-0so7nswzb2] { display: grid; place-items: center; position: relative; z-index: 1; width: 46px; height: 46px; border: 1px solid #cbdacf; background: #f2f6ef; border-radius: 50%; color: var(--home-green); font-size: 16px; margin-bottom: 23px; } .start-steps h3[b-0so7nswzb2] { font-size: 19px; font-weight: 650; margin: 0 0 11px; letter-spacing: -.02em; } .start-steps p[b-0so7nswzb2] { font-size: 14px; line-height: 1.8; color: var(--home-muted); margin: 0; max-width: 315px; }
.resident-note[b-0so7nswzb2] { display: flex; align-items: center; gap: 18px; padding: 18px 23px; background: #f6f8f4; border-radius: 7px; color: var(--home-muted); } .resident-note > span[b-0so7nswzb2] { font-size: 26px; color: #759381; } .resident-note p[b-0so7nswzb2] { font-size: 12px; line-height: 1.8; margin: 0; } .resident-note strong[b-0so7nswzb2] { color: var(--home-ink); font-weight: 600; } .resident-note a[b-0so7nswzb2] { font-weight: 600; color: var(--home-green); white-space: nowrap; margin-left: 5px; }
.trial-section[b-0so7nswzb2] { background: #f3f1e7; border-block: 1px solid #e5e4d6; padding-block: 64px; } .trial-grid[b-0so7nswzb2] { display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: center; } .trial-copy h2[b-0so7nswzb2] { font-size: 38px; } .trial-copy > p:not(.eyebrow)[b-0so7nswzb2] { max-width: 470px; font-size: 15px; line-height: 1.9; color: var(--home-muted); margin: 20px 0 24px; }
.trial-terms[b-0so7nswzb2] { display: block; width: fit-content; font-size: 12px; min-height: 44px; padding-top: 14px; color: var(--home-ink); text-underline-offset: 4px; } .trial-facts[b-0so7nswzb2] { display: grid; grid-template-columns: 1fr 1fr; gap: 25px 35px; } .trial-facts > div[b-0so7nswzb2] { padding-left: 24px; border-left: 1px solid #d0d6c5; } .trial-facts strong[b-0so7nswzb2] { display: flex; align-items: baseline; gap: 10px; font-size: 74px; line-height: 1; letter-spacing: -.07em; font-weight: 650; color: #245546; } .trial-facts strong > span[b-0so7nswzb2] { font-size: 12px; letter-spacing: 0; font-weight: 500; } .trial-facts > div > p[b-0so7nswzb2] { font-size: 13px; line-height: 1.8; color: var(--home-muted); margin: 14px 0 0; }
.trial-detail[b-0so7nswzb2] { grid-column: 1/-1; margin: 0; padding-top: 20px; border-top: 1px solid #d3d8c9; font-size: 12px; line-height: 1.8; color: var(--home-muted); }
.faq-section[b-0so7nswzb2] { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; } .faq-intro h2[b-0so7nswzb2] { font-size: 37px; } .faq-intro > p:last-child[b-0so7nswzb2] { margin: 24px 0 0; font-size: 14px; line-height: 1.8; color: var(--home-muted); } .faq-list[b-0so7nswzb2] { border-top: 1px solid var(--home-line); } .faq-list details[b-0so7nswzb2] { border-bottom: 1px solid var(--home-line); }
.faq-list summary[b-0so7nswzb2] { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; list-style: none; font-size: 15px; font-weight: 650; line-height: 1.5; cursor: pointer; min-height: 65px; } .faq-list summary[b-0so7nswzb2]::-webkit-details-marker { display: none; } .faq-list summary > span[b-0so7nswzb2] { font-size: 25px; font-weight: 300; color: var(--home-green); flex-shrink: 0; transition: transform .2s; } .faq-list details[open] summary > span[b-0so7nswzb2] { transform: rotate(45deg); }
.faq-list details > p[b-0so7nswzb2] { margin: 0 26px 22px 0; font-size: 14px; line-height: 1.9; color: var(--home-muted); } .faq-list details a[b-0so7nswzb2] { color: var(--home-green); text-decoration: underline; text-underline-offset: 3px; }
.closing-section[b-0so7nswzb2] { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 44px 0 62px; border-top: 1px solid var(--home-line); } .closing-section h2[b-0so7nswzb2] { font-size: 32px; } .closing-section p[b-0so7nswzb2] { font-size: 14px; color: var(--home-muted); margin: 15px 0 0; } .closing-section .home-primary[b-0so7nswzb2] { flex-shrink: 0; }
@media (min-width: 1500px) { .home-hero[b-0so7nswzb2] { padding-block: 88px 94px; } }
@media (max-width: 1100px) {
    .home-hero[b-0so7nswzb2] { gap: 26px; padding-block: 54px 64px; } .marketing-home h1[b-0so7nswzb2] { font-size: 61px; } .hero-lead[b-0so7nswzb2] { font-size: 16px; } .hero-actions[b-0so7nswzb2] { gap: 7px; } .hero-audience[b-0so7nswzb2] { margin-top: 22px; }
    .why-grid[b-0so7nswzb2] { gap: 50px; } .trial-grid[b-0so7nswzb2] { gap: 45px; } .feature-card[b-0so7nswzb2] { padding: 25px 24px 18px; } .finance-totals strong[b-0so7nswzb2] { font-size: 18px; } .status-label[b-0so7nswzb2] { display: none; } .faq-section[b-0so7nswzb2] { gap: 45px; }
}
@media (max-width: 800px) {
    .home-container[b-0so7nswzb2] { width: calc(100% - 40px); } .home-hero[b-0so7nswzb2] { grid-template-columns: 1fr; padding-block: 38px 42px; gap: 35px; } .hero-copy[b-0so7nswzb2] { max-width: 580px; } .marketing-home h1[b-0so7nswzb2] { font-size: 64px; }
    .hero-lead[b-0so7nswzb2] { font-size: 17px; max-width: 500px; margin-block: 21px 23px; } .hero-actions[b-0so7nswzb2] { gap: 15px 22px; } .hero-art[b-0so7nswzb2] { max-width: 580px; width: 100%; justify-self: center; } .hero-audience[b-0so7nswzb2] { display: none; }
    .value-strip-inner[b-0so7nswzb2] { grid-template-columns: repeat(2, 1fr); gap: 19px 12px; padding-block: 22px; } .value-strip p[b-0so7nswzb2] { font-size: 11px; gap: 8px; }
    .home-section[b-0so7nswzb2] { padding-block: 62px; } .section-heading[b-0so7nswzb2] { align-items: flex-start; gap: 23px; flex-direction: column; margin-bottom: 28px; } .section-heading > p[b-0so7nswzb2] { max-width: 530px; font-size: 14px; }
    .feature-grid[b-0so7nswzb2] { grid-template-columns: 1fr 1fr; gap: 15px; } .feature-card[b-0so7nswzb2] { padding: 22px 19px 17px; } .feature-card h3[b-0so7nswzb2] { font-size: 22px; } .feature-card > p[b-0so7nswzb2] { font-size: 14px; } .feature-topline[b-0so7nswzb2] { margin-bottom: 18px; }
    .finance-example[b-0so7nswzb2] { padding: 14px; } .finance-totals[b-0so7nswzb2] { gap: 5px; } .finance-totals strong[b-0so7nswzb2] { font-size: 15px; } .finance-totals span[b-0so7nswzb2] { font-size: 9px; } .example-heading[b-0so7nswzb2] { font-size: 10px; } .example-heading .example-caption[b-0so7nswzb2] { font-size: 8px; }
    .ledger-line[b-0so7nswzb2] { font-size: 9px; gap: 5px; } .mini-icon[b-0so7nswzb2] { width: 21px; height: 25px; } .ledger-line small[b-0so7nswzb2] { font-size: 8px; } .feature-link[b-0so7nswzb2] { font-size: 11px; }
    .paper-preview[b-0so7nswzb2] { width: 94%; padding: 16px; } .paper-preview > strong[b-0so7nswzb2] { font-size: 16px; } .paper-preview > div[b-0so7nswzb2] { font-size: 7px; } .conversation-example[b-0so7nswzb2] { padding: 13px 10px; } .issue-heading[b-0so7nswzb2] { font-size: 10px; } .issue-heading > span:last-child[b-0so7nswzb2] { display: none; }
    .message-example p[b-0so7nswzb2] { font-size: 10px; } .message-example.reply[b-0so7nswzb2] { margin-left: 12px; } .archive-example > div[b-0so7nswzb2] { padding: 13px 10px; gap: 8px; }
    .why-section[b-0so7nswzb2] { padding-block: 56px; } .why-grid[b-0so7nswzb2] { grid-template-columns: 1fr; gap: 38px; } .why-intro h2[b-0so7nswzb2] { font-size: 37px; } .why-intro > p:not(.eyebrow)[b-0so7nswzb2] { max-width: 560px; margin: 19px 0 0; } .why-signature[b-0so7nswzb2] { display: none; } .difference-list article[b-0so7nswzb2] { padding-block: 22px; }
    .start-steps[b-0so7nswzb2] { gap: 23px; } .start-steps h3[b-0so7nswzb2] { font-size: 17px; } .resident-note[b-0so7nswzb2] { padding: 16px; } .trial-grid[b-0so7nswzb2] { grid-template-columns: 1fr; gap: 38px; } .trial-facts[b-0so7nswzb2] { max-width: 540px; } .trial-copy h2[b-0so7nswzb2] { font-size: 35px; } .trial-section[b-0so7nswzb2] { padding-block: 48px; }
    .faq-section[b-0so7nswzb2] { grid-template-columns: 1fr; gap: 27px; } .faq-intro > p:last-child[b-0so7nswzb2] { margin-top: 16px; } .closing-section h2[b-0so7nswzb2] { font-size: 27px; } .closing-section[b-0so7nswzb2] { padding-block: 34px 48px; } .closing-section .home-primary[b-0so7nswzb2] { font-size: 12px; padding-inline: 18px; gap: 15px; }
}
@media (max-width: 540px) {
    .home-container[b-0so7nswzb2] { width: calc(100% - 36px); } .home-hero[b-0so7nswzb2] { padding-top: 30px; gap: 29px; } .marketing-home h1[b-0so7nswzb2] { font-size: clamp(43px, 13.7vw, 58px); } .eyebrow[b-0so7nswzb2] { font-size: 10px; letter-spacing: .055em; margin-bottom: 19px; }
    .hero-lead[b-0so7nswzb2] { font-size: 16px; line-height: 1.8; margin-block: 21px 20px; } .hero-actions[b-0so7nswzb2] { align-items: flex-start; flex-direction: column; gap: 7px; } .home-primary[b-0so7nswzb2] { min-height: 52px; font-size: 13px; padding-inline: 20px; } .hero-offer[b-0so7nswzb2] { font-size: 10px; gap: 5px; margin-top: 12px; } .hero-actions .home-text-link[b-0so7nswzb2] { font-size: 12px; }
    .value-strip-inner[b-0so7nswzb2] { gap: 16px 9px; } .value-strip p[b-0so7nswzb2] { font-size: 11px; gap: 6px; line-height: 1.6; } .value-strip p span[b-0so7nswzb2] { font-size: 9px; } .marketing-home h2[b-0so7nswzb2] { font-size: 32px; }
    .home-section[b-0so7nswzb2] { padding-block: 48px; } .section-heading > p[b-0so7nswzb2] { font-size: 14px; line-height: 1.85; } .feature-grid[b-0so7nswzb2] { grid-template-columns: 1fr; gap: 17px; } .feature-card[b-0so7nswzb2] { padding: 25px 23px 18px; border-radius: 12px; } .feature-card h3[b-0so7nswzb2] { font-size: 24px; }
    .finance-example[b-0so7nswzb2] { padding: 16px; margin-top: 24px; } .finance-totals strong[b-0so7nswzb2] { font-size: clamp(15px, 4.8vw, 19px); } .finance-totals span[b-0so7nswzb2] { font-size: 10px; } .example-heading[b-0so7nswzb2] { font-size: 11px; } .example-heading .example-caption[b-0so7nswzb2] { font-size: 9px; }
    .ledger-line[b-0so7nswzb2] { font-size: 10px; gap: 8px; } .mini-icon[b-0so7nswzb2] { width: 27px; height: 27px; } .feature-link[b-0so7nswzb2] { font-size: 12px; } .paper-preview[b-0so7nswzb2] { width: 88%; padding: 20px; } .paper-preview > div[b-0so7nswzb2] { font-size: 8px; } .paper-preview > strong[b-0so7nswzb2] { font-size: 18px; }
    .conversation-example[b-0so7nswzb2] { padding: 18px 13px; } .issue-heading[b-0so7nswzb2] { font-size: 11px; } .message-example p[b-0so7nswzb2] { font-size: 11px; } .archive-example > div[b-0so7nswzb2] { padding: 17px 12px; } .archive-example strong[b-0so7nswzb2] { font-size: 12px; }
    .why-intro h2[b-0so7nswzb2] { font-size: 33px; } .why-intro > p:not(.eyebrow)[b-0so7nswzb2] { font-size: 14px; } .difference-list article[b-0so7nswzb2] { gap: 16px; } .difference-list h3[b-0so7nswzb2] { font-size: 20px; }
    .start-steps[b-0so7nswzb2] { grid-template-columns: 1fr; gap: 28px; margin: 30px 0; } .start-steps li[b-0so7nswzb2] { padding-left: 63px; } .step-number[b-0so7nswzb2] { position: absolute; left: 0; top: 0; width: 42px; height: 42px; } .start-steps li:not(:last-child)[b-0so7nswzb2]::after { left: 20px; top: 52px; bottom: -17px; right: auto; border-top: 0; border-left: 1px dashed #b4c7bc; }
    .start-steps h3[b-0so7nswzb2] { font-size: 18px; } .start-steps p[b-0so7nswzb2] { max-width: none; } .resident-note[b-0so7nswzb2] { align-items: flex-start; gap: 10px; } .trial-copy h2[b-0so7nswzb2] { font-size: 32px; } .trial-copy > p:not(.eyebrow)[b-0so7nswzb2] { font-size: 14px; }
    .trial-facts[b-0so7nswzb2] { gap: 23px 15px; } .trial-facts strong[b-0so7nswzb2] { font-size: 65px; gap: 7px; } .trial-facts strong > span[b-0so7nswzb2] { font-size: 11px; } .trial-facts > div[b-0so7nswzb2] { padding-left: 15px; } .trial-facts > div > p[b-0so7nswzb2] { font-size: 12px; }
    .faq-list summary[b-0so7nswzb2] { font-size: 14px; padding-block: 19px; } .closing-section[b-0so7nswzb2] { flex-direction: column; align-items: flex-start; gap: 24px; } .closing-section h2[b-0so7nswzb2] { font-size: 30px; } .closing-section .home-primary[b-0so7nswzb2] { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .faq-list summary > span[b-0so7nswzb2] { transition: none; } }
/* /Components/Shared/MarketingHero.razor.rz.scp.css */
.mh[b-pmt2bs3whn] {
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: 580px;
    margin: 0;
    padding: 0;
    border: 0;
}

.mh-sr[b-pmt2bs3whn],
.mh-choice[b-pmt2bs3whn] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.mh-stage[b-pmt2bs3whn] {
    position: relative;
    height: 452px;
    overflow: hidden;
    border: 1px solid #d5ded3;
    border-radius: 22px;
    background: #f7f5ee;
    box-shadow: 0 20px 55px rgba(22, 48, 40, .12);
    isolation: isolate;
}

.mh-stage-heading[b-pmt2bs3whn] {
    position: absolute;
    z-index: 3;
    top: 22px;
    left: 26px;
    display: grid;
    gap: 5px;
    max-width: calc(100% - 52px);
    color: #173e38;
}

.mh-stage-heading strong[b-pmt2bs3whn] {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 750;
}

.mh-stage-overline[b-pmt2bs3whn] {
    color: #0f7d75;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.mh-art[b-pmt2bs3whn] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.mh-main-building[b-pmt2bs3whn] {
    animation: mh-arrive-b-pmt2bs3whn .85s ease-out both;
}

.mh-tree[b-pmt2bs3whn] {
    animation: mh-arrive-b-pmt2bs3whn 1.1s ease-out both;
}

.mh-glass[b-pmt2bs3whn] {
    transition: fill .28s ease;
}

.mh-card[b-pmt2bs3whn] {
    position: absolute;
    z-index: 4;
    top: 208px;
    right: 20px;
    display: grid;
    gap: 6px;
    width: 213px;
    min-height: 132px;
    padding: 16px 17px;
    border: 1px solid #c9d8cd;
    border-radius: 13px;
    background: rgba(255, 255, 252, .97);
    box-shadow: 0 12px 30px rgba(16, 51, 43, .15);
    color: #16221f;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s;
    pointer-events: none;
}

.mh-card strong[b-pmt2bs3whn] {
    font-size: 16px;
    line-height: 1.25;
}

.mh-card p[b-pmt2bs3whn] {
    margin: 0;
    color: #4e5e59;
    font-size: 13px;
    line-height: 1.35;
}

.mh-card-type[b-pmt2bs3whn] {
    color: #0f7d75;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.mh-card-state[b-pmt2bs3whn] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    margin-top: 3px;
    padding: 5px 8px;
    border-radius: 999px;
    background: #e2f2ef;
    color: #114f4b;
    font-size: 11px;
    font-weight: 700;
}

.mh-card-state span[b-pmt2bs3whn] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0f7d75;
}

.mh-example-note[b-pmt2bs3whn] {
    position: absolute;
    z-index: 2;
    bottom: 15px;
    left: 20px;
    padding: 4px 8px;
    border: 1px solid #d7e0d5;
    border-radius: 999px;
    background: rgba(255, 255, 252, .93);
    color: #4e5e59;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .01em;
}

.mh-controls[b-pmt2bs3whn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.mh-controls label[b-pmt2bs3whn] {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid #c9d6d0;
    border-radius: 9px;
    background: #fff;
    color: #315550;
    cursor: pointer;
    font-size: 13px;
    font-weight: 750;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.mh-controls label:hover[b-pmt2bs3whn] {
    border-color: #0f7d75;
    background: #e2f2ef;
}

#vp-hero-fees:checked ~ .mh-stage .mh-card-fees[b-pmt2bs3whn],
#vp-hero-meetings:checked ~ .mh-stage .mh-card-meetings[b-pmt2bs3whn],
#vp-hero-issues:checked ~ .mh-stage .mh-card-issues[b-pmt2bs3whn] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#vp-hero-fees:checked ~ .mh-stage .mh-window-fees .mh-glass[b-pmt2bs3whn],
#vp-hero-meetings:checked ~ .mh-stage .mh-window-meetings .mh-glass[b-pmt2bs3whn],
#vp-hero-issues:checked ~ .mh-stage .mh-window-issues .mh-glass[b-pmt2bs3whn] {
    fill: #efd295;
}

#vp-hero-fees:checked ~ .mh-controls label[for="vp-hero-fees"][b-pmt2bs3whn],
#vp-hero-meetings:checked ~ .mh-controls label[for="vp-hero-meetings"][b-pmt2bs3whn],
#vp-hero-issues:checked ~ .mh-controls label[for="vp-hero-issues"][b-pmt2bs3whn] {
    border-color: #114f4b;
    background: #114f4b;
    color: #fff;
}

#vp-hero-fees:focus-visible ~ .mh-controls label[for="vp-hero-fees"][b-pmt2bs3whn],
#vp-hero-meetings:focus-visible ~ .mh-controls label[for="vp-hero-meetings"][b-pmt2bs3whn],
#vp-hero-issues:focus-visible ~ .mh-controls label[for="vp-hero-issues"][b-pmt2bs3whn] {
    outline: 3px solid #0f7d75;
    outline-offset: 3px;
}

@keyframes mh-arrive-b-pmt2bs3whn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
    .mh-stage[b-pmt2bs3whn] {
        height: 465px;
        border-radius: 18px;
    }

    .mh-stage-heading[b-pmt2bs3whn] {
        top: 17px;
        left: 17px;
        max-width: calc(100% - 34px);
    }

    .mh-stage-heading strong[b-pmt2bs3whn] {
        font-size: 14px;
    }

    .mh-art[b-pmt2bs3whn] {
        top: 25px;
        bottom: auto;
        height: 333px;
    }

    .mh-card[b-pmt2bs3whn] {
        top: auto;
        right: 12px;
        bottom: 16px;
        width: min(205px, calc(100% - 24px));
        min-height: 112px;
        padding: 12px 13px;
    }

    .mh-card strong[b-pmt2bs3whn] {
        font-size: 14px;
    }

    .mh-example-note[b-pmt2bs3whn] {
        top: 73px;
        bottom: auto;
        left: 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mh-main-building[b-pmt2bs3whn],
    .mh-tree[b-pmt2bs3whn] {
        animation: none;
    }

    .mh-card[b-pmt2bs3whn],
    .mh-glass[b-pmt2bs3whn],
    .mh-controls label[b-pmt2bs3whn] {
        transition: none;
    }
}