/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-h3s8x2lqkx] {
    color-scheme: light only;
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    padding: 0.75rem 3.5rem 0.75rem var(--page-margin);
    background-color: var(--color-surface-raised);
    border-top: var(--border-width) solid var(--color-danger);
    color: var(--color-text);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-leading);
}

#blazor-error-ui .reload[b-h3s8x2lqkx] {
    margin-left: var(--space-sm);
    font-weight: var(--text-label-weight);
}

#blazor-error-ui .dismiss[b-h3s8x2lqkx] {
    position: absolute;
    top: 50%;
    right: var(--space-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: var(--radius);
    background: transparent;
    font-size: 1.25rem;
    line-height: 1;
    transform: translateY(-50%);
}

#blazor-error-ui .dismiss:hover[b-h3s8x2lqkx] {
    background-color: var(--color-surface-recessed);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-08x5wj258b],
.components-reconnect-repeated-attempt-visible[b-08x5wj258b],
.components-reconnect-failed-visible[b-08x5wj258b],
.components-pause-visible[b-08x5wj258b],
.components-resume-failed-visible[b-08x5wj258b],
.components-rejoining-animation[b-08x5wj258b] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SiteHeader.razor.rz.scp.css */
/* Site header — mobile-first; full navigation from 1200px (desktop token breakpoint).
   Below that the six links, Sign In and Download do not fit beside the wordmark. */

.site-header[b-rbhh5cimpa] {
    position: sticky;
    top: 0;
    z-index: 50;
    background-color: var(--color-surface);
    border-bottom: var(--keyline);
}

.site-header__bar[b-rbhh5cimpa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: var(--space-md);
    min-height: var(--header-height);
}

/* ---- Brand ------------------------------------------------------------- */
.site-header__brand[b-rbhh5cimpa] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    color: var(--color-text-heading);
    text-decoration: none;
    border-radius: var(--radius);
}

.site-header__brand:hover[b-rbhh5cimpa] {
    color: var(--color-text-heading);
}

/* Height is fixed; width follows the image's intrinsic aspect ratio,
   reserved by its width/height attributes so nothing shifts on load. */
.site-header__mark[b-rbhh5cimpa] {
    flex-shrink: 0;
    width: auto;
    height: var(--brand-mark-size);
}

/* Widely spaced uppercase, after the supplied artwork's wordmark.
   The negative end margin cancels the tracking added after the last letter. */
.site-header__wordmark[b-rbhh5cimpa] {
    font-family: var(--font-serif);
    font-size: var(--text-headline-md-size);
    line-height: var(--text-headline-md-leading);
    font-weight: var(--text-headline-md-weight);
    letter-spacing: var(--brand-wordmark-tracking);
    margin-inline-end: calc(-1 * var(--brand-wordmark-tracking));
    text-transform: uppercase;
    white-space: nowrap;
}

@media (max-width: 359.98px) {
    .site-header__brand[b-rbhh5cimpa] {
        gap: 0.5rem;
    }

    .site-header__mark[b-rbhh5cimpa] {
        height: var(--brand-mark-size-sm);
    }

    .site-header__wordmark[b-rbhh5cimpa] {
        font-size: var(--text-headline-sm-size);
        letter-spacing: var(--brand-wordmark-tracking-sm);
        margin-inline-end: calc(-1 * var(--brand-wordmark-tracking-sm));
    }
}

/* ---- Menu toggle (below 1200px) ---------------------------------------- */
.site-header__toggle[b-rbhh5cimpa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: var(--keyline);
    border-radius: var(--radius);
    background-color: var(--color-surface-raised);
    color: var(--color-primary);
    font-size: 1.25rem;
    transition: background-color var(--duration-fast) var(--ease-standard);
}

.site-header__toggle:hover:enabled[b-rbhh5cimpa] {
    background-color: var(--color-surface-recessed);
}

/* Disabled only until interactivity starts */
.site-header__toggle:disabled[b-rbhh5cimpa] {
    cursor: default;
    color: var(--color-text-muted);
}

/* ---- Collapsible panel (below 1200px) ----------------------------------- */
.site-header__panel[b-rbhh5cimpa] {
    display: none;
    flex-basis: 100%;
    flex-direction: column;
    gap: var(--space-md);
    padding-block: var(--space-sm) var(--space-lg);
    border-top: var(--keyline);
}

.site-header__panel.is-open[b-rbhh5cimpa] {
    display: flex;
}

.site-nav__list[b-rbhh5cimpa] {
    display: flex;
    flex-direction: column;
}

.site-nav__link[b-rbhh5cimpa] {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    color: var(--color-text-muted);
    font-size: var(--text-body-md-size);
    line-height: var(--text-label-md-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-md-tracking);
    text-decoration: none;
    border-radius: var(--radius-sm);
}

.site-nav__link:hover[b-rbhh5cimpa],
.site-nav__link[aria-current="page"][b-rbhh5cimpa] {
    color: var(--color-primary);
}

.site-header__actions[b-rbhh5cimpa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-md) var(--space-lg);
    padding-top: var(--space-md);
    border-top: var(--keyline);
}

.site-header__signin[b-rbhh5cimpa] {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    color: var(--color-text-muted);
    font-size: var(--text-label-md-size);
    line-height: var(--text-label-md-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-md-tracking);
    text-decoration: none;
    border-radius: var(--radius-sm);
}

.site-header__signin:hover[b-rbhh5cimpa] {
    color: var(--color-primary);
}

/* ---- Desktop (1200px+): brand | nav | actions, spaced as in the reference ---- */
@media (min-width: 1200px) {
    .site-header__bar[b-rbhh5cimpa] {
        flex-wrap: nowrap;
        column-gap: var(--space-lg);
    }

    .site-header__toggle[b-rbhh5cimpa] {
        display: none;
    }

    /* The panel's children become grid items of the bar */
    .site-header__panel[b-rbhh5cimpa],
    .site-header__panel.is-open[b-rbhh5cimpa] {
        display: contents;
    }

    .site-nav__list[b-rbhh5cimpa] {
        flex-direction: row;
        align-items: center;
        gap: var(--space-lg);
    }

    .site-nav__link[b-rbhh5cimpa] {
        position: relative;
        min-height: 2.25rem;
        font-size: var(--text-label-md-size);
        white-space: nowrap;
    }

    .site-nav__link[aria-current="page"][b-rbhh5cimpa] {
        box-shadow: inset 0 -2px 0 var(--color-primary);
    }

    .site-header__actions[b-rbhh5cimpa] {
        flex-wrap: nowrap;
        gap: var(--space-lg);
        padding-top: 0;
        border-top: 0;
    }

    .site-header__signin[b-rbhh5cimpa] {
        min-height: 2.25rem;
    }
}

@media (min-width: 1280px) {
    .site-nav__list[b-rbhh5cimpa] {
        gap: 2rem;
    }
}
/* /Components/Sections/HeroProductVisual.razor.rz.scp.css */
/* Hero product illustration: workspace window + overlapping phone. */

.product[b-ed079ko7co] {
    position: relative;
    width: 100%;
    max-width: 32rem;
}

@media (min-width: 1024px) {
    .product[b-ed079ko7co] {
        max-width: none;
    }
}

/* Shared small text roles */
.product__meta[b-ed079ko7co] {
    display: block;
    color: var(--color-text-muted);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
}

.product__accent-icon[b-ed079ko7co] {
    display: inline-flex;
    color: var(--color-text-accent);
}

/* ---- Workspace window -------------------------------------------------- */
.product__window[b-ed079ko7co] {
    overflow: hidden;
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-product);
}

.product__chrome[b-ed079ko7co] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: 0.75rem var(--space-md);
    background-color: var(--color-surface-recessed);
    border-bottom: var(--keyline);
}

.product__dots[b-ed079ko7co] {
    display: flex;
    gap: var(--space-sm);
    flex-shrink: 0;
}

.product__dot[b-ed079ko7co] {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background-color: var(--color-border);
}

.product__title[b-ed079ko7co] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    min-width: 0;
    padding: 0.125rem 0.75rem;
    background-color: var(--color-surface);
    border: var(--keyline);
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-md-tracking);
}

.product__title-text[b-ed079ko7co] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product__chrome-icon[b-ed079ko7co] {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--color-text-muted);
}

.product__body[b-ed079ko7co] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.25rem;
}

@media (min-width: 1024px) {
    .product__body[b-ed079ko7co] {
        padding: var(--space-lg);
    }
}

/* Patient banner */
.product__patient[b-ed079ko7co] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: var(--space-md);
    border-bottom: var(--keyline);
}

.product__identity[b-ed079ko7co] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.product__avatar[b-ed079ko7co] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: var(--color-surface-muted);
    border: var(--keyline);
    color: var(--color-primary);
    font-size: var(--text-label-md-size);
    font-weight: var(--text-label-weight);
}

.product__identity-text[b-ed079ko7co] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.product__name-row[b-ed079ko7co] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-xs) var(--space-sm);
}

.product__name[b-ed079ko7co] {
    color: var(--color-text-heading);
    font-family: var(--font-serif);
    font-size: var(--text-headline-sm-size);
    line-height: var(--text-headline-sm-leading);
    font-weight: var(--text-headline-sm-weight);
}

.product__badge[b-ed079ko7co] {
    padding: 0.125rem var(--space-sm);
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius-sm);
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
}

.product__session[b-ed079ko7co] {
    display: none;
    text-align: right;
}

.product__session-time[b-ed079ko7co] {
    color: var(--color-primary);
    font-size: var(--text-label-md-size);
    line-height: var(--text-label-md-leading);
    font-weight: var(--text-label-weight);
}

@media (min-width: 640px) {
    .product__session[b-ed079ko7co] {
        display: block;
    }
}

/* Panels */
.product__panels[b-ed079ko7co] {
    display: grid;
    gap: var(--space-md);
}

@media (min-width: 768px) {
    .product__panels[b-ed079ko7co] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.product__panel[b-ed079ko7co] {
    min-width: 0;
    padding: var(--space-md);
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius);
}

