@import 'Assisto.Client.eq462a2xqj.bundle.scp.css';
@import '_content/Client.Library/Client.Library.t4e962y23n.bundle.scp.css';

/* _content/Assisto.Marketing/Components/Citations/CitationResults.razor.rz.scp.css */
[b-1idm8lcfgg] .citation {
    padding: 20px;
}

.citation-results.horizontal-mode[b-1idm8lcfgg] {
    max-width: 90%;
}

/* Horizontal Mode Styles */
.citation-results.horizontal-mode .citation-slider-container[b-1idm8lcfgg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0rem 0;
    position: relative;
}

.citation-results.horizontal-mode .citation-slider[b-1idm8lcfgg] {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    gap: 1.5rem;
    padding: 1rem 0;
    flex: 1;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

.citation-results.horizontal-mode .citation-slider[b-1idm8lcfgg]::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.citation-results.horizontal-mode .citation-slide[b-1idm8lcfgg] {
    flex: 0 0 1024px;
    min-width: 1024px;
    max-width: 1024px;
}

/* Keep slider cards near-uniform height: the slider is one flex row, so the
   track is forced to the tallest card. Clamping the summary to a fixed number
   of lines removes the huge gap under short cards. Full text remains available
   via the "See more details" button and in vertical/search modes (unaffected). */
.citation-results.horizontal-mode[b-1idm8lcfgg]  .citation-content .summary {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.citation-results.horizontal-mode .slider-arrow[b-1idm8lcfgg] {
    background-color: var(--assisto-primary);
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: bold;
    transition: background-color 0.3s ease, transform 0.2s ease;
    flex-shrink: 0;
    z-index: 10;
}

.citation-results.horizontal-mode .slider-arrow:hover[b-1idm8lcfgg] {
    background-color: var(--assisto-primary-focus);
    transform: scale(1.1);
}

.citation-results.horizontal-mode .slider-arrow:active[b-1idm8lcfgg] {
    transform: scale(0.95);
}

.citation-results.horizontal-mode .slider-arrow-left[b-1idm8lcfgg] {
    order: -1;
}

.citation-results.horizontal-mode .slider-arrow-right[b-1idm8lcfgg] {
    order: 1;
}

/* Mobile navigation controls */
.citation-results.horizontal-mode .mobile-navigation[b-1idm8lcfgg] {
    display: none;
}

/* Responsive adjustments for horizontal mode */
@media (max-width: 1200px) {
    .citation-results.horizontal-mode .citation-slide[b-1idm8lcfgg] {
        flex: 0 0 90vw;
        min-width: 90vw;
        max-width: 90vw;
    }
}

@media (max-width: 768px) {
    /* Hide desktop arrows on mobile */
    .citation-results.horizontal-mode .slider-arrow[b-1idm8lcfgg] {
        display: none;
    }
    
    /* Show mobile navigation */
    .citation-results.horizontal-mode .mobile-navigation[b-1idm8lcfgg] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        margin-top: 3rem;
        margin-bottom: 1rem;
    }

    /* Under-card arrows: sit just below the slider with the same gap above and below. */
    .citation-results.horizontal-mode .mobile-navigation-after[b-1idm8lcfgg] {
        margin-top: 1rem;
    }

    .citation-results.horizontal-mode .mobile-navigation .slider-arrow[b-1idm8lcfgg] {
        display: flex;
        background-color: var(--assisto-primary);
        color: white;
        border: none;
        border-radius: 8px;
        width: 45px;
        height: 35px;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 1rem;
        font-weight: bold;
        transition: background-color 0.3s ease, transform 0.2s ease;
    }
    
    .citation-results.horizontal-mode .mobile-navigation .slider-arrow:hover[b-1idm8lcfgg] {
        background-color: var(--assisto-primary-focus);
        transform: scale(1.05);
    }
    
    /* Make slider container full width on mobile */
    .citation-results.horizontal-mode .citation-slider-container[b-1idm8lcfgg] {
        gap: 0;
        margin: 0;
        width: 100%;
    }
    
    /* Full-width scroll-snap slider. NOTE: do not use justify-content:center here —
       on an overflowing flex row it makes the first card unreachable/clipped. */
    .citation-results.horizontal-mode .citation-slider[b-1idm8lcfgg] {
        width: 100%;
        gap: 1rem;
        padding: 0.5rem 0;
        scroll-snap-type: x mandatory;
        scroll-padding: 0 0.5rem;
    }

    /* Make slides take almost full viewport width on mobile */
    .citation-results.horizontal-mode .citation-slide[b-1idm8lcfgg] {
        flex: 0 0 92vw;
        min-width: 92vw;
        max-width: 92vw;
        scroll-snap-align: center;
    }
    
    /* Center the citation results component */
    .citation-results.horizontal-mode[b-1idm8lcfgg] {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 0.5rem;
    }
}

@media (max-width: 480px) {
    /* Even more space for content on very small screens */
    .citation-results.horizontal-mode .citation-slide[b-1idm8lcfgg] {
        flex: 0 0 98vw;
        min-width: 98vw;
        max-width: 98vw;
    }
    
    .citation-results.horizontal-mode .citation-slider[b-1idm8lcfgg] {
        gap: 0.5rem;
    }
    
    .citation-results.horizontal-mode[b-1idm8lcfgg] {
        padding: 0 0.25rem;
    }
    
    .citation-results.horizontal-mode .mobile-navigation .slider-arrow[b-1idm8lcfgg] {
        width: 40px;
        height: 32px;
        font-size: 0.9rem;
    }
}

.view-all-button-container[b-1idm8lcfgg] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0rem 0;
}

/* Collapsible vertical list */
.citation-list.is-collapsed .citation-collapsible[b-1idm8lcfgg] {
    display: none;
}

.expand-citations-container[b-1idm8lcfgg] {
    display: flex;
    justify-content: center;
    margin: 1rem 0 1.5rem;
}

.expand-citations-button[b-1idm8lcfgg] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.4rem;
    border: 1px solid var(--assisto-primary);
    border-radius: 999px;
    background-color: white;
    color: var(--assisto-primary);
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.expand-citations-button[b-1idm8lcfgg]::after {
    content: "▾";
    font-size: 0.85rem;
    line-height: 1;
}

.expand-citations-button:hover[b-1idm8lcfgg] {
    background-color: var(--assisto-primary);
    color: white;
}

.citation-audit-footer[b-1idm8lcfgg] {
    display: flex;
    justify-content: center;
    margin: 0 0 1.5rem;
}

.story-similar-container[b-1idm8lcfgg] {
    background-color: #F0F0F0;
    margin-top: 10px;
    padding-bottom: 15px;
}

.corrective-actions ul[b-1idm8lcfgg] {
    padding: 0 12px;
}

.corrective-actions li[b-1idm8lcfgg] {
    padding-bottom: 6px;
}

pre[b-1idm8lcfgg] {
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.data-source-info[b-1idm8lcfgg] {    
    color: var(--assisto-secondary-text);
    font-style: italic;
    text-align: right;
    padding-right: 20px;
}

[b-1idm8lcfgg] .tooltip-trigger {
    padding: 4px;
    filter: var(--assisto-primary-filter);
}

/* ============ Cards mode (marketing revamp, green-ink theme) ============ */
/* app.css caps every .citation-results at 1024px and auto-centres it, which left the grid
   inset from its own section header. Cards mode fills its container instead — the host
   section (.citations-section / .most-recent-section) owns the width. */
.citation-results.cards-mode[b-1idm8lcfgg] {
    max-width: none;
    margin: 0;
}

.citation-results.cards-mode .view-all-button-container[b-1idm8lcfgg] {
    justify-content: flex-start;
    margin-top: 24px;
}

/* Two columns: with full (unclamped) summaries, three-up is too narrow to read comfortably.
   minmax(0, 1fr) — NOT 1fr — or the tracks refuse to shrink below the cards' min-content
   (the nowrap severity/"see more" pills), which overflowed the viewport on phones. */
.ccards-grid[b-1idm8lcfgg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ccard[b-1idm8lcfgg] {
    background: #fff;
    border: 1px solid #dcebe6;
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(9, 80, 72, 0.05), 0 2px 6px rgba(9, 80, 72, 0.06);
    padding: 20px 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    /* Grid items default to min-width:auto, which floors them at their min-content and
       pushed the card past the viewport on narrow phones. Pairs with minmax(0, 1fr). */
    min-width: 0;
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.ccard:hover[b-1idm8lcfgg] {
    border-color: #0ba292;
    transform: translateY(-2px);
}

.ccard:focus-visible[b-1idm8lcfgg] {
    outline: 2px solid #0ba292;
    outline-offset: 2px;
}

/* The one escape hatch to the full detail page; everything else opens the modal. */
.ccard-detail-link[b-1idm8lcfgg] {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    color: #0b8f81;
    vertical-align: middle;
}

.ccard-detail-link svg[b-1idm8lcfgg] {
    width: 15px;
    height: 15px;
}

.ccard-detail-link:hover[b-1idm8lcfgg] {
    color: #123530;
}

.ccard-top[b-1idm8lcfgg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.ccard-ftag[b-1idm8lcfgg] {
    background: #e3f4f0;
    color: #0b6e63;
    font-weight: 750;
    font-size: 0.9rem;
    padding: 4px 10px;
    border-radius: 7px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.ccard-sev[b-1idm8lcfgg] {
    font-size: 0.9rem;
    font-weight: 750;
    padding: 3px 10px;
    border-radius: 6px;
    white-space: nowrap;
}

/* Scope/severity colors mirror the search page's SeverityTag (l1–l4) so a citation reads the
   same on both surfaces: L4 J-L magenta, L3 G-I orange, L2 D-F gold, L1 A-C muted green, all
   on white text. */
.ccard-sev.sev-l4[b-1idm8lcfgg] {
    background: #d80162;
    color: #fff;
}

.ccard-sev.sev-l3[b-1idm8lcfgg] {
    background: #e16b21;
    color: #fff;
}

.ccard-sev.sev-l2[b-1idm8lcfgg] {
    background: #e9c403;
    color: #fff;
}

.ccard-sev.sev-l1[b-1idm8lcfgg] {
    background: #95b0aa;
    color: #fff;
}

.ccard-sev.sev-none[b-1idm8lcfgg] {
    background: #f3f8f6;
    color: #3f524c;
}

.ccard-title[b-1idm8lcfgg] {
    font-size: 1rem;
    font-weight: 700;
    color: #123530;
    line-height: 1.35;
}

.ccard-sum[b-1idm8lcfgg] {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.55;
    color: #3f524c;
}

.ccard-foot[b-1idm8lcfgg] {
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #dcebe6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px 10px;
    flex-wrap: wrap;
    font-size: 0.9rem;
    color: #3f524c;
}

/* Wraps rather than ellipsising: on a phone "Cape Coral, Flo…" helps nobody. */
.ccard-place[b-1idm8lcfgg] {
    min-width: 0;
}

.ccard-place b[b-1idm8lcfgg] {
    color: #123530;
    font-weight: 650;
}

.ccard-more[b-1idm8lcfgg] {
    color: #0b8f81;
    font-weight: 650;
    white-space: nowrap;
}

@media (max-width: 960px) {
    .ccards-grid[b-1idm8lcfgg] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Phones: tighten the card's own gutters too, so the summary gets the width. */
@media (max-width: 600px) {
    .ccard[b-1idm8lcfgg] {
        padding: 18px 16px;
        border-radius: 12px;
    }

    .ccards-grid[b-1idm8lcfgg] {
        gap: 12px;
    }
}
/* _content/Assisto.Marketing/Components/Citations/FTagInfo.razor.rz.scp.css */
.ftag-info[b-w6czb0ullc] {
    margin-top: 1rem;
    position: relative;
}

.ftag-info-link[b-w6czb0ullc] {
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--assisto-primary);
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 0.15rem;
    cursor: pointer;
    line-height: 1.4;
}

.ftag-info-link[b-w6czb0ullc]::-webkit-details-marker {
    display: none;
}

.ftag-info-link:hover[b-w6czb0ullc] {
    color: var(--assisto-primary-focus);
}

.ftag-info-link:focus-visible[b-w6czb0ullc] {
    outline: 2px solid var(--assisto-primary-focus-border);
    outline-offset: 3px;
    border-radius: 2px;
}

.ftag-info-disclosure[b-w6czb0ullc] {
    position: relative;
    display: inline-block;
}

.ftag-info-tooltip[b-w6czb0ullc] {
    display: none;
    position: absolute;
    left: 50%;
    bottom: calc(100% + 0.5rem);
    transform: translateX(-50%);
    width: max-content;
    max-width: min(28rem, calc(100vw - 2rem));
    margin: 0;
    padding: 0.6rem 0.8rem;
    border-radius: 6px;
    background: #333;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    font-size: 0.9rem;
    z-index: 1000;
}

.ftag-info-tooltip[b-w6czb0ullc]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.ftag-info-disclosure[open] .ftag-info-tooltip[b-w6czb0ullc] {
    display: block;
}

@media (max-width: 768px) {
    .ftag-info-disclosure[b-w6czb0ullc] {
        position: static;
    }

    .ftag-info-tooltip[b-w6czb0ullc] {
        position: fixed;
        left: 1rem;
        right: 1rem;
        bottom: 1rem;
        transform: none;
        width: auto;
        max-width: none;
    }

    .ftag-info-tooltip[b-w6czb0ullc]::after {
        display: none;
    }
}
/* _content/Assisto.Marketing/Components/ExploreStates.razor.rz.scp.css */
.explore-states-section[b-idmdw1lmwn] {    
    padding-top: 30px;
    border-radius: 8px;
}

.section-header[b-idmdw1lmwn] {
    text-align: center;
    margin-bottom: 2rem;
}

    .section-header h2[b-idmdw1lmwn] {
        color: var(--assisto-primary);
        font-size: 2rem;
        margin-bottom: 1rem;
        padding: 0 10px;
    }

.section-header .lead[b-idmdw1lmwn] {
    color: var(--assisto-secondary-text);
    font-size: 1.25rem;
    max-width: 800px;
    margin: 0 auto;
}

.states-grid[b-idmdw1lmwn] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.state-card[b-idmdw1lmwn] {
    background: white;
    padding: 1.5rem;
    text-decoration: none;
    color: inherit;
}

.state-card:hover[b-idmdw1lmwn] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    text-decoration: none;
    color: inherit;
}

.state-card h3[b-idmdw1lmwn] {
    color: var(--assisto-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
}

.state-card p[b-idmdw1lmwn] {
    color: var(--assisto-secondary-text);
    margin: 0;
}

.all-states-link[b-idmdw1lmwn] {
    grid-column: 1 / -1;
    padding: 2rem;
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
}

.all-states-link h4[b-idmdw1lmwn] {
    color: var(--assisto-primary);
    margin-bottom: 1rem;
    text-align: center;
    grid-column: 1 / -1;
}

.state-links-column[b-idmdw1lmwn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.state-links-column a[b-idmdw1lmwn] {
    color: black;
    text-decoration: none;
    padding: 0.25rem 0;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
}

.state-links-column a:hover[b-idmdw1lmwn] {
    border-bottom-color: var(--assisto-primary);
    text-decoration: none;
}

@media (max-width: 768px) {

    .explore-states-section[b-idmdw1lmwn] {
    }

    .states-grid[b-idmdw1lmwn] {
        grid-template-columns: 1fr;
    }
    
    .all-states-link[b-idmdw1lmwn] {
        grid-column: 1;
        grid-template-columns: repeat(3, 1fr);
        padding: 1.5rem;
        gap: 0.75rem;
    }
    
    .state-links-column[b-idmdw1lmwn] {
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
    }
    
    .state-links-column a[b-idmdw1lmwn] {
        font-size: 0.9rem;
        padding: 0.2rem 0;
    }
}

@media (max-width: 480px) {
    .all-states-link[b-idmdw1lmwn] {
        grid-template-columns: repeat(2, 1fr);
        padding: 2rem;
        gap: 0.5rem;
    }
    
    .state-links-column a[b-idmdw1lmwn] {
        font-size: 0.85rem;
        padding: 0.15rem 0;
    }
} 
/* _content/Assisto.Marketing/Components/Facility/CmsTrustBadge.razor.rz.scp.css */
.trust-badge[b-zqzuhu5upd] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    background: #fff;
    border: 1px solid var(--gi-border);
    border-radius: 14px;
    box-shadow: var(--gi-shadow);
    padding: 1rem 1.25rem;
    margin: 2.5rem 0 0;
}

.cms-logo[b-zqzuhu5upd] {
    flex-shrink: 0;
    width: 110px;
    height: auto;
    object-fit: contain;
}

.trust-badge p[b-zqzuhu5upd] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--gi-sec);
    line-height: 1.55;
}

.trust-badge b[b-zqzuhu5upd] {
    color: var(--gi-ink);
}
/* _content/Assisto.Marketing/Components/Facility/FacilityGlanceCard.razor.rz.scp.css */
.glance-wrap[b-yazzjcckwn] {
    position: relative;
    z-index: 1;
    /* Overlaps the hero banner's extra bottom padding. */
    margin-top: -3.6rem;
}

.glance[b-yazzjcckwn] {
    background: #fff;
    border: 1px solid var(--gi-border);
    border-radius: 16px;
    box-shadow: 0 18px 44px rgba(9, 80, 72, 0.14);
    padding: 1.5rem 1.6rem;
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 1.6rem;
}

.glance-h[b-yazzjcckwn] {
    font-size: 0.845rem;
    font-weight: 750;
    letter-spacing: 0.1em;
    color: var(--gi-accent-strong);
    margin-bottom: 0.85rem;
}

.stars-overall[b-yazzjcckwn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
}

.stars-overall .num[b-yazzjcckwn] {
    font-size: 2.3rem;
    font-weight: 800;
    color: var(--gi-ink);
    line-height: 1;
}

.stars-overall .of[b-yazzjcckwn] {
    font-size: 0.9rem;
    color: var(--gi-sec);
}

.star[b-yazzjcckwn] {
    color: var(--gi-warn);
    font-size: 1.15rem;
    letter-spacing: 2px;
}

.star .off[b-yazzjcckwn] {
    color: #d9e5e1;
}

.stars-note[b-yazzjcckwn] {
    font-size: 0.88rem;
    color: var(--gi-sec);
    margin: 0.15rem 0 0.85rem;
}

.subrating[b-yazzjcckwn] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.45rem 0;
    border-top: 1px solid var(--gi-mist);
    font-size: 0.92rem;
}

.subrating .lbl[b-yazzjcckwn] {
    color: var(--gi-text);
    min-width: 8.25rem;
}

.subrating .bar[b-yazzjcckwn] {
    height: 7px;
    border-radius: 4px;
    background: #e9f1ee;
    overflow: hidden;
}

.subrating .bar i[b-yazzjcckwn] {
    display: block;
    height: 100%;
    border-radius: 4px;
    background: var(--gi-accent);
}

.subrating .val[b-yazzjcckwn] {
    font-weight: 750;
    color: var(--gi-ink);
    font-variant-numeric: tabular-nums;
}

.chain-line[b-yazzjcckwn] {
    margin-top: 0.75rem;
    font-size: 0.88rem;
    color: var(--gi-sec);
    border-top: 1px solid var(--gi-mist);
    padding-top: 0.75rem;
}

.chain-line b[b-yazzjcckwn] {
    color: var(--gi-ink);
}

.kpis[b-yazzjcckwn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.kpi[b-yazzjcckwn] {
    background: var(--gi-mist);
    border: 1px solid var(--gi-border);
    border-radius: 12px;
    padding: 0.85rem 1rem;
}

.kpi .lbl[b-yazzjcckwn] {
    font-size: 0.845rem;
    font-weight: 700;
    color: var(--gi-sec);
    letter-spacing: 0.02em;
}

.kpi .val[b-yazzjcckwn] {
    font-size: 1.7rem;
    font-weight: 800;
    color: var(--gi-ink);
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}

.kpi .sub[b-yazzjcckwn] {
    font-size: 0.845rem;
    margin-top: 0.15rem;
    color: var(--gi-sec);
}

.kpi .sub.kpi-bad[b-yazzjcckwn],
.kpi .updelta.kpi-bad[b-yazzjcckwn] {
    color: var(--gi-bad);
}

.kpi .sub.kpi-good[b-yazzjcckwn],
.kpi .updelta.kpi-good[b-yazzjcckwn] {
    color: var(--gi-good);
}

.kpi .updelta[b-yazzjcckwn] {
    font-size: 1rem;
    font-weight: 750;
    vertical-align: 4px;
}

@media (max-width: 920px) {
    .glance[b-yazzjcckwn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .kpis[b-yazzjcckwn] {
        grid-template-columns: 1fr;
    }
}
/* _content/Assisto.Marketing/Components/Facility/FacilityHero.razor.rz.scp.css */
.facility-banner[b-in91s55rpj] {
    background-color: var(--gi-accent);
    background-image: url('/images/layout/banner-bg.svg');
    background-size: cover;
    background-position: top right;
    color: #fff;
    /* Extra bottom padding leaves room for the at-a-glance card to overlap from below. */
    padding: 2.25rem 1.75rem 5.75rem;
}

.facility-banner-inner[b-in91s55rpj] {
    max-width: 1080px;
    margin: 0 auto;
}

.facility-crumbs[b-in91s55rpj] {
    font-size: 0.88rem;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 1.1rem;
}

.facility-crumbs a[b-in91s55rpj] {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}

.facility-crumbs a:hover[b-in91s55rpj] {
    text-decoration: underline;
}

.crumb-sep[b-in91s55rpj] {
    margin: 0 0.35rem;
}

.facility-banner h1[b-in91s55rpj] {
    margin: 0;
    font-size: 2.3rem;
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -0.015em;
    text-wrap: balance;
}

.facility-mark[b-in91s55rpj] {
    background: var(--gi-marker);
    color: var(--gi-ink);
    padding: 0 0.14em;
    border-radius: 5px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.facility-hero-address[b-in91s55rpj] {
    margin: 0.9rem 0 0;
    font-size: 1rem;
    color: #fff;
    line-height: 1.5;
}

.facility-hero-meta[b-in91s55rpj] {
    margin: 0.35rem 0 0;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
}

@media (max-width: 920px) {
    .facility-banner h1[b-in91s55rpj] {
        font-size: 1.8rem;
    }
}
/* _content/Assisto.Marketing/Components/Facility/FacilityRiskTeaser.razor.rz.scp.css */
/* ============ Assessment product section (feature rows) ============ */

/* The section title sits on the page background; the feature rows + CTA band share one
   white card (.assess-box) below it. */
.assess[b-kml5j6ckwi] {
    margin: 4rem 0;
    scroll-margin-top: 5rem;
}

.assess-box[b-kml5j6ckwi] {
    background: #fff;
    border: 1px solid var(--gi-border);
    border-radius: 14px;
    box-shadow: var(--gi-shadow);
    padding: 1.75rem;
}

/* Section title: matches .facility-sec-title on the Facility page (ink text + accent underline).
   Duplicated here because Blazor CSS isolation doesn't cascade the page's scoped style into this
   component. */
.facility-sec-title[b-kml5j6ckwi] {
    display: inline-block;
    margin: 0 0 1.5rem;
    font-size: 1.4rem;
    font-weight: 750;
    line-height: 1.25;
    color: var(--gi-ink);
    padding-bottom: 0.45rem;
    border-bottom: 3px solid var(--gi-accent);
}

.assess-row[b-kml5j6ckwi] {
    display: grid;
    grid-template-columns: 1fr 0.95fr;
    gap: 2.5rem;
    align-items: center;
    margin-top: 3rem;
}

.assess-row:first-of-type[b-kml5j6ckwi] {
    margin-top: 0;
}

.assess-kicker[b-kml5j6ckwi] {
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gi-accent-strong);
    margin-bottom: 0.45rem;
}

.assess-row-rev .assess-txt[b-kml5j6ckwi] {
    order: 2;
}

.assess-row-rev .assess-vis[b-kml5j6ckwi] {
    order: 1;
}

.assess-txt h4[b-kml5j6ckwi] {
    font-size: 1.45rem;
    font-weight: 750;
    line-height: 1.25;
    color: var(--gi-ink);
    margin: 0 0 0.6rem;
}

.assess-txt p[b-kml5j6ckwi] {
    margin: 0;
    font-size: 0.97rem;
    color: var(--gi-sec);
    line-height: 1.6;
}

/* faux report screenshot */
.shot[b-kml5j6ckwi] {
    background: #fff;
    border: 1px solid var(--gi-border-2);
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(9, 80, 72, 0.14);
    overflow: hidden;
}

.shot-top[b-kml5j6ckwi] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 11px;
    background: var(--gi-mist);
    border-bottom: 1px solid var(--gi-border);
}

.shot-top i[b-kml5j6ckwi] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d3e4de;
    display: block;
}

.shot-url[b-kml5j6ckwi] {
    margin-left: 6px;
    font-size: 0.66rem;
    color: var(--gi-sec);
    background: #fff;
    border: 1px solid var(--gi-border);
    border-radius: 999px;
    padding: 1px 10px;
}

.shot-banner[b-kml5j6ckwi] {
    background: linear-gradient(105deg, var(--gi-accent), var(--gi-accent-strong));
    color: #fff;
    padding: 7px 13px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.shot-banner b[b-kml5j6ckwi] {
    font-size: 0.7rem;
    letter-spacing: 0.02em;
}

/* ink+lime pill in the shot banner (e.g. "PER RISK AREA") */
.shot-pill[b-kml5j6ckwi] {
    margin-left: auto;
    background: var(--gi-ink);
    color: var(--gi-lime);
    font-size: 0.54rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 2px 7px;
    border-radius: 5px;
    white-space: nowrap;
}

.shot-body[b-kml5j6ckwi] {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.shot-cap[b-kml5j6ckwi] {
    font-size: 0.72rem;
    color: #8aa39c;
    text-align: center;
    margin: 0.5rem 0 0;
}

/* ranked-list rows */
.srow[b-kml5j6ckwi] {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--gi-mist);
    border-radius: 8px;
    padding: 6px 9px;
    font-size: 0.7rem;
}

.srow .rk[b-kml5j6ckwi] {
    width: 16px;
    color: #8aa39c;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.srow .ft[b-kml5j6ckwi] {
    background: var(--gi-chip-bg);
    color: var(--gi-chip-deep);
    font-weight: 750;
    font-size: 0.62rem;
    padding: 1px 6px;
    border-radius: 5px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.srow .nm[b-kml5j6ckwi] {
    color: var(--gi-text);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.srow .bar[b-kml5j6ckwi] {
    margin-left: auto;
    width: 64px;
    height: 5px;
    border-radius: 3px;
    background: #e9f1ee;
    overflow: hidden;
    flex-shrink: 0;
}

.srow .bar i[b-kml5j6ckwi] {
    display: block;
    height: 100%;
    border-radius: 3px;
    background: var(--gi-accent);
}

.srow .sc[b-kml5j6ckwi] {
    width: 20px;
    text-align: right;
    font-weight: 750;
    color: var(--gi-ink);
    font-variant-numeric: tabular-nums;
}

/* finding cards */
.fcard[b-kml5j6ckwi] {
    border: 1px solid var(--gi-border);
    border-radius: 10px;
    background: #fff;
    padding: 8px 11px;
}

.fcard .fmeta[b-kml5j6ckwi] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    font-size: 0.7rem;
    color: var(--gi-sec);
    margin-bottom: 4px;
}

.fcard .fmeta b[b-kml5j6ckwi] {
    color: var(--gi-ink);
}

.fft[b-kml5j6ckwi] {
    background: var(--gi-chip-bg);
    color: var(--gi-chip-deep);
    font-weight: 750;
    font-size: 0.62rem;
    padding: 1px 6px;
    border-radius: 5px;
    font-variant-numeric: tabular-nums;
}

.fsev[b-kml5j6ckwi] {
    font-size: 0.62rem;
    font-weight: 750;
    padding: 1px 6px;
    border-radius: 5px;
    white-space: nowrap;
}

.fsev-j[b-kml5j6ckwi] {
    background: var(--gi-bad-soft);
    color: var(--gi-bad-text);
}

.fsev-d[b-kml5j6ckwi] {
    background: var(--gi-warn-soft);
    color: var(--gi-warn-text);
}

.fcard .ftx[b-kml5j6ckwi] {
    font-size: 0.74rem;
    color: var(--gi-text);
    line-height: 1.5;
    margin: 0;
}

/* checklist rows */
.crow[b-kml5j6ckwi] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.72rem;
    border: 1px solid var(--gi-mist);
    border-radius: 8px;
    padding: 7px 9px;
    background: #fff;
}

.crow .cb[b-kml5j6ckwi] {
    width: 13px;
    height: 13px;
    border: 2px solid var(--gi-border-2);
    border-radius: 4px;
    flex-shrink: 0;
    margin-top: 1px;
}

.crow-done .cb[b-kml5j6ckwi] {
    background: var(--gi-accent);
    border-color: var(--gi-accent);
    position: relative;
}

.crow-done .cb[b-kml5j6ckwi]::after {
    content: "✓";
    position: absolute;
    inset: -3px 0 0 1px;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 800;
}

.crow .tx[b-kml5j6ckwi] {
    color: var(--gi-text);
    line-height: 1.45;
}

.crow .df[b-kml5j6ckwi] {
    margin-left: auto;
    font-size: 0.6rem;
    font-weight: 750;
    background: var(--gi-bad-soft);
    color: var(--gi-bad-text);
    padding: 1px 6px;
    border-radius: 5px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* F-tag chip at the right of a checklist row */
.crow .cft[b-kml5j6ckwi] {
    margin-left: auto;
    background: var(--gi-chip-bg);
    color: var(--gi-chip-deep);
    font-weight: 750;
    font-size: 0.62rem;
    padding: 1px 6px;
    border-radius: 5px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    flex-shrink: 0;
}

/* CTA — dark ink band with lime price + lime button (mockup .altband / .btn-lime) */
.assess-cta[b-kml5j6ckwi] {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    flex-wrap: wrap;
    background: var(--gi-ink);
    border-radius: 16px;
    padding: 1.4rem 1.75rem;
    margin-top: 3rem;
}

.assess-price[b-kml5j6ckwi] {
    font-size: 1.9rem;
    font-weight: 800;
    color: var(--gi-lime);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.assess-note[b-kml5j6ckwi] {
    flex: 1;
    min-width: 240px;
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.5;
}

.assess[b-kml5j6ckwi]  .assess-button {
    white-space: nowrap;
    background-color: var(--gi-lime);
    color: var(--gi-ink);
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 10px;
}

.assess[b-kml5j6ckwi]  .assess-button:hover,
.assess[b-kml5j6ckwi]  .assess-button:focus,
.assess[b-kml5j6ckwi]  .assess-button:active {
    background-color: #cdee2e;
}

.assess-disclaimer[b-kml5j6ckwi] {
    margin: 0.9rem 0 0;
    font-size: 0.9rem;
    color: #6b7f79;
}

@media (max-width: 880px) {
    .assess-box[b-kml5j6ckwi] {
        padding: 1.25rem 1rem;
    }

    .assess-row[b-kml5j6ckwi] {
        grid-template-columns: 1fr;
        gap: 0.9rem;
    }

    /* keep text-then-visual reading order when stacked */
    .assess-row-rev .assess-txt[b-kml5j6ckwi] {
        order: 1;
    }

    .assess-row-rev .assess-vis[b-kml5j6ckwi] {
        order: 2;
    }
}
/* _content/Assisto.Marketing/Components/Facility/NearbyFacilities.razor.rz.scp.css */
.nearby-facilities[b-to4ebsnoo6] {
    margin: 4rem 0;
}

.nearby-title[b-to4ebsnoo6] {
    display: inline-block;
    margin: 0;
    font-size: 1.4rem;
    font-weight: 750;
    line-height: 1.25;
    color: var(--gi-ink);
    padding-bottom: 0.45rem;
    border-bottom: 3px solid var(--gi-accent);
}

.nearby-intro[b-to4ebsnoo6] {
    margin: 0.75rem 0 0;
    font-size: 0.97rem;
    color: var(--gi-sec);
    max-width: 680px;
}

.nearby-tablewrap[b-to4ebsnoo6] {
    overflow-x: auto;
    margin-top: 1.1rem;
}

.nearby-table[b-to4ebsnoo6] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--gi-border);
    border-radius: 12px;
    overflow: hidden;
    font-size: 0.93rem;
    background: #fff;
}

.nearby-table th[b-to4ebsnoo6] {
    text-align: left;
    background: var(--gi-mist);
    color: var(--gi-ink);
    font-weight: 750;
    padding: 0.7rem 1rem;
    border-bottom: 1px solid var(--gi-border);
    white-space: nowrap;
}

.nearby-table td[b-to4ebsnoo6] {
    padding: 0.7rem 1rem;
    border-bottom: 1px solid var(--gi-mist);
    vertical-align: middle;
}

.nearby-table tr:last-child td[b-to4ebsnoo6] {
    border-bottom: none;
}

.nearby-table td.num[b-to4ebsnoo6] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.nearby-table a[b-to4ebsnoo6] {
    color: var(--gi-accent-strong);
    font-weight: 650;
    text-decoration: none;
}

.nearby-table a:hover[b-to4ebsnoo6] {
    text-decoration: underline;
}

.mini-star[b-to4ebsnoo6] {
    color: var(--gi-warn);
    letter-spacing: 1px;
    font-size: 0.95rem;
    white-space: nowrap;
}

.mini-star .off[b-to4ebsnoo6] {
    color: #d9e5e1;
}

.unrated[b-to4ebsnoo6] {
    color: #8aa39c;
}

.nearby-state-link[b-to4ebsnoo6] {
    margin: 0.75rem 0 0;
    font-size: 0.95rem;
}

.nearby-state-link a[b-to4ebsnoo6] {
    color: var(--gi-accent-strong);
    font-weight: 600;
    text-decoration: none;
}

.nearby-state-link a:hover[b-to4ebsnoo6] {
    text-decoration: underline;
}
/* _content/Assisto.Marketing/Components/Facility/SurveyReadinessStrip.razor.rz.scp.css */
.readiness-strip[b-qukv3x0emg] {
    margin: 4rem 0 0;
    background: var(--gi-mist);
    border: 1px solid var(--gi-border);
    border-radius: 14px;
    padding: 1.1rem 1.4rem;
    display: flex;
    gap: 1.4rem;
    align-items: center;
    flex-wrap: wrap;
}

.strip-thumb[b-qukv3x0emg] {
    width: 185px;
    flex-shrink: 0;
}

.strip-shot[b-qukv3x0emg] {
    background: #fff;
    border: 1px solid var(--gi-border-2);
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(9, 80, 72, 0.12);
    overflow: hidden;
}

.strip-shot-top[b-qukv3x0emg] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 9px;
    background: var(--gi-mist);
    border-bottom: 1px solid var(--gi-border);
}

.strip-shot-top i[b-qukv3x0emg] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d3e4de;
    display: block;
}

.strip-shot-banner[b-qukv3x0emg] {
    background: linear-gradient(105deg, var(--gi-accent), var(--gi-accent-strong));
    color: #fff;
    padding: 5px 10px;
}

.strip-shot-banner b[b-qukv3x0emg] {
    font-size: 0.6rem;
    letter-spacing: 0.03em;
}

.strip-shot-body[b-qukv3x0emg] {
    padding: 7px 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.strip-row[b-qukv3x0emg] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--gi-mist);
    border-radius: 6px;
    padding: 4px 7px;
    font-size: 0.6rem;
}

