/* /Components/Features/About/AboutPage.razor.rz.scp.css */
.about-page[b-4334qlkb1n] {
    position: relative;
    overflow: hidden;
    padding: 0 0 20px;
    background:
        radial-gradient(circle at 82% 9%, color-mix(in srgb, var(--ngx-primary) 8%, transparent), transparent 28rem),
        radial-gradient(circle at 12% 48%, color-mix(in srgb, var(--ngx-primary) 4%, transparent), transparent 30rem);
}

.about-page[b-4334qlkb1n]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .18;
    pointer-events: none;
    background-image:
        linear-gradient(color-mix(in srgb, var(--ngx-primary) 4%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--ngx-primary) 4%, transparent) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.38), transparent 40%);
}

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

.about-hero[b-4334qlkb1n] {
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(660px, 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) - 12px);
}

.about-hero__copy[b-4334qlkb1n] { position: relative; z-index: 2; max-width: 620px; }
.about-hero h1[b-4334qlkb1n] {
    max-width: 620px;
    margin: 0;
    color: var(--ngx-text);
    font-size: var(--ngx-hero-title-size);
    font-weight: 790;
    line-height: .98;
    letter-spacing: -.055em;
}
.about-hero__lead[b-4334qlkb1n] {
    max-width: 590px;
    margin: 24px 0 14px !important;
    color: var(--ngx-text) !important;
    font-size: var(--ngx-hero-lead-size) !important;
    line-height: 1.68 !important;
}
.about-hero__copy > p[b-4334qlkb1n] {
    max-width: 550px;
    margin: 0 0 12px;
    color: var(--ngx-text-secondary);
    font-size: var(--ngx-hero-lead-size);
    line-height: 1.68;
}
.about-hero__actions[b-4334qlkb1n] { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.about-hero__actions[b-4334qlkb1n]  .ngx-button { min-width: 150px; }
.about-hero__actions[b-4334qlkb1n]  .icon,
.about-cta__actions[b-4334qlkb1n]  .icon { width: 17px; height: 17px; margin-right: 7px; }

.about-hero__visual[b-4334qlkb1n] {
    position: relative;
    min-height: 390px;
    display: grid;
    align-items: center;
    isolation: isolate;
}
.about-hero__visual[b-4334qlkb1n]::before {
    content: "";
    position: absolute;
    inset: 8% -4% 5% 2%;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(ellipse, color-mix(in srgb, var(--ngx-primary) 13%, transparent), transparent 68%);
    filter: blur(26px);
    opacity: .7;
}
.about-hero__visual img[b-4334qlkb1n] {
    display: block;
    width: min(100%, 820px);
    margin-left: auto;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 22px 45px rgba(0, 74, 170, .16));
    border-radius: 10px;
    mask-image: radial-gradient(ellipse 85% 86% at center, #000 70%, transparent 100%);
}

.about-core-grid[b-4334qlkb1n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    padding: 8px 0 46px;
}
.about-message-card[b-4334qlkb1n],
.about-feature-card[b-4334qlkb1n],
.about-work-panel[b-4334qlkb1n],
.about-mission[b-4334qlkb1n] {
    border: 1px solid color-mix(in srgb, var(--ngx-border) 88%, var(--ngx-primary) 12%);
    background: linear-gradient(145deg, color-mix(in srgb, var(--ngx-card) 98%, transparent), color-mix(in srgb, var(--ngx-bg-subtle) 97%, transparent));
    box-shadow: 0 10px 32px rgba(0,0,0,.12);
}
.about-message-card[b-4334qlkb1n] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 18px;
    min-height: 228px;
    padding: 22px 22px 20px;
    border-radius: 10px;
}
.about-icon[b-4334qlkb1n],
.about-feature-icon[b-4334qlkb1n],
.about-work-icon[b-4334qlkb1n],
.about-mission__icon[b-4334qlkb1n] {
    display: grid;
    place-items: center;
    border: 1px solid var(--ngx-primary-border);
    background: color-mix(in srgb, var(--ngx-primary) 7%, transparent);
    color: var(--ngx-primary-2);
    box-shadow: inset 0 0 28px color-mix(in srgb, var(--ngx-primary) 6%, transparent), 0 0 24px rgba(0, 102, 255, .08);
}
.about-icon[b-4334qlkb1n] { width: 58px; height: 58px; border-radius: 50%; }
.about-icon[b-4334qlkb1n]  .icon { width: 29px; height: 29px; }
.about-message-card h2[b-4334qlkb1n],
.about-feature-card h3[b-4334qlkb1n],
.about-work-panel h3[b-4334qlkb1n],
.about-mission h2[b-4334qlkb1n],
.about-cta h2[b-4334qlkb1n] { color: var(--ngx-text); }
.about-message-card h2[b-4334qlkb1n] { margin: 3px 0 10px; font-size: 1.07rem; letter-spacing: -.02em; }
.about-message-card p[b-4334qlkb1n] { margin: 0 0 10px; color: var(--ngx-text-secondary); font-size: .82rem; line-height: 1.55; }
.about-message-card p:last-child[b-4334qlkb1n] { margin-bottom: 0; }

.about-section[b-4334qlkb1n] { padding: 12px 0 48px; }
.about-section__header[b-4334qlkb1n] { margin: 0 0 18px; }
.about-section__header h2[b-4334qlkb1n] { margin: 0 0 5px; color: var(--ngx-text); font-size: clamp(1.75rem, 2.2vw, 2.25rem); letter-spacing: -.035em; }
.about-section__header p[b-4334qlkb1n] { margin: 0; color: var(--ngx-text-secondary); font-size: .9rem; }
.about-section__header--center[b-4334qlkb1n] { text-align: center; }

.about-feature-grid[b-4334qlkb1n] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.about-feature-card[b-4334qlkb1n] { min-height: 238px; padding: 22px 16px 18px; border-radius: 10px; text-align: center; }
.about-feature-icon[b-4334qlkb1n] { width: 70px; height: 70px; margin: 0 auto 18px; border-radius: 50%; }
.about-feature-icon[b-4334qlkb1n]  .icon { width: 34px; height: 34px; }
.about-feature-card h3[b-4334qlkb1n] { margin: 0 0 10px; font-size: .98rem; line-height: 1.25; letter-spacing: -.015em; }
.about-feature-card p[b-4334qlkb1n] { margin: 0; color: var(--ngx-text-secondary); font-size: .8rem; line-height: 1.55; }

.about-work[b-4334qlkb1n] { padding-top: 4px; }
.about-work-panel[b-4334qlkb1n] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-radius: 10px; overflow: hidden; }
.about-work-panel article[b-4334qlkb1n] { position: relative; min-height: 210px; padding: 22px 34px 20px; text-align: center; }
.about-work-panel article + article[b-4334qlkb1n]::before { content: ""; position: absolute; left: 0; top: 24px; bottom: 24px; width: 1px; background: var(--ngx-border); }
.about-work-icon[b-4334qlkb1n] { width: 58px; height: 58px; margin: 0 auto 13px; border-radius: 50%; }
.about-work-icon[b-4334qlkb1n]  .icon { width: 28px; height: 28px; }
.about-work-panel h3[b-4334qlkb1n] { margin: 0 0 9px; font-size: 1rem; }
.about-work-panel p[b-4334qlkb1n] { max-width: 330px; margin: 0 auto; color: var(--ngx-text-secondary); font-size: .81rem; line-height: 1.55; }

.about-mission[b-4334qlkb1n] {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    align-items: center;
    gap: 28px;
    margin: 0 0 38px;
    padding: 20px 28px;
    border-radius: 10px;
    background:
        radial-gradient(circle at 13% 50%, color-mix(in srgb, var(--ngx-primary) 9%, transparent), transparent 15rem),
        linear-gradient(145deg, color-mix(in srgb, var(--ngx-card) 98%, transparent), color-mix(in srgb, var(--ngx-bg-subtle) 97%, transparent));
}
.about-mission__icon[b-4334qlkb1n] { width: 108px; height: 108px; margin: auto; border-radius: 50%; }
.about-mission__icon[b-4334qlkb1n]  .icon { width: 52px; height: 52px; }
.about-mission h2[b-4334qlkb1n] { margin: 0 0 8px; font-size: clamp(1.7rem, 2.3vw, 2.25rem); letter-spacing: -.035em; }
.about-mission p[b-4334qlkb1n] { margin: 0 0 8px; color: var(--ngx-text-secondary); font-size: .88rem; line-height: 1.55; }
.about-mission p:last-child[b-4334qlkb1n] { margin-bottom: 0; }

.about-cta[b-4334qlkb1n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 36px;
    padding: 6px 8px 26px;
}
.about-cta__copy[b-4334qlkb1n] { max-width: 620px; }
.about-cta h2[b-4334qlkb1n] { max-width: 560px; margin: 0 0 8px; font-size: clamp(1.85rem, 2.8vw, 2.75rem); line-height: 1.08; letter-spacing: -.04em; }
.about-cta p[b-4334qlkb1n] { margin: 0; color: var(--ngx-text-secondary); font-size: .92rem; }
.about-cta__actions[b-4334qlkb1n] { display: flex; align-items: center; gap: 16px; }
.about-cta__actions[b-4334qlkb1n]  .ngx-button { min-width: 190px; }

.about-cta__actions-wrap[b-4334qlkb1n] { display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
.about-linkedin-link[b-4334qlkb1n] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ngx-text-secondary);
    font-size: .86rem;
    font-weight: 650;
    transition: color var(--ngx-transition-control), transform var(--ngx-transition-control);
}
.about-linkedin-link:hover[b-4334qlkb1n] { color: var(--ngx-primary-2); transform: translateX(2px); }
.about-linkedin-mark[b-4334qlkb1n] {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    background: var(--ngx-primary);
    color: #fff;
    font: 800 .72rem/1 Arial, sans-serif;
}

@media (max-width: 1160px) {
    .about-hero[b-4334qlkb1n] { grid-template-columns: minmax(320px, .82fr) minmax(520px, 1.18fr); gap: 34px; }
    .about-feature-grid[b-4334qlkb1n] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .about-feature-card:nth-child(4)[b-4334qlkb1n], .about-feature-card:nth-child(5)[b-4334qlkb1n] { min-height: 220px; }
}

@media (max-width: 1023px) {
    .about-page[b-4334qlkb1n] { padding-top: 0; }
    .about-hero[b-4334qlkb1n] { grid-template-columns: 1fr; gap: 26px; min-height: 0; padding-bottom: calc(var(--ngx-hero-padding-bottom) - 6px); }
    .about-hero__copy[b-4334qlkb1n] { max-width: 760px; }
    .about-hero__visual[b-4334qlkb1n] { min-height: 300px; }
    .about-hero__visual img[b-4334qlkb1n] { width: min(100%, 720px); margin-inline: auto; }
    .about-core-grid[b-4334qlkb1n] { grid-template-columns: 1fr; }
    .about-message-card[b-4334qlkb1n] { min-height: 0; }
    .about-work-panel[b-4334qlkb1n] { grid-template-columns: 1fr; }
    .about-work-panel article[b-4334qlkb1n] { min-height: 0; padding-block: 24px; }
    .about-work-panel article + article[b-4334qlkb1n]::before { top: 0; right: 24px; bottom: auto; left: 24px; width: auto; height: 1px; }
    .about-mission[b-4334qlkb1n] { grid-template-columns: 150px minmax(0,1fr); }
    .about-cta[b-4334qlkb1n] { grid-template-columns: 1fr; }
    .about-cta__actions[b-4334qlkb1n] { justify-content: flex-start; }
    .about-cta__actions-wrap[b-4334qlkb1n] { align-items: flex-start; }
}

@media (max-width: 680px) {
    .about-hero__visual[b-4334qlkb1n] { min-height: 230px; }
    .about-core-grid[b-4334qlkb1n] { padding-bottom: 34px; }
    .about-message-card[b-4334qlkb1n] { grid-template-columns: 50px minmax(0,1fr); padding: 18px; }
    .about-icon[b-4334qlkb1n] { width: 48px; height: 48px; }
    .about-feature-grid[b-4334qlkb1n] { grid-template-columns: 1fr; }
    .about-feature-card[b-4334qlkb1n] { min-height: 0; padding: 20px; }
    .about-feature-icon[b-4334qlkb1n] { width: 62px; height: 62px; margin-bottom: 14px; }
    .about-mission[b-4334qlkb1n] { grid-template-columns: 1fr; gap: 14px; padding: 24px 20px; text-align: center; }
    .about-mission__icon[b-4334qlkb1n] { width: 88px; height: 88px; }
    .about-cta[b-4334qlkb1n] { padding-inline: 0; }
    .about-cta__actions[b-4334qlkb1n] { flex-direction: column; align-items: stretch; }
    .about-cta__actions-wrap[b-4334qlkb1n] { width: 100%; align-items: stretch; }
    .about-linkedin-link[b-4334qlkb1n] { justify-content: center; }
    .about-cta__actions[b-4334qlkb1n]  .ngx-button,
    .about-hero__actions[b-4334qlkb1n]  .ngx-button { width: 100%; min-width: 0; }
    .about-hero__actions[b-4334qlkb1n] { display: grid; grid-template-columns: 1fr; }
}

/* v77 — About hero artwork uses a real transparent background so it blends into the page. */
.about-hero__visual[b-4334qlkb1n]::before {
    inset: 5% -2% 2% 0;
    opacity: .48;
    filter: blur(32px);
}
.about-hero__visual img[b-4334qlkb1n] {
    border-radius: 0;
    filter: saturate(.94) brightness(.98) drop-shadow(0 22px 44px rgba(0,74,170,.11));
    -webkit-mask-image: none;
    mask-image: none;
}
/* /Components/Features/Contact/ContactPage.razor.rz.scp.css */
.contact-page[b-0ags6654j6] {
    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-0ags6654j6]::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-0ags6654j6]  .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-0ags6654j6]  .contact-hero__copy {
    position: relative;
    z-index: 2;
    align-self: start;
    max-width: 610px;
    padding-top: 12px;
}

.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .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-0ags6654j6]  .contact-hero__visual {
    position: relative;
    min-height: 220px;
    align-self: stretch;
    overflow: visible;
    isolation: isolate;
}

.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .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-0ags6654j6]  .contact-main {
    display: grid;
    grid-template-columns: minmax(340px, .32fr) minmax(0, .68fr);
    gap: 16px;
    padding: 0;
}

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

.contact-page[b-0ags6654j6]  .info-card,
.contact-page[b-0ags6654j6]  .form-panel,
.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .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-0ags6654j6]  .info-icon,
.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .info-icon svg { width: 34px; height: 34px; }
.contact-page[b-0ags6654j6]  .demo-cta__icon svg { width: 31px; height: 31px; }
.contact-page[b-0ags6654j6]  .info-card__body { min-width: 0; }

.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .info-card p,
.contact-page[b-0ags6654j6]  .info-card a,
.contact-page[b-0ags6654j6]  .info-card small {
    display: block;
    margin: 0;
    color: var(--ngx-text-secondary);
    font-size: .84rem;
    line-height: 1.4;
}

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

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

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

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

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

.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.contact-page[b-0ags6654j6]  .form-grid .wide { grid-column: 1 / -1; }
.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .form-grid .field { gap: 2px; }
.contact-page[b-0ags6654j6]  .form-grid .validation-message {
    margin-top: 2px;
    color: var(--ngx-error);
    font-size: .72rem;
}

.contact-page[b-0ags6654j6]  .form-grid .input-shell,
.contact-page[b-0ags6654j6]  .form-grid select,
.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .form-grid .input-shell { min-height: 40px; }
.contact-page[b-0ags6654j6]  .form-grid .input-shell input {
    height: 38px;
    padding-inline: 9px 11px;
    font-size: .84rem;
}

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

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

.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .field-prefix svg { width: 15px; height: 15px; }
.contact-page[b-0ags6654j6]  .field-prefix--top { top: 12px; transform: none; }

.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .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-0ags6654j6]  .form-grid textarea::placeholder,
.contact-page[b-0ags6654j6]  .form-grid input::placeholder { color: var(--ngx-input-placeholder); }

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

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

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

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

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

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

.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .demo-cta__icon { width: 58px; height: 58px; }
.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .demo-cta__copy p {
    margin: 0;
    color: var(--ngx-text-secondary);
    font-size: .82rem;
    line-height: 1.4;
}

.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .demo-cta .ngx-button:hover { background: var(--ngx-primary-soft); }

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

.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .success-icon svg { width: 26px; height: 26px; }
.contact-page[b-0ags6654j6]  .success-panel h2 { max-width: 620px; margin: 0 0 16px; }
.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .reference strong { color: var(--ngx-text); font-family: var(--ngx-font-mono); }
.contact-page[b-0ags6654j6]  .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-0ags6654j6] { width: 100%; }
    .contact-page[b-0ags6654j6]  .contact-hero {
        grid-template-columns: minmax(430px, .43fr) minmax(0, .57fr);
        min-height: 205px;
    }
    .contact-page[b-0ags6654j6]  .contact-hero__visual { min-height: 205px; }
    .contact-page[b-0ags6654j6]  .contact-hero__office {
        top: 43%;
        right: -10px;
        width: min(126%, 880px);
    }
    .contact-page[b-0ags6654j6]  .contact-main {
        grid-template-columns: minmax(320px, .34fr) minmax(0, .66fr);
        gap: 14px;
    }
    .contact-page[b-0ags6654j6]  .form-panel { padding-inline: 24px; }
}

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

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

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

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

.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .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-0ags6654j6]  .info-card--spotlight .info-icon svg {
    width: 44px;
    height: 44px;
}

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

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

.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .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-0ags6654j6]  .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-0ags6654j6]  .form-header {
    margin-bottom: 18px;
}

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

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

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