.product__panel-head[b-ed079ko7co] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-sm);
    margin-bottom: 0.75rem;
}

.product__panel-title[b-ed079ko7co] {
    color: var(--color-primary);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

.product__panel-stack[b-ed079ko7co] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.product__field[b-ed079ko7co] {
    padding: 0.625rem;
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-sm);
}

.product__field-text[b-ed079ko7co] {
    display: block;
    color: var(--color-text);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-leading);
}

.product__metric[b-ed079ko7co] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-sm);
    padding-top: var(--space-xs);
    color: var(--color-text-muted);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
}

.product__metric-value[b-ed079ko7co] {
    color: var(--color-primary);
    font-size: var(--text-label-sm-size);
    font-weight: 500;
}

.product__bar[b-ed079ko7co] {
    height: 0.375rem;
    background-color: var(--color-surface-muted);
    border-radius: var(--radius-xl);
}

.product__bar-fill[b-ed079ko7co] {
    display: block;
    width: 92%;
    height: 100%;
    background-color: var(--color-primary);
    border-radius: inherit;
}

.product__rows[b-ed079ko7co] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.product__row[b-ed079ko7co] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: var(--space-sm);
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-leading);
}

.product__status[b-ed079ko7co] {
    color: var(--color-primary);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
    font-weight: 500;
}

.product__status--tertiary[b-ed079ko7co] {
    color: var(--color-tertiary);
}

.product__status--accent[b-ed079ko7co] {
    color: var(--color-text-accent);
}

/* Schedule strip */
.product__strip[b-ed079ko7co] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: 0.75rem;
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius);
    color: var(--color-text-muted);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-leading);
}

.product__strip-label[b-ed079ko7co] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
}

.product__strip-link[b-ed079ko7co] {
    color: var(--color-primary);
    font-size: var(--text-label-sm-size);
    font-weight: 500;
}

/* ---- Phone ------------------------------------------------------------- */
.phone[b-ed079ko7co] {
    position: absolute;
    right: calc(-1 * var(--space-sm));
    bottom: calc(-1 * var(--space-xl));
    z-index: 1;
    width: 13rem;
    padding: 0.625rem;
    background-color: var(--color-surface-raised);
    border: 2px solid var(--color-border);
    border-radius: var(--radius-3xl);
    box-shadow: var(--shadow-device);
}

@media (min-width: 640px) {
    .phone[b-ed079ko7co] {
        right: calc(-1 * var(--space-md));
        bottom: -2rem;
        width: 16rem;
        padding: 0.75rem;
    }
}

@media (min-width: 1024px) {
    .phone[b-ed079ko7co] {
        right: calc(-1 * var(--space-lg));
        bottom: calc(-1 * var(--space-xl));
        width: 18rem;
    }
}

.phone__notch[b-ed079ko7co] {
    width: 4rem;
    height: 0.75rem;
    margin: 0 auto var(--space-sm);
    background-color: var(--color-surface-muted);
    border-radius: var(--radius-xl);
}

.phone__screen[b-ed079ko7co] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    padding: var(--space-md);
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius-2xl);
}

.phone__head[b-ed079ko7co] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding-bottom: var(--space-sm);
    border-bottom: var(--keyline);
}

.phone__app[b-ed079ko7co] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--color-primary);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    white-space: nowrap;
}

.phone__greeting[b-ed079ko7co] {
    color: var(--color-text-accent);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
    white-space: nowrap;
}

.phone__card[b-ed079ko7co] {
    padding: 0.75rem;
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-xl);
}

.phone__card--stack[b-ed079ko7co] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.phone__card--row[b-ed079ko7co] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
}

.phone__card-label[b-ed079ko7co] {
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: 500;
}

.phone__quote[b-ed079ko7co] {
    color: var(--color-text);
    font-size: var(--text-body-sm-size);
    line-height: 1.375;
}

.phone__chips[b-ed079ko7co] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    padding-top: var(--space-xs);
}

.phone__chip[b-ed079ko7co] {
    padding: 0.125rem var(--space-sm);
    background-color: var(--color-surface-muted);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
}

.phone__rest[b-ed079ko7co] {
    display: flex;
    flex-direction: column;
}

.phone__rest-value[b-ed079ko7co] {
    color: var(--color-text-heading);
    font-family: var(--font-serif);
    font-size: var(--text-headline-sm-size);
    line-height: var(--text-headline-sm-leading);
    font-weight: var(--text-headline-sm-weight);
}

.phone__rest-icon[b-ed079ko7co] {
    display: inline-flex;
    color: var(--color-tertiary);
    font-size: 1.25rem;
}

.phone__line[b-ed079ko7co] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: 0.625rem;
    background-color: var(--color-primary);
    border-radius: var(--radius-xl);
    color: var(--color-on-primary);
}

.phone__line-label[b-ed079ko7co] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
    font-weight: 500;
}

.phone__line-dot[b-ed079ko7co] {
    flex-shrink: 0;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--color-secondary);
}

/* Narrow phones: keep the overlapping phone compact */
@media (max-width: 639.98px) {
    .phone__screen[b-ed079ko7co] {
        gap: 0.625rem;
        padding: 0.75rem;
    }

    .phone__card--stack .phone__chips[b-ed079ko7co],
    .phone__greeting[b-ed079ko7co] {
        display: none;
    }
}
/* /Components/Sections/HomeHero.razor.rz.scp.css */
/* Homepage hero — single column, two columns from 1024px (reference `lg`). */

.hero[b-3nv77nr22t] {
    position: relative;
    overflow-x: clip;
    padding-block: calc(var(--space-xl) + var(--space-sm)) calc(var(--space-2xl) + var(--space-md));
    background-color: var(--color-surface);
    /* Soft ambient washes from the reference, drawn without blur filters */
    background-image:
        radial-gradient(circle at 90% 0%, var(--color-surface-recessed), transparent 45%),
        radial-gradient(circle at 0% 65%, var(--color-surface-recessed), transparent 35%);
}

.hero__grid[b-3nv77nr22t] {
    display: grid;
    gap: calc(var(--space-xl) + var(--space-sm));
    align-items: center;
}

.hero__content[b-3nv77nr22t] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

/* ---- Eyebrow ----------------------------------------------------------- */
.hero__eyebrow[b-3nv77nr22t] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-xs) 0.625rem;
    margin-bottom: var(--space-lg);
    padding: 0.375rem 0.875rem;
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius-xl);
}

.hero__eyebrow-dot[b-3nv77nr22t] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--color-text-accent);
}

.hero__eyebrow-brand[b-3nv77nr22t] {
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

.hero__eyebrow-sep[b-3nv77nr22t] {
    color: var(--color-border);
}

.hero__eyebrow-topic[b-3nv77nr22t] {
    color: var(--color-text-muted);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
}

/* ---- Copy -------------------------------------------------------------- */
.hero__title[b-3nv77nr22t] {
    margin-bottom: var(--space-lg);
}

.hero__lede[b-3nv77nr22t] {
    margin-bottom: var(--space-md);
    color: var(--color-primary);
    font-weight: 500;
}

.hero__body[b-3nv77nr22t] {
    max-width: 36rem;
    margin-bottom: var(--space-xl);
}

/* ---- Actions ----------------------------------------------------------- */
.hero__actions[b-3nv77nr22t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-md);
    width: 100%;
    margin-bottom: var(--space-xl);
}

.hero__secondary[b-3nv77nr22t] {
    background-color: var(--color-surface-raised);
}

.hero__secondary:hover[b-3nv77nr22t] {
    background-color: var(--color-surface-recessed);
}

.hero__secondary-icon[b-3nv77nr22t] {
    display: inline-flex;
    color: var(--color-text-accent);
}

.hero__investor[b-3nv77nr22t] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    min-height: 2.75rem;
    color: var(--color-text-accent);
    font-size: var(--text-label-md-size);
    line-height: var(--text-label-md-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-md-tracking);
    text-decoration: none;
    border-radius: var(--radius-sm);
}

.hero__investor-label[b-3nv77nr22t] {
    padding-bottom: 0.125rem;
    border-bottom: var(--border-width) solid var(--color-accent-rule);
}

.hero__investor:hover[b-3nv77nr22t] {
    color: var(--color-primary);
}

.hero__investor:hover .hero__investor-label[b-3nv77nr22t] {
    border-bottom-color: var(--color-primary);
}

@media (min-width: 768px) {
    .hero__investor[b-3nv77nr22t] {
        margin-left: var(--space-sm);
    }
}

/* ---- Notes row (replaces the reference's certification indicators) ----- */
.hero__notes[b-3nv77nr22t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-sm) var(--space-lg);
    width: 100%;
    padding-top: var(--space-lg);
    border-top: var(--keyline);
}

.hero__note[b-3nv77nr22t] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--color-text-muted);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
}

.hero__note-icon[b-3nv77nr22t] {
    display: inline-flex;
    color: var(--color-tertiary);
    font-size: 1rem;
}

/* Divider only where both notes fit on one line (not the narrower 1024–1279px column) */
@media (min-width: 768px) and (max-width: 1023.98px), (min-width: 1280px) {
    .hero__note + .hero__note[b-3nv77nr22t] {
        padding-left: var(--space-lg);
        border-left: var(--keyline);
    }
}

/* ---- Visual ------------------------------------------------------------ */
.hero__visual[b-3nv77nr22t] {
    display: flex;
    justify-content: center;
    min-width: 0;
    /* room for the phone overlapping below the workspace window */
    padding-bottom: var(--space-xl);
}

/* ---- Desktop ----------------------------------------------------------- */
@media (min-width: 1024px) {
    .hero[b-3nv77nr22t] {
        padding-block: calc(var(--space-2xl) + var(--space-md)) calc(var(--space-3xl) + var(--space-md));
    }

    .hero__grid[b-3nv77nr22t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-2xl);
    }

    .hero__visual[b-3nv77nr22t] {
        justify-content: flex-end;
    }
}
/* /Components/Sections/Platform/PlatformArchitecture.razor.rz.scp.css */
/* Hero architecture visual.
   Narrow: brand / layers / capabilities in two columns / planned row.
   Wide (640–1023px, where it spans the page, and 1280px+ beside the copy):
   capabilities flank the layers with keyline connectors. 1024–1279px keeps the
   narrow arrangement because the half-width column is too tight for three columns. */

