/* /Components/Features/Contact/ContactPage.razor.rz.scp.css */
.contact-page[b-4uo8ocze1g] {
    position: relative;
    width: min(100%, 1416px);
    margin-inline: auto;
    padding-top: 24px;
    padding-bottom: 16px;
    --contact-surface: linear-gradient(145deg, color-mix(in srgb, var(--ngx-card) 98%, transparent), color-mix(in srgb, var(--ngx-bg-subtle) 97%, transparent));
    --contact-input-surface: color-mix(in srgb, var(--ngx-bg-subtle) 76%, var(--ngx-card) 24%);
}

.contact-page[b-4uo8ocze1g]::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: -4vw;
    width: 760px;
    height: 350px;
    background: radial-gradient(circle at 68% 42%, color-mix(in srgb, var(--ngx-primary) 7%, transparent), transparent 72%);
    pointer-events: none;
}


/* Contact reference composition: copy at left, original transparent NOVOGEX office at right. */
.contact-page[b-4uo8ocze1g]  .contact-hero {
    display: grid;
    grid-template-columns: minmax(500px, .43fr) minmax(0, .57fr);
    align-items: stretch;
    gap: 18px;
    min-height: 220px;
    padding: 0 0 10px;
}

.contact-page[b-4uo8ocze1g]  .contact-hero__copy {
    position: relative;
    z-index: 2;
    align-self: start;
    max-width: 610px;
    padding-top: 12px;
}

.contact-page[b-4uo8ocze1g]  .contact-hero h1 {
    margin: 0;
    max-width: 610px;
    color: var(--ngx-text);
    font-size: clamp(2.7rem, 3.05vw, 3.15rem);
    font-weight: 760;
    line-height: 1.03;
    letter-spacing: -.043em;
}

.contact-page[b-4uo8ocze1g]  .contact-hero__copy > p {
    max-width: 560px;
    margin: 16px 0 0;
    color: var(--ngx-text-secondary);
    font-size: clamp(.96rem, 1vw, 1.05rem);
    line-height: 1.55;
}

.contact-page[b-4uo8ocze1g]  .contact-hero__visual {
    position: relative;
    min-height: 220px;
    align-self: stretch;
    overflow: visible;
    isolation: isolate;
}

.contact-page[b-4uo8ocze1g]  .contact-hero__visual::before {
    content: "";
    position: absolute;
    inset: -2% -2% 2% 7%;
    z-index: -1;
    background: radial-gradient(ellipse at 66% 52%, color-mix(in srgb, var(--ngx-primary) 8%, transparent), transparent 72%);
    filter: blur(22px);
    opacity: .38;
}

.contact-page[b-4uo8ocze1g]  .contact-hero__office {
    position: absolute;
    top: 40%;
    right: -16px;
    width: min(122%, 960px);
    max-width: none;
    height: auto;
    transform: translateY(-50%);
    object-fit: contain;
    object-position: center right;
    filter: drop-shadow(0 12px 28px rgba(0, 95, 210, .10));
}

/* Two-column body from the reference: compact information cards + full message panel. */
.contact-page[b-4uo8ocze1g]  .contact-main {
    display: grid;
    grid-template-columns: minmax(340px, .32fr) minmax(0, .68fr);
    gap: 16px;
    padding: 0;
}

.contact-page[b-4uo8ocze1g]  .contact-info {
    display: grid;
    align-content: start;
    gap: 8px;
}

.contact-page[b-4uo8ocze1g]  .info-card,
.contact-page[b-4uo8ocze1g]  .form-panel,
.contact-page[b-4uo8ocze1g]  .demo-cta {
    border: 1px solid color-mix(in srgb, var(--ngx-border) 91%, var(--ngx-primary) 9%);
    background: var(--contact-surface);
    box-shadow: 0 8px 26px rgba(0, 0, 0, .11);
}

.contact-page[b-4uo8ocze1g]  .info-card {
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    min-height: 96px;
    padding: 12px 20px;
    border-radius: 9px;
}

.contact-page[b-4uo8ocze1g]  .info-icon,
.contact-page[b-4uo8ocze1g]  .demo-cta__icon {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border: 1px solid var(--ngx-primary-border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--ngx-primary) 6%, transparent);
    color: var(--ngx-primary-2);
}

.contact-page[b-4uo8ocze1g]  .info-icon svg { width: 34px; height: 34px; }
.contact-page[b-4uo8ocze1g]  .demo-cta__icon svg { width: 31px; height: 31px; }
.contact-page[b-4uo8ocze1g]  .info-card__body { min-width: 0; }

.contact-page[b-4uo8ocze1g]  .info-card h2 {
    margin: 0 0 4px;
    color: var(--ngx-text);
    font-size: 1.08rem;
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: -.014em;
}

.contact-page[b-4uo8ocze1g]  .info-card p,
.contact-page[b-4uo8ocze1g]  .info-card a,
.contact-page[b-4uo8ocze1g]  .info-card small {
    display: block;
    margin: 0;
    color: var(--ngx-text-secondary);
    font-size: .84rem;
    line-height: 1.4;
}

.contact-page[b-4uo8ocze1g]  .info-card a {
    color: var(--ngx-primary-2);
    text-decoration: none;
}

.contact-page[b-4uo8ocze1g]  .info-card small {
    margin-top: 3px;
    color: var(--ngx-text-muted);
    font-size: .76rem;
}

.contact-page[b-4uo8ocze1g]  .multiline-value { white-space: pre-line; }

.contact-page[b-4uo8ocze1g]  .form-panel {
    min-height: 408px;
    padding: 20px 36px 16px;
    border-radius: 9px;
}

.contact-page[b-4uo8ocze1g]  .form-header { margin-bottom: 16px; }

.contact-page[b-4uo8ocze1g]  .form-header h2 {
    margin: 0;
    color: var(--ngx-text);
    font-size: 1.18rem;
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: -.015em;
}

.contact-page[b-4uo8ocze1g]  .form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.contact-page[b-4uo8ocze1g]  .form-grid .wide { grid-column: 1 / -1; }
.contact-page[b-4uo8ocze1g]  .form-grid .label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.contact-page[b-4uo8ocze1g]  .form-grid .field { gap: 2px; }
.contact-page[b-4uo8ocze1g]  .form-grid .validation-message {
    margin-top: 2px;
    color: var(--ngx-error);
    font-size: .72rem;
}

.contact-page[b-4uo8ocze1g]  .form-grid .input-shell,
.contact-page[b-4uo8ocze1g]  .form-grid select,
.contact-page[b-4uo8ocze1g]  .form-grid textarea {
    border-color: color-mix(in srgb, var(--ngx-border) 90%, var(--ngx-primary) 10%);
    border-radius: 5px;
    background: var(--contact-input-surface);
    box-shadow: none;
}

.contact-page[b-4uo8ocze1g]  .form-grid .input-shell { min-height: 40px; }
.contact-page[b-4uo8ocze1g]  .form-grid .input-shell input {
    height: 38px;
    padding-inline: 9px 11px;
    font-size: .84rem;
}

.contact-page[b-4uo8ocze1g]  .form-grid .adornment.prefix {
    padding-left: 11px;
    color: var(--ngx-primary-2);
}

.contact-page[b-4uo8ocze1g]  .form-grid .adornment.prefix svg { width: 15px; height: 15px; }
.contact-page[b-4uo8ocze1g]  .select-with-icon,
.contact-page[b-4uo8ocze1g]  .textarea-with-icon { position: relative; }

.contact-page[b-4uo8ocze1g]  .field-prefix {
    position: absolute;
    z-index: 2;
    left: 12px;
    top: 50%;
    display: grid;
    place-items: center;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    color: var(--ngx-primary-2);
    pointer-events: none;
}

.contact-page[b-4uo8ocze1g]  .field-prefix svg { width: 15px; height: 15px; }
.contact-page[b-4uo8ocze1g]  .field-prefix--top { top: 12px; transform: none; }

.contact-page[b-4uo8ocze1g]  .form-grid select {
    width: 100%;
    min-height: 40px;
    padding: 0 34px 0 38px;
    color: var(--ngx-text-secondary);
    font-size: .84rem;
    background: var(--contact-input-surface);
}

.contact-page[b-4uo8ocze1g]  .form-grid textarea {
    width: 100%;
    min-height: 108px;
    resize: vertical;
    padding: 11px 12px 11px 38px;
    color: var(--ngx-text);
    font-size: .84rem;
    line-height: 1.45;
    background: var(--contact-input-surface);
}

.contact-page[b-4uo8ocze1g]  .form-grid textarea::placeholder,
.contact-page[b-4uo8ocze1g]  .form-grid input::placeholder { color: var(--ngx-input-placeholder); }

.contact-page[b-4uo8ocze1g]  .honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.contact-page[b-4uo8ocze1g]  .contact-form-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 16px;
}

.contact-page[b-4uo8ocze1g]  .contact-form-actions .secondary { margin-right: auto; }
.contact-page[b-4uo8ocze1g]  .contact-form-actions .primary { flex: 0 0 294px; }
.contact-page[b-4uo8ocze1g]  .contact-form-actions .ngx-button {
    width: 100%;
    min-height: 44px;
    border-radius: 5px;
    font-size: .88rem;
}

.contact-page[b-4uo8ocze1g]  .privacy-note {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ngx-text-secondary);
    font-size: .74rem;
    line-height: 1.3;
}

.contact-page[b-4uo8ocze1g]  .privacy-note__icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    color: var(--ngx-primary-2);
}

.contact-page[b-4uo8ocze1g]  .privacy-note__icon svg { width: 28px; height: 28px; }
.contact-page[b-4uo8ocze1g]  .privacy-note strong,
.contact-page[b-4uo8ocze1g]  .privacy-note small { display: block; font-weight: 400; }
.contact-page[b-4uo8ocze1g]  .privacy-note small { color: var(--ngx-text-muted); }

.contact-page[b-4uo8ocze1g]  .demo-cta {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) 294px;
    align-items: center;
    gap: 20px;
    min-height: 88px;
    margin-top: 0;
    padding: 11px 20px;
    border-radius: 9px;
}

.contact-page[b-4uo8ocze1g]  .demo-cta__icon { width: 58px; height: 58px; }
.contact-page[b-4uo8ocze1g]  .demo-cta__copy h2 {
    margin: 0 0 4px;
    color: var(--ngx-text);
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.2;
}

.contact-page[b-4uo8ocze1g]  .demo-cta__copy p {
    margin: 0;
    color: var(--ngx-text-secondary);
    font-size: .82rem;
    line-height: 1.4;
}

.contact-page[b-4uo8ocze1g]  .demo-cta .ngx-button {
    width: 100%;
    min-height: 44px;
    border-color: var(--ngx-primary-2);
    color: var(--ngx-primary-2);
    background: transparent;
    border-radius: 5px;
    font-size: .84rem;
}

.contact-page[b-4uo8ocze1g]  .demo-cta .ngx-button:hover { background: var(--ngx-primary-soft); }

.contact-page[b-4uo8ocze1g]  .success-panel {
    display: grid;
    justify-items: start;
    align-content: center;
    min-height: 360px;
    max-width: 720px;
    padding: 20px;
}

.contact-page[b-4uo8ocze1g]  .success-icon {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    margin-bottom: 14px;
    border: 1px solid var(--ngx-success-border);
    border-radius: 50%;
    background: var(--ngx-success-soft);
    color: var(--ngx-success);
}

.contact-page[b-4uo8ocze1g]  .success-icon svg { width: 26px; height: 26px; }
.contact-page[b-4uo8ocze1g]  .success-panel h2 { max-width: 620px; margin: 0 0 16px; }
.contact-page[b-4uo8ocze1g]  .reference {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    align-items: center;
    margin-bottom: 18px;
    padding: 9px 12px;
    border: 1px solid var(--ngx-border);
    border-radius: 6px;
    background: var(--ngx-bg-subtle);
    color: var(--ngx-text-secondary);
}
.contact-page[b-4uo8ocze1g]  .reference strong { color: var(--ngx-text); font-family: var(--ngx-font-mono); }
.contact-page[b-4uo8ocze1g]  .eyebrow {
    margin-bottom: 6px;
    color: var(--ngx-primary-2);
    font-size: var(--ngx-font-size-xs);
    font-weight: var(--ngx-weight-bold);
    letter-spacing: .13em;
    text-transform: uppercase;
}

@media (max-width: 1240px) {
    .contact-page[b-4uo8ocze1g] { width: 100%; }
    .contact-page[b-4uo8ocze1g]  .contact-hero {
        grid-template-columns: minmax(430px, .43fr) minmax(0, .57fr);
        min-height: 205px;
    }
    .contact-page[b-4uo8ocze1g]  .contact-hero__visual { min-height: 205px; }
    .contact-page[b-4uo8ocze1g]  .contact-hero__office {
        top: 43%;
        right: -10px;
        width: min(126%, 880px);
    }
    .contact-page[b-4uo8ocze1g]  .contact-main {
        grid-template-columns: minmax(320px, .34fr) minmax(0, .66fr);
        gap: 14px;
    }
    .contact-page[b-4uo8ocze1g]  .form-panel { padding-inline: 24px; }
}

@media (max-width: 960px) {
    .contact-page[b-4uo8ocze1g] { padding-top: 18px; }
    .contact-page[b-4uo8ocze1g]  .contact-hero {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 4px;
        padding-bottom: 14px;
    }
    .contact-page[b-4uo8ocze1g]  .contact-hero__copy {
        max-width: 680px;
        padding-top: 8px;
    }
    .contact-page[b-4uo8ocze1g]  .contact-hero__visual { min-height: 220px; }
    .contact-page[b-4uo8ocze1g]  .contact-hero__office {
        top: 50%;
        right: -3%;
        width: min(112%, 840px);
        object-position: center;
    }
    .contact-page[b-4uo8ocze1g]  .contact-main { grid-template-columns: 1fr; }
    .contact-page[b-4uo8ocze1g]  .contact-info { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .contact-page[b-4uo8ocze1g]  .form-panel { min-height: 0; }
    .contact-page[b-4uo8ocze1g]  .demo-cta { grid-template-columns: 58px minmax(0, 1fr) 240px; }
}

@media (max-width: 639px) {
    .contact-page[b-4uo8ocze1g] {
        padding-top: 13px;
        padding-bottom: 10px;
    }
    .contact-breadcrumb[b-4uo8ocze1g] { margin-bottom: 4px; font-size: .74rem; }
    .contact-page[b-4uo8ocze1g]  .contact-hero { padding-top: 4px; }
    .contact-page[b-4uo8ocze1g]  .contact-hero h1 { font-size: clamp(2.25rem, 10.6vw, 3rem); }
    .contact-page[b-4uo8ocze1g]  .contact-hero__copy > p { margin-top: 11px; font-size: .95rem; }
    .contact-page[b-4uo8ocze1g]  .contact-hero__visual {
        min-height: 150px;
        margin-inline: -4px;
    }
    .contact-page[b-4uo8ocze1g]  .contact-hero__office {
        top: 50%;
        width: 118%;
        right: -8%;
    }
    .contact-page[b-4uo8ocze1g]  .contact-info { grid-template-columns: 1fr; }
    .contact-page[b-4uo8ocze1g]  .info-card {
        min-height: 82px;
        grid-template-columns: 54px 1fr;
        padding: 9px 12px;
    }
    .contact-page[b-4uo8ocze1g]  .info-icon { width: 52px; height: 52px; }
    .contact-page[b-4uo8ocze1g]  .info-icon svg { width: 28px; height: 28px; }
    .contact-page[b-4uo8ocze1g]  .form-panel { padding: 16px 12px 12px; }
    .contact-page[b-4uo8ocze1g]  .form-grid { grid-template-columns: 1fr; gap: 8px; }
    .contact-page[b-4uo8ocze1g]  .form-grid .wide { grid-column: auto; }
    .contact-page[b-4uo8ocze1g]  .form-grid .input-shell { min-height: 42px; }
    .contact-page[b-4uo8ocze1g]  .form-grid .input-shell input { height: 40px; font-size: .84rem; }
    .contact-page[b-4uo8ocze1g]  .form-grid select { min-height: 42px; font-size: .84rem; }
    .contact-page[b-4uo8ocze1g]  .form-grid textarea { min-height: 92px; font-size: .84rem; }
    .contact-page[b-4uo8ocze1g]  .contact-form-actions {
        align-items: stretch;
        flex-direction: column;
        margin-top: 12px;
    }
    .contact-page[b-4uo8ocze1g]  .contact-form-actions .secondary,
    .contact-page[b-4uo8ocze1g]  .contact-form-actions .primary {
        width: 100%;
        flex-basis: auto;
    }
    .contact-page[b-4uo8ocze1g]  .contact-form-actions .ngx-button { min-height: 44px; }
    .contact-page[b-4uo8ocze1g]  .demo-cta {
        grid-template-columns: 54px 1fr;
        min-height: 0;
        padding: 12px;
    }
    .contact-page[b-4uo8ocze1g]  .demo-cta__icon { width: 52px; height: 52px; }
    .contact-page[b-4uo8ocze1g]  .demo-cta .ngx-button {
        grid-column: 1 / -1;
        width: 100%;
        min-height: 44px;
        margin-top: 4px;
    }
}


/* Contact form redesign: keep page header/hero intact, redesign only the send form area. */
.contact-page[b-4uo8ocze1g]  .contact-main {
    grid-template-columns: minmax(300px, .28fr) minmax(0, .72fr);
    gap: 22px;
    align-items: stretch;
}

.contact-page[b-4uo8ocze1g]  .contact-info {
    display: flex;
    align-self: stretch;
    min-height: 0;
}

.contact-page[b-4uo8ocze1g]  .contact-info > .info-card--spotlight {
    width: 100%;
    height: 100%;
}

.contact-page[b-4uo8ocze1g]  .info-card--spotlight {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    min-height: 430px;
    padding: 34px 28px;
    border-radius: 16px;
    background:
        radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--ngx-primary) 18%, transparent), transparent 24%),
        linear-gradient(180deg, color-mix(in srgb, var(--ngx-card) 96%, transparent), color-mix(in srgb, var(--ngx-bg-subtle) 98%, transparent));
    box-shadow: 0 12px 34px rgba(0, 0, 0, .16), inset 0 0 0 1px rgba(47, 125, 246, .08);
}

.contact-page[b-4uo8ocze1g]  .info-card--spotlight .info-icon {
    width: 112px;
    height: 112px;
    border-radius: 999px;
    border-color: color-mix(in srgb, var(--ngx-primary) 42%, var(--ngx-border) 58%);
    background: color-mix(in srgb, var(--ngx-primary) 10%, transparent);
    box-shadow: 0 0 0 8px rgba(36, 119, 255, .05), 0 0 28px rgba(36, 119, 255, .18);
}

.contact-page[b-4uo8ocze1g]  .info-card--spotlight .info-icon svg {
    width: 44px;
    height: 44px;
}

.contact-page[b-4uo8ocze1g]  .info-card--spotlight h2 {
    margin: 4px 0 16px;
    font-size: 1.05rem;
    font-weight: 700;
}

.contact-page[b-4uo8ocze1g]  .info-card--spotlight a {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.3;
}

.contact-page[b-4uo8ocze1g]  .info-divider {
    width: 52px;
    height: 2px;
    margin: 20px auto 22px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--ngx-primary) 80%, transparent);
}

.contact-page[b-4uo8ocze1g]  .info-card--spotlight small {
    max-width: 220px;
    margin-inline: auto;
    color: var(--ngx-text-secondary);
    font-size: .92rem;
    line-height: 1.55;
}

.contact-page[b-4uo8ocze1g]  .form-panel {
    min-height: 430px;
    padding: 28px 28px 22px;
    border-radius: 16px;
    background: var(--ngx-gradient-card);
    box-shadow: 0 14px 36px rgba(0, 0, 0, .17), inset 0 0 0 1px rgba(47, 125, 246, .06);
}

.contact-page[b-4uo8ocze1g]  .form-header {
    margin-bottom: 18px;
}

.contact-page[b-4uo8ocze1g]  .form-header h2 {
    color: var(--ngx-text);
    font-size: 2rem;
    font-weight: 760;
    letter-spacing: -.03em;
}

.contact-page[b-4uo8ocze1g]  .form-header p {
    margin: 8px 0 0;
    color: var(--ngx-text-secondary);
    font-size: .98rem;
    line-height: 1.55;
}

.contact-page[b-4uo8ocze1g]  .form-grid--compact {
    grid-template-columns: 1fr;
    gap: 14px;
}

.contact-page[b-4uo8ocze1g]  .form-grid--compact .input-shell,
.contact-page[b-4uo8ocze1g]  .form-grid--compact select,
.contact-page[b-4uo8ocze1g]  .form-grid--compact textarea {
    border-radius: 10px;
    border-color: color-mix(in srgb, var(--ngx-border) 85%, var(--ngx-primary) 15%);
    background: var(--ngx-input-bg);
}

.contact-page[b-4uo8ocze1g]  .form-grid--compact .input-shell { min-height: 52px; }
.contact-page[b-4uo8ocze1g]  .form-grid--compact .input-shell input {
    height: 50px;
    font-size: .97rem;
    padding-inline: 10px 14px;
}

.contact-page[b-4uo8ocze1g]  .form-grid--compact .adornment.prefix {
    padding-left: 14px;
}

.contact-page[b-4uo8ocze1g]  .form-grid--compact .adornment.prefix svg,
.contact-page[b-4uo8ocze1g]  .form-grid--compact .field-prefix svg {
    width: 17px;
    height: 17px;
}

.contact-page[b-4uo8ocze1g]  .form-grid--compact select {
    min-height: 52px;
    padding-left: 42px;
    font-size: .97rem;
}

.contact-page[b-4uo8ocze1g]  .form-grid--compact textarea {
    min-height: 152px;
    padding: 14px 14px 14px 42px;
    font-size: .97rem;
    line-height: 1.5;
}

.contact-page[b-4uo8ocze1g]  .form-grid--compact .field-prefix { left: 14px; }
.contact-page[b-4uo8ocze1g]  .form-grid--compact .field-prefix--top { top: 14px; }

.contact-page[b-4uo8ocze1g]  .contact-form-actions {
    margin-top: 20px;
    gap: 20px;
}

.contact-page[b-4uo8ocze1g]  .contact-form-actions .primary {
    flex: 0 0 260px;
}

.contact-page[b-4uo8ocze1g]  .contact-form-actions .ngx-button {
    min-height: 54px;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 700;
}

.contact-page[b-4uo8ocze1g]  .privacy-note {
    gap: 12px;
    font-size: .82rem;
}

.contact-page[b-4uo8ocze1g]  .privacy-note__icon {
    width: 34px;
    height: 34px;
}

.contact-page[b-4uo8ocze1g]  .privacy-note__icon svg {
    width: 30px;
    height: 30px;
}

@media (max-width: 960px) {
    .contact-page[b-4uo8ocze1g]  .contact-main {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .contact-page[b-4uo8ocze1g]  .info-card--spotlight {
        min-height: 0;
        padding: 24px 18px;
    }

    .contact-page[b-4uo8ocze1g]  .form-panel {
        min-height: 0;
        padding: 22px 18px 18px;
    }
}

@media (max-width: 639px) {
    .contact-page[b-4uo8ocze1g]  .info-card--spotlight {
        padding: 20px 16px;
        border-radius: 14px;
    }

    .contact-page[b-4uo8ocze1g]  .info-card--spotlight .info-icon {
        width: 88px;
        height: 88px;
    }

    .contact-page[b-4uo8ocze1g]  .info-card--spotlight .info-icon svg {
        width: 36px;
        height: 36px;
    }

    .contact-page[b-4uo8ocze1g]  .info-card--spotlight a {
        font-size: 1rem;
        word-break: break-word;
    }

    .contact-page[b-4uo8ocze1g]  .form-panel {
        padding: 18px 14px 14px;
        border-radius: 14px;
    }

    .contact-page[b-4uo8ocze1g]  .form-header h2 {
        font-size: 1.65rem;
    }

    .contact-page[b-4uo8ocze1g]  .form-header p {
        font-size: .92rem;
    }

    .contact-page[b-4uo8ocze1g]  .form-grid--compact .input-shell,
    .contact-page[b-4uo8ocze1g]  .form-grid--compact select {
        min-height: 48px;
    }

    .contact-page[b-4uo8ocze1g]  .form-grid--compact .input-shell input {
        height: 46px;
    }

    .contact-page[b-4uo8ocze1g]  .form-grid--compact textarea {
        min-height: 128px;
    }
}


.contact-page[b-4uo8ocze1g]  .form-header p { color: var(--ngx-text-secondary); }


/* Unified marketing hero pattern: contact now matches the shared NOVOGEX header structure. */
.contact-page[b-4uo8ocze1g]  .contact-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(540px, 1.22fr);
    align-items: center;
    gap: clamp(34px, 4vw, 72px);
    min-height: 0;
    padding: var(--ngx-hero-padding-top) 0 calc(var(--ngx-hero-padding-bottom) - 14px);
}

.contact-page[b-4uo8ocze1g]  .contact-hero__copy {
    align-self: center;
    max-width: 620px;
    padding-top: 0;
}