.contact-page[b-0ags6654j6]  .form-grid--compact .input-shell,
.contact-page[b-0ags6654j6]  .form-grid--compact select,
.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .form-grid--compact .input-shell { min-height: 52px; }
.contact-page[b-0ags6654j6]  .form-grid--compact .input-shell input {
    height: 50px;
    font-size: .97rem;
    padding-inline: 10px 14px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


/* Unified marketing hero pattern: contact now matches the shared NOVOGEX header structure. */
.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .contact-hero__copy {
    align-self: center;
    max-width: 620px;
    padding-top: 0;
}

.contact-page[b-0ags6654j6]  .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-0ags6654j6]  .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-0ags6654j6]  .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-0ags6654j6]  .contact-hero__visual {
    min-height: 260px;
}

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

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

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

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

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

    .contact-page[b-0ags6654j6]  .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-0ags6654j6]  .contact-info {
        display: block;
    }

    .contact-page[b-0ags6654j6]  .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-unc4ou3w7j]{padding:28px 0 80px}.showcase[b-unc4ou3w7j]{padding:44px 0;border-top:1px solid var(--ngx-divider)}.section-heading[b-unc4ou3w7j]{max-width:720px;margin-bottom:22px}.section-heading>span[b-unc4ou3w7j]{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-unc4ou3w7j]{margin:6px 0 7px;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em}.section-heading p[b-unc4ou3w7j]{margin:0;color:var(--ngx-text-secondary)}.color-grid[b-unc4ou3w7j]{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.swatch[b-unc4ou3w7j]{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-unc4ou3w7j],.swatch code[b-unc4ou3w7j]{padding:2px 5px;border-radius:5px;background:rgba(0,0,0,.26);color:white}.swatch code[b-unc4ou3w7j]{font-size:.68rem}.swatch.primary[b-unc4ou3w7j]{background:var(--ngx-primary)}.swatch.surface[b-unc4ou3w7j]{background:var(--ngx-surface)}.swatch.surface b[b-unc4ou3w7j],.swatch.surface code[b-unc4ou3w7j],.swatch.text b[b-unc4ou3w7j],.swatch.text code[b-unc4ou3w7j]{color:var(--ngx-text);background:var(--ngx-bg-soft)}.swatch.success[b-unc4ou3w7j]{background:var(--ngx-success)}.swatch.warning[b-unc4ou3w7j]{background:var(--ngx-warning)}.swatch.error[b-unc4ou3w7j]{background:var(--ngx-error)}.swatch.text[b-unc4ou3w7j]{background:var(--ngx-text)}.row-wrap[b-unc4ou3w7j]{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.form-grid[b-unc4ou3w7j]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.wide[b-unc4ou3w7j]{grid-column:1/-1}.control-group[b-unc4ou3w7j]{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-unc4ou3w7j]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-grid[b-unc4ou3w7j]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.feedback-stack[b-unc4ou3w7j],.skeleton-stack[b-unc4ou3w7j],.accordion-stack[b-unc4ou3w7j]{display:grid;gap:12px}.table-toolbar[b-unc4ou3w7j]{display:flex;align-items:center;justify-content:space-between;gap:16px}@media(max-width:1050px){.color-grid[b-unc4ou3w7j]{grid-template-columns:repeat(3,1fr)}.stat-grid[b-unc4ou3w7j]{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.color-grid[b-unc4ou3w7j],.form-grid[b-unc4ou3w7j],.alert-grid[b-unc4ou3w7j],.stat-grid[b-unc4ou3w7j]{grid-template-columns:1fr}.wide[b-unc4ou3w7j]{grid-column:auto}}
/* /Components/Features/Examples/Demo/GardenShedDemoPage.razor.rz.scp.css */
.demo-page[b-k1du2og0ga] { display: grid; gap: var(--ngx-space-7); padding-block: var(--ngx-space-7) var(--ngx-space-11); }
.demo-head[b-k1du2og0ga] { display: flex; align-items: end; justify-content: space-between; gap: var(--ngx-space-7); }
.back[b-k1du2og0ga] { display: inline-block; margin-bottom: var(--ngx-space-5); color: var(--ngx-link); font-size: var(--ngx-font-size-sm); }
.eyebrow[b-k1du2og0ga] { color: var(--ngx-primary-2); font-size: var(--ngx-font-size-sm); font-weight: var(--ngx-weight-semibold); }
h1[b-k1du2og0ga] { margin: var(--ngx-space-2) 0 var(--ngx-space-3); font-size: clamp(2.2rem, 4vw, 4rem); }
p[b-k1du2og0ga] { margin: 0; max-width: 720px; color: var(--ngx-text-secondary); }
@media (max-width: 700px) { .demo-head[b-k1du2og0ga] { align-items: start; flex-direction: column; } }


/* Real published-configurator showcase. Set Demo:PublishedConfiguratorUrl to the public NOVOGEX product URL. */
.published-configurator[b-k1du2og0ga] {
    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-k1du2og0ga] {
    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-k1du2og0ga] { display: grid; gap: 2px; }
.published-configurator__bar span[b-k1du2og0ga] { 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-k1du2og0ga] { font-size: var(--ngx-font-size-sm); }
.published-configurator__bar a[b-k1du2og0ga] { 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-k1du2og0ga] { text-decoration: underline; }
.published-configurator iframe[b-k1du2og0ga] { 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-k1du2og0ga] { align-items: flex-start; flex-direction: column; padding-block: var(--ngx-space-4); }
    .published-configurator iframe[b-k1du2og0ga] { min-height: 680px; height: 78vh; }
}
/* /Components/Features/Examples/Demo/Sections/DemoViewerHost.razor.rz.scp.css */
.viewer[b-7s8qsdsdtr] { min-width: 0; display: grid; grid-template-rows: auto 1fr auto; background: var(--ngx-bg-soft); }
.viewer-head[b-7s8qsdsdtr], footer[b-7s8qsdsdtr] { 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-7s8qsdsdtr] { display: block; color: var(--ngx-text-muted); font-size: var(--ngx-font-size-xs); }
.viewer-head strong[b-7s8qsdsdtr] { display: block; font-size: var(--ngx-font-size-sm); }
.canvas[b-7s8qsdsdtr] { 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-7s8qsdsdtr] { width: 100%; height: 100%; object-fit: cover; }
.selection[b-7s8qsdsdtr] { 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-7s8qsdsdtr] { display: block; opacity: .7; font-size: var(--ngx-font-size-xs); }.selection b[b-7s8qsdsdtr] { display: block; margin-top: 2px; }
footer[b-7s8qsdsdtr] { 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-7s8qsdsdtr] { color: var(--ngx-success); }
@media (max-width: 760px) { .canvas[b-7s8qsdsdtr] { min-height: 330px; } footer[b-7s8qsdsdtr] { align-items: start; flex-direction: column; justify-content: center; padding-block: 10px; } }
/* /Components/Features/Examples/Demo/Sections/GardenShedConfiguratorShell.razor.rz.scp.css */
.configurator[b-5trnhomgot] { 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-5trnhomgot] { padding: var(--ngx-space-6); background: color-mix(in srgb, var(--ngx-surface) 82%, transparent); }
.options-panel[b-5trnhomgot] { border-right: 1px solid var(--ngx-divider); }
.summary-panel[b-5trnhomgot] { border-left: 1px solid var(--ngx-divider); }
header span[b-5trnhomgot] { 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-5trnhomgot] { margin: 4px 0 0; font-size: var(--ngx-font-size-xl); }
.option-group[b-5trnhomgot] { min-width: 0; margin: var(--ngx-space-6) 0 0; padding: 0; border: 0; }
.option-group legend[b-5trnhomgot] { 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-5trnhomgot] { display: grid; gap: 8px; }
.choice-grid--text[b-5trnhomgot] { grid-template-columns: repeat(3, 1fr); }
.choice[b-5trnhomgot] { 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-5trnhomgot] { border-color: var(--ngx-primary-border); color: var(--ngx-text); }
.choice.is-selected[b-5trnhomgot] { 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-5trnhomgot] { display: flex; flex-wrap: wrap; gap: 9px; }
.color-choice[b-5trnhomgot] { 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-5trnhomgot] { display: block; width: 100%; height: 100%; border-radius: 50%; background: #294f78; }
.color-choice.tone-1 span[b-5trnhomgot] { background: #464c55; } .color-choice.tone-2 span[b-5trnhomgot] { background: #844b3d; } .color-choice.tone-3 span[b-5trnhomgot] { background: #d6cbbb; } .color-choice.tone-4 span[b-5trnhomgot] { background: #3f6256; }
.color-choice.is-selected[b-5trnhomgot] { border-color: var(--ngx-primary); box-shadow: 0 0 0 2px var(--ngx-primary-soft); }
dl[b-5trnhomgot] { margin: var(--ngx-space-6) 0; display: grid; gap: var(--ngx-space-3); }
dl div[b-5trnhomgot] { display: flex; justify-content: space-between; gap: 12px; padding-bottom: var(--ngx-space-3); border-bottom: 1px solid var(--ngx-divider); }
dt[b-5trnhomgot] { color: var(--ngx-text-muted); font-size: var(--ngx-font-size-sm); } dd[b-5trnhomgot] { margin: 0; text-align: right; font-size: var(--ngx-font-size-sm); font-weight: var(--ngx-weight-semibold); }
.summary-panel[b-5trnhomgot]  .alert { margin-bottom: var(--ngx-space-5); }
@media (max-width: 1120px) { .configurator[b-5trnhomgot] { grid-template-columns: 240px 1fr; } .summary-panel[b-5trnhomgot] { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--ngx-divider); } }
@media (max-width: 760px) { .configurator[b-5trnhomgot] { grid-template-columns: 1fr; } .options-panel[b-5trnhomgot] { border-right: 0; border-bottom: 1px solid var(--ngx-divider); } .choice-grid--text[b-5trnhomgot] { grid-template-columns: 1fr; } }
/* /Components/Features/Examples/ExamplesPage.razor.rz.scp.css */
.examples-page[b-1ssw4rxjuq]{display:grid;gap:var(--ngx-section-gap)}
@media(max-width:1023px){.examples-page[b-1ssw4rxjuq]{gap:var(--ngx-section-gap-compact)}}
/* /Components/Features/Examples/Sections/ExamplesCatalogSection.razor.rz.scp.css */

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

.heading[b-hzvgfa10v1] {
    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-hzvgfa10v1],
.empty-eyebrow[b-hzvgfa10v1] {
    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-hzvgfa10v1],
.empty-copy h2[b-hzvgfa10v1] {
    margin: var(--ngx-space-2) 0 0;
    font-size: var(--ngx-section-title-size);
    letter-spacing: -.04em;
}

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

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

.example-card[b-hzvgfa10v1] {
    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-hzvgfa10v1] {
    transform: translateY(-4px);
    border-color: var(--ngx-border-strong);
    box-shadow: 0 20px 40px rgba(0,0,0,.18);
}

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

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

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

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

.category[b-hzvgfa10v1] {
    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-hzvgfa10v1] { margin: var(--ngx-space-2) 0 var(--ngx-space-3); font-size: var(--ngx-font-size-lg); }
.body p[b-hzvgfa10v1] { 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-hzvgfa10v1]  .ngx-button { margin-top: auto; }

.empty-state[b-hzvgfa10v1] {
    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-hzvgfa10v1]::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-hzvgfa10v1] {
    position: relative;
    width: 220px;
    height: 220px;
    margin-inline: auto;
}

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

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

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

.empty-window[b-hzvgfa10v1] {
    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-hzvgfa10v1] {
    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-hzvgfa10v1] { border-right: 0; }

.empty-dot[b-hzvgfa10v1] {
    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-hzvgfa10v1] { left: 21px; top: 104px; }
.empty-dot--2[b-hzvgfa10v1] { right: 39px; top: 39px; background: #8857ff; }
.empty-dot--3[b-hzvgfa10v1] { right: 20px; bottom: 66px; }

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

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

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

.empty-note[b-hzvgfa10v1] {
    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-hzvgfa10v1] {
    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-hzvgfa10v1] { display: block; color: var(--ngx-showcase-text); font-size: .92rem; }
.empty-note p[b-hzvgfa10v1] { margin: 6px 0 0; color: var(--ngx-showcase-text-secondary); font-size: .78rem; line-height: 1.55; }

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

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

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

.preview[b-x4yar0qs4u] {
    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-x4yar0qs4u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

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

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

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

.preview-badge[b-x4yar0qs4u] {
    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-x4yar0qs4u],
.live-dot[b-x4yar0qs4u] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #33e07f;
    box-shadow: 0 0 12px rgba(51, 224, 127, .55);
}

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

.model-shell[b-x4yar0qs4u] {
    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-x4yar0qs4u] {
    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-x4yar0qs4u],
.finish-callout strong[b-x4yar0qs4u] {
    display: block;
    color: #f3f7ff;
    font-size: .9rem;
    font-weight: 600;
}

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

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

.image-mask[b-x4yar0qs4u] {
    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-x4yar0qs4u] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    }

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

.finish-callout[b-x4yar0qs4u] {
    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-x4yar0qs4u]::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-x4yar0qs4u]::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-x4yar0qs4u] { animation: anthraciteCallout-b-x4yar0qs4u 18s infinite; }
.finish-callout--silver[b-x4yar0qs4u] { animation: silverCallout-b-x4yar0qs4u 18s infinite; }
.finish-callout--bronze[b-x4yar0qs4u] { animation: bronzeCallout-b-x4yar0qs4u 18s infinite; }

.callout-swatch[b-x4yar0qs4u],
.swatch[b-x4yar0qs4u] {
    display: inline-block;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}