.arch[b-rt6fz8b2o4] {
    width: 100%;
    max-width: 36rem;
}

@media (min-width: 1024px) {
    .arch[b-rt6fz8b2o4] {
        max-width: none;
    }
}

.arch__frame[b-rt6fz8b2o4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
        "brand brand"
        "core core"
        "start end"
        "future future";
    gap: var(--space-md);
    padding: 1.25rem;
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-product);
}

/* ---- Brand row --------------------------------------------------------- */
.arch__brand[b-rt6fz8b2o4] {
    grid-area: brand;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding-bottom: var(--space-md);
    border-bottom: var(--keyline);
    color: var(--color-text-heading);
}

.arch__mark[b-rt6fz8b2o4] {
    width: auto;
    height: 1.75rem;
}

.arch__wordmark[b-rt6fz8b2o4] {
    font-family: var(--font-serif);
    font-size: var(--text-headline-sm-size);
    line-height: var(--text-headline-sm-leading);
    font-weight: var(--text-headline-sm-weight);
    letter-spacing: var(--brand-wordmark-tracking);
    margin-inline-end: calc(-1 * var(--brand-wordmark-tracking));
    text-transform: uppercase;
}

/* ---- Core layers ------------------------------------------------------- */
.arch__core[b-rt6fz8b2o4] {
    grid-area: core;
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    min-width: 0;
}

.arch__layer[b-rt6fz8b2o4] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.125rem;
    padding: 0.875rem var(--space-md);
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius);
    text-align: center;
}

/* Two-way connector between layers: keyline with a bronze node at each end */
.arch__layer + .arch__layer[b-rt6fz8b2o4]::before {
    content: "";
    position: absolute;
    bottom: calc(100% + var(--border-width));
    left: 50%;
    height: var(--space-xl);
    border-left: var(--border-width) solid var(--color-accent-rule);
}

.arch__layer + .arch__layer[b-rt6fz8b2o4]::after {
    content: "";
    position: absolute;
    bottom: calc(100% + var(--space-xl) / 2 - 0.25rem);
    left: calc(50% - 0.25rem + var(--border-width) / 2);
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--color-surface-raised);
    border: var(--border-width) solid var(--color-accent-rule);
    border-radius: 50%;
}

.arch__layer-kicker[b-rt6fz8b2o4] {
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

.arch__layer-name[b-rt6fz8b2o4] {
    color: var(--color-text-heading);
    font-family: var(--font-serif);
    font-size: var(--text-headline-sm-size);
    line-height: var(--text-headline-sm-leading);
    font-weight: var(--text-headline-sm-weight);
}

.arch__layer--shared[b-rt6fz8b2o4] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.arch__layer--shared .arch__layer-kicker[b-rt6fz8b2o4] {
    color: var(--color-surface-muted);
}

.arch__layer--shared .arch__layer-name[b-rt6fz8b2o4] {
    color: var(--color-on-primary);
}

/* ---- Capabilities ------------------------------------------------------ */
.arch__caps[b-rt6fz8b2o4] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-sm);
    min-width: 0;
}

.arch__caps--start[b-rt6fz8b2o4] { grid-area: start; }
.arch__caps--end[b-rt6fz8b2o4] { grid-area: end; }

.arch__cap[b-rt6fz8b2o4] {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    min-height: 2.5rem;
    padding: var(--space-sm) 0.625rem;
    background-color: var(--color-surface);
    border: var(--keyline);
    border-radius: var(--radius);
    color: var(--color-text);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
    font-weight: 500;
}

.arch__cap-icon[b-rt6fz8b2o4] {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--color-text-accent);
    font-size: 0.875rem;
}

/* ---- Planned row ------------------------------------------------------- */
.arch__future[b-rt6fz8b2o4] {
    grid-area: future;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: 0.75rem var(--space-md);
    border: var(--border-width) dashed var(--color-accent-rule);
    border-radius: var(--radius);
    color: var(--color-text-muted);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-leading);
}

.arch__future-icon[b-rt6fz8b2o4] {
    display: inline-flex;
    color: var(--color-text-accent);
}

.arch__tag[b-rt6fz8b2o4] {
    padding: 0 var(--space-sm);
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius-sm);
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

/* ---- Caption ----------------------------------------------------------- */
.arch__caption[b-rt6fz8b2o4] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-sm);
    margin-top: var(--space-md);
    color: var(--color-text-muted);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
}

.arch__caption-icon[b-rt6fz8b2o4] {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--color-tertiary);
    font-size: 1rem;
}

/* ---- Wide arrangement -------------------------------------------------- */
@media (min-width: 640px) and (max-width: 1023.98px), (min-width: 1280px) {
    .arch__frame[b-rt6fz8b2o4] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr);
        grid-template-areas:
            "brand brand brand"
            "start core end"
            "future future future";
        column-gap: var(--space-lg);
        padding: var(--space-lg);
    }

    /* Keyline from each capability to the layers */
    .arch__cap[b-rt6fz8b2o4]::after {
        content: "";
        position: absolute;
        top: 50%;
        width: var(--space-lg);
        border-top: var(--border-width) solid var(--color-border);
    }

    .arch__caps--start .arch__cap[b-rt6fz8b2o4]::after {
        left: 100%;
    }

    .arch__caps--end .arch__cap[b-rt6fz8b2o4]::after {
        right: 100%;
    }
}
/* /Components/Sections/Platform/PlatformAudiences.razor.rz.scp.css */
/* 09 — Progression of settings. Below 1200px: a vertical rail with steps beside it.
   From 1200px: five columns along a horizontal rail. Each step's scale bars
   (decorative) rise with the setting; the number carries the order in text. */

.aud[b-6qd416n825] {
    padding-block: var(--space-2xl);
    background-color: var(--color-surface);
    border-top: var(--keyline);
}

.aud__steps[b-6qd416n825] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    margin-top: calc(var(--space-xl) + var(--space-sm));
}

/* Vertical rail behind the step markers */
.aud__steps[b-6qd416n825]::before {
    content: "";
    position: absolute;
    top: var(--space-lg);
    bottom: var(--space-lg);
    left: 1.75rem;
    border-left: var(--border-width) solid var(--color-accent-rule);
}

.aud__step[b-6qd416n825] {
    position: relative;
    display: flex;
    gap: var(--space-md);
    min-width: 0;
}

.aud__marker[b-6qd416n825] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    align-self: flex-start;
    flex-shrink: 0;
    width: 3.5rem;
    padding-block: var(--space-md);
    /* masks the rail behind the marker only */
    background-color: var(--color-surface);
}

.aud__number[b-6qd416n825] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-surface-raised);
    border: var(--border-width) solid var(--color-accent-rule);
    border-radius: 50%;
    color: var(--color-text-accent);
    font-family: var(--font-serif);
    font-size: var(--text-body-md-size);
    font-variant-numeric: lining-nums;
}

.aud__scale[b-6qd416n825] {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 1rem;
}

.aud__bar[b-6qd416n825] {
    width: 0.25rem;
    background-color: var(--color-surface-muted);
    border-radius: var(--radius-sm);
}

.aud__bar:nth-child(1)[b-6qd416n825] { height: 20%; }
.aud__bar:nth-child(2)[b-6qd416n825] { height: 40%; }
.aud__bar:nth-child(3)[b-6qd416n825] { height: 60%; }
.aud__bar:nth-child(4)[b-6qd416n825] { height: 80%; }
.aud__bar:nth-child(5)[b-6qd416n825] { height: 100%; }

.aud__bar--on[b-6qd416n825] {
    background-color: var(--color-primary);
}

.aud__body[b-6qd416n825] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "icon name"
        "who who"
        "text text";
    align-items: center;
    column-gap: 0.75rem;
    flex: 1;
    min-width: 0;
    padding: var(--space-lg);
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    transition: border-color var(--duration-base) var(--ease-standard);
}

.aud__step:hover .aud__body[b-6qd416n825] {
    border-color: var(--color-border-strong);
}

.aud__icon[b-6qd416n825] {
    grid-area: icon;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    background-color: var(--color-surface-recessed);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    font-size: 1.125rem;
}

.aud__name[b-6qd416n825] {
    grid-area: name;
    color: var(--color-primary);
    font-size: var(--text-headline-md-size);
    line-height: var(--text-headline-md-leading);
    font-weight: var(--text-headline-md-weight);
    letter-spacing: var(--text-headline-md-tracking);
}

.aud__who[b-6qd416n825] {
    grid-area: who;
    margin-top: var(--space-md);
    color: var(--color-text-accent);
    font-size: var(--text-label-md-size);
    line-height: var(--text-label-md-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-md-tracking);
}

.aud__text[b-6qd416n825] {
    grid-area: text;
    margin-top: var(--space-xs);
    text-wrap: pretty;
}

.aud__note[b-6qd416n825] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-top: var(--space-xl);
    color: var(--color-text-muted);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
}

.aud__note-icon[b-6qd416n825] {
    display: inline-flex;
    color: var(--color-tertiary);
    font-size: 1rem;
}

/* Tablet: name on the left, descriptors on the right of each wide card */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .aud__body[b-6qd416n825] {
        grid-template-columns: auto minmax(9rem, 14rem) minmax(0, 1fr);
        grid-template-areas:
            "icon name who"
            "icon name text";
        column-gap: var(--space-md);
    }

    .aud__who[b-6qd416n825] {
        margin-top: 0;
        align-self: end;
    }

    .aud__text[b-6qd416n825] {
        align-self: start;
    }
}

@media (min-width: 1024px) {
    .aud[b-6qd416n825] {
        padding-block: var(--space-3xl);
    }

    .aud__steps[b-6qd416n825] {
        margin-top: var(--space-2xl);
    }
}