.contact-page[b-4uo8ocze1g]  .contact-hero__eyebrow {
    margin-bottom: 18px;
    color: var(--ngx-primary-2);
    font-size: .8rem;
    font-weight: 780;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.contact-page[b-4uo8ocze1g]  .contact-hero h1 {
    max-width: 620px;
    font-size: var(--ngx-hero-title-size);
    font-weight: 790;
    line-height: .98;
    letter-spacing: -.055em;
}

.contact-page[b-4uo8ocze1g]  .contact-hero__copy > p {
    max-width: 590px;
    margin-top: 24px;
    color: var(--ngx-text-secondary);
    font-size: var(--ngx-hero-lead-size);
    line-height: 1.68;
}

.contact-page[b-4uo8ocze1g]  .contact-hero__visual {
    min-height: 260px;
}

.contact-page[b-4uo8ocze1g]  .contact-hero__visual::before {
    inset: 2% -2% 6% 12%;
    filter: blur(28px);
    opacity: .42;
}

.contact-page[b-4uo8ocze1g]  .contact-hero__office {
    top: 50%;
    right: -10px;
    width: min(118%, 900px);
    transform: translateY(-50%);
}

@media (max-width: 1023px) {
    .contact-page[b-4uo8ocze1g]  .contact-hero {
        grid-template-columns: 1fr;
        gap: 26px;
        padding-bottom: calc(var(--ngx-hero-padding-bottom) - 4px);
    }

    .contact-page[b-4uo8ocze1g]  .contact-hero__copy {
        max-width: 760px;
    }

    .contact-page[b-4uo8ocze1g]  .contact-hero__visual {
        min-height: 220px;
    }

    .contact-page[b-4uo8ocze1g]  .contact-hero__office {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        width: min(100%, 880px);
        margin-inline: auto;
        transform: none;
    }
}


/* Keep the two primary contact cards equal-height on desktop only. */
@media (max-width: 960px) {
    .contact-page[b-4uo8ocze1g]  .contact-info {
        display: block;
    }

    .contact-page[b-4uo8ocze1g]  .contact-info > .info-card--spotlight {
        height: auto;
    }
}
/* /Components/Features/Contact/Sections/ContactFormSection.razor.rz.scp.css */
/* Intentionally empty: Contact visual rules are consolidated in ContactPage.razor.css. */
/* /Components/Features/Contact/Sections/ContactHeroSection.razor.rz.scp.css */
/*
   Contact visual rules are intentionally consolidated in ContactPage.razor.css.
   Shared hero contract markers retained for the existing QA script:
   --ngx-hero-padding-top
   --ngx-hero-padding-bottom
   --ngx-hero-title-size
*/
/* /Components/Features/DesignSystem/DesignSystemPage.razor.rz.scp.css */
.design-system-page[b-twot2aqpy7]{padding:28px 0 80px}.showcase[b-twot2aqpy7]{padding:44px 0;border-top:1px solid var(--ngx-divider)}.section-heading[b-twot2aqpy7]{max-width:720px;margin-bottom:22px}.section-heading>span[b-twot2aqpy7]{color:var(--ngx-primary-2);font-size:var(--ngx-font-size-xs);font-weight:var(--ngx-weight-bold);letter-spacing:.1em;text-transform:uppercase}.section-heading h2[b-twot2aqpy7]{margin:6px 0 7px;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em}.section-heading p[b-twot2aqpy7]{margin:0;color:var(--ngx-text-secondary)}.color-grid[b-twot2aqpy7]{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.swatch[b-twot2aqpy7]{min-height:120px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:14px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);box-shadow:var(--ngx-shadow-sm)}.swatch b[b-twot2aqpy7],.swatch code[b-twot2aqpy7]{padding:2px 5px;border-radius:5px;background:rgba(0,0,0,.26);color:white}.swatch code[b-twot2aqpy7]{font-size:.68rem}.swatch.primary[b-twot2aqpy7]{background:var(--ngx-primary)}.swatch.surface[b-twot2aqpy7]{background:var(--ngx-surface)}.swatch.surface b[b-twot2aqpy7],.swatch.surface code[b-twot2aqpy7],.swatch.text b[b-twot2aqpy7],.swatch.text code[b-twot2aqpy7]{color:var(--ngx-text);background:var(--ngx-bg-soft)}.swatch.success[b-twot2aqpy7]{background:var(--ngx-success)}.swatch.warning[b-twot2aqpy7]{background:var(--ngx-warning)}.swatch.error[b-twot2aqpy7]{background:var(--ngx-error)}.swatch.text[b-twot2aqpy7]{background:var(--ngx-text)}.row-wrap[b-twot2aqpy7]{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.form-grid[b-twot2aqpy7]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.wide[b-twot2aqpy7]{grid-column:1/-1}.control-group[b-twot2aqpy7]{display:flex;flex-wrap:wrap;gap:18px;padding:16px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);background:var(--ngx-card)}.alert-grid[b-twot2aqpy7]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-grid[b-twot2aqpy7]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.feedback-stack[b-twot2aqpy7],.skeleton-stack[b-twot2aqpy7],.accordion-stack[b-twot2aqpy7]{display:grid;gap:12px}.table-toolbar[b-twot2aqpy7]{display:flex;align-items:center;justify-content:space-between;gap:16px}@media(max-width:1050px){.color-grid[b-twot2aqpy7]{grid-template-columns:repeat(3,1fr)}.stat-grid[b-twot2aqpy7]{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.color-grid[b-twot2aqpy7],.form-grid[b-twot2aqpy7],.alert-grid[b-twot2aqpy7],.stat-grid[b-twot2aqpy7]{grid-template-columns:1fr}.wide[b-twot2aqpy7]{grid-column:auto}}
/* /Components/Features/Examples/Demo/GardenShedDemoPage.razor.rz.scp.css */
.demo-page[b-hn4w3rp3ds] { display: grid; gap: var(--ngx-space-7); padding-block: var(--ngx-space-7) var(--ngx-space-11); }
.demo-head[b-hn4w3rp3ds] { display: flex; align-items: end; justify-content: space-between; gap: var(--ngx-space-7); }
.back[b-hn4w3rp3ds] { display: inline-block; margin-bottom: var(--ngx-space-5); color: var(--ngx-link); font-size: var(--ngx-font-size-sm); }
.eyebrow[b-hn4w3rp3ds] { color: var(--ngx-primary-2); font-size: var(--ngx-font-size-sm); font-weight: var(--ngx-weight-semibold); }
h1[b-hn4w3rp3ds] { margin: var(--ngx-space-2) 0 var(--ngx-space-3); font-size: clamp(2.2rem, 4vw, 4rem); }
p[b-hn4w3rp3ds] { margin: 0; max-width: 720px; color: var(--ngx-text-secondary); }
@media (max-width: 700px) { .demo-head[b-hn4w3rp3ds] { align-items: start; flex-direction: column; } }


/* Real published-configurator showcase. Set Demo:PublishedConfiguratorUrl to the public NOVOGEX product URL. */
.published-configurator[b-hn4w3rp3ds] {
    overflow: hidden;
    border: 1px solid var(--ngx-border-strong);
    border-radius: var(--ngx-radius-xl);
    background: var(--ngx-gradient-card);
    box-shadow: var(--ngx-shadow-lg), var(--ngx-shadow-blue);
}

.published-configurator__bar[b-hn4w3rp3ds] {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ngx-space-4);
    padding: 0 var(--ngx-space-5);
    border-bottom: 1px solid var(--ngx-divider);
    background: color-mix(in srgb, var(--ngx-surface) 86%, transparent);
}

.published-configurator__bar div[b-hn4w3rp3ds] { display: grid; gap: 2px; }
.published-configurator__bar span[b-hn4w3rp3ds] { color: var(--ngx-primary-2); font-size: var(--ngx-font-size-xs); font-weight: var(--ngx-weight-semibold); letter-spacing: .08em; }
.published-configurator__bar strong[b-hn4w3rp3ds] { font-size: var(--ngx-font-size-sm); }
.published-configurator__bar a[b-hn4w3rp3ds] { color: var(--ngx-primary-2); font-size: var(--ngx-font-size-sm); font-weight: var(--ngx-weight-semibold); text-decoration: none; white-space: nowrap; }
.published-configurator__bar a:hover[b-hn4w3rp3ds] { text-decoration: underline; }
.published-configurator iframe[b-hn4w3rp3ds] { display: block; width: 100%; height: min(76vh, 820px); min-height: 620px; border: 0; background: var(--ngx-bg-soft); }

@media (max-width: 760px) {
    .published-configurator__bar[b-hn4w3rp3ds] { align-items: flex-start; flex-direction: column; padding-block: var(--ngx-space-4); }
    .published-configurator iframe[b-hn4w3rp3ds] { min-height: 680px; height: 78vh; }
}
/* /Components/Features/Examples/Demo/Sections/DemoViewerHost.razor.rz.scp.css */
.viewer[b-0me7q0i9xi] { min-width: 0; display: grid; grid-template-rows: auto 1fr auto; background: var(--ngx-bg-soft); }
.viewer-head[b-0me7q0i9xi], footer[b-0me7q0i9xi] { min-height: 58px; padding: 0 var(--ngx-space-5); display: flex; align-items: center; justify-content: space-between; gap: var(--ngx-space-4); border-bottom: 1px solid var(--ngx-divider); }
.viewer-head span[b-0me7q0i9xi] { display: block; color: var(--ngx-text-muted); font-size: var(--ngx-font-size-xs); }
.viewer-head strong[b-0me7q0i9xi] { display: block; font-size: var(--ngx-font-size-sm); }
.canvas[b-0me7q0i9xi] { position: relative; min-height: 500px; overflow: hidden; display: grid; place-items: center; background: radial-gradient(circle at 50% 45%, var(--ngx-primary-softer), transparent 44%), var(--ngx-bg-soft); }
.canvas img[b-0me7q0i9xi] { width: 100%; height: 100%; object-fit: cover; }
.selection[b-0me7q0i9xi] { position: absolute; left: var(--ngx-space-5); bottom: var(--ngx-space-5); min-width: 155px; padding: 10px 13px; border: 1px solid var(--ngx-border); border-radius: var(--ngx-radius-md); background: var(--ngx-overlay); color: #fff; }
.selection span[b-0me7q0i9xi] { display: block; opacity: .7; font-size: var(--ngx-font-size-xs); }.selection b[b-0me7q0i9xi] { display: block; margin-top: 2px; }
footer[b-0me7q0i9xi] { min-height: 48px; border-top: 1px solid var(--ngx-divider); border-bottom: 0; color: var(--ngx-text-muted); font-size: var(--ngx-font-size-xs); }
.adapter[b-0me7q0i9xi] { color: var(--ngx-success); }
@media (max-width: 760px) { .canvas[b-0me7q0i9xi] { min-height: 330px; } footer[b-0me7q0i9xi] { align-items: start; flex-direction: column; justify-content: center; padding-block: 10px; } }
/* /Components/Features/Examples/Demo/Sections/GardenShedConfiguratorShell.razor.rz.scp.css */
.configurator[b-c5qm7qmyxy] { display: grid; grid-template-columns: 280px minmax(0, 1fr) 300px; min-height: 650px; overflow: hidden; border: 1px solid var(--ngx-border-strong); border-radius: var(--ngx-radius-xl); background: var(--ngx-gradient-card); box-shadow: var(--ngx-shadow-lg); }
.panel[b-c5qm7qmyxy] { padding: var(--ngx-space-6); background: color-mix(in srgb, var(--ngx-surface) 82%, transparent); }
.options-panel[b-c5qm7qmyxy] { border-right: 1px solid var(--ngx-divider); }
.summary-panel[b-c5qm7qmyxy] { border-left: 1px solid var(--ngx-divider); }
header span[b-c5qm7qmyxy] { color: var(--ngx-primary-2); font-size: var(--ngx-font-size-xs); font-weight: var(--ngx-weight-semibold); text-transform: uppercase; letter-spacing: .08em; }
header h2[b-c5qm7qmyxy] { margin: 4px 0 0; font-size: var(--ngx-font-size-xl); }
.option-group[b-c5qm7qmyxy] { min-width: 0; margin: var(--ngx-space-6) 0 0; padding: 0; border: 0; }
.option-group legend[b-c5qm7qmyxy] { display: block; width: 100%; margin-bottom: var(--ngx-space-3); padding: 0; color: var(--ngx-text-secondary); font-size: var(--ngx-font-size-sm); }
.choice-grid[b-c5qm7qmyxy] { display: grid; gap: 8px; }
.choice-grid--text[b-c5qm7qmyxy] { grid-template-columns: repeat(3, 1fr); }
.choice[b-c5qm7qmyxy] { min-height: var(--ngx-tap-target); padding: 8px 10px; border: 1px solid var(--ngx-border); border-radius: var(--ngx-radius-sm); background: var(--ngx-input-bg); color: var(--ngx-text-secondary); cursor: pointer; transition: var(--ngx-transition-control); }
.choice:hover[b-c5qm7qmyxy] { border-color: var(--ngx-primary-border); color: var(--ngx-text); }
.choice.is-selected[b-c5qm7qmyxy] { border-color: var(--ngx-primary); background: var(--ngx-primary-soft); color: var(--ngx-text); box-shadow: inset 0 0 0 1px var(--ngx-primary); }
.color-grid[b-c5qm7qmyxy] { display: flex; flex-wrap: wrap; gap: 9px; }
.color-choice[b-c5qm7qmyxy] { width: var(--ngx-tap-target); height: var(--ngx-tap-target); padding: 4px; border: 1px solid var(--ngx-border); border-radius: 50%; background: transparent; cursor: pointer; }
.color-choice span[b-c5qm7qmyxy] { display: block; width: 100%; height: 100%; border-radius: 50%; background: #294f78; }
.color-choice.tone-1 span[b-c5qm7qmyxy] { background: #464c55; } .color-choice.tone-2 span[b-c5qm7qmyxy] { background: #844b3d; } .color-choice.tone-3 span[b-c5qm7qmyxy] { background: #d6cbbb; } .color-choice.tone-4 span[b-c5qm7qmyxy] { background: #3f6256; }
.color-choice.is-selected[b-c5qm7qmyxy] { border-color: var(--ngx-primary); box-shadow: 0 0 0 2px var(--ngx-primary-soft); }
dl[b-c5qm7qmyxy] { margin: var(--ngx-space-6) 0; display: grid; gap: var(--ngx-space-3); }
dl div[b-c5qm7qmyxy] { display: flex; justify-content: space-between; gap: 12px; padding-bottom: var(--ngx-space-3); border-bottom: 1px solid var(--ngx-divider); }
dt[b-c5qm7qmyxy] { color: var(--ngx-text-muted); font-size: var(--ngx-font-size-sm); } dd[b-c5qm7qmyxy] { margin: 0; text-align: right; font-size: var(--ngx-font-size-sm); font-weight: var(--ngx-weight-semibold); }
.summary-panel[b-c5qm7qmyxy]  .alert { margin-bottom: var(--ngx-space-5); }
@media (max-width: 1120px) { .configurator[b-c5qm7qmyxy] { grid-template-columns: 240px 1fr; } .summary-panel[b-c5qm7qmyxy] { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--ngx-divider); } }
@media (max-width: 760px) { .configurator[b-c5qm7qmyxy] { grid-template-columns: 1fr; } .options-panel[b-c5qm7qmyxy] { border-right: 0; border-bottom: 1px solid var(--ngx-divider); } .choice-grid--text[b-c5qm7qmyxy] { grid-template-columns: 1fr; } }
/* /Components/Features/Examples/ExamplesPage.razor.rz.scp.css */
.examples-page[b-8u557gu66j]{display:grid;gap:var(--ngx-section-gap)}
@media(max-width:1023px){.examples-page[b-8u557gu66j]{gap:var(--ngx-section-gap-compact)}}
/* /Components/Features/Examples/Sections/ExamplesCatalogSection.razor.rz.scp.css */

.catalog[b-zjqg3fjim8] {
    scroll-margin-top: calc(var(--ngx-header-height) + var(--ngx-space-5));
}

.heading[b-zjqg3fjim8] {
    display: grid;
    grid-template-columns: 1fr minmax(280px, 520px);
    gap: var(--ngx-space-7);
    align-items: end;
    margin-bottom: var(--ngx-space-7);
}

.heading span[b-zjqg3fjim8],
.empty-eyebrow[b-zjqg3fjim8] {
    color: var(--ngx-primary-2);
    font-size: var(--ngx-font-size-sm);
    font-weight: var(--ngx-weight-semibold);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.heading h2[b-zjqg3fjim8],
.empty-copy h2[b-zjqg3fjim8] {
    margin: var(--ngx-space-2) 0 0;
    font-size: var(--ngx-section-title-size);
    letter-spacing: -.04em;
}

.heading p[b-zjqg3fjim8] {
    margin: 0;
    color: var(--ngx-text-secondary);
    line-height: 1.65;
}

.grid[b-zjqg3fjim8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ngx-space-5);
}

.example-card[b-zjqg3fjim8] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--ngx-border);
    border-radius: 20px;
    background: var(--ngx-gradient-card);
    transition: transform var(--ngx-transition-control), border-color var(--ngx-transition-control), box-shadow var(--ngx-transition-control);
}

.example-card:hover[b-zjqg3fjim8] {
    transform: translateY(-4px);
    border-color: var(--ngx-border-strong);
    box-shadow: 0 20px 40px rgba(0,0,0,.18);
}

.image-wrap[b-zjqg3fjim8] {
    position: relative;
    aspect-ratio: 1.68;
    overflow: hidden;
    background: var(--ngx-bg-soft);
}

.image-wrap img[b-zjqg3fjim8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--ngx-duration-slow) var(--ngx-ease-standard);
}

.example-card:hover img[b-zjqg3fjim8] { transform: scale(1.025); }
.image-wrap[b-zjqg3fjim8]  .badge { position: absolute; top: var(--ngx-space-3); right: var(--ngx-space-3); }

.body[b-zjqg3fjim8] {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: var(--ngx-space-5);
}

.category[b-zjqg3fjim8] {
    color: var(--ngx-primary-2);
    font-size: var(--ngx-font-size-xs);
    font-weight: var(--ngx-weight-semibold);
    text-transform: uppercase;
    letter-spacing: .07em;
}

h3[b-zjqg3fjim8] { margin: var(--ngx-space-2) 0 var(--ngx-space-3); font-size: var(--ngx-font-size-lg); }
.body p[b-zjqg3fjim8] { margin: 0 0 var(--ngx-space-5); color: var(--ngx-text-secondary); font-size: var(--ngx-font-size-sm); line-height: 1.6; }
.body[b-zjqg3fjim8]  .ngx-button { margin-top: auto; }

.empty-state[b-zjqg3fjim8] {
    position: relative;
    display: grid;
    grid-template-columns: 250px minmax(360px, 1fr) minmax(250px, 330px);
    gap: clamp(28px, 4vw, 64px);
    align-items: center;
    min-height: 330px;
    padding: clamp(32px, 4vw, 54px);
    overflow: hidden;
    border: 1px solid rgba(72, 132, 214, .20);
    border-radius: 28px;
    background:
        radial-gradient(circle at 13% 50%, rgba(26, 118, 255, .13), transparent 26%),
        radial-gradient(circle at 88% 50%, rgba(126, 59, 255, .12), transparent 25%),
        linear-gradient(180deg, rgba(7, 18, 31, .88), rgba(5, 14, 27, .96));
    box-shadow: 0 28px 56px rgba(0,0,0,.16);
    color: var(--ngx-showcase-text);
}

.empty-state[b-zjqg3fjim8]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .22;
    background-image:
        linear-gradient(rgba(45, 112, 210, .10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(45, 112, 210, .10) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(90deg, #000, transparent 42%, transparent 58%, #000);
}

.empty-visual[b-zjqg3fjim8] {
    position: relative;
    width: 220px;
    height: 220px;
    margin-inline: auto;
}

.empty-orbit[b-zjqg3fjim8] {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(54, 137, 255, .22);
    border-radius: 50%;
}

.empty-orbit--outer[b-zjqg3fjim8] {
    box-shadow: 0 0 42px rgba(31, 115, 255, .09), inset 0 0 34px rgba(31, 115, 255, .04);
}

.empty-orbit--inner[b-zjqg3fjim8] {
    inset: 28px;
    border-color: rgba(139, 76, 255, .22);
}

.empty-window[b-zjqg3fjim8] {
    position: absolute;
    left: 50%;
    top: 50%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 118px;
    height: 98px;
    padding: 6px;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(83, 158, 255, .85);
    border-radius: 6px;
    background: rgba(8, 23, 41, .82);
    box-shadow: 0 0 28px rgba(34, 126, 255, .24);
}

.empty-window span[b-zjqg3fjim8] {
    border-right: 1px solid rgba(88, 159, 255, .5);
    background: linear-gradient(160deg, rgba(69, 139, 220, .15), rgba(5, 14, 27, .1));
}

.empty-window span:last-child[b-zjqg3fjim8] { border-right: 0; }

.empty-dot[b-zjqg3fjim8] {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #328dff;
    box-shadow: 0 0 12px rgba(50, 141, 255, .7);
}

.empty-dot--1[b-zjqg3fjim8] { left: 21px; top: 104px; }
.empty-dot--2[b-zjqg3fjim8] { right: 39px; top: 39px; background: #8857ff; }
.empty-dot--3[b-zjqg3fjim8] { right: 20px; bottom: 66px; }

.empty-copy[b-zjqg3fjim8] {
    position: relative;
    z-index: 1;
    max-width: 620px;
}

.empty-copy p[b-zjqg3fjim8] {
    max-width: 570px;
    margin: 18px 0 0;
    color: var(--ngx-showcase-text-secondary);
    font-size: 1rem;
    line-height: 1.7;
}

.empty-actions[b-zjqg3fjim8] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.empty-note[b-zjqg3fjim8] {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 14px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 18px;
    background: rgba(255,255,255,.025);
}

.empty-note-icon[b-zjqg3fjim8] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(66, 145, 255, .28);
    border-radius: 10px;
    color: #4b9dff;
    background: rgba(31, 100, 203, .10);
    font-size: 1.2rem;
}

.empty-note strong[b-zjqg3fjim8] { display: block; color: var(--ngx-showcase-text); font-size: .92rem; }
.empty-note p[b-zjqg3fjim8] { margin: 6px 0 0; color: var(--ngx-showcase-text-secondary); font-size: .78rem; line-height: 1.55; }

@media (max-width: 1100px) {
    .empty-state[b-zjqg3fjim8] { grid-template-columns: 190px 1fr; }
    .empty-note[b-zjqg3fjim8] { grid-column: 1 / -1; }
    .empty-visual[b-zjqg3fjim8] { width: 180px; height: 180px; }
}

@media (max-width: 820px) {
    .heading[b-zjqg3fjim8] { grid-template-columns: 1fr; }
    .grid[b-zjqg3fjim8] { grid-template-columns: repeat(2, 1fr); }
    .empty-state[b-zjqg3fjim8] { grid-template-columns: 1fr; text-align: center; }
    .empty-copy[b-zjqg3fjim8] { margin-inline: auto; }
    .empty-copy p[b-zjqg3fjim8] { margin-inline: auto; }
    .empty-actions[b-zjqg3fjim8] { justify-content: center; }
    .empty-note[b-zjqg3fjim8] { max-width: 520px; margin-inline: auto; text-align: left; }
}

@media (max-width: 560px) {
    .grid[b-zjqg3fjim8] { grid-template-columns: 1fr; }
    .empty-state[b-zjqg3fjim8] { padding: 28px 20px; }
    .empty-actions[b-zjqg3fjim8] { display: grid; grid-template-columns: 1fr; }
    .empty-actions[b-zjqg3fjim8]  .ngx-button { width: 100%; }
}
/* /Components/Features/Examples/Sections/ExamplesCtaSection.razor.rz.scp.css */
.cta-section[b-0e8egai8rl]{padding-bottom:var(--ngx-page-end-space)}
/* /Components/Features/Examples/Sections/ExamplesFeaturedDemoPreview.razor.rz.scp.css */

.preview[b-ycd8teut7x] {
    padding: 18px;
    border: 1px solid rgba(67, 125, 204, .28);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(5, 16, 29, .98), rgba(4, 11, 22, .98)),
        radial-gradient(circle at 50% 0%, rgba(41, 110, 222, .12), transparent 30%);
    box-shadow: 0 30px 64px rgba(0, 0, 0, .24);
}

.preview-head[b-ycd8teut7x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.preview-name-wrap[b-ycd8teut7x] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.preview-name[b-ycd8teut7x] {
    font-size: 1rem;
    font-weight: 700;
    color: #f3f7ff;
}

.preview-tagline[b-ycd8teut7x] {
    font-size: .74rem;
    color: rgba(208, 223, 245, .7);
}

.preview-badge[b-ycd8teut7x] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(57, 217, 127, .22);
    color: #57eb9d;
    background: rgba(12, 44, 28, .38);
    font-size: .76rem;
    font-weight: 700;
}

.preview-badge i[b-ycd8teut7x],
.live-dot[b-ycd8teut7x] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #33e07f;
    box-shadow: 0 0 12px rgba(51, 224, 127, .55);
}

.experience-shell[b-ycd8teut7x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 224px;
    gap: 18px;
}

.model-shell[b-ycd8teut7x] {
    position: relative;
    min-height: 520px;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(6, 16, 31, .88), rgba(5, 12, 24, .94));
    border: 1px solid rgba(79, 131, 212, .14);
}

.live-pill[b-ycd8teut7x] {
    position: absolute;
    left: 18px;
    top: 18px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 16px;
    background: rgba(8, 18, 33, .78);
    border: 1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
}

.live-pill strong[b-ycd8teut7x],
.finish-callout strong[b-ycd8teut7x] {
    display: block;
    color: #f3f7ff;
    font-size: .9rem;
    font-weight: 600;
}

.live-pill span[b-ycd8teut7x],
.finish-callout span[b-ycd8teut7x] {
    display: block;
    color: rgba(220, 231, 246, .74);
    font-size: .78rem;
}

.model-stage[b-ycd8teut7x] {
    position: absolute;
    inset: 0;
}

.image-mask[b-ycd8teut7x] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 92px;
    z-index: 3;
    background: linear-gradient(90deg, rgba(4, 11, 22, .98), rgba(4, 11, 22, .82) 60%, rgba(4, 11, 22, 0));
    pointer-events: none;
}

.model-frame[b-ycd8teut7x] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    }

.model-frame--1[b-ycd8teut7x] { animation: anthraciteFrame-b-ycd8teut7x 18s infinite; }
.model-frame--2[b-ycd8teut7x] { animation: silverFrame-b-ycd8teut7x 18s infinite; }
.model-frame--3[b-ycd8teut7x] { animation: bronzeFrame-b-ycd8teut7x 18s infinite; }

.finish-callout[b-ycd8teut7x] {
    position: absolute;
    left: 18px;
    top: 45%;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 200px;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(8, 18, 33, .82);
    border: 1px solid rgba(51, 127, 255, .38);
    box-shadow: 0 0 26px rgba(11, 81, 201, .18);
    opacity: 0;
    transform: translateY(10px);
    animation: calloutSwap 15s infinite;
}
.finish-callout[b-ycd8teut7x]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    width: 82px;
    height: 2px;
    background: linear-gradient(90deg, rgba(37, 134, 255, .85), rgba(37, 134, 255, .15));
    box-shadow: 0 0 12px rgba(45, 129, 255, .55);
}
.finish-callout[b-ycd8teut7x]::before {
    content: '';
    position: absolute;
    left: calc(100% + 78px);
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #2f8eff;
    box-shadow: 0 0 14px rgba(47, 142, 255, .75);
}
.finish-callout--anthracite[b-ycd8teut7x] { animation: anthraciteCallout-b-ycd8teut7x 18s infinite; }
.finish-callout--silver[b-ycd8teut7x] { animation: silverCallout-b-ycd8teut7x 18s infinite; }
.finish-callout--bronze[b-ycd8teut7x] { animation: bronzeCallout-b-ycd8teut7x 18s infinite; }

.callout-swatch[b-ycd8teut7x],
.swatch[b-ycd8teut7x] {
    display: inline-block;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}