.callout-swatch[b-x4yar0qs4u] {
    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-x4yar0qs4u] {
    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-x4yar0qs4u] { background: radial-gradient(circle at 35% 30%, #ffffff 0%, #dcdcdc 42%, #a8a8a8 100%); }
.swatch-anthracite[b-x4yar0qs4u] { background: radial-gradient(circle at 35% 30%, #51565f 0%, #20262f 48%, #12161d 100%); }
.swatch-black[b-x4yar0qs4u] { background: radial-gradient(circle at 35% 30%, #4b4b4b 0%, #111111 40%, #040404 100%); }
.swatch-bronze[b-x4yar0qs4u] { background: radial-gradient(circle at 35% 30%, #aa6d36 0%, #694225 48%, #311b11 100%); }
.swatch-champagne[b-x4yar0qs4u] { background: radial-gradient(circle at 35% 30%, #eac99a 0%, #b98e58 45%, #7c5b34 100%); }
.swatch-silver[b-x4yar0qs4u] { background: radial-gradient(circle at 35% 30%, #fcfdff 0%, #d9dde4 44%, #9198a2 100%); }

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

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

.swatch-card[b-x4yar0qs4u] {
    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-x4yar0qs4u] {
    font-size: .76rem;
    line-height: 1.2;
}

.swatch-check[b-x4yar0qs4u] {
    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-x4yar0qs4u] { animation: anthraciteSelect-b-x4yar0qs4u 18s infinite; }
.swatch-card--silver[b-x4yar0qs4u] { animation: silverSelect-b-x4yar0qs4u 18s infinite; }
.swatch-card--bronze[b-x4yar0qs4u] { animation: bronzeSelect-b-x4yar0qs4u 18s infinite; }

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

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


.config-bar[b-x4yar0qs4u] {
    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-x4yar0qs4u] {
    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-x4yar0qs4u] {
    color: rgba(186, 202, 225, .62);
    font-size: .69rem;
    line-height: 1.15;
}

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

.config-bar[b-x4yar0qs4u]  .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-x4yar0qs4u {
    0%, 31% { opacity: 1; }
    34%, 96% { opacity: 0; }
    99%, 100% { opacity: 1; }
}

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

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

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

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

@keyframes bronzeCallout-b-x4yar0qs4u {
    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-x4yar0qs4u {
    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-x4yar0qs4u {
    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-x4yar0qs4u {
    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-x4yar0qs4u {
    0%, 25%, 94%, 100% { opacity: 1; transform: scale(1); }
    28%, 91% { opacity: 0; transform: scale(.6); }
}

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

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

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

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

    .swatch-card--anthracite[b-x4yar0qs4u] {
        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-x4yar0qs4u] {
        opacity: 1;
        transform: scale(1);
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    .config-bar[b-x4yar0qs4u]  .ngx-button {
        grid-column: 1;
        width: calc(100% - 28px);
        margin: 14px;
    }
}
/* /Components/Features/Examples/Sections/ExamplesHeroSection.razor.rz.scp.css */
.hero[b-fp78jpshfd] {
    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-fp78jpshfd] {
    max-width: 620px;
}

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

.copy h1[b-fp78jpshfd] {
    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-fp78jpshfd] {
    display: block;
    color: var(--ngx-primary);
}

.copy p[b-fp78jpshfd] {
    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-fp78jpshfd] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

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

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

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

    .actions[b-fp78jpshfd]  .ngx-button {
        width: 100%;
    }
}
/* /Components/Features/Examples/Sections/ExamplesValueStripSection.razor.rz.scp.css */
.value-strip[b-xj1luo16f3] { 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-xj1luo16f3] { display: grid; grid-template-columns: 48px 1fr; gap: var(--ngx-space-4); padding: var(--ngx-space-6); }
article + article[b-xj1luo16f3] { border-left: 1px solid var(--ngx-divider); }
.icon[b-xj1luo16f3] { 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-xj1luo16f3]  svg { width: 26px; height: 26px; }
h3[b-xj1luo16f3] { margin: 0 0 5px; font-size: var(--ngx-font-size-md); }
p[b-xj1luo16f3] { margin: 0; color: var(--ngx-text-secondary); font-size: var(--ngx-font-size-sm); }
@media (max-width: 980px) { .value-strip[b-xj1luo16f3] { grid-template-columns: repeat(2, 1fr); } article:nth-child(3)[b-xj1luo16f3] { border-left: 0; border-top: 1px solid var(--ngx-divider); } article:nth-child(4)[b-xj1luo16f3] { border-top: 1px solid var(--ngx-divider); } }
@media (max-width: 560px) { .value-strip[b-xj1luo16f3] { grid-template-columns: 1fr; } article + article[b-xj1luo16f3], article:nth-child(3)[b-xj1luo16f3], article:nth-child(4)[b-xj1luo16f3] { border-left: 0; border-top: 1px solid var(--ngx-divider); } }
/* /Components/Features/Faq/FaqPage.razor.rz.scp.css */
.faq-page[b-gbedy5eo5u] {
    position: relative;
    overflow: hidden;
    padding: 28px 0 48px;
    background:
        radial-gradient(circle at 78% 11%, color-mix(in srgb, var(--ngx-primary) 10%, transparent), transparent 28rem),
        radial-gradient(circle at 20% 62%, color-mix(in srgb, var(--ngx-primary) 5%, transparent), transparent 34rem);
}

.faq-page[b-gbedy5eo5u]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .18;
    background-image:
        linear-gradient(color-mix(in srgb, var(--ngx-primary) 4%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--ngx-primary) 4%, transparent) 1px, transparent 1px);
    background-size: 62px 62px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.35), transparent 44%);
}

.faq-eyebrow[b-gbedy5eo5u] {
    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;
}

.faq-hero[b-gbedy5eo5u] {
    display: grid;
    grid-template-columns: minmax(390px, .42fr) minmax(0, .58fr);
    align-items: center;
    gap: clamp(28px, 4vw, 62px);
    min-height: 500px;
    padding: 12px 0 34px;
}

.faq-hero__copy[b-gbedy5eo5u] { position: relative; z-index: 2; max-width: 600px; }
.faq-hero h1[b-gbedy5eo5u] {
    display: flex;
    flex-direction: column;
    margin: 0;
    color: var(--ngx-text);
    font-size: clamp(2.8rem, 4.35vw, 4.35rem);
    font-weight: 780;
    line-height: .98;
    letter-spacing: -.052em;
}
.faq-accent[b-gbedy5eo5u] { color: var(--ngx-primary-2); }
.faq-hero__description[b-gbedy5eo5u] {
    max-width: 540px;
    margin: 22px 0 0;
    color: var(--ngx-text-secondary);
    font-size: 1rem;
    line-height: 1.72;
}

.faq-benefits[b-gbedy5eo5u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 42px;
}
.faq-benefits article[b-gbedy5eo5u] { min-width: 0; }
.faq-benefit-icon[b-gbedy5eo5u] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 13px;
    border: 1px solid var(--ngx-primary-border);
    border-radius: 50%;
    background: color-mix(in srgb, var(--ngx-primary) 7%, transparent);
    color: var(--ngx-primary-2);
    box-shadow: inset 0 0 22px color-mix(in srgb, var(--ngx-primary) 7%, transparent), 0 0 22px rgba(0,101,255,.08);
}
.faq-benefit-icon[b-gbedy5eo5u]  .icon { width: 24px; height: 24px; }
.faq-benefits h2[b-gbedy5eo5u] { margin: 0 0 7px; color: var(--ngx-text); font-size: .95rem; letter-spacing: -.015em; }
.faq-benefits p[b-gbedy5eo5u] { margin: 0; color: var(--ngx-text-muted); font-size: .78rem; line-height: 1.58; }

.faq-hero__visual[b-gbedy5eo5u] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 455px;
    isolation: isolate;
    perspective: 1200px;
}
.faq-hero__visual[b-gbedy5eo5u]::before {
    content: "";
    position: absolute;
    inset: 7% 2% 1% 2%;
    z-index: -1;
    background:
        radial-gradient(ellipse at 53% 44%, color-mix(in srgb, var(--ngx-primary) 20%, transparent), transparent 48%),
        linear-gradient(180deg, transparent 62%, color-mix(in srgb, var(--ngx-primary) 8%, transparent));
    filter: blur(20px);
}
.faq-hero__visual[b-gbedy5eo5u]::after {
    content: "";
    position: absolute;
    left: 4%; right: 1%; bottom: 7%; height: 90px;
    z-index: -1;
    opacity: .45;
    background:
        repeating-linear-gradient(12deg, transparent 0 28px, color-mix(in srgb, var(--ngx-primary) 20%, transparent) 29px 30px),
        repeating-linear-gradient(168deg, transparent 0 28px, color-mix(in srgb, var(--ngx-primary) 12%, transparent) 29px 30px);
    mask-image: linear-gradient(to bottom, transparent, #000 28%, transparent 100%);
    transform: perspective(380px) rotateX(62deg);
    transform-origin: bottom;
}

.faq-help-center[b-gbedy5eo5u] {
    position: relative;
    width: min(100%, 700px);
    min-height: 390px;
    padding: 22px;
    border: 1px solid color-mix(in srgb, var(--ngx-primary) 82%, white 3%);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(4,15,29,.92), rgba(3,11,22,.82));
    box-shadow: 0 0 0 1px rgba(22,111,255,.08), 0 22px 70px rgba(0,61,150,.24), inset 0 0 60px rgba(0,86,210,.05);
    transform: rotateY(-4deg) rotateX(1deg);
    backdrop-filter: blur(7px);
}
.faq-help-center[b-gbedy5eo5u]::before {
    content: "";
    position: absolute;
    inset: -16px -18px auto 12%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--ngx-primary-2), transparent);
    opacity: .6;
}
.faq-help-center__topline[b-gbedy5eo5u] { display: flex; align-items: center; justify-content: space-between; color: var(--ngx-primary-2); font-size: .95rem; }
.faq-help-center__brand[b-gbedy5eo5u] { display: flex; align-items: center; gap: 8px; }
.faq-mini-mark[b-gbedy5eo5u] { display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid currentColor; color: var(--ngx-primary-2); font-weight: 800; font-size: .72rem; transform: skew(-8deg); }
.faq-help-center__dots[b-gbedy5eo5u] { display: flex; gap: 5px; }
.faq-help-center__dots i[b-gbedy5eo5u] { width: 4px; height: 4px; border-radius: 50%; background: var(--ngx-primary-2); opacity: .55; }
.faq-help-search[b-gbedy5eo5u] {
    display: grid;
    grid-template-columns: 18px 1fr auto;
    align-items: center;
    gap: 9px;
    height: 40px;
    margin: 15px 0 17px;
    padding: 0 12px;
    border: 1px solid color-mix(in srgb, var(--ngx-primary) 72%, transparent);
    border-radius: 5px;
    color: var(--ngx-text-secondary);
    background: rgba(4,16,31,.72);
    box-shadow: inset 0 0 18px rgba(0,101,255,.05);
}
.faq-help-search[b-gbedy5eo5u]  .icon { width: 15px; height: 15px; color: var(--ngx-primary-2); }
.faq-help-search span[b-gbedy5eo5u] { font-size: .78rem; }
.faq-help-search b[b-gbedy5eo5u] { display: grid; place-items: center; width: 38px; align-self: stretch; margin-right: -12px; border-left: 1px solid var(--ngx-primary-border); color: var(--ngx-primary-2); font-weight: 400; }
.faq-help-content[b-gbedy5eo5u] { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 14px; }
.faq-help-categories[b-gbedy5eo5u] {
    padding: 9px;
    border: 1px solid var(--ngx-border);
    border-radius: 6px;
    background: rgba(3,14,28,.6);
}
.faq-help-categories div[b-gbedy5eo5u] { padding: 9px 8px; color: var(--ngx-text-muted); font-size: .68rem; border-radius: 4px; }
.faq-help-categories .is-active[b-gbedy5eo5u] { color: var(--ngx-primary-2); background: rgba(8,99,240,.08); }
.faq-help-questions > strong[b-gbedy5eo5u] { display: block; margin: 2px 0 9px; color: var(--ngx-text); font-size: .72rem; }
.faq-help-questions > div[b-gbedy5eo5u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid color-mix(in srgb, var(--ngx-border) 82%, var(--ngx-primary) 18%);
    border-radius: 5px;
    color: var(--ngx-text-secondary);
    font-size: .67rem;
    margin-bottom: 6px;
    background: rgba(2,10,20,.38);
}
.faq-help-questions > div.is-open[b-gbedy5eo5u] { color: var(--ngx-text); border-color: var(--ngx-primary); background: rgba(10,84,200,.12); box-shadow: inset 0 0 20px rgba(5,95,230,.07); }
.faq-help-questions > div b[b-gbedy5eo5u] { color: var(--ngx-primary-2); font-weight: 500; }
.faq-help-questions > p[b-gbedy5eo5u] { margin: -1px 4px 7px; padding: 9px 10px; border: 1px solid var(--ngx-border-subtle); border-radius: 4px; color: var(--ngx-text-muted); background: rgba(2,10,20,.45); font-size: .58rem; line-height: 1.55; }

.faq-orbit[b-gbedy5eo5u] { position: absolute; z-index: 3; display: grid; place-items: center; border: 1px solid var(--ngx-primary); color: var(--ngx-primary-2); box-shadow: 0 0 20px rgba(0,110,255,.12); }
.faq-orbit--left[b-gbedy5eo5u] { left: -6px; top: 39%; width: 48px; height: 48px; border-radius: 50%; font-size: 1.65rem; }

.faq-list-panel[b-gbedy5eo5u] {
    margin: 8px 0 26px;
    padding: 0 24px;
    border: 1px solid color-mix(in srgb, var(--ngx-border) 88%, var(--ngx-primary) 12%);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(7,20,36,.92), rgba(4,13,25,.92));
    box-shadow: 0 16px 44px rgba(0,0,0,.16), inset 0 0 42px rgba(0,88,220,.025);
}
.faq-item[b-gbedy5eo5u] { border-bottom: 1px solid var(--ngx-divider); }
.faq-item:last-child[b-gbedy5eo5u] { border-bottom: 0; }
.faq-item h2[b-gbedy5eo5u] { margin: 0; }
.faq-item button[b-gbedy5eo5u] {
    width: 100%;
    min-height: 58px;
    display: grid;
    grid-template-columns: 30px 1fr;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border: 0;
    color: var(--ngx-text);
    background: transparent;
    font: inherit;
    font-size: .96rem;
    font-weight: 620;
    text-align: left;
    cursor: pointer;
}
.faq-item button:hover[b-gbedy5eo5u] { color: var(--ngx-primary-2); }
.faq-item button:focus-visible[b-gbedy5eo5u] { outline: 2px solid var(--ngx-primary); outline-offset: 3px; border-radius: 5px; }
.faq-toggle[b-gbedy5eo5u] { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--ngx-primary); border-radius: 50%; color: var(--ngx-primary-2); font-size: 1.05rem; font-weight: 400; line-height: 1; }
.faq-item.is-open button[b-gbedy5eo5u] { color: var(--ngx-primary-2); }
.faq-answer-shell[b-gbedy5eo5u] { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 280ms var(--ngx-ease-standard), opacity 220ms var(--ngx-ease-standard); }
.faq-item.is-open .faq-answer-shell[b-gbedy5eo5u] { grid-template-rows: 1fr; opacity: 1; }
.faq-answer-inner[b-gbedy5eo5u] { min-height: 0; overflow: hidden; padding-left: 40px; }
.faq-answer-inner > p[b-gbedy5eo5u] { max-width: 1120px; margin: 0; padding: 0 0 20px; color: var(--ngx-text-secondary); font-size: .9rem; line-height: 1.72; }
.faq-inline-link[b-gbedy5eo5u],
.faq-answer-links a[b-gbedy5eo5u] { display: inline-flex; align-items: center; gap: 5px; color: var(--ngx-primary-2); font-size: .87rem; font-weight: 650; }
.faq-inline-link[b-gbedy5eo5u] { margin: -9px 0 20px; }
.faq-answer-links[b-gbedy5eo5u] { display: flex; flex-wrap: wrap; gap: 18px; margin: -8px 0 21px; }
.faq-inline-link:hover[b-gbedy5eo5u],
.faq-answer-links a:hover[b-gbedy5eo5u] { color: var(--ngx-text); }

.faq-support-card[b-gbedy5eo5u] {
    display: grid;
    grid-template-columns: minmax(0,.48fr) minmax(400px,.52fr);
    align-items: center;
    min-height: 260px;
    margin-top: 24px;
    padding: 30px 34px 24px;
    border: 1px solid color-mix(in srgb, var(--ngx-border) 86%, var(--ngx-primary) 14%);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(7,20,36,.96), rgba(4,13,25,.94));
    box-shadow: inset 0 0 60px rgba(0,91,225,.03), 0 14px 40px rgba(0,0,0,.14);
    overflow: hidden;
}
.faq-support-card__copy[b-gbedy5eo5u] { position: relative; z-index: 2; max-width: 620px; }
.faq-support-card h2[b-gbedy5eo5u] { margin: 0 0 13px; color: var(--ngx-text); font-size: clamp(1.75rem, 2.6vw, 2.35rem); letter-spacing: -.035em; }
.faq-support-card p[b-gbedy5eo5u] { max-width: 520px; margin: 0; color: var(--ngx-text-secondary); line-height: 1.7; }
.faq-support-actions[b-gbedy5eo5u] { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 22px; }
.faq-support-art[b-gbedy5eo5u] {
    position: relative;
    align-self: stretch;
    display: grid;
    place-items: center;
    min-height: 220px;
    color: var(--ngx-primary-2);
}
.faq-support-art[b-gbedy5eo5u]::before {
    content: "";
    position: absolute;
    width: 78%;
    height: 72%;
    border-radius: 50%;
    background: radial-gradient(ellipse, color-mix(in srgb, var(--ngx-primary) 12%, transparent), transparent 70%);
    filter: blur(18px);
    opacity: .7;
}
.faq-support-art svg[b-gbedy5eo5u] {
    position: relative;
    z-index: 1;
    width: min(100%, 590px);
    height: auto;
    overflow: visible;
    filter: drop-shadow(0 0 14px rgba(0,103,255,.10));
}
.faq-art-lines[b-gbedy5eo5u],
.faq-art-soft[b-gbedy5eo5u] { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; }
.faq-art-lines[b-gbedy5eo5u] { stroke-width: 1.55; }
.faq-art-soft[b-gbedy5eo5u] { stroke-width: 1.05; opacity: .48; }
.faq-art-faint[b-gbedy5eo5u] { opacity: .42; }
.faq-art-dot[b-gbedy5eo5u] { fill: currentColor; stroke: none; opacity: .8; }

@media (max-width: 1120px) {
    .faq-hero[b-gbedy5eo5u] { grid-template-columns: .46fr .54fr; gap: 28px; }
    .faq-help-center[b-gbedy5eo5u] { min-height: 350px; padding: 18px; }
    .faq-help-content[b-gbedy5eo5u] { grid-template-columns: 150px 1fr; }
    .faq-benefits[b-gbedy5eo5u] { gap: 14px; }
}

@media (max-width: 900px) {
    .faq-page[b-gbedy5eo5u] { padding-top: 20px; }
    .faq-hero[b-gbedy5eo5u] { grid-template-columns: 1fr; min-height: 0; padding-bottom: 42px; }
    .faq-hero__copy[b-gbedy5eo5u] { max-width: 680px; }
    .faq-hero__visual[b-gbedy5eo5u] { min-height: 430px; }
    .faq-help-center[b-gbedy5eo5u] { width: min(94%, 690px); transform: none; }
    .faq-orbit--left[b-gbedy5eo5u] { left: 1%; }
    .faq-support-card[b-gbedy5eo5u] { grid-template-columns: 1fr; gap: 14px; }
    .faq-support-art[b-gbedy5eo5u] { min-height: 210px; place-items: center; }
    .faq-support-art svg[b-gbedy5eo5u] { max-height: 230px; }
}

@media (max-width: 639px) {
    .faq-page[b-gbedy5eo5u] { padding: 12px 0 34px; }
    .faq-hero[b-gbedy5eo5u] { gap: 24px; padding: 12px 0 30px; }
    .faq-hero h1[b-gbedy5eo5u] { font-size: clamp(2.45rem, 13vw, 3.35rem); }
    .faq-hero__description[b-gbedy5eo5u] { margin-top: 18px; font-size: .94rem; }
    .faq-benefits[b-gbedy5eo5u] { grid-template-columns: 1fr; gap: 16px; margin-top: 30px; }
    .faq-benefits article[b-gbedy5eo5u] { display: grid; grid-template-columns: 44px 1fr; column-gap: 13px; align-items: start; }
    .faq-benefit-icon[b-gbedy5eo5u] { grid-row: 1 / 3; width: 42px; height: 42px; margin: 0; }
    .faq-benefit-icon[b-gbedy5eo5u]  .icon { width: 21px; height: 21px; }
    .faq-benefits h2[b-gbedy5eo5u] { margin-top: 1px; }
    .faq-benefits p[b-gbedy5eo5u] { grid-column: 2; }
    .faq-hero__visual[b-gbedy5eo5u] { min-height: 330px; margin-inline: -7px; }
    .faq-help-center[b-gbedy5eo5u] { width: 100%; min-height: 292px; padding: 13px; border-radius: 8px; }
    .faq-help-content[b-gbedy5eo5u] { grid-template-columns: 102px 1fr; gap: 8px; }
    .faq-help-categories[b-gbedy5eo5u] { padding: 5px; }
    .faq-help-categories div[b-gbedy5eo5u] { padding: 6px 4px; font-size: .5rem; }
    .faq-help-questions > strong[b-gbedy5eo5u] { font-size: .56rem; }
    .faq-help-questions > div[b-gbedy5eo5u] { min-height: 25px; padding: 5px 6px; font-size: .49rem; margin-bottom: 4px; }
    .faq-help-questions > p[b-gbedy5eo5u] { padding: 6px; font-size: .42rem; max-height: 54px; overflow: hidden; }
    .faq-help-search[b-gbedy5eo5u] { height: 34px; margin: 10px 0 11px; }
    .faq-help-search span[b-gbedy5eo5u] { font-size: .65rem; }
    .faq-orbit[b-gbedy5eo5u] { display: none; }
    .faq-list-panel[b-gbedy5eo5u] { padding: 0 15px; border-radius: 9px; }
    .faq-item button[b-gbedy5eo5u] { min-height: 56px; grid-template-columns: 27px 1fr; gap: 8px; font-size: .88rem; line-height: 1.35; }
    .faq-toggle[b-gbedy5eo5u] { width: 22px; height: 22px; }
    .faq-answer-inner[b-gbedy5eo5u] { padding-left: 35px; }
    .faq-answer-inner > p[b-gbedy5eo5u] { padding-bottom: 17px; font-size: .84rem; line-height: 1.66; }
    .faq-support-card[b-gbedy5eo5u] { min-height: 0; padding: 24px 20px 0; }
    .faq-support-actions[b-gbedy5eo5u] { flex-direction: column; align-items: stretch; }
    .faq-support-actions[b-gbedy5eo5u]  .ngx-button { justify-content: center; width: 100%; }
    .faq-support-art[b-gbedy5eo5u] { min-height: 190px; margin-top: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .faq-answer-shell[b-gbedy5eo5u] { transition: none; }
}


/* v70 premium raster artwork */
.faq-support-art--premium[b-gbedy5eo5u] {
    min-height: 255px;
    overflow: hidden;
}
.faq-support-art--premium[b-gbedy5eo5u]::before {
    width: 92%;
    height: 88%;
    opacity: .9;
    background: radial-gradient(ellipse, rgba(0,111,255,.16), transparent 72%);
}
.faq-support-art--premium picture[b-gbedy5eo5u] {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
}
.faq-support-art--premium img[b-gbedy5eo5u] {
    display: block;
    width: min(100%, 760px);
    height: auto;
    margin-inline: auto;
    object-fit: contain;
    filter: drop-shadow(0 0 22px rgba(0,105,255,.16));
    mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
}
@media (max-width: 900px) {
    .faq-support-art--premium[b-gbedy5eo5u] { min-height: 220px; }
    .faq-support-art--premium img[b-gbedy5eo5u] { width: min(100%, 720px); }
}
@media (max-width: 639px) {
    .faq-support-art--premium[b-gbedy5eo5u] { min-height: 165px; }
    .faq-support-art--premium img[b-gbedy5eo5u] { width: 100%; }
}


/* v72 unified Contact/About illustration treatment */
.faq-hero__visual--art[b-gbedy5eo5u] {
    min-height: 520px;
    display: grid;
    place-items: center;
    overflow: hidden;
    isolation: isolate;
}
.faq-hero-art[b-gbedy5eo5u] {
    display: block;
    width: 100%;
    height: 100%;
}
.faq-hero-art img[b-gbedy5eo5u] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.92) brightness(.92);
    -webkit-mask-image: radial-gradient(ellipse 96% 94% at center, #000 72%, transparent 100%);
    mask-image: radial-gradient(ellipse 96% 94% at center, #000 72%, transparent 100%);
}
.faq-support-art--premium img[b-gbedy5eo5u] {
    object-fit: contain;
    object-position: center right;
    filter: saturate(.9) brightness(.92);
}
@media (max-width: 980px) {
    .faq-hero__visual--art[b-gbedy5eo5u] { min-height: 430px; }
}
@media (max-width: 640px) {
    .faq-hero__visual--art[b-gbedy5eo5u] { min-height: 310px; }
    .faq-hero-art img[b-gbedy5eo5u] { object-fit: cover; object-position: 54% center; }
}

/* v76 — support artwork now has a real transparent background. */
.faq-support-art--premium img[b-gbedy5eo5u] {
    -webkit-mask-image: none;
    mask-image: none;
    mix-blend-mode: normal;
    filter: saturate(.94) brightness(.98) drop-shadow(0 0 18px rgba(0,105,255,.10));
}

/* v78 — FAQ hero artwork uses real transparency so it blends into the page like Contact/About. */
.faq-hero__visual--art[b-gbedy5eo5u] {
    overflow: visible;
}
.faq-hero-art img[b-gbedy5eo5u] {
    object-fit: contain;
    object-position: center;
    -webkit-mask-image: none;
    mask-image: none;
    filter: saturate(.94) brightness(.98) drop-shadow(0 0 20px rgba(0,105,255,.10));
}
@media (max-width: 640px) {
    .faq-hero-art img[b-gbedy5eo5u] {
        object-fit: contain;
        object-position: center;
    }
}

/* v78 layout correction — keep FAQ artwork inside its hero column. */
.faq-page[b-gbedy5eo5u] {
    overflow-x: clip;
}
.faq-hero[b-gbedy5eo5u] {
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(360px, .44fr) minmax(0, .56fr);
    gap: clamp(24px, 3vw, 44px);
}
.faq-hero__copy[b-gbedy5eo5u],
.faq-hero__visual[b-gbedy5eo5u],
.faq-hero__visual--art[b-gbedy5eo5u],
.faq-hero-art[b-gbedy5eo5u] {
    min-width: 0;
    max-width: 100%;
}
.faq-hero__visual--art[b-gbedy5eo5u] {
    width: 100%;
    min-height: 455px;
    justify-self: stretch;
    overflow: clip;
}
.faq-hero-art[b-gbedy5eo5u] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
}
.faq-hero-art img[b-gbedy5eo5u] {
    width: min(100%, 760px);
    max-width: 100%;
    height: auto;
    max-height: 455px;
    margin-left: auto;
    object-fit: contain;
    object-position: center right;
}

@media (max-width: 1120px) {
    .faq-hero[b-gbedy5eo5u] {
        grid-template-columns: minmax(340px, .46fr) minmax(0, .54fr);
        gap: 24px;
    }
    .faq-hero__visual--art[b-gbedy5eo5u] { min-height: 410px; }
    .faq-hero-art img[b-gbedy5eo5u] { width: min(100%, 680px); max-height: 410px; }
}

@media (max-width: 900px) {
    .faq-hero[b-gbedy5eo5u] { grid-template-columns: 1fr; }
    .faq-hero__visual--art[b-gbedy5eo5u] {
        width: 100%;
        min-height: 390px;
        overflow: clip;
    }
    .faq-hero-art img[b-gbedy5eo5u] {
        width: min(100%, 720px);
        max-height: 390px;
        margin-inline: auto;
        object-position: center;
    }
}

@media (max-width: 639px) {
    .faq-hero__visual--art[b-gbedy5eo5u] { min-height: 285px; }
    .faq-hero-art img[b-gbedy5eo5u] {
        width: 100%;
        max-height: 285px;
    }
}
/* /Components/Features/Home/HomePage.razor.rz.scp.css */
.home-page[b-fmty3hjwah]{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-gl6tozym97] {
    padding: 34px 0 22px;
}

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

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

.card[b-gl6tozym97] {
    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-gl6tozym97] {
    width: 58px;
    height: 58px;
    margin: 0 auto 16px;
    display: grid;
    place-items: center;
    color: var(--ngx-primary-2);
    font-size: 2.2rem;
}

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

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

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

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

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

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

    .card[b-gl6tozym97],
    .card:last-child[b-gl6tozym97] {
        grid-column: auto;
        width: auto;
        min-height: auto;
    }
}
/* /Components/Features/Home/Sections/HomeComparisonSection.razor.rz.scp.css */
.comparison-section[b-iqsrueydix]{padding:10px 0 28px}
.comparison-shell[b-iqsrueydix]{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-iqsrueydix]::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-iqsrueydix]{position:relative;z-index:1}
.section-heading[b-iqsrueydix]{text-align:center;margin-bottom:16px}.section-heading h2[b-iqsrueydix]{margin:0;font-size:clamp(1.45rem,2vw,2rem);letter-spacing:-.035em}.section-heading p[b-iqsrueydix]{margin:5px 0 0;color:var(--ngx-text-secondary);font-size:.9rem}
.comparison-grid[b-iqsrueydix]{display:grid;grid-template-columns:minmax(0,1.06fr) 78px minmax(0,.94fr);align-items:start;column-gap:4px}
.workflow-side[b-iqsrueydix]{min-width:0;padding:0 6px}.workflow-side h3[b-iqsrueydix]{margin:0 0 10px;text-align:center;font-size:1.04rem;color:var(--ngx-text-secondary)}.novogex-side h3[b-iqsrueydix]{color:var(--ngx-primary-2)}
.workflow-row[b-iqsrueydix]{display:flex;align-items:center;justify-content:center;gap:6px;min-height:138px}.workflow-step[b-iqsrueydix]{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-iqsrueydix]{font-size:.68rem;line-height:1.25}.workflow-step small[b-iqsrueydix]{color:var(--ngx-text-secondary);font-size:.58rem;line-height:1.35}.step-icon[b-iqsrueydix]{width:32px;height:32px;display:grid;place-items:center;color:var(--ngx-text-secondary);font-size:1.45rem}.step-icon :deep(svg)[b-iqsrueydix]{width:26px;height:26px}.novogex-side .step-icon[b-iqsrueydix]{color:var(--ngx-primary-2)}
.workflow-step--featured[b-iqsrueydix]{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-iqsrueydix]::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-iqsrueydix]{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-iqsrueydix]{width:40px;height:40px;stroke-width:1.55}.workflow-step--featured strong[b-iqsrueydix]{font-size:.84rem;line-height:1.2;color:#fff}.workflow-step--featured small[b-iqsrueydix]{max-width:132px;font-size:.61rem;line-height:1.38}
.arrow[b-iqsrueydix]{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-iqsrueydix]{color:var(--ngx-primary-2)}
.center-arrow[b-iqsrueydix]{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-iqsrueydix]{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-iqsrueydix]{margin-left:0;opacity:.72}
.timeline-line[b-iqsrueydix]{display:flex;align-items:center;gap:8px;margin:6px 8px 8px;color:var(--ngx-text-tertiary);font-size:.98rem}.timeline-line span[b-iqsrueydix]{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--ngx-border),transparent)}.timeline-line :deep(svg)[b-iqsrueydix]{width:18px;height:18px}.timeline-line--blue[b-iqsrueydix]{color:var(--ngx-primary-2)}
.summary-strip[b-iqsrueydix]{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-iqsrueydix]{display:flex;align-items:center;gap:9px;min-width:0}.summary-strip>div>svg[b-iqsrueydix]{flex:0 0 21px;width:21px;height:21px}.summary-strip strong[b-iqsrueydix],.summary-strip small[b-iqsrueydix]{display:block}.summary-strip strong[b-iqsrueydix]{font-size:.69rem;line-height:1.2}.summary-strip small[b-iqsrueydix]{margin-top:2px;color:var(--ngx-text-secondary);font-size:.59rem;line-height:1.25}.summary-strip--traditional[b-iqsrueydix]{color:#ff7373}.summary-strip--traditional small[b-iqsrueydix]{color:var(--ngx-text-secondary)}.summary-strip--novogex[b-iqsrueydix]{color:var(--ngx-primary-2)}.summary-strip--novogex small[b-iqsrueydix]{color:var(--ngx-text-secondary)}
@media(max-width:1260px){.comparison-grid[b-iqsrueydix]{grid-template-columns:1fr}.center-arrow[b-iqsrueydix]{height:46px;margin:4px 0;transform:rotate(90deg)}.workflow-side[b-iqsrueydix]{padding:0}.workflow-row[b-iqsrueydix]{flex-wrap:wrap}.traditional-side[b-iqsrueydix]{padding-bottom:2px}.novogex-side[b-iqsrueydix]{padding-top:0}.comparison-shell[b-iqsrueydix]{background-size:28px 28px,28px 28px,100% 100%}}
@media(max-width:760px){.comparison-shell[b-iqsrueydix]{padding:20px 14px 16px}.workflow-row[b-iqsrueydix]{gap:8px}.arrow[b-iqsrueydix]{display:none}.workflow-step[b-iqsrueydix]{min-width:calc(50% - 8px);max-width:none}.workflow-step--featured[b-iqsrueydix]{min-width:calc(50% - 8px);max-width:none}.summary-strip[b-iqsrueydix]{grid-template-columns:1fr}.center-arrow[b-iqsrueydix]{height:44px}.section-heading[b-iqsrueydix]{margin-bottom:16px}}
@media(max-width:460px){.workflow-step[b-iqsrueydix],.workflow-step--featured[b-iqsrueydix]{min-width:100%}.comparison-section[b-iqsrueydix]{padding-bottom:24px}}

/* v46: keep both comparison columns on the same vertical rhythm */
@media(min-width:1261px){
  .workflow-side[b-iqsrueydix]{
    display:grid;
    grid-template-rows:26px 168px 24px 55px;
    align-content:start;
  }
  .workflow-side h3[b-iqsrueydix]{
    margin:0;
    align-self:start;
  }
  .workflow-row[b-iqsrueydix]{
    height:168px;
    min-height:0;
    align-self:stretch;
  }
  .timeline-line[b-iqsrueydix]{
    height:24px;
    margin:0 8px;
    align-self:center;
  }
  .summary-strip[b-iqsrueydix]{
    min-height:55px;
    height:55px;
    box-sizing:border-box;
    align-self:end;
  }
  .center-arrow[b-iqsrueydix]{
    margin-top:74px;
  }
}
/* /Components/Features/Home/Sections/HomeCtaSection.razor.rz.scp.css */
.cta-section[b-5fgry0i4h6]{padding-bottom:var(--ngx-page-end-space)}
/* /Components/Features/Home/Sections/HomeDemoSection.razor.rz.scp.css */
.section[b-3mmcp2z15m]{padding:26px 0 24px}
.panel[b-3mmcp2z15m]{
    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-3mmcp2z15m]{padding:38px 42px;align-self:center}
.kicker[b-3mmcp2z15m]{display:block;margin-bottom:6px;color:var(--ngx-primary-2);font-size:.85rem;font-weight:650}
h2[b-3mmcp2z15m]{margin:0 0 12px;max-width:420px;font-size:var(--ngx-section-title-size);line-height:1.06;letter-spacing:-.04em}
p[b-3mmcp2z15m]{max-width:430px;margin:0 0 22px;color:var(--ngx-text-secondary);font-size:.97rem;line-height:1.6}
.visual[b-3mmcp2z15m]{
    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-3mmcp2z15m]{
    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-3mmcp2z15m]{display:none}
@media(max-width:1023px){
    .panel[b-3mmcp2z15m]{grid-template-columns:1fr}
    .visual[b-3mmcp2z15m]{padding:0 18px 18px}
    .copy[b-3mmcp2z15m]{padding-bottom:24px}
}
@media(max-width:639px){
    .copy[b-3mmcp2z15m]{padding:28px 24px 22px}
    .visual[b-3mmcp2z15m]{padding:0 14px 14px}
}
/* /Components/Features/Home/Sections/HomeHeroSection.razor.rz.scp.css */

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

.hero[b-t8g7thh58j]::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-t8g7thh58j] {
    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-t8g7thh58j] {
    min-width: 0;
    padding-top: 8px;
    padding-left: 4px;
}

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