/* ---- Desktop: horizontal progression ------------------------------------ */
@media (min-width: 1200px) {
    .aud__steps[b-6qd416n825] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: var(--space-lg);
    }

    /* Horizontal rail through the step numbers */
    .aud__steps[b-6qd416n825]::before {
        top: 1.25rem;
        bottom: auto;
        left: 1.25rem;
        right: 1.25rem;
        border-left: 0;
        border-top: var(--border-width) solid var(--color-accent-rule);
    }

    .aud__step[b-6qd416n825] {
        flex-direction: column;
    }

    .aud__marker[b-6qd416n825] {
        align-self: stretch;
        flex-direction: row;
        justify-content: space-between;
        width: auto;
        padding: 0;
        background-color: transparent;
    }

    .aud__number[b-6qd416n825] {
        position: relative;
    }

    .aud__scale[b-6qd416n825] {
        padding-inline-start: var(--space-sm);
        background-color: var(--color-surface);
    }

    .aud__body[b-6qd416n825] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "icon"
            "name"
            "who"
            "text";
        align-items: start;
        align-content: start;
        padding: var(--space-lg) 1.25rem;
    }

    .aud__icon[b-6qd416n825] {
        margin-bottom: var(--space-md);
    }

    .aud__who[b-6qd416n825] {
        margin-top: var(--space-xs);
    }

    .aud__text[b-6qd416n825] {
        margin-top: var(--space-sm);
    }
}
/* /Components/Sections/Platform/PlatformCareModel.razor.rz.scp.css */
/* 02 — Two panels joined by a bridge: stacked with a vertical bridge below 1024px,
   side by side with a horizontal bridge between them from 1024px. */

.care[b-kpcuaco6oj] {
    padding-block: var(--space-2xl);
    background-color: var(--color-surface-recessed);
    border-top: var(--keyline);
}

.care__model[b-kpcuaco6oj] {
    display: grid;
    margin-top: calc(var(--space-xl) + var(--space-sm));
}

/* ---- Panels ------------------------------------------------------------ */
.care__panel[b-kpcuaco6oj] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: calc(var(--space-lg) + var(--space-sm));
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius);
}

.care__panel-head[b-kpcuaco6oj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-md);
    border-bottom: var(--border-width) solid var(--color-border-subtle);
}

.care__side[b-kpcuaco6oj] {
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

.care__icon[b-kpcuaco6oj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-surface-recessed);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    font-size: var(--space-lg);
}

.care__title[b-kpcuaco6oj] {
    margin-bottom: var(--space-sm);
}

.care__text[b-kpcuaco6oj] {
    margin-bottom: var(--space-lg);
    text-wrap: pretty;
}

.care__action[b-kpcuaco6oj] {
    margin-top: auto;
    padding-top: var(--space-md);
}

/* ---- Bridge ------------------------------------------------------------ */
.care__bridge[b-kpcuaco6oj] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding-block: var(--space-lg);
}

/* Vertical keyline running through the bridge between the stacked panels */
.care__bridge[b-kpcuaco6oj]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    left: 50%;
    border-left: var(--border-width) solid var(--color-accent-rule);
}

.care__bridge-mark[b-kpcuaco6oj],
.care__bridge-label[b-kpcuaco6oj] {
    position: relative;
}

.care__bridge-mark[b-kpcuaco6oj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    background-color: var(--color-surface-raised);
    border: var(--border-width) solid var(--color-accent-rule);
    border-radius: 50%;
}

.care__bridge-mark img[b-kpcuaco6oj] {
    width: auto;
    height: 2rem;
}

.care__bridge-label[b-kpcuaco6oj] {
    padding: var(--space-xs) 0.75rem;
    background-color: var(--color-surface-recessed);
    color: var(--color-primary);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
    text-align: center;
}

/* ---- Desktop ----------------------------------------------------------- */
@media (min-width: 1024px) {
    .care[b-kpcuaco6oj] {
        padding-block: var(--space-3xl);
    }

    .care__model[b-kpcuaco6oj] {
        grid-template-columns: minmax(0, 1fr) 9.5rem minmax(0, 1fr);
        align-items: stretch;
        margin-top: var(--space-2xl);
    }

    .care__panel[b-kpcuaco6oj] {
        padding: var(--space-xl);
    }

    .care__bridge[b-kpcuaco6oj] {
        padding-block: 0;
        isolation: isolate;
    }

    .care__bridge[b-kpcuaco6oj]::before {
        content: none;
    }

    /* Horizontal keyline through the mark, spanning the column to both panels */
    .care__bridge-mark[b-kpcuaco6oj]::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        width: 9.5rem;
        border-top: var(--border-width) solid var(--color-accent-rule);
        transform: translateX(-50%);
    }

    .care__bridge-mark[b-kpcuaco6oj] {
        width: 4rem;
        height: 4rem;
    }

    .care__bridge-label[b-kpcuaco6oj] {
        padding-inline: var(--space-xs);
    }
}
/* /Components/Sections/Platform/PlatformClosing.razor.rz.scp.css */
.closing[b-084znklylh] {
    padding-block: var(--space-2xl) calc(var(--space-2xl) + var(--space-md));
    background-color: var(--color-surface);
    border-top: var(--keyline);
    background-image: radial-gradient(circle at 50% 0%, var(--color-surface-recessed), transparent 60%);
}

.closing__inner[b-084znklylh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-lg);
    text-align: center;
}

.closing__actions[b-084znklylh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    width: 100%;
    margin-top: var(--space-md);
}

.closing__secondary[b-084znklylh] {
    background-color: var(--color-surface-raised);
}

.closing__secondary:hover[b-084znklylh] {
    background-color: var(--color-surface-recessed);
}

.closing__secondary-icon[b-084znklylh] {
    display: inline-flex;
    color: var(--color-text-accent);
}

@media (min-width: 1024px) {
    .closing[b-084znklylh] {
        padding-block: var(--space-3xl) calc(var(--space-3xl) + var(--space-xl));
    }
}
/* /Components/Sections/Platform/PlatformCompanion.razor.rz.scp.css */
/* Patient companion device, after the homepage hero phone. Shown upright on a
   keyline backdrop rather than overlapping a window. */

.companion[b-d04ver01c9] {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 30rem;
    padding: var(--space-xl) var(--space-md);
    background-color: var(--color-surface);
    border: var(--keyline);
    border-radius: var(--radius-lg);
    background-image: radial-gradient(circle at 50% 40%, var(--color-surface-raised), transparent 60%);
}

.companion__device[b-d04ver01c9] {
    width: 100%;
    max-width: 18rem;
    padding: 0.75rem;
    background-color: var(--color-surface-raised);
    border: 2px solid var(--color-border);
    border-radius: var(--radius-3xl);
    box-shadow: var(--shadow-device);
}

.companion__notch[b-d04ver01c9] {
    width: 4rem;
    height: 0.75rem;
    margin: 0 auto var(--space-sm);
    background-color: var(--color-surface-muted);
    border-radius: var(--radius-xl);
}

.companion__screen[b-d04ver01c9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: var(--space-md);
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius-2xl);
}

.companion__head[b-d04ver01c9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-xs) var(--space-sm);
    padding-bottom: var(--space-sm);
    border-bottom: var(--keyline);
}

.companion__app[b-d04ver01c9] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--color-primary);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    white-space: nowrap;
}

.companion__greeting[b-d04ver01c9] {
    color: var(--color-text-accent);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
    white-space: nowrap;
}

.companion__card[b-d04ver01c9] {
    padding: 0.75rem;
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-xl);
}

.companion__card--stack[b-d04ver01c9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.companion__card--row[b-d04ver01c9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
}

.companion__label[b-d04ver01c9] {
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: 500;
}

.companion__quote[b-d04ver01c9] {
    color: var(--color-text);
    font-size: var(--text-body-sm-size);
    line-height: 1.375;
}

.companion__chips[b-d04ver01c9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.companion__chip[b-d04ver01c9] {
    padding: 0.125rem var(--space-sm);
    background-color: var(--color-surface-muted);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
}

.companion__item[b-d04ver01c9] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--color-text);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-leading);
}

.companion__check[b-d04ver01c9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.125rem;
    height: 1.125rem;
    border: var(--border-width) solid var(--color-border);
    border-radius: 50%;
    font-size: 0.6875rem;
}

.companion__check--done[b-d04ver01c9] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-on-primary);
}

.companion__meta[b-d04ver01c9] {
    display: block;
    color: var(--color-text-muted);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
}

.companion__routine[b-d04ver01c9] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.companion__routine-value[b-d04ver01c9] {
    color: var(--color-text-heading);
    font-family: var(--font-serif);
    font-size: var(--text-body-md-size);
    line-height: var(--text-body-md-leading);
    font-weight: 500;
}

.companion__routine-icon[b-d04ver01c9] {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--color-tertiary);
    font-size: 1.25rem;
}

.companion__line[b-d04ver01c9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: 0.625rem;
    background-color: var(--color-primary);
    border-radius: var(--radius-xl);
    color: var(--color-on-primary);
}

.companion__line-label[b-d04ver01c9] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
    font-weight: 500;
}

.companion__line-dot[b-d04ver01c9] {
    flex-shrink: 0;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--color-secondary);
}
/* /Components/Sections/Platform/PlatformConnectedCare.razor.rz.scp.css */
/* Connected-care flow: planned inputs → shared care layer → the two experiences.
   Planned items use dashed keylines plus a "Planned" label. */

.cc__cta[b-x82xpp11ev] {
    background-color: var(--color-surface-raised);
}

.cc[b-x82xpp11ev] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 32rem;
    padding: var(--space-lg);
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-product);
}

.cc__head[b-x82xpp11ev] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-md);
    border-bottom: var(--keyline);
}

.cc__title[b-x82xpp11ev] {
    color: var(--color-primary);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

.cc__tag[b-x82xpp11ev] {
    padding: 0 var(--space-sm);
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius-sm);
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

/* ---- Planned inputs ---------------------------------------------------- */
.cc__inputs[b-x82xpp11ev] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
    gap: var(--space-sm);
}