.callout-swatch[b-ycd8teut7x] {
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    box-shadow: inset 0 3px 10px rgba(255,255,255,.18), 0 0 0 1px rgba(255,255,255,.08);
}
.swatch[b-ycd8teut7x] {
    width: 58px;
    height: 58px;
    box-shadow: inset 0 4px 14px rgba(255,255,255,.18), 0 0 0 1px rgba(255,255,255,.08);
}
.swatch-white[b-ycd8teut7x] { background: radial-gradient(circle at 35% 30%, #ffffff 0%, #dcdcdc 42%, #a8a8a8 100%); }
.swatch-anthracite[b-ycd8teut7x] { background: radial-gradient(circle at 35% 30%, #51565f 0%, #20262f 48%, #12161d 100%); }
.swatch-black[b-ycd8teut7x] { background: radial-gradient(circle at 35% 30%, #4b4b4b 0%, #111111 40%, #040404 100%); }
.swatch-bronze[b-ycd8teut7x] { background: radial-gradient(circle at 35% 30%, #aa6d36 0%, #694225 48%, #311b11 100%); }
.swatch-champagne[b-ycd8teut7x] { background: radial-gradient(circle at 35% 30%, #eac99a 0%, #b98e58 45%, #7c5b34 100%); }
.swatch-silver[b-ycd8teut7x] { background: radial-gradient(circle at 35% 30%, #fcfdff 0%, #d9dde4 44%, #9198a2 100%); }

.finish-panel[b-ycd8teut7x] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(7, 19, 36, .94), rgba(6, 14, 26, .92));
    border: 1px solid rgba(255,255,255,.06);
    min-height: 520px;
}

.panel-head[b-ycd8teut7x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #f5f8ff;
    margin-bottom: 18px;
}
.panel-head strong[b-ycd8teut7x] {
    font-size: 1.05rem;
}
.panel-icon[b-ycd8teut7x] {
    color: rgba(204, 218, 239, .55);
}

.swatch-grid[b-ycd8teut7x] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.swatch-card[b-ycd8teut7x] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    min-height: 118px;
    padding: 14px 10px 12px;
    border-radius: 16px;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.04);
    color: #d6e0ee;
    text-align: center;
}

.swatch-label[b-ycd8teut7x] {
    font-size: .76rem;
    line-height: 1.2;
}

.swatch-check[b-ycd8teut7x] {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #2f85ff;
    color: white;
    font-size: .76rem;
    font-weight: 700;
    opacity: 0;
    transform: scale(.6);
}

.swatch-card--anthracite[b-ycd8teut7x] { animation: anthraciteSelect-b-ycd8teut7x 18s infinite; }
.swatch-card--silver[b-ycd8teut7x] { animation: silverSelect-b-ycd8teut7x 18s infinite; }
.swatch-card--bronze[b-ycd8teut7x] { animation: bronzeSelect-b-ycd8teut7x 18s infinite; }

.swatch-card--anthracite .swatch-check[b-ycd8teut7x] { animation: anthraciteCheck-b-ycd8teut7x 18s infinite; }
.swatch-card--silver .swatch-check[b-ycd8teut7x] { animation: silverCheck-b-ycd8teut7x 18s infinite; }
.swatch-card--bronze .swatch-check[b-ycd8teut7x] { animation: bronzeCheck-b-ycd8teut7x 18s infinite; }

.panel-footer[b-ycd8teut7x] {
    margin-top: auto;
    padding-top: 16px;
    color: rgba(225, 235, 248, .84);
    font-size: .9rem;
}


.config-bar[b-ycd8teut7x] {
    display: grid;
    grid-template-columns: 1.05fr 1.05fr 1.15fr 1fr auto;
    gap: 0;
    align-items: stretch;
    margin-top: 18px;
    padding: 0;
    overflow: hidden;
    border-radius: 18px;
    background: rgba(6, 17, 31, .82);
    border: 1px solid rgba(255,255,255,.065);
}

.meta-item[b-ycd8teut7x] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-height: 78px;
    padding: 14px 18px;
    border-right: 1px solid rgba(255,255,255,.055);
}

.meta-label[b-ycd8teut7x] {
    color: rgba(186, 202, 225, .62);
    font-size: .69rem;
    line-height: 1.15;
}

.meta-item strong[b-ycd8teut7x] {
    color: #f0f5ff;
    font-size: .86rem;
    line-height: 1.25;
    white-space: nowrap;
}

.config-bar[b-ycd8teut7x]  .ngx-button {
    align-self: center;
    margin: 0 14px;
    white-space: nowrap;
}

/* Interaction order:
   - Open immediately on Anthracite (default).
   - Select the NEXT finish first while the window is still unchanged.
   - Pause briefly.
   - Apply that finish to the window.
   - Repeat. */

@keyframes anthraciteFrame-b-ycd8teut7x {
    0%, 31% { opacity: 1; }
    34%, 96% { opacity: 0; }
    99%, 100% { opacity: 1; }
}

@keyframes silverFrame-b-ycd8teut7x {
    0%, 31% { opacity: 0; }
    34%, 64% { opacity: 1; }
    67%, 100% { opacity: 0; }
}

@keyframes bronzeFrame-b-ycd8teut7x {
    0%, 64% { opacity: 0; }
    67%, 96% { opacity: 1; }
    99%, 100% { opacity: 0; }
}

@keyframes anthraciteCallout-b-ycd8teut7x {
    0%, 31% { opacity: 1; transform: translateY(0); }
    34%, 96% { opacity: 0; transform: translateY(-6px); }
    99%, 100% { opacity: 1; transform: translateY(0); }
}

@keyframes silverCallout-b-ycd8teut7x {
    0%, 31% { opacity: 0; transform: translateY(10px); }
    34%, 64% { opacity: 1; transform: translateY(0); }
    67%, 100% { opacity: 0; transform: translateY(-6px); }
}

@keyframes bronzeCallout-b-ycd8teut7x {
    0%, 64% { opacity: 0; transform: translateY(10px); }
    67%, 96% { opacity: 1; transform: translateY(0); }
    99%, 100% { opacity: 0; transform: translateY(-6px); }
}

/* The next swatch becomes active BEFORE the image changes. */
@keyframes anthraciteSelect-b-ycd8teut7x {
    0%, 25%, 94%, 100% {
        border-color: rgba(46, 134, 255, .65);
        box-shadow: inset 0 0 0 1px rgba(46,134,255,.45),
                    0 0 0 1px rgba(46,134,255,.15),
                    0 0 22px rgba(24,110,255,.18);
    }
    28%, 91% {
        border-color: rgba(255,255,255,.04);
        box-shadow: none;
    }
}

@keyframes silverSelect-b-ycd8teut7x {
    0%, 25%, 58%, 100% {
        border-color: rgba(255,255,255,.04);
        box-shadow: none;
    }
    28%, 55% {
        border-color: rgba(46, 134, 255, .65);
        box-shadow: inset 0 0 0 1px rgba(46,134,255,.45),
                    0 0 0 1px rgba(46,134,255,.15),
                    0 0 22px rgba(24,110,255,.18);
    }
}

@keyframes bronzeSelect-b-ycd8teut7x {
    0%, 58%, 91%, 100% {
        border-color: rgba(255,255,255,.04);
        box-shadow: none;
    }
    61%, 88% {
        border-color: rgba(46, 134, 255, .65);
        box-shadow: inset 0 0 0 1px rgba(46,134,255,.45),
                    0 0 0 1px rgba(46,134,255,.15),
                    0 0 22px rgba(24,110,255,.18);
    }
}

@keyframes anthraciteCheck-b-ycd8teut7x {
    0%, 25%, 94%, 100% { opacity: 1; transform: scale(1); }
    28%, 91% { opacity: 0; transform: scale(.6); }
}

@keyframes silverCheck-b-ycd8teut7x {
    0%, 25%, 58%, 100% { opacity: 0; transform: scale(.6); }
    28%, 55% { opacity: 1; transform: scale(1); }
}

@keyframes bronzeCheck-b-ycd8teut7x {
    0%, 58%, 91%, 100% { opacity: 0; transform: scale(.6); }
    61%, 88% { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .model-frame[b-ycd8teut7x],
    .finish-callout[b-ycd8teut7x],
    .swatch-card--anthracite[b-ycd8teut7x],
    .swatch-card--silver[b-ycd8teut7x],
    .swatch-card--bronze[b-ycd8teut7x],
    .swatch-card--anthracite .swatch-check[b-ycd8teut7x],
    .swatch-card--silver .swatch-check[b-ycd8teut7x],
    .swatch-card--bronze .swatch-check[b-ycd8teut7x] {
        animation: none;
    }

    .model-frame--1[b-ycd8teut7x],
    .finish-callout--anthracite[b-ycd8teut7x] {
        opacity: 1;
    }

    .swatch-card--anthracite[b-ycd8teut7x] {
        border-color: rgba(46, 134, 255, .65);
        box-shadow: inset 0 0 0 1px rgba(46,134,255,.45), 0 0 0 1px rgba(46,134,255,.15), 0 0 22px rgba(24,110,255,.18);
    }

    .swatch-card--anthracite .swatch-check[b-ycd8teut7x] {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 1180px) {
    .experience-shell[b-ycd8teut7x] {
        grid-template-columns: 1fr;
    }

    .finish-panel[b-ycd8teut7x] {
        min-height: auto;
    }

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

    .meta-item:nth-child(even)[b-ycd8teut7x] {
        border-right: 0;
    }

    .config-bar[b-ycd8teut7x]  .ngx-button {
        grid-column: 1 / -1;
        width: calc(100% - 28px);
        margin: 0 14px 14px;
    }
}

@media (max-width: 720px) {
    .preview[b-ycd8teut7x] {
        padding: 14px;
        border-radius: 22px;
    }

    .preview-head[b-ycd8teut7x],
    .config-bar[b-ycd8teut7x] {
        grid-template-columns: 1fr;
    }

    .preview-head[b-ycd8teut7x],
    .config-bar[b-ycd8teut7x],
    .preview-badge[b-ycd8teut7x] {
        flex-wrap: wrap;
    }

    .model-shell[b-ycd8teut7x] {
        min-height: 360px;
    }

    .live-pill[b-ycd8teut7x],
    .finish-callout[b-ycd8teut7x] {
        transform: scale(.92);
        transform-origin: left top;
    }

    .config-bar[b-ycd8teut7x] {
        grid-template-columns: 1fr;
    }

    .meta-item[b-ycd8teut7x] {
        min-height: 62px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.055);
    }

    .meta-item strong[b-ycd8teut7x] {
        white-space: normal;
    }

    .config-bar[b-ycd8teut7x]  .ngx-button {
        grid-column: 1;
        width: calc(100% - 28px);
        margin: 14px;
    }
}
/* /Components/Features/Examples/Sections/ExamplesHeroSection.razor.rz.scp.css */
.hero[b-w4inlcthu4] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(560px, 1.22fr);
    gap: clamp(34px, 4vw, 72px);
    align-items: center;
    padding: var(--ngx-hero-padding-top) 0 var(--ngx-hero-padding-bottom);
}

.copy[b-w4inlcthu4] {
    max-width: 620px;
}

.eyebrow[b-w4inlcthu4] {
    margin-bottom: 18px;
    color: var(--ngx-primary-2);
    font-size: .8rem;
    font-weight: 780;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.copy h1[b-w4inlcthu4] {
    margin: 0;
    max-width: 620px;
    color: var(--ngx-text);
    font-size: var(--ngx-hero-title-size);
    line-height: .98;
    letter-spacing: -.055em;
    font-weight: 790;
}

.copy h1 span[b-w4inlcthu4] {
    display: block;
    color: var(--ngx-primary);
}

.copy p[b-w4inlcthu4] {
    max-width: 590px;
    margin: 24px 0 0;
    color: var(--ngx-text-secondary);
    font-size: var(--ngx-hero-lead-size);
    line-height: 1.68;
}

.actions[b-w4inlcthu4] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

@media (max-width: 1023px) {
    .hero[b-w4inlcthu4] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .copy[b-w4inlcthu4] {
        max-width: 760px;
    }
}

@media (max-width: 639px) {
    .actions[b-w4inlcthu4] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .actions[b-w4inlcthu4]  .ngx-button {
        width: 100%;
    }
}
/* /Components/Features/Examples/Sections/ExamplesValueStripSection.razor.rz.scp.css */
.value-strip[b-lu5s4bsbye] { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--ngx-border); border-radius: var(--ngx-radius-lg); background: var(--ngx-card); }
article[b-lu5s4bsbye] { display: grid; grid-template-columns: 48px 1fr; gap: var(--ngx-space-4); padding: var(--ngx-space-6); }
article + article[b-lu5s4bsbye] { border-left: 1px solid var(--ngx-divider); }
.icon[b-lu5s4bsbye] { width: 48px; height: 48px; display: grid; place-items: center; border-radius: var(--ngx-radius-md); background: var(--ngx-primary-soft); color: var(--ngx-primary-2); }
.icon[b-lu5s4bsbye]  svg { width: 26px; height: 26px; }
h3[b-lu5s4bsbye] { margin: 0 0 5px; font-size: var(--ngx-font-size-md); }
p[b-lu5s4bsbye] { margin: 0; color: var(--ngx-text-secondary); font-size: var(--ngx-font-size-sm); }
@media (max-width: 980px) { .value-strip[b-lu5s4bsbye] { grid-template-columns: repeat(2, 1fr); } article:nth-child(3)[b-lu5s4bsbye] { border-left: 0; border-top: 1px solid var(--ngx-divider); } article:nth-child(4)[b-lu5s4bsbye] { border-top: 1px solid var(--ngx-divider); } }
@media (max-width: 560px) { .value-strip[b-lu5s4bsbye] { grid-template-columns: 1fr; } article + article[b-lu5s4bsbye], article:nth-child(3)[b-lu5s4bsbye], article:nth-child(4)[b-lu5s4bsbye] { border-left: 0; border-top: 1px solid var(--ngx-divider); } }
/* /Components/Features/Home/HomePage.razor.rz.scp.css */
.home-page[b-06o03m8skj]{overflow:hidden;background:radial-gradient(circle at 8% 16%,var(--ngx-gradient-page-a),transparent 24rem),radial-gradient(circle at 92% 44%,var(--ngx-gradient-page-b),transparent 28rem)}
/* /Components/Features/Home/Sections/HomeBenefitsSection.razor.rz.scp.css */
.section[b-9sg04xev9t] {
    padding: 34px 0 22px;
}

h2[b-9sg04xev9t] {
    margin: 0 0 22px;
    text-align: center;
    font-size: var(--ngx-section-title-size);
    letter-spacing: -.035em;
}

.cards[b-9sg04xev9t] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.card[b-9sg04xev9t] {
    min-height: 192px;
    padding: 28px 24px 24px;
    text-align: center;
    border: 1px solid var(--ngx-border);
    border-radius: var(--ngx-radius-lg);
    background: var(--ngx-gradient-card);
    box-shadow: inset 0 1px 0 var(--ngx-border-subtle);
}


.icon-wrap[b-9sg04xev9t] {
    width: 58px;
    height: 58px;
    margin: 0 auto 16px;
    display: grid;
    place-items: center;
    color: var(--ngx-primary-2);
    font-size: 2.2rem;
}

h3[b-9sg04xev9t] {
    margin: 0 0 8px;
    font-size: 1.12rem;
}

p[b-9sg04xev9t] {
    margin: 0;
    color: var(--ngx-text-secondary);
    font-size: .91rem;
    line-height: 1.55;
}

@media (max-width: 1100px) {
    .cards[b-9sg04xev9t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .card[b-9sg04xev9t],
    .card:nth-child(4)[b-9sg04xev9t],
    .card:nth-child(5)[b-9sg04xev9t] {
        grid-column: auto;
    }

    .card:last-child[b-9sg04xev9t] {
        grid-column: 1 / -1;
        width: min(100%, calc(50% - 9px));
        justify-self: center;
    }
}

@media (max-width: 639px) {
    .cards[b-9sg04xev9t] {
        grid-template-columns: 1fr;
    }

    .card[b-9sg04xev9t],
    .card:last-child[b-9sg04xev9t] {
        grid-column: auto;
        width: auto;
        min-height: auto;
    }
}
/* /Components/Features/Home/Sections/HomeComparisonSection.razor.rz.scp.css */
.comparison-section[b-lnuyouqeg2]{padding:10px 0 28px}
.comparison-shell[b-lnuyouqeg2]{position:relative;overflow:hidden;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-lg);background:
linear-gradient(rgba(32,105,160,.055) 1px,transparent 1px),
linear-gradient(90deg,rgba(32,105,160,.055) 1px,transparent 1px),
linear-gradient(180deg,rgba(9,24,39,.82),rgba(4,15,27,.94));
background-size:32px 32px,32px 32px,100% 100%;box-shadow:inset 0 1px 0 var(--ngx-border-subtle);padding:22px 28px 18px}
.comparison-shell[b-lnuyouqeg2]::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 42%,rgba(19,110,255,.07),transparent 28%);z-index:0}
.comparison-shell>*[b-lnuyouqeg2]{position:relative;z-index:1}
.section-heading[b-lnuyouqeg2]{text-align:center;margin-bottom:16px}.section-heading h2[b-lnuyouqeg2]{margin:0;font-size:clamp(1.45rem,2vw,2rem);letter-spacing:-.035em}.section-heading p[b-lnuyouqeg2]{margin:5px 0 0;color:var(--ngx-text-secondary);font-size:.9rem}
.comparison-grid[b-lnuyouqeg2]{display:grid;grid-template-columns:minmax(0,1.06fr) 78px minmax(0,.94fr);align-items:start;column-gap:4px}
.workflow-side[b-lnuyouqeg2]{min-width:0;padding:0 6px}.workflow-side h3[b-lnuyouqeg2]{margin:0 0 10px;text-align:center;font-size:1.04rem;color:var(--ngx-text-secondary)}.novogex-side h3[b-lnuyouqeg2]{color:var(--ngx-primary-2)}
.workflow-row[b-lnuyouqeg2]{display:flex;align-items:center;justify-content:center;gap:6px;min-height:138px}.workflow-step[b-lnuyouqeg2]{min-width:70px;max-width:84px;min-height:106px;padding:11px 8px 9px;border:1px solid var(--ngx-border);border-radius:12px;background:rgba(14,29,45,.74);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.workflow-step strong[b-lnuyouqeg2]{font-size:.68rem;line-height:1.25}.workflow-step small[b-lnuyouqeg2]{color:var(--ngx-text-secondary);font-size:.58rem;line-height:1.35}.step-icon[b-lnuyouqeg2]{width:32px;height:32px;display:grid;place-items:center;color:var(--ngx-text-secondary);font-size:1.45rem}.step-icon :deep(svg)[b-lnuyouqeg2]{width:26px;height:26px}.novogex-side .step-icon[b-lnuyouqeg2]{color:var(--ngx-primary-2)}
.workflow-step--featured[b-lnuyouqeg2]{position:relative;isolation:isolate;min-width:152px;max-width:164px;min-height:158px;padding:18px 14px 14px;border:1px solid rgba(42,156,255,.98);border-radius:14px;background:linear-gradient(180deg,rgba(17,55,88,.98),rgba(7,27,49,.99));box-shadow:0 0 0 1px rgba(41,145,255,.2),0 0 15px rgba(37,145,255,.42),0 0 34px rgba(25,115,255,.22),inset 0 0 24px rgba(24,123,255,.11);overflow:hidden}
.workflow-step--featured[b-lnuyouqeg2]::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(180deg,rgba(71,191,255,.3),transparent 43%);z-index:-1;pointer-events:none}.workflow-step--featured .step-icon[b-lnuyouqeg2]{width:46px;height:46px;margin-bottom:2px;color:#35a7ff;filter:drop-shadow(0 0 9px rgba(38,158,255,.5))}.workflow-step--featured .step-icon :deep(svg)[b-lnuyouqeg2]{width:40px;height:40px;stroke-width:1.55}.workflow-step--featured strong[b-lnuyouqeg2]{font-size:.84rem;line-height:1.2;color:#fff}.workflow-step--featured small[b-lnuyouqeg2]{max-width:132px;font-size:.61rem;line-height:1.38}
.arrow[b-lnuyouqeg2]{display:inline-flex;align-items:center;justify-content:center;min-width:12px;color:var(--ngx-text-tertiary);font-size:1rem;line-height:1}.novogex-side .arrow[b-lnuyouqeg2]{color:var(--ngx-primary-2)}
.center-arrow[b-lnuyouqeg2]{align-self:start;margin-top:68px;height:54px;display:flex;align-items:center;justify-content:center;gap:0;filter:drop-shadow(0 0 12px rgba(37,137,255,.28))}.center-arrow span[b-lnuyouqeg2]{width:20px;height:20px;border-top:5px solid var(--ngx-primary-2);border-right:5px solid var(--ngx-primary-2);transform:rotate(45deg);margin-left:-7px}.center-arrow span:first-child[b-lnuyouqeg2]{margin-left:0;opacity:.72}
.timeline-line[b-lnuyouqeg2]{display:flex;align-items:center;gap:8px;margin:6px 8px 8px;color:var(--ngx-text-tertiary);font-size:.98rem}.timeline-line span[b-lnuyouqeg2]{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--ngx-border),transparent)}.timeline-line :deep(svg)[b-lnuyouqeg2]{width:18px;height:18px}.timeline-line--blue[b-lnuyouqeg2]{color:var(--ngx-primary-2)}
.summary-strip[b-lnuyouqeg2]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid var(--ngx-border);border-radius:12px;background:rgba(10,24,38,.76);padding:10px 13px}.summary-strip>div[b-lnuyouqeg2]{display:flex;align-items:center;gap:9px;min-width:0}.summary-strip>div>svg[b-lnuyouqeg2]{flex:0 0 21px;width:21px;height:21px}.summary-strip strong[b-lnuyouqeg2],.summary-strip small[b-lnuyouqeg2]{display:block}.summary-strip strong[b-lnuyouqeg2]{font-size:.69rem;line-height:1.2}.summary-strip small[b-lnuyouqeg2]{margin-top:2px;color:var(--ngx-text-secondary);font-size:.59rem;line-height:1.25}.summary-strip--traditional[b-lnuyouqeg2]{color:#ff7373}.summary-strip--traditional small[b-lnuyouqeg2]{color:var(--ngx-text-secondary)}.summary-strip--novogex[b-lnuyouqeg2]{color:var(--ngx-primary-2)}.summary-strip--novogex small[b-lnuyouqeg2]{color:var(--ngx-text-secondary)}
@media(max-width:1260px){.comparison-grid[b-lnuyouqeg2]{grid-template-columns:1fr}.center-arrow[b-lnuyouqeg2]{height:46px;margin:4px 0;transform:rotate(90deg)}.workflow-side[b-lnuyouqeg2]{padding:0}.workflow-row[b-lnuyouqeg2]{flex-wrap:wrap}.traditional-side[b-lnuyouqeg2]{padding-bottom:2px}.novogex-side[b-lnuyouqeg2]{padding-top:0}.comparison-shell[b-lnuyouqeg2]{background-size:28px 28px,28px 28px,100% 100%}}
@media(max-width:760px){.comparison-shell[b-lnuyouqeg2]{padding:20px 14px 16px}.workflow-row[b-lnuyouqeg2]{gap:8px}.arrow[b-lnuyouqeg2]{display:none}.workflow-step[b-lnuyouqeg2]{min-width:calc(50% - 8px);max-width:none}.workflow-step--featured[b-lnuyouqeg2]{min-width:calc(50% - 8px);max-width:none}.summary-strip[b-lnuyouqeg2]{grid-template-columns:1fr}.center-arrow[b-lnuyouqeg2]{height:44px}.section-heading[b-lnuyouqeg2]{margin-bottom:16px}}
@media(max-width:460px){.workflow-step[b-lnuyouqeg2],.workflow-step--featured[b-lnuyouqeg2]{min-width:100%}.comparison-section[b-lnuyouqeg2]{padding-bottom:24px}}

/* v46: keep both comparison columns on the same vertical rhythm */
@media(min-width:1261px){
  .workflow-side[b-lnuyouqeg2]{
    display:grid;
    grid-template-rows:26px 168px 24px 55px;
    align-content:start;
  }
  .workflow-side h3[b-lnuyouqeg2]{
    margin:0;
    align-self:start;
  }
  .workflow-row[b-lnuyouqeg2]{
    height:168px;
    min-height:0;
    align-self:stretch;
  }
  .timeline-line[b-lnuyouqeg2]{
    height:24px;
    margin:0 8px;
    align-self:center;
  }
  .summary-strip[b-lnuyouqeg2]{
    min-height:55px;
    height:55px;
    box-sizing:border-box;
    align-self:end;
  }
  .center-arrow[b-lnuyouqeg2]{
    margin-top:74px;
  }
}
/* /Components/Features/Home/Sections/HomeCtaSection.razor.rz.scp.css */
.cta-section[b-u19ilc85vi]{padding-bottom:var(--ngx-page-end-space)}
/* /Components/Features/Home/Sections/HomeDemoSection.razor.rz.scp.css */
.section[b-1m8ztra0lt]{padding:26px 0 24px}
.panel[b-1m8ztra0lt]{
    display:grid;
    grid-template-columns:.68fr 1.32fr;
    min-height:330px;
    overflow:hidden;
    border:1px solid var(--ngx-primary-border);
    border-radius:var(--ngx-radius-lg);
    background:var(--ngx-gradient-panel);
    box-shadow:var(--ngx-shadow-blue)
}
.copy[b-1m8ztra0lt]{padding:38px 42px;align-self:center}
.kicker[b-1m8ztra0lt]{display:block;margin-bottom:6px;color:var(--ngx-primary-2);font-size:.85rem;font-weight:650}
h2[b-1m8ztra0lt]{margin:0 0 12px;max-width:420px;font-size:var(--ngx-section-title-size);line-height:1.06;letter-spacing:-.04em}
p[b-1m8ztra0lt]{max-width:430px;margin:0 0 22px;color:var(--ngx-text-secondary);font-size:.97rem;line-height:1.6}
.visual[b-1m8ztra0lt]{
    position:relative;
    display:grid;
    align-items:center;
    justify-items:center;
    padding:18px 18px 14px;
    background:radial-gradient(circle at 55% 45%,var(--ngx-primary-softer),transparent 48%)
}
.visual img[b-1m8ztra0lt]{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
    border:1px solid var(--ngx-border);
    border-radius:10px;
    box-shadow:var(--ngx-shadow-card);
    background:rgba(4,12,24,.35)
}
.swatches[b-1m8ztra0lt]{display:none}
@media(max-width:1023px){
    .panel[b-1m8ztra0lt]{grid-template-columns:1fr}
    .visual[b-1m8ztra0lt]{padding:0 18px 18px}
    .copy[b-1m8ztra0lt]{padding-bottom:24px}
}
@media(max-width:639px){
    .copy[b-1m8ztra0lt]{padding:28px 24px 22px}
    .visual[b-1m8ztra0lt]{padding:0 14px 14px}
}
/* /Components/Features/Home/Sections/HomeHeroSection.razor.rz.scp.css */

.hero[b-1uwnc8jkvh] {
    position: relative;
    overflow: hidden;
    padding: var(--ngx-hero-padding-top) 0 var(--ngx-hero-padding-bottom);
}

.hero[b-1uwnc8jkvh]::before {
    content: "";
    position: absolute;
    inset: -10px -8vw -46px 30%;
    pointer-events: none;
    opacity: .48;
    background:
        radial-gradient(circle at 54% 32%, rgba(27, 113, 255, .18), transparent 31%),
        radial-gradient(circle at 70% 72%, rgba(117, 63, 255, .16), transparent 28%),
        linear-gradient(rgba(34, 96, 190, .052) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 96, 190, .052) 1px, transparent 1px);
    background-size: auto, auto, 36px 36px, 36px 36px;
    mask-image: linear-gradient(90deg, transparent 0, #000 17%, #000 88%, transparent 100%);
}

.hero-grid[b-1uwnc8jkvh] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(560px, 1.22fr);
    gap: clamp(34px, 4vw, 72px);
    align-items: center;
}

.copy[b-1uwnc8jkvh] {
    min-width: 0;
    padding-top: 8px;
    padding-left: 4px;
}

.hero-eyebrow[b-1uwnc8jkvh] {
    margin-bottom: 18px;
    color: var(--ngx-primary-2);
    font-size: .8rem;
    font-weight: 780;
    letter-spacing: .14em;
    text-transform: uppercase;
}

h1[b-1uwnc8jkvh] {
    margin: 0 0 24px;
    max-width: 620px;
    color: var(--ngx-text);
    font-size: var(--ngx-hero-title-size);
    line-height: .98;
    letter-spacing: -.055em;
    font-weight: 790;
}

h1 span[b-1uwnc8jkvh] {
    color: transparent;
    background: linear-gradient(100deg, #1c8eff 0%, #347cff 52%, #9050ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

p[b-1uwnc8jkvh] {
    max-width: 590px;
    margin: 0;
    color: var(--ngx-text-secondary);
    font-size: var(--ngx-hero-lead-size);
    line-height: 1.68;
}

.actions[b-1uwnc8jkvh] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.play[b-1uwnc8jkvh] {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    margin-right: 7px;
    border-radius: 50%;
    background: var(--ngx-white);
    color: var(--ngx-primary);
    font-size: 9px;
}

.hero-proof[b-1uwnc8jkvh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 34px;
    max-width: 650px;
}

.hero-proof__item[b-1uwnc8jkvh] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    min-width: 0;
    padding: 0 16px;
    border-right: 1px solid rgba(128, 165, 214, .15);
}

.hero-proof__item:first-child[b-1uwnc8jkvh] { padding-left: 0; }

.hero-proof__item:last-child[b-1uwnc8jkvh] {
    padding-right: 0;
    border-right: 0;
}

.hero-proof__icon[b-1uwnc8jkvh] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    margin-top: 1px;
    border: 1px solid rgba(79, 153, 255, .26);
    border-radius: 50%;
    color: #54a9ff;
    background: rgba(21, 87, 181, .08);
}

.hero-proof__icon[b-1uwnc8jkvh]  svg {
    width: 17px;
    height: 17px;
}

.hero-proof__item > span:last-child[b-1uwnc8jkvh] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.hero-proof strong[b-1uwnc8jkvh] {
    color: var(--ngx-text);
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.22;
}

.hero-proof small[b-1uwnc8jkvh] {
    color: var(--ngx-text-muted);
    font-size: .71rem;
    line-height: 1.4;
}

.visual-shell[b-1uwnc8jkvh] {
    position: relative;
    min-width: 0;
    overflow: visible;
    background: transparent;
    isolation: isolate;
}

.visual-launch[b-1uwnc8jkvh] {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    font: inherit;
}

.visual-launch[b-1uwnc8jkvh]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 12% 4% 4% 8%;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(27, 113, 255, .26), rgba(84, 44, 221, .13) 43%, transparent 72%);
    filter: blur(34px);
    opacity: .92;
}

.visual-launch img[b-1uwnc8jkvh] {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 26px 38px rgba(0, 0, 0, .22));
    transition: transform .28s ease, filter .28s ease;
}

.visual-launch:hover img[b-1uwnc8jkvh] {
    transform: translateY(-3px) scale(1.008);
    filter: drop-shadow(0 34px 48px rgba(0, 0, 0, .30)) saturate(1.03);
}

.visual-launch:focus-visible[b-1uwnc8jkvh] {
    outline: 2px solid var(--ngx-white);
    outline-offset: 5px;
    border-radius: 16px;
}

.visual-shell.is-live[b-1uwnc8jkvh] {
    overflow: hidden;
    min-height: 430px;
    border: 1px solid var(--ngx-border-strong);
    border-radius: var(--ngx-radius-lg);
    background: #020811;
    box-shadow: var(--ngx-shadow-lg), var(--ngx-shadow-blue);
}

.live-demo-bar[b-1uwnc8jkvh] {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 9px 13px;
    border-bottom: 1px solid rgba(112, 160, 214, .24);
    background: rgba(3, 11, 21, .92);
    backdrop-filter: blur(10px);
    color: #fff;
}

.live-demo-bar__copy[b-1uwnc8jkvh] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.live-demo-bar__copy span[b-1uwnc8jkvh] {
    color: #4da3ff;
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .105em;
    white-space: nowrap;
}

.live-demo-bar__copy strong[b-1uwnc8jkvh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8rem;
    font-weight: 700;
    color: #ecf5ff;
}

.live-demo-bar a[b-1uwnc8jkvh] {
    flex: 0 0 auto;
    color: #cfe5ff;
    text-decoration: none;
    font-size: .74rem;
    font-weight: 680;
}

.live-demo-bar a:hover[b-1uwnc8jkvh] {
    color: #fff;
    text-decoration: underline;
}