.strip-row .rk[b-qukv3x0emg] {
    width: 10px;
    color: #8aa39c;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.strip-row .ft[b-qukv3x0emg] {
    background: var(--gi-chip-bg);
    color: var(--gi-chip-deep);
    font-weight: 750;
    font-size: 0.56rem;
    padding: 0 5px;
    border-radius: 4px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.strip-row .nm[b-qukv3x0emg] {
    color: var(--gi-text);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.strip-row .bar[b-qukv3x0emg] {
    margin-left: auto;
    width: 38px;
    height: 4px;
    border-radius: 3px;
    background: #e9f1ee;
    overflow: hidden;
    flex-shrink: 0;
}

.strip-row .bar i[b-qukv3x0emg] {
    display: block;
    height: 100%;
    border-radius: 3px;
    background: var(--gi-accent);
}

.strip-text[b-qukv3x0emg] {
    flex: 1;
    min-width: 260px;
}

.strip-eyebrow[b-qukv3x0emg] {
    display: block;
    font-size: 0.75rem;
    font-weight: 750;
    letter-spacing: 0.1em;
    color: var(--gi-sec);
    text-transform: uppercase;
}

.strip-text h4[b-qukv3x0emg] {
    font-size: 1.06rem;
    font-weight: 750;
    color: var(--gi-ink);
    margin: 0.25rem 0 0.25rem;
    line-height: 1.35;
}

.strip-text p[b-qukv3x0emg] {
    margin: 0;
    font-size: 0.88rem;
    color: var(--gi-sec);
}

.strip-cta[b-qukv3x0emg] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.strip-price[b-qukv3x0emg] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--gi-ink);
    font-variant-numeric: tabular-nums;
}

.readiness-strip[b-qukv3x0emg]  .strip-button {
    white-space: nowrap;
}

@media (max-width: 640px) {
    .strip-thumb[b-qukv3x0emg] {
        display: none;
    }
}
/* _content/Assisto.Marketing/Components/Facility/SurveyWindowBand.razor.rz.scp.css */
.survey-window-band[b-rth2jv7b8i] {
    margin: 3rem 0;
    padding: 1.35rem 1.6rem;
    background: #fff;
    border: 1px solid var(--gi-border);
    border-radius: 14px;
    box-shadow: var(--gi-shadow);
}

.survey-window-header[b-rth2jv7b8i] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.survey-window-pill[b-rth2jv7b8i] {
    flex: 0 0 auto;
    font-size: 0.845rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.25rem 0.75rem;
    border-radius: 7px;
    white-space: nowrap;
}

.survey-window-oncycle .survey-window-pill[b-rth2jv7b8i] {
    background: var(--gi-chip-bg);
    color: var(--gi-chip-deep);
}

.survey-window-due .survey-window-pill[b-rth2jv7b8i] {
    background: var(--gi-warn-soft);
    color: var(--gi-warn-text);
}

.survey-window-overdue .survey-window-pill[b-rth2jv7b8i] {
    background: var(--gi-bad-soft);
    color: var(--gi-bad-text);
}

.survey-window-headline[b-rth2jv7b8i] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 750;
    color: var(--gi-ink);
    line-height: 1.35;
}

/* Month-by-month meter: one cell per month of the typical resurvey interval. */
.survey-meter-caption[b-rth2jv7b8i] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1.05rem;
}

.meter-big[b-rth2jv7b8i] {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--gi-ink);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.meter-rest[b-rth2jv7b8i] {
    font-size: 0.95rem;
    color: var(--gi-sec);
    line-height: 1.45;
}

.survey-cells[b-rth2jv7b8i] {
    display: flex;
    gap: 4px;
    margin-top: 0.7rem;
}

.survey-cell[b-rth2jv7b8i] {
    flex: 1 1 0;
    height: 28px;
    border-radius: 6px;
    background: var(--gi-neutral-chip);
}

/* Window months still ahead. */
.survey-cell.zone-open[b-rth2jv7b8i] {
    background: var(--gi-warn-soft);
}

/* Elapsed months, on cycle. */
.survey-cell.done[b-rth2jv7b8i] {
    background: var(--gi-accent);
}

/* Elapsed months inside the open window — deeper amber than the pale "ahead" cells. */
.survey-cell.done.zone-open[b-rth2jv7b8i] {
    background: #d99a1f;
}

/* Current month. */
.survey-cell.now[b-rth2jv7b8i] {
    outline: 2.5px solid var(--gi-ink);
    outline-offset: 1.5px;
}

.survey-scale[b-rth2jv7b8i] {
    display: flex;
    gap: 4px;
    margin-top: 0.6rem;
}

/* 11 : 4 mirrors SurveyWindowMath DueFromMonths : (OverdueAfterMonths − DueFromMonths). */
.scale-cycle[b-rth2jv7b8i] {
    flex: 11 1 0;
    min-width: 0;
}

.scale-open[b-rth2jv7b8i] {
    flex: 4 1 0;
    min-width: 0;
}

.survey-scale span[b-rth2jv7b8i] {
    font-size: 0.9rem;
    color: var(--gi-sec);
    line-height: 1.4;
}

.survey-scale b[b-rth2jv7b8i] {
    color: var(--gi-ink);
    font-weight: 650;
}

.survey-window-detail[b-rth2jv7b8i] {
    margin: 0.9rem 0 0;
    color: var(--gi-sec);
    font-size: 0.95rem;
    line-height: 1.55;
}

.survey-window-disclaimer[b-rth2jv7b8i] {
    margin: 0.85rem 0 0;
    font-size: 0.875rem;
    color: var(--gi-neutral-text);
    line-height: 1.5;
}

@media (max-width: 560px) {
    .survey-scale[b-rth2jv7b8i] {
        flex-direction: column;
        gap: 0.2rem;
    }

    .scale-cycle[b-rth2jv7b8i],
    .scale-open[b-rth2jv7b8i] {
        flex: none;
    }
}
/* _content/Assisto.Marketing/Components/FAQ.razor.rz.scp.css */
/* Green-ink FAQ: white bordered cards in a single column (mockup design).
   Accordion mechanics stay native <details>/<summary>. */

.faq-block[b-gm07abebk3] {
    margin: 4.5rem 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.faq-list[b-gm07abebk3] {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 820px;
}

.faq-card[b-gm07abebk3] {
    background: #fff;
    border: 1px solid var(--gi-border, #dcebe6);
    border-radius: 12px;
}

.faq-q[b-gm07abebk3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 22px;
    cursor: pointer;
    list-style: none;
}

.faq-q[b-gm07abebk3]::-webkit-details-marker {
    display: none;
}

.faq-q h3[b-gm07abebk3] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #123530;
    line-height: 1.4;
}

.faq-chevron[b-gm07abebk3] {
    flex-shrink: 0;
    color: #0b8f81;
    display: flex;
    transition: transform 0.15s ease;
}

.faq-chevron svg[b-gm07abebk3] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.faq-card[open] .faq-chevron[b-gm07abebk3] {
    transform: rotate(180deg);
}

.faq-a[b-gm07abebk3] {
    margin: 0;
    padding: 0 22px 18px;
    font-size: 0.94rem;
    line-height: 1.55;
    color: #3f524c;
}

.faq-q:focus-visible[b-gm07abebk3] {
    outline: 2px solid #0ba292;
    outline-offset: 2px;
    border-radius: 12px;
}

@media (prefers-reduced-motion: reduce) {
    .faq-chevron[b-gm07abebk3] {
        transition: none;
    }
}
/* _content/Assisto.Marketing/Components/Layout/Footer.razor.rz.scp.css */
.footer-main-container[b-td23vu8tuy] {
    color: rgba(255, 255, 255, 0.78);
    background-color: #123530;
    margin-bottom: 0;
    padding: 56px 28px 34px;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.footer-inner[b-td23vu8tuy] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 36px;
    max-width: 1120px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.footer-logo[b-td23vu8tuy] {
    height: 30px;
    width: auto;
}

.footer-tagline[b-td23vu8tuy] {
    margin: 14px 0 0;
    max-width: 300px;
    font-size: 0.9rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.78);
}

.footer-col h4[b-td23vu8tuy] {
    color: #bcdf0c;
    font-size: 0.9rem;
    font-weight: 750;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin: 0 0 14px;
}

.footer-link[b-td23vu8tuy] {
    display: block;
    color: rgba(255, 255, 255, 0.78);
    text-decoration: none;
    font-size: 0.92rem;
    padding: 4px 0;
    transition: color 0.2s;
}

.footer-link:hover[b-td23vu8tuy] {
    color: #fff;
}

.footer-bottom[b-td23vu8tuy] {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    max-width: 1120px;
    margin: 0 auto;
    padding-top: 22px;
    text-align: center;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.9rem;
    line-height: 1.6;
}

/* Strong "as is / no responsibility" notice, sitting above the legal links. */
.footer-disclaimer[b-td23vu8tuy] {
    max-width: 980px;
    margin: 0 auto 1.2rem;
    font-size: 0.9rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.55);
    text-align: center;
}

/* Keep the legal links and the copyright on separate lines. */
.footer-legal[b-td23vu8tuy],
.footer-copyright[b-td23vu8tuy] {
    display: block;
}

.footer-copyright[b-td23vu8tuy] {
    margin-top: 0.35rem;
}

.footer-bottom-link[b-td23vu8tuy] {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: underline;
    margin: 0 0.2rem;
}

.footer-bottom-link:hover[b-td23vu8tuy] {
    color: #fff;
}

@media (max-width: 960px) {
    .footer-inner[b-td23vu8tuy] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .footer-main-container[b-td23vu8tuy] {
        padding: 40px 24px 30px;
    }

    .footer-inner[b-td23vu8tuy] {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}
/* _content/Assisto.Marketing/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-pq1007olye] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

main[b-pq1007olye] {
    flex: 1;
    width: 100%;
    margin: 0 auto;
}

.content[b-pq1007olye] {
    margin-top: 0rem !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px;
}

.top-row[b-pq1007olye] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-pq1007olye]  a, .top-row[b-pq1007olye]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-pq1007olye]  a:hover, .top-row[b-pq1007olye]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-pq1007olye]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-pq1007olye] {
        justify-content: space-between;
    }

    .top-row[b-pq1007olye]  a, .top-row[b-pq1007olye]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-pq1007olye] {
        flex-direction: column;
    }

    .top-row[b-pq1007olye] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-pq1007olye]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-pq1007olye], article[b-pq1007olye] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-pq1007olye] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-pq1007olye] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.page-scroll-top-button[b-pq1007olye] {
    position: fixed;
    right: 1rem;
    /* Stacked just above the teal assistant launcher (pinned at the bottom-right corner, ~48px tall). */
    bottom: 5.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    border-radius: 999px;
    /* Neutral grey, semi-transparent so it reads as a distinct, unobtrusive utility control,
       separate from the teal assistant launcher. */
    background: rgba(90, 99, 110, 0.45);
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(60, 65, 72, 0.25);
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
    z-index: 9999;
}

.page-scroll-top-button:hover[b-pq1007olye] {
    background: rgba(90, 99, 110, 0.7);
}

.page-scroll-top-button.is-visible[b-pq1007olye] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* On mobile the assistant launcher sits at bottom:20px and is ~44px tall (see livechat.css
   480px rules), so its top sits near 64px. Stack the arrow just above it with a small gap. */