.cc__input[b-x82xpp11ev] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    min-width: 0;
    padding: 0.625rem 0.75rem;
    background-color: var(--color-surface);
    border: var(--border-width) dashed var(--color-accent-rule);
    border-radius: var(--radius);
}

.cc__input-icon[b-x82xpp11ev] {
    display: inline-flex;
    flex-shrink: 0;
    padding-top: 0.125rem;
    color: var(--color-text-accent);
}

.cc__input-text[b-x82xpp11ev] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.cc__input-name[b-x82xpp11ev] {
    color: var(--color-text);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-leading);
    font-weight: 500;
}

.cc__input-status[b-x82xpp11ev] {
    color: var(--color-text-muted);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

/* An odd last input spans the row rather than leaving an empty cell */
.cc__input:last-child:nth-child(odd)[b-x82xpp11ev] {
    grid-column: 1 / -1;
}

/* ---- Flow connectors --------------------------------------------------- */
.cc__flow[b-x82xpp11ev] {
    position: relative;
    align-self: center;
    height: var(--space-xl);
    border-left: var(--border-width) solid var(--color-accent-rule);
}

/* Small node at the end of each connector */
.cc__flow[b-x82xpp11ev]::after {
    content: "";
    position: absolute;
    bottom: -0.25rem;
    left: calc(-0.25rem - var(--border-width) / 2);
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--color-secondary);
    border-radius: 50%;
}

/* Branches out to the two experiences below */
.cc__flow--split[b-x82xpp11ev] {
    align-self: stretch;
    height: var(--space-lg);
    margin-inline: 25%;
    border-left: 0;
}

.cc__flow--split[b-x82xpp11ev]::before {
    content: "";
    position: absolute;
    inset: 0;
    border: var(--border-width) solid var(--color-accent-rule);
    border-bottom: 0;
}

.cc__flow--split[b-x82xpp11ev]::after {
    content: none;
}

/* Leaves room for the layer's stem (.cc__layer::after) */
.cc__layer + .cc__flow--split[b-x82xpp11ev] {
    margin-top: var(--space-md);
}

/* ---- Shared care layer ------------------------------------------------- */
.cc__layer[b-x82xpp11ev] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: var(--space-md);
    background-color: var(--color-primary);
    border-radius: var(--radius);
    color: var(--color-on-primary);
    font-family: var(--font-serif);
    font-size: var(--text-headline-sm-size);
    line-height: var(--text-headline-sm-leading);
    font-weight: var(--text-headline-sm-weight);
    text-align: center;
}

.cc__layer[b-x82xpp11ev]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - var(--border-width) / 2);
    height: var(--space-md);
    border-left: var(--border-width) solid var(--color-accent-rule);
}

.cc__mark[b-x82xpp11ev] {
    flex-shrink: 0;
    width: auto;
    height: 1.75rem;
    padding: 0.125rem 0.25rem;
    background-color: var(--color-surface);
    border-radius: var(--radius-sm);
}

/* ---- Outputs ----------------------------------------------------------- */
.cc__outputs[b-x82xpp11ev] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-sm);
}

.cc__output[b-x82xpp11ev] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: 0.625rem var(--space-sm);
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius);
    color: var(--color-primary);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
    font-weight: var(--text-label-weight);
    text-align: center;
}
/* /Components/Sections/Platform/PlatformContinuity.razor.rz.scp.css */
/* Forget Me Not care-journey timeline. */

.fmn__cta[b-i82q8dum9o] {
    background-color: var(--color-surface-raised);
}

.fmn[b-i82q8dum9o] {
    width: 100%;
    max-width: 30rem;
    padding: var(--space-lg);
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-product);
}

.fmn__head[b-i82q8dum9o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    margin-bottom: var(--space-lg);
    padding-bottom: var(--space-md);
    border-bottom: var(--keyline);
}

.fmn__title[b-i82q8dum9o] {
    color: var(--color-text-heading);
    font-family: var(--font-serif);
    font-size: var(--text-headline-sm-size);
    line-height: var(--text-headline-sm-leading);
    font-weight: var(--text-headline-sm-weight);
}

.fmn__tag[b-i82q8dum9o] {
    padding: 0 var(--space-sm);
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius-sm);
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

.fmn__timeline[b-i82q8dum9o] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

/* Vertical keyline through the step nodes */
.fmn__timeline[b-i82q8dum9o]::before {
    content: "";
    position: absolute;
    top: 1.25rem;
    bottom: 1.25rem;
    /* step padding + step border + half the node, less half the line */
    left: calc(0.75rem + var(--border-width) + 0.375rem - var(--border-width) / 2);
    border-left: var(--border-width) solid var(--color-border);
}

.fmn__step[b-i82q8dum9o] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-sm) 0.875rem;
    padding: 0.625rem 0.75rem;
    border: var(--border-width) solid transparent;
    border-radius: var(--radius);
}

.fmn__node[b-i82q8dum9o] {
    position: relative;
    flex-shrink: 0;
    width: 0.75rem;
    height: 0.75rem;
    background-color: var(--color-surface-raised);
    border: var(--border-width) solid var(--color-border);
    border-radius: 50%;
}

.fmn__step--kept[b-i82q8dum9o] {
    background-color: var(--color-surface-recessed);
    border-color: var(--color-border);
}

.fmn__step--kept .fmn__node[b-i82q8dum9o] {
    border-color: var(--color-accent-rule);
    background-color: var(--color-secondary);
}

.fmn__step--current .fmn__node[b-i82q8dum9o] {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.fmn__step-text[b-i82q8dum9o] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 8rem;
}

.fmn__step-when[b-i82q8dum9o] {
    color: var(--color-text-muted);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
}

.fmn__step-name[b-i82q8dum9o] {
    color: var(--color-text);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-leading);
    font-weight: 500;
}

.fmn__step--current .fmn__step-name[b-i82q8dum9o] {
    color: var(--color-primary);
    font-weight: var(--text-label-weight);
}

.fmn__kept[b-i82q8dum9o] {
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}
/* /Components/Sections/Platform/PlatformEcosystem.razor.rz.scp.css */
/* 10 — Ecosystem map.
   Below 1200px: hub across the top, nodes below on a vertical rail with ticks.
   From 1200px: start nodes | hub | end nodes, with a keyline from each node to the hub
   (narrower desktops leave the side columns too tight for the node text). */

.eco[b-kijux7770j] {
    padding-block: var(--space-2xl);
    background-color: var(--color-surface-recessed);
    border-top: var(--keyline);
}

.eco__map[b-kijux7770j] {
    --eco-rail-x: 1.5rem;     /* rail position from the map's left edge (mobile) */
    --eco-indent: 3rem;       /* node indent from the map's left edge (mobile) */
    --eco-gap: var(--space-md);

    display: flex;
    flex-direction: column;
    margin-top: calc(var(--space-xl) + var(--space-sm));
}

/* ---- Hub --------------------------------------------------------------- */
.eco__hub[b-kijux7770j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    padding: var(--space-xl) var(--space-lg);
    background-color: var(--color-primary);
    border-radius: var(--radius-xl);
    /* Inset bronze keyline */
    box-shadow:
        inset 0 0 0 0.5rem var(--color-primary),
        inset 0 0 0 calc(0.5rem + var(--border-width)) var(--color-accent-rule),
        var(--shadow-product);
    color: var(--color-on-primary);
    text-align: center;
}

.eco__hub-ring[b-kijux7770j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    margin-bottom: var(--space-sm);
    background-color: var(--color-surface);
    border: var(--border-width) solid var(--color-accent-rule);
    border-radius: 50%;
}

.eco__hub-mark[b-kijux7770j] {
    width: auto;
    height: 2.75rem;
}

.eco__hub-name[b-kijux7770j] {
    font-family: var(--font-serif);
    font-size: var(--text-headline-md-size);
    line-height: var(--text-headline-md-leading);
    font-weight: var(--text-headline-md-weight);
    letter-spacing: var(--brand-wordmark-tracking);
    margin-inline-end: calc(-1 * var(--brand-wordmark-tracking));
    text-transform: uppercase;
}

.eco__hub-text[b-kijux7770j] {
    color: var(--color-surface-muted);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

/* ---- Nodes ------------------------------------------------------------- */
.eco__nodes[b-kijux7770j] {
    display: flex;
    flex-direction: column;
    gap: var(--eco-gap);
    padding-left: var(--eco-indent);
    padding-top: var(--eco-gap);
}

.eco__nodes--start[b-kijux7770j] {
    padding-top: var(--space-lg);
}

.eco__node[b-kijux7770j] {
    position: relative;
    min-width: 0;
}

/* Rail segment: from the gap above this node down past it */
.eco__node[b-kijux7770j]::after {
    content: "";
    position: absolute;
    top: calc(-1 * var(--eco-gap));
    bottom: 0;
    left: calc(var(--eco-rail-x) - var(--eco-indent));
    border-left: var(--border-width) solid var(--color-accent-rule);
}

.eco__nodes--start .eco__node:first-child[b-kijux7770j]::after {
    top: calc(-1 * var(--space-lg));
}

.eco__nodes--end .eco__node:last-child[b-kijux7770j]::after {
    bottom: 50%;
}

/* Tick from the rail to the node */
.eco__node[b-kijux7770j]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(var(--eco-rail-x) - var(--eco-indent));
    width: calc(var(--eco-indent) - var(--eco-rail-x));
    border-top: var(--border-width) solid var(--color-accent-rule);
}

.eco__link[b-kijux7770j] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    min-height: 2.75rem;
    padding: var(--space-md);
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius);
    color: var(--color-text);
    text-decoration: none;
    transition: border-color var(--duration-base) var(--ease-standard);
}

.eco__link:hover[b-kijux7770j] {
    border-color: var(--color-border-strong);
    color: var(--color-text);
}

.eco__icon[b-kijux7770j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-surface-recessed);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    font-size: 1.25rem;
}