h1[b-t8g7thh58j] {
    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-t8g7thh58j] {
    color: transparent;
    background: linear-gradient(100deg, #1c8eff 0%, #347cff 52%, #9050ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

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

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

.play[b-t8g7thh58j] {
    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-t8g7thh58j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 34px;
    max-width: 650px;
}

.hero-proof__item[b-t8g7thh58j] {
    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-t8g7thh58j] { padding-left: 0; }

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

.hero-proof__icon[b-t8g7thh58j] {
    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-t8g7thh58j]  svg {
    width: 17px;
    height: 17px;
}

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

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

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

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

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

.visual-launch[b-t8g7thh58j]::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-t8g7thh58j] {
    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-t8g7thh58j] {
    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-t8g7thh58j] {
    outline: 2px solid var(--ngx-white);
    outline-offset: 5px;
    border-radius: 16px;
}

.wave-left[b-t8g7thh58j] {
    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-t8g7thh58j] {
        grid-template-columns: minmax(320px, .82fr) minmax(520px, 1.18fr);
        gap: 30px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

}

@media (prefers-reduced-motion: reduce) {
    .visual-launch img[b-t8g7thh58j] {
        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[b-t8g7thh58j] {
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

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

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

.visual-launch img[b-t8g7thh58j] {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 0;
}
/* /Components/Features/Home/Sections/HomeIndustriesSection.razor.rz.scp.css */
.section[b-him0ucwhcb]{padding:18px 0 26px}h2[b-him0ucwhcb]{margin:0 0 18px;text-align:center;font-size:var(--ngx-section-title-size);letter-spacing:-.03em}.cards[b-him0ucwhcb]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card[b-him0ucwhcb]{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-him0ucwhcb]{color:var(--ngx-primary-2);font-size:2.5rem;display:grid;place-items:center}h3[b-him0ucwhcb]{margin:0 0 4px;font-size:1rem}p[b-him0ucwhcb]{margin:0;color:var(--ngx-text-secondary);font-size:.8rem;line-height:1.45}@media(max-width:1023px){.cards[b-him0ucwhcb]{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.cards[b-him0ucwhcb]{grid-template-columns:1fr}}
/* /Components/Features/Home/Sections/HomeWorkflowSection.razor.rz.scp.css */
.section[b-8k9md0k4q9]{padding:28px 0 34px}h2[b-8k9md0k4q9]{margin:0 0 22px;text-align:center;font-size:var(--ngx-section-title-size);letter-spacing:-.035em}.flow[b-8k9md0k4q9]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.step[b-8k9md0k4q9]{position:relative;text-align:center;padding:0 10px}.number[b-8k9md0k4q9]{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-8k9md0k4q9]{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-8k9md0k4q9]{display:none}.icon[b-8k9md0k4q9]{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-8k9md0k4q9]{margin:0 0 6px;font-size:.94rem;font-weight:650}p[b-8k9md0k4q9]{margin:0;color:var(--ngx-text-secondary);font-size:.75rem;line-height:1.45}@media(max-width:1023px){.flow[b-8k9md0k4q9]{grid-template-columns:repeat(4,1fr);row-gap:34px}.connector[b-8k9md0k4q9]{display:none}}@media(max-width:639px){.flow[b-8k9md0k4q9]{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.flow[b-8k9md0k4q9]{grid-template-columns:1fr}.step[b-8k9md0k4q9]{max-width:280px;margin:auto}}
/* /Components/Features/HowItWorks/HowItWorksPage.razor.rz.scp.css */
.how-page[b-x0rr4j0gck]{width:100%;min-width:0}
/* /Components/Features/HowItWorks/Sections/HowItWorksBenefitsSection.razor.rz.scp.css */
.benefits[b-0ajm194xhf] {
    padding: 28px 0 32px;
    border-bottom: 1px solid var(--ngx-divider);
}

header[b-0ajm194xhf] {
    margin-bottom: 18px;
}

h2[b-0ajm194xhf] {
    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-0ajm194xhf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.benefit[b-0ajm194xhf] {
    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-0ajm194xhf] {
    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-0ajm194xhf] {
    border-color: rgba(142, 76, 255, .46);
    color: #9a5cff;
}

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

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

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

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

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

@media (max-width: 639px) {
    .benefit-grid[b-0ajm194xhf] { grid-template-columns: 1fr; }
}
/* /Components/Features/HowItWorks/Sections/HowItWorksCtaSection.razor.rz.scp.css */
.cta-section[b-ewsh3j7r3m] {
    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-ewsh3j7r3m]::before,
.cta-section[b-ewsh3j7r3m]::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-ewsh3j7r3m]::before { left: 0; mask-image: linear-gradient(90deg, #000, transparent); }
.cta-section[b-ewsh3j7r3m]::after { right: 0; mask-image: linear-gradient(270deg, #000, transparent); }

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

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

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

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

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

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

.hero[b-2fd10hicvv] {
    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-2fd10hicvv]::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-2fd10hicvv] {
    position: relative;
    z-index: 1;
    max-width: 620px;
}

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

h1[b-2fd10hicvv] {
    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-2fd10hicvv] {
    color: transparent;
    background: linear-gradient(100deg, #1c8eff 0%, #367cff 56%, #9851ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.lead[b-2fd10hicvv] {
    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-2fd10hicvv] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

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

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

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

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

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

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

.visual[b-4uvdcfue3s]::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-4uvdcfue3s]::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-4uvdcfue3s] {
    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-4uvdcfue3s] {
        width: min(100%, 1120px);
        margin: 0 auto;
    }

    .visual[b-4uvdcfue3s]::before {
        display: none;
    }
}
/* /Components/Features/HowItWorks/Sections/HowItWorksManualVsLiveSection.razor.rz.scp.css */
.manual-live[b-g05r69bl8e] {
    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-g05r69bl8e]::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-g05r69bl8e],
.manual-live__grid[b-g05r69bl8e] { position: relative; z-index: 1; }

.manual-live__header[b-g05r69bl8e] { text-align: center; margin-bottom: 26px; }
.manual-live__header h2[b-g05r69bl8e] {
    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-g05r69bl8e] {
    background: linear-gradient(90deg,#168cff,#7458ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.manual-live__header p[b-g05r69bl8e] { margin: 10px 0 0; color: var(--ngx-text-muted); font-size: .94rem; }

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

.compare[b-g05r69bl8e] {
    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-g05r69bl8e] {
    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-g05r69bl8e] { display:flex; flex-direction:column; gap:5px; margin-bottom:16px; }
.compare__title strong[b-g05r69bl8e] { color:#aeb9c8; font-size:1.7rem; line-height:1; letter-spacing:-.04em; }
.compare--after .compare__title strong[b-g05r69bl8e] { color:#238eff; }
.compare__title span[b-g05r69bl8e] { color:var(--ngx-showcase-text-secondary); font-size:.8rem; }

.before-workspace[b-g05r69bl8e] { min-height: 290px; display:grid; grid-template-rows:auto 34px 1fr; gap:10px; }
.before-parts[b-g05r69bl8e] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; }
.part-card[b-g05r69bl8e] { 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-g05r69bl8e]  svg { width:30px; height:30px; stroke-width:1.35; }
.part-card--more[b-g05r69bl8e] { font-weight:800; letter-spacing:.12em; color:#9aa8b8; }
.before-middle[b-g05r69bl8e] { position:relative; }
.before-middle[b-g05r69bl8e]::before,
.before-middle[b-g05r69bl8e]::after { content:""; position:absolute; left:14%; right:20%; top:50%; height:1px; border-top:1px dashed rgba(122,145,168,.28); }
.before-middle[b-g05r69bl8e]::after { left:auto; right:11%; width:18%; transform:rotate(18deg); transform-origin:right center; }
.sheet[b-g05r69bl8e] { 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-g05r69bl8e] { display:block; font-size:.64rem; margin-bottom:5px; }
.sheet small[b-g05r69bl8e] { display:block; font-size:.55rem; line-height:1.45; }
.before-bottom[b-g05r69bl8e] { display:grid; grid-template-columns:1.35fr .9fr; gap:10px; align-items:end; }
.data-table[b-g05r69bl8e],.disconnected[b-g05r69bl8e] { 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-g05r69bl8e] { 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-g05r69bl8e] { color:#b1bdc9 !important; }
.disconnected strong[b-g05r69bl8e] { display:block; margin-bottom:9px; color:#c5d0dc; font-size:.62rem; }
.chips[b-g05r69bl8e] { display:flex; flex-wrap:wrap; gap:5px; }
.chips span[b-g05r69bl8e] { padding:4px 7px; border:1px solid rgba(133,154,179,.28); border-radius:6px; color:#98a7b8; font-size:.54rem; }

.compare__stats[b-g05r69bl8e] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:12px; }
.compare__stats > div[b-g05r69bl8e] { 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-g05r69bl8e]  svg { flex:0 0 auto; width:20px; height:20px; }
.compare__stats span[b-g05r69bl8e] { display:flex; flex-direction:column; min-width:0; }
.compare__stats strong[b-g05r69bl8e] { font-size:.56rem; line-height:1.2; }
.compare__stats small[b-g05r69bl8e] { margin-top:2px; color:var(--ngx-showcase-text-secondary); font-size:.5rem; line-height:1.2; }
.compare__stats--warn[b-g05r69bl8e] { color:#ff8a4c; }
.compare__stats--warn strong[b-g05r69bl8e] { color:#d8dee7; }

.compare-arrow[b-g05r69bl8e] { display:flex; align-items:center; justify-content:center; gap:0; }
.compare-arrow span[b-g05r69bl8e] { 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-g05r69bl8e] { min-height: 334px; display:grid; grid-template-columns:150px minmax(0,1fr); gap:22px; align-items:center; }
.after-features[b-g05r69bl8e] { display:grid; gap:15px; }
.after-features > div[b-g05r69bl8e] { display:flex; gap:9px; align-items:flex-start; }
.feature-icon[b-g05r69bl8e] { 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-g05r69bl8e]  svg { width:20px; height:20px; }
.after-features > div > span:last-child[b-g05r69bl8e] { display:flex; flex-direction:column; }
.after-features strong[b-g05r69bl8e] { color:#f2f7ff; font-size:.68rem; }
.after-features small[b-g05r69bl8e] { margin-top:3px; color:#9eb0c5; font-size:.56rem; line-height:1.35; }
.after-preview[b-g05r69bl8e] { 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-g05r69bl8e] { 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-g05r69bl8e] { grid-template-columns:1fr; }
    .compare-arrow[b-g05r69bl8e] { height:42px; transform:rotate(90deg); }
    .after-workspace[b-g05r69bl8e] { grid-template-columns:180px minmax(0,1fr); }
}
@media (max-width: 720px) {
    .manual-live[b-g05r69bl8e] { padding:22px 14px; }
    .compare[b-g05r69bl8e] { padding:15px; }
    .before-parts[b-g05r69bl8e] { grid-template-columns:repeat(3,1fr); }
    .before-workspace[b-g05r69bl8e] { min-height:0; grid-template-rows:auto 24px auto; }
    .sheet[b-g05r69bl8e] { display:none; }
    .before-bottom[b-g05r69bl8e] { grid-template-columns:1fr; }
    .compare__stats[b-g05r69bl8e] { grid-template-columns:repeat(2,1fr); }
    .after-workspace[b-g05r69bl8e] { min-height:0; grid-template-columns:1fr; }
    .after-features[b-g05r69bl8e] { grid-template-columns:repeat(2,1fr); }
    .after-preview[b-g05r69bl8e] { padding:18px 12px; }
    .after-preview img[b-g05r69bl8e] { width:100%; max-height:none; height:auto; }
}
@media (max-width: 480px) {
    .after-features[b-g05r69bl8e],.compare__stats[b-g05r69bl8e] { grid-template-columns:1fr; }
}
/* /Components/Features/HowItWorks/Sections/HowItWorksProcessSection.razor.rz.scp.css */
.process[b-mim9v7rc6f] {
    padding: 34px 0 50px;
    border-bottom: 1px solid var(--ngx-divider);
}

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

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

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

.step-card[b-mim9v7rc6f] {
    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-mim9v7rc6f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.step-number[b-mim9v7rc6f] {
    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-mim9v7rc6f] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    color: #3e9cff;
}

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

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

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

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

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

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

.workflow-line[b-mim9v7rc6f] {
    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-mim9v7rc6f] {
    position: relative;
    z-index: 1;
    min-width: 0;
    text-align: center;
}

.workflow-icon[b-mim9v7rc6f] {
    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-mim9v7rc6f] {
    border-color: rgba(130, 74, 255, .78);
    color: #9764ff;
}

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

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

.workflow-item > span:last-child[b-mim9v7rc6f] {
    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-mim9v7rc6f] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

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

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

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

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

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

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

    .workflow-item > span:last-child[b-mim9v7rc6f] {
        max-width: none;
        margin: 0;
    }
}
/* /Components/Features/HowItWorks/Sections/HowItWorksStepVisual.razor.rz.scp.css */
.step-visual[b-kmqkdaac4g] {
    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-kmqkdaac4g],
.groups-panel[b-kmqkdaac4g],
.rules-layout[b-kmqkdaac4g] {
    position: relative;
    height: 100%;
    overflow: hidden;
}

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

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

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

.format-pills[b-kmqkdaac4g] {
    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-kmqkdaac4g] {
    padding: 3px 5px;
    border-radius: 4px;
    color: #75b7ff;
    font-size: .47rem;
    font-weight: 750;
}

.detect-pill[b-kmqkdaac4g] {
    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-kmqkdaac4g] {
    display: grid;
    grid-template-columns: 42% 58%;
}

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

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

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

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

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

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

.swatch-panel[b-kmqkdaac4g] {
    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-kmqkdaac4g] {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    background: #242a31;
}

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

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

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

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

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

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

.rule-list div[b-kmqkdaac4g] {
    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-kmqkdaac4g] {
    color: var(--ngx-showcase-text-muted);
    font-size: .47rem;
}

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

.publish-bar[b-kmqkdaac4g] {
    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-kmqkdaac4g] {
    color: var(--ngx-showcase-text-muted);
    font-size: .48rem;
}

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

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

@media (max-width: 720px) {
    .step-visual[b-kmqkdaac4g] { height: 220px; }
}
/* /Components/Features/Legal/AcceptableUsePage.razor.rz.scp.css */
.legal-hero[b-lvwsxwbccr] { max-width: 860px; padding: 72px 0 44px; }
.eyebrow[b-lvwsxwbccr] { display:block; color:var(--ngx-primary-2); font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
h1[b-lvwsxwbccr] { margin:10px 0 16px; font-size:clamp(2.45rem,4.8vw,4.1rem); letter-spacing:-.045em; }
.legal-hero > p[b-lvwsxwbccr] { max-width:780px; margin:0; color:var(--ngx-text-secondary); font-size:clamp(1rem,1.35vw,1.12rem); line-height:1.7; }
.legal-meta[b-lvwsxwbccr] { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin-top:22px; color:var(--ngx-text-muted); font-size:.82rem; }
.legal-meta strong[b-lvwsxwbccr] { color:var(--ngx-text-secondary); font-weight:650; }
.legal-review[b-lvwsxwbccr] { margin-top:18px; padding:12px 14px; border:1px solid var(--ngx-border-subtle); border-radius:10px; color:var(--ngx-text-secondary); background:var(--ngx-primary-softer); font-size:.82rem; line-height:1.55; }
.legal-layout[b-lvwsxwbccr] { display:grid; grid-template-columns:240px minmax(0, 860px); justify-content:space-between; gap:clamp(44px,7vw,110px); padding-bottom:var(--ngx-section-gap); }
.legal-toc[b-lvwsxwbccr] { 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-lvwsxwbccr] { margin-bottom:7px; color:var(--ngx-text); font-size:.76rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.legal-toc a[b-lvwsxwbccr] { color:var(--ngx-text-muted); font-size:.84rem; line-height:1.35; }
.legal-toc a:hover[b-lvwsxwbccr] { color:var(--ngx-primary-2); }
.legal-document[b-lvwsxwbccr] { min-width:0; }
.legal-document a[b-lvwsxwbccr] { color:var(--ngx-primary-2); }
.legal-placeholder[b-lvwsxwbccr] { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; color:var(--ngx-primary-2); }
@media(max-width:900px){.legal-layout[b-lvwsxwbccr]{grid-template-columns:1fr;gap:30px}.legal-toc[b-lvwsxwbccr]{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-toc>span[b-lvwsxwbccr]{grid-column:1/-1}}
@media(max-width:639px){.legal-hero[b-lvwsxwbccr]{padding:54px 0 34px}.legal-layout[b-lvwsxwbccr]{padding-bottom:52px}.legal-toc[b-lvwsxwbccr]{grid-template-columns:1fr;padding:16px}.legal-meta[b-lvwsxwbccr]{align-items:flex-start;flex-direction:column;gap:3px}}
/* /Components/Features/Legal/CookiePolicyPage.razor.rz.scp.css */
.legal-hero[b-t4vhcgzzjf] { max-width: 860px; padding: 72px 0 44px; }
.eyebrow[b-t4vhcgzzjf] { display:block; color:var(--ngx-primary-2); font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
h1[b-t4vhcgzzjf] { margin:10px 0 16px; font-size:clamp(2.45rem,4.8vw,4.1rem); letter-spacing:-.045em; }
.legal-hero > p[b-t4vhcgzzjf] { max-width:780px; margin:0; color:var(--ngx-text-secondary); font-size:clamp(1rem,1.35vw,1.12rem); line-height:1.7; }
.legal-meta[b-t4vhcgzzjf] { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin-top:22px; color:var(--ngx-text-muted); font-size:.82rem; }
.legal-meta strong[b-t4vhcgzzjf] { color:var(--ngx-text-secondary); font-weight:650; }
.legal-review[b-t4vhcgzzjf] { margin-top:18px; padding:12px 14px; border:1px solid var(--ngx-border-subtle); border-radius:10px; color:var(--ngx-text-secondary); background:var(--ngx-primary-softer); font-size:.82rem; line-height:1.55; }
.legal-layout[b-t4vhcgzzjf] { display:grid; grid-template-columns:240px minmax(0, 860px); justify-content:space-between; gap:clamp(44px,7vw,110px); padding-bottom:var(--ngx-section-gap); }
.legal-toc[b-t4vhcgzzjf] { 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-t4vhcgzzjf] { margin-bottom:7px; color:var(--ngx-text); font-size:.76rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.legal-toc a[b-t4vhcgzzjf] { color:var(--ngx-text-muted); font-size:.84rem; line-height:1.35; }
.legal-toc a:hover[b-t4vhcgzzjf] { color:var(--ngx-primary-2); }
.legal-document[b-t4vhcgzzjf] { min-width:0; }
.legal-document a[b-t4vhcgzzjf] { color:var(--ngx-primary-2); }
.legal-placeholder[b-t4vhcgzzjf] { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; color:var(--ngx-primary-2); }
@media(max-width:900px){.legal-layout[b-t4vhcgzzjf]{grid-template-columns:1fr;gap:30px}.legal-toc[b-t4vhcgzzjf]{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-toc>span[b-t4vhcgzzjf]{grid-column:1/-1}}
@media(max-width:639px){.legal-hero[b-t4vhcgzzjf]{padding:54px 0 34px}.legal-layout[b-t4vhcgzzjf]{padding-bottom:52px}.legal-toc[b-t4vhcgzzjf]{grid-template-columns:1fr;padding:16px}.legal-meta[b-t4vhcgzzjf]{align-items:flex-start;flex-direction:column;gap:3px}}
/* /Components/Features/Legal/PrivacyPage.razor.rz.scp.css */
.legal-hero[b-00pqblyxyw] { max-width: 860px; padding: 72px 0 44px; }
.eyebrow[b-00pqblyxyw] { display:block; color:var(--ngx-primary-2); font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
h1[b-00pqblyxyw] { margin:10px 0 16px; font-size:clamp(2.45rem,4.8vw,4.1rem); letter-spacing:-.045em; }
.legal-hero > p[b-00pqblyxyw] { max-width:780px; margin:0; color:var(--ngx-text-secondary); font-size:clamp(1rem,1.35vw,1.12rem); line-height:1.7; }
.legal-meta[b-00pqblyxyw] { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin-top:22px; color:var(--ngx-text-muted); font-size:.82rem; }
.legal-meta strong[b-00pqblyxyw] { color:var(--ngx-text-secondary); font-weight:650; }
.legal-review[b-00pqblyxyw] { margin-top:18px; padding:12px 14px; border:1px solid var(--ngx-border-subtle); border-radius:10px; color:var(--ngx-text-secondary); background:var(--ngx-primary-softer); font-size:.82rem; line-height:1.55; }
.legal-layout[b-00pqblyxyw] { display:grid; grid-template-columns:240px minmax(0, 860px); justify-content:space-between; gap:clamp(44px,7vw,110px); padding-bottom:var(--ngx-section-gap); }
.legal-toc[b-00pqblyxyw] { 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-00pqblyxyw] { margin-bottom:7px; color:var(--ngx-text); font-size:.76rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.legal-toc a[b-00pqblyxyw] { color:var(--ngx-text-muted); font-size:.84rem; line-height:1.35; }
.legal-toc a:hover[b-00pqblyxyw] { color:var(--ngx-primary-2); }
.legal-document[b-00pqblyxyw] { min-width:0; }
.legal-document a[b-00pqblyxyw] { color:var(--ngx-primary-2); }
.legal-placeholder[b-00pqblyxyw] { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; color:var(--ngx-primary-2); }
@media(max-width:900px){.legal-layout[b-00pqblyxyw]{grid-template-columns:1fr;gap:30px}.legal-toc[b-00pqblyxyw]{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-toc>span[b-00pqblyxyw]{grid-column:1/-1}}
@media(max-width:639px){.legal-hero[b-00pqblyxyw]{padding:54px 0 34px}.legal-layout[b-00pqblyxyw]{padding-bottom:52px}.legal-toc[b-00pqblyxyw]{grid-template-columns:1fr;padding:16px}.legal-meta[b-00pqblyxyw]{align-items:flex-start;flex-direction:column;gap:3px}}
/* /Components/Features/Legal/Sections/LegalSection.razor.rz.scp.css */
.legal-section[b-ohn1gidez1] {
    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-ohn1gidez1] { padding-top: 0; }
.legal-section:last-child[b-ohn1gidez1] { border-bottom: 0; }
.section-number[b-ohn1gidez1] { 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-ohn1gidez1] { min-width: 0; }
h2[b-ohn1gidez1] { margin: 0 0 14px; font-size: clamp(1.35rem, 2vw, 1.75rem); letter-spacing: -.025em; }
.section-content[b-ohn1gidez1]  p { margin: 0 0 14px; color: var(--ngx-text-secondary); }
.section-content[b-ohn1gidez1]  p:last-child { margin-bottom: 0; }
.section-content[b-ohn1gidez1]  ul { margin: 14px 0 0; padding-left: 20px; color: var(--ngx-text-secondary); }
.section-content[b-ohn1gidez1]  li + li { margin-top: 8px; }
.section-content[b-ohn1gidez1]  a { color: var(--ngx-link); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; }
.section-content[b-ohn1gidez1]  a:hover { color: var(--ngx-link-hover); text-decoration-color: currentColor; }
@media (max-width: 639px) {
    .legal-section[b-ohn1gidez1] { grid-template-columns: 1fr; gap: 8px; padding: 28px 0; }
    .section-number[b-ohn1gidez1] { padding-top: 0; }
}
/* /Components/Features/Legal/TermsPage.razor.rz.scp.css */
.legal-hero[b-1mpcckawrm] { max-width: 860px; padding: 72px 0 44px; }
.eyebrow[b-1mpcckawrm] { display:block; color:var(--ngx-primary-2); font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
h1[b-1mpcckawrm] { margin:10px 0 16px; font-size:clamp(2.45rem,4.8vw,4.1rem); letter-spacing:-.045em; }
.legal-hero > p[b-1mpcckawrm] { max-width:780px; margin:0; color:var(--ngx-text-secondary); font-size:clamp(1rem,1.35vw,1.12rem); line-height:1.7; }
.legal-meta[b-1mpcckawrm] { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin-top:22px; color:var(--ngx-text-muted); font-size:.82rem; }
.legal-meta strong[b-1mpcckawrm] { color:var(--ngx-text-secondary); font-weight:650; }
.legal-review[b-1mpcckawrm] { margin-top:18px; padding:12px 14px; border:1px solid var(--ngx-border-subtle); border-radius:10px; color:var(--ngx-text-secondary); background:var(--ngx-primary-softer); font-size:.82rem; line-height:1.55; }
.legal-layout[b-1mpcckawrm] { display:grid; grid-template-columns:240px minmax(0, 860px); justify-content:space-between; gap:clamp(44px,7vw,110px); padding-bottom:var(--ngx-section-gap); }
.legal-toc[b-1mpcckawrm] { 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-1mpcckawrm] { margin-bottom:7px; color:var(--ngx-text); font-size:.76rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.legal-toc a[b-1mpcckawrm] { color:var(--ngx-text-muted); font-size:.84rem; line-height:1.35; }
.legal-toc a:hover[b-1mpcckawrm] { color:var(--ngx-primary-2); }
.legal-document[b-1mpcckawrm] { min-width:0; }
.legal-document a[b-1mpcckawrm] { color:var(--ngx-primary-2); }
.legal-placeholder[b-1mpcckawrm] { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; color:var(--ngx-primary-2); }
@media(max-width:900px){.legal-layout[b-1mpcckawrm]{grid-template-columns:1fr;gap:30px}.legal-toc[b-1mpcckawrm]{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-toc>span[b-1mpcckawrm]{grid-column:1/-1}}
@media(max-width:639px){.legal-hero[b-1mpcckawrm]{padding:54px 0 34px}.legal-layout[b-1mpcckawrm]{padding-bottom:52px}.legal-toc[b-1mpcckawrm]{grid-template-columns:1fr;padding:16px}.legal-meta[b-1mpcckawrm]{align-items:flex-start;flex-direction:column;gap:3px}}
/* /Components/Features/Pricing/PricingPage.razor.rz.scp.css */
.pricing-page[b-xsopy45o96]{position:relative}.pricing-page[b-xsopy45o96]::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-xsopy45o96]{padding:var(--ngx-section-gap) 0}
/* /Components/Features/Pricing/Sections/PricingCtaSection.razor.rz.scp.css */
.pricing-cta-wrap[b-0f3f0mdp2o]{padding-bottom:var(--ngx-page-end-space)}
/* /Components/Features/Pricing/Sections/PricingFactorsSection.razor.rz.scp.css */
.factors[b-eqh7vzzb0f]{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-eqh7vzzb0f]{max-width:780px;margin:0 auto 32px;text-align:center}.eyebrow[b-eqh7vzzb0f]{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-eqh7vzzb0f]{margin:0;font-size:var(--ngx-section-title-size);letter-spacing:-.04em}header p[b-eqh7vzzb0f]{margin:11px auto 0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-md);line-height:1.6}.factor-grid[b-eqh7vzzb0f]{display:grid;grid-template-columns:repeat(4,1fr)}.factor[b-eqh7vzzb0f]{display:grid;grid-template-columns:50px 1fr;gap:15px;min-width:0;padding:12px 26px}.factor+.factor[b-eqh7vzzb0f]{border-left:1px solid var(--ngx-divider)}.icon[b-eqh7vzzb0f]{display:grid;place-items:center;width:46px;height:46px;color:var(--ngx-primary-2)}.icon[b-eqh7vzzb0f]  svg{width:37px;height:37px;stroke-width:1.5}h3[b-eqh7vzzb0f]{margin:0 0 6px;font-size:1rem}article p[b-eqh7vzzb0f]{margin:0;color:var(--ngx-text-secondary);font-size:.82rem;line-height:1.58}@media(max-width:1023px){.factor-grid[b-eqh7vzzb0f]{grid-template-columns:repeat(2,1fr)}.factor:nth-child(3)[b-eqh7vzzb0f]{border-left:0;border-top:1px solid var(--ngx-divider)}.factor:nth-child(4)[b-eqh7vzzb0f]{border-top:1px solid var(--ngx-divider)}}@media(max-width:639px){.factors[b-eqh7vzzb0f]{padding:30px 22px}header[b-eqh7vzzb0f]{text-align:left}.factor-grid[b-eqh7vzzb0f]{grid-template-columns:1fr}.factor[b-eqh7vzzb0f]{padding:18px 4px}.factor+.factor[b-eqh7vzzb0f],.factor:nth-child(3)[b-eqh7vzzb0f],.factor:nth-child(4)[b-eqh7vzzb0f]{border-left:0;border-top:1px solid var(--ngx-divider)}}
/* /Components/Features/Pricing/Sections/PricingHeroSection.razor.rz.scp.css */
.pricing-hero[b-jxngvo6wga] {
    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-jxngvo6wga] {
    max-width: 620px;
}

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

h1[b-jxngvo6wga] {
    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-jxngvo6wga] {
    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-jxngvo6wga] {
    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-jxngvo6wga] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

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

.scope-card[b-jxngvo6wga] {
    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-jxngvo6wga] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 26px 28px 20px;
}
.scope-head h2[b-jxngvo6wga] { margin: 0; color: var(--ngx-showcase-text); font-size: 1.35rem; letter-spacing: -.025em; }
.scope-head p[b-jxngvo6wga] { margin: 8px 0 0; color: rgba(226, 236, 250, .84); font-size: .9rem; line-height: 1.5; }
.scope-help[b-jxngvo6wga] {
    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-jxngvo6wga] { padding: 0 28px; }
.scope-row[b-jxngvo6wga] {
    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-jxngvo6wga] { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 10px; }
.scope-icon[b-jxngvo6wga]  svg { width: 23px; height: 23px; }
.scope-icon--blue[b-jxngvo6wga] { color: #55a6ff; background: rgba(32,102,216,.28); }
.scope-icon--purple[b-jxngvo6wga] { color: #a578ff; background: rgba(111,68,210,.27); }
.scope-icon--teal[b-jxngvo6wga] { color: #53d9d1; background: rgba(30,142,142,.27); }
.scope-icon--amber[b-jxngvo6wga] { color: #ffc05f; background: rgba(180,116,27,.25); }
.scope-copy strong[b-jxngvo6wga] { display: block; margin-bottom: 4px; color: var(--ngx-showcase-text); font-size: .93rem; }
.scope-copy span[b-jxngvo6wga] { color: rgba(213, 225, 242, .8); font-size: .81rem; line-height: 1.45; }
.scope-state[b-jxngvo6wga] { padding-left: 12px; font-size: .76rem; font-weight: 700; white-space: nowrap; }
.scope-state--included[b-jxngvo6wga] { color: #64e99c; }
.scope-state--optional[b-jxngvo6wga] { color: #ffc84f; }
.scope-state--choice[b-jxngvo6wga] { color: #5ea8ff; }

.scope-flow[b-jxngvo6wga] {
    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-jxngvo6wga] {
    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-jxngvo6wga] {
    color: rgba(127, 172, 238, .72);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .14em;
}
.scope-step[b-jxngvo6wga]  svg { width: 20px; height: 20px; color: var(--ngx-primary-2); }
.scope-step b[b-jxngvo6wga] { color: var(--ngx-showcase-text); font-size: .76rem; }
.scope-step--active[b-jxngvo6wga] {
    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-jxngvo6wga] {
    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-jxngvo6wga] { display: block; color: var(--ngx-showcase-text); font-size: .82rem; }
.scope-footer span[b-jxngvo6wga] { display: block; margin-top: 4px; color: var(--ngx-showcase-text-secondary); font-size: .72rem; }
.scope-footer[b-jxngvo6wga]  .ngx-button { min-height: 42px; padding-inline: 18px; font-size: .92rem; }

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

.plans[b-lhd91d4dj4] { padding: clamp(40px, 5vw, 66px) 0 var(--ngx-section-gap); }
.section-header[b-lhd91d4dj4] { max-width: 820px; margin: 0 auto 42px; text-align: center; }
.eyebrow[b-lhd91d4dj4] { 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-lhd91d4dj4] { margin: 0; font-size: var(--ngx-section-title-size); letter-spacing: -.045em; }
.section-header p[b-lhd91d4dj4] { 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-lhd91d4dj4] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; align-items: stretch; }
.includes[b-lhd91d4dj4] { margin-bottom: 13px; color: var(--ngx-text); font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.feature-list[b-lhd91d4dj4] { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.feature-list li[b-lhd91d4dj4] { display: grid; grid-template-columns: 20px 1fr; gap: 9px; align-items: start; line-height: 1.5; }
.check[b-lhd91d4dj4] { 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-lhd91d4dj4] {
    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-lhd91d4dj4] { position: relative; min-height: 260px; }
.empty-glow[b-lhd91d4dj4] { 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-lhd91d4dj4] { 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-lhd91d4dj4]::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-lhd91d4dj4] { left: 6%; top: 26%; transform: rotate(-8deg); opacity: .66; }
.empty-card--2[b-lhd91d4dj4] { left: 29%; top: 16%; z-index: 2; transform: rotate(2deg) scale(1.08); }
.empty-card--3[b-lhd91d4dj4] { left: 54%; top: 31%; transform: rotate(8deg); opacity: .58; }

.empty-copy[b-lhd91d4dj4] { position: relative; z-index: 2; max-width: 650px; }
.empty-copy h2[b-lhd91d4dj4] { color: var(--ngx-showcase-text); }
.empty-copy p[b-lhd91d4dj4] { max-width: 620px; margin: 16px 0 0; color: var(--ngx-showcase-text-secondary); font-size: 1rem; line-height: 1.7; }
.empty-actions[b-lhd91d4dj4] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.empty-note[b-lhd91d4dj4] { 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-lhd91d4dj4] { 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-lhd91d4dj4] { margin: 0; color: var(--ngx-showcase-text-muted); font-size: .82rem; line-height: 1.55; }

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

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

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

.option-image img[b-um8n3pzle6] {
    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-5bn1khh44c]{padding-bottom:var(--ngx-page-end-space)}
/* /Components/Features/Product/Sections/ProductHeroSection.razor.rz.scp.css */
.hero[b-cvjxblm6nv]{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-cvjxblm6nv]::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-cvjxblm6nv]{position:relative;z-index:1;padding-left:2px}
.eyebrow[b-cvjxblm6nv]{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-cvjxblm6nv]{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-cvjxblm6nv]{color:var(--ngx-primary-2)}
.lead[b-cvjxblm6nv]{max-width:660px;margin:24px 0 0;color:var(--ngx-text);font-size:var(--ngx-hero-lead-size);line-height:1.65}
.support[b-cvjxblm6nv]{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-cvjxblm6nv]{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.play[b-cvjxblm6nv]{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-cvjxblm6nv]{grid-template-columns:1fr}.hero-copy[b-cvjxblm6nv]{max-width:820px}}
@media(max-width:639px){.actions[b-cvjxblm6nv]{display:grid;grid-template-columns:1fr}.actions[b-cvjxblm6nv]  .ngx-button{width:100%}}
/* /Components/Features/Product/Sections/ProductHighlightsSection.razor.rz.scp.css */
.highlights[b-cp7fj36do5]{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-cp7fj36do5]{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;min-width:0;padding:24px 22px}.highlight+.highlight[b-cp7fj36do5]{border-left:1px solid var(--ngx-divider)}.icon[b-cp7fj36do5]{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-cp7fj36do5]  svg{width:24px;height:24px}h2[b-cp7fj36do5]{margin:0 0 6px;font-size:var(--ngx-font-size-md);letter-spacing:-.015em}p[b-cp7fj36do5]{margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm);line-height:1.55}@media(max-width:1080px){.highlights[b-cp7fj36do5]{grid-template-columns:repeat(2,1fr)}.highlight:nth-child(3)[b-cp7fj36do5]{border-left:0;border-top:1px solid var(--ngx-divider)}.highlight:nth-child(4)[b-cp7fj36do5]{border-top:1px solid var(--ngx-divider)}}@media(max-width:639px){.highlights[b-cp7fj36do5]{grid-template-columns:1fr;margin-bottom:var(--ngx-section-gap-compact)}.highlight+.highlight[b-cp7fj36do5],.highlight:nth-child(3)[b-cp7fj36do5],.highlight:nth-child(4)[b-cp7fj36do5]{border-left:0;border-top:1px solid var(--ngx-divider)}}
/* /Components/Features/Product/Sections/ProductStudioPreview.razor.rz.scp.css */

.studio[b-17m2isorxg] {
    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-17m2isorxg] {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 11px;
    object-fit: contain;
    object-position: center;
}

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

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

@media (max-width: 639px) {
    .studio[b-17m2isorxg] { padding: 8px; }
    .studio-demo-hotspot[b-17m2isorxg] {
        left: 16%;
        bottom: 4%;
        width: 45%;
        height: 16%;
    }
}
/* /Components/Features/RequestDemo/RequestDemoPage.razor.rz.scp.css */
.request-demo-page[b-yjoa69a77s]{position:relative}.request-demo-page[b-yjoa69a77s]::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-1g1mifs8fx]{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-1g1mifs8fx]{max-width:780px;margin:0 auto 34px;text-align:center}.eyebrow[b-1g1mifs8fx]{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-1g1mifs8fx]{margin:0;font-size:var(--ngx-section-title-size);letter-spacing:-.04em}.steps[b-1g1mifs8fx]{display:grid;grid-template-columns:repeat(3,1fr)}article[b-1g1mifs8fx]{padding:20px 34px}article+article[b-1g1mifs8fx]{border-left:1px solid var(--ngx-divider)}article span[b-1g1mifs8fx]{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-1g1mifs8fx]{margin:0 0 8px;font-size:1.05rem}article p[b-1g1mifs8fx]{margin:0;color:var(--ngx-text-secondary);font-size:.88rem;line-height:1.62}@media(max-width:639px){.expectations[b-1g1mifs8fx]{padding:32px 22px}header[b-1g1mifs8fx]{text-align:left}.steps[b-1g1mifs8fx]{grid-template-columns:1fr}article[b-1g1mifs8fx]{padding:22px 0}article+article[b-1g1mifs8fx]{border-left:0;border-top:1px solid var(--ngx-divider)}}
/* /Components/Features/RequestDemo/Sections/RequestDemoFormSection.razor.rz.scp.css */
.request-form-section[b-uz67qbm56h]{padding:var(--ngx-section-gap-compact) 0}.request-form-card[b-uz67qbm56h]{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-uz67qbm56h]{max-width:760px;margin-bottom:32px}.eyebrow[b-uz67qbm56h]{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-uz67qbm56h]{margin:0;font-size:var(--ngx-section-title-size);letter-spacing:-.045em}header p[b-uz67qbm56h]{margin:13px 0 0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-md);line-height:1.65}.form-grid[b-uz67qbm56h]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-grid[b-uz67qbm56h]  .wide{grid-column:1/-1}.form-grid[b-uz67qbm56h]  .validation-message{margin-top:7px;color:var(--ngx-error);font-size:.78rem}.privacy-note[b-uz67qbm56h]{margin:20px 0 4px;color:var(--ngx-text-muted);font-size:.79rem;line-height:1.55}.privacy-note a[b-uz67qbm56h]{color:var(--ngx-primary-2)}.honeypot[b-uz67qbm56h]{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.success-panel[b-uz67qbm56h]{display:grid;justify-items:start;align-content:center;min-height:500px;max-width:820px;margin:0 auto}.success-icon[b-uz67qbm56h]{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-uz67qbm56h]  svg{width:35px;height:35px}.success-panel h2[b-uz67qbm56h]{max-width:760px;margin-bottom:22px}.reference[b-uz67qbm56h]{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-uz67qbm56h]{color:var(--ngx-text);font-family:var(--ngx-font-mono)}.success-actions[b-uz67qbm56h]{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:639px){.form-grid[b-uz67qbm56h]{grid-template-columns:1fr}.form-grid[b-uz67qbm56h]  .wide{grid-column:auto}.request-form-card[b-uz67qbm56h]{padding:28px 20px}.success-panel[b-uz67qbm56h]{min-height:420px}.success-actions[b-uz67qbm56h]{display:grid;width:100%}.success-actions[b-uz67qbm56h]  .ngx-button{width:100%}}


/* v83 — keep the primary form CTA visually separated from validation/status content. */
.request-form-card[b-uz67qbm56h]  .form-actions{margin-top:28px;padding-top:4px}
.request-form-card[b-uz67qbm56h]  .form-actions .primary{gap:14px}
.request-form-card[b-uz67qbm56h]  .form-actions .ngx-button--lg{min-height:54px;padding-inline:30px}
@media(max-width:639px){.request-form-card[b-uz67qbm56h]  .form-actions{margin-top:24px}.request-form-card[b-uz67qbm56h]  .form-actions .ngx-button--lg{width:100%}}
/* /Components/Features/RequestDemo/Sections/RequestDemoHeroSection.razor.rz.scp.css */
.demo-hero[b-llo2seazzi]{
    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-llo2seazzi]{max-width:720px}
.eyebrow[b-llo2seazzi]{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-llo2seazzi]{margin:0;font-size:var(--ngx-hero-title-size);line-height:1;letter-spacing:-.055em}
.demo-hero__copy>p[b-llo2seazzi]{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-llo2seazzi]{display:grid;gap:11px;margin:26px 0 0;padding:0;list-style:none;color:var(--ngx-text-secondary)}
li[b-llo2seazzi]{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center}
li span[b-llo2seazzi]{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-llo2seazzi]{
    position:relative;
    min-width:0;
    overflow:visible;
    background:transparent;
}
.demo-hero__visual[b-llo2seazzi]::before{
    content:"";
    position:absolute;
    inset:10% 5% 4%;
    z-index:0;
    pointer-events:none;
    background:radial-gradient(ellipse at center,rgba(16,111,255,.11),transparent 66%);
    filter:blur(22px);
}
.demo-hero__visual picture[b-llo2seazzi]{position:relative;z-index:1;display:block;width:100%}
.demo-hero__art[b-llo2seazzi]{
    display:block;
    width:100%;
    height:auto;
    max-width:846px;
    margin-inline:auto;
    border-radius:22px;
    filter:drop-shadow(0 24px 48px rgba(0,88,220,.14));
    background:transparent;
}
@media(max-width:1023px){
    .demo-hero[b-llo2seazzi]{grid-template-columns:1fr}
    .demo-hero__visual[b-llo2seazzi]{max-width:900px;width:100%;margin-inline:auto}
}
@media(max-width:639px){
    .demo-hero__art[b-llo2seazzi]{border-radius:14px}
    .demo-hero__copy ul[b-llo2seazzi]{font-size:.9rem}
}
/* /Components/Features/Security/SecurityPage.razor.rz.scp.css */
.security-page[b-e35ifabqox] {
    position: relative;
    overflow: hidden;
    padding: 26px 0 48px;
    background:
        radial-gradient(circle at 73% 10%, color-mix(in srgb, var(--ngx-primary) 10%, transparent), transparent 30rem),
        radial-gradient(circle at 14% 60%, color-mix(in srgb, var(--ngx-primary) 4%, transparent), transparent 34rem);
}

.security-page[b-e35ifabqox]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .14;
    background-image:
        linear-gradient(color-mix(in srgb, var(--ngx-primary) 4%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--ngx-primary) 4%, transparent) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.42), transparent 42%);
}

.security-eyebrow[b-e35ifabqox] {
    margin-bottom: 14px;
    color: var(--ngx-primary-2);
    font-size: var(--ngx-font-size-xs);
    font-weight: var(--ngx-weight-bold);
    letter-spacing: .14em;
}

.security-hero[b-e35ifabqox] {
    display: grid;
    grid-template-columns: .38fr .62fr;
    gap: 30px;
    align-items: center;
    min-height: 520px;
    padding: 16px 0 28px;
}
.security-hero__copy[b-e35ifabqox] { max-width: 470px; }
.security-hero h1[b-e35ifabqox] {
    margin: 0;
    color: var(--ngx-text);
    font-size: clamp(3rem, 5.7vw, 5.7rem);
    line-height: .98;
    letter-spacing: -.055em;
}
.security-hero h1 span[b-e35ifabqox] { display: block; }
.security-accent[b-e35ifabqox] { color: var(--ngx-primary-2); }
.security-hero__copy > p[b-e35ifabqox] {
    margin: 24px 0 0;
    color: var(--ngx-text-secondary);
    font-size: 1.02rem;
    line-height: 1.75;
}
.security-hero__actions[b-e35ifabqox] { margin-top: 26px; }

.security-hero__visual[b-e35ifabqox] {
    position: relative;
    min-height: 500px;
    isolation: isolate;
}
.security-grid[b-e35ifabqox] {
    position: absolute;
    inset: 7% 0 3%;
    opacity: .18;
    background:
        linear-gradient(90deg, transparent 49.5%, color-mix(in srgb, var(--ngx-primary) 20%, transparent) 50%, transparent 50.5%),
        linear-gradient(0deg, transparent 49.5%, color-mix(in srgb, var(--ngx-primary) 20%, transparent) 50%, transparent 50.5%);
    background-size: 54px 54px;
    transform: perspective(620px) rotateX(66deg) translateY(115px) scale(1.25);
    mask-image: radial-gradient(ellipse at center, black 22%, transparent 73%);
}
.security-shield[b-e35ifabqox] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 0 18px rgba(0,105,255,.12));
}
.security-dashboard-lines[b-e35ifabqox] { fill: none; stroke: rgba(49,143,255,.32); stroke-width: 1; }
.security-platform-ring[b-e35ifabqox] { fill: none; stroke: rgba(38,131,255,.55); stroke-width: 1.1; }
.security-platform-ring--inner[b-e35ifabqox] { stroke: rgba(37,146,255,.78); }
.security-platform-ray[b-e35ifabqox] { fill: none; stroke: rgba(43,132,255,.28); stroke-width: 1; }
.security-shield-shape[b-e35ifabqox] { fill: rgba(0,88,204,.08); stroke: url(#shieldStroke); stroke-width: 4; }
.security-lock[b-e35ifabqox] { fill: rgba(0,39,93,.38); stroke: #1b91ff; stroke-width: 4; }
.security-keyhole[b-e35ifabqox] { fill: rgba(1,117,255,.2); stroke: #22b0ff; stroke-width: 3; }
.security-core[b-e35ifabqox] { fill: #1da3ff; filter: drop-shadow(0 0 11px #178cff); }

.security-callout[b-e35ifabqox] {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 175px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--ngx-border) 78%, var(--ngx-primary) 22%);
    border-radius: 10px;
    color: var(--ngx-text);
    background: rgba(4,14,27,.82);
    box-shadow: 0 14px 32px rgba(0,0,0,.22), inset 0 0 30px rgba(0,89,220,.03);
    backdrop-filter: blur(8px);
    font-size: .78rem;
    line-height: 1.3;
}
.security-callout[b-e35ifabqox]  .icon { width: 22px; height: 22px; color: var(--ngx-primary-2); flex: 0 0 auto; }
.security-callout--one[b-e35ifabqox] { left: 5%; top: 15%; }
.security-callout--two[b-e35ifabqox] { right: 1%; top: 13%; }
.security-callout--three[b-e35ifabqox] { left: 2%; top: 56%; }
.security-callout--four[b-e35ifabqox] { right: 2%; top: 53%; }

.security-trust[b-e35ifabqox] {
    display: grid;
    grid-template-columns: 1.35fr .8fr .8fr .8fr;
    gap: 0;
    margin-top: 2px;
    padding: 24px 28px;
    border: 1px solid color-mix(in srgb, var(--ngx-border) 86%, var(--ngx-primary) 14%);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(7,20,36,.96), rgba(4,13,25,.94));
}
.security-trust__lead[b-e35ifabqox] { display: grid; grid-template-columns: 62px 1fr; gap: 18px; align-items: center; padding-right: 25px; }
.security-trust__icon[b-e35ifabqox] { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; color: var(--ngx-primary-2); background: rgba(0,102,255,.09); box-shadow: 0 0 30px rgba(0,99,255,.10); }
.security-trust__icon[b-e35ifabqox]  .icon { width: 35px; height: 35px; }
.security-trust h2[b-e35ifabqox], .security-trust h3[b-e35ifabqox] { margin: 0; color: var(--ngx-text); }
.security-trust h2[b-e35ifabqox] { font-size: 1.15rem; }
.security-trust h3[b-e35ifabqox] { font-size: .95rem; }
.security-trust p[b-e35ifabqox] { margin: 7px 0 0; color: var(--ngx-text-secondary); font-size: .76rem; line-height: 1.6; }
.security-trust > article[b-e35ifabqox] { display: grid; grid-template-columns: 30px 1fr; gap: 10px; padding: 4px 18px; border-left: 1px solid color-mix(in srgb, var(--ngx-border) 80%, transparent); }
.security-trust > article[b-e35ifabqox]  .icon { width: 24px; height: 24px; color: var(--ngx-primary-2); }

.security-panel[b-e35ifabqox] {
    margin-top: 24px;
    padding: 28px 26px 30px;
    border: 1px solid color-mix(in srgb, var(--ngx-border) 86%, var(--ngx-primary) 14%);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(7,20,36,.96), rgba(4,13,25,.94));
    box-shadow: inset 0 0 55px rgba(0,91,225,.025);
}
.security-panel > h2[b-e35ifabqox], .security-section-heading h2[b-e35ifabqox] {
    margin: 0;
    color: var(--ngx-text);
    font-size: clamp(1.75rem, 2.6vw, 2.3rem);
    letter-spacing: -.04em;
    text-align: center;
}
.security-practice-grid[b-e35ifabqox], .security-privacy-grid[b-e35ifabqox] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 24px; }
.security-practice-grid[b-e35ifabqox] { gap: 12px; }
.security-practice-grid article[b-e35ifabqox] {
    min-height: 260px;
    padding: 22px 18px;
    border: 1px solid color-mix(in srgb, var(--ngx-border) 86%, var(--ngx-primary) 14%);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(8,22,39,.84), rgba(4,13,25,.72));
}
.security-card-icon[b-e35ifabqox] {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin: 0 0 22px;
    border: 1px solid rgba(27,134,255,.4);
    border-radius: 50%;
    color: var(--ngx-primary-2);
    box-shadow: 0 0 28px rgba(0,99,255,.07);
}
.security-card-icon[b-e35ifabqox]  .icon { width: 31px; height: 31px; }
.security-practice-grid h3[b-e35ifabqox], .security-privacy-grid h3[b-e35ifabqox] { margin: 0; color: var(--ngx-text); font-size: .98rem; }
.security-practice-grid p[b-e35ifabqox], .security-privacy-grid p[b-e35ifabqox] { margin: 10px 0 0; color: var(--ngx-text-secondary); font-size: .78rem; line-height: 1.65; }

.security-section-heading[b-e35ifabqox] { text-align: center; }
.security-section-heading p[b-e35ifabqox] { max-width: 670px; margin: 10px auto 0; color: var(--ngx-text-secondary); font-size: .86rem; line-height: 1.65; }
.security-privacy-grid[b-e35ifabqox] { gap: 0; }
.security-privacy-grid article[b-e35ifabqox] { min-height: 220px; padding: 10px 24px 4px; border-left: 1px solid color-mix(in srgb, var(--ngx-border) 74%, transparent); }
.security-privacy-grid article:first-child[b-e35ifabqox] { border-left: 0; }
.security-privacy-grid article[b-e35ifabqox] >  .icon { width: 46px; height: 46px; margin-bottom: 22px; color: var(--ngx-primary-2); }

.security-support[b-e35ifabqox] {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 28px;
    align-items: center;
    min-height: 230px;
    margin-top: 24px;
    padding: 28px 34px 8px;
    border: 1px solid color-mix(in srgb, var(--ngx-border) 86%, var(--ngx-primary) 14%);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(7,20,36,.96), rgba(4,13,25,.94));
    overflow: hidden;
}
.security-support h2[b-e35ifabqox] { margin: 0; color: var(--ngx-text); font-size: clamp(1.8rem, 2.7vw, 2.35rem); letter-spacing: -.04em; }
.security-support p[b-e35ifabqox] { max-width: 610px; margin: 13px 0 0; color: var(--ngx-text-secondary); line-height: 1.7; }
.security-support__actions[b-e35ifabqox] { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; margin-top: 22px; }
.security-privacy-link[b-e35ifabqox] { color: var(--ngx-primary-2); font-size: .86rem; text-decoration: none; }
.security-privacy-link:hover[b-e35ifabqox] { text-decoration: underline; }
.security-support__art[b-e35ifabqox] { align-self: end; color: var(--ngx-primary-2); opacity: .92; }
.security-support__art svg[b-e35ifabqox] { width: min(100%, 500px); height: auto; }
.security-support__art g[b-e35ifabqox] { fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 1100px) {
    .security-hero[b-e35ifabqox] { grid-template-columns: .42fr .58fr; }
    .security-trust[b-e35ifabqox] { grid-template-columns: 1.2fr repeat(3, .9fr); padding-inline: 20px; }
    .security-practice-grid[b-e35ifabqox], .security-privacy-grid[b-e35ifabqox] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .security-privacy-grid article:nth-child(4)[b-e35ifabqox] { border-left: 0; }
}

@media (max-width: 900px) {
    .security-page[b-e35ifabqox] { padding-top: 18px; }
    .security-hero[b-e35ifabqox] { grid-template-columns: 1fr; min-height: 0; gap: 16px; }
    .security-hero__copy[b-e35ifabqox] { max-width: 680px; }
    .security-hero__visual[b-e35ifabqox] { min-height: 470px; }
    .security-trust[b-e35ifabqox] { grid-template-columns: 1fr 1fr; gap: 18px 0; }
    .security-trust__lead[b-e35ifabqox] { grid-column: 1 / -1; padding-bottom: 12px; }
    .security-trust > article:nth-of-type(2)[b-e35ifabqox] { border-left: 0; }
    .security-support[b-e35ifabqox] { grid-template-columns: 1fr; padding-bottom: 0; }
    .security-support__art[b-e35ifabqox] { min-height: 180px; display: grid; place-items: end center; }
}

@media (max-width: 639px) {
    .security-page[b-e35ifabqox] { padding: 10px 0 34px; }
    .security-hero[b-e35ifabqox] { padding-top: 10px; }
    .security-hero h1[b-e35ifabqox] { font-size: clamp(2.6rem, 13vw, 3.6rem); }
    .security-hero__copy > p[b-e35ifabqox] { font-size: .92rem; }
    .security-hero__visual[b-e35ifabqox] { min-height: 340px; margin-inline: -10px; }
    .security-callout[b-e35ifabqox] { max-width: 130px; padding: 8px 9px; font-size: .62rem; }
    .security-callout[b-e35ifabqox]  .icon { width: 17px; height: 17px; }
    .security-callout--one[b-e35ifabqox] { left: 1%; top: 10%; }
    .security-callout--two[b-e35ifabqox] { right: 1%; top: 10%; }
    .security-callout--three[b-e35ifabqox] { left: 0; top: 63%; }
    .security-callout--four[b-e35ifabqox] { right: 0; top: 62%; }
    .security-trust[b-e35ifabqox] { grid-template-columns: 1fr; padding: 22px 18px; }
    .security-trust__lead[b-e35ifabqox] { grid-column: auto; }
    .security-trust > article[b-e35ifabqox] { border-left: 0; border-top: 1px solid color-mix(in srgb, var(--ngx-border) 78%, transparent); padding: 16px 0 0; }
    .security-panel[b-e35ifabqox] { padding: 24px 16px; }
    .security-practice-grid[b-e35ifabqox], .security-privacy-grid[b-e35ifabqox] { grid-template-columns: 1fr; }
    .security-practice-grid article[b-e35ifabqox] { min-height: 0; }
    .security-privacy-grid article[b-e35ifabqox] { min-height: 0; padding: 20px 4px; border-left: 0; border-top: 1px solid color-mix(in srgb, var(--ngx-border) 74%, transparent); }
    .security-privacy-grid article:first-child[b-e35ifabqox] { border-top: 0; }
    .security-support[b-e35ifabqox] { padding: 24px 20px 0; }
    .security-support__actions[b-e35ifabqox] { flex-direction: column; align-items: stretch; }
    .security-support__actions[b-e35ifabqox]  .ngx-button { width: 100%; justify-content: center; }
    .security-privacy-link[b-e35ifabqox] { text-align: center; padding: 8px 0; }
}


/* v70 premium raster artwork */
.security-hero-art[b-e35ifabqox] {
    position: absolute;
    inset: 0 7% 0;
    z-index: 1;
    display: grid;
    place-items: center;
    pointer-events: none;
}
.security-hero-art picture[b-e35ifabqox],
.security-hero-art img[b-e35ifabqox] {
    display: block;
    width: 100%;
    height: 100%;
}
.security-hero-art img[b-e35ifabqox] {
    object-fit: contain;
    filter: drop-shadow(0 0 28px rgba(0,113,255,.20));
}
.security-callout[b-e35ifabqox] { z-index: 3; }

.security-support__art--premium[b-e35ifabqox] {
    align-self: center;
    opacity: 1;
    min-width: 0;
    overflow: hidden;
}
.security-support__art--premium picture[b-e35ifabqox] {
    display: block;
    width: 100%;
}
.security-support__art--premium img[b-e35ifabqox] {
    display: block;
    width: min(100%, 690px);
    height: auto;
    margin-inline: auto;
    object-fit: contain;
    filter: drop-shadow(0 0 20px rgba(0,103,255,.14));
    mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
}
@media (max-width: 900px) {
    .security-hero-art[b-e35ifabqox] { inset: 0 12%; }
    .security-support__art--premium[b-e35ifabqox] { min-height: 210px; }
    .security-support__art--premium img[b-e35ifabqox] { width: min(100%, 760px); }
}
@media (max-width: 639px) {
    .security-hero-art[b-e35ifabqox] { inset: 2% 12% 0; }
    .security-support__art--premium[b-e35ifabqox] { min-height: 165px; }
    .security-support__art--premium img[b-e35ifabqox] { width: 100%; }
}


/* v72 unified Contact/About illustration treatment */
.security-hero-art[b-e35ifabqox] { inset: 1% 2% 0; }
.security-hero-art img[b-e35ifabqox] {
    object-fit: contain;
    object-position: center;
    filter: saturate(.9) brightness(.9);
    -webkit-mask-image: radial-gradient(ellipse 96% 92% at center, #000 72%, transparent 100%);
    mask-image: radial-gradient(ellipse 96% 92% at center, #000 72%, transparent 100%);
}
.security-support__art--premium img[b-e35ifabqox] {
    object-fit: contain;
    object-position: center right;
    filter: saturate(.9) brightness(.92);
}

/* v73 — align Security hero with the shared NOVOGEX marketing scale (Contact/About). */
.security-hero[b-e35ifabqox] {
    grid-template-columns: minmax(420px, .44fr) minmax(0, .56fr);
    gap: 34px;
    min-height: 420px;
    padding: 10px 0 28px;
}
.security-hero__copy[b-e35ifabqox] {
    position: relative;
    z-index: 2;
    max-width: 600px;
}
.security-hero h1[b-e35ifabqox] {
    max-width: 560px;
    font-size: var(--ngx-hero-title-size);
    font-weight: 760;
    line-height: 1.02;
    letter-spacing: -.05em;
}
.security-hero__copy > p[b-e35ifabqox] {
    max-width: 550px;
    margin-top: 18px;
    font-size: var(--ngx-hero-lead-size);
    line-height: 1.62;
}
.security-hero__actions[b-e35ifabqox] { margin-top: 24px; }
.security-hero__visual[b-e35ifabqox] {
    min-height: 390px;
    display: grid;
    align-items: center;
}
.security-hero-art[b-e35ifabqox] {
    inset: 5% 4% 4%;
    place-items: center;
}
.security-hero-art img[b-e35ifabqox] {
    width: min(100%, 820px);
    height: auto;
    max-height: 390px;
    margin-inline: auto;
    object-fit: contain;
    filter: saturate(.88) brightness(.88) drop-shadow(0 22px 45px rgba(0,74,170,.14));
    -webkit-mask-image: radial-gradient(ellipse 88% 88% at center, #000 70%, transparent 100%);
    mask-image: radial-gradient(ellipse 88% 88% at center, #000 70%, transparent 100%);
}
.security-callout[b-e35ifabqox] {
    max-width: 158px;
    padding: 10px 12px;
    font-size: .72rem;
}
.security-callout--one[b-e35ifabqox] { left: 4%; top: 17%; }
.security-callout--two[b-e35ifabqox] { right: 2%; top: 16%; }
.security-callout--three[b-e35ifabqox] { left: 1%; top: 57%; }
.security-callout--four[b-e35ifabqox] { right: 2%; top: 55%; }

@media (max-width: 1100px) {
    .security-hero[b-e35ifabqox] { grid-template-columns: minmax(390px, .48fr) minmax(0, .52fr); gap: 20px; }
    .security-hero-art img[b-e35ifabqox] { max-height: 370px; }
}
@media (max-width: 900px) {
    .security-hero[b-e35ifabqox] { grid-template-columns: 1fr; min-height: 0; padding-bottom: 22px; }
    .security-hero__copy[b-e35ifabqox] { max-width: 720px; }
    .security-hero__visual[b-e35ifabqox] { min-height: 330px; }
    .security-hero-art[b-e35ifabqox] { inset: 2% 8%; }
    .security-hero-art img[b-e35ifabqox] { width: min(100%, 720px); max-height: 330px; }
}
@media (max-width: 639px) {
    .security-hero h1[b-e35ifabqox] { font-size: clamp(2.25rem, 10.6vw, 3rem); }
    .security-hero__copy > p[b-e35ifabqox] { font-size: .95rem; line-height: 1.6; }
    .security-hero__visual[b-e35ifabqox] { min-height: 265px; margin-inline: 0; }
    .security-hero-art[b-e35ifabqox] { inset: 4% 5%; }
    .security-hero-art img[b-e35ifabqox] { max-height: 260px; }
    .security-callout[b-e35ifabqox] { max-width: 118px; padding: 7px 8px; font-size: .58rem; }
}

/* v75 — blend Security hero artwork into the page background and keep callouts fully inside. */
.security-hero__visual[b-e35ifabqox] {
    overflow: visible;
}
.security-hero__visual[b-e35ifabqox]::before {
    content: "";
    position: absolute;
    inset: 2% 1% 4%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at center, rgba(17,97,221,.10) 0%, rgba(10,51,120,.08) 24%, rgba(5,17,33,.04) 48%, transparent 72%),
        radial-gradient(circle at center, rgba(0,0,0,0) 56%, rgba(3,11,22,.18) 74%, rgba(3,11,22,.42) 88%, rgba(3,11,22,.65) 100%);
}
.security-hero-art[b-e35ifabqox] {
    inset: 4% 3% 4%;
}
.security-hero-art img[b-e35ifabqox] {
    width: min(100%, 840px);
    max-height: 400px;
    opacity: .97;
    object-fit: contain;
    object-position: center;
    filter: saturate(.92) brightness(.98) drop-shadow(0 24px 46px rgba(0,92,220,.12));
    -webkit-mask-image: radial-gradient(ellipse 94% 90% at center, #000 56%, rgba(0,0,0,.97) 66%, rgba(0,0,0,.82) 76%, rgba(0,0,0,.48) 86%, transparent 100%);
    mask-image: radial-gradient(ellipse 94% 90% at center, #000 56%, rgba(0,0,0,.97) 66%, rgba(0,0,0,.82) 76%, rgba(0,0,0,.48) 86%, transparent 100%);
}
.security-callout[b-e35ifabqox] {
    max-width: 152px;
    padding: 10px 12px;
    background: rgba(4,14,27,.78);
}
.security-callout--one[b-e35ifabqox] { left: 3%; top: 16%; }
.security-callout--two[b-e35ifabqox] { right: 3%; top: 15%; }
.security-callout--three[b-e35ifabqox] { left: 2%; top: 56%; }
.security-callout--four[b-e35ifabqox] { right: 3%; top: 54%; }

@media (max-width: 1100px) {
    .security-hero-art[b-e35ifabqox] { inset: 4% 4% 4%; }
    .security-hero-art img[b-e35ifabqox] { width: min(100%, 780px); max-height: 380px; }
    .security-callout--one[b-e35ifabqox] { left: 1.5%; }
    .security-callout--two[b-e35ifabqox] { right: 1.5%; }
}

@media (max-width: 900px) {
    .security-hero__visual[b-e35ifabqox]::before { inset: 1% 2% 4%; }
    .security-hero-art[b-e35ifabqox] { inset: 3% 7% 2%; }
    .security-hero-art img[b-e35ifabqox] { width: min(100%, 720px); max-height: 330px; }
    .security-callout[b-e35ifabqox] { max-width: 136px; padding: 8px 10px; font-size: .65rem; }
    .security-callout--one[b-e35ifabqox] { left: 2%; top: 10%; }
    .security-callout--two[b-e35ifabqox] { right: 2%; top: 10%; }
    .security-callout--three[b-e35ifabqox] { left: 1%; top: 61%; }
    .security-callout--four[b-e35ifabqox] { right: 2%; top: 60%; }
}

@media (max-width: 639px) {
    .security-hero-art[b-e35ifabqox] { inset: 5% 4% 2%; }
    .security-hero-art img[b-e35ifabqox] { width: 100%; max-height: 255px; }
    .security-callout[b-e35ifabqox] { max-width: 108px; padding: 7px 8px; font-size: .56rem; }
    .security-callout--one[b-e35ifabqox] { left: 0; top: 8%; }
    .security-callout--two[b-e35ifabqox] { right: 0; top: 8%; }
    .security-callout--three[b-e35ifabqox] { left: 0; top: 64%; }
    .security-callout--four[b-e35ifabqox] { right: 0; top: 63%; }
}

/* v76 — shared support artwork now has a real transparent background. */
.security-support__art--premium img[b-e35ifabqox] {
    -webkit-mask-image: none;
    mask-image: none;
    mix-blend-mode: normal;
    filter: saturate(.94) brightness(.98) drop-shadow(0 0 18px rgba(0,105,255,.10));
}
/* /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-9g0egad0p6] {
    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-9g0egad0p6] {
    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-9g0egad0p6] { 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-9g0egad0p6] { position:absolute; border:1px solid var(--ngx-primary-border); border-radius:50%; opacity:.45; }
.orbit-a[b-9g0egad0p6] { width:250px;height:250px;transform:rotate(18deg) scaleY(.42); }
.orbit-b[b-9g0egad0p6] { width:330px;height:330px;transform:rotate(-24deg) scaleY(.28); opacity:.28; }
.node[b-9g0egad0p6] { 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-9g0egad0p6] { transform:translate(113px,-48px); }
.node-b[b-9g0egad0p6] { transform:translate(-142px,36px); }
.copy[b-9g0egad0p6] { max-width: 690px; }
.eyebrow[b-9g0egad0p6] { display:block;color:var(--ngx-primary-2);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase; }
h1[b-9g0egad0p6] { margin:10px 0 18px;font-size:clamp(2.6rem,5vw,4.7rem);letter-spacing:-.05em; }
p[b-9g0egad0p6] { max-width:620px;margin:0;color:var(--ngx-text-secondary);font-size:clamp(1rem,1.4vw,1.16rem); }
.actions[b-9g0egad0p6] { display:flex;flex-wrap:wrap;gap:12px;margin-top:30px; }
@media(max-width:900px){.system-state[b-9g0egad0p6]{grid-template-columns:1fr;min-height:0;padding-block:56px 72px}.visual[b-9g0egad0p6]{min-height:300px;max-width:620px}.copy[b-9g0egad0p6]{max-width:720px}}
@media(max-width:639px){.system-state[b-9g0egad0p6]{padding-block:40px 56px;gap:32px}.visual[b-9g0egad0p6]{min-height:230px;border-radius:var(--ngx-radius-xl)}.orbit-a[b-9g0egad0p6]{width:190px;height:190px}.orbit-b[b-9g0egad0p6]{width:245px;height:245px}.node-a[b-9g0egad0p6]{transform:translate(88px,-36px)}.node-b[b-9g0egad0p6]{transform:translate(-102px,28px)}.actions[b-9g0egad0p6]{display:grid;grid-template-columns:1fr}.actions[b-9g0egad0p6]  .ngx-button{width:100%}}
/* /Components/Layout/PublicContentContainer.razor.rz.scp.css */
.content-frame[b-5cduw5p2zp] {
    width: 100%;
    flex: 1 0 auto;
}

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

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

.footer[b-8z3vo6dbea]::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-8z3vo6dbea],
.footer-bottom[b-8z3vo6dbea] { position: relative; z-index: 1; }

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

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

.footer-socials[b-8z3vo6dbea] { display: flex; align-items: center; gap: 10px; margin-top: 18px; }
.footer-social-link[b-8z3vo6dbea] {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--ngx-border);
    border-radius: 8px;
    color: var(--ngx-text);
    background: color-mix(in srgb, var(--ngx-card) 84%, transparent);
    transition: border-color var(--ngx-transition-control), color var(--ngx-transition-control), transform var(--ngx-transition-control), box-shadow var(--ngx-transition-control);
}
.footer-social-link:hover[b-8z3vo6dbea] {
    color: #fff;
    border-color: var(--ngx-primary-2);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px color-mix(in srgb, var(--ngx-primary) 18%, transparent);
}
.linkedin-mark[b-8z3vo6dbea] {
    display: inline-grid;
    place-items: center;
    width: 23px;
    height: 23px;
    border-radius: 4px;
    background: var(--ngx-primary);
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.03em;
    font-family: Arial, sans-serif;
}

.footer-nav[b-8z3vo6dbea] {
    display: grid;
    grid-template-columns: repeat(4, minmax(110px, 1fr));
    gap: 32px;
}

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

.footer-bottom[b-8z3vo6dbea] {
    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-8z3vo6dbea] { text-align: right; }

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

@media (max-width: 639px) {
    .footer-main[b-8z3vo6dbea] { gap: 36px; padding-block: 44px 32px; }
    .footer-brand[b-8z3vo6dbea] { width: 180px; }
    .footer-nav[b-8z3vo6dbea] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 24px; }
    .brand-actions[b-8z3vo6dbea] { align-items: flex-start; flex-direction: column; gap: 14px; }
    .footer-bottom[b-8z3vo6dbea] { min-height: 0; flex-direction: column; align-items: flex-start; padding-block: 22px 28px; gap: 6px; }
    .footer-note[b-8z3vo6dbea] { text-align: left; }
}
/* /Components/Layout/PublicHeader.razor.rz.scp.css */
.header[b-26msr57y9x] {
    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-26msr57y9x] {
    display: grid;
    grid-template-columns: 250px 1fr 300px;
    align-items: center;
    gap: 24px;
}

.brand[b-26msr57y9x] { width: 188px; display: block; }
.nav[b-26msr57y9x] { display:flex;justify-content:center;align-items:stretch;gap:34px;height:var(--ngx-header-height); }
.nav[b-26msr57y9x]  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-26msr57y9x]  a:hover,.nav[b-26msr57y9x]  a.active { color:var(--ngx-text); }
.nav[b-26msr57y9x]  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-26msr57y9x] { justify-self:end;display:flex;align-items:center;gap:10px; }
.mobile-menu[b-26msr57y9x] { display:none;justify-self:end;position:relative; }
.mobile-menu summary[b-26msr57y9x] { 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-26msr57y9x]::-webkit-details-marker { display:none; }
.mobile-panel[b-26msr57y9x] { 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-26msr57y9x]  > 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-26msr57y9x]  > a:not(.ngx-button):hover { background:var(--ngx-primary-soft);color:var(--ngx-text); }
@media(max-width:1080px){.inner[b-26msr57y9x]{grid-template-columns:1fr auto}.nav[b-26msr57y9x],.actions[b-26msr57y9x]{display:none}.mobile-menu[b-26msr57y9x]{display:block}}
@media(max-width:639px){.header[b-26msr57y9x]{min-height:var(--ngx-header-height)}.brand[b-26msr57y9x]{width:166px}}

@media (min-width:1081px) and (max-width:1240px) {
    .inner[b-26msr57y9x] { grid-template-columns: 210px 1fr 250px; gap: 18px; }
    .brand[b-26msr57y9x] { width: 176px; }
    .nav[b-26msr57y9x] { gap: 22px; }
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.site-shell[b-mzg2l6s0ke]{min-height:100vh;display:flex;flex-direction:column}.site-main[b-mzg2l6s0ke]{flex:1 0 auto;width:100%;min-width:0}.skip-link[b-mzg2l6s0ke]{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-mzg2l6s0ke]{transform:translateY(0);color:white}.boundary-error[b-mzg2l6s0ke]{padding-block:var(--ngx-section-gap)}
/* /Components/Layout/PublicTestingBanner.razor.rz.scp.css */
.testing-banner[b-27wsrq2rsu]{position:relative;z-index:calc(var(--ngx-z-sticky) + 1);border-bottom:1px solid color-mix(in srgb,var(--ngx-primary) 32%,var(--ngx-border-subtle));background:linear-gradient(90deg,color-mix(in srgb,var(--ngx-primary) 18%,var(--ngx-bg)),color-mix(in srgb,#765cff 13%,var(--ngx-bg)));color:var(--ngx-text)}.testing-banner-inner[b-27wsrq2rsu]{min-height:36px;display:flex;align-items:center;justify-content:center;gap:10px;padding-block:7px;text-align:center}.testing-banner-label[b-27wsrq2rsu]{flex:0 0 auto;padding:3px 7px;border:1px solid color-mix(in srgb,var(--ngx-primary) 38%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ngx-primary) 10%,transparent);color:color-mix(in srgb,var(--ngx-primary-2) 80%,white);font-size:.62rem;font-weight:800;letter-spacing:.09em}.testing-banner-message[b-27wsrq2rsu]{font-size:.78rem;font-weight:600;line-height:1.35;color:var(--ngx-text-secondary)}@media(max-width:720px){.testing-banner-inner[b-27wsrq2rsu]{align-items:flex-start;flex-direction:column;gap:4px;padding-block:8px;text-align:left}.testing-banner-message[b-27wsrq2rsu]{font-size:.72rem}}
/* /Components/Shared/Analytics/CookieConsent.razor.rz.scp.css */
.cookie-banner[b-8s1ug15mfz] {
    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-8s1ug15mfz] { min-width: 0; }
.eyebrow[b-8s1ug15mfz] { 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-8s1ug15mfz] { margin: 0 0 var(--ngx-space-2); font-size: var(--ngx-font-size-xl); }
p[b-8s1ug15mfz] { margin: 0; max-width: 760px; color: var(--ngx-text-secondary); font-size: var(--ngx-font-size-sm); line-height: 1.6; }
p a[b-8s1ug15mfz] { color: var(--ngx-link); }
.cookie-actions[b-8s1ug15mfz] { display: flex; align-items: end; justify-content: flex-end; flex-wrap: wrap; gap: var(--ngx-space-2); }
.preferences[b-8s1ug15mfz] { 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-8s1ug15mfz] { 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-8s1ug15mfz] { display: grid; gap: 3px; }
.preference-row strong[b-8s1ug15mfz] { font-size: var(--ngx-font-size-sm); }
.preference-row span[b-8s1ug15mfz] { color: var(--ngx-text-muted); font-size: var(--ngx-font-size-xs); }
.always-on[b-8s1ug15mfz] { 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-8s1ug15mfz] { 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-8s1ug15mfz], .cookie-manage:focus-visible[b-8s1ug15mfz] { opacity: 1; color: var(--ngx-text); border-color: var(--ngx-primary-border); }
@media (max-width: 820px) { .cookie-banner[b-8s1ug15mfz] { grid-template-columns: 1fr; } .cookie-actions[b-8s1ug15mfz] { justify-content: flex-start; } }
@media (max-width: 520px) { .cookie-banner[b-8s1ug15mfz] { left: 10px; right: 10px; bottom: 10px; padding: var(--ngx-space-4); } .cookie-actions[b-8s1ug15mfz] { display: grid; grid-template-columns: 1fr; } .cookie-actions[b-8s1ug15mfz]  .ngx-button { width: 100%; } .preference-row[b-8s1ug15mfz] { align-items: flex-start; } }
/* /Components/Shared/Forms/NgxForm.razor.rz.scp.css */
.ngx-form[b-9e80y59ol7]{display:grid;gap:var(--ngx-space-5);min-width:0}
/* /Components/Shared/Forms/NgxFormActions.razor.rz.scp.css */
.form-actions[b-cpf2r6k3h3]{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.secondary[b-cpf2r6k3h3]{margin-right:auto}.primary[b-cpf2r6k3h3]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:639px){.form-actions[b-cpf2r6k3h3],.primary[b-cpf2r6k3h3]{width:100%}.form-actions[b-cpf2r6k3h3]{align-items:stretch}.primary[b-cpf2r6k3h3]{display:grid}.secondary[b-cpf2r6k3h3]{width:100%;margin:0}}
/* /Components/Shared/Forms/NgxValidationMessage.razor.rz.scp.css */
.validation-message[b-r2sa58sony]{margin-top:6px;color:var(--ngx-error);font-size:var(--ngx-font-size-xs);line-height:1.4}
/* /Components/Shared/LiveChat/LiveChatWidget.razor.rz.scp.css */
.live-chat-host[b-5k2xu6lgw3]{position:fixed;right:22px;bottom:22px;z-index:var(--ngx-z-toast,1200);font-family:Inter,Segoe UI,sans-serif}.live-chat-launcher[b-5k2xu6lgw3]{position:relative;display:flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--ngx-primary) 34%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ngx-card) 96%,transparent);color:var(--ngx-text);box-shadow:0 16px 42px rgba(2,8,23,.24);padding:9px 14px 9px 9px;cursor:pointer;backdrop-filter:blur(14px)}.live-chat-launcher:hover[b-5k2xu6lgw3]{transform:translateY(-1px);box-shadow:0 18px 48px rgba(2,8,23,.28)}.live-chat-launcher-icon[b-5k2xu6lgw3]{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--ngx-primary),color-mix(in srgb,var(--ngx-primary) 55%,#8b5cf6));color:#fff;font-size:18px}.live-chat-launcher-copy[b-5k2xu6lgw3]{display:flex;flex-direction:column;text-align:left;line-height:1.15}.live-chat-launcher-copy strong[b-5k2xu6lgw3]{font-size:13px}.live-chat-launcher-copy small[b-5k2xu6lgw3]{font-size:10px;color:var(--ngx-text-muted)}.live-chat-launcher-badge[b-5k2xu6lgw3]{position:absolute;right:-3px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ef4444;color:white;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid var(--ngx-bg)}.live-chat-panel[b-5k2xu6lgw3]{width:min(386px,calc(100vw - 28px));height:min(610px,calc(100vh - 40px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--ngx-border) 88%,transparent);border-radius:20px;background:var(--ngx-card);color:var(--ngx-text);box-shadow:0 26px 70px rgba(2,8,23,.34)}.live-chat-header[b-5k2xu6lgw3]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 13px;background:linear-gradient(145deg,color-mix(in srgb,var(--ngx-primary) 12%,var(--ngx-card)),var(--ngx-card));border-bottom:1px solid var(--ngx-border)}.live-chat-brand[b-5k2xu6lgw3]{display:flex;align-items:center;gap:10px;min-width:0}.live-chat-logo[b-5k2xu6lgw3]{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--ngx-primary);color:#fff;font-size:15px;font-weight:800;box-shadow:0 8px 20px color-mix(in srgb,var(--ngx-primary) 25%,transparent)}.live-chat-brand>div[b-5k2xu6lgw3]{display:flex;flex-direction:column;min-width:0}.live-chat-brand strong[b-5k2xu6lgw3]{font-size:13px}.live-chat-brand span[b-5k2xu6lgw3]{font-size:9px;color:var(--ngx-text-muted);margin-top:2px}.live-chat-close[b-5k2xu6lgw3]{width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:var(--ngx-text-muted);font-size:22px;line-height:1;cursor:pointer}.live-chat-close:hover[b-5k2xu6lgw3]{background:var(--ngx-bg-subtle);color:var(--ngx-text)}.live-chat-loading[b-5k2xu6lgw3]{display:grid;place-items:center;color:var(--ngx-text-muted);font-size:12px;padding:28px}.live-chat-start[b-5k2xu6lgw3]{overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.live-chat-intro[b-5k2xu6lgw3]{display:flex;flex-direction:column;gap:3px;margin-bottom:2px}.live-chat-intro strong[b-5k2xu6lgw3]{font-size:19px;letter-spacing:-.02em}.live-chat-intro span[b-5k2xu6lgw3]{font-size:11px;color:var(--ngx-text-muted)}.live-chat-start label[b-5k2xu6lgw3]{display:flex;flex-direction:column;gap:5px}.live-chat-start label>span[b-5k2xu6lgw3]{font-size:10px;font-weight:700;color:var(--ngx-text-secondary)}.live-chat-start label em[b-5k2xu6lgw3]{font-style:normal;font-weight:500;color:var(--ngx-text-muted)}.live-chat-start input[b-5k2xu6lgw3],.live-chat-start textarea[b-5k2xu6lgw3],.live-chat-composer textarea[b-5k2xu6lgw3]{width:100%;box-sizing:border-box;border:1px solid var(--ngx-border);border-radius:11px;background:var(--ngx-bg-subtle);color:var(--ngx-text);font:inherit;font-size:12px;outline:0;transition:border-color .15s ease,box-shadow .15s ease}.live-chat-start input[b-5k2xu6lgw3]{height:40px;padding:0 11px}.live-chat-start textarea[b-5k2xu6lgw3],.live-chat-composer textarea[b-5k2xu6lgw3]{padding:10px 11px;resize:none;line-height:1.45}.live-chat-start input:focus[b-5k2xu6lgw3],.live-chat-start textarea:focus[b-5k2xu6lgw3],.live-chat-composer textarea:focus[b-5k2xu6lgw3]{border-color:color-mix(in srgb,var(--ngx-primary) 65%,var(--ngx-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--ngx-primary) 12%,transparent)}.live-chat-primary[b-5k2xu6lgw3]{height:42px;border:0;border-radius:11px;background:var(--ngx-primary);color:#fff;font-weight:800;font-size:12px;cursor:pointer}.live-chat-primary:disabled[b-5k2xu6lgw3],.live-chat-send:disabled[b-5k2xu6lgw3]{opacity:.55;cursor:default}.live-chat-fallback[b-5k2xu6lgw3]{text-align:center;font-size:10px;color:var(--ngx-text-muted);text-decoration:none}.live-chat-fallback:hover[b-5k2xu6lgw3]{color:var(--ngx-primary)}.live-chat-error[b-5k2xu6lgw3]{padding:8px 10px;border:1px solid color-mix(in srgb,#ef4444 28%,transparent);border-radius:9px;background:color-mix(in srgb,#ef4444 7%,transparent);color:#dc2626;font-size:10px;line-height:1.35}.live-chat-thread-head[b-5k2xu6lgw3]{grid-row:2;position:absolute;pointer-events:none;opacity:0}.live-chat-panel:has(.live-chat-thread-head)[b-5k2xu6lgw3]{grid-template-rows:auto auto minmax(0,1fr) auto}.live-chat-panel:has(.live-chat-thread-head) .live-chat-thread-head[b-5k2xu6lgw3]{position:static;pointer-events:auto;opacity:1;display:flex;align-items:center;justify-content:space-between;padding:8px 13px;border-bottom:1px solid var(--ngx-border);background:color-mix(in srgb,var(--ngx-bg-subtle) 55%,var(--ngx-card))}.live-chat-thread-head>div[b-5k2xu6lgw3]{display:flex;align-items:center;gap:7px;min-width:0}.live-chat-thread-head small[b-5k2xu6lgw3]{font-size:8px;color:var(--ngx-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-chat-status[b-5k2xu6lgw3]{font-size:9px;font-weight:800;border-radius:999px;padding:3px 7px;border:1px solid var(--ngx-border)}.live-chat-status.active[b-5k2xu6lgw3]{color:#059669;background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.2)}.live-chat-status.converted[b-5k2xu6lgw3]{color:var(--ngx-primary);background:color-mix(in srgb,var(--ngx-primary) 8%,transparent);border-color:color-mix(in srgb,var(--ngx-primary) 22%,transparent)}.live-chat-status.closed[b-5k2xu6lgw3]{color:var(--ngx-text-muted)}.live-chat-refresh[b-5k2xu6lgw3]{font-size:8px;color:var(--ngx-text-muted)}.live-chat-messages[b-5k2xu6lgw3]{overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:color-mix(in srgb,var(--ngx-bg-subtle) 30%,var(--ngx-card))}.live-chat-message[b-5k2xu6lgw3]{max-width:83%;padding:9px 11px;border-radius:13px;border:1px solid var(--ngx-border);background:var(--ngx-card);box-shadow:0 5px 16px rgba(2,8,23,.05)}.live-chat-message.visitor[b-5k2xu6lgw3]{align-self:flex-end;background:color-mix(in srgb,var(--ngx-primary) 10%,var(--ngx-card));border-color:color-mix(in srgb,var(--ngx-primary) 24%,var(--ngx-border));border-bottom-right-radius:5px}.live-chat-message.agent[b-5k2xu6lgw3]{align-self:flex-start;border-bottom-left-radius:5px}.live-chat-message.system[b-5k2xu6lgw3]{align-self:center;max-width:92%;border-style:dashed;background:transparent;box-shadow:none}.live-chat-message-meta[b-5k2xu6lgw3]{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-bottom:4px}.live-chat-message-meta strong[b-5k2xu6lgw3]{font-size:8px;color:var(--ngx-text-secondary)}.live-chat-message-meta time[b-5k2xu6lgw3]{font-size:7px;color:var(--ngx-text-muted)}.live-chat-message-body[b-5k2xu6lgw3]{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.45}.live-chat-composer[b-5k2xu6lgw3]{padding:10px 12px 12px;border-top:1px solid var(--ngx-border);background:var(--ngx-card)}.live-chat-composer-row[b-5k2xu6lgw3]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.live-chat-composer-row>span[b-5k2xu6lgw3]{font-size:8px;color:var(--ngx-text-muted)}.live-chat-send[b-5k2xu6lgw3]{width:34px;height:34px;border:0;border-radius:10px;background:var(--ngx-primary);color:white;font-size:17px;cursor:pointer}.live-chat-ended[b-5k2xu6lgw3]{padding:15px;border-top:1px solid var(--ngx-border);display:flex;flex-direction:column;gap:5px;background:var(--ngx-card)}.live-chat-ended strong[b-5k2xu6lgw3]{font-size:12px}.live-chat-ended span[b-5k2xu6lgw3]{font-size:9px;color:var(--ngx-text-muted);line-height:1.4}.live-chat-ended button[b-5k2xu6lgw3]{align-self:flex-start;margin-top:4px;border:1px solid var(--ngx-border);border-radius:9px;background:var(--ngx-bg-subtle);color:var(--ngx-text);padding:7px 10px;font-size:9px;font-weight:700;cursor:pointer}.live-chat-thread-actions[b-5k2xu6lgw3]{display:flex;align-items:center;gap:8px;flex:0 0 auto}.live-chat-end[b-5k2xu6lgw3]{border:1px solid color-mix(in srgb,#ef4444 28%,var(--ngx-border));border-radius:8px;background:color-mix(in srgb,#ef4444 6%,transparent);color:#dc2626;padding:5px 8px;font-size:8px;font-weight:800;cursor:pointer}.live-chat-end:hover[b-5k2xu6lgw3]{background:color-mix(in srgb,#ef4444 10%,transparent);border-color:color-mix(in srgb,#ef4444 42%,var(--ngx-border))}.live-chat-end:disabled[b-5k2xu6lgw3]{opacity:.55;cursor:default}.live-chat-confirm[b-5k2xu6lgw3]{padding:14px 15px;border-top:1px solid var(--ngx-border);background:var(--ngx-card);display:flex;flex-direction:column;gap:6px}.live-chat-confirm>strong[b-5k2xu6lgw3]{font-size:12px}.live-chat-confirm>span[b-5k2xu6lgw3]{font-size:9px;line-height:1.45;color:var(--ngx-text-muted)}.live-chat-confirm>div:last-child[b-5k2xu6lgw3]{display:flex;justify-content:flex-end;gap:7px;margin-top:4px}.live-chat-confirm-cancel[b-5k2xu6lgw3],.live-chat-confirm-end[b-5k2xu6lgw3]{height:31px;border-radius:9px;padding:0 11px;font-size:9px;font-weight:800;cursor:pointer}.live-chat-confirm-cancel[b-5k2xu6lgw3]{border:1px solid var(--ngx-border);background:var(--ngx-bg-subtle);color:var(--ngx-text)}.live-chat-confirm-end[b-5k2xu6lgw3]{border:1px solid #dc2626;background:#dc2626;color:#fff}.live-chat-confirm-cancel:disabled[b-5k2xu6lgw3],.live-chat-confirm-end:disabled[b-5k2xu6lgw3]{opacity:.55;cursor:default}@media(max-width:640px){.live-chat-host[b-5k2xu6lgw3]{right:14px;bottom:14px}.live-chat-panel[b-5k2xu6lgw3]{width:calc(100vw - 28px);height:min(640px,calc(100vh - 28px));border-radius:17px}.live-chat-launcher[b-5k2xu6lgw3]{padding-right:12px}}
.live-chat-privacy[b-5k2xu6lgw3]{text-align:center;font-size:8px;line-height:1.45;color:var(--ngx-text-muted);margin-top:-2px}.live-chat-privacy a[b-5k2xu6lgw3]{color:var(--ngx-text-secondary);text-decoration:underline;text-underline-offset:2px}.live-chat-thread-actions .live-chat-refresh[b-5k2xu6lgw3]{display:inline-flex;align-items:center;gap:5px}.live-chat-thread-actions .live-chat-refresh[b-5k2xu6lgw3]:before{content:"";width:6px;height:6px;border-radius:999px;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.08)}
/* /Components/Shared/MarketingButton.razor.rz.scp.css */
/* MarketingButton is now a compatibility wrapper around NgxButton. */
/* /Components/Shared/MarketingIcon.razor.rz.scp.css */
.icon[b-oitx8gnkx0] { width: 1em; height: 1em; display: block; }
/* /Components/Shared/PageShell.razor.rz.scp.css */
.page-hero[b-5oqxzey6ie]{min-height:58vh;display:grid;align-items:center;padding:var(--ngx-hero-padding-top) 0 var(--ngx-hero-padding-bottom)}.eyebrow[b-5oqxzey6ie]{color:var(--ngx-primary-2);font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1[b-5oqxzey6ie]{max-width:880px;margin:10px 0 18px;font-size:var(--ngx-hero-title-size);line-height:1.02;letter-spacing:-.045em}.lead[b-5oqxzey6ie]{max-width:720px;margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-hero-lead-size)}.content[b-5oqxzey6ie]{margin-top:28px}@media(max-width:639px){.page-hero[b-5oqxzey6ie]{min-height:48vh}}
/* /Components/Shared/SectionHeader.razor.rz.scp.css */
.section-header[b-bgqvsuroo2] {
    max-width: 760px;
    margin: 0 auto var(--ngx-space-8);
    text-align: center;
}

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

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

p[b-bgqvsuroo2] {
    margin: 0;
    color: var(--ngx-text-secondary);
}
/* /Components/Shared/States/NgxErrorState.razor.rz.scp.css */
.error-state[b-pap2nvywhk]{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-pap2nvywhk]{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--ngx-error);color:white;font-weight:800}.copy[b-pap2nvywhk]{display:grid;gap:3px;max-width:520px}.copy strong[b-pap2nvywhk]{color:var(--ngx-text)}.copy p[b-pap2nvywhk]{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-r1kwvnjtem]{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-r1kwvnjtem]{width:30px;height:30px;border-radius:50%;border:3px solid var(--ngx-border);border-top-color:var(--ngx-primary);animation:spin-b-r1kwvnjtem .8s linear infinite}.loading-state div[b-r1kwvnjtem]{display:grid;gap:3px}.loading-state strong[b-r1kwvnjtem]{color:var(--ngx-text)}.loading-state p[b-r1kwvnjtem]{margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}@keyframes spin-b-r1kwvnjtem{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner[b-r1kwvnjtem]{animation:none;border-top-color:var(--ngx-border)}}
/* /Components/Templates/CtaBannerTemplate.razor.rz.scp.css */
.cta[b-06sbigccrp]{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-06sbigccrp],.actions[b-06sbigccrp]{position:relative;z-index:1}.eyebrow[b-06sbigccrp]{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-06sbigccrp]{margin:4px 0 5px;font-size:clamp(1.55rem,2.5vw,2.35rem);letter-spacing:-.03em}p[b-06sbigccrp]{margin:0;color:var(--ngx-text-secondary)}.actions[b-06sbigccrp]{display:flex;flex-wrap:wrap;gap:12px}.dots[b-06sbigccrp]{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-06sbigccrp]{grid-template-columns:1fr;padding:28px}.actions[b-06sbigccrp]{justify-content:flex-start}}@media(max-width:639px){.cta[b-06sbigccrp]{padding:24px;border-radius:var(--ngx-radius-md)}.actions[b-06sbigccrp]{display:grid;grid-template-columns:1fr}.actions[b-06sbigccrp]  .ngx-button{width:100%}}
/* /Components/Templates/DemoFrameTemplate.razor.rz.scp.css */
.frame[b-rfkey31wb9]{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-rfkey31wb9]{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-rfkey31wb9]{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-rfkey31wb9]{width:8px;height:8px;border-radius:50%;background:var(--ngx-primary-2);box-shadow:0 0 14px var(--ngx-primary)}.tools[b-rfkey31wb9]{display:flex;align-items:center;gap:6px}.workspace[b-rfkey31wb9]{min-height:280px}.footer[b-rfkey31wb9]{padding:10px 14px;border-top:1px solid var(--ngx-divider);background:var(--ngx-surface-2)}
/* /Components/Templates/FeatureGridTemplate.razor.rz.scp.css */
.section[b-xz1f3q2n8n]{padding:var(--ngx-section-gap-compact) 0}.grid[b-xz1f3q2n8n]{display:grid;gap:var(--ngx-space-5)}.grid--2[b-xz1f3q2n8n]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3[b-xz1f3q2n8n]{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4[b-xz1f3q2n8n]{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-icon[b-xz1f3q2n8n]{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-xz1f3q2n8n]{margin:0 0 var(--ngx-space-2);font-size:1.05rem}p[b-xz1f3q2n8n]{margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}.more[b-xz1f3q2n8n]{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-xz1f3q2n8n],.grid--3[b-xz1f3q2n8n]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.grid--2[b-xz1f3q2n8n],.grid--3[b-xz1f3q2n8n],.grid--4[b-xz1f3q2n8n]{grid-template-columns:1fr}}
/* /Components/Templates/FormPanelTemplate.razor.rz.scp.css */
.form-panel[b-gfdydyig6e]{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-gfdydyig6e]{padding:24px 26px;border-bottom:1px solid var(--ngx-divider)}header span[b-gfdydyig6e]{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-gfdydyig6e]{margin:4px 0 6px;font-size:1.45rem}p[b-gfdydyig6e]{margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}.form-body[b-gfdydyig6e]{padding:26px}footer[b-gfdydyig6e]{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-4bitrijict]{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-4bitrijict]{display:block;max-width:900px;margin-inline:auto;text-align:center}.hero--center .copy[b-4bitrijict]{max-width:840px;margin:auto}.eyebrow[b-4bitrijict]{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-4bitrijict]{margin:0;font-size:var(--ngx-hero-title-size);line-height:1.02;letter-spacing:-.045em}p[b-4bitrijict]{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-4bitrijict]{margin-inline:auto}.actions[b-4bitrijict]{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero--center .actions[b-4bitrijict]{justify-content:center}.media[b-4bitrijict]{min-width:0}@media(max-width:1023px){.hero[b-4bitrijict]{grid-template-columns:1fr}.media[b-4bitrijict]{max-width:880px}.hero--center[b-4bitrijict]{display:block}}@media(max-width:639px){.actions[b-4bitrijict]{display:grid;grid-template-columns:1fr}.actions[b-4bitrijict]  .ngx-button{width:100%}}
/* /Components/Templates/PricingCardTemplate.razor.rz.scp.css */
.pricing[b-qy94z329s9] {
    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-qy94z329s9] {
    transform: translateY(-2px);
    border-color: var(--ngx-border-strong);
    box-shadow: var(--ngx-shadow-card);
}

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

.popular[b-qy94z329s9] {
    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-qy94z329s9] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 15px;
    align-items: start;
}

.plan-icon[b-qy94z329s9] {
    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-qy94z329s9]  svg {
    width: 27px;
    height: 27px;
}

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

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

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

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

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

.price-note[b-qy94z329s9] {
    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-qy94z329s9] {
    margin-bottom: 24px;
}

.features[b-qy94z329s9] {
    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-qy94z329s9] { padding: 26px; }
}
/* /Components/Templates/ProcessStepsTemplate.razor.rz.scp.css */
.section[b-s1avig0e9a]{padding:var(--ngx-space-9) 0}.steps[b-s1avig0e9a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.step[b-s1avig0e9a]{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-s1avig0e9a]{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-s1avig0e9a]{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-s1avig0e9a]{margin:0 0 6px;font-size:.95rem}p[b-s1avig0e9a]{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-yih3opdtup]{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-yih3opdtup]{order:2}.split.reverse .copy[b-yih3opdtup]{order:1}.visual[b-yih3opdtup]{min-width:0}.eyebrow[b-yih3opdtup]{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-yih3opdtup]{margin:8px 0 14px;font-size:var(--ngx-section-title-size);letter-spacing:-.035em}p[b-yih3opdtup]{margin:0;color:var(--ngx-text-secondary);font-size:1rem}.content[b-yih3opdtup]{margin-top:20px}.actions[b-yih3opdtup]{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}@media(max-width:1023px){.split[b-yih3opdtup]{grid-template-columns:1fr}.split.reverse .visual[b-yih3opdtup],.split.reverse .copy[b-yih3opdtup]{order:initial}}@media(max-width:639px){.actions[b-yih3opdtup]{display:grid;grid-template-columns:1fr}.actions[b-yih3opdtup]  .ngx-button{width:100%}}
/* /Components/Ui/BrandLogo.razor.rz.scp.css */
.brand-logo[b-b6dpp7ek54]{display:block;width:100%}.brand-logo img[b-b6dpp7ek54]{width:100%;height:auto}.light-logo[b-b6dpp7ek54]{display:none}
/* /Components/Ui/NgxAccordionItem.razor.rz.scp.css */
.accordion[b-22oq7c4abv]{border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);background:var(--ngx-card)}summary[b-22oq7c4abv]{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-22oq7c4abv]::-webkit-details-marker{display:none}.chevron[b-22oq7c4abv]{color:var(--ngx-text-muted);transition:transform var(--ngx-transition-control)}details[open] .chevron[b-22oq7c4abv]{transform:rotate(180deg)}.content[b-22oq7c4abv]{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-v9s2frrlpt]{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-v9s2frrlpt]{border-radius:4px;background:var(--ngx-info)}strong[b-v9s2frrlpt]{display:block;margin-bottom:3px;color:var(--ngx-text)}.body[b-v9s2frrlpt]{font-size:var(--ngx-font-size-sm);line-height:1.55}.alert--success[b-v9s2frrlpt]{border-color:var(--ngx-success-border);background:var(--ngx-success-soft)}.alert--success .marker[b-v9s2frrlpt]{background:var(--ngx-success)}.alert--warning[b-v9s2frrlpt]{border-color:var(--ngx-warning-border);background:var(--ngx-warning-soft)}.alert--warning .marker[b-v9s2frrlpt]{background:var(--ngx-warning)}.alert--error[b-v9s2frrlpt]{border-color:var(--ngx-error-border);background:var(--ngx-error-soft)}.alert--error .marker[b-v9s2frrlpt]{background:var(--ngx-error)}
/* /Components/Ui/NgxBadge.razor.rz.scp.css */
.badge[b-ouihbufuyj]{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-ouihbufuyj]{color:var(--ngx-primary-2);border-color:var(--ngx-primary-border);background:var(--ngx-primary-soft)}.badge--success[b-ouihbufuyj]{color:var(--ngx-success);border-color:var(--ngx-success-border);background:var(--ngx-success-soft)}.badge--warning[b-ouihbufuyj]{color:var(--ngx-warning);border-color:var(--ngx-warning-border);background:var(--ngx-warning-soft)}.badge--error[b-ouihbufuyj]{color:var(--ngx-error);border-color:var(--ngx-error-border);background:var(--ngx-error-soft)}.badge--info[b-ouihbufuyj]{color:var(--ngx-info);border-color:var(--ngx-info-border);background:var(--ngx-info-soft)}
/* /Components/Ui/NgxBreadcrumbs.razor.rz.scp.css */
.breadcrumbs[b-k1i2yoakv0]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--ngx-text-muted);font-size:var(--ngx-font-size-sm)}a[b-k1i2yoakv0]{color:var(--ngx-link)}a:hover[b-k1i2yoakv0]{color:var(--ngx-link-hover)}.separator[b-k1i2yoakv0]{opacity:.65}
/* /Components/Ui/NgxButton.razor.rz.scp.css */
.ngx-button[b-6rodcsllaq] {
    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-6rodcsllaq] { transform: translateY(-1px); }
.ngx-button--sm[b-6rodcsllaq] { min-height: var(--ngx-control-sm); padding-inline: 14px; font-size: var(--ngx-font-size-sm); }
.ngx-button--lg[b-6rodcsllaq] { min-height: var(--ngx-control-lg); padding-inline: 24px; font-size: var(--ngx-font-size-md); }
.ngx-button--full[b-6rodcsllaq] { width: 100%; }
.ngx-button--primary[b-6rodcsllaq] { 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-6rodcsllaq] { background: var(--ngx-primary-hover); box-shadow: 0 10px 32px rgba(13, 110, 253, .25); }
.ngx-button--secondary[b-6rodcsllaq] { color: var(--ngx-text); border-color: var(--ngx-border-strong); background: var(--ngx-input-bg); }
.ngx-button--secondary:hover:not(.is-disabled)[b-6rodcsllaq] { border-color: var(--ngx-primary-2); background: var(--ngx-primary-soft); }
.ngx-button--ghost[b-6rodcsllaq] { color: var(--ngx-text-secondary); background: transparent; }
.ngx-button--ghost:hover:not(.is-disabled)[b-6rodcsllaq] { color: var(--ngx-text); background: var(--ngx-primary-soft); }
.ngx-button--danger[b-6rodcsllaq] { color: var(--ngx-white); background: var(--ngx-error); }
.ngx-button--success[b-6rodcsllaq] { color: var(--ngx-white); background: var(--ngx-success); }
.ngx-button--link[b-6rodcsllaq] { min-height: 0; padding: 0; color: var(--ngx-link); background: transparent; border: 0; }
.ngx-button--link:hover:not(.is-disabled)[b-6rodcsllaq] { color: var(--ngx-link-hover); transform: none; }
.is-disabled[b-6rodcsllaq] { opacity: .48; cursor: not-allowed; pointer-events: none; }
.ngx-button__spinner[b-6rodcsllaq]{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ngx-button-spin-b-6rodcsllaq .7s linear infinite}@keyframes ngx-button-spin-b-6rodcsllaq{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ngx-button__spinner[b-6rodcsllaq]{animation:none}}
/* /Components/Ui/NgxCard.razor.rz.scp.css */
.card[b-hjy2a29abb]{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-hjy2a29abb]{padding:18px 20px;border-bottom:1px solid var(--ngx-divider)}.body[b-hjy2a29abb]{padding:20px}footer[b-hjy2a29abb]{padding:16px 20px;border-top:1px solid var(--ngx-divider);background:var(--ngx-bg-subtle)}.card--elevated[b-hjy2a29abb]{box-shadow:var(--ngx-shadow-card)}.card--flat[b-hjy2a29abb]{box-shadow:none;background:var(--ngx-surface-2)}.card--interactive[b-hjy2a29abb]{transition:transform var(--ngx-transition-control),border-color var(--ngx-transition-control),box-shadow var(--ngx-transition-control)}.card--interactive:hover[b-hjy2a29abb]{transform:translateY(-2px);border-color:var(--ngx-primary-border);box-shadow:var(--ngx-shadow-card)}
/* /Components/Ui/NgxCheckbox.razor.rz.scp.css */
.checkbox[b-89evlxelqf]{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-89evlxelqf]{color:var(--ngx-text)}input[b-89evlxelqf]{position:absolute;opacity:0;pointer-events:none}.box[b-89evlxelqf]{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-89evlxelqf]{opacity:0;color:white;font-size:12px;line-height:1}input:checked + .box[b-89evlxelqf]{border-color:var(--ngx-primary);background:var(--ngx-primary);box-shadow:0 0 0 2px var(--ngx-primary-softer)}input:checked + .box span[b-89evlxelqf]{opacity:1}input:focus-visible + .box[b-89evlxelqf]{box-shadow:var(--ngx-focus-ring)}.is-disabled[b-89evlxelqf]{opacity:.5;cursor:not-allowed}
/* /Components/Ui/NgxChip.razor.rz.scp.css */
.chip[b-5s8kgbvucq]{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-5s8kgbvucq]{border-color:var(--ngx-primary-border);background:var(--ngx-primary-soft);color:var(--ngx-primary-2)}button[b-5s8kgbvucq]{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-5s8kgbvucq]{background:var(--ngx-primary-soft)}
/* /Components/Ui/NgxDialogShell.razor.rz.scp.css */
.overlay[b-tflh2vhp6i]{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-tflh2vhp6i]{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-tflh2vhp6i]{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--ngx-divider)}h2[b-tflh2vhp6i]{margin:2px 0 0;font-size:1.25rem}.eyebrow[b-tflh2vhp6i]{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-tflh2vhp6i]{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-tflh2vhp6i]{padding:22px}footer[b-tflh2vhp6i]{padding:16px 22px;border-top:1px solid var(--ngx-divider);background:var(--ngx-bg-subtle)}
/* /Components/Ui/NgxDivider.razor.rz.scp.css */
.divider[b-flduf64w6s]{width:100%;height:1px;background:var(--ngx-divider)}.divider.vertical[b-flduf64w6s]{width:1px;height:100%;min-height:24px}
/* /Components/Ui/NgxEmptyState.razor.rz.scp.css */
.empty-state[b-ekr1axb5n1]{display:grid;justify-items:center;max-width:560px;margin:auto;padding:42px 24px;text-align:center}.icon[b-ekr1axb5n1]{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-ekr1axb5n1]{margin:0 0 8px;font-size:1.15rem}p[b-ekr1axb5n1]{margin:0;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}.actions[b-ekr1axb5n1]{display:flex;gap:10px;margin-top:20px}
/* /Components/Ui/NgxField.razor.rz.scp.css */
.field[b-cx9s4ehl3r]{display:grid;gap:7px}.label[b-cx9s4ehl3r]{color:var(--ngx-text);font-size:var(--ngx-font-size-sm);font-weight:var(--ngx-weight-semibold)}.required[b-cx9s4ehl3r]{color:var(--ngx-error)}.control[b-cx9s4ehl3r]{min-width:0}.message[b-cx9s4ehl3r]{color:var(--ngx-text-muted);font-size:var(--ngx-font-size-xs);line-height:1.45}.message.error[b-cx9s4ehl3r]{color:var(--ngx-error)}
/* /Components/Ui/NgxIconButton.razor.rz.scp.css */
.ngx-icon-button[b-tbgttdv41h] { 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-tbgttdv41h]{color:var(--ngx-primary-2);border-color:var(--ngx-primary-border);background:var(--ngx-primary-soft);}
.ngx-icon-button--sm[b-tbgttdv41h]{width:var(--ngx-control-sm);height:var(--ngx-control-sm)}
.ngx-icon-button--lg[b-tbgttdv41h]{width:var(--ngx-control-lg);height:var(--ngx-control-lg)}
.ngx-icon-button--ghost[b-tbgttdv41h]{border-color:transparent;background:transparent}
.ngx-icon-button--primary[b-tbgttdv41h]{color:var(--ngx-white);border-color:transparent;background:var(--ngx-primary)}
.ngx-icon-button:disabled[b-tbgttdv41h]{opacity:.45;cursor:not-allowed}
/* /Components/Ui/NgxInput.razor.rz.scp.css */
.input-shell[b-mw3qb9sa5l]{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-mw3qb9sa5l]{border-color:var(--ngx-primary-border);box-shadow:var(--ngx-focus-ring)}.input-shell:hover[b-mw3qb9sa5l]{background:var(--ngx-input-bg-hover)}.input-shell.is-invalid[b-mw3qb9sa5l]{border-color:var(--ngx-error)}input[b-mw3qb9sa5l]{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-mw3qb9sa5l]::placeholder{color:var(--ngx-input-placeholder)}input:disabled[b-mw3qb9sa5l]{cursor:not-allowed;color:var(--ngx-text-disabled);background:var(--ngx-input-disabled-bg)}.adornment[b-mw3qb9sa5l]{display:flex;align-items:center;color:var(--ngx-text-muted);font-size:var(--ngx-font-size-sm);white-space:nowrap}.prefix[b-mw3qb9sa5l]{padding-left:13px}.suffix[b-mw3qb9sa5l]{padding-right:13px}
/* /Components/Ui/NgxPagination.razor.rz.scp.css */
.pagination[b-kzthqxpfuo]{display:flex;align-items:center;gap:6px}.page[b-kzthqxpfuo],.nav-button[b-kzthqxpfuo]{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-kzthqxpfuo],.nav-button:hover[b-kzthqxpfuo]{border-color:var(--ngx-primary-border);color:var(--ngx-primary-2);background:var(--ngx-primary-soft)}.page.active[b-kzthqxpfuo]{border-color:var(--ngx-primary);background:var(--ngx-primary);color:white}.disabled[b-kzthqxpfuo]{opacity:.35;pointer-events:none}
/* /Components/Ui/NgxProgressBar.razor.rz.scp.css */
.progress-wrap[b-qjce4mqn8t]{display:grid;gap:7px}.progress-label[b-qjce4mqn8t]{display:flex;justify-content:space-between;gap:16px;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-xs)}.track[b-qjce4mqn8t]{height:8px;overflow:hidden;border-radius:var(--ngx-radius-pill);background:var(--ngx-surface-3)}.bar[b-qjce4mqn8t]{height:100%;border-radius:inherit;background:var(--ngx-primary);transition:width var(--ngx-duration-slow) var(--ngx-ease-standard)}.bar--success[b-qjce4mqn8t]{background:var(--ngx-success)}.bar--warning[b-qjce4mqn8t]{background:var(--ngx-warning)}.bar--error[b-qjce4mqn8t]{background:var(--ngx-error)}
/* /Components/Ui/NgxRadio.razor.rz.scp.css */
.radio[b-uw1itj71yi]{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-uw1itj71yi]{color:var(--ngx-text)}input[b-uw1itj71yi]{position:absolute;opacity:0}.dot[b-uw1itj71yi]{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-uw1itj71yi]{width:9px;height:9px;border-radius:50%;background:var(--ngx-primary);transform:scale(0);transition:transform var(--ngx-transition-control)}input:checked + .dot[b-uw1itj71yi]{border-color:var(--ngx-primary)}input:checked + .dot span[b-uw1itj71yi]{transform:scale(1)}input:focus-visible + .dot[b-uw1itj71yi]{box-shadow:var(--ngx-focus-ring)}.is-disabled[b-uw1itj71yi]{opacity:.5;cursor:not-allowed}
/* /Components/Ui/NgxSelect.razor.rz.scp.css */
select[b-5o1yxto08a]{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-5o1yxto08a]{background-color:var(--ngx-input-bg-hover)}select:focus[b-5o1yxto08a]{border-color:var(--ngx-primary-border);box-shadow:var(--ngx-focus-ring)}select:disabled[b-5o1yxto08a]{cursor:not-allowed;background:var(--ngx-input-disabled-bg);color:var(--ngx-text-disabled)}
/* /Components/Ui/NgxSkeleton.razor.rz.scp.css */
.skeleton[b-x7sqkzbtrx]{position:relative;overflow:hidden;background:var(--ngx-surface-3)}.skeleton[b-x7sqkzbtrx]::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,var(--ngx-primary-softer),transparent);animation:shimmer-b-x7sqkzbtrx 1.5s infinite}@keyframes shimmer-b-x7sqkzbtrx{100%{transform:translateX(100%)}}
/* /Components/Ui/NgxStatCard.razor.rz.scp.css */
.stat-card[b-7hhz3f9xwb]{padding:18px;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);background:var(--ngx-card)}.top[b-7hhz3f9xwb]{display:flex;align-items:center;justify-content:space-between;gap:12px}.label[b-7hhz3f9xwb]{color:var(--ngx-text-muted);font-size:var(--ngx-font-size-sm)}.value[b-7hhz3f9xwb]{margin-top:7px;color:var(--ngx-text);font-size:1.65rem;font-weight:var(--ngx-weight-bold);line-height:1.15}.detail[b-7hhz3f9xwb]{margin-top:5px;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-xs)}.dot[b-7hhz3f9xwb]{width:8px;height:8px;border-radius:50%;background:var(--ngx-text-muted)}.dot--success[b-7hhz3f9xwb]{background:var(--ngx-success)}.dot--warning[b-7hhz3f9xwb]{background:var(--ngx-warning)}.dot--error[b-7hhz3f9xwb]{background:var(--ngx-error)}.dot--primary[b-7hhz3f9xwb]{background:var(--ngx-primary)}
/* /Components/Ui/NgxStatusDot.razor.rz.scp.css */
.status[b-dnzhn848pe]{display:inline-flex;align-items:center;gap:7px;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}.dot[b-dnzhn848pe]{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-dnzhn848pe]{background:var(--ngx-primary)}.status--success .dot[b-dnzhn848pe]{background:var(--ngx-success)}.status--warning .dot[b-dnzhn848pe]{background:var(--ngx-warning)}.status--error .dot[b-dnzhn848pe]{background:var(--ngx-error)}
/* /Components/Ui/NgxSwitch.razor.rz.scp.css */
.switch[b-ipzykbo4a9]{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-ipzykbo4a9]{position:absolute;opacity:0}.track[b-ipzykbo4a9]{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-ipzykbo4a9]{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-ipzykbo4a9]{border-color:var(--ngx-primary);background:var(--ngx-primary)}input:checked + .track .thumb[b-ipzykbo4a9]{transform:translateX(18px);background:white}input:focus-visible + .track[b-ipzykbo4a9]{box-shadow:var(--ngx-focus-ring)}.is-disabled[b-ipzykbo4a9]{opacity:.5;cursor:not-allowed}
/* /Components/Ui/NgxTable.razor.rz.scp.css */
.table-shell[b-k8rralgruy]{overflow:hidden;border:1px solid var(--ngx-border);border-radius:var(--ngx-radius-md);background:var(--ngx-card)}.toolbar[b-k8rralgruy],.footer[b-k8rralgruy]{padding:14px 16px;background:var(--ngx-bg-subtle)}.toolbar[b-k8rralgruy]{border-bottom:1px solid var(--ngx-divider)}.footer[b-k8rralgruy]{border-top:1px solid var(--ngx-divider)}.scroll[b-k8rralgruy]{overflow:auto}table[b-k8rralgruy]{width:100%;border-collapse:collapse;min-width:640px;color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm)}[b-k8rralgruy] 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-k8rralgruy] td{padding:14px 16px;border-bottom:1px solid var(--ngx-divider)}[b-k8rralgruy] tbody tr:last-child td{border-bottom:0}[b-k8rralgruy] tbody tr:hover td{background:var(--ngx-primary-softer)}table.compact[b-k8rralgruy]  th,table.compact[b-k8rralgruy]  td{padding-top:10px;padding-bottom:10px}
/* /Components/Ui/NgxTabs.razor.rz.scp.css */
.tabs[b-5ruy7jp7h2]{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--ngx-divider)}a[b-5ruy7jp7h2]{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-5ruy7jp7h2]{color:var(--ngx-text);background:var(--ngx-primary-softer)}a.active[b-5ruy7jp7h2]{color:var(--ngx-primary-2)}a.active[b-5ruy7jp7h2]::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-vmo5p992oy]{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-vmo5p992oy]{background:var(--ngx-input-bg-hover)}textarea:focus[b-vmo5p992oy]{border-color:var(--ngx-primary-border);box-shadow:var(--ngx-focus-ring)}textarea[b-vmo5p992oy]::placeholder{color:var(--ngx-input-placeholder)}textarea.is-invalid[b-vmo5p992oy]{border-color:var(--ngx-error)}textarea:disabled[b-vmo5p992oy]{cursor:not-allowed;background:var(--ngx-input-disabled-bg);color:var(--ngx-text-disabled)}
/* /Components/Ui/NgxToastHost.razor.rz.scp.css */
.toast-host[b-vggm8lktwb]{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-vggm8lktwb]{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-vggm8lktwb]{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-vggm8lktwb]{display:grid;gap:2px;min-width:0}.content strong[b-vggm8lktwb]{font-size:var(--ngx-font-size-sm)}.content span[b-vggm8lktwb]{color:var(--ngx-text-secondary);font-size:var(--ngx-font-size-sm);line-height:1.45}.close[b-vggm8lktwb]{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-vggm8lktwb]{color:var(--ngx-text)}.close:focus-visible[b-vggm8lktwb]{outline:none;box-shadow:var(--ngx-focus-ring)}.toast--success[b-vggm8lktwb]{border-color:var(--ngx-success-border)}.toast--success .icon[b-vggm8lktwb]{background:var(--ngx-success-soft);color:var(--ngx-success)}.toast--warning[b-vggm8lktwb]{border-color:var(--ngx-warning-border)}.toast--warning .icon[b-vggm8lktwb]{background:var(--ngx-warning-soft);color:var(--ngx-warning)}.toast--error[b-vggm8lktwb]{border-color:var(--ngx-error-border)}.toast--error .icon[b-vggm8lktwb]{background:var(--ngx-error-soft);color:var(--ngx-error)}@media(max-width:640px){.toast-host[b-vggm8lktwb]{right:16px;bottom:16px;width:calc(100vw - 32px)}}
/* /Components/Ui/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-tgp9igwip0]{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-tgp9igwip0]{color:var(--ngx-primary-2);border-color:var(--ngx-primary-border);background:var(--ngx-primary-soft)}svg[b-tgp9igwip0]{width:19px;height:19px}