.hero-live-frame[b-1uwnc8jkvh] {
    display: block;
    width: 100%;
    height: 430px;
    padding-top: 55px;
    border: 0;
    background: #020811;
    box-sizing: border-box;
}

.wave-left[b-1uwnc8jkvh] {
    position: absolute;
    left: -90px;
    bottom: 0;
    width: 420px;
    height: 150px;
    opacity: .16;
    background-image: radial-gradient(circle, var(--ngx-primary-2) 1px, transparent 1.5px);
    background-size: 12px 12px;
    mask-image: linear-gradient(145deg, transparent 5%, #000 50%, transparent 88%);
    transform: rotate(7deg);
}

@media (max-width: 1180px) {
    .hero-grid[b-1uwnc8jkvh] {
        grid-template-columns: minmax(320px, .82fr) minmax(520px, 1.18fr);
        gap: 30px;
    }

    .hero-proof__item[b-1uwnc8jkvh] {
        padding-inline: 10px;
    }
}

@media (max-width: 1023px) {
    .hero[b-1uwnc8jkvh] {
        padding-top: 48px;
    }

    .hero[b-1uwnc8jkvh]::before {
        inset: 30% -12vw -20px 0;
    }

    .hero-grid[b-1uwnc8jkvh] {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .copy[b-1uwnc8jkvh] {
        max-width: 760px;
        padding-top: 0;
    }

    .visual-shell[b-1uwnc8jkvh] {
        width: min(100%, 980px);
        margin-inline: auto;
    }
}

@media (max-width: 639px) {
    .hero[b-1uwnc8jkvh] {
        padding-top: 34px;
        padding-bottom: 42px;
    }

    .hero-eyebrow[b-1uwnc8jkvh] {
        margin-bottom: 10px;
        font-size: .7rem;
    }

    .actions[b-1uwnc8jkvh] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .actions[b-1uwnc8jkvh]  .ngx-button {
        width: 100%;
    }

    .hero-proof[b-1uwnc8jkvh] {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 26px;
    }

    .hero-proof__item[b-1uwnc8jkvh],
    .hero-proof__item:first-child[b-1uwnc8jkvh],
    .hero-proof__item:last-child[b-1uwnc8jkvh] {
        grid-template-columns: 30px 1fr;
        padding: 0;
        border-right: 0;
    }

    .live-demo-bar[b-1uwnc8jkvh] {
        align-items: flex-start;
    }

    .live-demo-bar a[b-1uwnc8jkvh] {
        font-size: .68rem;
    }

    .hero-live-frame[b-1uwnc8jkvh] {
        height: 390px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .visual-launch img[b-1uwnc8jkvh] {
        transition: none;
    }
}

/* Material-selection hero preview. The artwork already includes the visual frame,
   so remove the outer card styling and let the image read as one clean demo screen. */
.visual-shell:not(.is-live)[b-1uwnc8jkvh] {
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.visual-launch[b-1uwnc8jkvh] {
    width: 100%;
    margin: 0;
    transform: none;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.visual-launch[b-1uwnc8jkvh]::before {
    inset: 13% 5% 6% 8%;
    opacity: .72;
}

.visual-launch img[b-1uwnc8jkvh] {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 0;
}
/* /Components/Features/Home/Sections/HomeIndustriesSection.razor.rz.scp.css */
.section[b-aeiz4jabh3]{padding:18px 0 26px}h2[b-aeiz4jabh3]{margin:0 0 18px;text-align:center;font-size:var(--ngx-section-title-size);letter-spacing:-.03em}.cards[b-aeiz4jabh3]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card[b-aeiz4jabh3]{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;min-height:122px;padding:18px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);background:var(--ngx-gradient-card)}.icon[b-aeiz4jabh3]{color:var(--ngx-primary-2);font-size:2.5rem;display:grid;place-items:center}h3[b-aeiz4jabh3]{margin:0 0 4px;font-size:1rem}p[b-aeiz4jabh3]{margin:0;color:var(--ngx-text-secondary);font-size:.8rem;line-height:1.45}@media(max-width:1023px){.cards[b-aeiz4jabh3]{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.cards[b-aeiz4jabh3]{grid-template-columns:1fr}}
/* /Components/Features/Home/Sections/HomeWorkflowSection.razor.rz.scp.css */
.section[b-b7wvm928i4]{padding:28px 0 34px}h2[b-b7wvm928i4]{margin:0 0 22px;text-align:center;font-size:var(--ngx-section-title-size);letter-spacing:-.035em}.flow[b-b7wvm928i4]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.step[b-b7wvm928i4]{position:relative;text-align:center;padding:0 10px}.number[b-b7wvm928i4]{position:relative;z-index:2;width:34px;height:34px;margin:0 auto 16px;display:grid;place-items:center;border:1px solid var(--ngx-primary-border);border-radius:50%;background:var(--ngx-bg-subtle);color:var(--ngx-primary-2);font-size:.84rem;box-shadow:var(--ngx-shadow-blue)}.connector[b-b7wvm928i4]{position:absolute;top:16px;left:calc(50% + 18px);width:calc(100% - 36px);height:1px;background:linear-gradient(90deg,var(--ngx-primary-border),var(--ngx-border))}.step:last-child .connector[b-b7wvm928i4]{display:none}.icon[b-b7wvm928i4]{width:58px;height:58px;margin:0 auto 11px;display:grid;place-items:center;border:1px solid var(--ngx-border);border-radius:50%;background:var(--ngx-surface);color:var(--ngx-primary-2);font-size:2rem}h3[b-b7wvm928i4]{margin:0 0 6px;font-size:.94rem;font-weight:650}p[b-b7wvm928i4]{margin:0;color:var(--ngx-text-secondary);font-size:.75rem;line-height:1.45}@media(max-width:1023px){.flow[b-b7wvm928i4]{grid-template-columns:repeat(4,1fr);row-gap:34px}.connector[b-b7wvm928i4]{display:none}}@media(max-width:639px){.flow[b-b7wvm928i4]{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.flow[b-b7wvm928i4]{grid-template-columns:1fr}.step[b-b7wvm928i4]{max-width:280px;margin:auto}}
/* /Components/Features/HowItWorks/HowItWorksPage.razor.rz.scp.css */
.how-page[b-bkyvme0ud1]{width:100%;min-width:0}
/* /Components/Features/HowItWorks/Sections/HowItWorksBenefitsSection.razor.rz.scp.css */
.benefits[b-3f3cneguu9] {
    padding: 28px 0 32px;
    border-bottom: 1px solid var(--ngx-divider);
}

header[b-3f3cneguu9] {
    margin-bottom: 18px;
}

h2[b-3f3cneguu9] {
    margin: 0;
    color: var(--ngx-text);
    font-size: clamp(1.45rem, 1.9vw, 1.9rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.benefit-grid[b-3f3cneguu9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.benefit[b-3f3cneguu9] {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 15px;
    align-items: center;
    min-width: 0;
    padding: 20px 18px;
    border: 1px solid var(--ngx-showcase-border);
    border-radius: 10px;
    background: linear-gradient(180deg, var(--ngx-showcase-surface), var(--ngx-showcase-bg-2));
}

.icon[b-3f3cneguu9] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(58, 144, 255, .42);
    border-radius: 14px;
    color: #3598ff;
    background: rgba(22, 79, 164, .08);
}

.benefit:nth-child(4) .icon[b-3f3cneguu9] {
    border-color: rgba(142, 76, 255, .46);
    color: #9a5cff;
}

.icon[b-3f3cneguu9]  svg {
    width: 36px;
    height: 36px;
    stroke-width: 1.45;
}

.benefit-copy[b-3f3cneguu9] {
    min-width: 0;
}

h3[b-3f3cneguu9] {
    margin: 0 0 5px;
    color: var(--ngx-showcase-text);
    font-size: .9rem;
}

p[b-3f3cneguu9] {
    margin: 0;
    color: var(--ngx-showcase-text-secondary);
    font-size: .72rem;
    line-height: 1.45;
}

@media (max-width: 1023px) {
    .benefit-grid[b-3f3cneguu9] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 639px) {
    .benefit-grid[b-3f3cneguu9] { grid-template-columns: 1fr; }
}
/* /Components/Features/HowItWorks/Sections/HowItWorksCtaSection.razor.rz.scp.css */
.cta-section[b-jep2jlejm4] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 28px;
    margin: 30px 0 var(--ngx-page-end-space);
    padding: 24px 32px;
    overflow: hidden;
    border: 1px solid rgba(97, 139, 194, .25);
    border-radius: 10px;
    background:
        radial-gradient(circle at 8% 50%, rgba(22, 112, 255, .14), transparent 27%),
        radial-gradient(circle at 94% 50%, rgba(122, 46, 255, .18), transparent 30%),
        linear-gradient(90deg, rgba(4, 14, 26, .98), rgba(9, 19, 34, .98));
}

.cta-section[b-jep2jlejm4]::before,
.cta-section[b-jep2jlejm4]::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 100%;
    top: 0;
    opacity: .22;
    background-image: radial-gradient(circle, #188cff 1px, transparent 1.5px);
    background-size: 10px 10px;
    pointer-events: none;
}

.cta-section[b-jep2jlejm4]::before { left: 0; mask-image: linear-gradient(90deg, #000, transparent); }
.cta-section[b-jep2jlejm4]::after { right: 0; mask-image: linear-gradient(270deg, #000, transparent); }

.cta-copy[b-jep2jlejm4],
.cta-actions[b-jep2jlejm4] {
    position: relative;
    z-index: 1;
}

h2[b-jep2jlejm4] {
    margin: 0;
    color: var(--ngx-text);
    font-size: 1.25rem;
    letter-spacing: -.025em;
}

p[b-jep2jlejm4] {
    max-width: 510px;
    margin: 7px 0 0;
    color: var(--ngx-text-muted);
    font-size: .78rem;
    line-height: 1.55;
}

.cta-actions[b-jep2jlejm4] {
    display: flex;
    gap: 14px;
}

@media (max-width: 800px) {
    .cta-section[b-jep2jlejm4] { grid-template-columns: 1fr; padding: 24px; }
    .cta-actions[b-jep2jlejm4] { flex-wrap: wrap; }
}

@media (max-width: 520px) {
    .cta-actions[b-jep2jlejm4] { display: grid; grid-template-columns: 1fr; }
    .cta-actions[b-jep2jlejm4]  .ngx-button { width: 100%; }
}
/* /Components/Features/HowItWorks/Sections/HowItWorksHeroSection.razor.rz.scp.css */

.hero[b-o5czc6020y] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(660px, 1.22fr);
    gap: clamp(34px, 4vw, 72px);
    align-items: center;
    min-height: 0;
    padding: var(--ngx-hero-padding-top) 0 calc(var(--ngx-hero-padding-bottom) - 12px);
    border-bottom: 1px solid var(--ngx-divider);
}

.hero[b-o5czc6020y]::before {
    content: "";
    position: absolute;
    inset: 3% -10% 4% 22%;
    pointer-events: none;
    opacity: .42;
    background:
        radial-gradient(circle at 52% 36%, rgba(25, 115, 255, .18), transparent 28%),
        radial-gradient(circle at 66% 74%, rgba(133, 71, 255, .15), transparent 24%),
        linear-gradient(rgba(34, 96, 190, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 96, 190, .05) 1px, transparent 1px);
    background-size: auto, auto, 34px 34px, 34px 34px;
    mask-image: linear-gradient(90deg, transparent 0, #000 12%, #000 92%, transparent 100%);
}

.hero-copy[b-o5czc6020y] {
    position: relative;
    z-index: 1;
    max-width: 620px;
}

.eyebrow[b-o5czc6020y] {
    margin-bottom: 18px;
    color: var(--ngx-primary-2);
    font-size: .8rem;
    font-weight: 780;
    letter-spacing: .14em;
    text-transform: uppercase;
}

h1[b-o5czc6020y] {
    margin: 0;
    max-width: 620px;
    color: var(--ngx-text);
    font-size: var(--ngx-hero-title-size);
    line-height: .98;
    letter-spacing: -.055em;
    font-weight: 790;
}

h1 span[b-o5czc6020y] {
    color: transparent;
    background: linear-gradient(100deg, #1c8eff 0%, #367cff 56%, #9851ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.lead[b-o5czc6020y] {
    margin: 24px 0 0;
    max-width: 590px;
    color: var(--ngx-text-secondary);
    font-size: var(--ngx-hero-lead-size);
    line-height: 1.68;
}

.actions[b-o5czc6020y] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

@media (max-width: 1160px) {
    .hero[b-o5czc6020y] {
        grid-template-columns: minmax(320px, .82fr) minmax(520px, 1.18fr);
        gap: 34px;
    }
}

@media (max-width: 1023px) {
    .hero[b-o5czc6020y] {
        grid-template-columns: 1fr;
        gap: 26px;
        padding-bottom: calc(var(--ngx-hero-padding-bottom) - 6px);
    }

    .hero-copy[b-o5czc6020y] {
        max-width: 760px;
    }
}

@media (max-width: 639px) {
    .actions[b-o5czc6020y] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .actions[b-o5czc6020y]  .ngx-button {
        width: 100%;
    }
}
/* /Components/Features/HowItWorks/Sections/HowItWorksHeroVisual.razor.rz.scp.css */

.visual[b-s9rva7e63p] {
    position: relative;
    min-width: 0;
    z-index: 1;
    width: 108%;
    margin-left: 0;
    margin-top: 10px;
}

.visual[b-s9rva7e63p]::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: -2px;
    top: 0;
    bottom: 0;
    width: 72px;
    background: linear-gradient(90deg, rgba(2, 10, 21, .96), rgba(2, 10, 21, .58), transparent 92%);
    pointer-events: none;
}

.visual[b-s9rva7e63p]::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 18% 8% 5% 8%;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(25, 115, 255, .24), rgba(116, 65, 255, .14) 44%, transparent 72%);
    filter: blur(34px);
    opacity: .92;
}

.visual img[b-s9rva7e63p] {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 30px 46px rgba(0, 0, 0, .24));
}

@media (max-width: 1023px) {
    .visual[b-s9rva7e63p] {
        width: min(100%, 1120px);
        margin: 0 auto;
    }

    .visual[b-s9rva7e63p]::before {
        display: none;
    }
}
/* /Components/Features/HowItWorks/Sections/HowItWorksManualVsLiveSection.razor.rz.scp.css */
.manual-live[b-2y05q8b7gn] {
    position: relative;
    margin: 50px 0 0;
    padding: clamp(26px, 3vw, 40px);
    overflow: hidden;
    border: 1px solid var(--ngx-showcase-border);
    border-radius: 18px;
    background:
        linear-gradient(rgba(39,104,171,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(39,104,171,.055) 1px, transparent 1px),
        linear-gradient(180deg, rgba(6,17,31,.96), rgba(3,11,20,.98));
    background-size: 34px 34px, 34px 34px, auto;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

.manual-live[b-2y05q8b7gn]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 76% 44%, rgba(26,114,255,.10), transparent 34%);
}

.manual-live__header[b-2y05q8b7gn],
.manual-live__grid[b-2y05q8b7gn] { position: relative; z-index: 1; }

.manual-live__header[b-2y05q8b7gn] { text-align: center; margin-bottom: 26px; }
.manual-live__header h2[b-2y05q8b7gn] {
    margin: 0;
    color: var(--ngx-text);
    font-size: clamp(2rem, 3.1vw, 3.15rem);
    line-height: 1;
    letter-spacing: -.055em;
}
.manual-live__header h2 span[b-2y05q8b7gn] {
    background: linear-gradient(90deg,#168cff,#7458ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.manual-live__header p[b-2y05q8b7gn] { margin: 10px 0 0; color: var(--ngx-text-muted); font-size: .94rem; }

.manual-live__grid[b-2y05q8b7gn] {
    display: grid;
    grid-template-columns: minmax(0,1fr) 54px minmax(0,1.08fr);
    gap: 18px;
    align-items: stretch;
}

.compare[b-2y05q8b7gn] {
    min-width: 0;
    padding: 20px;
    border: 1px solid rgba(115,146,181,.32);
    border-radius: 14px;
    background: rgba(7,17,29,.82);
}
.compare--after[b-2y05q8b7gn] {
    border-color: rgba(26,143,255,.88);
    box-shadow: 0 0 0 1px rgba(26,143,255,.12), 0 0 30px rgba(0,106,255,.10);
    background: linear-gradient(145deg,rgba(5,20,39,.94),rgba(5,14,27,.92));
}
.compare__title[b-2y05q8b7gn] { display:flex; flex-direction:column; gap:5px; margin-bottom:16px; }
.compare__title strong[b-2y05q8b7gn] { color:#aeb9c8; font-size:1.7rem; line-height:1; letter-spacing:-.04em; }
.compare--after .compare__title strong[b-2y05q8b7gn] { color:#238eff; }
.compare__title span[b-2y05q8b7gn] { color:var(--ngx-showcase-text-secondary); font-size:.8rem; }

.before-workspace[b-2y05q8b7gn] { min-height: 290px; display:grid; grid-template-rows:auto 34px 1fr; gap:10px; }
.before-parts[b-2y05q8b7gn] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; }
.part-card[b-2y05q8b7gn] { display:grid; place-items:center; aspect-ratio:1; border:1px solid rgba(127,151,178,.28); border-radius:8px; background:rgba(255,255,255,.025); color:#8797aa; }
.part-card[b-2y05q8b7gn]  svg { width:30px; height:30px; stroke-width:1.35; }
.part-card--more[b-2y05q8b7gn] { font-weight:800; letter-spacing:.12em; color:#9aa8b8; }
.before-middle[b-2y05q8b7gn] { position:relative; }
.before-middle[b-2y05q8b7gn]::before,
.before-middle[b-2y05q8b7gn]::after { content:""; position:absolute; left:14%; right:20%; top:50%; height:1px; border-top:1px dashed rgba(122,145,168,.28); }
.before-middle[b-2y05q8b7gn]::after { left:auto; right:11%; width:18%; transform:rotate(18deg); transform-origin:right center; }
.sheet[b-2y05q8b7gn] { position:absolute; right:2%; top:-16px; width:108px; padding:9px 10px; transform:rotate(4deg); border:1px solid rgba(255,255,255,.12); background:#9ca0a7; color:#15191f; box-shadow:0 7px 18px rgba(0,0,0,.28); }
.sheet span[b-2y05q8b7gn] { display:block; font-size:.64rem; margin-bottom:5px; }
.sheet small[b-2y05q8b7gn] { display:block; font-size:.55rem; line-height:1.45; }
.before-bottom[b-2y05q8b7gn] { display:grid; grid-template-columns:1.35fr .9fr; gap:10px; align-items:end; }
.data-table[b-2y05q8b7gn],.disconnected[b-2y05q8b7gn] { min-height:126px; border:1px solid rgba(127,151,178,.25); border-radius:9px; background:rgba(255,255,255,.018); padding:10px; }
.data-table > div[b-2y05q8b7gn] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; padding:4px 0; border-bottom:1px solid rgba(255,255,255,.035); color:#6f7e90; font-size:.54rem; }
.data-table__head[b-2y05q8b7gn] { color:#b1bdc9 !important; }
.disconnected strong[b-2y05q8b7gn] { display:block; margin-bottom:9px; color:#c5d0dc; font-size:.62rem; }
.chips[b-2y05q8b7gn] { display:flex; flex-wrap:wrap; gap:5px; }
.chips span[b-2y05q8b7gn] { padding:4px 7px; border:1px solid rgba(133,154,179,.28); border-radius:6px; color:#98a7b8; font-size:.54rem; }

.compare__stats[b-2y05q8b7gn] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:12px; }
.compare__stats > div[b-2y05q8b7gn] { display:flex; align-items:center; gap:7px; min-width:0; padding:8px; border:1px solid rgba(130,150,172,.22); border-radius:8px; background:rgba(255,255,255,.015); }
.compare__stats[b-2y05q8b7gn]  svg { flex:0 0 auto; width:20px; height:20px; }
.compare__stats span[b-2y05q8b7gn] { display:flex; flex-direction:column; min-width:0; }
.compare__stats strong[b-2y05q8b7gn] { font-size:.56rem; line-height:1.2; }
.compare__stats small[b-2y05q8b7gn] { margin-top:2px; color:var(--ngx-showcase-text-secondary); font-size:.5rem; line-height:1.2; }
.compare__stats--warn[b-2y05q8b7gn] { color:#ff8a4c; }
.compare__stats--warn strong[b-2y05q8b7gn] { color:#d8dee7; }

.compare-arrow[b-2y05q8b7gn] { display:flex; align-items:center; justify-content:center; gap:0; }
.compare-arrow span[b-2y05q8b7gn] { width:24px; height:24px; border-top:6px solid #258eff; border-right:6px solid #258eff; transform:rotate(45deg); margin-left:-8px; filter:drop-shadow(0 0 8px rgba(31,132,255,.35)); }

.after-workspace[b-2y05q8b7gn] { min-height: 334px; display:grid; grid-template-columns:150px minmax(0,1fr); gap:22px; align-items:center; }
.after-features[b-2y05q8b7gn] { display:grid; gap:15px; }
.after-features > div[b-2y05q8b7gn] { display:flex; gap:9px; align-items:flex-start; }
.feature-icon[b-2y05q8b7gn] { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border:1px solid rgba(40,139,255,.58); border-radius:8px; color:#35a0ff; background:rgba(16,87,164,.12); }
.feature-icon[b-2y05q8b7gn]  svg { width:20px; height:20px; }
.after-features > div > span:last-child[b-2y05q8b7gn] { display:flex; flex-direction:column; }
.after-features strong[b-2y05q8b7gn] { color:#f2f7ff; font-size:.68rem; }
.after-features small[b-2y05q8b7gn] { margin-top:3px; color:#9eb0c5; font-size:.56rem; line-height:1.35; }
.after-preview[b-2y05q8b7gn] { position:relative; display:flex; align-items:center; justify-content:center; overflow:visible; padding:26px 24px 24px; border:0; border-radius:0; background:transparent; box-shadow:none; }
.after-preview img[b-2y05q8b7gn] { display:block; width:min(100%, 644px); height:auto; max-height:329px; object-fit:contain; object-position:center; margin:auto; border:1px solid rgba(62,139,229,.20); border-radius:8px; box-shadow:0 12px 26px rgba(0,0,0,.22); }

@media (max-width: 1100px) {
    .manual-live__grid[b-2y05q8b7gn] { grid-template-columns:1fr; }
    .compare-arrow[b-2y05q8b7gn] { height:42px; transform:rotate(90deg); }
    .after-workspace[b-2y05q8b7gn] { grid-template-columns:180px minmax(0,1fr); }
}
@media (max-width: 720px) {
    .manual-live[b-2y05q8b7gn] { padding:22px 14px; }
    .compare[b-2y05q8b7gn] { padding:15px; }
    .before-parts[b-2y05q8b7gn] { grid-template-columns:repeat(3,1fr); }
    .before-workspace[b-2y05q8b7gn] { min-height:0; grid-template-rows:auto 24px auto; }
    .sheet[b-2y05q8b7gn] { display:none; }
    .before-bottom[b-2y05q8b7gn] { grid-template-columns:1fr; }
    .compare__stats[b-2y05q8b7gn] { grid-template-columns:repeat(2,1fr); }
    .after-workspace[b-2y05q8b7gn] { min-height:0; grid-template-columns:1fr; }
    .after-features[b-2y05q8b7gn] { grid-template-columns:repeat(2,1fr); }
    .after-preview[b-2y05q8b7gn] { padding:18px 12px; }
    .after-preview img[b-2y05q8b7gn] { width:100%; max-height:none; height:auto; }
}
@media (max-width: 480px) {
    .after-features[b-2y05q8b7gn],.compare__stats[b-2y05q8b7gn] { grid-template-columns:1fr; }
}
/* /Components/Features/HowItWorks/Sections/HowItWorksProcessSection.razor.rz.scp.css */
.process[b-nke0m2p939] {
    padding: 34px 0 50px;
    border-bottom: 1px solid var(--ngx-divider);
}

.section-header[b-nke0m2p939] {
    margin: 0 0 22px;
}

.section-header h2[b-nke0m2p939],
.workflow h2[b-nke0m2p939] {
    margin: 0;
    color: var(--ngx-text);
    font-size: clamp(1.55rem, 2vw, 2.05rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}

.step-grid[b-nke0m2p939] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.step-card[b-nke0m2p939] {
    min-width: 0;
    padding: 14px 14px 15px;
    border: 1px solid var(--ngx-showcase-border);
    border-radius: 12px;
    background: linear-gradient(180deg, var(--ngx-showcase-surface), var(--ngx-showcase-bg-2));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

.step-card__head[b-nke0m2p939] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.step-number[b-nke0m2p939] {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border: 1px solid #2586ff;
    border-radius: 7px;
    background: rgba(19, 92, 190, .08);
    color: #7bb8ff;
    font-size: .72rem;
    font-weight: 800;
}

.step-icon[b-nke0m2p939] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    color: #3e9cff;
}

.step-icon[b-nke0m2p939]  svg {
    width: 23px;
    height: 23px;
    stroke-width: 1.55;
}

.step-card h3[b-nke0m2p939] {
    min-height: 42px;
    margin: 0;
    color: var(--ngx-showcase-text);
    font-size: .9rem;
    line-height: 1.28;
    letter-spacing: -.015em;
}

.step-card > p[b-nke0m2p939] {
    min-height: 76px;
    margin: 7px 0 12px;
    color: var(--ngx-showcase-text-secondary);
    font-size: .73rem;
    line-height: 1.48;
}

.workflow[b-nke0m2p939] {
    margin-top: 32px;
}

.workflow h2[b-nke0m2p939] {
    margin-bottom: 23px;
}

.workflow-track[b-nke0m2p939] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
}

.workflow-line[b-nke0m2p939] {
    position: absolute;
    z-index: 0;
    top: 29px;
    left: 7%;
    right: 7%;
    height: 2px;
    background: linear-gradient(90deg, #198cff 0%, #3c7dff 45%, #8b46ff 100%);
    box-shadow: 0 0 12px rgba(45, 113, 255, .2);
}

.workflow-item[b-nke0m2p939] {
    position: relative;
    z-index: 1;
    min-width: 0;
    text-align: center;
}

.workflow-icon[b-nke0m2p939] {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 11px;
    border: 1px solid rgba(56, 139, 255, .78);
    border-radius: 16px;
    background: #06111f;
    color: #48a0ff;
    box-shadow: 0 0 0 5px #06111f;
}

.workflow-item:nth-child(n+5) .workflow-icon[b-nke0m2p939] {
    border-color: rgba(130, 74, 255, .78);
    color: #9764ff;
}

.workflow-icon[b-nke0m2p939]  svg {
    width: 32px;
    height: 32px;
    stroke-width: 1.45;
}

.workflow-item strong[b-nke0m2p939] {
    display: block;
    margin-bottom: 5px;
    color: var(--ngx-text);
    font-size: .83rem;
    line-height: 1.25;
}

.workflow-item > span:last-child[b-nke0m2p939] {
    display: block;
    max-width: 155px;
    margin: 0 auto;
    color: var(--ngx-text-muted);
    font-size: .68rem;
    line-height: 1.45;
}

@media (max-width: 1220px) {
    .step-grid[b-nke0m2p939] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .step-card h3[b-nke0m2p939],
    .step-card > p[b-nke0m2p939] {
        min-height: 0;
    }

    .workflow-track[b-nke0m2p939] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px 14px;
    }

    .workflow-line[b-nke0m2p939] {
        display: none;
    }
}

@media (max-width: 720px) {
    .step-grid[b-nke0m2p939],
    .workflow-track[b-nke0m2p939] {
        grid-template-columns: 1fr;
    }

    .step-card[b-nke0m2p939] {
        padding: 15px;
    }

    .workflow-item[b-nke0m2p939] {
        display: grid;
        grid-template-columns: 58px 1fr;
        gap: 3px 14px;
        text-align: left;
    }

    .workflow-icon[b-nke0m2p939] {
        grid-row: 1 / 3;
        margin: 0;
    }

    .workflow-item > span:last-child[b-nke0m2p939] {
        max-width: none;
        margin: 0;
    }
}
/* /Components/Features/HowItWorks/Sections/HowItWorksStepVisual.razor.rz.scp.css */
.step-visual[b-tqmfu3r9rs] {
    height: 178px;
    overflow: hidden;
    border: 1px solid rgba(88, 132, 188, .22);
    border-radius: 8px;
    background: #06111f;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.015);
}

.shot[b-tqmfu3r9rs],
.groups-panel[b-tqmfu3r9rs],
.rules-layout[b-tqmfu3r9rs] {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.shot img[b-tqmfu3r9rs],
.groups-window img[b-tqmfu3r9rs],
.mini-window img[b-tqmfu3r9rs] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.9) brightness(.76);
}

.shot--window img[b-tqmfu3r9rs],
.shot--publish img[b-tqmfu3r9rs] {
    object-position: 51% 45%;
}

.shot--explode img[b-tqmfu3r9rs] {
    object-position: center;
    filter: saturate(.92) brightness(.82);
}

.format-pills[b-tqmfu3r9rs] {
    position: absolute;
    left: 8px;
    bottom: 8px;
    display: flex;
    gap: 4px;
    padding: 5px;
    border: 1px solid rgba(104, 150, 205, .2);
    border-radius: 6px;
    background: rgba(5, 15, 27, .82);
}

.format-pills span[b-tqmfu3r9rs] {
    padding: 3px 5px;
    border-radius: 4px;
    color: #75b7ff;
    font-size: .47rem;
    font-weight: 750;
}

.detect-pill[b-tqmfu3r9rs] {
    position: absolute;
    right: 8px;
    top: 8px;
    padding: 5px 8px;
    border: 1px solid rgba(73, 156, 255, .3);
    border-radius: 999px;
    background: rgba(5, 15, 27, .84);
    color: #82c0ff;
    font-size: .52rem;
    font-weight: 720;
}

.groups-panel[b-tqmfu3r9rs] {
    display: grid;
    grid-template-columns: 42% 58%;
}

.groups-list[b-tqmfu3r9rs] {
    padding: 10px 8px;
    border-right: 1px solid rgba(94, 138, 193, .16);
    background: rgba(6, 17, 31, .98);
}

.groups-list strong[b-tqmfu3r9rs] {
    display: block;
    margin-bottom: 7px;
    color: var(--ngx-showcase-text-muted);
    font-size: .48rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.groups-list span[b-tqmfu3r9rs] {
    display: block;
    margin-bottom: 5px;
    padding: 6px 7px;
    border-radius: 5px;
    color: var(--ngx-showcase-text-secondary);
    font-size: .51rem;
}

.groups-list .active[b-tqmfu3r9rs] {
    background: linear-gradient(90deg, rgba(42, 72, 190, .6), rgba(77, 34, 178, .48));
    color: #fff;
}

.groups-window[b-tqmfu3r9rs] {
    min-width: 0;
}

.groups-window img[b-tqmfu3r9rs] {
    object-position: 48% 48%;
}

.swatch-panel[b-tqmfu3r9rs] {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: grid;
    grid-template-columns: repeat(2, 20px);
    gap: 5px;
    padding: 7px;
    border: 1px solid rgba(104, 150, 205, .2);
    border-radius: 7px;
    background: rgba(5, 15, 27, .86);
}

.swatch-panel i[b-tqmfu3r9rs] {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    background: #242a31;
}

.swatch-panel i:nth-child(2)[b-tqmfu3r9rs] { background: #bfc2c4; }
.swatch-panel i:nth-child(3)[b-tqmfu3r9rs] { background: #7c5d3e; }
.swatch-panel i:nth-child(4)[b-tqmfu3r9rs] { background: #15171b; }

.rules-layout[b-tqmfu3r9rs] {
    display: grid;
    grid-template-columns: 55% 45%;
}

.mini-window[b-tqmfu3r9rs] {
    min-width: 0;
    overflow: hidden;
}

.mini-window img[b-tqmfu3r9rs] {
    object-position: 50% 48%;
}

.rule-list[b-tqmfu3r9rs] {
    padding: 10px 8px;
    border-left: 1px solid rgba(94, 138, 193, .16);
    background: rgba(6, 17, 31, .98);
}

.rule-list strong[b-tqmfu3r9rs] {
    display: block;
    margin-bottom: 7px;
    color: var(--ngx-showcase-text-secondary);
    font-size: .56rem;
}

.rule-list div[b-tqmfu3r9rs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 6px;
    padding: 7px 6px;
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 5px;
    background: rgba(255,255,255,.018);
}

.rule-list span[b-tqmfu3r9rs] {
    color: var(--ngx-showcase-text-muted);
    font-size: .47rem;
}

.rule-list b[b-tqmfu3r9rs] {
    padding: 2px 5px;
    border-radius: 999px;
    background: rgba(34, 139, 255, .2);
    color: #63afff;
    font-size: .43rem;
}

.publish-bar[b-tqmfu3r9rs] {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 8px;
    border: 1px solid rgba(104, 150, 205, .22);
    border-radius: 6px;
    background: rgba(5, 15, 27, .86);
}

.publish-bar span[b-tqmfu3r9rs] {
    color: var(--ngx-showcase-text-muted);
    font-size: .48rem;
}

.publish-bar strong[b-tqmfu3r9rs] {
    color: #73b5ff;
    font-size: .5rem;
}

@media (max-width: 1220px) {
    .step-visual[b-tqmfu3r9rs] { height: 198px; }
}

@media (max-width: 720px) {
    .step-visual[b-tqmfu3r9rs] { height: 220px; }
}
/* /Components/Features/Legal/PrivacyPage.razor.rz.scp.css */
.legal-hero[b-mygkftiila] { max-width: 860px; padding: 78px 0 54px; }
.eyebrow[b-mygkftiila] { display:block; color:var(--ngx-primary-2); font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
h1[b-mygkftiila] { margin:10px 0 18px; font-size:clamp(2.5rem,5vw,4.4rem); letter-spacing:-.045em; }
.legal-hero > p[b-mygkftiila] { max-width:760px; margin:0; color:var(--ngx-text-secondary); font-size:clamp(1rem,1.4vw,1.16rem); }
.legal-meta[b-mygkftiila] { display:flex; align-items:center; gap:9px; margin-top:24px; color:var(--ngx-text-muted); font-size:.82rem; }
.legal-meta strong[b-mygkftiila] { color:var(--ngx-text-secondary); font-weight:600; }
.legal-layout[b-mygkftiila] { display:grid; grid-template-columns:240px minmax(0, 820px); justify-content:space-between; gap:clamp(48px,8vw,120px); padding-bottom:var(--ngx-section-gap); }
.legal-toc[b-mygkftiila] { position:sticky; top:calc(var(--ngx-header-height) + 28px); align-self:start; display:flex; flex-direction:column; gap:9px; padding:20px; border:1px solid var(--ngx-border-subtle); border-radius:var(--ngx-radius-md); background:var(--ngx-primary-softer); }
.legal-toc > span[b-mygkftiila] { margin-bottom:7px; color:var(--ngx-text); font-size:.76rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.legal-toc a[b-mygkftiila] { color:var(--ngx-text-muted); font-size:.84rem; line-height:1.35; }
.legal-toc a:hover[b-mygkftiila] { color:var(--ngx-primary-2); }
.legal-document[b-mygkftiila] { min-width:0; }
@media(max-width:900px){.legal-layout[b-mygkftiila]{grid-template-columns:1fr;gap:30px}.legal-toc[b-mygkftiila]{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-toc>span[b-mygkftiila]{grid-column:1/-1}}
@media(max-width:639px){.legal-hero[b-mygkftiila]{padding:58px 0 38px}.legal-layout[b-mygkftiila]{padding-bottom:52px}.legal-toc[b-mygkftiila]{grid-template-columns:1fr;padding:16px}.legal-meta[b-mygkftiila]{align-items:flex-start;flex-direction:column;gap:2px}}
/* /Components/Features/Legal/Sections/LegalSection.razor.rz.scp.css */
.legal-section[b-x50omxbiev] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 22px;
    padding: 34px 0;
    border-bottom: 1px solid var(--ngx-divider);
    scroll-margin-top: calc(var(--ngx-header-height) + 28px);
}
.legal-section:first-child[b-x50omxbiev] { padding-top: 0; }
.legal-section:last-child[b-x50omxbiev] { border-bottom: 0; }
.section-number[b-x50omxbiev] { color: var(--ngx-primary-2); font-family: var(--ngx-font-mono); font-size: .78rem; font-weight: 700; letter-spacing: .08em; padding-top: 7px; }
.section-content[b-x50omxbiev] { min-width: 0; }
h2[b-x50omxbiev] { margin: 0 0 14px; font-size: clamp(1.35rem, 2vw, 1.75rem); letter-spacing: -.025em; }
.section-content[b-x50omxbiev]  p { margin: 0 0 14px; color: var(--ngx-text-secondary); }
.section-content[b-x50omxbiev]  p:last-child { margin-bottom: 0; }
.section-content[b-x50omxbiev]  ul { margin: 14px 0 0; padding-left: 20px; color: var(--ngx-text-secondary); }
.section-content[b-x50omxbiev]  li + li { margin-top: 8px; }
.section-content[b-x50omxbiev]  a { color: var(--ngx-link); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; }
.section-content[b-x50omxbiev]  a:hover { color: var(--ngx-link-hover); text-decoration-color: currentColor; }
@media (max-width: 639px) {
    .legal-section[b-x50omxbiev] { grid-template-columns: 1fr; gap: 8px; padding: 28px 0; }
    .section-number[b-x50omxbiev] { padding-top: 0; }
}
/* /Components/Features/Legal/TermsPage.razor.rz.scp.css */
.legal-hero[b-k8eitwhtnx] { max-width: 860px; padding: 78px 0 54px; }
.eyebrow[b-k8eitwhtnx] { display:block; color:var(--ngx-primary-2); font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
h1[b-k8eitwhtnx] { margin:10px 0 18px; font-size:clamp(2.5rem,5vw,4.4rem); letter-spacing:-.045em; }
.legal-hero > p[b-k8eitwhtnx] { max-width:760px; margin:0; color:var(--ngx-text-secondary); font-size:clamp(1rem,1.4vw,1.16rem); }
.legal-meta[b-k8eitwhtnx] { display:flex; align-items:center; gap:9px; margin-top:24px; color:var(--ngx-text-muted); font-size:.82rem; }
.legal-meta strong[b-k8eitwhtnx] { color:var(--ngx-text-secondary); font-weight:600; }
.legal-layout[b-k8eitwhtnx] { display:grid; grid-template-columns:240px minmax(0, 820px); justify-content:space-between; gap:clamp(48px,8vw,120px); padding-bottom:var(--ngx-section-gap); }
.legal-toc[b-k8eitwhtnx] { position:sticky; top:calc(var(--ngx-header-height) + 28px); align-self:start; display:flex; flex-direction:column; gap:9px; padding:20px; border:1px solid var(--ngx-border-subtle); border-radius:var(--ngx-radius-md); background:var(--ngx-primary-softer); }
.legal-toc > span[b-k8eitwhtnx] { margin-bottom:7px; color:var(--ngx-text); font-size:.76rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.legal-toc a[b-k8eitwhtnx] { color:var(--ngx-text-muted); font-size:.84rem; line-height:1.35; }
.legal-toc a:hover[b-k8eitwhtnx] { color:var(--ngx-primary-2); }
.legal-document[b-k8eitwhtnx] { min-width:0; }
@media(max-width:900px){.legal-layout[b-k8eitwhtnx]{grid-template-columns:1fr;gap:30px}.legal-toc[b-k8eitwhtnx]{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-toc>span[b-k8eitwhtnx]{grid-column:1/-1}}
@media(max-width:639px){.legal-hero[b-k8eitwhtnx]{padding:58px 0 38px}.legal-layout[b-k8eitwhtnx]{padding-bottom:52px}.legal-toc[b-k8eitwhtnx]{grid-template-columns:1fr;padding:16px}.legal-meta[b-k8eitwhtnx]{align-items:flex-start;flex-direction:column;gap:2px}}
/* /Components/Features/Pricing/PricingPage.razor.rz.scp.css */
.pricing-page[b-gehwb7jp2w]{position:relative}.pricing-page[b-gehwb7jp2w]::before{content:"";position:absolute;z-index:-1;top:20px;left:50%;width:min(900px,85vw);height:430px;transform:translateX(-50%);background:radial-gradient(circle,var(--ngx-primary-softer),transparent 67%);filter:blur(12px);pointer-events:none}.feature-disabled[b-gehwb7jp2w]{padding:var(--ngx-section-gap) 0}
/* /Components/Features/Pricing/Sections/PricingCtaSection.razor.rz.scp.css */
.pricing-cta-wrap[b-2h2qkv9rsp]{padding-bottom:var(--ngx-page-end-space)}
/* /Components/Features/Pricing/Sections/PricingFactorsSection.razor.rz.scp.css */
.factors[b-dhwogd1ag0]{margin-bottom:var(--ngx-section-gap-compact);padding:40px 44px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-lg);background:var(--ngx-gradient-card);box-shadow:var(--ngx-shadow-sm)}header[b-dhwogd1ag0]{max-width:780px;margin:0 auto 32px;text-align:center}.eyebrow[b-dhwogd1ag0]{margin-bottom:8px;color:var(--ngx-primary-2);font-size:var(--ngx-font-size-xs);font-weight:var(--ngx-weight-bold);letter-spacing:.12em;text-transform:uppercase}h2[b-dhwogd1ag0]{margin:0;font-size:var(--ngx-section-title-size);letter-spacing:-.04em}header p[b-dhwogd1ag0]{margin:11px auto 0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-md);line-height:1.6}.factor-grid[b-dhwogd1ag0]{display:grid;grid-template-columns:repeat(4,1fr)}.factor[b-dhwogd1ag0]{display:grid;grid-template-columns:50px 1fr;gap:15px;min-width:0;padding:12px 26px}.factor+.factor[b-dhwogd1ag0]{border-left:1px solid var(--ngx-divider)}.icon[b-dhwogd1ag0]{display:grid;place-items:center;width:46px;height:46px;color:var(--ngx-primary-2)}.icon[b-dhwogd1ag0]  svg{width:37px;height:37px;stroke-width:1.5}h3[b-dhwogd1ag0]{margin:0 0 6px;font-size:1rem}article p[b-dhwogd1ag0]{margin:0;color:var(--ngx-text-secondary);font-size:.82rem;line-height:1.58}@media(max-width:1023px){.factor-grid[b-dhwogd1ag0]{grid-template-columns:repeat(2,1fr)}.factor:nth-child(3)[b-dhwogd1ag0]{border-left:0;border-top:1px solid var(--ngx-divider)}.factor:nth-child(4)[b-dhwogd1ag0]{border-top:1px solid var(--ngx-divider)}}@media(max-width:639px){.factors[b-dhwogd1ag0]{padding:30px 22px}header[b-dhwogd1ag0]{text-align:left}.factor-grid[b-dhwogd1ag0]{grid-template-columns:1fr}.factor[b-dhwogd1ag0]{padding:18px 4px}.factor+.factor[b-dhwogd1ag0],.factor:nth-child(3)[b-dhwogd1ag0],.factor:nth-child(4)[b-dhwogd1ag0]{border-left:0;border-top:1px solid var(--ngx-divider)}}
/* /Components/Features/Pricing/Sections/PricingHeroSection.razor.rz.scp.css */
.pricing-hero[b-jvuolwab0i] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(560px, 1.22fr);
    gap: clamp(34px, 4vw, 72px);
    align-items: center;
    padding: var(--ngx-hero-padding-top) 0 calc(var(--ngx-hero-padding-bottom) - 18px);
}

.hero-copy[b-jvuolwab0i] {
    max-width: 620px;
}

.eyebrow[b-jvuolwab0i] {
    margin-bottom: 18px;
    color: var(--ngx-primary-2);
    font-size: .8rem;
    font-weight: 780;
    letter-spacing: .14em;
    text-transform: uppercase;
}

h1[b-jvuolwab0i] {
    max-width: 620px;
    margin: 0;
    color: var(--ngx-text);
    font-size: var(--ngx-hero-title-size);
    line-height: .98;
    letter-spacing: -.055em;
    font-weight: 790;
}

.lead[b-jvuolwab0i] {
    max-width: 590px;
    margin: 24px 0 0;
    color: var(--ngx-text-secondary);
    font-size: var(--ngx-hero-lead-size);
    line-height: 1.68;
}

.body[b-jvuolwab0i] {
    max-width: 590px;
    margin: 18px 0 0;
    color: var(--ngx-text-muted);
    font-size: var(--ngx-font-size-md);
    line-height: 1.65;
}

.actions[b-jvuolwab0i] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.hero-trust[b-jvuolwab0i] {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 30px;
    color: var(--ngx-text-muted);
    font-size: .8rem;
}
.hero-trust span[b-jvuolwab0i] { display: inline-flex; align-items: center; gap: 7px; }
.hero-trust[b-jvuolwab0i]  svg { width: 18px; height: 18px; color: var(--ngx-primary-2); }

.scope-card[b-jvuolwab0i] {
    overflow: hidden;
    border: 1px solid rgba(59, 135, 235, .52);
    border-radius: 24px;
    background: linear-gradient(155deg, rgba(8, 26, 47, .98), rgba(5, 16, 31, .98));
    box-shadow: 0 26px 58px rgba(0,0,0,.24), 0 0 34px rgba(31,112,255,.07);
    color: var(--ngx-showcase-text);
}

.scope-head[b-jvuolwab0i] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 26px 28px 20px;
}
.scope-head h2[b-jvuolwab0i] { margin: 0; color: var(--ngx-showcase-text); font-size: 1.35rem; letter-spacing: -.025em; }
.scope-head p[b-jvuolwab0i] { margin: 8px 0 0; color: rgba(226, 236, 250, .84); font-size: .9rem; line-height: 1.5; }
.scope-help[b-jvuolwab0i] {
    flex: 0 0 auto;
    padding: 8px 12px;
    border: 1px solid rgba(77, 145, 255, .26);
    border-radius: 999px;
    background: rgba(16, 41, 76, .62);
    color: rgba(226, 236, 250, .94);
    font-size: .74rem;
    font-weight: 600;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.scope-list[b-jvuolwab0i] { padding: 0 28px; }
.scope-row[b-jvuolwab0i] {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    min-height: 74px;
    border-top: 1px solid rgba(255,255,255,.075);
}
.scope-icon[b-jvuolwab0i] { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 10px; }
.scope-icon[b-jvuolwab0i]  svg { width: 23px; height: 23px; }
.scope-icon--blue[b-jvuolwab0i] { color: #55a6ff; background: rgba(32,102,216,.28); }
.scope-icon--purple[b-jvuolwab0i] { color: #a578ff; background: rgba(111,68,210,.27); }
.scope-icon--teal[b-jvuolwab0i] { color: #53d9d1; background: rgba(30,142,142,.27); }
.scope-icon--amber[b-jvuolwab0i] { color: #ffc05f; background: rgba(180,116,27,.25); }
.scope-copy strong[b-jvuolwab0i] { display: block; margin-bottom: 4px; color: var(--ngx-showcase-text); font-size: .93rem; }
.scope-copy span[b-jvuolwab0i] { color: rgba(213, 225, 242, .8); font-size: .81rem; line-height: 1.45; }
.scope-state[b-jvuolwab0i] { padding-left: 12px; font-size: .76rem; font-weight: 700; white-space: nowrap; }
.scope-state--included[b-jvuolwab0i] { color: #64e99c; }
.scope-state--optional[b-jvuolwab0i] { color: #ffc84f; }
.scope-state--choice[b-jvuolwab0i] { color: #5ea8ff; }

.scope-flow[b-jvuolwab0i] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding: 22px 28px;
    border-top: 1px solid rgba(255,255,255,.075);
}
.scope-step[b-jvuolwab0i] {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 12px 10px 10px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(11, 28, 50, .66), rgba(6, 18, 33, .78));
    text-align: center;
}
.scope-step small[b-jvuolwab0i] {
    color: rgba(127, 172, 238, .72);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .14em;
}
.scope-step[b-jvuolwab0i]  svg { width: 20px; height: 20px; color: var(--ngx-primary-2); }
.scope-step b[b-jvuolwab0i] { color: var(--ngx-showcase-text); font-size: .76rem; }
.scope-step--active[b-jvuolwab0i] {
    border-color: rgba(66, 145, 255, .22);
    box-shadow: inset 0 0 0 1px rgba(72, 156, 255, .10), 0 0 22px rgba(31, 112, 255, .08);
}

.scope-footer[b-jvuolwab0i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px 18px 28px;
    border-top: 1px solid rgba(255,255,255,.075);
    background: rgba(2,10,20,.28);
}
.scope-footer strong[b-jvuolwab0i] { display: block; color: var(--ngx-showcase-text); font-size: .82rem; }
.scope-footer span[b-jvuolwab0i] { display: block; margin-top: 4px; color: var(--ngx-showcase-text-secondary); font-size: .72rem; }
.scope-footer[b-jvuolwab0i]  .ngx-button { min-height: 42px; padding-inline: 18px; font-size: .92rem; }

@media(max-width:1100px) {
    .pricing-hero[b-jvuolwab0i] { grid-template-columns: 1fr; }
    .scope-card[b-jvuolwab0i] { max-width: 840px; }
}
@media(max-width:639px) {
    .actions[b-jvuolwab0i] { display: grid; grid-template-columns: 1fr; }
    .actions[b-jvuolwab0i]  .ngx-button { width: 100%; }
    .hero-trust[b-jvuolwab0i] { gap: 12px; }
    .scope-head[b-jvuolwab0i], .scope-footer[b-jvuolwab0i] { flex-direction: column; align-items: stretch; }
    .scope-list[b-jvuolwab0i] { padding-inline: 18px; }
    .scope-row[b-jvuolwab0i] { grid-template-columns: 42px minmax(0,1fr); padding: 12px 0; }
    .scope-state[b-jvuolwab0i] { grid-column: 2; padding-left: 0; }
    .scope-flow[b-jvuolwab0i] { grid-template-columns: repeat(2, minmax(0,1fr)); padding-inline: 18px; }
    .scope-flow[b-jvuolwab0i]::before { display: none; }
    .scope-footer[b-jvuolwab0i] { padding: 18px; }
    .scope-footer[b-jvuolwab0i]  .ngx-button { width: 100%; }
}
/* /Components/Features/Pricing/Sections/PricingPlansSection.razor.rz.scp.css */

.plans[b-eplt5ap31y] { padding: clamp(40px, 5vw, 66px) 0 var(--ngx-section-gap); }
.section-header[b-eplt5ap31y] { max-width: 820px; margin: 0 auto 42px; text-align: center; }
.eyebrow[b-eplt5ap31y] { margin-bottom: 9px; color: var(--ngx-primary-2); font-size: var(--ngx-font-size-xs); font-weight: var(--ngx-weight-bold); letter-spacing: .13em; text-transform: uppercase; }
h2[b-eplt5ap31y] { margin: 0; font-size: var(--ngx-section-title-size); letter-spacing: -.045em; }
.section-header p[b-eplt5ap31y] { max-width: 720px; margin: 14px auto 0; color: var(--ngx-text-secondary); font-size: var(--ngx-font-size-md); line-height: 1.65; }
.plan-grid[b-eplt5ap31y] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; align-items: stretch; }
.includes[b-eplt5ap31y] { margin-bottom: 13px; color: var(--ngx-text); font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.feature-list[b-eplt5ap31y] { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.feature-list li[b-eplt5ap31y] { display: grid; grid-template-columns: 20px 1fr; gap: 9px; align-items: start; line-height: 1.5; }
.check[b-eplt5ap31y] { display: grid; place-items: center; width: 18px; height: 18px; margin-top: 1px; border-radius: 50%; background: var(--ngx-primary-soft); color: var(--ngx-primary-2); font-size: .7rem; font-weight: 900; }

.empty-pricing[b-eplt5ap31y] {
    position: relative;
    display: grid;
    grid-template-columns: .78fr 1.22fr;
    gap: clamp(36px, 6vw, 86px);
    align-items: center;
    min-height: 390px;
    padding: clamp(34px, 5vw, 64px);
    overflow: hidden;
    border: 1px solid rgba(81, 132, 202, .22);
    border-radius: 26px;
    background:
        radial-gradient(circle at 14% 48%, rgba(38, 113, 255, .13), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(132, 73, 255, .09), transparent 24%),
        linear-gradient(155deg, rgba(7, 21, 38, .94), rgba(5, 15, 28, .97));
    box-shadow: 0 26px 55px rgba(0,0,0,.18);
    color: var(--ngx-showcase-text);
}

.empty-art[b-eplt5ap31y] { position: relative; min-height: 260px; }
.empty-glow[b-eplt5ap31y] { position: absolute; inset: 22% 8% 8%; border-radius: 50%; background: radial-gradient(circle, rgba(40, 120, 255, .22), rgba(126, 75, 255, .10) 48%, transparent 72%); filter: blur(22px); }
.empty-card[b-eplt5ap31y] { position: absolute; display: block; width: 170px; height: 108px; border: 1px solid rgba(72, 139, 255, .34); border-radius: 18px; background: linear-gradient(145deg, rgba(15, 41, 72, .88), rgba(7, 20, 37, .95)); box-shadow: 0 18px 36px rgba(0,0,0,.24); }
.empty-card[b-eplt5ap31y]::before { content: ''; position: absolute; left: 18px; right: 18px; top: 22px; height: 9px; border-radius: 999px; background: rgba(77, 147, 255, .35); box-shadow: 0 24px 0 rgba(255,255,255,.055), 0 46px 0 rgba(255,255,255,.035); }
.empty-card--1[b-eplt5ap31y] { left: 6%; top: 26%; transform: rotate(-8deg); opacity: .66; }
.empty-card--2[b-eplt5ap31y] { left: 29%; top: 16%; z-index: 2; transform: rotate(2deg) scale(1.08); }
.empty-card--3[b-eplt5ap31y] { left: 54%; top: 31%; transform: rotate(8deg); opacity: .58; }

.empty-copy[b-eplt5ap31y] { position: relative; z-index: 2; max-width: 650px; }
.empty-copy h2[b-eplt5ap31y] { color: var(--ngx-showcase-text); }
.empty-copy p[b-eplt5ap31y] { max-width: 620px; margin: 16px 0 0; color: var(--ngx-showcase-text-secondary); font-size: 1rem; line-height: 1.7; }
.empty-actions[b-eplt5ap31y] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.empty-note[b-eplt5ap31y] { display: flex; align-items: flex-start; gap: 11px; margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.065); }
.empty-note > span[b-eplt5ap31y] { display: grid; place-items: center; width: 22px; height: 22px; flex: 0 0 auto; border: 1px solid rgba(76, 144, 255, .32); border-radius: 50%; color: var(--ngx-primary-2); font-size: .72rem; font-weight: 800; }
.empty-note p[b-eplt5ap31y] { margin: 0; color: var(--ngx-showcase-text-muted); font-size: .82rem; line-height: 1.55; }

@media(max-width:1023px) {
    .plan-grid[b-eplt5ap31y] { grid-template-columns: 1fr; max-width: 760px; margin-inline: auto; gap: 28px; }
    .empty-pricing[b-eplt5ap31y] { grid-template-columns: 1fr; }
    .empty-art[b-eplt5ap31y] { min-height: 220px; max-width: 520px; width: 100%; margin-inline: auto; }
}
@media(max-width:639px) {
    .plans[b-eplt5ap31y] { padding-top: 36px; }
    .section-header[b-eplt5ap31y] { margin-bottom: 38px; text-align: left; }
    .section-header p[b-eplt5ap31y] { margin-left: 0; }
    .plan-grid[b-eplt5ap31y] { gap: 30px; }
    .empty-pricing[b-eplt5ap31y] { padding: 28px 20px; }
    .empty-art[b-eplt5ap31y] { min-height: 170px; }
    .empty-card[b-eplt5ap31y] { width: 130px; height: 88px; }
    .empty-actions[b-eplt5ap31y] { display: grid; grid-template-columns: 1fr; }
    .empty-actions[b-eplt5ap31y]  .ngx-button { width: 100%; }
}
/* /Components/Features/Product/ProductPage.razor.rz.scp.css */
.product-page[b-39c8qt4udo]{width:100%;min-width:0}
/* /Components/Features/Product/Sections/ProductCapabilitiesSection.razor.rz.scp.css */
.capabilities[b-93s9y06a70]{padding-bottom:var(--ngx-section-gap)}.section-header[b-93s9y06a70]{max-width:820px;margin:0 auto 32px;text-align:center}.eyebrow[b-93s9y06a70]{margin-bottom:8px;color:var(--ngx-primary-2);font-size:var(--ngx-font-size-xs);font-weight:var(--ngx-weight-bold);letter-spacing:.12em;text-transform:uppercase}h2[b-93s9y06a70]{margin:0;font-size:var(--ngx-section-title-size);letter-spacing:-.04em}p[b-93s9y06a70]{max-width:700px;margin:14px auto 0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-lg)}.capability-list[b-93s9y06a70]{display:flex;flex-direction:column;gap:16px}
/* /Components/Features/Product/Sections/ProductCapabilityBand.razor.rz.scp.css */
.band[b-br42h5aavk]{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);min-height:330px;overflow:hidden;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-lg);background:var(--ngx-gradient-card);box-shadow:var(--ngx-shadow-xs)}.band--reverse[b-br42h5aavk]{grid-template-columns:minmax(360px,.94fr) minmax(0,1.06fr)}.band--reverse .visual[b-br42h5aavk]{order:2}.band--reverse .copy[b-br42h5aavk]{order:1}.visual[b-br42h5aavk]{min-width:0;min-height:330px;border-right:1px solid var(--ngx-divider)}.band--reverse .visual[b-br42h5aavk]{border-right:0;border-left:1px solid var(--ngx-divider)}.copy[b-br42h5aavk]{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,58px)}.meta[b-br42h5aavk]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.number[b-br42h5aavk]{color:var(--ngx-primary-2);font-size:var(--ngx-font-size-sm);font-weight:var(--ngx-weight-bold);letter-spacing:.08em}.icon[b-br42h5aavk]{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--ngx-primary-border);border-radius:10px;background:var(--ngx-primary-soft);color:var(--ngx-primary-2)}.icon[b-br42h5aavk]  svg{width:20px;height:20px}h3[b-br42h5aavk]{margin:0;font-size:clamp(1.65rem,2.5vw,2.45rem);letter-spacing:-.035em}p[b-br42h5aavk]{max-width:590px;margin:13px 0 0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-md);line-height:1.7}ul[b-br42h5aavk]{display:grid;gap:9px;margin:20px 0 0;padding:0;list-style:none}li[b-br42h5aavk]{display:flex;gap:10px;align-items:flex-start;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}li span[b-br42h5aavk]{flex:none;color:var(--ngx-primary-2);font-weight:800}@media(max-width:900px){.band[b-br42h5aavk],.band--reverse[b-br42h5aavk]{grid-template-columns:1fr}.band--reverse .visual[b-br42h5aavk],.band--reverse .copy[b-br42h5aavk]{order:initial}.visual[b-br42h5aavk],.band--reverse .visual[b-br42h5aavk]{border:0;border-bottom:1px solid var(--ngx-divider)}}@media(max-width:639px){.band[b-br42h5aavk],.visual[b-br42h5aavk]{min-height:0}.copy[b-br42h5aavk]{padding:26px 22px}}
/* /Components/Features/Product/Sections/ProductCapabilityVisual.razor.rz.scp.css */
.mock[b-l8lktg9ki6]{height:100%;min-height:330px;padding:22px;background:radial-gradient(circle at 50% 20%,var(--ngx-primary-softer),transparent 38%),var(--ngx-bg-subtle)}.mock-window[b-l8lktg9ki6],.viewer-window[b-l8lktg9ki6]{height:100%;overflow:hidden;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);background:var(--ngx-surface);box-shadow:var(--ngx-shadow-sm)}.mock-title[b-l8lktg9ki6]{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--ngx-divider);font-size:var(--ngx-font-size-sm);font-weight:700}.mock-title small[b-l8lktg9ki6]{color:var(--ngx-text-muted);font-size:.68rem;font-weight:500}.viewer-window[b-l8lktg9ki6]{position:relative;background:radial-gradient(circle at 50% 35%,var(--ngx-surface-3),var(--ngx-bg-subtle) 74%)}.viewer-window img[b-l8lktg9ki6]{width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.9)}.viewer-toolbar[b-l8lktg9ki6]{position:absolute;z-index:2;left:12px;top:12px;display:grid;gap:5px}.viewer-toolbar span[b-l8lktg9ki6]{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--ngx-border);border-radius:7px;background:var(--ngx-overlay);color:var(--ngx-white);font-size:.72rem}.viewer-caption[b-l8lktg9ki6]{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--ngx-border);border-radius:8px;background:var(--ngx-overlay);color:var(--ngx-white);font-size:.72rem}.viewer-caption small[b-l8lktg9ki6]{margin-left:auto;color:#bac5d2}.status-dot[b-l8lktg9ki6]{width:7px;height:7px;border-radius:50%;background:var(--ngx-success);box-shadow:0 0 0 4px rgba(36,200,129,.12)}.groups-layout[b-l8lktg9ki6],.option-layout[b-l8lktg9ki6],.publish-layout[b-l8lktg9ki6]{display:grid;grid-template-columns:190px minmax(0,1fr);height:calc(100% - 44px)}.group-list[b-l8lktg9ki6]{padding:10px;border-right:1px solid var(--ngx-divider)}.group-row[b-l8lktg9ki6]{display:grid;grid-template-columns:10px 1fr 8px;gap:8px;align-items:center;padding:8px;border-radius:7px;color:var(--ngx-text-secondary);font-size:.72rem}.group-row:nth-child(2)[b-l8lktg9ki6],.group-row:hover[b-l8lktg9ki6]{background:var(--ngx-primary-soft);color:var(--ngx-text)}.group-dot[b-l8lktg9ki6]{width:8px;height:8px;border:1px solid var(--ngx-primary-2);border-radius:2px}.state-dot[b-l8lktg9ki6]{width:7px;height:7px;border-radius:50%;background:var(--ngx-success)}.group-row:nth-child(3) .state-dot[b-l8lktg9ki6]{background:var(--ngx-warning)}.group-viewer[b-l8lktg9ki6]{overflow:hidden;background:radial-gradient(circle,var(--ngx-surface-3),var(--ngx-bg-subtle))}.group-viewer img[b-l8lktg9ki6]{width:100%;height:100%;object-fit:cover}.option-panel[b-l8lktg9ki6]{padding:16px;border-right:1px solid var(--ngx-divider)}.option-panel label[b-l8lktg9ki6]{display:block;margin:0 0 7px;color:var(--ngx-text-secondary);font-size:.68rem}.option-panel label:not(:first-child)[b-l8lktg9ki6]{margin-top:14px}.option-swatches[b-l8lktg9ki6]{display:flex;gap:7px}.option-swatches span[b-l8lktg9ki6]{width:22px;height:22px;border:1px solid var(--ngx-border);border-radius:50%;background:#38495d}.option-swatches span:nth-child(2)[b-l8lktg9ki6]{background:#7d503d}.option-swatches span:nth-child(3)[b-l8lktg9ki6]{background:#b59c7e}.option-swatches span:nth-child(4)[b-l8lktg9ki6]{background:#d5d0c6}.option-swatches span:nth-child(5)[b-l8lktg9ki6]{background:#415c52}.option-swatches span:first-child[b-l8lktg9ki6]{box-shadow:0 0 0 2px var(--ngx-primary)}.option-cards[b-l8lktg9ki6],.style-cards[b-l8lktg9ki6]{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.option-cards span[b-l8lktg9ki6]{height:42px;border:1px solid var(--ngx-border);border-radius:7px;background:linear-gradient(145deg,#66717d,#2d343c)}.option-cards span:nth-child(2)[b-l8lktg9ki6]{background:linear-gradient(145deg,#b7a78e,#6c5b49)}.option-cards span:nth-child(3)[b-l8lktg9ki6]{background:linear-gradient(145deg,#a6a6a1,#555a5e)}.style-cards span[b-l8lktg9ki6]{display:grid;place-items:center;height:32px;border:1px solid var(--ngx-border);border-radius:7px;color:var(--ngx-text-muted);font-size:.65rem}.style-cards span:nth-child(2)[b-l8lktg9ki6]{border-color:var(--ngx-primary-2);color:var(--ngx-primary-2);background:var(--ngx-primary-soft)}.option-image[b-l8lktg9ki6]{display:grid;place-items:center;overflow:hidden;padding:14px;background:var(--ngx-bg-subtle)}.option-image img[b-l8lktg9ki6]{width:100%;border:1px solid var(--ngx-border);border-radius:8px}.rules-window[b-l8lktg9ki6]{padding-bottom:14px}.rule-block[b-l8lktg9ki6]{display:grid;grid-template-columns:auto 1fr 1fr auto 1fr 1fr;gap:8px;align-items:center;margin:16px 16px 0;padding:12px;border:1px solid var(--ngx-border);border-radius:9px;background:var(--ngx-bg-subtle);color:var(--ngx-text-secondary);font-size:.7rem}.rule-block.is-action[b-l8lktg9ki6]{grid-template-columns:auto 1fr 1fr 1fr}.rule-if[b-l8lktg9ki6]{display:grid;place-items:center;min-width:42px;height:28px;border-radius:6px;background:var(--ngx-primary-soft);color:var(--ngx-primary-2);font-weight:800}.select[b-l8lktg9ki6]{padding:6px 8px;border:1px solid var(--ngx-input-border);border-radius:6px;background:var(--ngx-input-bg);color:var(--ngx-text)}.join[b-l8lktg9ki6]{color:var(--ngx-primary-2);font-weight:800}.rule-arrow[b-l8lktg9ki6]{text-align:center;color:var(--ngx-primary-2);font-size:1.1rem;line-height:1}.rule-status[b-l8lktg9ki6]{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;margin:15px 16px 0;padding:12px;border:1px solid var(--ngx-success-border);border-radius:9px;background:var(--ngx-success-soft)}.rule-status[b-l8lktg9ki6]  svg{width:26px;color:var(--ngx-success)}.rule-status strong[b-l8lktg9ki6],.rule-status small[b-l8lktg9ki6]{display:block}.rule-status strong[b-l8lktg9ki6]{font-size:.78rem}.rule-status small[b-l8lktg9ki6]{color:var(--ngx-text-secondary);font-size:.66rem}.status-pill[b-l8lktg9ki6]{padding:4px 8px;border-radius:99px;background:var(--ngx-success-soft);color:var(--ngx-success);font-size:.62rem;font-weight:800}.summary-card[b-l8lktg9ki6],.targets[b-l8lktg9ki6]{padding:14px}.summary-card[b-l8lktg9ki6]{border-right:1px solid var(--ngx-divider)}.summary-card>strong[b-l8lktg9ki6]{display:block;margin-bottom:12px;font-size:.78rem}.summary-card>div:not(.ready-row)[b-l8lktg9ki6]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--ngx-divider);color:var(--ngx-text-secondary);font-size:.7rem}.summary-card b[b-l8lktg9ki6]{color:var(--ngx-text)}.summary-card b.success[b-l8lktg9ki6]{color:var(--ngx-success)}.ready-row[b-l8lktg9ki6]{display:flex;gap:8px;align-items:center;margin-top:13px;padding:9px;border:1px solid var(--ngx-success-border);border-radius:8px;background:var(--ngx-success-soft);color:var(--ngx-success);font-size:.68rem}.ready-row[b-l8lktg9ki6]  svg{width:17px}.targets[b-l8lktg9ki6]{display:grid;align-content:center;gap:9px}.target[b-l8lktg9ki6]{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--ngx-border);border-radius:8px;background:var(--ngx-bg-subtle)}.target.is-selected[b-l8lktg9ki6]{border-color:var(--ngx-primary-border);background:var(--ngx-primary-soft)}.target[b-l8lktg9ki6]  svg{width:20px;color:var(--ngx-primary-2)}.target strong[b-l8lktg9ki6],.target small[b-l8lktg9ki6]{display:block}.target strong[b-l8lktg9ki6]{font-size:.72rem}.target small[b-l8lktg9ki6]{color:var(--ngx-text-muted);font-size:.62rem}.target>span[b-l8lktg9ki6]{color:var(--ngx-success);font-size:.62rem;font-weight:800}@media(max-width:560px){.mock[b-l8lktg9ki6]{min-height:280px;padding:12px}.groups-layout[b-l8lktg9ki6],.option-layout[b-l8lktg9ki6],.publish-layout[b-l8lktg9ki6]{grid-template-columns:130px minmax(0,1fr)}.rule-block[b-l8lktg9ki6]{grid-template-columns:auto 1fr 1fr}.rule-block .join[b-l8lktg9ki6]{display:none}.rule-block.is-action[b-l8lktg9ki6]{grid-template-columns:auto 1fr 1fr}.rule-block.is-action .select:last-child[b-l8lktg9ki6]{display:none}.summary-card[b-l8lktg9ki6]{padding:10px}.targets[b-l8lktg9ki6]{padding:10px}.target small[b-l8lktg9ki6]{display:none}}

/* High-resolution Product-page imagery. Keep the generated 3D artwork intact. */
.viewer-window img[b-l8lktg9ki6],
.group-viewer img[b-l8lktg9ki6] {
    object-fit: contain;
    object-position: center;
    background: #050c16;
    filter: none;
}

.option-image[b-l8lktg9ki6] {
    padding: 10px;
}

.option-image img[b-l8lktg9ki6] {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    background: #050c16;
}
/* /Components/Features/Product/Sections/ProductCtaSection.razor.rz.scp.css */
.cta-section[b-r0hxmzhr2m]{padding-bottom:var(--ngx-page-end-space)}
/* /Components/Features/Product/Sections/ProductHeroSection.razor.rz.scp.css */
.hero[b-8aitou87me]{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:var(--ngx-hero-grid-gap);align-items:center;padding:var(--ngx-hero-padding-top) 0 var(--ngx-hero-padding-bottom)}
.hero[b-8aitou87me]::before{content:"";position:absolute;left:-120px;bottom:24px;width:390px;height:160px;opacity:.18;background-image:radial-gradient(circle,var(--ngx-primary-2) 1px,transparent 1.6px);background-size:12px 12px;mask-image:linear-gradient(145deg,transparent 3%,#000 48%,transparent 90%);pointer-events:none}
.hero-copy[b-8aitou87me]{position:relative;z-index:1;padding-left:2px}
.eyebrow[b-8aitou87me]{margin-bottom:15px;color:var(--ngx-primary-2);font-size:var(--ngx-font-size-xs);font-weight:var(--ngx-weight-bold);letter-spacing:.12em;text-transform:uppercase}
h1[b-8aitou87me]{max-width:700px;margin:0;font-size:var(--ngx-hero-title-size);line-height:1.01;letter-spacing:-.048em;font-weight:var(--ngx-weight-extrabold)}
h1 span[b-8aitou87me]{color:var(--ngx-primary-2)}
.lead[b-8aitou87me]{max-width:660px;margin:24px 0 0;color:var(--ngx-text);font-size:var(--ngx-hero-lead-size);line-height:1.65}
.support[b-8aitou87me]{max-width:640px;margin:14px 0 0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-md);line-height:1.7}
.actions[b-8aitou87me]{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.play[b-8aitou87me]{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--ngx-primary-border);border-radius:50%;color:var(--ngx-primary-2);font-size:9px}
@media(max-width:1023px){.hero[b-8aitou87me]{grid-template-columns:1fr}.hero-copy[b-8aitou87me]{max-width:820px}}
@media(max-width:639px){.actions[b-8aitou87me]{display:grid;grid-template-columns:1fr}.actions[b-8aitou87me]  .ngx-button{width:100%}}
/* /Components/Features/Product/Sections/ProductHighlightsSection.razor.rz.scp.css */
.highlights[b-0nminzlvcn]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:4px 0 var(--ngx-section-gap);overflow:hidden;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-lg);background:var(--ngx-card);box-shadow:var(--ngx-shadow-sm)}.highlight[b-0nminzlvcn]{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;min-width:0;padding:24px 22px}.highlight+.highlight[b-0nminzlvcn]{border-left:1px solid var(--ngx-divider)}.icon[b-0nminzlvcn]{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ngx-primary-border);border-radius:var(--ngx-radius-md);background:var(--ngx-primary-soft);color:var(--ngx-primary-2)}.icon[b-0nminzlvcn]  svg{width:24px;height:24px}h2[b-0nminzlvcn]{margin:0 0 6px;font-size:var(--ngx-font-size-md);letter-spacing:-.015em}p[b-0nminzlvcn]{margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm);line-height:1.55}@media(max-width:1080px){.highlights[b-0nminzlvcn]{grid-template-columns:repeat(2,1fr)}.highlight:nth-child(3)[b-0nminzlvcn]{border-left:0;border-top:1px solid var(--ngx-divider)}.highlight:nth-child(4)[b-0nminzlvcn]{border-top:1px solid var(--ngx-divider)}}@media(max-width:639px){.highlights[b-0nminzlvcn]{grid-template-columns:1fr;margin-bottom:var(--ngx-section-gap-compact)}.highlight+.highlight[b-0nminzlvcn],.highlight:nth-child(3)[b-0nminzlvcn],.highlight:nth-child(4)[b-0nminzlvcn]{border-left:0;border-top:1px solid var(--ngx-divider)}}
/* /Components/Features/Product/Sections/ProductStudioPreview.razor.rz.scp.css */

.studio[b-8vaqh5i0h1] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 12px;
    border: 1px solid var(--ngx-border-strong);
    border-radius: var(--ngx-radius-lg);
    background: linear-gradient(180deg, rgba(6, 13, 24, .98), rgba(3, 8, 17, .98));
    box-shadow: var(--ngx-shadow-lg), var(--ngx-shadow-blue);
}

.studio-preview[b-8vaqh5i0h1] {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 11px;
    object-fit: contain;
    object-position: center;
}

.studio-demo-hotspot[b-8vaqh5i0h1] {
    position: absolute;
    left: 17%;
    bottom: 4.5%;
    width: 43%;
    height: 15%;
    border-radius: 14px;
    opacity: 0;
}

.studio-demo-hotspot:focus-visible[b-8vaqh5i0h1] {
    opacity: .12;
    outline: 2px solid var(--ngx-white);
    outline-offset: 3px;
    background: var(--ngx-primary);
}

@media (max-width: 639px) {
    .studio[b-8vaqh5i0h1] { padding: 8px; }
    .studio-demo-hotspot[b-8vaqh5i0h1] {
        left: 16%;
        bottom: 4%;
        width: 45%;
        height: 16%;
    }
}
/* /Components/Features/RequestDemo/RequestDemoPage.razor.rz.scp.css */
.request-demo-page[b-5pqtgxcw8z]{position:relative}.request-demo-page[b-5pqtgxcw8z]::before{content:"";position:absolute;z-index:-1;top:20px;left:50%;width:min(1050px,90vw);height:520px;transform:translateX(-50%);background:radial-gradient(circle,var(--ngx-primary-softer),transparent 68%);filter:blur(18px);pointer-events:none}
/* /Components/Features/RequestDemo/Sections/RequestDemoExpectationsSection.razor.rz.scp.css */
.expectations[b-tm769lawml]{margin:var(--ngx-section-gap-compact) 0 var(--ngx-section-gap);padding:42px 44px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-xl);background:var(--ngx-gradient-card)}header[b-tm769lawml]{max-width:780px;margin:0 auto 34px;text-align:center}.eyebrow[b-tm769lawml]{margin-bottom:8px;color:var(--ngx-primary-2);font-size:var(--ngx-font-size-xs);font-weight:var(--ngx-weight-bold);letter-spacing:.13em;text-transform:uppercase}h2[b-tm769lawml]{margin:0;font-size:var(--ngx-section-title-size);letter-spacing:-.04em}.steps[b-tm769lawml]{display:grid;grid-template-columns:repeat(3,1fr)}article[b-tm769lawml]{padding:20px 34px}article+article[b-tm769lawml]{border-left:1px solid var(--ngx-divider)}article span[b-tm769lawml]{display:inline-block;margin-bottom:15px;color:var(--ngx-primary-2);font-family:var(--ngx-font-mono);font-size:.75rem;font-weight:800}h3[b-tm769lawml]{margin:0 0 8px;font-size:1.05rem}article p[b-tm769lawml]{margin:0;color:var(--ngx-text-secondary);font-size:.88rem;line-height:1.62}@media(max-width:639px){.expectations[b-tm769lawml]{padding:32px 22px}header[b-tm769lawml]{text-align:left}.steps[b-tm769lawml]{grid-template-columns:1fr}article[b-tm769lawml]{padding:22px 0}article+article[b-tm769lawml]{border-left:0;border-top:1px solid var(--ngx-divider)}}
/* /Components/Features/RequestDemo/Sections/RequestDemoFormSection.razor.rz.scp.css */
.request-form-section[b-vgfayqxc8l]{padding:var(--ngx-section-gap-compact) 0}.request-form-card[b-vgfayqxc8l]{max-width:1080px;margin:0 auto;padding:clamp(30px,4vw,54px);border:1px solid var(--ngx-primary-border);border-radius:var(--ngx-radius-xl);background:var(--ngx-gradient-card);box-shadow:var(--ngx-shadow-card),var(--ngx-shadow-blue)}header[b-vgfayqxc8l]{max-width:760px;margin-bottom:32px}.eyebrow[b-vgfayqxc8l]{margin-bottom:8px;color:var(--ngx-primary-2);font-size:var(--ngx-font-size-xs);font-weight:var(--ngx-weight-bold);letter-spacing:.13em;text-transform:uppercase}h2[b-vgfayqxc8l]{margin:0;font-size:var(--ngx-section-title-size);letter-spacing:-.045em}header p[b-vgfayqxc8l]{margin:13px 0 0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-md);line-height:1.65}.form-grid[b-vgfayqxc8l]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-grid[b-vgfayqxc8l]  .wide{grid-column:1/-1}.form-grid[b-vgfayqxc8l]  .validation-message{margin-top:7px;color:var(--ngx-error);font-size:.78rem}.privacy-note[b-vgfayqxc8l]{margin:20px 0 4px;color:var(--ngx-text-muted);font-size:.79rem;line-height:1.55}.privacy-note a[b-vgfayqxc8l]{color:var(--ngx-primary-2)}.honeypot[b-vgfayqxc8l]{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.success-panel[b-vgfayqxc8l]{display:grid;justify-items:start;align-content:center;min-height:500px;max-width:820px;margin:0 auto}.success-icon[b-vgfayqxc8l]{display:grid;place-items:center;width:72px;height:72px;margin-bottom:24px;border:1px solid var(--ngx-success-border);border-radius:50%;background:var(--ngx-success-soft);color:var(--ngx-success)}.success-icon[b-vgfayqxc8l]  svg{width:35px;height:35px}.success-panel h2[b-vgfayqxc8l]{max-width:760px;margin-bottom:22px}.reference[b-vgfayqxc8l]{display:flex;flex-wrap:wrap;gap:9px 16px;align-items:center;margin-bottom:30px;padding:12px 15px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);background:var(--ngx-bg-subtle);color:var(--ngx-text-secondary)}.reference strong[b-vgfayqxc8l]{color:var(--ngx-text);font-family:var(--ngx-font-mono)}.success-actions[b-vgfayqxc8l]{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:639px){.form-grid[b-vgfayqxc8l]{grid-template-columns:1fr}.form-grid[b-vgfayqxc8l]  .wide{grid-column:auto}.request-form-card[b-vgfayqxc8l]{padding:28px 20px}.success-panel[b-vgfayqxc8l]{min-height:420px}.success-actions[b-vgfayqxc8l]{display:grid;width:100%}.success-actions[b-vgfayqxc8l]  .ngx-button{width:100%}}
/* /Components/Features/RequestDemo/Sections/RequestDemoHeroSection.razor.rz.scp.css */
.demo-hero[b-pht68zu27f]{display:grid;grid-template-columns:minmax(0,.86fr) minmax(470px,1.14fr);gap:var(--ngx-hero-grid-gap);align-items:center;padding:var(--ngx-hero-padding-top) 0 var(--ngx-hero-padding-bottom)}
.demo-hero__copy[b-pht68zu27f]{max-width:720px}.eyebrow[b-pht68zu27f]{margin-bottom:14px;color:var(--ngx-primary-2);font-size:var(--ngx-font-size-xs);font-weight:var(--ngx-weight-bold);letter-spacing:.14em;text-transform:uppercase}
h1[b-pht68zu27f]{margin:0;font-size:var(--ngx-hero-title-size);line-height:1;letter-spacing:-.055em}
.demo-hero__copy>p[b-pht68zu27f]{max-width:680px;margin:24px 0 0;color:var(--ngx-text-secondary);font-size:var(--ngx-hero-lead-size);line-height:1.65}
ul[b-pht68zu27f]{display:grid;gap:11px;margin:26px 0 0;padding:0;list-style:none;color:var(--ngx-text-secondary)}li[b-pht68zu27f]{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center}li span[b-pht68zu27f]{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--ngx-primary-soft);color:var(--ngx-primary-2);font-size:.7rem;font-weight:900}
.demo-hero__visual[b-pht68zu27f]{overflow:hidden;border:1px solid var(--ngx-primary-border);border-radius:var(--ngx-radius-xl);background:var(--ngx-card);box-shadow:var(--ngx-shadow-card),var(--ngx-shadow-blue)}
.window-bar[b-pht68zu27f]{display:flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-bottom:1px solid var(--ngx-divider);background:var(--ngx-bg-subtle);color:var(--ngx-text-muted);font-size:.68rem}.window-bar i[b-pht68zu27f]{width:7px;height:7px;border-radius:50%;background:var(--ngx-border-strong)}.window-bar span[b-pht68zu27f]{margin-left:auto}
.studio-shell[b-pht68zu27f]{display:grid;grid-template-columns:104px 1fr 170px;min-height:350px}.studio-shell>aside[b-pht68zu27f]{display:grid;align-content:start;gap:14px;padding:21px 15px;border-right:1px solid var(--ngx-divider);background:var(--ngx-bg-subtle)}.studio-shell>aside b[b-pht68zu27f]{display:block;height:8px;border-radius:99px;background:var(--ngx-border)}.studio-shell>aside b:nth-child(2)[b-pht68zu27f],.studio-shell>aside b:nth-child(4)[b-pht68zu27f]{width:74%}
.studio-shell>.viewer-main[b-pht68zu27f]{position:relative;display:grid;place-items:center;min-width:0;background:radial-gradient(circle at 50% 60%,var(--ngx-primary-softer),transparent 48%),linear-gradient(180deg,var(--ngx-bg-subtle),var(--ngx-card))}.model[b-pht68zu27f]{position:relative;width:72%;aspect-ratio:1.4;border-radius:var(--ngx-radius-lg);background:linear-gradient(180deg,var(--ngx-surface-elevated),transparent)}.shed[b-pht68zu27f]{position:absolute;left:12%;right:10%;bottom:14%;height:58%;border:2px solid var(--ngx-primary-2);transform:perspective(500px) rotateY(-7deg);box-shadow:0 0 28px var(--ngx-primary-softer)}.shed[b-pht68zu27f]::before{content:"";position:absolute;left:-4%;top:-30%;width:108%;height:38%;border:2px solid var(--ngx-primary-2);border-bottom:0;transform:skewY(-13deg)}.shed i[b-pht68zu27f]{position:absolute;bottom:12%;height:52%;border:1px solid var(--ngx-primary-border)}.shed i:nth-child(1)[b-pht68zu27f]{left:12%;width:18%}.shed i:nth-child(2)[b-pht68zu27f]{left:42%;width:25%}.shed i:nth-child(3)[b-pht68zu27f]{right:8%;width:14%}.toolbar[b-pht68zu27f]{position:absolute;bottom:18px;display:flex;gap:8px;padding:7px 10px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-pill);background:var(--ngx-surface-elevated)}.toolbar i[b-pht68zu27f]{width:9px;height:9px;border:1px solid var(--ngx-primary-2);border-radius:50%}
.studio-shell>section[b-pht68zu27f]{padding:20px 14px;border-left:1px solid var(--ngx-divider);background:var(--ngx-bg-subtle);color:var(--ngx-text-secondary);font-size:.7rem}.studio-shell>section strong[b-pht68zu27f]{display:block;margin-bottom:20px;color:var(--ngx-text)}.swatches[b-pht68zu27f]{display:flex;gap:7px;margin-bottom:18px}.swatches i[b-pht68zu27f]{width:23px;height:23px;border:1px solid var(--ngx-border);border-radius:50%;background:var(--ngx-primary)}.swatches i:nth-child(2)[b-pht68zu27f]{background:var(--ngx-slate-400)}.swatches i:nth-child(3)[b-pht68zu27f]{background:var(--ngx-amber-600)}.swatches i:nth-child(4)[b-pht68zu27f]{background:var(--ngx-green-600)}.option[b-pht68zu27f]{height:31px;margin-top:10px;border:1px solid var(--ngx-border);border-radius:7px;background:var(--ngx-card)}
@media(max-width:1023px){.demo-hero[b-pht68zu27f]{grid-template-columns:1fr}.demo-hero__visual[b-pht68zu27f]{max-width:900px}}
@media(max-width:639px){.studio-shell[b-pht68zu27f]{grid-template-columns:70px 1fr;min-height:280px}.studio-shell>section[b-pht68zu27f]{display:none}.demo-hero__copy ul[b-pht68zu27f]{font-size:.9rem}}
/* /Components/Features/SystemPages/ErrorPage.razor.rz.scp.css */
/* Visual layout is owned by the reusable SystemStateShell. */
/* /Components/Features/SystemPages/NotFoundPage.razor.rz.scp.css */
/* Visual layout is owned by the reusable SystemStateShell. */
/* /Components/Features/SystemPages/Sections/SystemStateShell.razor.rz.scp.css */
.system-state[b-05818ooeim] {
    min-height: min(720px, calc(100vh - var(--ngx-header-height)));
    display: grid;
    grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: clamp(42px, 7vw, 112px);
    padding-block: 72px 88px;
}
.visual[b-05818ooeim] {
    position: relative;
    min-height: 370px;
    display: grid;
    place-items: center;
    border: 1px solid var(--ngx-border-subtle);
    border-radius: var(--ngx-radius-2xl);
    background: radial-gradient(circle at center, var(--ngx-primary-soft), transparent 58%), var(--ngx-gradient-panel);
    overflow: hidden;
    box-shadow: var(--ngx-shadow-card);
}
.status-code[b-05818ooeim] { position: relative; z-index: 2; color: var(--ngx-text); font-size: clamp(4.8rem, 12vw, 8.6rem); font-weight: 800; letter-spacing: -.08em; line-height: 1; text-shadow: 0 0 44px color-mix(in srgb, var(--ngx-primary) 22%, transparent); }
.orbit[b-05818ooeim] { position:absolute; border:1px solid var(--ngx-primary-border); border-radius:50%; opacity:.45; }
.orbit-a[b-05818ooeim] { width:250px;height:250px;transform:rotate(18deg) scaleY(.42); }
.orbit-b[b-05818ooeim] { width:330px;height:330px;transform:rotate(-24deg) scaleY(.28); opacity:.28; }
.node[b-05818ooeim] { position:absolute;width:9px;height:9px;border-radius:50%;background:var(--ngx-primary-2);box-shadow:0 0 22px var(--ngx-primary-2); }
.node-a[b-05818ooeim] { transform:translate(113px,-48px); }
.node-b[b-05818ooeim] { transform:translate(-142px,36px); }
.copy[b-05818ooeim] { max-width: 690px; }
.eyebrow[b-05818ooeim] { display:block;color:var(--ngx-primary-2);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase; }
h1[b-05818ooeim] { margin:10px 0 18px;font-size:clamp(2.6rem,5vw,4.7rem);letter-spacing:-.05em; }
p[b-05818ooeim] { max-width:620px;margin:0;color:var(--ngx-text-secondary);font-size:clamp(1rem,1.4vw,1.16rem); }
.actions[b-05818ooeim] { display:flex;flex-wrap:wrap;gap:12px;margin-top:30px; }
@media(max-width:900px){.system-state[b-05818ooeim]{grid-template-columns:1fr;min-height:0;padding-block:56px 72px}.visual[b-05818ooeim]{min-height:300px;max-width:620px}.copy[b-05818ooeim]{max-width:720px}}
@media(max-width:639px){.system-state[b-05818ooeim]{padding-block:40px 56px;gap:32px}.visual[b-05818ooeim]{min-height:230px;border-radius:var(--ngx-radius-xl)}.orbit-a[b-05818ooeim]{width:190px;height:190px}.orbit-b[b-05818ooeim]{width:245px;height:245px}.node-a[b-05818ooeim]{transform:translate(88px,-36px)}.node-b[b-05818ooeim]{transform:translate(-102px,28px)}.actions[b-05818ooeim]{display:grid;grid-template-columns:1fr}.actions[b-05818ooeim]  .ngx-button{width:100%}}
/* /Components/Layout/PublicContentContainer.razor.rz.scp.css */
.content-frame[b-zlrd3rl5zc] {
    width: 100%;
    flex: 1 0 auto;
}

.content-container[b-zlrd3rl5zc] {
    min-width: 0;
}

.page-context[b-zlrd3rl5zc] {
    width: 100%;
    min-width: 0;
}
/* /Components/Layout/PublicFooter.razor.rz.scp.css */
.footer[b-vos4tzifme] {
    position: relative;
    overflow: hidden;
    border-top: 1px solid var(--ngx-divider);
    background: var(--ngx-footer-bg);
}

.footer[b-vos4tzifme]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(var(--ngx-border-subtle) 1px, transparent 1px),
        linear-gradient(90deg, var(--ngx-border-subtle) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.18), transparent 72%);
    opacity: .16;
}

.footer-main[b-vos4tzifme],
.footer-bottom[b-vos4tzifme] { position: relative; z-index: 1; }

.footer-main[b-vos4tzifme] {
    display: grid;
    grid-template-columns: minmax(300px, 1.45fr) minmax(0, 1fr);
    gap: clamp(48px, 7vw, 112px);
    padding-block: 64px 48px;
}

.brand-block[b-vos4tzifme] { min-width: 0; }
.footer-brand[b-vos4tzifme] { display: inline-block; width: 202px; margin-bottom: 18px; }
.brand-block p[b-vos4tzifme] { max-width: 430px; margin: 0; color: var(--ngx-text-secondary); font-size: .96rem; }
.brand-actions[b-vos4tzifme] { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 26px; }
.text-link[b-vos4tzifme] { color: var(--ngx-text-secondary); font-size: .9rem; font-weight: 600; }
.text-link:hover[b-vos4tzifme] { color: var(--ngx-primary-2); }

.footer-nav[b-vos4tzifme] {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 32px;
}

.link-group[b-vos4tzifme] { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.link-group h2[b-vos4tzifme] { margin: 0 0 12px; font-size: .83rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ngx-text); }
.link-group a[b-vos4tzifme] { color: var(--ngx-text-secondary); font-size: .9rem; transition: color var(--ngx-transition-control), transform var(--ngx-transition-control); }
.link-group a:hover[b-vos4tzifme] { color: var(--ngx-primary-2); transform: translateX(2px); }

.footer-bottom[b-vos4tzifme] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border-top: 1px solid var(--ngx-divider);
    color: var(--ngx-text-muted);
    font-size: .8rem;
}
.footer-note[b-vos4tzifme] { text-align: right; }

@media (max-width: 1023px) {
    .footer-main[b-vos4tzifme] { grid-template-columns: 1fr; gap: 42px; padding-block: 52px 40px; }
    .brand-block p[b-vos4tzifme] { max-width: 560px; }
}

@media (max-width: 639px) {
    .footer-main[b-vos4tzifme] { gap: 36px; padding-block: 44px 32px; }
    .footer-brand[b-vos4tzifme] { width: 180px; }
    .footer-nav[b-vos4tzifme] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 24px; }
    .footer-nav .link-group:last-child[b-vos4tzifme] { grid-column: 1 / -1; }
    .brand-actions[b-vos4tzifme] { align-items: flex-start; flex-direction: column; gap: 14px; }
    .footer-bottom[b-vos4tzifme] { min-height: 0; flex-direction: column; align-items: flex-start; padding-block: 22px 28px; gap: 6px; }
    .footer-note[b-vos4tzifme] { text-align: left; }
}
/* /Components/Layout/PublicHeader.razor.rz.scp.css */
.header[b-0pdme84r2k] {
    position: sticky;
    top: 0;
    z-index: var(--ngx-z-sticky);
    min-height: var(--ngx-header-height);
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--ngx-border-subtle);
    background: var(--ngx-header-bg);
    backdrop-filter: blur(18px);
}

.inner[b-0pdme84r2k] {
    display: grid;
    grid-template-columns: 250px 1fr 300px;
    align-items: center;
    gap: 24px;
}

.brand[b-0pdme84r2k] { width: 188px; display: block; }
.nav[b-0pdme84r2k] { display:flex;justify-content:center;align-items:stretch;gap:34px;height:var(--ngx-header-height); }
.nav[b-0pdme84r2k]  a { position:relative;display:inline-flex;align-items:center;color:var(--ngx-text-secondary);font-size:.94rem;font-weight:500;transition:color var(--ngx-transition-control); }
.nav[b-0pdme84r2k]  a:hover,.nav[b-0pdme84r2k]  a.active { color:var(--ngx-text); }
.nav[b-0pdme84r2k]  a.active::after { content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ngx-primary-2);box-shadow:0 0 16px rgba(27,140,255,.32); }
.actions[b-0pdme84r2k] { justify-self:end;display:flex;align-items:center;gap:10px; }
.mobile-menu[b-0pdme84r2k] { display:none;justify-self:end;position:relative; }
.mobile-menu summary[b-0pdme84r2k] { cursor:pointer;list-style:none;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-sm);min-height:var(--ngx-tap-target);display:inline-flex;align-items:center;padding:9px 13px;background:var(--ngx-input-bg);color:var(--ngx-text); }
.mobile-menu summary[b-0pdme84r2k]::-webkit-details-marker { display:none; }
.mobile-panel[b-0pdme84r2k] { position:absolute;right:0;top:calc(100% + 12px);width:min(320px,calc(100vw - 32px));display:grid;gap:4px;padding:12px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);background:var(--ngx-menu-bg);box-shadow:var(--ngx-shadow-card); }
.mobile-panel[b-0pdme84r2k]  > a:not(.ngx-button) { min-height:var(--ngx-tap-target);display:flex;align-items:center;padding:12px 14px;border-radius:var(--ngx-radius-sm);color:var(--ngx-text-secondary); }
.mobile-panel[b-0pdme84r2k]  > a:not(.ngx-button):hover { background:var(--ngx-primary-soft);color:var(--ngx-text); }
@media(max-width:1080px){.inner[b-0pdme84r2k]{grid-template-columns:1fr auto}.nav[b-0pdme84r2k],.actions[b-0pdme84r2k]{display:none}.mobile-menu[b-0pdme84r2k]{display:block}}
@media(max-width:639px){.header[b-0pdme84r2k]{min-height:var(--ngx-header-height)}.brand[b-0pdme84r2k]{width:166px}}

@media (min-width:1081px) and (max-width:1240px) {
    .inner[b-0pdme84r2k] { grid-template-columns: 210px 1fr 250px; gap: 18px; }
    .brand[b-0pdme84r2k] { width: 176px; }
    .nav[b-0pdme84r2k] { gap: 22px; }
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.site-shell[b-94zb2bx827]{min-height:100vh;display:flex;flex-direction:column}.site-main[b-94zb2bx827]{flex:1 0 auto;width:100%;min-width:0}.skip-link[b-94zb2bx827]{position:fixed;left:16px;top:12px;z-index:calc(var(--ngx-z-toast) + 10);transform:translateY(-160%);padding:10px 14px;border-radius:var(--ngx-radius-sm);background:var(--ngx-primary);color:white;font-weight:700;box-shadow:var(--ngx-shadow-sm);transition:transform var(--ngx-transition-control)}.skip-link:focus[b-94zb2bx827]{transform:translateY(0);color:white}.boundary-error[b-94zb2bx827]{padding-block:var(--ngx-section-gap)}
/* /Components/Shared/Analytics/CookieConsent.razor.rz.scp.css */
.cookie-banner[b-tzxa3hmsne] {
    position: fixed;
    z-index: 1100;
    left: max(var(--ngx-page-gutter), 18px);
    right: max(var(--ngx-page-gutter), 18px);
    bottom: 20px;
    max-width: 1180px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--ngx-space-5) var(--ngx-space-7);
    padding: var(--ngx-space-6);
    border: 1px solid var(--ngx-border-strong);
    border-radius: var(--ngx-radius-lg);
    background: color-mix(in srgb, var(--ngx-surface) 96%, transparent);
    box-shadow: var(--ngx-shadow-lg);
    backdrop-filter: blur(18px);
}
.cookie-copy[b-tzxa3hmsne] { min-width: 0; }
.eyebrow[b-tzxa3hmsne] { display: block; margin-bottom: 5px; color: var(--ngx-primary-2); font-size: var(--ngx-font-size-xs); font-weight: var(--ngx-weight-semibold); letter-spacing: .08em; text-transform: uppercase; }
h2[b-tzxa3hmsne] { margin: 0 0 var(--ngx-space-2); font-size: var(--ngx-font-size-xl); }
p[b-tzxa3hmsne] { margin: 0; max-width: 760px; color: var(--ngx-text-secondary); font-size: var(--ngx-font-size-sm); line-height: 1.6; }
p a[b-tzxa3hmsne] { color: var(--ngx-link); }
.cookie-actions[b-tzxa3hmsne] { display: flex; align-items: end; justify-content: flex-end; flex-wrap: wrap; gap: var(--ngx-space-2); }
.preferences[b-tzxa3hmsne] { grid-column: 1 / -1; display: grid; gap: var(--ngx-space-2); padding-top: var(--ngx-space-4); border-top: 1px solid var(--ngx-divider); }
.preference-row[b-tzxa3hmsne] { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: var(--ngx-space-5); padding: var(--ngx-space-3) var(--ngx-space-4); border: 1px solid var(--ngx-border); border-radius: var(--ngx-radius-sm); background: var(--ngx-input-bg); }
.preference-row > div[b-tzxa3hmsne] { display: grid; gap: 3px; }
.preference-row strong[b-tzxa3hmsne] { font-size: var(--ngx-font-size-sm); }
.preference-row span[b-tzxa3hmsne] { color: var(--ngx-text-muted); font-size: var(--ngx-font-size-xs); }
.always-on[b-tzxa3hmsne] { flex: 0 0 auto; padding: 5px 9px; border-radius: 999px; background: var(--ngx-success-soft); color: var(--ngx-success) !important; font-weight: var(--ngx-weight-semibold); }
.cookie-manage[b-tzxa3hmsne] { position: fixed; z-index: 900; left: 18px; bottom: 14px; padding: 7px 10px; border: 1px solid var(--ngx-border); border-radius: var(--ngx-radius-sm); background: var(--ngx-surface); color: var(--ngx-text-muted); box-shadow: var(--ngx-shadow-sm); cursor: pointer; font: inherit; font-size: var(--ngx-font-size-xs); opacity: .72; }
.cookie-manage:hover[b-tzxa3hmsne], .cookie-manage:focus-visible[b-tzxa3hmsne] { opacity: 1; color: var(--ngx-text); border-color: var(--ngx-primary-border); }
@media (max-width: 820px) { .cookie-banner[b-tzxa3hmsne] { grid-template-columns: 1fr; } .cookie-actions[b-tzxa3hmsne] { justify-content: flex-start; } }
@media (max-width: 520px) { .cookie-banner[b-tzxa3hmsne] { left: 10px; right: 10px; bottom: 10px; padding: var(--ngx-space-4); } .cookie-actions[b-tzxa3hmsne] { display: grid; grid-template-columns: 1fr; } .cookie-actions[b-tzxa3hmsne]  .ngx-button { width: 100%; } .preference-row[b-tzxa3hmsne] { align-items: flex-start; } }
/* /Components/Shared/Forms/NgxForm.razor.rz.scp.css */
.ngx-form[b-zwz45z7of5]{display:grid;gap:var(--ngx-space-5);min-width:0}
/* /Components/Shared/Forms/NgxFormActions.razor.rz.scp.css */
.form-actions[b-v3c518s4le]{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.secondary[b-v3c518s4le]{margin-right:auto}.primary[b-v3c518s4le]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:639px){.form-actions[b-v3c518s4le],.primary[b-v3c518s4le]{width:100%}.form-actions[b-v3c518s4le]{align-items:stretch}.primary[b-v3c518s4le]{display:grid}.secondary[b-v3c518s4le]{width:100%;margin:0}}
/* /Components/Shared/Forms/NgxValidationMessage.razor.rz.scp.css */
.validation-message[b-k6wsdqnbb4]{margin-top:6px;color:var(--ngx-error);font-size:var(--ngx-font-size-xs);line-height:1.4}
/* /Components/Shared/MarketingButton.razor.rz.scp.css */
/* MarketingButton is now a compatibility wrapper around NgxButton. */
/* /Components/Shared/MarketingIcon.razor.rz.scp.css */
.icon[b-65g8yvzeiz] { width: 1em; height: 1em; display: block; }
/* /Components/Shared/PageShell.razor.rz.scp.css */
.page-hero[b-2f1zs2meif]{min-height:58vh;display:grid;align-items:center;padding:var(--ngx-hero-padding-top) 0 var(--ngx-hero-padding-bottom)}.eyebrow[b-2f1zs2meif]{color:var(--ngx-primary-2);font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1[b-2f1zs2meif]{max-width:880px;margin:10px 0 18px;font-size:var(--ngx-hero-title-size);line-height:1.02;letter-spacing:-.045em}.lead[b-2f1zs2meif]{max-width:720px;margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-hero-lead-size)}.content[b-2f1zs2meif]{margin-top:28px}@media(max-width:639px){.page-hero[b-2f1zs2meif]{min-height:48vh}}
/* /Components/Shared/SectionHeader.razor.rz.scp.css */
.section-header[b-54yyl164fk] {
    max-width: 760px;
    margin: 0 auto var(--ngx-space-8);
    text-align: center;
}

.eyebrow[b-54yyl164fk] {
    color: var(--ngx-primary-2);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

h2[b-54yyl164fk] {
    margin: 8px 0 10px;
    font-size: clamp(1.8rem, 3vw, 2.7rem);
    line-height: 1.15;
}

p[b-54yyl164fk] {
    margin: 0;
    color: var(--ngx-text-secondary);
}
/* /Components/Shared/States/NgxErrorState.razor.rz.scp.css */
.error-state[b-gxajcmv82u]{min-height:160px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:var(--ngx-space-7);border:1px solid var(--ngx-error-border);border-radius:var(--ngx-radius-lg);background:var(--ngx-error-soft)}.icon[b-gxajcmv82u]{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--ngx-error);color:white;font-weight:800}.copy[b-gxajcmv82u]{display:grid;gap:3px;max-width:520px}.copy strong[b-gxajcmv82u]{color:var(--ngx-text)}.copy p[b-gxajcmv82u]{margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}
/* /Components/Shared/States/NgxLoadingState.razor.rz.scp.css */
.loading-state[b-r5whygwfxi]{min-height:160px;display:flex;align-items:center;justify-content:center;gap:14px;padding:var(--ngx-space-7);border:1px solid var(--ngx-border-subtle);border-radius:var(--ngx-radius-lg);background:var(--ngx-card);text-align:left}.spinner[b-r5whygwfxi]{width:30px;height:30px;border-radius:50%;border:3px solid var(--ngx-border);border-top-color:var(--ngx-primary);animation:spin-b-r5whygwfxi .8s linear infinite}.loading-state div[b-r5whygwfxi]{display:grid;gap:3px}.loading-state strong[b-r5whygwfxi]{color:var(--ngx-text)}.loading-state p[b-r5whygwfxi]{margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}@keyframes spin-b-r5whygwfxi{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner[b-r5whygwfxi]{animation:none;border-top-color:var(--ngx-border)}}
/* /Components/Templates/CtaBannerTemplate.razor.rz.scp.css */
.cta[b-98uqyh1te4]{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;min-height:142px;padding:28px 42px;border:1px solid var(--ngx-primary-border);border-radius:var(--ngx-radius-lg);background:var(--ngx-gradient-cta);box-shadow:var(--ngx-shadow-blue)}.copy[b-98uqyh1te4],.actions[b-98uqyh1te4]{position:relative;z-index:1}.eyebrow[b-98uqyh1te4]{color:var(--ngx-primary-2);font-size:var(--ngx-font-size-xs);font-weight:var(--ngx-weight-bold);letter-spacing:.1em;text-transform:uppercase}h2[b-98uqyh1te4]{margin:4px 0 5px;font-size:clamp(1.55rem,2.5vw,2.35rem);letter-spacing:-.03em}p[b-98uqyh1te4]{margin:0;color:var(--ngx-text-secondary)}.actions[b-98uqyh1te4]{display:flex;flex-wrap:wrap;gap:12px}.dots[b-98uqyh1te4]{position:absolute;right:-20px;top:-40px;width:240px;height:220px;opacity:.24;background-image:radial-gradient(circle,var(--ngx-primary-2) 1px,transparent 1.5px);background-size:10px 10px;mask-image:radial-gradient(circle,#000 20%,transparent 72%)}@media(max-width:1023px){.cta[b-98uqyh1te4]{grid-template-columns:1fr;padding:28px}.actions[b-98uqyh1te4]{justify-content:flex-start}}@media(max-width:639px){.cta[b-98uqyh1te4]{padding:24px;border-radius:var(--ngx-radius-md)}.actions[b-98uqyh1te4]{display:grid;grid-template-columns:1fr}.actions[b-98uqyh1te4]  .ngx-button{width:100%}}
/* /Components/Templates/DemoFrameTemplate.razor.rz.scp.css */
.frame[b-l225zf3wx3]{overflow:hidden;border:1px solid var(--ngx-border-strong);border-radius:var(--ngx-radius-lg);background:var(--ngx-bg-subtle);box-shadow:var(--ngx-shadow-lg),var(--ngx-shadow-blue)}.topbar[b-l225zf3wx3]{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;border-bottom:1px solid var(--ngx-divider);background:var(--ngx-surface-2)}.brand[b-l225zf3wx3]{display:flex;align-items:center;gap:8px;color:var(--ngx-text);font-size:var(--ngx-font-size-xs);font-weight:var(--ngx-weight-bold);letter-spacing:.05em}.dot[b-l225zf3wx3]{width:8px;height:8px;border-radius:50%;background:var(--ngx-primary-2);box-shadow:0 0 14px var(--ngx-primary)}.tools[b-l225zf3wx3]{display:flex;align-items:center;gap:6px}.workspace[b-l225zf3wx3]{min-height:280px}.footer[b-l225zf3wx3]{padding:10px 14px;border-top:1px solid var(--ngx-divider);background:var(--ngx-surface-2)}
/* /Components/Templates/FeatureGridTemplate.razor.rz.scp.css */
.section[b-hgdwyvvxd8]{padding:var(--ngx-section-gap-compact) 0}.grid[b-hgdwyvvxd8]{display:grid;gap:var(--ngx-space-5)}.grid--2[b-hgdwyvvxd8]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3[b-hgdwyvvxd8]{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4[b-hgdwyvvxd8]{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-icon[b-hgdwyvvxd8]{width:46px;height:46px;display:grid;place-items:center;margin-bottom:var(--ngx-space-4);border:1px solid var(--ngx-primary-border);border-radius:var(--ngx-radius-md);background:var(--ngx-primary-soft);color:var(--ngx-primary-2);font-size:1.6rem}h3[b-hgdwyvvxd8]{margin:0 0 var(--ngx-space-2);font-size:1.05rem}p[b-hgdwyvvxd8]{margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}.more[b-hgdwyvvxd8]{display:inline-flex;margin-top:var(--ngx-space-4);color:var(--ngx-link);font-size:var(--ngx-font-size-sm);font-weight:var(--ngx-weight-semibold)}@media(max-width:1023px){.grid--4[b-hgdwyvvxd8],.grid--3[b-hgdwyvvxd8]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.grid--2[b-hgdwyvvxd8],.grid--3[b-hgdwyvvxd8],.grid--4[b-hgdwyvvxd8]{grid-template-columns:1fr}}
/* /Components/Templates/FormPanelTemplate.razor.rz.scp.css */
.form-panel[b-3gfb5givjy]{overflow:hidden;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-lg);background:var(--ngx-card);box-shadow:var(--ngx-shadow-sm)}header[b-3gfb5givjy]{padding:24px 26px;border-bottom:1px solid var(--ngx-divider)}header span[b-3gfb5givjy]{color:var(--ngx-primary-2);font-size:var(--ngx-font-size-xs);font-weight:var(--ngx-weight-bold);letter-spacing:.1em;text-transform:uppercase}h2[b-3gfb5givjy]{margin:4px 0 6px;font-size:1.45rem}p[b-3gfb5givjy]{margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}.form-body[b-3gfb5givjy]{padding:26px}footer[b-3gfb5givjy]{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1px solid var(--ngx-divider);background:var(--ngx-bg-subtle)}
/* /Components/Templates/PageHeroTemplate.razor.rz.scp.css */
.hero[b-b9r3tmvtgs]{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:var(--ngx-hero-grid-gap);align-items:center;padding:var(--ngx-hero-padding-top) 0 var(--ngx-hero-padding-bottom)}.hero--center[b-b9r3tmvtgs]{display:block;max-width:900px;margin-inline:auto;text-align:center}.hero--center .copy[b-b9r3tmvtgs]{max-width:840px;margin:auto}.eyebrow[b-b9r3tmvtgs]{margin-bottom:10px;color:var(--ngx-primary-2);font-size:var(--ngx-font-size-sm);font-weight:var(--ngx-weight-bold);letter-spacing:.1em;text-transform:uppercase}h1[b-b9r3tmvtgs]{margin:0;font-size:var(--ngx-hero-title-size);line-height:1.02;letter-spacing:-.045em}p[b-b9r3tmvtgs]{max-width:680px;margin:22px 0 0;color:var(--ngx-text-secondary);font-size:var(--ngx-hero-lead-size);line-height:1.7}.hero--center p[b-b9r3tmvtgs]{margin-inline:auto}.actions[b-b9r3tmvtgs]{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero--center .actions[b-b9r3tmvtgs]{justify-content:center}.media[b-b9r3tmvtgs]{min-width:0}@media(max-width:1023px){.hero[b-b9r3tmvtgs]{grid-template-columns:1fr}.media[b-b9r3tmvtgs]{max-width:880px}.hero--center[b-b9r3tmvtgs]{display:block}}@media(max-width:639px){.actions[b-b9r3tmvtgs]{display:grid;grid-template-columns:1fr}.actions[b-b9r3tmvtgs]  .ngx-button{width:100%}}
/* /Components/Templates/PricingCardTemplate.razor.rz.scp.css */
.pricing[b-w3qor51a9d] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 30px;
    border: 1px solid var(--ngx-border);
    border-radius: var(--ngx-radius-lg);
    background: var(--ngx-gradient-card);
    box-shadow: var(--ngx-shadow-sm);
    transition: transform var(--ngx-transition-control), border-color var(--ngx-transition-control), box-shadow var(--ngx-transition-control);
}

.pricing:hover[b-w3qor51a9d] {
    transform: translateY(-2px);
    border-color: var(--ngx-border-strong);
    box-shadow: var(--ngx-shadow-card);
}

.pricing.featured[b-w3qor51a9d] {
    border-color: var(--ngx-primary-2);
    box-shadow: var(--ngx-shadow-card), var(--ngx-shadow-blue);
}

.popular[b-w3qor51a9d] {
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    padding: 6px 20px;
    border-radius: var(--ngx-radius-pill);
    background: var(--ngx-gradient-primary);
    color: var(--ngx-white);
    font-size: var(--ngx-font-size-xs);
    font-weight: var(--ngx-weight-bold);
    text-transform: uppercase;
    letter-spacing: .07em;
    white-space: nowrap;
}

.plan-header[b-w3qor51a9d] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 15px;
    align-items: start;
}

.plan-icon[b-w3qor51a9d] {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 1px solid var(--ngx-primary-border);
    border-radius: var(--ngx-radius-md);
    background: var(--ngx-primary-soft);
    color: var(--ngx-primary-2);
}

.plan-icon[b-w3qor51a9d]  svg {
    width: 27px;
    height: 27px;
}

h3[b-w3qor51a9d] {
    margin: 0 0 6px;
    font-size: 1.45rem;
    letter-spacing: -.025em;
}

header p[b-w3qor51a9d] {
    margin: 0;
    color: var(--ngx-text-secondary);
    font-size: var(--ngx-font-size-sm);
    line-height: 1.55;
}

.price[b-w3qor51a9d] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin: 28px 0 6px;
}

.price strong[b-w3qor51a9d] {
    font-size: clamp(2rem, 4vw, 2.65rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.price span[b-w3qor51a9d] {
    color: var(--ngx-text-muted);
}

.price-note[b-w3qor51a9d] {
    min-height: 42px;
    margin: 0 0 22px;
    color: var(--ngx-text-muted);
    font-size: var(--ngx-font-size-xs);
    line-height: 1.55;
}

.action[b-w3qor51a9d] {
    margin-bottom: 24px;
}

.features[b-w3qor51a9d] {
    padding-top: 22px;
    border-top: 1px solid var(--ngx-divider);
    color: var(--ngx-text-secondary);
    font-size: var(--ngx-font-size-sm);
}

@media (max-width: 1023px) {
    .pricing[b-w3qor51a9d] { padding: 26px; }
}
/* /Components/Templates/ProcessStepsTemplate.razor.rz.scp.css */
.section[b-m2gpiobcgc]{padding:var(--ngx-space-9) 0}.steps[b-m2gpiobcgc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.step[b-m2gpiobcgc]{position:relative;min-width:0;padding:20px 16px;text-align:center;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);background:var(--ngx-card)}.number[b-m2gpiobcgc]{position:absolute;top:10px;right:12px;color:var(--ngx-primary-2);font-size:var(--ngx-font-size-xs);font-weight:var(--ngx-weight-bold)}.icon[b-m2gpiobcgc]{width:48px;height:48px;display:grid;place-items:center;margin:6px auto 12px;border-radius:50%;background:var(--ngx-primary-soft);color:var(--ngx-primary-2);font-size:1.55rem}h3[b-m2gpiobcgc]{margin:0 0 6px;font-size:.95rem}p[b-m2gpiobcgc]{margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-xs);line-height:1.5}
/* /Components/Templates/SplitContentTemplate.razor.rz.scp.css */
.split[b-fasb2qkqeu]{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;padding:var(--ngx-section-gap-compact) 0}.split.reverse .visual[b-fasb2qkqeu]{order:2}.split.reverse .copy[b-fasb2qkqeu]{order:1}.visual[b-fasb2qkqeu]{min-width:0}.eyebrow[b-fasb2qkqeu]{color:var(--ngx-primary-2);font-size:var(--ngx-font-size-sm);font-weight:var(--ngx-weight-bold);letter-spacing:.08em;text-transform:uppercase}h2[b-fasb2qkqeu]{margin:8px 0 14px;font-size:var(--ngx-section-title-size);letter-spacing:-.035em}p[b-fasb2qkqeu]{margin:0;color:var(--ngx-text-secondary);font-size:1rem}.content[b-fasb2qkqeu]{margin-top:20px}.actions[b-fasb2qkqeu]{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}@media(max-width:1023px){.split[b-fasb2qkqeu]{grid-template-columns:1fr}.split.reverse .visual[b-fasb2qkqeu],.split.reverse .copy[b-fasb2qkqeu]{order:initial}}@media(max-width:639px){.actions[b-fasb2qkqeu]{display:grid;grid-template-columns:1fr}.actions[b-fasb2qkqeu]  .ngx-button{width:100%}}
/* /Components/Ui/BrandLogo.razor.rz.scp.css */
.brand-logo[b-p4ncr9m5gp]{display:block;width:100%}.brand-logo img[b-p4ncr9m5gp]{width:100%;height:auto}.light-logo[b-p4ncr9m5gp]{display:none}
/* /Components/Ui/NgxAccordionItem.razor.rz.scp.css */
.accordion[b-ocq7pnd94d]{border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);background:var(--ngx-card)}summary[b-ocq7pnd94d]{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 18px;cursor:pointer;list-style:none;color:var(--ngx-text);font-weight:var(--ngx-weight-semibold)}summary[b-ocq7pnd94d]::-webkit-details-marker{display:none}.chevron[b-ocq7pnd94d]{color:var(--ngx-text-muted);transition:transform var(--ngx-transition-control)}details[open] .chevron[b-ocq7pnd94d]{transform:rotate(180deg)}.content[b-ocq7pnd94d]{padding:0 18px 18px;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}
/* /Components/Ui/NgxAlert.razor.rz.scp.css */
.alert[b-81nalqhg5e]{display:grid;grid-template-columns:4px 1fr;gap:14px;padding:14px 16px;border:1px solid var(--ngx-info-border);border-radius:var(--ngx-radius-md);background:var(--ngx-info-soft);color:var(--ngx-text-secondary)}.marker[b-81nalqhg5e]{border-radius:4px;background:var(--ngx-info)}strong[b-81nalqhg5e]{display:block;margin-bottom:3px;color:var(--ngx-text)}.body[b-81nalqhg5e]{font-size:var(--ngx-font-size-sm);line-height:1.55}.alert--success[b-81nalqhg5e]{border-color:var(--ngx-success-border);background:var(--ngx-success-soft)}.alert--success .marker[b-81nalqhg5e]{background:var(--ngx-success)}.alert--warning[b-81nalqhg5e]{border-color:var(--ngx-warning-border);background:var(--ngx-warning-soft)}.alert--warning .marker[b-81nalqhg5e]{background:var(--ngx-warning)}.alert--error[b-81nalqhg5e]{border-color:var(--ngx-error-border);background:var(--ngx-error-soft)}.alert--error .marker[b-81nalqhg5e]{background:var(--ngx-error)}
/* /Components/Ui/NgxBadge.razor.rz.scp.css */
.badge[b-v2ah6fobbd]{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-pill);background:var(--ngx-surface-2);color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-xs);font-weight:var(--ngx-weight-semibold);line-height:1}.badge--primary[b-v2ah6fobbd]{color:var(--ngx-primary-2);border-color:var(--ngx-primary-border);background:var(--ngx-primary-soft)}.badge--success[b-v2ah6fobbd]{color:var(--ngx-success);border-color:var(--ngx-success-border);background:var(--ngx-success-soft)}.badge--warning[b-v2ah6fobbd]{color:var(--ngx-warning);border-color:var(--ngx-warning-border);background:var(--ngx-warning-soft)}.badge--error[b-v2ah6fobbd]{color:var(--ngx-error);border-color:var(--ngx-error-border);background:var(--ngx-error-soft)}.badge--info[b-v2ah6fobbd]{color:var(--ngx-info);border-color:var(--ngx-info-border);background:var(--ngx-info-soft)}
/* /Components/Ui/NgxBreadcrumbs.razor.rz.scp.css */
.breadcrumbs[b-i0x60evchb]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--ngx-text-muted);font-size:var(--ngx-font-size-sm)}a[b-i0x60evchb]{color:var(--ngx-link)}a:hover[b-i0x60evchb]{color:var(--ngx-link-hover)}.separator[b-i0x60evchb]{opacity:.65}
/* /Components/Ui/NgxButton.razor.rz.scp.css */
.ngx-button[b-34fsrbcyso] {
    min-height: var(--ngx-control-md);
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid transparent;
    border-radius: var(--ngx-radius-sm);
    cursor: pointer;
    font-weight: var(--ngx-weight-semibold);
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: transform var(--ngx-transition-control), background var(--ngx-transition-control), border-color var(--ngx-transition-control), box-shadow var(--ngx-transition-control), color var(--ngx-transition-control);
}
.ngx-button:hover:not(.is-disabled)[b-34fsrbcyso] { transform: translateY(-1px); }
.ngx-button--sm[b-34fsrbcyso] { min-height: var(--ngx-control-sm); padding-inline: 14px; font-size: var(--ngx-font-size-sm); }
.ngx-button--lg[b-34fsrbcyso] { min-height: var(--ngx-control-lg); padding-inline: 24px; font-size: var(--ngx-font-size-md); }
.ngx-button--full[b-34fsrbcyso] { width: 100%; }
.ngx-button--primary[b-34fsrbcyso] { color: var(--ngx-white); background: var(--ngx-gradient-primary); box-shadow: 0 8px 28px rgba(13, 110, 253, .20); }
.ngx-button--primary:hover:not(.is-disabled)[b-34fsrbcyso] { background: var(--ngx-primary-hover); box-shadow: 0 10px 32px rgba(13, 110, 253, .25); }
.ngx-button--secondary[b-34fsrbcyso] { color: var(--ngx-text); border-color: var(--ngx-border-strong); background: var(--ngx-input-bg); }
.ngx-button--secondary:hover:not(.is-disabled)[b-34fsrbcyso] { border-color: var(--ngx-primary-2); background: var(--ngx-primary-soft); }
.ngx-button--ghost[b-34fsrbcyso] { color: var(--ngx-text-secondary); background: transparent; }
.ngx-button--ghost:hover:not(.is-disabled)[b-34fsrbcyso] { color: var(--ngx-text); background: var(--ngx-primary-soft); }
.ngx-button--danger[b-34fsrbcyso] { color: var(--ngx-white); background: var(--ngx-error); }
.ngx-button--success[b-34fsrbcyso] { color: var(--ngx-white); background: var(--ngx-success); }
.ngx-button--link[b-34fsrbcyso] { min-height: 0; padding: 0; color: var(--ngx-link); background: transparent; border: 0; }
.ngx-button--link:hover:not(.is-disabled)[b-34fsrbcyso] { color: var(--ngx-link-hover); transform: none; }
.is-disabled[b-34fsrbcyso] { opacity: .48; cursor: not-allowed; pointer-events: none; }
.ngx-button__spinner[b-34fsrbcyso]{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ngx-button-spin-b-34fsrbcyso .7s linear infinite}@keyframes ngx-button-spin-b-34fsrbcyso{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ngx-button__spinner[b-34fsrbcyso]{animation:none}}
/* /Components/Ui/NgxCard.razor.rz.scp.css */
.card[b-895nzc5sm8]{overflow:hidden;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-lg);background:var(--ngx-card);box-shadow:var(--ngx-shadow-xs);color:var(--ngx-text)}header[b-895nzc5sm8]{padding:18px 20px;border-bottom:1px solid var(--ngx-divider)}.body[b-895nzc5sm8]{padding:20px}footer[b-895nzc5sm8]{padding:16px 20px;border-top:1px solid var(--ngx-divider);background:var(--ngx-bg-subtle)}.card--elevated[b-895nzc5sm8]{box-shadow:var(--ngx-shadow-card)}.card--flat[b-895nzc5sm8]{box-shadow:none;background:var(--ngx-surface-2)}.card--interactive[b-895nzc5sm8]{transition:transform var(--ngx-transition-control),border-color var(--ngx-transition-control),box-shadow var(--ngx-transition-control)}.card--interactive:hover[b-895nzc5sm8]{transform:translateY(-2px);border-color:var(--ngx-primary-border);box-shadow:var(--ngx-shadow-card)}
/* /Components/Ui/NgxCheckbox.razor.rz.scp.css */
.checkbox[b-l3tu03cvqv]{display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm);user-select:none}.checkbox:hover[b-l3tu03cvqv]{color:var(--ngx-text)}input[b-l3tu03cvqv]{position:absolute;opacity:0;pointer-events:none}.box[b-l3tu03cvqv]{width:19px;height:19px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--ngx-input-border);border-radius:5px;background:var(--ngx-input-bg);transition:all var(--ngx-transition-control)}.box span[b-l3tu03cvqv]{opacity:0;color:white;font-size:12px;line-height:1}input:checked + .box[b-l3tu03cvqv]{border-color:var(--ngx-primary);background:var(--ngx-primary);box-shadow:0 0 0 2px var(--ngx-primary-softer)}input:checked + .box span[b-l3tu03cvqv]{opacity:1}input:focus-visible + .box[b-l3tu03cvqv]{box-shadow:var(--ngx-focus-ring)}.is-disabled[b-l3tu03cvqv]{opacity:.5;cursor:not-allowed}
/* /Components/Ui/NgxChip.razor.rz.scp.css */
.chip[b-c1vij93jdl]{min-height:32px;display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-pill);background:var(--ngx-surface-2);color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}.chip.is-selected[b-c1vij93jdl]{border-color:var(--ngx-primary-border);background:var(--ngx-primary-soft);color:var(--ngx-primary-2)}button[b-c1vij93jdl]{width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:16px;line-height:1}button:hover[b-c1vij93jdl]{background:var(--ngx-primary-soft)}
/* /Components/Ui/NgxDialogShell.razor.rz.scp.css */
.overlay[b-0tj1fr88tk]{position:fixed;inset:0;z-index:var(--ngx-z-modal);display:grid;place-items:center;padding:24px;background:var(--ngx-overlay);backdrop-filter:blur(8px)}.dialog[b-0tj1fr88tk]{width:min(620px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-lg);background:var(--ngx-surface-elevated);box-shadow:var(--ngx-shadow-lg)}header[b-0tj1fr88tk]{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--ngx-divider)}h2[b-0tj1fr88tk]{margin:2px 0 0;font-size:1.25rem}.eyebrow[b-0tj1fr88tk]{color:var(--ngx-primary-2);font-size:var(--ngx-font-size-xs);font-weight:var(--ngx-weight-bold);text-transform:uppercase;letter-spacing:.12em}header button[b-0tj1fr88tk]{width:34px;height:34px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-sm);background:var(--ngx-input-bg);color:var(--ngx-text-secondary);cursor:pointer}.body[b-0tj1fr88tk]{padding:22px}footer[b-0tj1fr88tk]{padding:16px 22px;border-top:1px solid var(--ngx-divider);background:var(--ngx-bg-subtle)}
/* /Components/Ui/NgxDivider.razor.rz.scp.css */
.divider[b-3fdj2bxwuh]{width:100%;height:1px;background:var(--ngx-divider)}.divider.vertical[b-3fdj2bxwuh]{width:1px;height:100%;min-height:24px}
/* /Components/Ui/NgxEmptyState.razor.rz.scp.css */
.empty-state[b-sr4hnsk7sn]{display:grid;justify-items:center;max-width:560px;margin:auto;padding:42px 24px;text-align:center}.icon[b-sr4hnsk7sn]{width:58px;height:58px;display:grid;place-items:center;margin-bottom:14px;border:1px solid var(--ngx-primary-border);border-radius:var(--ngx-radius-lg);background:var(--ngx-primary-soft);color:var(--ngx-primary-2);font-size:1.7rem}h3[b-sr4hnsk7sn]{margin:0 0 8px;font-size:1.15rem}p[b-sr4hnsk7sn]{margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}.actions[b-sr4hnsk7sn]{display:flex;gap:10px;margin-top:20px}
/* /Components/Ui/NgxField.razor.rz.scp.css */
.field[b-hpzisof2ac]{display:grid;gap:7px}.label[b-hpzisof2ac]{color:var(--ngx-text);font-size:var(--ngx-font-size-sm);font-weight:var(--ngx-weight-semibold)}.required[b-hpzisof2ac]{color:var(--ngx-error)}.control[b-hpzisof2ac]{min-width:0}.message[b-hpzisof2ac]{color:var(--ngx-text-muted);font-size:var(--ngx-font-size-xs);line-height:1.45}.message.error[b-hpzisof2ac]{color:var(--ngx-error)}
/* /Components/Ui/NgxIconButton.razor.rz.scp.css */
.ngx-icon-button[b-r6o4s52xpn] { width:var(--ngx-control-md);height:var(--ngx-control-md);display:inline-grid;place-items:center;padding:0;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-sm);background:var(--ngx-input-bg);color:var(--ngx-text-secondary);cursor:pointer;transition:all var(--ngx-transition-control); }
.ngx-icon-button:hover:not(:disabled)[b-r6o4s52xpn]{color:var(--ngx-primary-2);border-color:var(--ngx-primary-border);background:var(--ngx-primary-soft);}
.ngx-icon-button--sm[b-r6o4s52xpn]{width:var(--ngx-control-sm);height:var(--ngx-control-sm)}
.ngx-icon-button--lg[b-r6o4s52xpn]{width:var(--ngx-control-lg);height:var(--ngx-control-lg)}
.ngx-icon-button--ghost[b-r6o4s52xpn]{border-color:transparent;background:transparent}
.ngx-icon-button--primary[b-r6o4s52xpn]{color:var(--ngx-white);border-color:transparent;background:var(--ngx-primary)}
.ngx-icon-button:disabled[b-r6o4s52xpn]{opacity:.45;cursor:not-allowed}
/* /Components/Ui/NgxInput.razor.rz.scp.css */
.input-shell[b-29in79e9va]{min-height:var(--ngx-control-md);display:flex;align-items:center;overflow:hidden;border:1px solid var(--ngx-input-border);border-radius:var(--ngx-radius-sm);background:var(--ngx-input-bg);transition:border-color var(--ngx-transition-control),background var(--ngx-transition-control),box-shadow var(--ngx-transition-control)}.input-shell:focus-within[b-29in79e9va]{border-color:var(--ngx-primary-border);box-shadow:var(--ngx-focus-ring)}.input-shell:hover[b-29in79e9va]{background:var(--ngx-input-bg-hover)}.input-shell.is-invalid[b-29in79e9va]{border-color:var(--ngx-error)}input[b-29in79e9va]{width:100%;min-width:0;height:calc(var(--ngx-control-md) - 2px);padding:0 13px;border:0;outline:0;background:transparent;color:var(--ngx-text)}input[b-29in79e9va]::placeholder{color:var(--ngx-input-placeholder)}input:disabled[b-29in79e9va]{cursor:not-allowed;color:var(--ngx-text-disabled);background:var(--ngx-input-disabled-bg)}.adornment[b-29in79e9va]{display:flex;align-items:center;color:var(--ngx-text-muted);font-size:var(--ngx-font-size-sm);white-space:nowrap}.prefix[b-29in79e9va]{padding-left:13px}.suffix[b-29in79e9va]{padding-right:13px}
/* /Components/Ui/NgxPagination.razor.rz.scp.css */
.pagination[b-32w2htcxpo]{display:flex;align-items:center;gap:6px}.page[b-32w2htcxpo],.nav-button[b-32w2htcxpo]{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-sm);background:var(--ngx-input-bg);color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}.page:hover[b-32w2htcxpo],.nav-button:hover[b-32w2htcxpo]{border-color:var(--ngx-primary-border);color:var(--ngx-primary-2);background:var(--ngx-primary-soft)}.page.active[b-32w2htcxpo]{border-color:var(--ngx-primary);background:var(--ngx-primary);color:white}.disabled[b-32w2htcxpo]{opacity:.35;pointer-events:none}
/* /Components/Ui/NgxProgressBar.razor.rz.scp.css */
.progress-wrap[b-lm3ifvo488]{display:grid;gap:7px}.progress-label[b-lm3ifvo488]{display:flex;justify-content:space-between;gap:16px;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-xs)}.track[b-lm3ifvo488]{height:8px;overflow:hidden;border-radius:var(--ngx-radius-pill);background:var(--ngx-surface-3)}.bar[b-lm3ifvo488]{height:100%;border-radius:inherit;background:var(--ngx-primary);transition:width var(--ngx-duration-slow) var(--ngx-ease-standard)}.bar--success[b-lm3ifvo488]{background:var(--ngx-success)}.bar--warning[b-lm3ifvo488]{background:var(--ngx-warning)}.bar--error[b-lm3ifvo488]{background:var(--ngx-error)}
/* /Components/Ui/NgxRadio.razor.rz.scp.css */
.radio[b-z4aqnvnvx0]{display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm);user-select:none}.radio:hover[b-z4aqnvnvx0]{color:var(--ngx-text)}input[b-z4aqnvnvx0]{position:absolute;opacity:0}.dot[b-z4aqnvnvx0]{width:19px;height:19px;display:grid;place-items:center;border:1px solid var(--ngx-input-border);border-radius:50%;background:var(--ngx-input-bg)}.dot span[b-z4aqnvnvx0]{width:9px;height:9px;border-radius:50%;background:var(--ngx-primary);transform:scale(0);transition:transform var(--ngx-transition-control)}input:checked + .dot[b-z4aqnvnvx0]{border-color:var(--ngx-primary)}input:checked + .dot span[b-z4aqnvnvx0]{transform:scale(1)}input:focus-visible + .dot[b-z4aqnvnvx0]{box-shadow:var(--ngx-focus-ring)}.is-disabled[b-z4aqnvnvx0]{opacity:.5;cursor:not-allowed}
/* /Components/Ui/NgxSelect.razor.rz.scp.css */
select[b-dxlii56859]{width:100%;min-height:var(--ngx-control-md);padding:0 38px 0 13px;border:1px solid var(--ngx-input-border);border-radius:var(--ngx-radius-sm);outline:0;background-color:var(--ngx-input-bg);color:var(--ngx-text);cursor:pointer;transition:border-color var(--ngx-transition-control),box-shadow var(--ngx-transition-control),background var(--ngx-transition-control)}select:hover[b-dxlii56859]{background-color:var(--ngx-input-bg-hover)}select:focus[b-dxlii56859]{border-color:var(--ngx-primary-border);box-shadow:var(--ngx-focus-ring)}select:disabled[b-dxlii56859]{cursor:not-allowed;background:var(--ngx-input-disabled-bg);color:var(--ngx-text-disabled)}
/* /Components/Ui/NgxSkeleton.razor.rz.scp.css */
.skeleton[b-sgx5nvfvpw]{position:relative;overflow:hidden;background:var(--ngx-surface-3)}.skeleton[b-sgx5nvfvpw]::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,var(--ngx-primary-softer),transparent);animation:shimmer-b-sgx5nvfvpw 1.5s infinite}@keyframes shimmer-b-sgx5nvfvpw{100%{transform:translateX(100%)}}
/* /Components/Ui/NgxStatCard.razor.rz.scp.css */
.stat-card[b-3kwqmle7ig]{padding:18px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);background:var(--ngx-card)}.top[b-3kwqmle7ig]{display:flex;align-items:center;justify-content:space-between;gap:12px}.label[b-3kwqmle7ig]{color:var(--ngx-text-muted);font-size:var(--ngx-font-size-sm)}.value[b-3kwqmle7ig]{margin-top:7px;color:var(--ngx-text);font-size:1.65rem;font-weight:var(--ngx-weight-bold);line-height:1.15}.detail[b-3kwqmle7ig]{margin-top:5px;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-xs)}.dot[b-3kwqmle7ig]{width:8px;height:8px;border-radius:50%;background:var(--ngx-text-muted)}.dot--success[b-3kwqmle7ig]{background:var(--ngx-success)}.dot--warning[b-3kwqmle7ig]{background:var(--ngx-warning)}.dot--error[b-3kwqmle7ig]{background:var(--ngx-error)}.dot--primary[b-3kwqmle7ig]{background:var(--ngx-primary)}
/* /Components/Ui/NgxStatusDot.razor.rz.scp.css */
.status[b-8pek32zu2g]{display:inline-flex;align-items:center;gap:7px;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}.dot[b-8pek32zu2g]{width:8px;height:8px;border-radius:50%;background:var(--ngx-text-muted);box-shadow:0 0 0 3px var(--ngx-border-subtle)}.status--primary .dot[b-8pek32zu2g]{background:var(--ngx-primary)}.status--success .dot[b-8pek32zu2g]{background:var(--ngx-success)}.status--warning .dot[b-8pek32zu2g]{background:var(--ngx-warning)}.status--error .dot[b-8pek32zu2g]{background:var(--ngx-error)}
/* /Components/Ui/NgxSwitch.razor.rz.scp.css */
.switch[b-0davtxnmh9]{display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm);user-select:none}input[b-0davtxnmh9]{position:absolute;opacity:0}.track[b-0davtxnmh9]{width:42px;height:24px;padding:2px;display:flex;align-items:center;border:1px solid var(--ngx-input-border);border-radius:var(--ngx-radius-pill);background:var(--ngx-surface-3);transition:all var(--ngx-transition-control)}.thumb[b-0davtxnmh9]{width:18px;height:18px;border-radius:50%;background:var(--ngx-text-muted);box-shadow:var(--ngx-shadow-xs);transition:transform var(--ngx-transition-control),background var(--ngx-transition-control)}input:checked + .track[b-0davtxnmh9]{border-color:var(--ngx-primary);background:var(--ngx-primary)}input:checked + .track .thumb[b-0davtxnmh9]{transform:translateX(18px);background:white}input:focus-visible + .track[b-0davtxnmh9]{box-shadow:var(--ngx-focus-ring)}.is-disabled[b-0davtxnmh9]{opacity:.5;cursor:not-allowed}
/* /Components/Ui/NgxTable.razor.rz.scp.css */
.table-shell[b-k5r3yzg8xn]{overflow:hidden;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);background:var(--ngx-card)}.toolbar[b-k5r3yzg8xn],.footer[b-k5r3yzg8xn]{padding:14px 16px;background:var(--ngx-bg-subtle)}.toolbar[b-k5r3yzg8xn]{border-bottom:1px solid var(--ngx-divider)}.footer[b-k5r3yzg8xn]{border-top:1px solid var(--ngx-divider)}.scroll[b-k5r3yzg8xn]{overflow:auto}table[b-k5r3yzg8xn]{width:100%;border-collapse:collapse;min-width:640px;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}[b-k5r3yzg8xn] th{padding:13px 16px;text-align:left;color:var(--ngx-text);font-weight:var(--ngx-weight-semibold);background:var(--ngx-surface-2);border-bottom:1px solid var(--ngx-divider)}[b-k5r3yzg8xn] td{padding:14px 16px;border-bottom:1px solid var(--ngx-divider)}[b-k5r3yzg8xn] tbody tr:last-child td{border-bottom:0}[b-k5r3yzg8xn] tbody tr:hover td{background:var(--ngx-primary-softer)}table.compact[b-k5r3yzg8xn]  th,table.compact[b-k5r3yzg8xn]  td{padding-top:10px;padding-bottom:10px}
/* /Components/Ui/NgxTabs.razor.rz.scp.css */
.tabs[b-x3ti70sojr]{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--ngx-divider)}a[b-x3ti70sojr]{position:relative;min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm);font-weight:var(--ngx-weight-medium);white-space:nowrap}a:hover[b-x3ti70sojr]{color:var(--ngx-text);background:var(--ngx-primary-softer)}a.active[b-x3ti70sojr]{color:var(--ngx-primary-2)}a.active[b-x3ti70sojr]::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--ngx-primary-2)}
/* /Components/Ui/NgxTextArea.razor.rz.scp.css */
textarea[b-krlhazpyw0]{width:100%;min-height:118px;resize:vertical;padding:12px 13px;border:1px solid var(--ngx-input-border);border-radius:var(--ngx-radius-sm);outline:0;background:var(--ngx-input-bg);color:var(--ngx-text);line-height:1.55;transition:border-color var(--ngx-transition-control),box-shadow var(--ngx-transition-control),background var(--ngx-transition-control)}textarea:hover[b-krlhazpyw0]{background:var(--ngx-input-bg-hover)}textarea:focus[b-krlhazpyw0]{border-color:var(--ngx-primary-border);box-shadow:var(--ngx-focus-ring)}textarea[b-krlhazpyw0]::placeholder{color:var(--ngx-input-placeholder)}textarea.is-invalid[b-krlhazpyw0]{border-color:var(--ngx-error)}textarea:disabled[b-krlhazpyw0]{cursor:not-allowed;background:var(--ngx-input-disabled-bg);color:var(--ngx-text-disabled)}
/* /Components/Ui/NgxToastHost.razor.rz.scp.css */
.toast-host[b-g6bte1fcdf]{position:fixed;right:var(--ngx-page-gutter);bottom:var(--ngx-space-6);z-index:var(--ngx-z-toast);display:grid;gap:10px;width:min(390px,calc(100vw - (var(--ngx-page-gutter) * 2)));pointer-events:none}.toast[b-g6bte1fcdf]{display:grid;grid-template-columns:32px 1fr 28px;gap:10px;align-items:start;padding:14px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);background:var(--ngx-surface-elevated);box-shadow:var(--ngx-shadow-lg);color:var(--ngx-text);pointer-events:auto}.icon[b-g6bte1fcdf]{width:30px;height:30px;border-radius:var(--ngx-radius-pill);display:grid;place-items:center;font-weight:800;background:var(--ngx-info-soft);color:var(--ngx-info)}.content[b-g6bte1fcdf]{display:grid;gap:2px;min-width:0}.content strong[b-g6bte1fcdf]{font-size:var(--ngx-font-size-sm)}.content span[b-g6bte1fcdf]{color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm);line-height:1.45}.close[b-g6bte1fcdf]{border:0;background:transparent;color:var(--ngx-text-muted);font-size:20px;line-height:1;cursor:pointer;border-radius:var(--ngx-radius-xs)}.close:hover[b-g6bte1fcdf]{color:var(--ngx-text)}.close:focus-visible[b-g6bte1fcdf]{outline:none;box-shadow:var(--ngx-focus-ring)}.toast--success[b-g6bte1fcdf]{border-color:var(--ngx-success-border)}.toast--success .icon[b-g6bte1fcdf]{background:var(--ngx-success-soft);color:var(--ngx-success)}.toast--warning[b-g6bte1fcdf]{border-color:var(--ngx-warning-border)}.toast--warning .icon[b-g6bte1fcdf]{background:var(--ngx-warning-soft);color:var(--ngx-warning)}.toast--error[b-g6bte1fcdf]{border-color:var(--ngx-error-border)}.toast--error .icon[b-g6bte1fcdf]{background:var(--ngx-error-soft);color:var(--ngx-error)}@media(max-width:640px){.toast-host[b-g6bte1fcdf]{right:16px;bottom:16px;width:calc(100vw - 32px)}}
/* /Components/Ui/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-cxn9mmo7g5]{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-sm);background:var(--ngx-input-bg);color:var(--ngx-text-secondary);cursor:pointer;transition:all var(--ngx-transition-control)}.theme-toggle:hover[b-cxn9mmo7g5]{color:var(--ngx-primary-2);border-color:var(--ngx-primary-border);background:var(--ngx-primary-soft)}svg[b-cxn9mmo7g5]{width:19px;height:19px}