.eco__text[b-kijux7770j] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.eco__name[b-kijux7770j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-xs) var(--space-sm);
    color: var(--color-text-heading);
    font-family: var(--font-serif);
    font-size: var(--text-headline-sm-size);
    line-height: var(--text-headline-sm-leading);
    font-weight: var(--text-headline-sm-weight);
}

.eco__tag[b-kijux7770j] {
    padding: 0 var(--space-sm);
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius-sm);
    color: var(--color-text-accent);
    font-family: var(--font-sans);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

.eco__desc[b-kijux7770j] {
    color: var(--color-text-muted);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-leading);
    text-wrap: pretty;
}

.eco__arrow[b-kijux7770j] {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--color-text-accent);
    transition: transform var(--duration-base) var(--ease-standard);
}

.eco__link:hover .eco__arrow[b-kijux7770j] {
    transform: translateX(2px);
}

@media (max-width: 359.98px) {
    .eco__map[b-kijux7770j] {
        --eco-rail-x: 0.75rem;
        --eco-indent: 1.75rem;
    }

    .eco__link[b-kijux7770j] {
        gap: 0.75rem;
        padding: 0.75rem;
    }
}

@media (min-width: 1024px) {
    .eco[b-kijux7770j] {
        padding-block: var(--space-3xl);
    }

    .eco__map[b-kijux7770j] {
        margin-top: var(--space-2xl);
    }
}

/* ---- Desktop map ------------------------------------------------------- */
@media (min-width: 1200px) {
    .eco__map[b-kijux7770j] {
        --eco-gap: var(--space-lg);
        --eco-link: var(--space-2xl);   /* connector length = column gap */

        display: grid;
        grid-template-columns: minmax(0, 1fr) 18rem minmax(0, 1fr);
        grid-template-areas: "start hub end";
        column-gap: var(--eco-link);
    }

    .eco__hub[b-kijux7770j] {
        grid-area: hub;
        padding: var(--space-2xl) var(--space-lg);
    }

    .eco__hub-ring[b-kijux7770j] {
        width: 6rem;
        height: 6rem;
    }

    .eco__hub-mark[b-kijux7770j] {
        height: 3.75rem;
    }

    .eco__nodes[b-kijux7770j],
    .eco__nodes--start[b-kijux7770j] {
        justify-content: center;
        padding: 0;
    }

    .eco__nodes--start[b-kijux7770j] { grid-area: start; }
    .eco__nodes--end[b-kijux7770j] { grid-area: end; }

    .eco__node[b-kijux7770j]::after {
        content: none;
    }

    .eco__node[b-kijux7770j]::before {
        width: var(--eco-link);
    }

    .eco__nodes--start .eco__node[b-kijux7770j]::before {
        left: 100%;
    }

    .eco__nodes--end .eco__node[b-kijux7770j]::before {
        left: auto;
        right: 100%;
    }

    .eco__link[b-kijux7770j] {
        padding: var(--space-lg);
    }
}
/* /Components/Sections/Platform/PlatformHero.razor.rz.scp.css */
/* Platform hero — follows the homepage hero's spacing, washes and breakpoints. */

.phero[b-r9kacg7dro] {
    position: relative;
    overflow-x: clip;
    padding-block: calc(var(--space-xl) + var(--space-sm)) var(--space-2xl);
    background-color: var(--color-surface);
    background-image:
        radial-gradient(circle at 90% 0%, var(--color-surface-recessed), transparent 45%),
        radial-gradient(circle at 0% 65%, var(--color-surface-recessed), transparent 35%);
}

.phero__grid[b-r9kacg7dro] {
    display: grid;
    gap: calc(var(--space-xl) + var(--space-sm));
    align-items: center;
}

.phero__content[b-r9kacg7dro] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.phero__title[b-r9kacg7dro] {
    margin-bottom: var(--space-lg);
}

.phero__lede[b-r9kacg7dro] {
    max-width: 36rem;
    margin-bottom: var(--space-xl);
    text-wrap: pretty;
}

.phero__actions[b-r9kacg7dro] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-md);
    width: 100%;
}

.phero__secondary[b-r9kacg7dro] {
    background-color: var(--color-surface-raised);
}

.phero__secondary:hover[b-r9kacg7dro] {
    background-color: var(--color-surface-recessed);
}

.phero__secondary-icon[b-r9kacg7dro] {
    display: inline-flex;
    color: var(--color-text-accent);
}

.phero__visual[b-r9kacg7dro] {
    display: flex;
    justify-content: center;
    min-width: 0;
}

@media (min-width: 1024px) {
    .phero[b-r9kacg7dro] {
        padding-block: calc(var(--space-2xl) + var(--space-md)) var(--space-3xl);
    }

    .phero__grid[b-r9kacg7dro] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-2xl);
    }

    .phero__visual[b-r9kacg7dro] {
        justify-content: flex-end;
    }
}
/* /Components/Sections/Platform/PlatformIntelligence.razor.rz.scp.css */
/* 05 — Four cards (2×2 from 768px, a row of four from 1200px). A single keyline runs
   through a node on each card to suggest support distributed across the platform. */

.intel[b-w4j0a1z06o] {
    padding-block: var(--space-2xl);
    background-color: var(--color-surface);
    border-top: var(--keyline);
}

.intel__grid[b-w4j0a1z06o] {
    position: relative;
    display: grid;
    gap: var(--space-lg);
    margin-top: calc(var(--space-xl) + var(--space-sm));
}

.intel__card[b-w4j0a1z06o] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: calc(var(--space-lg) + var(--space-sm));
    padding-top: var(--space-xl);
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    transition: border-color var(--duration-base) var(--ease-standard);
}

.intel__card:hover[b-w4j0a1z06o] {
    border-color: var(--color-border-strong);
}

/* Node sitting on the card's top edge */
.intel__node[b-w4j0a1z06o] {
    position: absolute;
    /* centred on the card's top border: half the node plus its 2px ring */
    top: calc(-0.3125rem - 2px - var(--border-width) / 2);
    left: calc(var(--space-lg) + var(--space-sm));
    width: 0.625rem;
    height: 0.625rem;
    background-color: var(--color-secondary);
    border: 2px solid var(--color-surface);
    border-radius: 50%;
    box-sizing: content-box;
}

.intel__icon[b-w4j0a1z06o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: var(--space-lg);
    background-color: var(--color-surface-recessed);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    font-size: var(--space-lg);
}

.intel__label[b-w4j0a1z06o] {
    margin-bottom: var(--space-sm);
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

.intel__title[b-w4j0a1z06o] {
    margin-bottom: var(--space-md);
}

.intel__text[b-w4j0a1z06o] {
    line-height: 1.625;
    text-wrap: pretty;
}

/* ---- Principle note ---------------------------------------------------- */
.intel__principle[b-w4j0a1z06o] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-md);
    margin-top: var(--space-xl);
    padding: var(--space-lg);
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-left: 2px solid var(--color-accent-rule);
    border-radius: var(--radius-sm);
    color: var(--color-text);
}

.intel__principle-icon[b-w4j0a1z06o] {
    display: inline-flex;
    flex-shrink: 0;
    padding-top: 0.125rem;
    color: var(--color-primary);
    font-size: 1.25rem;
}

.intel__principle-lead[b-w4j0a1z06o] {
    color: var(--color-primary);
    font-weight: var(--text-label-weight);
}

/* ---- Tablet ------------------------------------------------------------ */
@media (min-width: 768px) {
    .intel__grid[b-w4j0a1z06o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---- Desktop ----------------------------------------------------------- */
@media (min-width: 1024px) {
    .intel[b-w4j0a1z06o] {
        padding-block: var(--space-3xl);
    }

    .intel__grid[b-w4j0a1z06o] {
        margin-top: var(--space-2xl);
    }
}

@media (min-width: 1200px) {
    .intel__grid[b-w4j0a1z06o] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    /* The shared keyline runs along the cards' top edges, through each node */
    .intel__grid[b-w4j0a1z06o]::before {
        content: "";
        position: absolute;
        top: calc(-1 * var(--space-lg));
        /* from the first node to the last: one card width (less the node offset) short of the end */
        left: calc(var(--space-lg) + var(--space-sm) + 0.3125rem);
        right: calc((100% - 3 * var(--space-lg)) / 4 - var(--space-lg) - var(--space-sm) - 0.3125rem);
        border-top: var(--border-width) solid var(--color-accent-rule);
    }

    .intel__node[b-w4j0a1z06o] {
        top: calc(-1 * var(--space-lg) - 0.3125rem - 2px);
    }

    /* Drop line from the shared keyline to each card */
    .intel__card[b-w4j0a1z06o]::before {
        content: "";
        position: absolute;
        top: calc(-1 * var(--space-lg));
        left: calc(var(--space-lg) + var(--space-sm) + 0.3125rem + 2px);
        height: var(--space-lg);
        border-left: var(--border-width) solid var(--color-accent-rule);
    }
}
/* /Components/Sections/Platform/PlatformSectionHeading.razor.rz.scp.css */
.psh[b-hvxxfrdg61] {
    max-width: 48rem;
}

.psh__title[b-hvxxfrdg61] {
    margin-bottom: var(--space-lg);
}

.psh__intro[b-hvxxfrdg61] {
    text-wrap: pretty;
}

.psh--centered[b-hvxxfrdg61] {
    margin-inline: auto;
    text-align: center;
}

.psh--centered .psh__intro[b-hvxxfrdg61] {
    margin-inline: auto;
}
/* /Components/Sections/Platform/PlatformSplit.razor.rz.scp.css */
.split[b-n554xuh6sg] {
    padding-block: var(--space-2xl);
    background-color: var(--color-surface);
    border-top: var(--keyline);
}

.split--recessed[b-n554xuh6sg] {
    background-color: var(--color-surface-recessed);
}

.split__grid[b-n554xuh6sg] {
    display: grid;
    gap: calc(var(--space-xl) + var(--space-sm));
    align-items: center;
}

.split__copy[b-n554xuh6sg],
.split__visual[b-n554xuh6sg] {
    min-width: 0;
}

.split__points[b-n554xuh6sg] {
    margin-top: var(--space-xl);
    padding-top: var(--space-lg);
    border-top: var(--border-width) solid var(--color-border);
}

.split__actions[b-n554xuh6sg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-md) var(--space-lg);
    margin-top: var(--space-xl);
}

.split__visual[b-n554xuh6sg] {
    display: flex;
    justify-content: center;
}

@media (min-width: 1024px) {
    .split[b-n554xuh6sg] {
        padding-block: var(--space-3xl);
    }

    .split__grid[b-n554xuh6sg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-2xl);
    }

    .split__grid--reverse .split__visual[b-n554xuh6sg] {
        order: -1;
    }
}
/* /Components/Sections/Platform/PlatformTrust.razor.rz.scp.css */
/* Trust: areas of focus drawn as a stack of foundation layers, each a little wider
   than the one above, the base in forest green. */