@media (max-width: 480px) {
    .page-scroll-top-button[b-pq1007olye] {
        bottom: 5.5rem;
    }
}


/* _content/Assisto.Marketing/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-assisto[b-yhnn2sfcsi] {
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.navbar-assisto .navbar[b-yhnn2sfcsi] {
    background-color: white;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid var(--assisto-border);
}

.navbar-assisto .container-fluid[b-yhnn2sfcsi] {
    width: 90%;
    max-width: 1300px;
}

.navbar-assisto .navbar-brand[b-yhnn2sfcsi] {
    font-size: 1.1rem;
    color: var(--assisto-primary);
    height: 43px;
}

.navbar-assisto .navbar-checkbox[b-yhnn2sfcsi] {
    display: none;
}

.navbar-assisto .navbar-toggler[b-yhnn2sfcsi] {
    border: 1px solid var(--assisto-border);
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border-radius: 0.25rem;
}

.navbar-assisto .navbar-toggler-icon[b-yhnn2sfcsi] {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

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

.navbar-assisto .navbar-nav[b-yhnn2sfcsi] {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-assisto .nav-item[b-yhnn2sfcsi] {
    padding: 0.5rem 1rem;
}

.navbar-assisto[b-yhnn2sfcsi]  .nav-link {
    color: black;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin: 0.5rem 0.5rem;
}

    .navbar-assisto[b-yhnn2sfcsi]  .nav-link:hover {
        color: var(--assisto-primary-focus);
    }

    .navbar-assisto[b-yhnn2sfcsi]  .nav-link.active {
        color: var(--assisto-primary-focus);
    }

@media (min-width: 992px) {
    .navbar-assisto .navbar-nav[b-yhnn2sfcsi] {
        flex-direction: row;
    }

    .navbar-assisto .nav-item[b-yhnn2sfcsi] {
        padding: 0rem 0.5rem;
    }
}

.navbar-assisto .signup-btn[b-yhnn2sfcsi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 22px;
    border-radius: 10px;
    background: var(--assisto-primary);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s ease;
}

.navbar-assisto .signup-btn:hover[b-yhnn2sfcsi] {
    background: #0b8f81;
}

/* Dropdown submenu styles */
.navbar-assisto .dropdown[b-yhnn2sfcsi] {
    position: relative;
}

.navbar-assisto .dropdown-toggle[b-yhnn2sfcsi]::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.navbar-assisto .dropdown-menu[b-yhnn2sfcsi] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 250px;
    padding: 8px;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid #dcebe6;
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(9, 80, 72, 0.13);
}

.navbar-assisto .dropdown-menu.show[b-yhnn2sfcsi] {
    display: block;
}

.navbar-assisto .dropdown-item[b-yhnn2sfcsi],
.navbar-assisto[b-yhnn2sfcsi]  .dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 9px 12px;
    clear: both;
    font-size: 0.93rem;
    font-weight: 550;
    color: #1c433c;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: 8px;
}

.navbar-assisto .dropdown-item:hover[b-yhnn2sfcsi],
.navbar-assisto .dropdown-item:focus[b-yhnn2sfcsi],
.navbar-assisto[b-yhnn2sfcsi]  .dropdown-item:hover,
.navbar-assisto[b-yhnn2sfcsi]  .dropdown-item:focus {
    color: #0b8f81;
    background-color: #f2faf7;
}

.navbar-assisto[b-yhnn2sfcsi]  .dropdown-item.active {
    color: #0b8f81;
    background-color: #f2faf7;
}

.navbar-assisto[b-yhnn2sfcsi]  .dropdown-item-featured {
    background-color: #f2faf7;
    color: #0b8f81;
}

.newchip[b-yhnn2sfcsi] {
    background: #e4f286;
    color: #3d4d05;
    font-size: 0.845rem;
    font-weight: 750;
    letter-spacing: 0.05em;
    padding: 1px 7px;
    border-radius: 5px;
}

/* Hover dropdown functionality */
@media (min-width: 992px) {
    .navbar-assisto .dropdown:hover .dropdown-menu[b-yhnn2sfcsi] {
        display: block;
    }
    
    .navbar-assisto .dropdown-menu[b-yhnn2sfcsi] {
        margin-top: 0;
    }
}

/* Mobile dropdown styles */
@media (max-width: 991.98px) {
    .navbar-assisto .dropdown-menu[b-yhnn2sfcsi] {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #f8f9fa;
        border: 0;
        box-shadow: none;
    }
    
    .navbar-assisto .dropdown-item[b-yhnn2sfcsi] {
        padding-left: 2rem;
    }
}
/* _content/Assisto.Marketing/Components/POCWriterOffer.razor.rz.scp.css */
.poc-pricing[b-r3nor0k66v] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-top: 32px;
    max-width: 860px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.poc-pricing-single[b-r3nor0k66v] {
    grid-template-columns: minmax(0, 420px);
    justify-content: center;
}

.poc-price-card[b-r3nor0k66v] {
    position: relative;
    background: #fff;
    border: 1px solid var(--gi-border, #dcebe6);
    border-radius: var(--gi-radius-card, 14px);
    box-shadow: var(--gi-shadow, 0 10px 24px rgba(9, 80, 72, .05), 0 2px 6px rgba(9, 80, 72, .06));
    padding: 30px;
    display: flex;
    flex-direction: column;
}

.poc-price-hot[b-r3nor0k66v] {
    border: 2px solid #0ba292;
}

.poc-price-tag[b-r3nor0k66v] {
    position: absolute;
    top: -13px;
    left: 26px;
    background: #0ba292;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 3px 11px;
    border-radius: 6px;
}

.poc-price-name[b-r3nor0k66v] {
    font-size: 1.05rem;
    font-weight: 750;
    color: #123530;
}

.poc-price-line[b-r3nor0k66v] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 10px 0 2px;
}

.poc-price-line b[b-r3nor0k66v] {
    font-size: 2.6rem;
    font-weight: 800;
    color: #123530;
    letter-spacing: -0.02em;
}

.poc-price-line span[b-r3nor0k66v] {
    font-size: 0.95rem;
    color: #3f524c;
}

.poc-price-note[b-r3nor0k66v] {
    font-size: 0.92rem;
    color: #3f524c;
    margin: 4px 0 0;
}

.poc-volchip[b-r3nor0k66v] {
    display: inline-block;
    background: #e4f286;
    color: #3d4d05;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 6px;
}

