/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Scoped to MainLayout. The shell is a plain flex column so the footer sticks
   to the bottom of short pages (e.g., a 404) without overlap. */
.app-shell[b-502j20sezk] {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

#main[b-502j20sezk] {
    flex: 1 0 auto;
}

/* Blazor circuit error UI — kept minimal; hidden by default in app.css. */
#blazor-error-ui[b-502j20sezk] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: .6rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#blazor-error-ui .dismiss[b-502j20sezk] {
    cursor: pointer;
    position: absolute;
    right: .75rem;
    top: .5rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-l4ikgoscba],
.components-reconnect-repeated-attempt-visible[b-l4ikgoscba],
.components-reconnect-failed-visible[b-l4ikgoscba],
.components-pause-visible[b-l4ikgoscba],
.components-resume-failed-visible[b-l4ikgoscba],
.components-rejoining-animation[b-l4ikgoscba] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
/* Scoped to About */
.about-grid[b-72ozqvbeh7] { display: grid; grid-template-columns: 1.6fr 1fr; gap: clamp(2rem, 5vw, 4rem); align-items: start; }
@media (max-width: 900px) { .about-grid[b-72ozqvbeh7] { grid-template-columns: 1fr; } }

.about-facts[b-72ozqvbeh7] { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
.about-facts li[b-72ozqvbeh7] { display: flex; gap: .7rem; align-items: flex-start; color: var(--text-muted); }
.about-facts i[b-72ozqvbeh7] { color: var(--color-green); margin-top: 3px; }
.about-facts b[b-72ozqvbeh7] { display: block; color: var(--text-soft); font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; }

.team-card[b-72ozqvbeh7] { padding: var(--space-5); }
.team-avatar[b-72ozqvbeh7] {
    width: 64px; height: 64px; border-radius: 50%; margin: 0 auto var(--space-3);
    background: var(--grad-brand); color: #fff; display: grid; place-items: center;
    font-weight: 800; font-size: 1.3rem;
}
.team-role[b-72ozqvbeh7] { color: var(--color-blue); font-weight: 600; font-size: .9rem; }
/* /Components/Pages/Article.razor.rz.scp.css */
/* Scoped to Article */
.post-placeholder[b-usofxrxiy4] {
    display: flex; flex-direction: column; align-items: center; text-align: center;
    gap: 1rem; padding: clamp(1.5rem, 5vw, 3rem);
    background: var(--bg-subtle); border: 1px dashed var(--border-strong);
    border-radius: var(--radius-lg); color: var(--text-muted);
}
.post-placeholder i[b-usofxrxiy4] { font-size: 2.2rem; color: var(--color-blue); }
.post-placeholder code[b-usofxrxiy4] { background: var(--bg-muted); padding: .1rem .35rem; border-radius: 5px; }
/* /Components/Pages/CaseStudies.razor.rz.scp.css */
/* Scoped to CaseStudies */
.case-card[b-nmpt5n4r13] { display: flex; flex-direction: column; gap: .75rem; }
.case-results[b-nmpt5n4r13] { list-style: none; padding: 0; margin: .5rem 0 0; display: grid; gap: .5rem; }
.case-results li[b-nmpt5n4r13] { display: flex; align-items: center; gap: .5rem; font-weight: 600; color: var(--heading); }
.case-results i[b-nmpt5n4r13] { color: var(--color-green); font-size: 1.1rem; }
.case-cta[b-nmpt5n4r13] {
    margin-top: var(--space-6); display: flex; align-items: center; justify-content: space-between;
    gap: var(--space-4); flex-wrap: wrap; flex-direction: row;
}
@media (max-width: 620px) { .case-cta[b-nmpt5n4r13] { flex-direction: column; align-items: flex-start; } }
/* /Components/Pages/Contact.razor.rz.scp.css */
/* Scoped to Contact */
.contact-grid[b-de3gxmpuhc] { display: grid; grid-template-columns: 1.4fr .9fr; gap: clamp(1.5rem, 4vw, 3rem); align-items: start; }
@media (max-width: 900px) { .contact-grid[b-de3gxmpuhc] { grid-template-columns: 1fr; } }

.h3-like[b-de3gxmpuhc] { font-size: 1.4rem; margin-bottom: .25rem; }

.contact-list[b-de3gxmpuhc] { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
.contact-list li[b-de3gxmpuhc] { display: flex; gap: .8rem; align-items: flex-start; }
.ci-icon[b-de3gxmpuhc] {
    width: 40px; height: 40px; border-radius: var(--radius-sm); flex: 0 0 auto;
    display: grid; place-items: center; font-size: 1.1rem;
    background: var(--color-blue-50); color: var(--color-blue);
}
.ci-icon.green[b-de3gxmpuhc] { background: var(--color-green-50); color: var(--color-green); }
.ci-icon.teal[b-de3gxmpuhc] { background: var(--color-teal-50); color: var(--color-teal); }
.ci-label[b-de3gxmpuhc] { display: block; font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; color: var(--text-soft); font-weight: 700; margin-bottom: .1rem; }

.contact-map[b-de3gxmpuhc] { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--border); box-shadow: var(--shadow-md); }
.contact-map iframe[b-de3gxmpuhc] { width: 100%; height: 260px; border: 0; display: block; }
/* /Components/Pages/Home.razor.rz.scp.css */
/* Scoped to Home.razor */

/* ---- Hero ---- */
.hero[b-bm85vtext7] {
    position: relative;
    overflow: hidden;
    padding-top: clamp(2.5rem, 6vw, 5rem);
    padding-bottom: clamp(3rem, 7vw, 6rem);
}
.hero-bg[b-bm85vtext7] {
    position: absolute; inset: 0;
    background: var(--grad-hero);
    /* Subtle dotted grid for depth; swap for a real warehouse photo later:
       background: linear-gradient(rgba(10,26,51,.86), rgba(14,42,77,.92)),
                   url('https://images.unsplash.com/...warehouse...') center/cover; */
    background-image:
        radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.12) 1px, transparent 0),
        radial-gradient(1px 1px at 70% 60%, rgba(255,255,255,.10) 1px, transparent 0),
        var(--grad-hero);
    z-index: -1;
}
.hero-inner[b-bm85vtext7] {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
}
.hero h1[b-bm85vtext7] { color: #fff; margin-bottom: 1.25rem; }
.grad-text[b-bm85vtext7] {
    background: linear-gradient(120deg, var(--color-green-light), var(--color-blue-light));
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
}
.hero-sub[b-bm85vtext7] { color: #c7d3e8; max-width: 56ch; }
.hero-trust[b-bm85vtext7] {
    list-style: none; padding: 0; margin: 1.75rem 0 0;
    display: flex; flex-wrap: wrap; gap: 1.25rem;
    color: #9fb0c9; font-size: .9rem; font-weight: 600;
}
.hero-trust i[b-bm85vtext7] { color: var(--color-green-light); margin-right: .4rem; }

@media (max-width: 920px) {
    .hero-inner[b-bm85vtext7] { grid-template-columns: 1fr; }
    .hero-mock[b-bm85vtext7] { order: 2; }
}

/* ---- Product mockup (replace with real screenshot) ---- */
.mock-window[b-bm85vtext7] {
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    backdrop-filter: blur(6px);
}
.mock-bar[b-bm85vtext7] {
    display: flex; align-items: center; gap: .4rem;
    padding: .6rem .85rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.mock-bar span[b-bm85vtext7] { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.25); }
.mock-bar span:nth-child(1)[b-bm85vtext7] { background: #ff5f57; }
.mock-bar span:nth-child(2)[b-bm85vtext7] { background: #febc2e; }
.mock-bar span:nth-child(3)[b-bm85vtext7] { background: #28c840; }
.mock-url[b-bm85vtext7] {
    margin-left: .8rem; font-size: .76rem; color: #9fb0c9;
    background: rgba(0,0,0,.2); padding: .25rem .7rem; border-radius: var(--radius-pill);
}
.mock-body[b-bm85vtext7] { padding: 1.25rem; }
.mock-head[b-bm85vtext7] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.mock-title[b-bm85vtext7] { color: #fff; font-weight: 700; font-size: 1rem; }
.mock-pill[b-bm85vtext7] { font-size: .72rem; font-weight: 700; padding: .2rem .6rem; border-radius: var(--radius-pill); }
.mock-pill.green[b-bm85vtext7] { background: rgba(34,197,94,.2); color: var(--color-green-light); }
.mock-kpis[b-bm85vtext7] { display: grid; grid-template-columns: repeat(3,1fr); gap: .6rem; margin-bottom: 1rem; }
.mock-kpi[b-bm85vtext7] {
    background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08);
    border-radius: var(--radius-sm); padding: .6rem .7rem; display: flex; flex-direction: column; gap: .15rem;
}
.mock-kpi .k[b-bm85vtext7] { font-size: .68rem; color: #9fb0c9; text-transform: uppercase; letter-spacing: .08em; }
.mock-kpi .v[b-bm85vtext7] { font-size: 1.15rem; font-weight: 700; color: #fff; }
.mock-chart[b-bm85vtext7] { display: flex; align-items: flex-end; gap: .4rem; height: 110px; margin-bottom: 1rem; }
.mock-chart .bar[b-bm85vtext7] {
    flex: 1; background: linear-gradient(180deg, var(--color-blue-light), var(--color-blue));
    border-radius: 4px 4px 0 0; opacity: .9;
}
.mock-row[b-bm85vtext7] { height: 10px; background: rgba(255,255,255,.07); border-radius: var(--radius-pill); margin-bottom: .5rem; }
.mock-row.short[b-bm85vtext7] { width: 60%; }

/* ---- Trust strip ---- */
.trust-eyebrow[b-bm85vtext7] {
    text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 600;
    margin-bottom: 1.25rem;
}
.trust-logos[b-bm85vtext7] {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem 2.5rem;
    opacity: .65;
}
.trust-logo[b-bm85vtext7] {
    font-weight: 800; letter-spacing: .08em; font-size: .95rem; color: var(--text-muted);
}

/* ---- Stats band ---- */
.stats-band[b-bm85vtext7] { border-radius: var(--radius-xl); margin: 0 auto var(--space-10); width: calc(100% - var(--space-6)); }
.stat-card[b-bm85vtext7] { text-align: center; padding: var(--space-4); }
.stat-card i[b-bm85vtext7] { font-size: 1.6rem; color: var(--color-green-light); }
.stat-value[b-bm85vtext7] { font-size: clamp(2rem, 4vw, 2.6rem); font-weight: 800; color: #fff; letter-spacing: -.02em; line-height: 1.1; margin-top: .4rem; }
.stat-label[b-bm85vtext7] { color: #c7d3e8; font-size: .92rem; margin-top: .25rem; }

/* ---- Platform cards ---- */
.platform-cards[b-bm85vtext7] { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); }
@media (max-width: 860px) { .platform-cards[b-bm85vtext7] { grid-template-columns: 1fr; } }
.platform-card[b-bm85vtext7] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-top: 4px solid var(--p, var(--color-blue));
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    box-shadow: var(--shadow-md);
    transition: transform .25s var(--ease), box-shadow .25s var(--ease);
    display: flex; flex-direction: column;
}
.platform-card:hover[b-bm85vtext7] { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
.platform-badge[b-bm85vtext7] {
    display: inline-flex; align-items: center; gap: .4rem;
    font-weight: 800; letter-spacing: .02em; padding: .3rem .75rem;
    border-radius: var(--radius-pill); font-size: .85rem; width: fit-content;
}
.platform-badge.blue[b-bm85vtext7] { background: var(--color-blue-50); color: var(--color-blue-dark); }
.platform-badge.teal[b-bm85vtext7] { background: var(--color-teal-50); color: var(--color-teal); }
.platform-card h3[b-bm85vtext7] { margin-top: .75rem; }
.platform-list[b-bm85vtext7] { margin-top: var(--space-5); flex: 1; }
/* /Components/Pages/NotFound.razor.rz.scp.css */
/* Scoped to NotFound */
.nf-code[b-pk1j5fan70] {
    font-size: clamp(4rem, 14vw, 7rem); font-weight: 800; letter-spacing: -.04em;
    line-height: 1; margin-bottom: .5rem;
    background: linear-gradient(120deg, var(--color-blue), var(--color-green));
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
}
/* /Components/Pages/Resources.razor.rz.scp.css */
/* Scoped to Resources */
.res-filters[b-jbnoiz9kgv] { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: var(--space-6); }
.res-filters .badge[b-jbnoiz9kgv] { cursor: default; }
.res-filters .badge.active[b-jbnoiz9kgv] { background: var(--grad-brand); color: #fff; }

.res-grid[b-jbnoiz9kgv] { gap: clamp(1rem, 3vw, 1.5rem); }
.res-card[b-jbnoiz9kgv] { display: flex; flex-direction: column; gap: .75rem; }
.res-meta[b-jbnoiz9kgv] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.res-card h3[b-jbnoiz9kgv] { margin: 0; }
.res-foot[b-jbnoiz9kgv] { display: flex; align-items: center; justify-content: space-between; margin-top: auto; }
.res-link[b-jbnoiz9kgv] { display: inline-flex; align-items: center; gap: .35rem; font-weight: 700; }

.res-coming[b-jbnoiz9kgv] {
    margin-top: var(--space-6); display: flex; align-items: center; gap: 1rem;
}
.res-coming i[b-jbnoiz9kgv] { font-size: 1.6rem; color: var(--color-blue); }
.res-coming code[b-jbnoiz9kgv] { background: var(--bg-muted); padding: .1rem .35rem; border-radius: 5px; font-size: .9em; }
/* /Components/Pages/Services.razor.rz.scp.css */
/* Scoped to Services */
.services-grid[b-0eo9ck6g9s] { gap: clamp(1rem, 3vw, 1.5rem); }
.service-card[b-0eo9ck6g9s] { display: flex; flex-direction: column; gap: .75rem; }
.service-head[b-0eo9ck6g9s] { display: flex; align-items: center; gap: .85rem; }
.service-head h3[b-0eo9ck6g9s] { margin: 0; }
.step-num[b-0eo9ck6g9s] {
    width: 40px; height: 40px; border-radius: 50%;
    background: var(--grad-brand); color: #fff; font-weight: 800;
    display: grid; place-items: center; margin-bottom: var(--space-3);
}
/* /Components/Pages/Solutions.razor.rz.scp.css */
/* Scoped to Solutions */
.sol-hint[b-g9b9y564ik] { margin-bottom: var(--space-6); font-size: .95rem; }
.sol-hint i[b-g9b9y564ik] { color: var(--color-blue); margin-right: .25rem; }
/* /Components/Shared/ContactForm.razor.rz.scp.css */
/* Scoped to ContactForm */
.consent-label[b-8qglojxj3n] {
    display: flex; align-items: flex-start; gap: .6rem; cursor: pointer;
    font-size: .92rem; color: var(--text-muted); font-weight: 500;
}
.consent-label :deep(input[type="checkbox"])[b-8qglojxj3n] {
    width: 18px; height: 18px; margin-top: 2px; accent-color: var(--color-blue);
}
.consent-label a[b-8qglojxj3n] { color: var(--color-blue); font-weight: 600; }

.spinner[b-8qglojxj3n] {
    width: 16px; height: 16px; border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .4); border-top-color: #fff;
    display: inline-block; animation: spin-b-8qglojxj3n .7s linear infinite;
}
@keyframes spin-b-8qglojxj3n { to { transform: rotate(360deg); } }

.field-consent :deep(.validation-message)[b-8qglojxj3n] { margin-left: 28px; }
.form-success small[b-8qglojxj3n] { color: #c7eed8; }
/* /Components/Shared/PageHero.razor.rz.scp.css */
/* Scoped to PageHero */
.page-hero[b-h7mfds3cp1] {
    background: var(--grad-hero);
    color: #fff;
    padding-block: clamp(2.75rem, 7vw, 5rem) clamp(2.5rem, 5vw, 4rem);
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
}
.page-hero-inner[b-h7mfds3cp1] { max-width: 760px; }
.page-hero h1[b-h7mfds3cp1] { color: #fff; margin-bottom: 1rem; }
.page-hero .eyebrow[b-h7mfds3cp1] { color: var(--color-green-light); margin-bottom: .75rem; }
.page-hero-sub[b-h7mfds3cp1] { color: #c7d3e8; max-width: 64ch; margin-bottom: 0; }
.page-hero-actions .btn[b-h7mfds3cp1] { margin-inline-end: .5rem; }
/* /Components/Shared/PlatformDetail.razor.rz.scp.css */
/* Scoped to PlatformDetail */
.pdetail[b-4aqx0d9kfa] { display: flex; flex-direction: column; gap: var(--space-8); }
.pdetail-title[b-4aqx0d9kfa] { margin: .75rem 0 .5rem; }
.pdetail-intro .lead[b-4aqx0d9kfa] { color: var(--text-muted); max-width: 64ch; margin-bottom: 0; }

.pdetail-features[b-4aqx0d9kfa] { gap: clamp(1rem, 3vw, 1.5rem); }

.pdetail-benefits[b-4aqx0d9kfa] {
    display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--space-6);
    background: var(--bg-subtle); border-radius: var(--radius-lg);
    padding: clamp(1.5rem, 4vw, 2.5rem);
}
@media (max-width: 760px) { .pdetail-benefits[b-4aqx0d9kfa] { grid-template-columns: 1fr; } }
.pbenefit[b-4aqx0d9kfa] { display: flex; flex-direction: column; gap: 1rem; }
.pinteg[b-4aqx0d9kfa] { display: flex; flex-wrap: wrap; gap: .5rem; }

.pdetail-shot[b-4aqx0d9kfa] {
    border: 1px solid var(--border); border-radius: var(--radius-lg);
    overflow: hidden; background: var(--surface); box-shadow: var(--shadow-md);
}
.shot-bar[b-4aqx0d9kfa] {
    display: flex; align-items: center; gap: .4rem; padding: .6rem .85rem;
    border-bottom: 1px solid var(--border); background: var(--bg-subtle);
}
.shot-bar span[b-4aqx0d9kfa] { width: 10px; height: 10px; border-radius: 50%; background: var(--border-strong); }
.shot-bar span:nth-child(1)[b-4aqx0d9kfa] { background: #ff5f57; }
.shot-bar span:nth-child(2)[b-4aqx0d9kfa] { background: #febc2e; }
.shot-bar span:nth-child(3)[b-4aqx0d9kfa] { background: #28c840; }
.shot-bar code[b-4aqx0d9kfa] { margin-left: .6rem; font-size: .76rem; color: var(--text-soft); background: var(--bg); padding: .2rem .5rem; border-radius: var(--radius-pill); }
.shot-body[b-4aqx0d9kfa] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: .5rem; padding: clamp(2.5rem, 8vw, 4.5rem); text-align: center;
    background:
        repeating-linear-gradient(45deg, var(--bg-subtle) 0 12px, transparent 12px 24px);
    color: var(--text-muted);
}
.shot-body i[b-4aqx0d9kfa] { font-size: 2.4rem; color: var(--color-blue); }
.shot-body code[b-4aqx0d9kfa] { background: var(--bg-muted); padding: .1rem .35rem; border-radius: 5px; font-size: .85em; }
/* /Components/Shared/SolutionsTabs.razor.rz.scp.css */
/* Scoped to SolutionsTabs */
.tabs[b-gx7alvqwmc] { display: flex; flex-direction: column; gap: var(--space-6); }

.tab-list[b-gx7alvqwmc] {
    display: inline-flex; gap: .5rem; padding: .4rem;
    background: var(--bg-muted); border-radius: var(--radius-pill);
    width: fit-content; margin-inline: auto;
}
@media (max-width: 620px) { .tab-list[b-gx7alvqwmc] { width: 100%; flex-direction: column; border-radius: var(--radius-lg); } }

.tab[b-gx7alvqwmc] {
    display: inline-flex; align-items: center; gap: .6rem;
    border: none; background: transparent; cursor: pointer;
    padding: .7rem 1.25rem; border-radius: var(--radius-pill);
    font-family: var(--font-sans); font-weight: 700; color: var(--text-muted);
    transition: background-color .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);
}
.tab small[b-gx7alvqwmc] { display: block; font-weight: 600; font-size: .72rem; opacity: .8; }
.tab:hover[b-gx7alvqwmc] { color: var(--heading); }
.tab.active[b-gx7alvqwmc] { background: var(--surface); color: var(--heading); box-shadow: var(--shadow-sm); }
.tab.active.blue[b-gx7alvqwmc] { color: var(--color-blue); }
.tab.active.teal[b-gx7alvqwmc] { color: var(--color-teal); }
.tab i[b-gx7alvqwmc] { font-size: 1.2rem; }
@media (max-width: 620px) { .tab[b-gx7alvqwmc] { justify-content: center; } }
/* /Components/Shared/TestimonialCarousel.razor.rz.scp.css */
/* Scoped to TestimonialCarousel */
.carousel[b-u9etvzw9am] {
    position: relative;
    max-width: 820px;
    margin-inline: auto;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
    padding: clamp(1.5rem, 4vw, 3rem);
    overflow: hidden;
}

.carousel-track[b-u9etvzw9am] { position: relative; min-height: 230px; }
@media (max-width: 620px) { .carousel-track[b-u9etvzw9am] { min-height: 300px; } }

.carousel-slide[b-u9etvzw9am] {
    margin: 0;
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .5s var(--ease), transform .5s var(--ease);
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
}
.carousel-slide.active[b-u9etvzw9am] {
    opacity: 1;
    transform: none;
    pointer-events: auto;
    position: relative; /* let the active slide define the track height */
}

.carousel-quote[b-u9etvzw9am] {
    margin: 0;
    font-size: clamp(1.1rem, 2.2vw, 1.5rem);
    line-height: 1.55;
    color: var(--heading);
    font-weight: 500;
    letter-spacing: -.01em;
}
.carousel-quote[b-u9etvzw9am]::before {
    content: "\201C";
    font-size: 3rem;
    line-height: 0;
    color: var(--color-blue);
    margin-right: .15em;
    position: relative;
    top: .3em;
}

.carousel-author[b-u9etvzw9am] {
    display: flex;
    align-items: center;
    gap: .8rem;
}
.carousel-author .avatar[b-u9etvzw9am] {
    width: 48px; height: 48px; border-radius: 50%;
    background: var(--grad-brand); color: #fff;
    display: grid; place-items: center; font-weight: 800; flex: 0 0 auto;
}
.carousel-author .author-name[b-u9etvzw9am] { display: block; font-weight: 700; color: var(--heading); }
.carousel-author .author-role[b-u9etvzw9am] { display: block; font-size: .88rem; color: var(--text-muted); }

.carousel-controls[b-u9etvzw9am] {
    display: flex; align-items: center; justify-content: center; gap: 1rem;
    margin-top: 1.5rem;
}
.carousel-arrow[b-u9etvzw9am] {
    width: 42px; height: 42px; border-radius: 50%;
    border: 1.5px solid var(--border-strong); background: var(--surface);
    color: var(--heading); cursor: pointer; display: grid; place-items: center;
    transition: border-color .2s var(--ease), color .2s var(--ease), background-color .2s var(--ease);
}
.carousel-arrow:hover[b-u9etvzw9am] { border-color: var(--color-blue); color: var(--color-blue); background: var(--color-blue-50); }

.carousel-dots[b-u9etvzw9am] { display: flex; align-items: center; gap: .5rem; }
.carousel-dots .dot[b-u9etvzw9am] {
    width: 9px; height: 9px; border-radius: 50%;
    border: none; background: var(--border-strong); cursor: pointer;
    padding: 0; transition: background-color .2s var(--ease), transform .2s var(--ease);
}
.carousel-dots .dot.active[b-u9etvzw9am] { background: var(--color-blue); transform: scale(1.4); }