.trust__cta[b-vgs3hur714] {
    background-color: var(--color-surface-raised);
}

/* The svg is rendered by the Icon component, outside this file's scope */
.trust__cta[b-vgs3hur714]  .icon {
    color: var(--color-text-accent);
}

.trust[b-vgs3hur714] {
    width: 100%;
    max-width: 32rem;
}

.trust__head[b-vgs3hur714] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
    color: var(--color-primary);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

.trust__head-icon[b-vgs3hur714] {
    display: inline-flex;
    color: var(--color-text-accent);
    font-size: 1rem;
}

.trust__layers[b-vgs3hur714] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
}

.trust__layer[b-vgs3hur714] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    width: 100%;
    padding: var(--space-md);
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius);
}

/* Widening toward the base, from 640px (narrower screens use the full width) */
@media (min-width: 640px) {
    .trust__layer:nth-child(1)[b-vgs3hur714] { width: 84%; }
    .trust__layer:nth-child(2)[b-vgs3hur714] { width: 88%; }
    .trust__layer:nth-child(3)[b-vgs3hur714] { width: 92%; }
    .trust__layer:nth-child(4)[b-vgs3hur714] { width: 96%; }
}

.trust__layer:last-child[b-vgs3hur714] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    box-shadow: var(--shadow-product);
}

.trust__icon[b-vgs3hur714] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    background-color: var(--color-surface-recessed);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    font-size: 1.125rem;
}

.trust__text[b-vgs3hur714] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.trust__name[b-vgs3hur714] {
    color: var(--color-text-heading);
    font-family: var(--font-serif);
    font-size: var(--text-body-lg-size);
    line-height: var(--text-body-md-leading);
    font-weight: 500;
}

.trust__desc[b-vgs3hur714] {
    color: var(--color-text-muted);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-leading);
}

.trust__layer:last-child .trust__name[b-vgs3hur714] {
    color: var(--color-on-primary);
}

.trust__layer:last-child .trust__desc[b-vgs3hur714] {
    color: var(--color-surface-muted);
}
/* /Components/Sections/Platform/PlatformWorkspace.razor.rz.scp.css */
.pws[b-u2bxadw702] {
    padding-block: var(--space-2xl);
    background-color: var(--color-surface);
    border-top: var(--keyline);
}

.pws__intro[b-u2bxadw702] {
    display: grid;
    gap: var(--space-lg);
    margin-bottom: calc(var(--space-xl) + var(--space-sm));
}

.pws__copy[b-u2bxadw702] {
    min-width: 0;
}

.pws__action[b-u2bxadw702] {
    margin-top: var(--space-xl);
}

.pws__visual[b-u2bxadw702] {
    min-width: 0;
}

/* Same treatment as the homepage hero's notes row */
.pws__notes[b-u2bxadw702] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-sm) var(--space-lg);
    margin-top: var(--space-lg);
}

.pws__note[b-u2bxadw702] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    color: var(--color-text-muted);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
}

.pws__note-icon[b-u2bxadw702] {
    display: inline-flex;
    color: var(--color-tertiary);
    font-size: 1rem;
}

@media (min-width: 768px) {
    .pws__note + .pws__note[b-u2bxadw702] {
        padding-left: var(--space-lg);
        border-left: var(--keyline);
    }
}

@media (min-width: 1024px) {
    .pws[b-u2bxadw702] {
        padding-block: var(--space-3xl);
    }

    .pws__intro[b-u2bxadw702] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-2xl);
        align-items: end;
        margin-bottom: var(--space-2xl);
    }
}
/* /Components/Sections/Platform/PlatformWorkspaceVisual.razor.rz.scp.css */
/* Platform workspace illustration. Single column on mobile, two columns from 768px,
   schedule | main | side rail from 1200px. Styling follows HeroProductVisual. */

.ws[b-uf4n1ievpv] {
    overflow: hidden;
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-product);
}

/* ---- Shared small roles ------------------------------------------------ */
.ws__meta[b-uf4n1ievpv] {
    display: block;
    color: var(--color-text-muted);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
}

.ws__accent[b-uf4n1ievpv] {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--color-text-accent);
}

/* ---- Window chrome ----------------------------------------------------- */
.ws__chrome[b-uf4n1ievpv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: 0.75rem var(--space-md);
    background-color: var(--color-surface-recessed);
    border-bottom: var(--keyline);
}

.ws__dots[b-uf4n1ievpv] {
    display: flex;
    flex-shrink: 0;
    gap: var(--space-sm);
}

.ws__dot[b-uf4n1ievpv] {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background-color: var(--color-border);
}

.ws__title[b-uf4n1ievpv] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    min-width: 0;
    padding: 0.125rem 0.75rem;
    background-color: var(--color-surface);
    border: var(--keyline);
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-md-tracking);
}

.ws__title-text[b-uf4n1ievpv] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ws__sample[b-uf4n1ievpv] {
    flex-shrink: 0;
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

@media (max-width: 479.98px) {
    .ws__sample[b-uf4n1ievpv] {
        display: none;
    }
}

/* ---- Body grid --------------------------------------------------------- */
.ws__body[b-uf4n1ievpv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "overview"
        "encounter"
        "plan"
        "history"
        "engagement"
        "schedule";
    gap: var(--space-md);
    padding: var(--space-md);
}

/* Phones show the core modules only, so the illustration stays a reasonable length */
@media (max-width: 767.98px) {
    /* compound selectors so this outranks the later .ws__panel display rule */
    .ws__panel.ws__schedule[b-uf4n1ievpv],
    .ws__panel.ws__engagement[b-uf4n1ievpv] {
        display: none;
    }
}

.ws__schedule[b-uf4n1ievpv] { grid-area: schedule; }
.ws__overview[b-uf4n1ievpv] { grid-area: overview; }
.ws__encounter[b-uf4n1ievpv] { grid-area: encounter; }
.ws__plan[b-uf4n1ievpv] { grid-area: plan; }
.ws__history[b-uf4n1ievpv] { grid-area: history; }
.ws__engagement[b-uf4n1ievpv] { grid-area: engagement; }

@media (min-width: 768px) {
    .ws__body[b-uf4n1ievpv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "overview overview"
            "encounter encounter"
            "schedule plan"
            "history engagement";
        padding: 1.25rem;
    }
}

@media (min-width: 1200px) {
    .ws__body[b-uf4n1ievpv] {
        grid-template-columns: 15rem minmax(0, 1fr) 17rem;
        grid-template-areas:
            "schedule overview overview"
            "schedule encounter plan"
            "schedule encounter history"
            "schedule encounter engagement";
        padding: var(--space-lg);
    }
}

/* ---- Panels ------------------------------------------------------------ */
.ws__panel[b-uf4n1ievpv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
    padding: var(--space-md);
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius);
}

.ws__head[b-uf4n1ievpv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-sm);
}

.ws__panel-title[b-uf4n1ievpv] {
    color: var(--color-primary);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

.ws__list[b-uf4n1ievpv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.ws__row[b-uf4n1ievpv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    padding: var(--space-sm);
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-sm);
    color: var(--color-text);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-leading);
}

.ws__status[b-uf4n1ievpv] {
    flex-shrink: 0;
    color: var(--color-primary);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
    font-weight: 500;
}

.ws__status--tertiary[b-uf4n1ievpv] { color: var(--color-tertiary); }
.ws__status--accent[b-uf4n1ievpv] { color: var(--color-text-accent); }

/* ---- Schedule ---------------------------------------------------------- */
.ws__slot[b-uf4n1ievpv] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: var(--space-sm);
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-sm);
}

.ws__slot--next[b-uf4n1ievpv] {
    border-color: var(--color-border-strong);
    box-shadow: inset 2px 0 0 var(--color-primary);
}

.ws__time[b-uf4n1ievpv] {
    flex-shrink: 0;
    color: var(--color-primary);
    font-size: var(--text-label-md-size);
    line-height: var(--text-label-md-leading);
    font-weight: var(--text-label-weight);
    font-variant-numeric: tabular-nums;
}

.ws__slot-text[b-uf4n1ievpv] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ws__slot-name[b-uf4n1ievpv] {
    color: var(--color-text);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-leading);
    font-weight: 500;
}

.ws__strip[b-uf4n1ievpv] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    margin-top: auto;
    padding: 0.75rem;
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-sm);
    color: var(--color-text-muted);
    font-size: var(--text-body-sm-size);
    line-height: var(--text-body-sm-leading);
}

/* ---- Patient overview -------------------------------------------------- */
.ws__overview[b-uf4n1ievpv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
    padding-bottom: var(--space-md);
    border-bottom: var(--keyline);
}

.ws__identity[b-uf4n1ievpv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.ws__avatar[b-uf4n1ievpv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: var(--color-surface-muted);
    border: var(--keyline);
    color: var(--color-primary);
    font-size: var(--text-label-md-size);
    font-weight: var(--text-label-weight);
}

.ws__identity-text[b-uf4n1ievpv] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ws__name-row[b-uf4n1ievpv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-xs) var(--space-sm);
}

.ws__name[b-uf4n1ievpv] {
    color: var(--color-text-heading);
    font-family: var(--font-serif);
    font-size: var(--text-headline-sm-size);
    line-height: var(--text-headline-sm-leading);
    font-weight: var(--text-headline-sm-weight);
}