.poc-plist[b-r3nor0k66v] {
    list-style: none;
    margin: 18px 0 24px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.poc-plist li[b-r3nor0k66v] {
    display: flex;
    gap: 10px;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #16261f;
}

.poc-tick[b-r3nor0k66v] {
    color: #1d7a4f;
    font-weight: 800;
    flex-shrink: 0;
}

.poc-price-btn[b-r3nor0k66v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    border-radius: 10px;
    font-size: 1.05rem;
    font-weight: 650;
    text-decoration: none;
    border: 1.5px solid transparent;
    transition: background 0.15s ease;
}

.poc-price-btn-solid[b-r3nor0k66v] {
    background: #0ba292;
    color: #fff;
}

.poc-price-btn-solid:hover[b-r3nor0k66v] {
    background: #0b8f81;
}

.poc-price-btn-ghost[b-r3nor0k66v] {
    background: #fff;
    color: #123530;
    border-color: #123530;
}

.poc-price-btn-ghost:hover[b-r3nor0k66v] {
    background: var(--gi-mist, #f2faf7);
}

.poc-price-btn:focus-visible[b-r3nor0k66v] {
    outline: 2px solid #0ba292;
    outline-offset: 2px;
}

@media (max-width: 860px) {
    .poc-pricing[b-r3nor0k66v] {
        grid-template-columns: 1fr;
        max-width: 480px;
    }
}
/* _content/Assisto.Marketing/Components/Reports/ReportArticle.razor.rz.scp.css */
.report-card[b-gjjfd19gbu] {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.report-card:hover[b-gjjfd19gbu] {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.report-thumbnail[b-gjjfd19gbu] {
    position: relative;
    padding-top: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
    background-color: var(--assisto-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbnail-image[b-gjjfd19gbu] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.thumbnail-placeholder[b-gjjfd19gbu] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    opacity: 0.5;
    color: var(--assisto-primary);
}

.report-thumbnail[b-gjjfd19gbu]::before {
    color: var(--assisto-primary);
    font-size: 1.5rem;
    font-weight: bold;
    opacity: 0.5;
}

.report-content[b-gjjfd19gbu] {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.report-meta[b-gjjfd19gbu] {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
    color: var(--assisto-secondary-text);
}

.report-date[b-gjjfd19gbu] {
    color: var(--assisto-primary);
}

.report-category[b-gjjfd19gbu] {
    background-color: var(--assisto-bg);
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    color: var(--assisto-primary);
}

.report-title a[b-gjjfd19gbu] {
    color: var(--assisto-primary-text);
    font-size: 1.5rem;
    margin-bottom: 1rem;
    line-height: 1.3;
    text-decoration: none;
}

.report-excerpt[b-gjjfd19gbu] {
    color: var(--assisto-secondary-text);
    margin-bottom: 1.5rem;
    line-height: 1.6;
    flex-grow: 1;
}

.report-content .btn-primary[b-gjjfd19gbu] {
    background-color: var(--assisto-primary);
    border-color: var(--assisto-primary);
    align-self: flex-start;
    margin-top: auto;
}

.report-content .btn-primary:hover[b-gjjfd19gbu] {
    background-color: var(--assisto-primary-focus);
    border-color: var(--assisto-primary-focus);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .report-content[b-gjjfd19gbu] {
        padding: 1rem;
    }
    
    .report-title a[b-gjjfd19gbu] {
        font-size: 1.25rem;
    }
    
    .report-meta[b-gjjfd19gbu] {
        font-size: 0.8rem;
        gap: 0.5rem;
    }
    
    .report-excerpt[b-gjjfd19gbu] {
        font-size: 0.9rem;
        margin-bottom: 1rem;
    }
}

@media (max-width: 480px) {
    .report-content[b-gjjfd19gbu] {
        padding: 0.75rem;
    }
    
    .report-title a[b-gjjfd19gbu] {
        font-size: 1.1rem;
        margin-bottom: 0.75rem;
    }
    
    .report-meta[b-gjjfd19gbu] {
        margin-bottom: 0.5rem;
    }
    
    .report-excerpt[b-gjjfd19gbu] {
        margin-bottom: 0.75rem;
    }
} 
/* _content/Assisto.Marketing/Components/Search/SearchIntro.razor.rz.scp.css */
.search-intro-container[b-wte7u62tu4] {
    position: fixed;
    /* Pinned to the bottom-LEFT so it clears the bottom-right stack (the teal assistant launcher and the
       back-to-top button), which otherwise overlaps this help button. */
    bottom: 1rem;
    left: 1rem;
    z-index: 1000;
}

.help-icon[b-wte7u62tu4] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--assisto-primary);
    color: white;
    border: none;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: background-color 0.2s;
}

.help-icon:hover[b-wte7u62tu4] {
    background-color: var(--assisto-primary-focus);
}

.search-intro-popup[b-wte7u62tu4] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1001;
    align-items: center;
    justify-content: center;
}

.search-intro-popup[style*="display: block"][b-wte7u62tu4] {
    display: flex !important;
}

.search-intro-content[b-wte7u62tu4] {
    background-color: white;
    padding: 2rem 4.5rem 2rem 2rem;
    border-radius: 8px;
    max-width: 800px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: auto;
    transform: translateY(0);
}

.close-button[b-wte7u62tu4] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    font-size: 1.5rem;
    color: #666;
    cursor: pointer;
    padding: 0.5rem;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.close-button:hover[b-wte7u62tu4] {
    background: #e9ecef;
    color: #333;
    border-color: #adb5bd;
}

.bottom-close-button[b-wte7u62tu4] {
    background-color: var(--assisto-primary);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    margin-top: 1.5rem;
    transition: background-color 0.2s;
    display: block;
    margin-left: auto;
    margin-right: 0;
}

.bottom-close-button:hover[b-wte7u62tu4] {
    background-color: var(--assisto-primary-focus);
}

.search-intro-text h2[b-wte7u62tu4] {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 1rem;
}

.search-intro-text h3[b-wte7u62tu4] {
    font-size: 1.2rem;
    color: #333;
    margin: 1rem 0;
}

.search-intro-text p[b-wte7u62tu4] {
    font-size: 1rem;
    color: #666;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.search-intro-text ul[b-wte7u62tu4] {
    margin: 1rem 0;
    padding-left: 1.5rem;
}

.search-intro-text li[b-wte7u62tu4] {
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

.search-intro-text code[b-wte7u62tu4] {
    background-color: #e9ecef;
    padding: 0.2rem 0.4rem;
    border-radius: 3px;
    font-family: monospace;
}

.search-intro-text abbr[b-wte7u62tu4] {
    text-decoration: none;
    border-bottom: 1px dotted #666;
    cursor: help;
} 
/* _content/Assisto.Marketing/Components/Shared/AboutWebsite.razor.rz.scp.css */
.about-website-section[b-yr5d49gnz1] {
    background-color: #f8f9fa;
    padding: 3rem 0;
    margin: 0rem 0;
}

.about-website-content[b-yr5d49gnz1] {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 1rem;
}

.about-website-content h2[b-yr5d49gnz1] {
    color: #666;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.about-website-content p[b-yr5d49gnz1] {
    color: #666;
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 2rem;
    max-width: 800px;
}

.cms-release-badge[b-yr5d49gnz1] {
    background-color: var(--assisto-primary);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    font-size: 0.95rem;
    font-weight: 500;
    border: none;
    cursor: default;
    max-width: 300px;
}

@media (max-width: 768px) {
    .about-website-section[b-yr5d49gnz1] {
        padding: 2rem 0;
        margin: 1.5rem 0;
    }
    
    .about-website-content[b-yr5d49gnz1] {
        padding: 0 0.75rem;
    }
    
    .about-website-content h2[b-yr5d49gnz1] {
        font-size: 1.75rem;
        margin-bottom: 1rem;
    }
    
    .about-website-content p[b-yr5d49gnz1] {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }
    
    .cms-release-badge[b-yr5d49gnz1] {
        padding: 0.6rem 1.25rem;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .about-website-content h2[b-yr5d49gnz1] {
        font-size: 1.5rem;
    }
    
    .cms-release-badge[b-yr5d49gnz1] {
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
    }
} 
/* _content/Assisto.Marketing/Components/Shared/ClientLogos.razor.rz.scp.css */
.users-section[b-3c034uvtm8] {
    margin: 4.5rem auto;
    padding: 2rem 1rem;
    max-width: 1200px;
}

.users-section-header[b-3c034uvtm8] {
    text-align: center;
    padding-left: 0;
    margin-bottom: 2rem;
}

.users-section-header h2[b-3c034uvtm8] {
    font-family: inherit;
    font-size: 2rem;
    color: black;
}

.users-section-header .lead[b-3c034uvtm8] {
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    color: #1a1a1a;
}

.users-logos-grid[b-3c034uvtm8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.users-logo-card[b-3c034uvtm8] {
    min-height: 130px;
    padding: 1rem 0.75rem;
    border-radius: 8px;
    border: 1px solid var(--assisto-action-bg-border);
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.users-logo-card img[b-3c034uvtm8] {
    max-width: 100%;
    max-height: 86px;
    width: auto;
    height: auto;
    object-fit: contain;
}

@media (max-width: 768px) {
    .users-section[b-3c034uvtm8] {
        padding: 1.5rem 0.75rem;
    }

    .users-logos-grid[b-3c034uvtm8] {
        grid-template-columns: repeat(2, 1fr);
    }

    .users-logo-card[b-3c034uvtm8] {
        min-height: 105px;
        padding: 1rem;
    }

    .users-logo-card img[b-3c034uvtm8] {
        max-height: 74px;
    }
}
/* _content/Assisto.Marketing/Components/Shared/CtaSection.razor.rz.scp.css */
.cta-section[b-zzys2e2e8v] {
    text-align: center;
    background-image: url(/images/layout/check-cta-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    padding: 3rem 2rem;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

.cta-content[b-zzys2e2e8v] {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(2px);
    border-radius: 8px;
    padding: 2rem;
    max-width: 600px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.cta-section h2[b-zzys2e2e8v] {
    color: var(--assisto-primary);
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: bold;
}

.cta-section p[b-zzys2e2e8v] {
    color: var(--assisto-secondary-text);
    margin-bottom: 2rem;
    font-size: 1.1rem;
}

.cta-section .btn-primary[b-zzys2e2e8v] {
    background-color: var(--assisto-primary);
    border-color: var(--assisto-primary);
    padding: 0.75rem 2rem;
    font-size: 1.1rem;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    color: white;
    font-weight: 500;
    transition: all 0.2s ease;
}

.cta-section .btn-primary:hover[b-zzys2e2e8v] {
    background-color: var(--assisto-primary-focus);
    border-color: var(--assisto-primary-focus);
    text-decoration: none;
    color: white;
}

@media (max-width: 768px) {
    .cta-section[b-zzys2e2e8v] {
        padding: 2rem 1rem;
        margin: 2rem auto;
        min-height: 180px;
    }
    
    .cta-content[b-zzys2e2e8v] {
        padding: 1.5rem;
        max-width: 100%;
    }
    
    .cta-section h2[b-zzys2e2e8v] {
        font-size: 1.5rem;
    }
} 
/* _content/Assisto.Marketing/Components/Shared/DataFromCms.razor.rz.scp.css */
/* Quiet band (green-ink widget system): informational, so no card box — mist ground with
   hairlines top and bottom, filling whatever container hosts it. On Home (unpadded container)
   it runs edge to edge; inside padded page containers it spans the content column. */
.data-from-cms[b-8r0jubxh1n] {
    background-color: var(--gi-mist, #f2faf7);
    border-top: 1px solid var(--gi-border, #dcebe6);
    border-bottom: 1px solid var(--gi-border, #dcebe6);
    padding: 40px 28px;
    margin: 4rem 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.data-from-cms-inner[b-8r0jubxh1n] {
    display: flex;
    align-items: center;
    gap: 1.75rem;
    max-width: 900px;
    margin: 0 auto;
}

.data-from-cms-logo[b-8r0jubxh1n] {
    flex-shrink: 0;
    width: 140px;
    height: auto;
    object-fit: contain;
}

.data-from-cms-text h3[b-8r0jubxh1n] {
    margin: 0 0 0.4rem 0;
    color: #123530;
    font-size: 1.28rem;
    font-weight: 750;
    line-height: 1.3;
    text-wrap: balance;
}

.data-from-cms-text p[b-8r0jubxh1n] {
    margin: 0;
    color: #3f524c;
    font-size: 0.98rem;
    line-height: 1.55;
}

@media (max-width: 768px) {
    .data-from-cms[b-8r0jubxh1n] {
        padding: 32px 20px;
    }

    .data-from-cms-inner[b-8r0jubxh1n] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .data-from-cms-logo[b-8r0jubxh1n] {
        width: 120px;
    }
}
/* _content/Assisto.Marketing/Components/Shared/FacilityFinder.razor.rz.scp.css */
/* Quiet band (green-ink widget system): hairlines top and bottom on the mist ground, no card —
   it sits between full-width sections and shouldn't compete with them. */
.facility-finder[b-fgtztu604f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    text-align: center;
    background: var(--gi-mist, #f2faf7);
    border-top: 1px solid var(--gi-border, #dcebe6);
    border-bottom: 1px solid var(--gi-border, #dcebe6);
    padding: 44px 28px;
    margin: 4.5rem 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.facility-finder-text h2[b-fgtztu604f] {
    margin: 0 0 0.6rem;
    font-size: 1.6rem;
    font-weight: 750;
    line-height: 1.25;
    color: #123530;
    text-wrap: balance;
}

.facility-finder-mark[b-fgtztu604f] {
    background: #e4f286;
    color: #123530;
    padding: 0 0.16em;
    border-radius: 4px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.facility-finder-text p[b-fgtztu604f] {
    margin: 0 auto;
    color: #3f524c;
    font-size: 1.02rem;
    max-width: 620px;
}

.facility-finder-control[b-fgtztu604f] {
    width: 100%;
    max-width: 640px;
    display: flex;
    gap: 0.75rem;
    align-items: stretch;
}

/* Match the Telerik combo to the button height (it self-sizes shorter otherwise). */
.facility-finder-control[b-fgtztu604f]  .facility-finder-combo {
    flex: 1 1 auto;
    min-width: 0;
    height: 52px;
    border: 1.5px solid #cfe3dd;
    border-radius: 10px;
}

.facility-finder-control[b-fgtztu604f]  .facility-finder-combo .k-input-inner {
    padding: 0 16px;
}

.facility-finder-control[b-fgtztu604f]  .facility-finder-button {
    flex: 0 0 auto;
    height: 52px;
    white-space: nowrap;
}

@media (max-width: 560px) {
    .facility-finder-control[b-fgtztu604f] {
        flex-direction: column;
    }
}
/* _content/Assisto.Marketing/Components/Shared/FacilityResponseSection.razor.rz.scp.css */
.section-header[b-muxdjawzdv] {
    padding: 0 10px;
    margin-bottom: 0;
}

.facility-response-section[b-muxdjawzdv] {
    margin: 3.5rem 0 0 0;
    border-radius: 8px;
    margin-bottom: 60px;
    background-size: cover;
    padding: 30px 0;
    background-repeat: no-repeat;
    background-image: url(/images/layout/light-green-bg.svg);
}

.facility-response-section h2[b-muxdjawzdv] {
    color: var(--assisto-primary-text);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.facility-response[b-muxdjawzdv] {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 1.5rem;
    border-radius: 6px;
    margin-bottom: 1.5rem;
}

.response-header[b-muxdjawzdv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.checkmark-icon[b-muxdjawzdv] {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230ba292'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.facility-response h3[b-muxdjawzdv] {
    color: var(--assisto-primary);
    margin: 0;
    font-size: 1.2rem;
}

.more-responses[b-muxdjawzdv] {
    text-align: center;
    margin-top: 1rem;
}

/* List item spacing */
[b-muxdjawzdv] .facility-response ul li,
[b-muxdjawzdv] .facility-response ol li {
    margin-bottom: 1rem;
    line-height: 1.6;
}

[b-muxdjawzdv] .facility-response ul li:last-child,
[b-muxdjawzdv] .facility-response ol li:last-child {
    margin-bottom: 0;
}

/* Citation link styling */
[b-muxdjawzdv] .citation-link {
    color: var(--assisto-blue);
    font-size: 14px;
    white-space: nowrap;
}
/* _content/Assisto.Marketing/Components/Shared/GetUpdatesButton.razor.rz.scp.css */

.get-updates-container[b-k8j6gish3n] {
    margin: 35px auto;
    width: 320px;
}

@media (max-width: 768px) {
    /* Center the (wider-than-320px) button instead of letting it overflow left. */
    .get-updates-container[b-k8j6gish3n] {
        width: auto;
        display: flex;
        justify-content: center;
        margin: 35px 1rem;
    }
}
/* _content/Assisto.Marketing/Components/Shared/HeroBanner.razor.rz.scp.css */
.hero-banner[b-dh1fqeo4ku] {
    background-color: #0ba292;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='780' viewBox='0 0 1440 780' fill='none'%3E%3Crect width='1440' height='780' fill='%230b8f81'/%3E%3Cg opacity='0.5' stroke='white' stroke-width='3' fill='none'%3E%3Ccircle opacity='0.1' cx='1813' cy='-44' r='677'/%3E%3Ccircle opacity='0.1' cx='1588' cy='68' r='677'/%3E%3Ccircle opacity='0.1' cx='1411' cy='143' r='717'/%3E%3Ccircle opacity='0.1' cx='1160' cy='233' r='717'/%3E%3Cellipse opacity='0.1' cx='1016' cy='275' rx='824' ry='759'/%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
    background-position: top right;
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.hero-wrap[b-dh1fqeo4ku] {
    max-width: 1120px;
    margin: 0 auto;
    padding: 58px 28px 64px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 56px;
}

.hero-main[b-dh1fqeo4ku] {
    flex: 1;
    min-width: 0;
}

.hero-side[b-dh1fqeo4ku] {
    flex-shrink: 0;
    width: 400px;
}

.hero-eyebrow[b-dh1fqeo4ku] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.hero-eyebrow-text[b-dh1fqeo4ku] {
    font-size: 0.9rem;
    font-weight: 750;
    letter-spacing: 0.12em;
    color: rgba(255, 255, 255, 0.85);
}

.hero-pricechip[b-dh1fqeo4ku] {
    background: #123530;
    color: #bcdf0c;
    font-size: 0.9rem;
    font-weight: 750;
    padding: 3px 11px;
    border-radius: 6px;
    letter-spacing: 0.06em;
}

.hero-title[b-dh1fqeo4ku] {
    font-size: 2.7rem;
    font-weight: 750;
    line-height: 1.14;
    letter-spacing: -0.018em;
    max-width: 820px;
    margin: 0;
    text-wrap: balance;
}

/* Lime marker highlight — authored inside the page-supplied TitleContent fragment. */
[b-dh1fqeo4ku] .hero-mark {
    background: #e4f286;
    color: #123530;
    padding: 0 0.16em;
    border-radius: 4px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.hero-sub[b-dh1fqeo4ku] {
    margin: 18px 0 26px;
    font-size: 1.15rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.92);
    max-width: 700px;
}

.hero-ctas[b-dh1fqeo4ku] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
}

/* Hero CTA buttons + trailing proof line — authored in the page-supplied CtasContent fragment. */
[b-dh1fqeo4ku] .hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 22px;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 650;
    text-decoration: none;
    border: 1.5px solid transparent;
    cursor: pointer;
    font-family: inherit;
}

[b-dh1fqeo4ku] .hero-btn-big {
    padding: 14px 28px;
    font-size: 1.05rem;
}

[b-dh1fqeo4ku] .hero-btn-white {
    background: #fff;
    color: #123530;
}

[b-dh1fqeo4ku] .hero-btn-white:hover {
    background: #f2faf7;
}

[b-dh1fqeo4ku] .hero-btn-ghostwhite {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.55);
}

[b-dh1fqeo4ku] .hero-btn-ghostwhite:hover {
    background: rgba(255, 255, 255, 0.1);
}

[b-dh1fqeo4ku] .hero-proof,
[b-dh1fqeo4ku] .hero-trial {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

/* Framed photo in the SideContent slot — shared by every page that puts an image on the
   banner (Home, Survey-Prep, Briefing, POC Writer). Authored in host pages, hence ::deep. */
[b-dh1fqeo4ku] .hero-photo {
    margin: 0;
    background: #fff;
    border-radius: 16px;
    padding: 10px;
    box-shadow: 0 18px 44px rgba(6, 50, 45, 0.25);
}

[b-dh1fqeo4ku] .hero-photo img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* For source images that aren't naturally landscape-ish (tall portraits, wide strips):
   crop to a consistent frame so the banner keeps its proportions. */
[b-dh1fqeo4ku] .hero-photo-crop img {
    aspect-ratio: 10 / 9;
    object-fit: cover;
}

@media (max-width: 1020px) {
    .hero-side[b-dh1fqeo4ku] {
        display: none;
    }
}

@media (max-width: 960px) {
    .hero-title[b-dh1fqeo4ku] {
        font-size: 2.15rem;
    }
}

@media (max-width: 600px) {
    .hero-wrap[b-dh1fqeo4ku] {
        padding: 44px 20px 48px;
    }
}
/* _content/Assisto.Marketing/Components/Shared/InkBandCta.razor.rz.scp.css */
.inkband[b-tzdjforvhq] {
    background: #123530;
    border-radius: var(--gi-radius-card, 14px);
    padding: 34px 38px;
    display: flex;
    align-items: center;
    gap: 28px;
    color: #fff;
    max-width: 1120px;
    margin: 3rem auto;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.inkband-text[b-tzdjforvhq] {
    flex: 1;
}

.inkband h3[b-tzdjforvhq] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 750;
    line-height: 1.3;
    color: #fff;
    text-wrap: balance;
}

.inkband-lime[b-tzdjforvhq] {
    color: var(--assisto-highlight-yellow, #bcdf0c);
}

.inkband p[b-tzdjforvhq] {
    margin: 8px 0 0;
    font-size: 0.95rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.8);
    max-width: 560px;
}

.inkband-btn[b-tzdjforvhq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 22px;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 650;
    text-decoration: none;
    background: var(--assisto-highlight-yellow, #bcdf0c);
    color: #123530;
    white-space: nowrap;
    transition: background 0.15s ease;
}

.inkband-btn:hover[b-tzdjforvhq] {
    background: #cdee2e;
}

@media (max-width: 700px) {
    .inkband[b-tzdjforvhq] {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 28px 24px;
        margin: 2rem 1rem;
    }

    .inkband-btn[b-tzdjforvhq] {
        width: 100%;
        white-space: normal;
        text-align: center;
    }
}
/* _content/Assisto.Marketing/Components/Shared/PageHeader.razor.rz.scp.css */
.page-header[b-42et8k44hw] {
    text-align: center;
    margin-bottom: 0rem;
    padding: 2rem 10px;
    border-bottom: 1px solid var(--assisto-action-bg-border);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-header.with-image[b-42et8k44hw] {
    height: 300px;
    padding: 3rem 0;
}

.page-header h1[b-42et8k44hw] {
    color: white;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.page-header .lead[b-42et8k44hw] {
    color: white;
    font-size: 1.25rem;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.page-header-image[b-42et8k44hw] {
    margin-bottom: 0;
    text-align: center;
}

    .page-header-image img[b-42et8k44hw] {
        max-width: 75%;
        height: auto;
        border-radius: 12px;
    }

@media (max-width: 768px) {
    .page-header h1[b-42et8k44hw] {
        font-size: 2rem;
    }
    
    .page-header .lead[b-42et8k44hw] {
        font-size: 1.1rem;
    }
    
    .page-header.with-image[b-42et8k44hw] {
        height: 250px;
        padding: 2rem 0;
    }
    
    .page-header-image[b-42et8k44hw] {
        margin-bottom: 1.5rem;
    }

        .page-header-image img[b-42et8k44hw] {
            max-width: 100%;
        }
} 
/* _content/Assisto.Marketing/Components/Shared/PageLoader.razor.rz.scp.css */
.page-loader[b-ididvlq3k0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    width: 100%;
    min-height: 240px;
    padding: 2rem 1rem;
    text-align: center;
}

.page-loader-text[b-ididvlq3k0] {
    color: var(--assisto-secondary-text, #5f6b7a);
    font-size: 1rem;
    font-weight: 500;
}
/* _content/Assisto.Marketing/Components/Shared/PopularSearches.razor.rz.scp.css */
.search-tips-grid[b-pa78l4vl7b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
    max-width: 1024px;
    margin: 2rem auto;
}

@media (max-width: 768px) {
    .search-tips-grid[b-pa78l4vl7b] {
        grid-template-columns: 1fr;
        padding: 0 10px;
    }
} 
/* _content/Assisto.Marketing/Components/Shared/QuickSearchCard.razor.rz.scp.css */
/* Standard-tier card of the green-ink widget system (white surface, soft shadow, chip kicker).
   Owns its own width and centering — same recipe as .hero-watch — so callers need no wrapper. */
.quicksearch-card[b-23f389prig] {
    width: min(900px, 100% - 24px);
    margin-inline: auto;
    background: #fff;
    border: 1px solid var(--gi-border, #dcebe6);
    border-radius: var(--gi-radius-card, 14px);
    box-shadow: var(--gi-shadow, 0 10px 24px rgba(9, 80, 72, .05), 0 2px 6px rgba(9, 80, 72, .06));
    padding: 26px 28px;
    box-sizing: border-box;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Quiet-band variant: full-width mist strip, content centred and on one line. */
.qs-band[b-23f389prig] {
    background: var(--gi-mist, #f2faf7);
    border-top: 1px solid var(--gi-border, #dcebe6);
    border-bottom: 1px solid var(--gi-border, #dcebe6);
    padding: 28px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.qs-band-inner[b-23f389prig] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 16px 20px;
    flex-wrap: wrap;
}

.qs-band .qs-kicker[b-23f389prig] {
    margin: 0;
}

.qs-band .qs-label[b-23f389prig] {
    margin: 0;
    flex: 1;
    min-width: 260px;
}

.qs-band .qs-form[b-23f389prig] {
    flex: 1 1 320px;
}

.qs-kicker[b-23f389prig] {
    display: inline-block;
    background: var(--gi-chip-bg, #e3f4f0);
    color: var(--gi-chip-deep, #0b6e63);
    border-radius: 7px;
    padding: 4px 10px;
    margin: 0 0 12px;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.qs-label[b-23f389prig] {
    display: block;
    font-size: 1.28rem;
    font-weight: 750;
    color: #123530;
    line-height: 1.3;
    margin: 0 0 16px;
    text-wrap: balance;
}

.qs-form[b-23f389prig] {
    display: flex;
    gap: 12px;
}

.qs-input[b-23f389prig] {
    flex: 1;
    min-width: 0;
    height: 52px;
    border: 1.5px solid var(--gi-border-2, #cfe3dd);
    border-radius: 10px;
    padding: 0 16px;
    font: inherit;
    font-size: 1rem;
    color: #16261f;
    background: #fff;
}

.qs-input[b-23f389prig]::placeholder {
    color: #7f948e;
}

.qs-btn[b-23f389prig] {
    height: 52px;
    border: 0;
    border-radius: 10px;
    padding: 0 26px;
    background: #0ba292;
    color: #fff;
    font: inherit;
    font-size: 1rem;
    font-weight: 650;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease;
}

.qs-btn:hover[b-23f389prig] {
    background: #0b8f81;
}

/* Link-only mode: the same button, as an anchor. */
.qs-btn-link[b-23f389prig] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.qs-input:focus-visible[b-23f389prig],
.qs-btn:focus-visible[b-23f389prig] {
    outline: 2px solid #0ba292;
    outline-offset: 2px;
}

@media (max-width: 700px) {
    .qs-form[b-23f389prig] {
        flex-direction: column;
    }

    /* In a column container flex:1 governs the VERTICAL axis — its basis of 0 overrides the
       52px height and collapses the input. Stop flexing; let height rule again. */
    .qs-input[b-23f389prig] {
        flex: none;
    }

    .qs-btn[b-23f389prig] {
        width: 100%;
    }
}
/* _content/Assisto.Marketing/Components/Shared/SectionTitle.razor.rz.scp.css */
.section-title[b-4vhjqkw3fc] {
    text-align: center;
    margin-bottom: 2rem;
}

.section-title h2[b-4vhjqkw3fc] {
    color: var(--assisto-primary);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-transform: capitalize;
}

.section-title .lead[b-4vhjqkw3fc] {
    color: var(--assisto-primary-text);
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.2;
    max-width: 900px;
    margin: 0 auto;
} 
/* _content/Assisto.Marketing/Components/Shared/SellingPoints.razor.rz.scp.css */
.selling-points-section[b-itgdfzf92v] {
    padding: 4rem 0;
    text-align: center;
    background-color: #f8f9fa;
    margin-bottom: 3rem;
}

.selling-points-title[b-itgdfzf92v] {
    font-size: 1.85rem;
    font-weight: bold;
    color: var(--assisto-primary-text);
    margin-bottom: 3rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.3;
}

.selling-points-title .highlight[b-itgdfzf92v] {
    color: var(--assisto-primary);
}

.selling-points-grid[b-itgdfzf92v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.selling-point[b-itgdfzf92v] {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.selling-point:hover[b-itgdfzf92v] {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.selling-point-icon[b-itgdfzf92v] {
    margin-bottom: 1.5rem;
}

.selling-point-icon img[b-itgdfzf92v] {
    width: 48px;
    height: 48px;
}

.selling-point-title[b-itgdfzf92v] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--assisto-primary-text);
    margin-bottom: 1rem;
}

.selling-point-description[b-itgdfzf92v] {
    color: var(--assisto-secondary-text);
    line-height: 1.6;
    font-size: 1rem;
}

@media (max-width: 768px) {
    .selling-points-section[b-itgdfzf92v] {
        padding: 3rem 0;
    }
    
    .selling-points-title[b-itgdfzf92v] {
        font-size: 1.5rem;
    }
    
    .selling-points-grid[b-itgdfzf92v] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .selling-point[b-itgdfzf92v] {
        padding: 1.5rem;
    }
} 
/* _content/Assisto.Marketing/Components/Shared/SocialProof.razor.rz.scp.css */
.social-proof[b-ai1i7nmzco] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a1a;
    background: linear-gradient(135deg, #f8f9fa 0%, #eef1f4 100%);
    border: 1px solid var(--assisto-action-bg-border);
    border-radius: 12px;
    padding: 1.1rem 1.5rem;
    margin: 2rem 0 4rem 0;
    width: 100%;
    box-sizing: border-box;
}

.social-proof[b-ai1i7nmzco]::before {
    content: "★★★★★";
    color: #f5a623;
    font-size: 1rem;
    letter-spacing: 1px;
}

.social-proof[b-ai1i7nmzco]  strong {
    color: var(--assisto-primary);
    font-weight: 800;
}

@media (max-width: 768px) {
    /* Stack so the stars (::before) sit on their own line above the text
       instead of being squeezed to the left of the wrapping copy. */
    .social-proof[b-ai1i7nmzco] {
        flex-direction: column;
        gap: 0.4rem;
    }

    .social-proof[b-ai1i7nmzco]::before {
        font-size: 1.25rem;
    }
}
/* _content/Assisto.Marketing/Components/Shared/SurveyReadyWidget.razor.rz.scp.css */
.survey-ready-widget[b-nxfr8u6ckl] {
    margin-top: 2rem;
    background-color: white;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    overflow: hidden;
}

.survey-ready-text[b-nxfr8u6ckl] {
    padding: 2.5rem 2rem;
    background-color: var(--assisto-primary);
    background-image: url(/images/layout/banner-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.survey-ready-text h2[b-nxfr8u6ckl] {
    margin: 0 0 1rem 0;
    color: white;
    font-size: 2rem;
}

.survey-ready-text p[b-nxfr8u6ckl] {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
}

/* .highlight-yellow / .highlight-green are injected via MarkupString and
   styled globally in app.css (scoped CSS can't reach MarkupString content). */

.state-focused-copy[b-nxfr8u6ckl] {
    font-weight: 600;
}

.solution-rows[b-nxfr8u6ckl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem 2rem 2rem;
}

.solution-row[b-nxfr8u6ckl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.5rem 1.75rem;
    border-radius: 12px;
    border: 1px solid #e6e6e6;
}

.solution-row-reports[b-nxfr8u6ckl] {
    background-color: #f0faf8;
    border-color: var(--assisto-primary);
}

.solution-row-poc[b-nxfr8u6ckl] {
    background-color: #fdeef4;
    border-color: #e91e63;
}

.solution-row-text[b-nxfr8u6ckl] {
    flex: 1;
}

.solution-row-text h3[b-nxfr8u6ckl] {
    margin: 0 0 0.35rem 0;
    color: #2b2b2b;
    font-size: 1.15rem;
    font-weight: 700;
}

.solution-row-text p[b-nxfr8u6ckl] {
    margin: 0;
    color: #4a5a58;
    font-size: 0.95rem;
    line-height: 1.5;
}

.solution-row[b-nxfr8u6ckl]  a {
    flex-shrink: 0;
    white-space: nowrap;
    font-weight: 600;
}

[b-nxfr8u6ckl] a.survey-reports-button {
    background-color: var(--assisto-primary);
    border-color: var(--assisto-primary);
    color: white;
    box-shadow: 0 4px 12px rgba(var(--assisto-primary-rgb), 0.28);
}

[b-nxfr8u6ckl] a.survey-reports-button:hover,
[b-nxfr8u6ckl] a.survey-reports-button:focus,
[b-nxfr8u6ckl] a.survey-reports-button:active {
    background-color: var(--assisto-primary-focus);
    border-color: var(--assisto-primary-focus);
    color: white;
}

[b-nxfr8u6ckl] a.poc-writer-button {
    border: 2px solid #e91e63;
    color: #e91e63;
    background-color: transparent;
}

[b-nxfr8u6ckl] a.poc-writer-button:hover {
    background-color: #e91e63;
    color: white;
}

@media (max-width: 768px) {
    .survey-ready-text[b-nxfr8u6ckl] {
        padding: 1.5rem 1.25rem;
    }

    .solution-rows[b-nxfr8u6ckl] {
        padding: 1.25rem;
    }

    .survey-ready-text h2[b-nxfr8u6ckl] {
        font-size: 1.6rem;
    }

    .solution-row[b-nxfr8u6ckl] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .solution-row[b-nxfr8u6ckl]  a {
        width: 100%;
    }
}
/* _content/Assisto.Marketing/Components/Shared/Testimonials.razor.rz.scp.css */
.testimonials-section[b-qcaktasaxf] {
    margin: 3rem 0;
    padding: 2rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.testimonials-section h2[b-qcaktasaxf] {
    color: var(--assisto-primary);
    margin-bottom: 2rem;
    text-align: center;
}

.testimonials-grid[b-qcaktasaxf] {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .testimonials-grid[b-qcaktasaxf] {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    }
}

.testimonial-item[b-qcaktasaxf] {
    background: var(--assisto-bg);
    padding: 2rem;
    border-radius: 8px;
    border-left: 4px solid var(--assisto-primary);
}

.testimonial-quote[b-qcaktasaxf] {
    margin-bottom: 1.5rem;
    position: relative;
}

.quote-mark[b-qcaktasaxf] {
    font-size: 3rem;
    color: var(--assisto-primary);
    font-family: serif;
    position: absolute;
    left: -0.5rem;
    top: -1rem;
    line-height: 1;
}

.testimonial-quote p[b-qcaktasaxf] {
    margin: 0 0 0 1.5rem;
    font-style: italic;
    line-height: 1.6;
    color: var(--assisto-primary-text);
}

.testimonial-author[b-qcaktasaxf] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.testimonial-author strong[b-qcaktasaxf] {
    color: var(--assisto-primary);
    font-weight: 600;
}

.testimonial-author .title[b-qcaktasaxf] {
    font-size: 0.9rem;
    color: var(--assisto-secondary-text);
}

.testimonial-author .company[b-qcaktasaxf] {
    font-size: 0.85rem;
    color: var(--assisto-secondary-text);
    font-weight: 500;
} 
/* _content/Assisto.Marketing/Components/Watch/CitationWatchExitIntent.razor.rz.scp.css */
/* Hidden by default; window.assistoWatch toggles .is-open. (A class toggle, not the [hidden]
   attribute: Blazor scoped CSS raises this selector's specificity above the UA [hidden] rule.) */
.watch-exit-overlay[b-4xb16w56md] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(16, 26, 25, .55);
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.watch-exit-overlay.is-open[b-4xb16w56md] {
    display: flex;
}

.watch-exit-modal[b-4xb16w56md] {
    position: relative;
    width: 100%;
    max-width: 460px;
    animation: watch-exit-in-b-4xb16w56md .18s ease;
}

/* The embedded widget already renders as a card; drop its outer margin inside the modal. */
.watch-exit-modal[b-4xb16w56md]  .watch-widget {
    margin: 0;
    max-width: none;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
}

.watch-exit-close[b-4xb16w56md] {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 1;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    border: 0;
    background: #ffffff;
    color: #5b6a67;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}

.watch-exit-close:focus-visible[b-4xb16w56md] {
    outline: 2px solid #0ba292;
    outline-offset: 2px;
}

@keyframes watch-exit-in-b-4xb16w56md {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .watch-exit-modal[b-4xb16w56md] { animation: none; }
}
/* _content/Assisto.Marketing/Components/Watch/CitationWatchModal.razor.rz.scp.css */
/* Hidden by default; the open/close JS toggles .is-open. A class toggle rather than [hidden]:
   Blazor scoped CSS raises this selector's specificity above the UA [hidden] rule. */
.watch-modal-overlay[b-ly1pqal11w] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(16, 26, 25, 0.55);
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.watch-modal-overlay.is-open[b-ly1pqal11w] {
    display: flex;
}

.watch-modal[b-ly1pqal11w] {
    position: relative;
    width: 100%;
    max-width: 720px;
    animation: watch-modal-in-b-ly1pqal11w 0.18s ease;
}

/* HeroCitationWatch already renders as a card. The .watch-modal panel is the width constraint here,
   so let the card fill it edge-to-edge (its own max-width/gutters are for in-page use) and just deepen
   its shadow. */
.watch-modal[b-ly1pqal11w]  .hero-watch {
    width: 100%;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.watch-modal-close[b-ly1pqal11w] {
    position: absolute;
    top: -12px;
    right: -12px;
    z-index: 1;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    border: 0;
    background: #fff;
    color: #5b6a67;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.watch-modal-close:focus-visible[b-ly1pqal11w] {
    outline: 2px solid #0ba292;
    outline-offset: 2px;
}

@keyframes watch-modal-in-b-ly1pqal11w {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .watch-modal[b-ly1pqal11w] { animation: none; }
}
/* _content/Assisto.Marketing/Components/Watch/CitationWatchWidget.razor.rz.scp.css */
/* Citation Watch signup card — "Green ink card" (variant A of the revamp mockups).
   White card + teal-soft eyebrow chip, marker-highlighted title, ink+lime active segment.
   Type floor 13.5px; lime only on ink, marker (#e4f286) only behind dark text. */

.watch-widget[b-x85b3tgkp1] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #16261f;
    background: #ffffff;
    border: 1px solid #dcebe6;
    border-radius: 14px;
    padding: 26px 28px;
    box-shadow: 0 10px 24px rgba(9, 80, 72, .05), 0 2px 6px rgba(9, 80, 72, .06);
    max-width: 620px;
    margin: 4rem auto;
}

.watch-widget-full[b-x85b3tgkp1] {
    max-width: none;
}

/* Mist-well variant: light-green ground instead of white, no shadow — the white role select and
   email field pop against it. */
.watch-widget-tint[b-x85b3tgkp1] {
    background: var(--gi-mist, #f2faf7);
    box-shadow: none;
}

.watch-kicker[b-x85b3tgkp1] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #e3f4f0;
    color: #0b6e63;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 7px;
    margin-bottom: 12px;
}

.watch-kicker svg[b-x85b3tgkp1] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.watch-title[b-x85b3tgkp1] {
    font-size: 21px;
    line-height: 1.3;
    margin: 0 0 6px;
    font-weight: 700;
    color: #123530;
    text-wrap: balance;
}

.watch-mark[b-x85b3tgkp1] {
    background: #e4f286;
    color: #123530;
    padding: 0 .14em;
    border-radius: 4px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.watch-sub[b-x85b3tgkp1] {
    font-size: 15px;
    line-height: 1.55;
    color: #3f524c;
    margin: 0 0 16px;
}

.watch-role-select[b-x85b3tgkp1] {
    width: 100%;
    font-family: inherit;
    font-size: 15px;
    padding: 12px 40px 12px 16px;
    margin-bottom: 14px;
    border: 1.5px solid #cfe3dd;
    border-radius: 10px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='m1 1 6 6 6-6' stroke='%233f524c' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 16px center;
    color: #3f524c;
    appearance: none;
    -webkit-appearance: none;
}

.watch-field[b-x85b3tgkp1] {
    display: flex;
    gap: 10px;
}

.watch-email[b-x85b3tgkp1] {
    flex: 1;
    min-width: 0;
    font-family: inherit;
    font-size: 15.5px;
    padding: 12px 16px;
    border: 1.5px solid #cfe3dd;
    border-radius: 10px;
    color: #16261f;
    background: #fff;
}

.watch-email[b-x85b3tgkp1]::placeholder { color: #7f948e; }

.watch-submit[b-x85b3tgkp1] {
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    background: #0ba292;
    color: #fff;
    border: 0;
    border-radius: 10px;
    padding: 12px 22px;
    transition: background .12s;
}

.watch-submit:hover[b-x85b3tgkp1] { background: #0B8F81; }
.watch-submit:disabled[b-x85b3tgkp1] { opacity: .6; cursor: default; }

.watch-error[b-x85b3tgkp1] {
    font-size: 13.5px;
    color: #b3413a;
    margin: 10px 0 0;
}

.watch-micro[b-x85b3tgkp1] {
    font-size: 13.5px;
    color: #3f524c;
    margin: 12px 0 0;
}

.watch-email:focus-visible[b-x85b3tgkp1],
.watch-submit:focus-visible[b-x85b3tgkp1],
.watch-role-select:focus-visible[b-x85b3tgkp1] {
    outline: 2px solid #0ba292;
    outline-offset: 2px;
}

/* Success state */
.watch-tick[b-x85b3tgkp1] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #e3f4f0;
    color: #0B8F81;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 12px;
}

.watch-done-upsell[b-x85b3tgkp1] {
    margin: 14px 0 0;
    padding-top: 14px;
    border-top: 1px solid #dcebe6;
    font-size: 14.5px;
    line-height: 1.5;
    color: #3f524c;
}

.watch-done-upsell a[b-x85b3tgkp1] {
    color: #0B8F81;
    font-weight: 650;
}

@media (max-width: 480px) {
    .watch-field[b-x85b3tgkp1] { flex-direction: column; }
    /* flex:1's zero basis governs the vertical axis once the row is a column — don't flex. */
    .watch-email[b-x85b3tgkp1] { flex: none; }
    .watch-submit[b-x85b3tgkp1] { width: 100%; }
}
/* _content/Assisto.Marketing/Components/Watch/HeroCitationWatch.razor.rz.scp.css */
.hero-watch[b-2j5hi4ruvo] {
    /* One field height for the facility combo, state select, email and button — the Telerik
       combo sizes itself (42px) and would otherwise sit shorter than the plain inputs. */
    --hw-field-h: 52px;
    /* The card owns its own width and centering so callers don't need a sizing wrapper — drop it
       into any container and it caps at 900px, centres, and keeps 12px gutters on narrow screens.
       Contexts that want it edge-to-edge (the modal) override width via ::deep. */
    width: min(900px, 100% - 24px);
    margin-inline: auto;
    background: #fff;
    border: 1px solid var(--gi-border, #dcebe6);
    border-radius: var(--gi-radius-card, 14px);
    box-shadow: var(--gi-shadow-featured, 0 18px 44px rgba(9, 80, 72, 0.14));
    padding: 26px 28px;
    box-sizing: border-box;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.hw-kicker[b-2j5hi4ruvo] {
    display: inline-block;
    background: var(--gi-chip-bg, #e3f4f0);
    color: var(--gi-chip-deep, #0b6e63);
    border-radius: 7px;
    padding: 4px 10px;
    margin: 0 0 12px;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.hw-label[b-2j5hi4ruvo] {
    font-size: 1.28rem;
    font-weight: 750;
    color: #123530;
    line-height: 1.3;
    margin: 0 0 16px;
    text-wrap: balance;
}

.hw-mark[b-2j5hi4ruvo] {
    background: #e4f286;
    color: #123530;
    padding: 0 0.18em;
    border-radius: 4px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.hw-row[b-2j5hi4ruvo] {
    display: flex;
    align-items: stretch;
    gap: 12px;
}

.hw-target[b-2j5hi4ruvo] {
    flex: 1.4;
    min-width: 0;
}

/* Match the Telerik combo to the plain inputs: same height, radius and border. */
[b-2j5hi4ruvo] .hw-facility-combo {
    width: 100%;
    height: var(--hw-field-h);
    border: 1.5px solid #cfe3dd;
    border-radius: 10px;
}

[b-2j5hi4ruvo] .hw-facility-combo .k-input-inner {
    padding: 0 16px;
}

.hw-state-select[b-2j5hi4ruvo] {
    width: 100%;
    box-sizing: border-box;
    height: var(--hw-field-h);
    border: 1.5px solid #cfe3dd;
    border-radius: 10px;
    padding: 0 16px;
    font: inherit;
    color: #16261f;
    background: #fff;
    cursor: pointer;
}

.hw-email[b-2j5hi4ruvo] {
    flex: 1;
    min-width: 0;
    height: var(--hw-field-h);
    border: 1.5px solid #cfe3dd;
    border-radius: 10px;
    padding: 0 16px;
    font: inherit;
    color: #16261f;
    background: #fff;
}

.hw-email[b-2j5hi4ruvo]::placeholder {
    color: #7f948e;
}

.hw-submit[b-2j5hi4ruvo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--hw-field-h);
    padding: 0 22px;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 650;
    font-family: inherit;
    border: 0;
    cursor: pointer;
    background: #0ba292;
    color: #fff;
    white-space: nowrap;
    transition: background 0.15s ease;
}

.hw-submit:hover:not(:disabled)[b-2j5hi4ruvo] {
    background: #0b8f81;
}

.hw-submit:disabled[b-2j5hi4ruvo] {
    opacity: 0.55;
    cursor: not-allowed;
}

.hw-error[b-2j5hi4ruvo] {
    margin: 10px 0 0;
    font-size: 0.92rem;
    color: #8c3a34;
}

.hw-foot[b-2j5hi4ruvo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.hw-swap[b-2j5hi4ruvo] {
    background: none;
    border: 0;
    color: #0b8f81;
    font: inherit;
    font-size: 0.95rem;
    font-weight: 650;
    cursor: pointer;
    padding: 0;
}

.hw-swap:hover[b-2j5hi4ruvo] {
    text-decoration: underline;
}

.hw-micro[b-2j5hi4ruvo] {
    font-size: 0.9rem;
    color: #3f524c;
}

/* Success state (revealed by window.assistoWatch). */
.hw-done[b-2j5hi4ruvo] {
    text-align: center;
    padding: 10px 0;
}

.hw-tick[b-2j5hi4ruvo] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #e0f0e6;
    color: #1d7a4f;
    font-size: 1.4rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
}

.hw-done-title[b-2j5hi4ruvo] {
    font-size: 1.25rem;
    font-weight: 750;
    color: #123530;
    margin: 0;
}

.hw-done-sub[b-2j5hi4ruvo] {
    margin: 8px 0 0;
    font-size: 0.95rem;
    color: #3f524c;
}

@media (max-width: 700px) {
    .hw-row[b-2j5hi4ruvo] {
        flex-direction: column;
    }

    /* In a column container flex:1 governs the VERTICAL axis — its basis of 0 overrides the
       field height and collapses the email input. Stop flexing; let height rule again. */
    .hw-target[b-2j5hi4ruvo],
    .hw-email[b-2j5hi4ruvo] {
        flex: none;
    }

    .hw-submit[b-2j5hi4ruvo] {
        width: 100%;
    }

    .hw-foot[b-2j5hi4ruvo] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}
/* _content/Assisto.Marketing/Components/Watch/WatchStatusCard.razor.rz.scp.css */
.watch-status[b-al8jsvanbb] {
    max-width: 560px;
    margin: 5rem auto;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 0 20px;
}

.watch-status-icon[b-al8jsvanbb] {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin: 0 auto 20px;
}

.watch-status-icon.ok[b-al8jsvanbb] { background: #e4f4f1; color: #0ba292; }
.watch-status-icon.error[b-al8jsvanbb] { background: #fbe9e3; color: #c8492e; }

.watch-status h1[b-al8jsvanbb] {
    font-size: 26px;
    font-weight: 600;
    color: #1b2a29;
    margin: 0 0 10px;
}

.watch-status p[b-al8jsvanbb] {
    font-size: 16px;
    line-height: 1.55;
    color: #5b6a67;
    margin: 0 0 24px;
}

.watch-status-actions[b-al8jsvanbb] {
    display: flex;
    justify-content: center;
}
/* _content/Assisto.Marketing/Pages/About.razor.rz.scp.css */
.about-page[b-ag76rntc5z] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
}

.bio-grid[b-ag76rntc5z] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.bio-card[b-ag76rntc5z] {
    display: flex;
    gap: 1.25rem;
    border: 1px solid var(--assisto-border);
    border-radius: 12px;
    padding: 1.25rem;
    background: #fff;
}

.bio-photo[b-ag76rntc5z] {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
}

.bio-content h3[b-ag76rntc5z] {
    margin: 0 0 0.5rem;
    color: var(--assisto-primary);
}

.bio-content p[b-ag76rntc5z] {
    margin: 0 0 0.75rem;
    line-height: 1.6;
}

.bio-content p:last-child[b-ag76rntc5z] {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .bio-card[b-ag76rntc5z] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .bio-photo[b-ag76rntc5z] {
        width: 120px;
        height: 120px;
    }
} 
/* _content/Assisto.Marketing/Pages/Affiliate/AffiliateStats.razor.rz.scp.css */
.affiliate-dashboard[b-08si4zmmg5] {
    min-height: 60vh;
    padding-bottom: 4rem;
}

/* ---- Header banner ---- */
.ad-header[b-08si4zmmg5] {
    background: linear-gradient(135deg, var(--assisto-primary) 0%, var(--assito-secondary-focus, #058373) 100%);
    color: #fff;
    padding: 3rem 1rem 3.5rem;
}

.ad-header-inner[b-08si4zmmg5] {
    max-width: 960px;
    margin: 0 auto;
}

.ad-badge[b-08si4zmmg5] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.3rem 0.8rem;
    border-radius: 999px;
    margin-bottom: 1rem;
}

.ad-header h1[b-08si4zmmg5] {
    margin: 0 0 0.5rem;
    font-size: 2.1rem;
    line-height: 1.15;
    color: #fff;
}

.ad-header p[b-08si4zmmg5] {
    margin: 0;
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.9);
    max-width: 640px;
}

/* ---- Body ---- */
.ad-body[b-08si4zmmg5] {
    max-width: 960px;
    margin: -2rem auto 0;
    padding: 0 1rem;
    position: relative;
    z-index: 1;
}

.ad-card[b-08si4zmmg5] {
    background: #fff;
    border: 1px solid var(--assisto-action-bg-border, rgba(0, 0, 0, 0.12));
    border-radius: 12px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
    padding: 1.75rem;
}

/* ---- Referral link card ---- */
.ad-card-label[b-08si4zmmg5] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--assisto-secondary-text, #747474);
    margin-bottom: 0.75rem;
}

.ad-link-row[b-08si4zmmg5] {
    display: flex;
    gap: 0.6rem;
    align-items: stretch;
}

.ad-link-input[b-08si4zmmg5] {
    flex: 1 1 auto;
    min-width: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.95rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--assisto-border, #929292);
    border-radius: 8px;
    background: #f7f9f9;
    color: var(--assisto-primary-text, #111);
}

.ad-link-input:focus[b-08si4zmmg5] {
    outline: none;
    border-color: var(--assisto-primary);
    box-shadow: 0 0 0 3px var(--assisto-primary-focus-border, rgba(11, 142, 128, 0.34));
}

.ad-btn[b-08si4zmmg5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 0.7rem 1.25rem;
    border-radius: 8px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    text-decoration: none;
}

.ad-btn-primary[b-08si4zmmg5] {
    background: var(--assisto-primary);
    color: #fff;
}

.ad-btn-primary:hover[b-08si4zmmg5] {
    background: var(--assisto-primary-focus, #0B8F81);
}

.ad-hint[b-08si4zmmg5] {
    margin: 0.9rem 0 0;
    font-size: 0.9rem;
    color: var(--assisto-secondary-text, #747474);
}

/* ---- Stats grid ---- */
.ad-stats[b-08si4zmmg5] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin: 1.25rem 0;
}

.ad-stat[b-08si4zmmg5] {
    background: #fff;
    border: 1px solid var(--assisto-action-bg-border, rgba(0, 0, 0, 0.12));
    border-radius: 12px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
    padding: 1.5rem 1.25rem;
    text-align: center;
}

.ad-stat-accent[b-08si4zmmg5] {
    border-color: var(--assisto-primary);
    box-shadow: 0 6px 24px rgba(var(--assisto-primary-rgb, 11, 143, 129), 0.18);
}

.ad-stat-value[b-08si4zmmg5] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--assisto-primary);
}

.ad-stat-label[b-08si4zmmg5] {
    margin-top: 0.4rem;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--assisto-secondary-text, #747474);
}

/* ---- Recent activity ---- */
.ad-activity[b-08si4zmmg5] {
    margin-top: 1.25rem;
}

.ad-activity-list[b-08si4zmmg5] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ad-activity-row[b-08si4zmmg5] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid var(--assisto-action-bg-border, rgba(0, 0, 0, 0.08));
    font-size: 0.95rem;
}

.ad-activity-row:last-child[b-08si4zmmg5] {
    border-bottom: none;
}

.ad-activity-icon[b-08si4zmmg5] {
    flex: 0 0 auto;
}

.ad-activity-text[b-08si4zmmg5] {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--assisto-primary-text, #111);
}

.ad-activity-date[b-08si4zmmg5] {
    flex: 0 0 auto;
    font-size: 0.82rem;
    color: var(--assisto-secondary-text, #747474);
    white-space: nowrap;
}

.ad-btn-secondary[b-08si4zmmg5] {
    background: #fff;
    border-color: var(--assisto-border, #929292);
    color: var(--assisto-primary-text, #111);
}

.ad-btn-secondary:hover:not(:disabled)[b-08si4zmmg5] {
    background: #f1f5f4;
}

.ad-btn-secondary:disabled[b-08si4zmmg5] {
    opacity: 0.6;
    cursor: default;
}

.ad-loadmore[b-08si4zmmg5] {
    margin-top: 0.9rem;
}

/* ---- Disclaimer ---- */
.ad-disclaimer[b-08si4zmmg5] {
    margin: 1rem 0 0;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--assisto-secondary-text, #747474);
}

/* ---- Not found ---- */
.ad-notfound[b-08si4zmmg5] {
    max-width: 520px;
    margin: 4rem auto;
    text-align: center;
    padding: 0 1rem;
}

.ad-lock[b-08si4zmmg5] {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

.ad-notfound h1[b-08si4zmmg5] {
    font-size: 1.6rem;
    margin: 0 0 0.75rem;
}

.ad-notfound p[b-08si4zmmg5] {
    color: var(--assisto-secondary-text, #747474);
    margin: 0 0 1.5rem;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .ad-stats[b-08si4zmmg5] {
        grid-template-columns: repeat(2, 1fr);
    }

    .ad-header h1[b-08si4zmmg5] {
        font-size: 1.7rem;
    }
}

@media (max-width: 480px) {
    .ad-link-row[b-08si4zmmg5] {
        flex-direction: column;
    }

    .ad-btn-primary[b-08si4zmmg5] {
        width: 100%;
    }
}
/* _content/Assisto.Marketing/Pages/AffiliateProgram.razor.rz.scp.css */
.aff-page[b-ct388hkkck] {
    max-width: 1120px;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
    color: var(--gi-text);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* ---- Hero (green-ink band) ---- */
.aff-hero[b-ct388hkkck] {
    background: var(--gi-ink);
    border-radius: 20px;
    padding: 3rem 2.75rem;
    margin-bottom: 3.5rem;
}

.aff-hero-text[b-ct388hkkck] {
    max-width: 680px;
}

.aff-eyebrow[b-ct388hkkck] {
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 650;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--gi-lime);
    margin-bottom: 0.9rem;
}

.aff-hero h1[b-ct388hkkck] {
    margin: 0 0 1rem;
    color: #fff;
    font-size: 2.6rem;
    line-height: 1.15;
    font-weight: 780;
    text-wrap: balance;
}

.aff-lime[b-ct388hkkck] {
    color: var(--gi-lime);
}

.aff-hero p[b-ct388hkkck] {
    margin: 0 0 1.75rem;
    font-size: 1.1rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.82);
    max-width: 560px;
}

.aff-hero-btn[b-ct388hkkck] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.85rem 1.9rem;
    border-radius: 11px;
    font-size: 1rem;
    font-weight: 680;
    text-decoration: none;
    background: var(--gi-lime);
    color: var(--gi-ink);
    transition: background 0.15s ease;
}

.aff-hero-btn:hover[b-ct388hkkck] {
    background: #cdee2e;
}

/* ---- Sections ---- */
.aff-section[b-ct388hkkck] {
    margin-bottom: 3.5rem;
}

.aff-h2[b-ct388hkkck] {
    color: var(--gi-ink);
    font-size: 1.85rem;
    font-weight: 750;
    text-align: center;
    margin: 0 0 2rem;
}

/* ---- How it works ---- */
.aff-steps[b-ct388hkkck] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.aff-step[b-ct388hkkck] {
    background: var(--gi-mist);
    border: 1px solid var(--gi-border);
    border-radius: 14px;
    padding: 1.75rem 1.5rem;
    text-align: center;
}

.aff-step-num[b-ct388hkkck] {
    width: 44px;
    height: 44px;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gi-accent);
    color: #fff;
    font-size: 1.25rem;
    font-weight: 750;
}

.aff-step h3[b-ct388hkkck] {
    color: var(--gi-ink);
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 0.6rem;
}

.aff-step p[b-ct388hkkck] {
    color: var(--gi-sec);
    font-size: 1rem;
    line-height: 1.55;
    margin: 0;
}

/* ---- Benefits ---- */
.aff-benefits[b-ct388hkkck] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.aff-card[b-ct388hkkck] {
    background: #fff;
    border: 1px solid var(--gi-border);
    border-radius: 14px;
    padding: 1.75rem;
    box-shadow: var(--gi-shadow);
}

.aff-card h3[b-ct388hkkck] {
    color: var(--gi-ink);
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 0.6rem;
}

.aff-card p[b-ct388hkkck] {
    color: var(--gi-sec);
    font-size: 1rem;
    line-height: 1.55;
    margin: 0;
}

/* ---- Audience ---- */
.aff-audience[b-ct388hkkck] {
    text-align: center;
}

.aff-audience-lead[b-ct388hkkck] {
    color: var(--gi-sec);
    font-size: 1.05rem;
    margin: 0 0 1.5rem;
}

.aff-chips[b-ct388hkkck] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
}

.aff-chip[b-ct388hkkck] {
    background: var(--gi-chip-bg);
    color: var(--gi-chip-deep);
    border-radius: 999px;
    padding: 0.5rem 1.1rem;
    font-size: 0.95rem;
    font-weight: 600;
}

/* ---- Apply form ---- */
.aff-apply[b-ct388hkkck] {
    margin-bottom: 1.5rem;
}

.aff-apply-inner[b-ct388hkkck] {
    max-width: 640px;
    margin: 0 auto;
    background: var(--gi-ground);
    border: 1px solid var(--gi-border);
    border-radius: 16px;
    padding: 2.5rem 2.25rem;
    box-shadow: var(--gi-shadow);
}

.aff-apply-lead[b-ct388hkkck] {
    text-align: center;
    color: var(--gi-sec);
    font-size: 1.05rem;
    line-height: 1.55;
    margin: -1rem 0 2rem;
}

.aff-form .form-group[b-ct388hkkck] {
    margin-bottom: 1.25rem;
}

.aff-form label[b-ct388hkkck] {
    display: block;
    color: var(--gi-ink);
    font-weight: 650;
    font-size: 1rem;
    margin-bottom: 0.4rem;
}

.aff-optional[b-ct388hkkck] {
    color: var(--gi-neutral-text);
    font-weight: 500;
}

.aff-form .form-control[b-ct388hkkck] {
    width: 100%;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--gi-border-2);
    border-radius: 10px;
    font-size: 1rem;
    color: var(--gi-text);
    background: #fff;
    box-sizing: border-box;
}

.aff-form .form-control:focus[b-ct388hkkck] {
    outline: none;
    border-color: var(--gi-accent);
    box-shadow: 0 0 0 3px rgba(11, 162, 146, 0.15);
}

.aff-hint[b-ct388hkkck] {
    color: var(--gi-bad-text);
    font-size: 0.9rem;
}

.form-actions[b-ct388hkkck] {
    margin-top: 1.75rem;
}

.aff-submit[b-ct388hkkck] {
    width: 100%;
    padding: 0.9rem 1.5rem;
    border: none;
    border-radius: 11px;
    background: var(--gi-accent);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 680;
    cursor: pointer;
    transition: background 0.15s ease;
}

.aff-submit:hover[b-ct388hkkck] {
    background: var(--gi-accent-strong);
}

.aff-submit:disabled[b-ct388hkkck] {
    opacity: 0.7;
    cursor: default;
}

.aff-note[b-ct388hkkck] {
    margin: 1rem 0 0;
    text-align: center;
    color: var(--gi-neutral-text);
    font-size: 0.9rem;
    line-height: 1.5;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .aff-hero[b-ct388hkkck] {
        padding: 2.25rem 1.5rem;
    }

    .aff-hero h1[b-ct388hkkck] {
        font-size: 2.1rem;
    }

    .aff-steps[b-ct388hkkck] {
        grid-template-columns: 1fr;
    }

    .aff-benefits[b-ct388hkkck] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .aff-hero-btn[b-ct388hkkck],
    .aff-submit[b-ct388hkkck] {
        width: 100%;
    }

    .aff-apply-inner[b-ct388hkkck] {
        padding: 1.75rem 1.25rem;
    }
}
/* _content/Assisto.Marketing/Pages/ArticlePage.razor.rz.scp.css */
.report-page[b-lww05glyzv] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.report-header[b-lww05glyzv] {
    margin-bottom: 2rem;
}

.report-header-content[b-lww05glyzv] {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    max-width: 800px;
    margin: 0 auto;
}

.report-text[b-lww05glyzv] {
    flex: 1;
}

.report-thumbnail[b-lww05glyzv] {
    flex-shrink: 0;
}

.report-thumbnail img[b-lww05glyzv] {
    width: 150px;
    height: 150px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    object-fit: cover;
}

.report-meta[b-lww05glyzv] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    color: var(--assisto-secondary-text);
    font-size: 0.9rem;
}

.report-title[b-lww05glyzv] {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: var(--assisto-primary);
}

.report-author[b-lww05glyzv] {
    color: var(--assisto-secondary-text);
    font-style: italic;
}

.report-content[b-lww05glyzv] {
    line-height: 1.6;
    font-size: 1.1rem;
}

.report-body[b-lww05glyzv] {
    margin-bottom: 2rem;
}

.report-footer[b-lww05glyzv] {
    text-align: center;
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid var(--assisto-border);
}

.loading[b-lww05glyzv] {
    text-align: center;
    padding: 2rem;
    color: var(--assisto-secondary-text);
}

@media (max-width: 768px) {
    .report-title[b-lww05glyzv] {
        font-size: 2rem;
    }
    
    .report-content[b-lww05glyzv] {
        font-size: 1rem;
    }
    
    .report-header-content[b-lww05glyzv] {
        flex-direction: column;
        text-align: center;
    }
    
    .report-thumbnail[b-lww05glyzv] {
        align-self: center;
    }
    
    .report-thumbnail img[b-lww05glyzv] {
        width: 120px;
        height: 120px;
    }
}

/* Modal styles - copied from ReportView.razor.css with minimal necessary styles */
.modal[b-lww05glyzv] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-bg[b-lww05glyzv] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-panel[b-lww05glyzv] {
    pointer-events: all;
    z-index: 1001;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 850px;
    width: 90%;
    max-height: 90%;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    position: relative;
    padding: 1rem 1.5rem 1rem 1.5rem;
    overflow-y: scroll;
}

/* Show/hide story modal */
.modal[b-lww05glyzv], .modal-panel[b-lww05glyzv] {
    display: none;
}

.modal.visible[b-lww05glyzv], .modal-panel.visible[b-lww05glyzv] {
    display: flex;
    overflow: hidden;
    height: 100vh;
}

[b-lww05glyzv] .citation-link, [b-lww05glyzv] .reference-link {
    color: var(--assisto-blue);
    white-space: nowrap;
}

@media (max-width: 480px) {
    .modal.visible[b-lww05glyzv], .modal-panel.visible[b-lww05glyzv] {
        overflow: scroll;
    }

    .modal-panel.visible[b-lww05glyzv] {
        max-width: 90%;
    }
}

.reference-text[b-lww05glyzv] {
    margin-bottom: 1rem;
}

.reference-text h4[b-lww05glyzv] {
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: bold;
    color: var(--assisto-primary);
}

.text-snippet[b-lww05glyzv] {
    padding: 0;
    margin: 0;
    max-height: 300px;
    overflow-y: auto;
}

.open-pdf-link[b-lww05glyzv] {
    color: var(--assisto-primary);
    font-weight: 500;
    text-decoration: none;
}

.open-pdf-link:hover[b-lww05glyzv] {
    text-decoration: underline;
}

/* Dialog styles from CitationDetailDialog */
.dialog[b-lww05glyzv] {
    height: 100%;
}

.with-separators > .header[b-lww05glyzv] {
    padding: 1rem 1rem 1rem 0rem;
}

.with-separators > .body[b-lww05glyzv] {
    padding: 1rem 1rem;
}

.with-separators .close-btn[b-lww05glyzv] {
    top: 25px;
}

.header[b-lww05glyzv] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 10;
    padding: 1rem;
}

.body[b-lww05glyzv] {
    overflow-y: scroll;
    padding: 1rem 0;
    height: calc(100% - 120px);
}

@media (max-width: 480px) {
    .body[b-lww05glyzv] {
        height: calc(100% - 200px);
    }
}

.markdown-body h2[b-lww05glyzv],
.report-section h2[b-lww05glyzv],
[b-lww05glyzv] .markdown-body h2,
[b-lww05glyzv] .report-section h2 {
    color: var(--assisto-primary);
    font-size: 23px;
    margin: 2rem 0 1rem;
    font-weight: 500;
}

.markdown-body h3[b-lww05glyzv],
.report-section h3[b-lww05glyzv],
[b-lww05glyzv] .markdown-body h3,
[b-lww05glyzv] .report-section h3 {
    font-size: 18px;
    font-weight: 600;
}


.markdown-body p[b-lww05glyzv],
.report-section p[b-lww05glyzv],
[b-lww05glyzv] .markdown-body p,
[b-lww05glyzv] .report-section p {
    margin-bottom: 1rem;
    max-width: 70ch; /* Optimal reading width */
}

.markdown-body ul[b-lww05glyzv],
.report-section ul[b-lww05glyzv],
[b-lww05glyzv] .markdown-body ul,
[b-lww05glyzv] .report-section ul {
    margin-bottom: 20px;
}

.markdown-body li[b-lww05glyzv],
.report-section li[b-lww05glyzv],
[b-lww05glyzv] .markdown-body li,
[b-lww05glyzv] .report-section li {
    margin-bottom: 5px;
}

.markdown-body table[b-lww05glyzv],
.report-section table[b-lww05glyzv],
[b-lww05glyzv] .markdown-body table,
[b-lww05glyzv] .report-section table {
    margin-bottom: 20px;
    background-color: var(--assisto-action-bg);
}

.markdown-body tbody[b-lww05glyzv],
.markdown-body td[b-lww05glyzv],
.markdown-body tfoot[b-lww05glyzv],
.markdown-body th[b-lww05glyzv],
.markdown-body thead[b-lww05glyzv],
.markdown-body tr[b-lww05glyzv],
.report-section tbody[b-lww05glyzv],
.report-section td[b-lww05glyzv],
.report-section tfoot[b-lww05glyzv],
.report-section th[b-lww05glyzv],
.report-section thead[b-lww05glyzv],
.report-section tr[b-lww05glyzv],
[b-lww05glyzv] .markdown-body tbody,
[b-lww05glyzv] .markdown-body td,
[b-lww05glyzv] .markdown-body tfoot,
[b-lww05glyzv] .markdown-body th,
[b-lww05glyzv] .markdown-body thead,
[b-lww05glyzv] .markdown-body tr,
[b-lww05glyzv] .report-section tbody,
[b-lww05glyzv] .report-section td,
[b-lww05glyzv] .report-section tfoot,
[b-lww05glyzv] .report-section th,
[b-lww05glyzv] .report-section thead,
[b-lww05glyzv] .report-section tr {
    padding: 8px;
}

.markdown-body hr[b-lww05glyzv],
.report-section hr[b-lww05glyzv],
[b-lww05glyzv] .markdown-body hr,
[b-lww05glyzv] .report-section hr {
    margin: 20px 0;
    border: 0;
    height: 1px;
    background-color: white;
}
/* _content/Assisto.Marketing/Pages/CitationDetail.razor.rz.scp.css */
.citation-detail-page[b-v7mka90bh4] {
    max-width: 1024px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Vertical rhythm for the self-sizing CTA widgets at the bottom of the page (the cards own their
   width and centering; this wrapper only spaces them). */
.cta-band[b-v7mka90bh4] {
    margin: 4.5rem 0;
}

/* Pins a FullWidth widget (CitationWatchWidget) to the 900px CTA column. Sized like the
   self-sizing cards (12px viewport gutters) since it now sits outside the padded article column. */
.cta-column[b-v7mka90bh4] {
    width: min(900px, 100% - 24px);
    margin-inline: auto;
}

.citation-card[b-v7mka90bh4] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.citation-header[b-v7mka90bh4] {
    margin: -2rem -2rem 1.5rem;
    padding: 2rem;
    border-radius: 8px 8px 0 0;
    background-color: var(--assisto-primary);
    background-image: url(/images/layout/banner-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.citation-header .tags[b-v7mka90bh4] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.citation-header .tags[b-v7mka90bh4]  .tag-num {
    color: white;
}

/* The self-audit trigger sits on the teal banner here, where the component's default pink (error) palette
   clashes badly. Recolor it to a clean white-on-teal action that matches the header's white tag/title. */
.citation-header .tags[b-v7mka90bh4]  .self-audit-btn {
    color: white;
    border-color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.12);
}

.citation-header .tags[b-v7mka90bh4]  .self-audit-btn:hover {
    background: rgba(255, 255, 255, 0.22);
    border-color: white;
}

.tag-with-help[b-v7mka90bh4] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

/* The tag sits at the left of the header, so open the tooltip rightward
   instead of the component's default right-aligned (leftward) layout. */
.tag-with-help[b-v7mka90bh4]  .f-tag-help-tooltip {
    right: auto;
    left: 0;
}

.tag-with-help[b-v7mka90bh4]  .f-tag-help-tooltip::after {
    right: auto;
    left: 0.55rem;
}

.citation-header h1[b-v7mka90bh4] {
    margin: 0;
    font-size: 1.5rem;
    color: white;
}

.citation-meta[b-v7mka90bh4] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 1.5rem;
    color: black;
    font-size: 1rem;
}

.facility-link[b-v7mka90bh4] {
    color: var(--assisto-primary);
    font-weight: 600;
    text-decoration: none;
}

.facility-link:hover[b-v7mka90bh4] {
    text-decoration: underline;
}

.citation-body[b-v7mka90bh4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.detail-section h4[b-v7mka90bh4] {
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
    font-weight: bold;
    color: var(--assisto-primary);
}

.summary-text[b-v7mka90bh4] {
    white-space: pre-line;
    line-height: 1.6;
}

.poc-content[b-v7mka90bh4] {
    line-height: 1.6;
    white-space: pre-line;
}

.poc-content ul[b-v7mka90bh4] {
    margin: 0;
    padding-left: 1.5rem;
}

.poc-content li[b-v7mka90bh4] {
    padding-bottom: 0.5rem;
}

.citation-footer[b-v7mka90bh4] {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #eee;
    text-align: right;
}

.open-pdf-link[b-v7mka90bh4] {
    color: var(--assisto-primary);
    font-weight: 500;
    text-decoration: none;
}

.open-pdf-link:hover[b-v7mka90bh4] {
    text-decoration: underline;
}

.resources[b-v7mka90bh4] {
    background-color: #fcf7ee;
    padding: 1.5rem;
    margin-top: 0.75rem;
    border-radius: 4px;
}

.resources p[b-v7mka90bh4] {
    margin: 0;
}

.resources-links[b-v7mka90bh4] {
    margin: 0.75rem 0 0;
    padding-left: 1.5rem;
    line-height: 1.7;
}

.resources-links a[b-v7mka90bh4] {
    color: var(--assisto-primary);
    font-weight: 500;
    text-decoration: none;
}

.resources-links a:hover[b-v7mka90bh4] {
    text-decoration: underline;
}

.similar-tags-section[b-v7mka90bh4] {
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.similar-tags-toggle[b-v7mka90bh4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 1rem 1.25rem;
    /* Hide the native disclosure triangle; we use our own chevron. */
    list-style: none;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    cursor: pointer;
    font-size: 1.15rem;
    font-weight: 600;
    color: #000;
    text-align: left;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.similar-tags-toggle:hover[b-v7mka90bh4] {
    background: #f7f9f9;
    border-color: var(--assisto-primary);
}

.similar-tags-toggle[b-v7mka90bh4]::-webkit-details-marker {
    display: none;
}

.similar-tags-toggle:focus-visible[b-v7mka90bh4] {
    outline: 2px solid var(--assisto-primary-focus-border);
    outline-offset: 2px;
}

.similar-tags-section[open] .similar-tags-toggle[b-v7mka90bh4] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.similar-tags-chevron[b-v7mka90bh4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    color: var(--assisto-primary);
    line-height: 0;
    transition: transform 0.2s ease;
}

.similar-tags-chevron svg[b-v7mka90bh4] {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
}

.similar-tags-chevron path[b-v7mka90bh4] {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.similar-tags-section[open] .similar-tags-chevron[b-v7mka90bh4] {
    transform: rotate(180deg);
}

.similar-tags-content[b-v7mka90bh4] {
    margin-top: 1rem;
}

.not-found[b-v7mka90bh4] {
    text-align: center;
    padding: 4rem 2rem;
}

.not-found h2[b-v7mka90bh4] {
    color: #666;
    margin-bottom: 1rem;
}

.not-found p[b-v7mka90bh4] {
    color: #999;
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .citation-detail-page[b-v7mka90bh4] {
        padding: 1rem 0.5rem;
    }

    .citation-card[b-v7mka90bh4] {
        padding: 1.25rem;
    }

    .citation-header[b-v7mka90bh4] {
        margin: -1.25rem -1.25rem 1.25rem;
        padding: 1.5rem 1.25rem;
    }

    .citation-header h1[b-v7mka90bh4] {
        font-size: 1.2rem;
    }

    .citation-meta[b-v7mka90bh4] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .citation-header .tags[b-v7mka90bh4] {
        font-size: 1rem;
    }

}
/* _content/Assisto.Marketing/Pages/Contact.razor.rz.scp.css */
/* Contact page-specific styles */
.contact-form-container[b-znepviqd58] {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 2rem;
    margin-top: 2rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.contact-form[b-znepviqd58] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-group[b-znepviqd58] {
    margin-bottom: 1rem;
}

.form-group label[b-znepviqd58] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.form-control[b-znepviqd58] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 1rem;
}

textarea.form-control[b-znepviqd58] {
    resize: vertical;
    min-height: 120px;
}

.form-actions[b-znepviqd58] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
}

.btn-primary[b-znepviqd58] {
    background-color: var(--assisto-primary);
    border: none;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
    color: white;
}

.btn-primary:hover[b-znepviqd58] {
    background-color: var(--assisto-primary-focus);
}

.alert[b-znepviqd58] {
    padding: 1rem;
    border-radius: 4px;
    margin-top: 1rem;
}

.alert-success[b-znepviqd58] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.alert-danger[b-znepviqd58] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
} 
/* _content/Assisto.Marketing/Pages/CustomReports/CheckoutCompletedPage.razor.rz.scp.css */
.email[b-6tgm15mazz] {
    font-weight: bold;
}

.confirmation-content[b-6tgm15mazz] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.status-section[b-6tgm15mazz] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--assisto-bg);
    border-radius: 8px;
    border-left: 4px solid var(--assisto-primary);
}

.status-icon[b-6tgm15mazz] {
    background: var(--assisto-primary);
    color: white;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.status-details h3[b-6tgm15mazz] {
    color: var(--assisto-primary);
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

.status-details p[b-6tgm15mazz] {
    margin: 0 0 0.5rem 0;
    color: var(--assisto-primary-text);
    line-height: 1.5;
}

.status-details p:last-child[b-6tgm15mazz] {
    margin-bottom: 0;
}

.delivery-note[b-6tgm15mazz] {
    color: var(--assisto-secondary-text);
}

.contact-note[b-6tgm15mazz] {
    color: var(--assisto-secondary-text);
}

.contact-note a[b-6tgm15mazz] {
    color: var(--assisto-primary);
    text-decoration: none;
}

.contact-note a:hover[b-6tgm15mazz] {
    text-decoration: underline;
}

.email-highlight[b-6tgm15mazz] {
    font-weight: bold;
    color: var(--assisto-primary);
    background: rgba(var(--assisto-primary-rgb), 0.1);
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .order-confirmation-card[b-6tgm15mazz] {
        padding: 1.5rem;
        margin-top: 1rem;
    }
    
    .status-section[b-6tgm15mazz] {
        padding: 1rem;
    }
}
/* _content/Assisto.Marketing/Pages/CustomReports/CustomReportCheckoutPage.razor.rz.scp.css */
[b-wp0a3zh4bx] .checkout-custom-report{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    border-top: 1px solid #dcebe6;
    padding-top: 22px;
}

[b-wp0a3zh4bx] .email-input,
[b-wp0a3zh4bx] .tag-select,
[b-wp0a3zh4bx] .providers-select{
    width: 100%;
    max-width: 100%;
}

/* Form Fields */
.form-field[b-wp0a3zh4bx] {
    margin-bottom: 0.25rem;
}

.form-field label[b-wp0a3zh4bx] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #123530;
    font-size: 1rem;
}

/* Validation */
.validation-error[b-wp0a3zh4bx] {
    color: #dc3545;
    font-size: 0.9rem;
    margin-top: 0.25rem;
    display: block;
}

/* Checkout Button */
.checkout-button-container[b-wp0a3zh4bx] {
    margin-top: 0.25rem;
}

[b-wp0a3zh4bx] .checkout-button {
    width: 100%;
    font-size: 1.1rem !important;
    padding: 0.9rem 2rem !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
}

[b-wp0a3zh4bx] .checkout-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Error Messages */
.provider-selection-error[b-wp0a3zh4bx] {
    color: #dc3545;
    font-size: 0.9rem;
    margin-top: 0.5rem;
    width: 100%;
    background: rgba(220, 53, 69, 0.1);
    padding: 0.5rem;
    border-radius: 4px;
}

.provider-selection-info[b-wp0a3zh4bx] {
    margin-bottom: 1rem;
    width: 100%;
}

.provider-selection-info p[b-wp0a3zh4bx] {
    font-size: 0.9rem;
    color: var(--assisto-primary-text);
    line-height: 1.5;
}

/* ==== Green-ink revamp sections (What's inside / Risk engine / Order) ==== */

.sp-sec[b-wp0a3zh4bx] {
    margin: 4.5rem 0;
}

.sp-sec-tint[b-wp0a3zh4bx] {
    background: #f3f8f6;
    border-radius: 18px;
    padding: 44px 40px;
}

/* Feature cards — What's inside. 2-up: four cards divide evenly, and the wider card gives the
   copy room to breathe (a 3-up grid would leave a lone card orphaned on the second row). */
.sp-cards[b-wp0a3zh4bx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 32px;
}

.sp-card[b-wp0a3zh4bx] {
    background: #fff;
    border: 1px solid #dcebe6;
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(9, 80, 72, 0.05), 0 2px 6px rgba(9, 80, 72, 0.06);
    padding: 24px;
}

.sp-card h3[b-wp0a3zh4bx] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #123530;
    margin: 14px 0 6px;
}

.sp-card p[b-wp0a3zh4bx] {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #3f524c;
}

.sp-ico[b-wp0a3zh4bx] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #e3f4f0;
    color: #0b8f81;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sp-ico svg[b-wp0a3zh4bx] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sp-ico.limey[b-wp0a3zh4bx] {
    background: #e4f286;
    color: #3d4d05;
}

/* Risk-engine signal cards */
.sp-signals[b-wp0a3zh4bx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 32px;
}

/* Numbered badge rather than an accent border: a thick colored edge bends around the card's
   radius and reads as a defect. Matches the .sp-ico badge in "What's inside". */
.sp-signal[b-wp0a3zh4bx] {
    background: #fff;
    border: 1px solid #dcebe6;
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(9, 80, 72, 0.05), 0 2px 6px rgba(9, 80, 72, 0.06);
    padding: 24px;
}

.sp-signal-num[b-wp0a3zh4bx] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #e3f4f0;
    color: #0b8f81;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    font-weight: 800;
}

.sp-signal h3[b-wp0a3zh4bx] {
    font-size: 1.05rem;
    font-weight: 750;
    color: #123530;
    margin: 14px 0 6px;
}

.sp-signal p[b-wp0a3zh4bx] {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #3f524c;
}

.sp-signal-extra[b-wp0a3zh4bx] {
    margin: 22px 0 0;
    font-size: 0.95rem;
    color: #3f524c;
}

/* Order section: highlighted order card + supporting facts */
.sp-order[b-wp0a3zh4bx] {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 26px;
    margin-top: 36px;
    align-items: start;
}

.sp-order-card[b-wp0a3zh4bx] {
    background: #fff;
    border: 2px solid #0ba292;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(9, 80, 72, 0.05), 0 2px 6px rgba(9, 80, 72, 0.06);
    padding: 30px;
    position: relative;
}

.sp-order-tag[b-wp0a3zh4bx] {
    position: absolute;
    top: -13px;
    left: 26px;
    background: #0ba292;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    padding: 3px 11px;
    border-radius: 6px;
}

.sp-order-price[b-wp0a3zh4bx] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 6px 0 4px;
}

.sp-order-price b[b-wp0a3zh4bx] {
    font-size: 2.6rem;
    font-weight: 800;
    color: #123530;
    letter-spacing: -0.02em;
}

.sp-order-price span[b-wp0a3zh4bx] {
    font-size: 0.95rem;
    color: #3f524c;
}

.sp-order-list[b-wp0a3zh4bx] {
    list-style: none;
    margin: 18px 0 22px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sp-order-list li[b-wp0a3zh4bx] {
    display: flex;
    gap: 10px;
    font-size: 0.95rem;
    color: #16261f;
    line-height: 1.5;
}

.sp-tick[b-wp0a3zh4bx] {
    color: #1d7a4f;
    font-weight: 800;
}

/* Trust row under the checkout button: lock icon + Stripe mention. */
.sp-secure[b-wp0a3zh4bx] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    font-size: 0.9rem;
    color: #3f524c;
}

.sp-secure b[b-wp0a3zh4bx] {
    color: #123530;
}

.sp-secure-lock[b-wp0a3zh4bx] {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: #1d7a4f;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sp-guarantee[b-wp0a3zh4bx] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    font-size: 0.9rem;
    color: #3f524c;
}

.sp-gshield[b-wp0a3zh4bx] {
    color: #1d7a4f;
    font-size: 1.1rem;
}

.sp-order-side[b-wp0a3zh4bx] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sp-fact[b-wp0a3zh4bx] {
    background: #fff;
    border: 1px solid #dcebe6;
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.sp-fact b[b-wp0a3zh4bx] {
    color: #123530;
}

.sp-fact p[b-wp0a3zh4bx] {
    margin: 2px 0 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #3f524c;
}

.sp-fact-ico[b-wp0a3zh4bx] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #e4f286;
    color: #3d4d05;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
}

/* Hero overlap card — sample department risk profile preview. */
/* Standard-tier card (it sits in the page body, not floating over the banner). */
.sp-preview[b-wp0a3zh4bx] {
    background: #fff;
    border: 1px solid var(--gi-border, #dcebe6);
    border-radius: var(--gi-radius-card, 14px);
    box-shadow: var(--gi-shadow, 0 10px 24px rgba(9, 80, 72, .05), 0 2px 6px rgba(9, 80, 72, .06));
    padding: 26px 28px;
}

/* The head doubles as the <details> toggle: whole row is clickable, no native marker. */
.sp-preview-head[b-wp0a3zh4bx] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    cursor: pointer;
    list-style: none;
    border-radius: 8px;
}

.sp-preview-head[b-wp0a3zh4bx]::-webkit-details-marker {
    display: none;
}

.sp-preview-head:focus-visible[b-wp0a3zh4bx] {
    outline: 2px solid #0ba292;
    outline-offset: 4px;
}

.sp-preview[open] > .sp-preview-head[b-wp0a3zh4bx] {
    margin-bottom: 16px;
}

.sp-preview-note[b-wp0a3zh4bx] {
    margin-right: auto;
}

.sp-preview-toggle[b-wp0a3zh4bx] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.9rem;
    font-weight: 700;
    color: #0b8f81;
    border: 1.5px solid #0ba292;
    border-radius: 999px;
    padding: 6px 16px;
    white-space: nowrap;
}

.sp-preview-head:hover .sp-preview-toggle[b-wp0a3zh4bx] {
    background: #e3f4f0;
}

.sp-preview-toggle svg[b-wp0a3zh4bx] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.15s ease;
}

.sp-preview[open] .sp-preview-toggle svg[b-wp0a3zh4bx] {
    transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
    .sp-preview-toggle svg[b-wp0a3zh4bx] {
        transition: none;
    }
}

.sp-when-open[b-wp0a3zh4bx] {
    display: none;
}

.sp-preview[open] .sp-when-open[b-wp0a3zh4bx] {
    display: inline;
}

.sp-preview[open] .sp-when-closed[b-wp0a3zh4bx] {
    display: none;
}

.sp-preview-title[b-wp0a3zh4bx] {
    font-size: 1.02rem;
    font-weight: 750;
    color: #123530;
}

.sp-preview-note[b-wp0a3zh4bx] {
    font-size: 0.9rem;
    color: #3f524c;
}

/* Faux browser screenshot of the report home — same visual language as the facility page's
   "What surveyors are citing around you — mapped" shots, scaled up for a full-width card. */
.sp-shot[b-wp0a3zh4bx] {
    background: #fff;
    border: 1px solid #cfe3dd;
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(9, 80, 72, 0.1);
    overflow: hidden;
}

.sp-shot-top[b-wp0a3zh4bx] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 7px 12px;
    background: #f2faf7;
    border-bottom: 1px solid #dcebe6;
}

.sp-shot-top i[b-wp0a3zh4bx] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #d3e4de;
    display: block;
}

.sp-shot-url[b-wp0a3zh4bx] {
    margin-left: 7px;
    font-size: 0.78rem;
    color: #3f524c;
    background: #fff;
    border: 1px solid #dcebe6;
    border-radius: 999px;
    padding: 1px 12px;
}

.sp-shot-banner[b-wp0a3zh4bx] {
    background: linear-gradient(105deg, #0ba292, #0b8f81);
    color: #fff;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.sp-shot-banner b[b-wp0a3zh4bx] {
    font-size: 1.02rem;
}

.sp-shot-sub[b-wp0a3zh4bx] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
}

.sp-shot-pill[b-wp0a3zh4bx] {
    margin-left: auto;
    background: #123530;
    color: #bcdf0c;
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 6px;
    white-space: nowrap;
}

.sp-shot-body[b-wp0a3zh4bx] {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* glance tiles */
.sp-tiles[b-wp0a3zh4bx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.sp-tile[b-wp0a3zh4bx] {
    border: 1px solid #dcebe6;
    border-radius: 10px;
    padding: 10px 14px;
    background: #f2faf7;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.sp-tile-l[b-wp0a3zh4bx] {
    font-size: 0.8rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #0b6e63;
}

.sp-tile-v[b-wp0a3zh4bx] {
    font-size: 1rem;
    font-weight: 750;
    color: #123530;
}

.sp-tile-s[b-wp0a3zh4bx] {
    font-size: 0.9rem;
    color: #3f524c;
}

/* mini section headings inside the shot */
.sp-mini-h[b-wp0a3zh4bx] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
    margin: 8px 0 0;
}

.sp-mini-h b[b-wp0a3zh4bx] {
    font-size: 0.95rem;
    color: #123530;
}

.sp-mini-h span[b-wp0a3zh4bx] {
    font-size: 0.9rem;
    color: #8aa39c;
}

/* ranked risk rows */
.sp-srows[b-wp0a3zh4bx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sp-srow[b-wp0a3zh4bx] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    border: 1px solid #e6f0ec;
    border-radius: 9px;
    padding: 9px 13px;
    background: #fff;
}

.sp-rk[b-wp0a3zh4bx] {
    width: 17px;
    color: #8aa39c;
    font-weight: 700;
    font-size: 0.92rem;
    font-variant-numeric: tabular-nums;
}

.sp-ft[b-wp0a3zh4bx] {
    background: #e3f4f0;
    color: #0b6e63;
    font-weight: 750;
    font-size: 0.85rem;
    padding: 2px 9px;
    border-radius: 6px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.sp-nm[b-wp0a3zh4bx] {
    color: #16261f;
    font-weight: 650;
    font-size: 0.95rem;
}

.sp-bar[b-wp0a3zh4bx] {
    margin-left: auto;
    width: 88px;
    height: 6px;
    border-radius: 3px;
    background: #e9f1ee;
    overflow: hidden;
    flex-shrink: 0;
}

.sp-bar i[b-wp0a3zh4bx] {
    display: block;
    height: 100%;
    border-radius: 3px;
    background: #0ba292;
}

.sp-sc[b-wp0a3zh4bx] {
    width: 24px;
    text-align: right;
    font-weight: 750;
    font-size: 0.95rem;
    color: #123530;
    font-variant-numeric: tabular-nums;
}

/* why-chips: base = rising (marker lime), crit = repeat, info = nearby, warn = blind spot */
.sp-why[b-wp0a3zh4bx] {
    font-size: 0.82rem;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 999px;
    background: #e4f286;
    color: #3d4d05;
    white-space: nowrap;
}

.sp-why.crit[b-wp0a3zh4bx] {
    background: #fbe1df;
    color: #8c3a34;
}

.sp-why.info[b-wp0a3zh4bx] {
    background: #e3f4f0;
    color: #0b7466;
}

.sp-why.warn[b-wp0a3zh4bx] {
    background: #fdf0d4;
    color: #8a5c14;
}

/* department check cards */
.sp-depts[b-wp0a3zh4bx] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.sp-dept[b-wp0a3zh4bx] {
    border: 1px solid #dcebe6;
    border-radius: 10px;
    padding: 12px 14px;
    background: #fff;
}

.sp-dept-top[b-wp0a3zh4bx] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.sp-dept-top b[b-wp0a3zh4bx] {
    font-size: 0.95rem;
    color: #123530;
}

.sp-risk[b-wp0a3zh4bx] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    padding: 2px 9px;
    border-radius: 6px;
    white-space: nowrap;
}

.sp-risk.hi[b-wp0a3zh4bx] {
    background: #fbe1df;
    color: #8c3a34;
}

.sp-risk.med[b-wp0a3zh4bx] {
    background: #fdf0d4;
    color: #8a5c14;
}

.sp-risk.lo[b-wp0a3zh4bx] {
    background: #e0f0e6;
    color: #1d7a4f;
}

.sp-dept-n[b-wp0a3zh4bx] {
    margin-left: auto;
    font-size: 0.85rem;
    font-weight: 700;
    color: #8aa39c;
    white-space: nowrap;
}

.sp-dept ul[b-wp0a3zh4bx] {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sp-dept li[b-wp0a3zh4bx] {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    font-size: 0.9rem;
    color: #16261f;
    line-height: 1.45;
}

.sp-cb[b-wp0a3zh4bx] {
    width: 14px;
    height: 14px;
    border: 2px solid #cfe3dd;
    border-radius: 4px;
    flex-shrink: 0;
    margin-top: 3px;
}

@media (max-width: 960px) {
    .sp-signals[b-wp0a3zh4bx] {
        grid-template-columns: 1fr;
    }

    .sp-order[b-wp0a3zh4bx] {
        grid-template-columns: 1fr;
    }

    .sp-sec-tint[b-wp0a3zh4bx] {
        padding: 32px 24px;
    }
}

@media (max-width: 780px) {
    .sp-tiles[b-wp0a3zh4bx] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .sp-cards[b-wp0a3zh4bx] {
        grid-template-columns: 1fr;
    }

    .sp-depts[b-wp0a3zh4bx] {
        grid-template-columns: 1fr;
    }

    /* on narrow screens the score bar just crowds the wrapped chips */
    .sp-bar[b-wp0a3zh4bx] {
        display: none;
    }

    .sp-preview[b-wp0a3zh4bx] {
        padding: 18px 16px;
    }

    .sp-shot-body[b-wp0a3zh4bx] {
        padding: 12px 12px 14px;
    }
}
/* _content/Assisto.Marketing/Pages/Facility.razor.rz.scp.css */
.facility-page[b-sfq9uqj936] {
    width: 100%;
    padding-bottom: 2rem;
}

.facility-content[b-sfq9uqj936] {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 1.75rem;
}

.facility-loading[b-sfq9uqj936] {
    padding: 4rem 1rem;
}

/* Citations */
.facility-citations[b-sfq9uqj936] {
    margin: 4rem 0;
}

.facility-sec-title[b-sfq9uqj936] {
    display: inline-block;
    margin: 0;
    font-size: 1.4rem;
    font-weight: 750;
    line-height: 1.25;
    color: var(--gi-ink);
    padding-bottom: 0.45rem;
    border-bottom: 3px solid var(--gi-accent);
}

.section-intro[b-sfq9uqj936] {
    margin: 0.75rem 0 0;
    color: var(--gi-sec);
    font-size: 0.97rem;
    max-width: 680px;
}

.cite-summary[b-sfq9uqj936] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin: 1rem 0 0.9rem;
}

.cs-chip[b-sfq9uqj936] {
    background: var(--gi-chip-bg);
    color: var(--gi-chip-deep);
    font-size: 0.88rem;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    border-radius: 7px;
}

.cs-chip-warn[b-sfq9uqj936] {
    background: var(--gi-bad-soft);
    color: var(--gi-bad-text);
}

.clean-record[b-sfq9uqj936] {
    margin-top: 1rem;
    background: var(--gi-good-soft);
    border: 1px solid #bcdcc8;
    border-radius: 12px;
    padding: 1.5rem 1.75rem;
}

.clean-record h3[b-sfq9uqj936] {
    margin: 0 0 0.5rem;
    color: var(--gi-good);
}

.clean-record p[b-sfq9uqj936] {
    margin: 0;
    color: var(--gi-ink-soft);
}

/* Not found */
.not-found[b-sfq9uqj936] {
    max-width: 640px;
    margin: 4rem auto;
    text-align: center;
}

.not-found h2[b-sfq9uqj936] {
    margin-bottom: 0.5rem;
}

@media (max-width: 560px) {
    .facility-content[b-sfq9uqj936] {
        padding: 0 1rem;
    }
}
/* _content/Assisto.Marketing/Pages/Home.razor.rz.scp.css */
.home-container[b-amrbybjwh9] {
    margin: 0 auto;
    padding: 0 0rem;
}

/* Hero side visual (.hero-photo) is styled centrally in HeroBanner.razor.css — shared by all
   pages that put a framed image on the banner. */

/* Alert signup below the quicksearch card. Width + centering live in HeroCitationWatch itself
   (same 900px column as .quicksearch), so this wrapper only supplies the section rhythm. */
.home-watch[b-amrbybjwh9] {
    margin: 4.5rem 0;
}

@media (max-width: 600px) {
    .home-watch[b-amrbybjwh9] {
        margin: 2.5rem 0;
    }
}

/* Search card right after the citations grid — the "search these yourself" follow-on.
   The card itself (style, width, centering) is the shared QuickSearchCard component;
   this wrapper exists only so the section rhythm stays a page decision. */
.quicksearch-band[b-amrbybjwh9] {
    margin: 0;
}

.tool-section[b-amrbybjwh9] {
    padding: 3rem 0;
    margin-bottom: 2rem;
    border-radius: 8px;
}

.tool-section:nth-child(odd)[b-amrbybjwh9] {
    background-color: var(--assisto-bg);
}

.tool-content[b-amrbybjwh9] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
}

.tool-text[b-amrbybjwh9] {
    padding: 0 1rem;
}

.tool-text h2[b-amrbybjwh9] {
    color: var(--assisto-primary);
    font-size: 2rem;
    margin-bottom: 1rem;
}

.tool-text p[b-amrbybjwh9] {
    color: var(--assisto-secondary-text);
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.tool-text .highlight[b-amrbybjwh9] {
    color: var(--assisto-primary);
    font-weight: bold;
}

.tool-text .btn-primary[b-amrbybjwh9] {
    background-color: var(--assisto-primary);
    border-color: var(--assisto-primary);
    padding: 0.75rem 2rem;
    font-size: 1.1rem;
}

.tool-text .btn-primary:hover[b-amrbybjwh9] {
    background-color: var(--assisto-primary-focus);
    border-color: var(--assisto-primary-focus);
}

.tool-image[b-amrbybjwh9] {
    text-align: center;
    padding: 1rem;
}

.tool-image img[b-amrbybjwh9] {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .tool-content[b-amrbybjwh9] {
        grid-template-columns: 1fr;
    }
    
    .tool-image[b-amrbybjwh9] {
        order: -1;
    }
}

.latest-articles[b-amrbybjwh9] {
    margin: 3rem 0;
    padding: 2rem 0;
}

.articles-grid[b-amrbybjwh9], .articles-carousel[b-amrbybjwh9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-bottom: 2rem;
    margin: 30px auto;
    width: 1024px;
    max-width: 100%;
    padding: 0 1rem;
}

.view-all[b-amrbybjwh9] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

@media (max-width: 1024px) {
    .articles-grid[b-amrbybjwh9], .articles-carousel[b-amrbybjwh9] {
        width: 100%;
        max-width: 1024px;
        padding: 0 1rem;
    }
}

@media (max-width: 768px) {
    .articles-grid[b-amrbybjwh9], .articles-carousel[b-amrbybjwh9] {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 1.5rem;
        margin: 20px auto;
        padding: 0 0.75rem;
    }
    
    .latest-articles[b-amrbybjwh9] {
        margin: 2rem 0;
        padding: 1.5rem 0;
    }
}

@media (max-width: 480px) {
    .articles-grid[b-amrbybjwh9], .articles-carousel[b-amrbybjwh9] {
        grid-template-columns: 1fr;
        gap: 1rem;
        margin: 15px auto;
        padding: 0 0.5rem;
    }
}

/* New sections styles */
.search-section[b-amrbybjwh9] {
    margin: 3rem 0;
    padding: 2rem;
    border-radius: 8px;
    background-image: url(/images/layout/light-green-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.search-container[b-amrbybjwh9] {
    margin: 0 auto;
    padding: 0;
}

.simple-search-container[b-amrbybjwh9] {
    display: flex;
    gap: 1rem;
    max-width: 600px;
    margin: 25px auto;
    align-items: flex-end;
}

[b-amrbybjwh9] .simple-search-container .search-input {
    flex: 1;
    font-size: 1.1rem;
    border-radius: 8px;
    background-color: white;
}

[b-amrbybjwh9] .simple-search-container .search-button {
}

@media (max-width: 768px) {
    .simple-search-container[b-amrbybjwh9] {
        flex-direction: column;
        align-items: stretch;
    }
    
    [b-amrbybjwh9] .simple-search-container .search-button {
        padding: 0.75rem 1rem;
    }
}

[b-amrbybjwh9] .citations, [b-amrbybjwh9] .end-of-list {
    display: none !important;
}

[b-amrbybjwh9] .search-box-container.no-search {
    margin-top: 0px !important;
}

[b-amrbybjwh9] .search-tips-area {
    display: none !important;
}

[b-amrbybjwh9] .searching {
    display: none !important;
}

/* The citations block uses the shared global .citations-section container (app.css) —
   deliberately not a Home-only copy, so width/padding changes apply to every page that
   shows citation cards. */

.section-header[b-amrbybjwh9] {
    color: black;
    text-align: left;
    margin-bottom: 0rem;
    padding-left: 100px;
}

.section-header h2[b-amrbybjwh9] {
    color: black;
}

.section-header .lead[b-amrbybjwh9] {
    color: var(--assisto-secondary-text);
    font-size: 1.25rem;
    margin: 0 auto;
    text-align: left;
    max-width: 100%;
}

.section-header-content[b-amrbybjwh9] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 90%;
    gap: 15%;
}

.section-title-content[b-amrbybjwh9] {
    flex: 0 1 auto;
}

.section-header-content .data-source-info[b-amrbybjwh9] {
    flex-shrink: 0;
    margin-left: 0;
    padding-right: 0;
    margin-bottom: 0.25rem;
}

@media (max-width: 768px) {

    .section-header[b-amrbybjwh9] {
        padding-left: 20px;
    }

    .section-header-content[b-amrbybjwh9] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .section-header-content .data-source-info[b-amrbybjwh9] {
        margin-left: 0;
        align-self: flex-end;
    }
}

.about-section[b-amrbybjwh9] {
    margin: 4.5rem 0;
    padding: 3rem 0;
    background-color: white;
    border-radius: 8px;
}

.about-section .section-header h2[b-amrbybjwh9] {
    color: white;
    text-align: center;
    margin-bottom: 2rem;
}

.about-content[b-amrbybjwh9] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    padding: 0 1rem;
}

.about-image[b-amrbybjwh9] {
    text-align: center;
}

    .about-image img[b-amrbybjwh9] {
        width: 300px;
        max-width: 100%;
        height: auto;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

.about-text h2[b-amrbybjwh9] {
    color: black;
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    font-weight: bold;
}

.about-text p[b-amrbybjwh9] {
    color: var(--assisto-secondary-text);
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 2rem;
}

.highlight-green[b-amrbybjwh9] {
    color: var(--assisto-primary);
    font-weight: bold;
}

.discover-solutions h3[b-amrbybjwh9] {
    color: black;
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    font-weight: bold;
}

.solution-buttons[b-amrbybjwh9] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

[b-amrbybjwh9] .survey-reports-button {
    background-color: var(--assisto-primary);
    border-color: var(--assisto-primary);
    color: white;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
}

[b-amrbybjwh9] .survey-reports-button:hover {
    background-color: var(--assisto-primary-focus);
    border-color: var(--assisto-primary-focus);
}

[b-amrbybjwh9] .poc-writer-button {
    background-color: transparent;
    border: 2px solid #e91e63;
    color: #e91e63;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
}

[b-amrbybjwh9] .poc-writer-button:hover {
    background-color: #e91e63;
    color: white;
}

@media (max-width: 768px) {
    .about-content[b-amrbybjwh9] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .about-image[b-amrbybjwh9] {
        order: -1;
    }
    
    .about-text h2[b-amrbybjwh9] {
        font-size: 2rem;
        text-align: center;
    }

    .discover-solutions h3[b-amrbybjwh9] {
        text-align: center;
    }

    .solution-buttons[b-amrbybjwh9] {
        justify-content: center;
    }
}

.cms-release-info[b-amrbybjwh9] {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    padding: 1rem;
    margin-top: 1rem;
}

.cms-release-info strong[b-amrbybjwh9] {
    color: white;
}

.release-note[b-amrbybjwh9] {
    color: var(--assisto-secondary-text);
    font-size: 0.9rem;
    font-style: italic;
}

.state-section[b-amrbybjwh9] {
    background-size: cover;
    margin-top: 4.5rem;
    padding: 30px 0 0 0;
    background-repeat: no-repeat;
    background-image: url(/images/layout/light-green-bg.svg);
}

.latest-articles .section-header[b-amrbybjwh9] {
    text-align: center;
    margin-bottom: 2rem;
    padding-left: 0;
}

.latest-articles .section-header h2[b-amrbybjwh9] {
    color: var(--assisto-primary);
    font-size: 2rem;
    margin-bottom: 1rem;
}

    .latest-articles .section-header .lead[b-amrbybjwh9] {
        color: var(--assisto-secondary-text);
        font-size: 1.25rem;
        margin: 0 auto;
        text-align: center;
    }

/* _content/Assisto.Marketing/Pages/LatestDeficiencies.razor.rz.scp.css */
.section-header[b-jkjsofcyb3] {
    padding: 50px 0 0;
    margin-bottom: 0px;
}

.state-section[b-jkjsofcyb3] {
    background-size: cover;
    padding: 30px 0 0 0;
    background-repeat: no-repeat;
    background-image: url(/images/layout/light-green-bg.svg);
}

.content-section[b-jkjsofcyb3] {
    max-width: 100%;
    width: 100%;
}
/* _content/Assisto.Marketing/Pages/LatestStateDeficiencies.razor.rz.scp.css */
/* _content/Assisto.Marketing/Pages/MonthlyReportPage.razor.rz.scp.css */
[b-32rikzn2oc] .checkout-monthly-report{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 600px;
    gap: 1rem;
}

[b-32rikzn2oc] .email-input{
    width: 100%;
    max-width: 100%;
}

/* == "What you get" cards (green-ink) == */
.mr-cards[b-32rikzn2oc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 32px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.mr-card[b-32rikzn2oc] {
    background: #fff;
    border: 1px solid var(--gi-border, #dcebe6);
    border-radius: var(--gi-radius-card, 14px);
    box-shadow: var(--gi-shadow, 0 10px 24px rgba(9, 80, 72, .05), 0 2px 6px rgba(9, 80, 72, .06));
    padding: 24px;
}

.mr-card h3[b-32rikzn2oc] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #123530;
    margin: 14px 0 6px;
}

.mr-card p[b-32rikzn2oc] {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.55;
    color: #3f524c;
}

.mr-ico[b-32rikzn2oc] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #e3f4f0;
    color: #0b8f81;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mr-ico svg[b-32rikzn2oc] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mr-ico-limey[b-32rikzn2oc] {
    background: #e4f286;
    color: #3d4d05;
}

@media (max-width: 960px) {
    .mr-cards[b-32rikzn2oc] {
        grid-template-columns: 1fr;
    }
}

/* == Pricing (green-ink): Essential card + fact side column == */
.mr-pricing[b-32rikzn2oc] {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 26px;
    margin-top: 32px;
    align-items: start;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.mr-price-card[b-32rikzn2oc] {
    position: relative;
    background: #fff;
    border: 2px solid #0ba292;
    border-radius: var(--gi-radius-card, 14px);
    box-shadow: var(--gi-shadow, 0 10px 24px rgba(9, 80, 72, .05), 0 2px 6px rgba(9, 80, 72, .06));
    padding: 30px;
}

.mr-price-tag[b-32rikzn2oc] {
    position: absolute;
    top: -13px;
    left: 26px;
    background: #0ba292;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 3px 11px;
    border-radius: 6px;
}

.mr-toggle-row[b-32rikzn2oc] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.mr-toggle[b-32rikzn2oc] {
    display: inline-flex;
    border: 1.5px solid #123530;
    border-radius: 10px;
    overflow: hidden;
}

.mr-toggle button[b-32rikzn2oc] {
    font: inherit;
    font-size: 0.9rem;
    font-weight: 650;
    color: #123530;
    background: #fff;
    border: 0;
    padding: 8px 18px;
    cursor: pointer;
}

.mr-toggle button.on[b-32rikzn2oc] {
    background: #123530;
    color: #bcdf0c;
}

.mr-toggle button:focus-visible[b-32rikzn2oc] {
    outline: 2px solid #0ba292;
    outline-offset: -2px;
}

.mr-savechip[b-32rikzn2oc] {
    background: #e4f286;
    color: #3d4d05;
    font-size: 0.85rem;
    font-weight: 750;
    padding: 2px 9px;
    border-radius: 6px;
}

.mr-price-line[b-32rikzn2oc] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.mr-price-line b[b-32rikzn2oc] {
    font-size: 2.6rem;
    font-weight: 800;
    color: #123530;
    letter-spacing: -0.02em;
}

.mr-price-line span[b-32rikzn2oc] {
    font-size: 0.95rem;
    color: #3f524c;
}

.mr-price-note[b-32rikzn2oc] {
    font-size: 0.9rem;
    color: #3f524c;
    margin: 4px 0 0;
}

.mr-plist[b-32rikzn2oc] {
    list-style: none;
    margin: 20px 0 24px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mr-plist li[b-32rikzn2oc] {
    display: flex;
    gap: 10px;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #16261f;
}

.mr-tick[b-32rikzn2oc] {
    color: #1d7a4f;
    font-weight: 800;
    flex-shrink: 0;
}

.mr-price-btn[b-32rikzn2oc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 28px;
    border-radius: 10px;
    font-size: 1.05rem;
    font-weight: 650;
    text-decoration: none;
    background: #0ba292;
    color: #fff;
    transition: background 0.15s ease;
}

.mr-price-btn:hover[b-32rikzn2oc] {
    background: #0b8f81;
}

.mr-price-btn:focus-visible[b-32rikzn2oc] {
    outline: 2px solid #0ba292;
    outline-offset: 2px;
}

.mr-seat-note[b-32rikzn2oc] {
    border-top: 1px solid var(--gi-border, #dcebe6);
    padding-top: 16px;
    margin-top: 18px;
    font-size: 0.9rem;
    color: #3f524c;
}

.mr-seat-note b[b-32rikzn2oc] {
    color: #123530;
}

.mr-price-side[b-32rikzn2oc] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mr-fact[b-32rikzn2oc] {
    background: #fff;
    border: 1px solid var(--gi-border, #dcebe6);
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.mr-fact b[b-32rikzn2oc] {
    color: #123530;
}

.mr-fact p[b-32rikzn2oc] {
    margin: 2px 0 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #3f524c;
}

.mr-fact-ico[b-32rikzn2oc] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #e4f286;
    color: #3d4d05;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.9rem;
}

@media (max-width: 960px) {
    .mr-pricing[b-32rikzn2oc] {
        grid-template-columns: 1fr;
    }
}

.user-content-page[b-32rikzn2oc] {
    background: white;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.subscription-info[b-32rikzn2oc] {
    margin-bottom: 1rem;
    width: 100%;
}

.subscription-info p[b-32rikzn2oc] {
    font-size: 0.9rem;
    color: var(--assisto-secondary-text);
    line-height: 1.5;
}

/* Hero overlap card — sample briefing preview. */
/* Sample briefing section — its own band in the page body, on the 4.5rem section rhythm. */
.mr-sec[b-32rikzn2oc] {
    margin: 4.5rem 0;
}

/* Standard-tier card (it sits in the page body, not floating over the banner). */
.mr-preview[b-32rikzn2oc] {
    background: #fff;
    border: 1px solid var(--gi-border, #dcebe6);
    border-radius: var(--gi-radius-card, 14px);
    box-shadow: var(--gi-shadow, 0 10px 24px rgba(9, 80, 72, .05), 0 2px 6px rgba(9, 80, 72, .06));
    padding: 26px 28px;
}

/* The head doubles as the <details> toggle: whole row is clickable, no native marker. */
.mr-preview-head[b-32rikzn2oc] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    cursor: pointer;
    list-style: none;
    border-radius: 8px;
}

.mr-preview-head[b-32rikzn2oc]::-webkit-details-marker {
    display: none;
}

.mr-preview-head:focus-visible[b-32rikzn2oc] {
    outline: 2px solid #0ba292;
    outline-offset: 4px;
}

.mr-preview[open] > .mr-preview-head[b-32rikzn2oc] {
    margin-bottom: 16px;
}

.mr-preview-note[b-32rikzn2oc] {
    margin-right: auto;
}

.mr-preview-toggle[b-32rikzn2oc] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.9rem;
    font-weight: 700;
    color: #0b8f81;
    border: 1.5px solid #0ba292;
    border-radius: 999px;
    padding: 6px 16px;
    white-space: nowrap;
}

.mr-preview-head:hover .mr-preview-toggle[b-32rikzn2oc] {
    background: #e3f4f0;
}

.mr-preview-toggle svg[b-32rikzn2oc] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.15s ease;
}

.mr-preview[open] .mr-preview-toggle svg[b-32rikzn2oc] {
    transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
    .mr-preview-toggle svg[b-32rikzn2oc] {
        transition: none;
    }
}

.mr-when-open[b-32rikzn2oc] {
    display: none;
}

.mr-preview[open] .mr-when-open[b-32rikzn2oc] {
    display: inline;
}

.mr-preview[open] .mr-when-closed[b-32rikzn2oc] {
    display: none;
}

.mr-preview-title[b-32rikzn2oc] {
    font-size: 1.02rem;
    font-weight: 750;
    color: #123530;
}

.mr-preview-note[b-32rikzn2oc] {
    font-size: 0.9rem;
    color: #3f524c;
}

/* Faux browser screenshot of the briefing — same visual language as the facility page's
   "What surveyors are citing around you — mapped" shots, scaled up for a full-width card. */
.mr-shot[b-32rikzn2oc] {
    background: #fff;
    border: 1px solid #cfe3dd;
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(9, 80, 72, 0.1);
    overflow: hidden;
}

.mr-shot-top[b-32rikzn2oc] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 7px 12px;
    background: #f2faf7;
    border-bottom: 1px solid #dcebe6;
}

.mr-shot-top i[b-32rikzn2oc] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #d3e4de;
    display: block;
}

.mr-shot-url[b-32rikzn2oc] {
    margin-left: 7px;
    font-size: 0.78rem;
    color: #3f524c;
    background: #fff;
    border: 1px solid #dcebe6;
    border-radius: 999px;
    padding: 1px 12px;
}

.mr-brief-head[b-32rikzn2oc] {
    background: linear-gradient(105deg, #0ba292, #0b8f81);
    color: #fff;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.mr-brief-head b[b-32rikzn2oc] {
    font-size: 1.05rem;
}

.mr-brief-head-txt span[b-32rikzn2oc] {
    display: block;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.85);
    margin-top: 2px;
}

.mr-shot-pill[b-32rikzn2oc] {
    margin-left: auto;
    background: #123530;
    color: #bcdf0c;
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 6px;
    white-space: nowrap;
}

/* two panes: citation stories × checks they imply */
.mr-duo[b-32rikzn2oc] {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 14px;
    padding: 16px 18px;
}

.mr-col[b-32rikzn2oc] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.mr-col-h[b-32rikzn2oc] {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #0b6e63;
    margin: 0;
}

.mr-fcard[b-32rikzn2oc] {
    border: 1px solid #dcebe6;
    border-radius: 10px;
    background: #fff;
    padding: 11px 14px;
}

.mr-fmeta[b-32rikzn2oc] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.mr-fmeta b[b-32rikzn2oc] {
    font-size: 0.92rem;
    color: #123530;
}

.mr-sev[b-32rikzn2oc] {
    font-size: 0.82rem;
    font-weight: 750;
    padding: 1px 8px;
    border-radius: 6px;
    white-space: nowrap;
}

.mr-sev.j[b-32rikzn2oc] {
    background: #fbe1df;
    color: #8c3a34;
}

.mr-sev.g[b-32rikzn2oc] {
    background: #fbe8df;
    color: #93502a;
}

.mr-sev.d[b-32rikzn2oc] {
    background: #fdf0d4;
    color: #8a5c14;
}

.mr-ftag[b-32rikzn2oc] {
    background: #e3f4f0;
    color: #0b6e63;
    font-weight: 750;
    font-size: 0.85rem;
    padding: 2px 9px;
    border-radius: 6px;
    font-variant-numeric: tabular-nums;
}

.mr-ftx[b-32rikzn2oc] {
    font-size: 0.92rem;
    color: #16261f;
    line-height: 1.5;
    margin: 0;
}

.mr-ffoot[b-32rikzn2oc] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: #8aa39c;
    margin-top: 6px;
}

.mr-fine[b-32rikzn2oc] {
    color: #8c3a34;
    font-weight: 700;
}

.mr-flink[b-32rikzn2oc] {
    margin-left: auto;
    color: #0b8f81;
    font-weight: 700;
    white-space: nowrap;
}

/* checklist rows */
.mr-crow[b-32rikzn2oc] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    border: 1px solid #e6f0ec;
    border-radius: 9px;
    padding: 10px 12px;
    background: #fff;
}

.mr-cb[b-32rikzn2oc] {
    width: 14px;
    height: 14px;
    border: 2px solid #cfe3dd;
    border-radius: 4px;
    flex-shrink: 0;
    margin-top: 3px;
}

.mr-ctx[b-32rikzn2oc] {
    font-size: 0.9rem;
    color: #16261f;
    line-height: 1.45;
}

.mr-meth[b-32rikzn2oc] {
    margin-left: auto;
    font-size: 0.78rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 2px 9px;
    border-radius: 999px;
    background: #eef3f1;
    color: #5b6a66;
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 1px;
}

.mr-shot-foot[b-32rikzn2oc] {
    border-top: 1px solid #dcebe6;
    background: #f2faf7;
    padding: 10px 18px;
    font-size: 0.9rem;
    color: #3f524c;
}

.mr-shot-foot b[b-32rikzn2oc] {
    color: #123530;
}

@media (max-width: 780px) {
    .mr-duo[b-32rikzn2oc] {
        grid-template-columns: 1fr;
        padding: 12px 12px 14px;
    }

    .mr-preview[b-32rikzn2oc] {
        padding: 18px 16px;
    }
}
/* _content/Assisto.Marketing/Pages/PlanOfCorrection.razor.rz.scp.css */
.poc-features[b-46db4uxayq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.feature-card[b-46db4uxayq] {
    background: white;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.feature-icon[b-46db4uxayq] {
    font-size: 2.5rem;
    color: var(--assisto-primary);
    margin-bottom: 1rem;
}



.poc-video[b-46db4uxayq] {
    margin-bottom: 3rem;
}

.video-placeholder[b-46db4uxayq] {
    border-radius: 8px;
    overflow: hidden;
}

.video-placeholder-content[b-46db4uxayq] {
    background: var(--assisto-bg);
    height: 400px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-placeholder-icon[b-46db4uxayq] {
    font-size: 4rem;
    color: var(--assisto-primary);
}

/* How to Use Section */
.how-to-use-section[b-46db4uxayq] {
    background-image: url(/images/layout/light-green-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 4rem 2rem;
    margin-bottom: 3rem;
    border-radius: 12px;
    text-align: center;
}

.section-header[b-46db4uxayq] {
    margin-bottom: 3rem;
}

.section-subtitle[b-46db4uxayq] {
    color: var(--assisto-primary);
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section-title[b-46db4uxayq] {
    color: var(--assisto-primary-text);
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.steps-container[b-46db4uxayq] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .steps-container[b-46db4uxayq] {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .steps-container[b-46db4uxayq] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .section-title[b-46db4uxayq] {
        font-size: 1.8rem;
    }
    
    .how-to-use-section[b-46db4uxayq] {
        padding: 3rem 1.5rem;
    }
}

.step-card[b-46db4uxayq] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 2px solid transparent;
}

.step-card:hover[b-46db4uxayq] {
    transform: translateY(-4px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.step-card.highlighted[b-46db4uxayq] {
    border-color: var(--assisto-primary);
    background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
}

.step-number[b-46db4uxayq] {
    color: var(--assisto-primary);
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.step-content p[b-46db4uxayq] {
    color: var(--assisto-primary-text);
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
    font-weight: 500;
}

.step-card.highlighted .step-content p[b-46db4uxayq] {
    color: var(--assisto-primary);
    font-weight: 600;
}

/* Workflow stepper section — its own band in the page body, on the 4.5rem section rhythm. */
.poc-sec[b-46db4uxayq] {
    margin: 4.5rem 0;
}

/* Standard-tier card (it sits in the page body, not floating over the banner). */
.poc-stepper-card[b-46db4uxayq] {
    background: #fff;
    border: 1px solid var(--gi-border, #dcebe6);
    border-radius: var(--gi-radius-card, 14px);
    box-shadow: var(--gi-shadow, 0 10px 24px rgba(9, 80, 72, .05), 0 2px 6px rgba(9, 80, 72, .06));
    padding: 26px 28px;
}

.poc-stepper-title[b-46db4uxayq] {
    font-size: 1.02rem;
    font-weight: 750;
    color: #123530;
    margin-bottom: 20px;
}

/* Flex rather than grid so the arrow connectors can sit between the step cards. */
.poc-stepper[b-46db4uxayq] {
    display: flex;
    align-items: stretch;
    gap: 6px;
}

.poc-step[b-46db4uxayq] {
    flex: 1;
    min-width: 0;
    border: 1.5px solid #cfe3dd;
    border-radius: 12px;
    background: #fff;
    padding: 16px;
}

.poc-step-arrow[b-46db4uxayq] {
    flex: none;
    align-self: center;
    color: #0ba292;
    display: flex;
}

.poc-step-arrow svg[b-46db4uxayq] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.poc-step.active[b-46db4uxayq] {
    background: #0ba292;
    border-color: #0ba292;
}

.poc-stepnum[b-46db4uxayq] {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: #e3f4f0;
    color: #0b8f81;
    font-weight: 800;
    font-size: 0.92rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.poc-step.active .poc-stepnum[b-46db4uxayq] {
    background: #fff;
    color: #0b8f81;
}

.poc-step b[b-46db4uxayq] {
    display: block;
    font-size: 0.93rem;
    font-weight: 700;
    color: #123530;
    line-height: 1.35;
}

.poc-step.active b[b-46db4uxayq] {
    color: #fff;
}

.poc-step span[b-46db4uxayq] {
    display: block;
    margin-top: 4px;
    font-size: 0.9rem;
    line-height: 1.45;
    color: #3f524c;
}

.poc-step.active span[b-46db4uxayq] {
    color: rgba(255, 255, 255, 0.9);
}

/* Stack the workflow on narrow screens; arrows turn to point down the column. */
@media (max-width: 900px) {
    .poc-stepper[b-46db4uxayq] {
        flex-direction: column;
        gap: 8px;
    }

    .poc-step-arrow svg[b-46db4uxayq] {
        transform: rotate(90deg);
    }
}

/* == "Couldn't I just use ChatGPT?" comparison == */
.poc-compare[b-46db4uxayq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 32px;
    border: 1px solid var(--gi-border, #dcebe6);
    border-radius: var(--gi-radius-card, 14px);
    box-shadow: var(--gi-shadow, 0 10px 24px rgba(9, 80, 72, .05), 0 2px 6px rgba(9, 80, 72, .06));
    overflow: hidden;
}

.poc-cmp[b-46db4uxayq] {
    padding: 30px 32px;
    background: #fff;
}

.poc-cmp-them[b-46db4uxayq] {
    background: var(--gi-ground, #f3f8f6);
}

.poc-cmp-us[b-46db4uxayq] {
    border-left: 1px solid var(--gi-border, #dcebe6);
}

.poc-cmp h3[b-46db4uxayq] {
    font-size: 1.1rem;
    font-weight: 750;
    margin: 0 0 18px;
    color: #123530;
}

.poc-cmp-them h3[b-46db4uxayq] {
    color: #3f524c;
}

.poc-cmp ul[b-46db4uxayq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.poc-cmp li[b-46db4uxayq] {
    display: flex;
    gap: 12px;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #3f524c;
}

.poc-cmp li b[b-46db4uxayq] {
    color: #123530;
}

.poc-x[b-46db4uxayq],
.poc-v[b-46db4uxayq] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.9rem;
}

.poc-x[b-46db4uxayq] {
    background: #fbe1df;
    color: #8c3a34;
}

.poc-v[b-46db4uxayq] {
    background: #e0f0e6;
    color: #1d7a4f;
}

.poc-cmp-badge[b-46db4uxayq] {
    display: inline-block;
    background: #123530;
    color: #bcdf0c;
    font-size: 0.9rem;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 2px 9px;
    border-radius: 5px;
    margin-left: 8px;
    vertical-align: 2px;
}

@media (max-width: 900px) {
    .poc-compare[b-46db4uxayq] {
        grid-template-columns: 1fr;
    }

    .poc-cmp-us[b-46db4uxayq] {
        border-left: none;
        border-top: 1px solid var(--gi-border, #dcebe6);
    }
}

/* == Sample output ("What you get") == */
.poc-sample[b-46db4uxayq] {
    display: flex;
    gap: 32px;
    align-items: center;
    margin-top: 32px;
    background: #fff;
    border: 1px solid var(--gi-border, #dcebe6);
    border-radius: var(--gi-radius-card, 14px);
    box-shadow: var(--gi-shadow, 0 10px 24px rgba(9, 80, 72, .05), 0 2px 6px rgba(9, 80, 72, .06));
    padding: 28px 32px;
}

.poc-sample-doc[b-46db4uxayq] {
    flex: 1 1 380px;
    min-width: 0;
    background: var(--gi-mist, #f2faf7);
    border: 1px solid var(--gi-border, #dcebe6);
    border-radius: 10px;
    padding: 20px 22px;
}

.poc-sample-head[b-46db4uxayq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.poc-sample-title[b-46db4uxayq] {
    font-size: 1rem;
    font-weight: 750;
    color: #123530;
}

.poc-sample-tag[b-46db4uxayq] {
    background: #e3f4f0;
    color: #0b6e63;
    font-size: 0.9rem;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 6px;
}

.poc-sample-sec[b-46db4uxayq] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1c433c;
    margin: 12px 0 6px;
}

.poc-sample-line[b-46db4uxayq] {
    height: 8px;
    border-radius: 4px;
    background: #d7ede8;
}

.poc-sample-line + .poc-sample-line[b-46db4uxayq] {
    margin-top: 6px;
}

.poc-sample-side[b-46db4uxayq] {
    flex: 1 1 320px;
    min-width: 0;
}

.poc-sample-side h3[b-46db4uxayq] {
    font-size: 1.1rem;
    font-weight: 750;
    color: #123530;
    margin: 0 0 14px;
}

.poc-sample-side p[b-46db4uxayq] {
    font-size: 0.95rem;
    line-height: 1.55;
    color: #3f524c;
    margin: 16px 0 0;
}

.poc-export-chips[b-46db4uxayq] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.poc-export-chip[b-46db4uxayq] {
    background: #fff;
    border: 1.5px solid #cfe3dd;
    border-radius: 999px;
    padding: 7px 16px;
    font-size: 0.92rem;
    font-weight: 650;
    color: #123530;
}

.poc-sample-note[b-46db4uxayq] {
    font-size: 0.9rem;
    color: #3f524c;
}

@media (max-width: 900px) {
    .poc-sample[b-46db4uxayq] {
        flex-direction: column;
        align-items: stretch;
        padding: 22px 20px;
    }
} 
/* _content/Assisto.Marketing/Pages/PrivacyPolicy.razor.rz.scp.css */
.legal-page[b-zqcqrqcfye] {
    max-width: 960px;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
}

.legal-header[b-zqcqrqcfye] {
    margin-bottom: 1.5rem;
}

.legal-header h1[b-zqcqrqcfye] {
    color: var(--assisto-primary);
    margin-bottom: 0.25rem;
}

.effective-date[b-zqcqrqcfye] {
    color: #5f6874;
    margin: 0;
}

.legal-content[b-zqcqrqcfye] {
    line-height: 1.65;
    color: #1f2937;
}

.legal-content h2[b-zqcqrqcfye] {
    margin-top: 1.75rem;
    margin-bottom: 0.5rem;
    color: var(--assisto-primary);
    font-size: 1.25rem;
}

.legal-content p[b-zqcqrqcfye] {
    margin: 0 0 0.85rem;
}

.legal-content ul[b-zqcqrqcfye] {
    margin: 0 0 1rem 1.2rem;
}

.legal-content li[b-zqcqrqcfye] {
    margin-bottom: 0.35rem;
}
/* _content/Assisto.Marketing/Pages/Reports.razor.rz.scp.css */
/* Reports page-specific styles */

.reports-grid[b-pz1dtxewb3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2rem;
    margin: 40px 0;
    max-width: 1200px;
}

.report-card[b-pz1dtxewb3] {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
}

.report-card:hover[b-pz1dtxewb3] {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.report-thumbnail[b-pz1dtxewb3] {
    position: relative;
    padding-top: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
    background-color: var(--assisto-bg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.report-thumbnail[b-pz1dtxewb3]::before {
    color: var(--assisto-primary);
    font-size: 1.5rem;
    font-weight: bold;
    opacity: 0.5;
}

.report-thumbnail img[b-pz1dtxewb3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.report-card:hover .report-thumbnail img[b-pz1dtxewb3] {
    transform: scale(1.05);
}

.report-content[b-pz1dtxewb3] {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.report-meta[b-pz1dtxewb3] {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.75rem;
    font-size: 0.9rem;
    color: var(--assisto-secondary-text);
}

.report-date[b-pz1dtxewb3] {
    color: var(--assisto-primary);
}

.report-category[b-pz1dtxewb3] {
    background-color: var(--assisto-bg);
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    color: var(--assisto-primary);
}

.report-title[b-pz1dtxewb3] {
    color: var(--assisto-primary-text);
    font-size: 1.5rem;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.report-excerpt[b-pz1dtxewb3] {
    color: var(--assisto-secondary-text);
    margin-bottom: 1.5rem;
    line-height: 1.6;
    flex-grow: 1;
}

.report-content .btn-primary[b-pz1dtxewb3] {
    background-color: var(--assisto-primary);
    border-color: var(--assisto-primary);
    align-self: flex-start;
    margin-top: auto;
}

.report-content .btn-primary:hover[b-pz1dtxewb3] {
    background-color: var(--assisto-primary-focus);
    border-color: var(--assisto-primary-focus);
}

@media (max-width: 768px) {
    .reports-grid[b-pz1dtxewb3] {
        grid-template-columns: 1fr;
    }
    
    .reports-header h1[b-pz1dtxewb3] {
        font-size: 2rem;
    }
    
    .reports-header .lead[b-pz1dtxewb3] {
        font-size: 1.1rem;
    }
} 
/* _content/Assisto.Marketing/Pages/SearchPage.razor.rz.scp.css */

[b-ui83eap66e] .search-box-container.no-search {
    margin-top: 0px !important;
}
/* _content/Assisto.Marketing/Pages/State.razor.rz.scp.css */
/* State-specific styles go here if needed */

/* Not found */
.not-found[b-k3ofbqqonk] {
    max-width: 640px;
    margin: 4rem auto;
    text-align: center;
}

.not-found h2[b-k3ofbqqonk] {
    margin-bottom: 0.5rem;
}

.content-section[b-k3ofbqqonk]
{
    width: 100%;
    max-width: 100%;
}
.statistics-section[b-k3ofbqqonk] {
    margin-bottom: 80px;
    max-width: 1200px;
    margin: 0 auto;
}

.top-tags-section[b-k3ofbqqonk] {
    max-width: 1200px;
    margin: 0 auto 80px;
}

.state-trends-section[b-k3ofbqqonk] {
    max-width: 1200px;
    margin: 0 auto 80px;
    padding: 10px;
}

.loading-section[b-k3ofbqqonk] {
    padding: 15px;
}
/* _content/Assisto.Marketing/Pages/TermsOfUse.razor.rz.scp.css */
.legal-page[b-0xwaewfk9e] {
    max-width: 960px;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
}

.legal-header[b-0xwaewfk9e] {
    margin-bottom: 1.5rem;
}

.legal-header h1[b-0xwaewfk9e] {
    color: var(--assisto-primary);
    margin-bottom: 0.25rem;
}

.effective-date[b-0xwaewfk9e] {
    color: #5f6874;
    margin: 0;
}

.legal-content[b-0xwaewfk9e] {
    line-height: 1.65;
    color: #1f2937;
}

.legal-content h2[b-0xwaewfk9e] {
    margin-top: 1.75rem;
    margin-bottom: 0.5rem;
    color: var(--assisto-primary);
    font-size: 1.25rem;
}

.legal-content p[b-0xwaewfk9e] {
    margin: 0 0 0.85rem;
}

.legal-content ul[b-0xwaewfk9e] {
    margin: 0 0 1rem 1.2rem;
}

.legal-content li[b-0xwaewfk9e] {
    margin-bottom: 0.35rem;
}