.ws__badge[b-uf4n1ievpv] {
    padding: 0.125rem var(--space-sm);
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius-sm);
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
}

.ws__next[b-uf4n1ievpv] {
    display: none;
    text-align: right;
}

.ws__next-time[b-uf4n1ievpv] {
    color: var(--color-primary);
    font-size: var(--text-label-md-size);
    line-height: var(--text-label-md-leading);
    font-weight: var(--text-label-weight);
}

@media (min-width: 640px) {
    .ws__next[b-uf4n1ievpv] {
        display: block;
    }
}

/* ---- Encounter note ---------------------------------------------------- */
.ws__fields[b-uf4n1ievpv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ws__field[b-uf4n1ievpv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: 0.75rem;
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-sm);
}

.ws__lines[b-uf4n1ievpv] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

/* Placeholder text lines: the illustration never shows clinical content */
.ws__line[b-uf4n1ievpv] {
    display: block;
    height: 0.375rem;
    background-color: var(--color-surface-muted);
    border-radius: var(--radius-xl);
}

.ws__line--short[b-uf4n1ievpv] {
    width: 62%;
}

/* Care-plan goals this note is linked to; sits at the foot of the panel */
.ws__links[b-uf4n1ievpv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm);
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: var(--keyline);
}

.ws__chips[b-uf4n1ievpv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.ws__chip[b-uf4n1ievpv] {
    padding: 0.125rem var(--space-sm);
    background-color: var(--color-surface-muted);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-leading);
}

@media (min-width: 1200px) {
    .ws__field[b-uf4n1ievpv] {
        padding: var(--space-md);
    }
}

/* ---- Longitudinal view ------------------------------------------------- */
.ws__weeks[b-uf4n1ievpv] {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: var(--space-xs);
    padding: 0.75rem var(--space-sm) var(--space-sm);
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    border-radius: var(--radius-sm);
}

/* Timeline keyline behind the week nodes */
.ws__weeks[b-uf4n1ievpv]::before {
    content: "";
    position: absolute;
    top: calc(0.75rem + 0.3125rem);
    left: 1rem;
    right: 1rem;
    border-top: var(--border-width) solid var(--color-border);
}

.ws__week[b-uf4n1ievpv] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xs);
}

.ws__week-node[b-uf4n1ievpv] {
    width: 0.625rem;
    height: 0.625rem;
    background-color: var(--color-surface-raised);
    border: var(--border-width) solid var(--color-accent-rule);
    border-radius: 50%;
}

.ws__week--current .ws__week-node[b-uf4n1ievpv] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.ws__week-label[b-uf4n1ievpv] {
    color: var(--color-text-muted);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-variant-numeric: tabular-nums;
}

.ws__week--current .ws__week-label[b-uf4n1ievpv] {
    color: var(--color-primary);
    font-weight: var(--text-label-weight);
}
/* /Components/Sections/WhyCarnation.razor.rz.scp.css */
/* Why Carnation — intro band, then a 2×2 grid of principle cards from 768px.
   Spacing switches to the reference's `lg` values from 1024px, matching the hero. */

.why[b-ptznsfykvw] {
    background-color: var(--color-surface);
    border-top: var(--keyline);
}

/* ---- Intro ------------------------------------------------------------- */
.why__intro[b-ptznsfykvw] {
    padding-block: var(--space-2xl) calc(var(--space-xl) + var(--space-sm));
    border-bottom: var(--keyline);
}

.why__heading[b-ptznsfykvw] {
    max-width: 48rem;
}

.why__eyebrow[b-ptznsfykvw] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-lg);
    padding: var(--space-xs) 0.75rem;
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius-sm);
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.why__eyebrow-dot[b-ptznsfykvw] {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: var(--color-text-accent);
}

.why__title[b-ptznsfykvw] {
    margin-bottom: var(--space-lg);
}

.why__lede[b-ptznsfykvw] {
    text-wrap: pretty;
}

/* Metadata rule: replaces the reference's dossier line with an index of the principles */
.why__meta[b-ptznsfykvw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-sm) var(--space-md);
    margin-top: calc(var(--space-xl) + var(--space-sm));
    padding-top: var(--space-lg);
    border-top: var(--border-width) solid var(--color-border-subtle);
    color: var(--color-text-muted);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
}

.why__meta-label[b-ptznsfykvw] {
    color: var(--color-primary);
    font-size: var(--text-label-md-size);
    line-height: var(--text-label-md-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-md-tracking);
}

.why__meta-list[b-ptznsfykvw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs) var(--space-lg);
    padding: 0;
    list-style: none;
    letter-spacing: 0.05em;
}

/* ---- Principle cards --------------------------------------------------- */
.why__body[b-ptznsfykvw] {
    padding-block: var(--space-2xl);
}

.why__grid[b-ptznsfykvw] {
    display: grid;
    gap: calc(var(--space-lg) + var(--space-sm));
    padding: 0;
    list-style: none;
}

.why__card[b-ptznsfykvw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: calc(var(--space-lg) + var(--space-sm));
    background-color: var(--color-surface-raised);
    border: var(--keyline);
    transition: border-color var(--duration-base) var(--ease-standard);
}

.why__card:hover[b-ptznsfykvw] {
    border-color: var(--color-border-strong);
}

.why__card-header[b-ptznsfykvw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-md);
    margin-bottom: calc(var(--space-lg) + var(--space-sm));
    padding-bottom: var(--space-md);
    border-bottom: var(--border-width) solid var(--color-border-subtle);
}

.why__theme[b-ptznsfykvw] {
    display: block;
    margin-bottom: var(--space-xs);
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-sm-tracking);
    text-transform: uppercase;
}

.why__kicker[b-ptznsfykvw] {
    display: block;
    color: var(--color-text-muted);
    font-family: var(--font-serif);
    font-size: var(--text-headline-sm-size);
    line-height: var(--text-headline-sm-leading);
    font-weight: 500;
}

.why__number[b-ptznsfykvw] {
    color: var(--color-border);
    font-family: var(--font-serif);
    font-size: var(--text-headline-xl-size);
    line-height: var(--text-headline-xl-leading);
    font-weight: 300;
    font-variant-numeric: lining-nums;
}

.why__icon[b-ptznsfykvw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: var(--space-lg);
    background-color: var(--color-surface-recessed);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    font-size: var(--space-lg);
}

.why__card-title[b-ptznsfykvw] {
    margin-bottom: var(--space-sm);
    color: var(--color-primary);
}

.why__card-lead[b-ptznsfykvw] {
    margin-bottom: var(--space-md);
    color: var(--color-primary);
    font-weight: 500;
}

.why__card-text[b-ptznsfykvw] {
    margin-bottom: calc(var(--space-lg) + var(--space-sm));
    line-height: 1.625;
    text-wrap: pretty;
}

/* Footer row sits on the card's baseline so paired cards align */
.why__card-footer[b-ptznsfykvw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-xs) var(--space-md);
    margin-top: auto;
    padding-top: var(--space-md);
    border-top: var(--border-width) solid var(--color-border-subtle);
    color: var(--color-text-muted);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    letter-spacing: 0.05em;
}

.why__card-footer dd[b-ptznsfykvw] {
    margin: 0;
    color: var(--color-tertiary);
    font-weight: 500;
}

/* ---- Tablet ------------------------------------------------------------ */
@media (min-width: 768px) {
    .why__grid[b-ptznsfykvw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---- Desktop (reference `lg`) ----------------------------------------- */
@media (min-width: 1024px) {
    .why__intro[b-ptznsfykvw] {
        padding-block: var(--space-3xl) var(--space-2xl);
    }

    .why__body[b-ptznsfykvw] {
        padding-block: var(--space-3xl);
    }

    .why__grid[b-ptznsfykvw] {
        gap: var(--space-xl);
    }

    .why__card[b-ptznsfykvw] {
        padding: var(--space-xl);
    }
}
/* /Components/Shared/ArrowLink.razor.rz.scp.css */
/* Matches .hero__investor on the homepage. */
.arrow-link[b-bcq753herc] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    min-height: 2.75rem;
    color: var(--color-text-accent);
    font-size: var(--text-label-md-size);
    line-height: var(--text-label-md-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: var(--text-label-md-tracking);
    text-decoration: none;
    border-radius: var(--radius-sm);
}

.arrow-link__label[b-bcq753herc] {
    padding-bottom: 0.125rem;
    border-bottom: var(--border-width) solid var(--color-accent-rule);
}

.arrow-link:hover[b-bcq753herc] {
    color: var(--color-primary);
}

.arrow-link:hover .arrow-link__label[b-bcq753herc] {
    border-bottom-color: var(--color-primary);
}
/* /Components/Shared/Eyebrow.razor.rz.scp.css */
/* Matches .why__eyebrow on the homepage. */
.eyebrow-chip[b-gd8a61b3wm] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-sm);
    max-width: 100%;
    margin-bottom: var(--space-lg);
    padding: var(--space-xs) 0.75rem;
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: var(--radius-sm);
    color: var(--color-text-accent);
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-leading);
    font-weight: var(--text-label-weight);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.eyebrow-chip__dot[b-gd8a61b3wm] {
    flex-shrink: 0;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: var(--color-text-accent);
}
/* /Components/Shared/FeatureList.razor.rz.scp.css */
.feature-list[b-g8wdpkw7ar] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Two columns once each can be at least 14rem wide */
.feature-list--columns[b-g8wdpkw7ar] {
    display: block;
    columns: 14rem 2;
    column-gap: var(--space-lg);
}

.feature-list--columns .feature-list__item[b-g8wdpkw7ar] {
    break-inside: avoid;
    margin-bottom: 0.75rem;
}

.feature-list__item[b-g8wdpkw7ar] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: var(--color-text);
    font-size: var(--text-body-md-size);
    line-height: var(--text-body-md-leading);
}

.feature-list__marker[b-g8wdpkw7ar] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--color-surface-recessed);
    border: var(--keyline);
    border-radius: 50%;
    color: var(--color-text-accent);
    font-size: 0.75rem;
}