@import '_content/Irondesk.SharedComponents/Irondesk.SharedComponents.wqtq65wo7m.bundle.scp.css';
@import '_content/Irondesk.Site.ATS/Irondesk.Site.ATS.6aa5maz2vn.bundle.scp.css';
@import '_content/Irondesk.Site.Portal/Irondesk.Site.Portal.57ubwnhfxg.bundle.scp.css';
@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.ezdqu7jd9f.bundle.scp.css';

/* /Pages/Account/Checkout.razor.rz.scp.css */
@media (min-width: 1025px) {
    .h-custom[b-7b0vfghqr2] {
        height: 150vh !important;
    }
}

.card-registration .select-input.form-control[readonly]:not([disabled])[b-7b0vfghqr2] {
    font-size: 1rem;
    line-height: 2.15;
    padding-left: .75em;
    padding-right: .75em;
}

.card-registration .select-arrow[b-7b0vfghqr2] {
    top: 7px;
}

.gradient-custom-2[b-7b0vfghqr2] {
    /* fallback for old browsers */
    background: #D5CDDA /*#a1c4fd*/;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, rgba(213, 205, 218, 1), rgba(213, 205, 251, 1));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, rgba(213, 205, 218, 1), rgba(213, 205, 251, 1));
}

.bg-indigo[b-7b0vfghqr2] {
    background-color: #FFAAAA;
}

.text-white[b-7b0vfghqr2] {
    color: white;
}

    .text-white .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol[b-7b0vfghqr2] {
        color: white;
    }


@media (min-width: 992px) {
    .card-registration-2 .bg-indigo[b-7b0vfghqr2] {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }
}

@media (max-width: 991px) {
    .card-registration-2 .bg-indigo[b-7b0vfghqr2] {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }
}

.subddomain[b-7b0vfghqr2] {
    font-size: 18px;
    font-weight: 400;
}

.subdomain-valid[b-7b0vfghqr2] {
    outline-color: #21be37;
    outline-width: medium;
    outline-style: solid
}

.subdomain-invalid[b-7b0vfghqr2] {
    outline-color: red;
    outline-width: medium;
    outline-style: solid
}

.lp-logo[b-7b0vfghqr2] {
    font-size: .9375rem;
    font-weight: 600;
    letter-spacing: -.02em;
    color: #09090b;
    text-decoration: none;
    white-space: nowrap;
}

    .lp-logo img[b-7b0vfghqr2] {
        height: 28px;
        object-fit: contain;
        vertical-align: middle;
        margin-right: .35rem;
    }
/* /Pages/Account/Login.razor.rz.scp.css */
.gradient-custom[b-p0bqkarnrg] {
    /* fallback for old browsers */
    background: #6a11cb;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1))
}
/* /Pages/Contact.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   Base nl- classes (scoped to Contact component)
═══════════════════════════════════════════════════════════════════ */
.nl[b-uflbpmaqm9] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: #fff;
    color: #09090b;
    line-height: 1.5;
}

.nl *[b-uflbpmaqm9] { box-sizing: border-box; margin: 0; padding: 0; }

/* Navbar */
.nl-nav[b-uflbpmaqm9] {
    position: sticky; top: 0; z-index: 50;
    background: rgba(255,255,255,.85);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(228,228,231,.6);
    height: 58px;
}
.nl-nav-inner[b-uflbpmaqm9] { display: flex; align-items: center; height: 100%; padding: 0 1.5rem; gap: 1.5rem; max-width: 80rem; margin: 0 auto; }
.nl-logo[b-uflbpmaqm9] { font-size: .9375rem; font-weight: 600; color: #09090b; text-decoration: none; white-space: nowrap; flex-shrink: 0; }
.nl-logo img[b-uflbpmaqm9] { height: 28px; object-fit: contain; vertical-align: middle; margin-right: .35rem; }
.nl-nav-links[b-uflbpmaqm9] { display: flex; gap: 1.25rem; align-items: center; }
.nl-nav-link[b-uflbpmaqm9] { font-size: .875rem; color: #71717a; text-decoration: none; transition: color .15s; }
.nl-nav-link:hover[b-uflbpmaqm9] { color: #09090b; }
.nl-nav-link-active[b-uflbpmaqm9] { color: #09090b; font-weight: 600; }
.nl-spacer[b-uflbpmaqm9] { flex: 1; }
.nl-nav-actions[b-uflbpmaqm9] { display: flex; align-items: center; gap: .625rem; }

/* Buttons */
.nl-btn[b-uflbpmaqm9] { display: inline-flex; align-items: center; gap: .375rem; padding: .375rem .875rem; font-size: .875rem; font-weight: 500; border-radius: .5rem; border: none; cursor: pointer; transition: transform .2s, box-shadow .2s; text-decoration: none; line-height: 1; white-space: nowrap; }
.nl-btn:hover[b-uflbpmaqm9]  { transform: translateY(-1px); }
.nl-btn:active[b-uflbpmaqm9] { transform: scale(.98); }
.nl-btn-primary[b-uflbpmaqm9] { background: #2563eb; color: #fff; box-shadow: 0 0 0 1px rgba(37,99,235,.2), 0 1px 3px rgba(0,0,0,.08), 0 4px 12px rgba(37,99,235,.15); }
.nl-btn-primary:hover[b-uflbpmaqm9] { background: #1d4ed8; }
.nl-btn-secondary[b-uflbpmaqm9] { background: #f4f4f5; color: #09090b; }
.nl-btn-secondary:hover[b-uflbpmaqm9] { background: #e4e4e7; }
.nl-btn-ghost[b-uflbpmaqm9] { background: transparent; color: #71717a; }
.nl-btn-ghost:hover[b-uflbpmaqm9] { background: #f4f4f5; color: #09090b; }
.nl-btn-lg[b-uflbpmaqm9] { padding: .625rem 1.375rem; font-size: .9375rem; }
.nl-btn-sm[b-uflbpmaqm9] { padding: .3125rem .75rem;  font-size: .8125rem; }
.nl-btn:disabled[b-uflbpmaqm9] { opacity: .5; cursor: not-allowed; transform: none !important; }

/* Typography */
.nl-h1[b-uflbpmaqm9] { font-size: 2.5rem; font-weight: 800; letter-spacing: -.035em; line-height: 1.08; color: #09090b; }
@@media (min-width: 768px) { .nl-h1[b-uflbpmaqm9] { font-size: 3rem; } }
.nl-subtitle[b-uflbpmaqm9] { margin-top: 1.25rem; font-size: 1rem; color: #71717a; line-height: 1.8; }
@@media (min-width: 768px) { .nl-subtitle[b-uflbpmaqm9] { font-size: 1.0625rem; } }

/* Footer */
.nl-footer[b-uflbpmaqm9] { border-top: 1px solid rgba(228,228,231,.6); padding: 2rem 1.5rem; }
.nl-footer-inner[b-uflbpmaqm9] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; max-width: 80rem; margin: 0 auto; }
.nl-footer-left[b-uflbpmaqm9] { display: flex; align-items: center; gap: 1.25rem; }
.nl-footer-copy[b-uflbpmaqm9] { font-size: .75rem; color: #71717a; }
.nl-footer-links[b-uflbpmaqm9] { display: flex; gap: 1.25rem; }
.nl-footer-link[b-uflbpmaqm9] { font-size: .8125rem; color: #71717a; text-decoration: none; transition: color .15s; }
.nl-footer-link:hover[b-uflbpmaqm9] { color: #09090b; }

/* ═══════════════════════════════════════════════════════════════════
   Contact-specific styles
═══════════════════════════════════════════════════════════════════ */

/* ─── Hero ────────────────────────────────────────────────────────── */
.ct-hero[b-uflbpmaqm9] {
    padding: 5rem 1.5rem 3rem;
    background: radial-gradient(ellipse 70% 50% at 50% -10%, rgba(37,99,235,.06) 0%, transparent 70%);
    text-align: center;
}

@@media (min-width: 768px) { .ct-hero[b-uflbpmaqm9] { padding: 7rem 1.5rem 4rem; } }

.ct-hero-inner[b-uflbpmaqm9] {
    max-width: 44rem;
    margin: 0 auto;
}

@@keyframes ctFadeUp {
    from[b-uflbpmaqm9] { opacity: 0; transform: translateY(10px); }
    to[b-uflbpmaqm9]   { opacity: 1; transform: translateY(0); }
}

@@keyframes ctSpin {
    to[b-uflbpmaqm9] { transform: rotate(360deg); }
}

.ct-fade-up-0[b-uflbpmaqm9] { animation: ctFadeUp .5s cubic-bezier(.2,0,0,1) 0ms   both; }
.ct-fade-up-1[b-uflbpmaqm9] { animation: ctFadeUp .5s cubic-bezier(.2,0,0,1) 100ms both; }

/* ─── Section wrapper ─────────────────────────────────────────────── */
.ct-section[b-uflbpmaqm9] {
    padding: 3rem 1.5rem 6rem;
}

/* ─── Two-column layout ───────────────────────────────────────────── */
.ct-layout[b-uflbpmaqm9] {
    display: grid;
    gap: 2.5rem;
    max-width: 72rem;
    margin: 0 auto;
}

@@media (min-width: 900px) {
    .ct-layout[b-uflbpmaqm9] { grid-template-columns: 280px 1fr; align-items: start; }
}

/* ─── Info sidebar ────────────────────────────────────────────────── */
.ct-info[b-uflbpmaqm9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ct-info-card[b-uflbpmaqm9] {
    display: flex;
    align-items: flex-start;
    gap: .875rem;
    padding: 1rem 1.125rem;
    background: #fff;
    border: 1px solid #e4e4e7;
    border-radius: .75rem;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}

.ct-info-icon[b-uflbpmaqm9] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .5rem;
    background: rgba(37,99,235,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: .1rem;
}

.ct-info-label[b-uflbpmaqm9] {
    font-size: .6875rem;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #71717a;
    margin-bottom: .2rem;
}

.ct-info-value[b-uflbpmaqm9] {
    font-size: .875rem;
    font-weight: 500;
    color: #09090b;
    line-height: 1.5;
}

.ct-divider[b-uflbpmaqm9] {
    height: 1px;
    background: #e4e4e7;
    margin: .25rem 0;
}

.ct-quick-links[b-uflbpmaqm9] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
    padding: .25rem 0;
}

.ct-quick-label[b-uflbpmaqm9] {
    font-size: .6875rem;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #71717a;
    margin-bottom: .375rem;
}

.ct-quick-link[b-uflbpmaqm9] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .875rem;
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
    transition: gap .15s;
}

    .ct-quick-link:hover[b-uflbpmaqm9] { gap: .65rem; }

/* ─── Form wrapper ────────────────────────────────────────────────── */
.ct-form-wrap[b-uflbpmaqm9] {
    background: #fff;
    border: 1px solid #e4e4e7;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,.05);
}

/* ─── Form ────────────────────────────────────────────────────────── */
.ct-form[b-uflbpmaqm9] {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.ct-form-header[b-uflbpmaqm9] {
    margin-bottom: .25rem;
}

.ct-form-title[b-uflbpmaqm9] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #09090b;
    letter-spacing: -.02em;
}

.ct-form-sub[b-uflbpmaqm9] {
    margin-top: .25rem;
    font-size: .8125rem;
    color: #71717a;
}

.ct-form-row[b-uflbpmaqm9] {
    display: grid;
    gap: 1rem;
}

@@media (min-width: 640px) {
    .ct-form-row[b-uflbpmaqm9] { grid-template-columns: 1fr 1fr; }
}

.ct-field[b-uflbpmaqm9] {
    display: flex;
    flex-direction: column;
    gap: .375rem;
}

.ct-label[b-uflbpmaqm9] {
    font-size: .8125rem;
    font-weight: 500;
    color: #09090b;
}

.ct-optional[b-uflbpmaqm9] {
    font-weight: 400;
    color: #71717a;
    font-size: .75rem;
}

.ct-input[b-uflbpmaqm9],
.ct-select[b-uflbpmaqm9],
.ct-textarea[b-uflbpmaqm9] {
    width: 100%;
    padding: .5625rem .75rem;
    font-size: .9rem;
    font-family: inherit;
    color: #09090b;
    background: #fafafa;
    border: 1px solid #e4e4e7;
    border-radius: .5rem;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    line-height: 1.5;
}

    .ct-input:focus[b-uflbpmaqm9],
    .ct-select:focus[b-uflbpmaqm9],
    .ct-textarea:focus[b-uflbpmaqm9] {
        border-color: #2563eb;
        box-shadow: 0 0 0 3px rgba(37,99,235,.1);
        background: #fff;
    }

    .ct-input[b-uflbpmaqm9]::placeholder,
    .ct-textarea[b-uflbpmaqm9]::placeholder { color: #a1a1aa; }

.ct-input-error[b-uflbpmaqm9] {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239,68,68,.08) !important;
}

.ct-select[b-uflbpmaqm9] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2371717a' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    padding-right: 2.25rem;
    cursor: pointer;
}

.ct-textarea[b-uflbpmaqm9] { resize: vertical; min-height: 9rem; }

.ct-error-msg[b-uflbpmaqm9] {
    font-size: .75rem;
    color: #dc2626;
    font-weight: 500;
}

/* ─── Alert error ─────────────────────────────────────────────────── */
.ct-alert-error[b-uflbpmaqm9] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1rem;
    background: rgba(239,68,68,.06);
    border: 1px solid rgba(239,68,68,.2);
    border-radius: .5rem;
    font-size: .875rem;
    color: #dc2626;
}

/* ─── Form footer ─────────────────────────────────────────────────── */
.ct-form-footer[b-uflbpmaqm9] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
    padding-top: .25rem;
}

.ct-submit-btn[b-uflbpmaqm9] { min-width: 9rem; justify-content: center; }

.ct-privacy[b-uflbpmaqm9] {
    font-size: .75rem;
    color: #71717a;
    line-height: 1.5;
}

.ct-spin[b-uflbpmaqm9] {
    animation: ctSpin .8s linear infinite;
}

/* ─── Success state ───────────────────────────────────────────────── */
.ct-success[b-uflbpmaqm9] {
    padding: 3.5rem 2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ct-success-icon[b-uflbpmaqm9] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 9999px;
    background: rgba(34,197,94,.1);
    border: 1px solid rgba(34,197,94,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.ct-success-title[b-uflbpmaqm9] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #09090b;
    margin-bottom: .5rem;
}

.ct-success-sub[b-uflbpmaqm9] {
    font-size: .9375rem;
    color: #71717a;
    line-height: 1.7;
    max-width: 30rem;
}
/* /Pages/index.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   RESET & BASE
═══════════════════════════════════════════════════════════════════ */
.nl *[b-8c7b8fnx4z] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.nl[b-8c7b8fnx4z] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: #fff;
    color: #09090b;
    line-height: 1.5;
}

/* ═══════════════════════════════════════════════════════════════════
   KEYFRAMES
═══════════════════════════════════════════════════════════════════ */
@@keyframes nlFadeUp {
    from[b-8c7b8fnx4z] {
        opacity: 0;
        transform: translateY(10px);
    }

    to[b-8c7b8fnx4z] {
        opacity: 1;
        transform: translateY(0);
    }
}

@@keyframes nlSpin {
    to[b-8c7b8fnx4z] {
        transform: rotate(360deg);
    }
}

.nl-fade-up-0[b-8c7b8fnx4z] {
    animation: nlFadeUp .55s cubic-bezier(.2,0,0,1) 0ms both;
}

.nl-fade-up-1[b-8c7b8fnx4z] {
    animation: nlFadeUp .55s cubic-bezier(.2,0,0,1) 80ms both;
}

.nl-fade-up-2[b-8c7b8fnx4z] {
    animation: nlFadeUp .55s cubic-bezier(.2,0,0,1) 160ms both;
}

.nl-fade-up-3[b-8c7b8fnx4z] {
    animation: nlFadeUp .55s cubic-bezier(.2,0,0,1) 240ms both;
}

.nl-fade-up-4[b-8c7b8fnx4z] {
    animation: nlFadeUp .55s cubic-bezier(.2,0,0,1) 320ms both;
}

/* ═══════════════════════════════════════════════════════════════════
   UTILITIES
═══════════════════════════════════════════════════════════════════ */
.nl-container[b-8c7b8fnx4z] {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.nl-container-md[b-8c7b8fnx4z] {
    max-width: 52rem;
}

.nl-container-sm[b-8c7b8fnx4z] {
    max-width: 40rem;
}

/* ═══════════════════════════════════════════════════════════════════
   NAVBAR
═══════════════════════════════════════════════════════════════════ */
.nl-nav[b-8c7b8fnx4z] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255,255,255,.85);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(228,228,231,.6);
    height: 58px;
}

.nl-nav-inner[b-8c7b8fnx4z] {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 1.5rem;
    gap: 1.5rem;
    max-width: 80rem;
    margin: 0 auto;
}

.nl-logo[b-8c7b8fnx4z] {
    font-size: .9375rem;
    font-weight: 600;
    letter-spacing: -.02em;
    color: #09090b;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}

    .nl-logo img[b-8c7b8fnx4z] {
        height: 28px;
        object-fit: contain;
        vertical-align: middle;
        margin-right: .35rem;
    }

.nl-nav-links[b-8c7b8fnx4z] {
    display: flex;
    gap: 1.25rem;
    align-items: center;
}

.nl-nav-link[b-8c7b8fnx4z] {
    font-size: .875rem;
    color: #71717a;
    text-decoration: none;
    transition: color .15s;
}

    .nl-nav-link:hover[b-8c7b8fnx4z] {
        color: #09090b;
    }

.nl-spacer[b-8c7b8fnx4z] {
    flex: 1;
}

.nl-nav-actions[b-8c7b8fnx4z] {
    display: flex;
    align-items: center;
    gap: .625rem;
}

.nl-home-btn[b-8c7b8fnx4z] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: .375rem;
    color: #374151;
    transition: background .15s, color .15s;
    text-decoration: none;
}

.nl-home-btn:hover[b-8c7b8fnx4z] {
    background: #f3f4f6;
    color: #2563eb;
}

/* ═══════════════════════════════════════════════════════════════════
   BUTTONS
═══════════════════════════════════════════════════════════════════ */
.nl-btn[b-8c7b8fnx4z] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .375rem .875rem;
    font-size: .875rem;
    font-weight: 500;
    border-radius: .5rem;
    border: none;
    cursor: pointer;
    transition: transform .2s cubic-bezier(.2,0,0,1), box-shadow .2s cubic-bezier(.2,0,0,1), background .15s;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
}

    .nl-btn:hover[b-8c7b8fnx4z] {
        transform: translateY(-1px);
    }

    .nl-btn:active[b-8c7b8fnx4z] {
        transform: scale(.98);
    }

.nl-btn-primary[b-8c7b8fnx4z] {
    background: #2563eb;
    color: #fff;
    box-shadow: 0 0 0 1px rgba(37,99,235,.2), 0 1px 3px rgba(0,0,0,.08), 0 4px 12px rgba(37,99,235,.15);
}

    .nl-btn-primary:hover[b-8c7b8fnx4z] {
        background: #1d4ed8;
        box-shadow: 0 0 0 1px rgba(37,99,235,.25), 0 4px 16px rgba(37,99,235,.25);
    }

.nl-btn-secondary[b-8c7b8fnx4z] {
    background: #f4f4f5;
    color: #09090b;
}

    .nl-btn-secondary:hover[b-8c7b8fnx4z] {
        background: #e4e4e7;
    }

.nl-btn-ghost[b-8c7b8fnx4z] {
    background: transparent;
    color: #71717a;
}

    .nl-btn-ghost:hover[b-8c7b8fnx4z] {
        background: #f4f4f5;
        color: #09090b;
    }

.nl-btn-white[b-8c7b8fnx4z] {
    background: #fff;
    color: #09090b;
    box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.12);
}

    .nl-btn-white:hover[b-8c7b8fnx4z] {
        box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 4px 16px rgba(0,0,0,.15);
    }

.nl-btn-ghost-white[b-8c7b8fnx4z] {
    background: transparent;
    color: rgba(255,255,255,.8);
    border: 1px solid rgba(255,255,255,.25);
}

    .nl-btn-ghost-white:hover[b-8c7b8fnx4z] {
        background: rgba(255,255,255,.1);
        color: #fff;
    }

.nl-btn-lg[b-8c7b8fnx4z] {
    padding: .625rem 1.375rem;
    font-size: .9375rem;
}

.nl-btn-sm[b-8c7b8fnx4z] {
    padding: .3125rem .75rem;
    font-size: .8125rem;
}

/* ═══════════════════════════════════════════════════════════════════
   HERO
═══════════════════════════════════════════════════════════════════ */
.nl-hero[b-8c7b8fnx4z] {
    padding: 5rem 1.5rem 4rem;
    background: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(37,99,235,.06) 0%, transparent 70%);
}

@@media (min-width: 768px) {
    .nl-hero[b-8c7b8fnx4z] {
        padding: 7.5rem 1.5rem 6rem;
    }
}

.nl-hero-inner[b-8c7b8fnx4z] {
    max-width: 52rem;
    margin: 0 auto;
    text-align: center;
}

.nl-badge[b-8c7b8fnx4z] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .3rem .75rem;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: rgba(37,99,235,.08);
    color: #2563eb;
    border-radius: 9999px;
    border: 1px solid rgba(37,99,235,.15);
    margin-bottom: 1.5rem;
}

.nl-h1[b-8c7b8fnx4z] {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.08;
    color: #09090b;
}

@@media (min-width: 768px) {
    .nl-h1[b-8c7b8fnx4z] {
        font-size: 3.25rem;
    }
}

@@media (min-width: 1024px) {
    .nl-h1[b-8c7b8fnx4z] {
        font-size: 4rem;
    }
}

.nl-h1-accent[b-8c7b8fnx4z] {
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.nl-subtitle[b-8c7b8fnx4z] {
    margin-top: 1.5rem;
    font-size: 1rem;
    color: #71717a;
    line-height: 1.8;
    max-width: 46rem;
    margin-left: auto;
    margin-right: auto;
}

@@media (min-width: 768px) {
    .nl-subtitle[b-8c7b8fnx4z] {
        font-size: 1.125rem;
    }
}

.nl-hero-ctas[b-8c7b8fnx4z] {
    margin-top: 2.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

@@media (min-width: 640px) {
    .nl-hero-ctas[b-8c7b8fnx4z] {
        flex-direction: row;
    }
}

/* ─── Trust row ─────────────────────────────────────────────────── */
.nl-trust-row[b-8c7b8fnx4z] {
    margin-top: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-wrap: wrap;
}

.nl-trust-stat[b-8c7b8fnx4z] {
    padding: .75rem 1.75rem;
    text-align: center;
}

.nl-trust-value[b-8c7b8fnx4z] {
    font-size: 1.375rem;
    font-weight: 700;
    color: #09090b;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.02em;
}

@@media (min-width: 768px) {
    .nl-trust-value[b-8c7b8fnx4z] {
        font-size: 1.625rem;
    }
}

.nl-trust-label[b-8c7b8fnx4z] {
    font-size: .6875rem;
    color: #71717a;
    margin-top: .25rem;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.nl-trust-divider[b-8c7b8fnx4z] {
    width: 1px;
    height: 2.5rem;
    background: #e4e4e7;
    flex-shrink: 0;
}

@@media (max-width: 639px) {
    .nl-trust-divider[b-8c7b8fnx4z] {
        display: none;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   SECTIONS
═══════════════════════════════════════════════════════════════════ */
.nl-section[b-8c7b8fnx4z] {
    padding: 5rem 1.5rem;
}

@@media (min-width: 768px) {
    .nl-section[b-8c7b8fnx4z] {
        padding: 7rem 1.5rem;
    }
}

.nl-section-muted[b-8c7b8fnx4z] {
    background: rgba(244,244,245,.35);
}

.nl-section-dark[b-8c7b8fnx4z] {
    background: #0f172a;
}

.nl-section-header[b-8c7b8fnx4z] {
    text-align: center;
    margin-bottom: 3rem;
}

.nl-h2[b-8c7b8fnx4z] {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -.025em;
    color: #09090b;
    line-height: 1.2;
}

@@media (min-width: 768px) {
    .nl-h2[b-8c7b8fnx4z] {
        font-size: 2rem;
    }
}

.nl-section-sub[b-8c7b8fnx4z] {
    margin-top: .875rem;
    color: #71717a;
    font-size: .9375rem;
    line-height: 1.7;
}

/* ═══════════════════════════════════════════════════════════════════
   PAIN POINTS
═══════════════════════════════════════════════════════════════════ */
.nl-pain-grid[b-8c7b8fnx4z] {
    display: grid;
    gap: 1rem;
    max-width: 80rem;
    margin: 0 auto;
}

@@media (min-width: 768px) {
    .nl-pain-grid[b-8c7b8fnx4z] {
        grid-template-columns: repeat(3,1fr);
    }
}

.nl-pain-card[b-8c7b8fnx4z] {
    background: #fff;
    border-radius: .875rem;
    padding: 1.5rem;
    box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.05);
    transition: box-shadow .3s;
}

    .nl-pain-card:hover[b-8c7b8fnx4z] {
        box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.08);
    }

.nl-pain-icon[b-8c7b8fnx4z] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.nl-pain-icon-red[b-8c7b8fnx4z] {
    background: rgba(239,68,68,.1);
    color: #dc2626;
}

.nl-pain-icon-orange[b-8c7b8fnx4z] {
    background: rgba(249,115,22,.1);
    color: #ea580c;
}

.nl-pain-icon-yellow[b-8c7b8fnx4z] {
    background: rgba(234,179,8,.1);
    color: #ca8a04;
}

.nl-pain-title[b-8c7b8fnx4z] {
    font-size: .9375rem;
    font-weight: 600;
    color: #09090b;
    margin-bottom: .5rem;
}

.nl-pain-desc[b-8c7b8fnx4z] {
    font-size: .875rem;
    color: #71717a;
    line-height: 1.65;
    margin-bottom: 1rem;
}

.nl-pain-arrow[b-8c7b8fnx4z] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    font-size: .8125rem;
    color: #2563eb;
    font-weight: 500;
}

/* ═══════════════════════════════════════════════════════════════════
   USE CASES
═══════════════════════════════════════════════════════════════════ */
.nl-tabs[b-8c7b8fnx4z] {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
    margin-bottom: 2rem;
    justify-content: center;
}

.nl-tab[b-8c7b8fnx4z] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4375rem 1rem;
    font-size: .8125rem;
    font-weight: 500;
    border-radius: .5rem;
    border: 1px solid #e4e4e7;
    background: #fff;
    color: #71717a;
    cursor: pointer;
    transition: all .15s;
}

    .nl-tab:hover[b-8c7b8fnx4z] {
        border-color: #a1a1aa;
        color: #09090b;
    }

.nl-tab-active[b-8c7b8fnx4z] {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff !important;
    box-shadow: 0 1px 3px rgba(37,99,235,.3);
}

.nl-usecase-panel[b-8c7b8fnx4z] {
    display: grid;
    gap: 2rem;
    background: #fff;
    border-radius: 1rem;
    border: 1px solid #e4e4e7;
    overflow: hidden;
}

@@media (min-width: 768px) {
    .nl-usecase-panel[b-8c7b8fnx4z] {
        grid-template-columns: 1fr 1fr;
    }
}

.nl-usecase-left[b-8c7b8fnx4z] {
    padding: 2rem;
    display: flex;
    flex-direction: column;
}

.nl-usecase-badge[b-8c7b8fnx4z] {
    display: inline-block;
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2563eb;
    background: rgba(37,99,235,.08);
    border-radius: .375rem;
    padding: .25rem .625rem;
    margin-bottom: .875rem;
    width: fit-content;
}

.nl-usecase-title[b-8c7b8fnx4z] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #09090b;
    letter-spacing: -.02em;
    margin-bottom: .875rem;
    line-height: 1.3;
}

.nl-usecase-desc[b-8c7b8fnx4z] {
    font-size: .9rem;
    color: #71717a;
    line-height: 1.75;
    flex: 1;
}

.nl-usecase-outcomes[b-8c7b8fnx4z] {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.nl-outcome-row[b-8c7b8fnx4z] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    font-size: .875rem;
    color: #09090b;
}

.nl-usecase-right[b-8c7b8fnx4z] {
    background: rgba(244,244,245,.5);
    padding: 1.5rem;
    border-left: 1px solid #e4e4e7;
    display: flex;
    align-items: flex-start;
}

/* ─── Workflow visualization ───────────────────────────────────── */
.nl-workflow-viz[b-8c7b8fnx4z] {
    width: 100%;
}

.nl-wf-title[b-8c7b8fnx4z] {
    display: flex;
    align-items: center;
    gap: .375rem;
    font-size: .6875rem;
    font-family: ui-monospace, monospace;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #71717a;
    margin-bottom: 1rem;
}

.nl-wf-nodes[b-8c7b8fnx4z] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.nl-wf-node[b-8c7b8fnx4z] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .625rem .875rem;
    background: #fff;
    border-radius: .625rem;
    border: 1px solid #e4e4e7;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}

.nl-wf-node-icon[b-8c7b8fnx4z] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nl-wf-node-blue .nl-wf-node-icon[b-8c7b8fnx4z] {
    background: rgba(37,99,235,.1);
    color: #2563eb;
}

.nl-wf-node-green .nl-wf-node-icon[b-8c7b8fnx4z] {
    background: rgba(34,197,94,.1);
    color: #16a34a;
}

.nl-wf-node-purple .nl-wf-node-icon[b-8c7b8fnx4z] {
    background: rgba(139,92,246,.1);
    color: #7c3aed;
}

.nl-wf-node-orange .nl-wf-node-icon[b-8c7b8fnx4z] {
    background: rgba(249,115,22,.1);
    color: #ea580c;
}

.nl-wf-node-yellow .nl-wf-node-icon[b-8c7b8fnx4z] {
    background: rgba(234,179,8,.1);
    color: #ca8a04;
}

.nl-wf-node-cyan .nl-wf-node-icon[b-8c7b8fnx4z] {
    background: rgba(6,182,212,.1);
    color: #0891b2;
}

.nl-wf-node-red .nl-wf-node-icon[b-8c7b8fnx4z] {
    background: rgba(239,68,68,.1);
    color: #dc2626;
}

.nl-wf-node-pink .nl-wf-node-icon[b-8c7b8fnx4z] {
    background: rgba(236,72,153,.1);
    color: #db2777;
}

.nl-wf-node-teal .nl-wf-node-icon[b-8c7b8fnx4z] {
    background: rgba(20,184,166,.1);
    color: #0d9488;
}

.nl-wf-node-gray .nl-wf-node-icon[b-8c7b8fnx4z] {
    background: rgba(113,113,122,.1);
    color: #52525b;
}

.nl-wf-node-name[b-8c7b8fnx4z] {
    font-size: .8125rem;
    font-weight: 600;
    color: #09090b;
}

.nl-wf-node-sub[b-8c7b8fnx4z] {
    font-size: .75rem;
    color: #71717a;
    margin-top: .1rem;
}

.nl-wf-arrow[b-8c7b8fnx4z] {
    display: flex;
    justify-content: center;
    padding: .1rem 0;
    color: #d1d5db;
}

/* ═══════════════════════════════════════════════════════════════════
   HOW IT WORKS
═══════════════════════════════════════════════════════════════════ */
.nl-how-grid[b-8c7b8fnx4z] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem;
    max-width: 56rem;
    margin: 0 auto;
}

@@media (min-width: 768px) {
    .nl-how-grid[b-8c7b8fnx4z] {
        flex-direction: row;
        align-items: flex-start;
    }
}

.nl-how-card[b-8c7b8fnx4z] {
    flex: 1;
    background: #fff;
    border-radius: .875rem;
    padding: 1.75rem;
    box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.05);
    position: relative;
}

.nl-how-num[b-8c7b8fnx4z] {
    font-size: .6875rem;
    font-family: ui-monospace, monospace;
    font-weight: 700;
    color: #2563eb;
    letter-spacing: .06em;
    margin-bottom: .875rem;
}

.nl-how-icon[b-8c7b8fnx4z] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .625rem;
    background: rgba(37,99,235,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.nl-how-title[b-8c7b8fnx4z] {
    font-size: .9375rem;
    font-weight: 700;
    color: #09090b;
    margin-bottom: .5rem;
}

.nl-how-desc[b-8c7b8fnx4z] {
    font-size: .875rem;
    color: #71717a;
    line-height: 1.7;
}

.nl-how-connector[b-8c7b8fnx4z] {
    display: none;
}

@@media (min-width: 768px) {
    .nl-how-connector[b-8c7b8fnx4z] {
        display: flex;
        align-items: center;
        padding-top: 3rem;
        flex-shrink: 0;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   FEATURES GRID
═══════════════════════════════════════════════════════════════════ */
.nl-feat-grid[b-8c7b8fnx4z] {
    display: grid;
    gap: 1rem;
}

@@media (min-width: 640px) {
    .nl-feat-grid[b-8c7b8fnx4z] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@@media (min-width: 1024px) {
    .nl-feat-grid[b-8c7b8fnx4z] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.nl-feat-card[b-8c7b8fnx4z] {
    background: #fff;
    border-radius: .875rem;
    padding: 1.375rem;
    border: 1px solid #e4e4e7;
    transition: box-shadow .25s, border-color .25s;
}

    .nl-feat-card:hover[b-8c7b8fnx4z] {
        box-shadow: 0 4px 20px rgba(0,0,0,.07);
        border-color: #d1d5db;
    }

.nl-feat-header[b-8c7b8fnx4z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .875rem;
}

.nl-feat-icon[b-8c7b8fnx4z] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nl-feat-tag[b-8c7b8fnx4z] {
    font-size: .625rem;
    font-family: ui-monospace, monospace;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: .2rem .5rem;
    border-radius: .3rem;
    background: #f4f4f5;
    color: #71717a;
}

.nl-feat-tag-blue[b-8c7b8fnx4z] {
    background: rgba(37,99,235,.1);
    color: #2563eb;
}

.nl-feat-tag-green[b-8c7b8fnx4z] {
    background: rgba(34,197,94,.1);
    color: #16a34a;
}

.nl-feat-tag-purple[b-8c7b8fnx4z] {
    background: rgba(139,92,246,.1);
    color: #7c3aed;
}

.nl-feat-tag-yellow[b-8c7b8fnx4z] {
    background: rgba(234,179,8,.1);
    color: #ca8a04;
}

.nl-feat-tag-cyan[b-8c7b8fnx4z] {
    background: rgba(6,182,212,.1);
    color: #0891b2;
}

.nl-feat-tag-red[b-8c7b8fnx4z] {
    background: rgba(239,68,68,.1);
    color: #dc2626;
}

.nl-feat-tag-orange[b-8c7b8fnx4z] {
    background: rgba(249,115,22,.1);
    color: #ea580c;
}

.nl-feat-tag-indigo[b-8c7b8fnx4z] {
    background: rgba(99,102,241,.1);
    color: #4f46e5;
}

.nl-feat-tag-teal[b-8c7b8fnx4z] {
    background: rgba(20,184,166,.1);
    color: #0d9488;
}

.nl-feat-tag-pink[b-8c7b8fnx4z] {
    background: rgba(236,72,153,.1);
    color: #db2777;
}

.nl-feat-title[b-8c7b8fnx4z] {
    font-size: .9375rem;
    font-weight: 600;
    color: #09090b;
    margin-bottom: .375rem;
}

.nl-feat-desc[b-8c7b8fnx4z] {
    font-size: .875rem;
    color: #71717a;
    line-height: 1.65;
    margin-bottom: .875rem;
}

.nl-feat-pills[b-8c7b8fnx4z] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.nl-pill[b-8c7b8fnx4z] {
    font-size: .6875rem;
    font-family: ui-monospace, monospace;
    padding: .2rem .5rem;
    border-radius: .3rem;
    background: #f4f4f5;
    color: #71717a;
    border: 1px solid #e4e4e7;
}

/* ═══════════════════════════════════════════════════════════════════
   INTEGRATIONS (dark section)
═══════════════════════════════════════════════════════════════════ */
.nl-integrations-grid[b-8c7b8fnx4z] {
    display: grid;
    gap: 1rem;
    max-width: 60rem;
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
}

@@media (min-width: 640px) {
    .nl-integrations-grid[b-8c7b8fnx4z] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@@media (min-width: 1024px) {
    .nl-integrations-grid[b-8c7b8fnx4z] {
        grid-template-columns: repeat(6, 1fr);
    }
}

.nl-integration-card[b-8c7b8fnx4z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.5rem 1rem;
    background: rgba(255,255,255,.04);
    border-radius: .75rem;
    border: 1px solid rgba(255,255,255,.1);
    transition: background .2s, border-color .2s;
    gap: .625rem;
}

    .nl-integration-card:hover[b-8c7b8fnx4z] {
        background: rgba(255,255,255,.08);
        border-color: rgba(255,255,255,.2);
    }

.nl-integration-name[b-8c7b8fnx4z] {
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
}

.nl-integration-desc[b-8c7b8fnx4z] {
    font-size: .75rem;
    color: rgba(255,255,255,.45);
    line-height: 1.4;
}

/* ═══════════════════════════════════════════════════════════════════
   ROI / METRICS
═══════════════════════════════════════════════════════════════════ */
.nl-roi-grid[b-8c7b8fnx4z] {
    display: grid;
    gap: 1rem;
    max-width: 64rem;
    margin: 0 auto;
}

@@media (min-width: 640px) {
    .nl-roi-grid[b-8c7b8fnx4z] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@@media (min-width: 1024px) {
    .nl-roi-grid[b-8c7b8fnx4z] {
        grid-template-columns: repeat(4, 1fr);
    }
}

.nl-roi-card[b-8c7b8fnx4z] {
    background: linear-gradient(135deg, rgba(37,99,235,.05) 0%, rgba(124,58,237,.05) 100%);
    border: 1px solid rgba(37,99,235,.12);
    border-radius: .875rem;
    padding: 1.5rem;
    text-align: center;
    transition: box-shadow .25s;
}

    .nl-roi-card:hover[b-8c7b8fnx4z] {
        box-shadow: 0 4px 20px rgba(37,99,235,.1);
    }

.nl-roi-value[b-8c7b8fnx4z] {
    font-size: 2rem;
    font-weight: 800;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -.03em;
    margin-bottom: .375rem;
}

.nl-roi-label[b-8c7b8fnx4z] {
    font-size: .8125rem;
    font-weight: 600;
    color: #09090b;
    margin-bottom: .625rem;
}

.nl-roi-desc[b-8c7b8fnx4z] {
    font-size: .8125rem;
    color: #71717a;
    line-height: 1.6;
}

/* ═══════════════════════════════════════════════════════════════════
   FAQ
═══════════════════════════════════════════════════════════════════ */
.nl-faq[b-8c7b8fnx4z] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.nl-faq-item[b-8c7b8fnx4z] {
    background: #fff;
    border-radius: .625rem;
    border: 1px solid #e4e4e7;
    overflow: hidden;
    cursor: pointer;
    transition: border-color .15s;
}

    .nl-faq-item:hover[b-8c7b8fnx4z] {
        border-color: #a1a1aa;
    }

.nl-faq-open[b-8c7b8fnx4z] {
    border-color: #2563eb;
}

.nl-faq-q[b-8c7b8fnx4z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    font-size: .9375rem;
    font-weight: 600;
    color: #09090b;
    user-select: none;
}

.nl-faq-chevron[b-8c7b8fnx4z] {
    flex-shrink: 0;
    transition: transform .2s;
}

.nl-faq-open .nl-faq-chevron[b-8c7b8fnx4z] {
    transform: rotate(180deg);
}

.nl-faq-a[b-8c7b8fnx4z] {
    padding: 0 1.25rem 1rem;
    font-size: .9rem;
    color: #71717a;
    line-height: 1.75;
    border-top: 1px solid #f4f4f5;
    padding-top: .75rem;
}

/* ═══════════════════════════════════════════════════════════════════
   CTA (final)
═══════════════════════════════════════════════════════════════════ */
.nl-cta[b-8c7b8fnx4z] {
    padding: 6rem 1.5rem;
    background: linear-gradient(135deg, #1e3a8a 0%, #312e81 50%, #1e1b4b 100%);
    text-align: center;
}

@@media (min-width: 768px) {
    .nl-cta[b-8c7b8fnx4z] {
        padding: 8rem 1.5rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════════════════════ */
.nl-footer[b-8c7b8fnx4z] {
    border-top: 1px solid rgba(228,228,231,.6);
    padding: 2rem 1.5rem;
}

.nl-footer-inner[b-8c7b8fnx4z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    max-width: 80rem;
    margin: 0 auto;
}

.nl-footer-left[b-8c7b8fnx4z] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.nl-footer-copy[b-8c7b8fnx4z] {
    font-size: .75rem;
    color: #71717a;
}

.nl-footer-links[b-8c7b8fnx4z] {
    display: flex;
    gap: 1.25rem;
}

.nl-footer-link[b-8c7b8fnx4z] {
    font-size: .8125rem;
    color: #71717a;
    text-decoration: none;
    transition: color .15s;
}

    .nl-footer-link:hover[b-8c7b8fnx4z] {
        color: #09090b;
    }
/* /Pages/Landing.razor.rz.scp.css */
/* ─── Reset & Base ─────────────────────────────────────────────── */
.lp *[b-dj23a2l6ya] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.lp[b-dj23a2l6ya] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: #fff;
    color: #09090b;
    line-height: 1.5;
}

/* ─── Keyframes ─────────────────────────────────────────────────── */
@@keyframes fadeUp {
    from[b-dj23a2l6ya] {
        opacity: 0;
        transform: translateY(8px);
    }

    to[b-dj23a2l6ya] {
        opacity: 1;
        transform: translateY(0);
    }
}

@@keyframes spin {
    to[b-dj23a2l6ya] {
        transform: rotate(360deg);
    }
}

.lp-fade-up-0[b-dj23a2l6ya] {
    animation: fadeUp .5s cubic-bezier(.2,0,0,1) 0ms both;
}

.lp-fade-up-1[b-dj23a2l6ya] {
    animation: fadeUp .5s cubic-bezier(.2,0,0,1) 100ms both;
}

.lp-fade-up-2[b-dj23a2l6ya] {
    animation: fadeUp .5s cubic-bezier(.2,0,0,1) 200ms both;
}

.lp-fade-up-3[b-dj23a2l6ya] {
    animation: fadeUp .5s cubic-bezier(.2,0,0,1) 300ms both;
}

.lp-spin[b-dj23a2l6ya] {
    animation: spin .8s linear infinite;
}

/* ─── Utilities ─────────────────────────────────────────────────── */
.lp-container[b-dj23a2l6ya] {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.lp-container-md[b-dj23a2l6ya] {
    max-width: 48rem;
}

.lp-container-sm[b-dj23a2l6ya] {
    max-width: 40rem;
}

.lp-text-center[b-dj23a2l6ya] {
    text-align: center;
}

/* ─── Navbar ─────────────────────────────────────────────────────── */
.lp-nav[b-dj23a2l6ya] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255,255,255,.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(228,228,231,.5);
    height: 56px;
}

.lp-nav-inner[b-dj23a2l6ya] {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 1.5rem;
    gap: 1.5rem;
}

.lp-logo[b-dj23a2l6ya] {
    font-size: .9375rem;
    font-weight: 600;
    letter-spacing: -.02em;
    color: #09090b;
    text-decoration: none;
    white-space: nowrap;
}

    .lp-logo img[b-dj23a2l6ya] {
        height: 28px;
        object-fit: contain;
        vertical-align: middle;
        margin-right: .35rem;
    }

.lp-nav-links[b-dj23a2l6ya] {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    margin-left: .5rem;
}

.lp-nav-link[b-dj23a2l6ya] {
    font-size: .875rem;
    color: #71717a;
    text-decoration: none;
    transition: color .2s cubic-bezier(.2,0,0,1);
}

    .lp-nav-link:hover[b-dj23a2l6ya] {
        color: #09090b;
    }

.lp-spacer[b-dj23a2l6ya] {
    flex: 1;
}

.lp-nav-actions[b-dj23a2l6ya] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

/* ─── Buttons ─────────────────────────────────────────────────────── */
.lp-btn[b-dj23a2l6ya] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .375rem .875rem;
    font-size: .875rem;
    font-weight: 500;
    border-radius: .5rem;
    border: none;
    cursor: pointer;
    transition: transform .2s cubic-bezier(.2,0,0,1), box-shadow .2s cubic-bezier(.2,0,0,1);
    text-decoration: none;
    line-height: 1;
}

    .lp-btn:hover[b-dj23a2l6ya] {
        transform: translateY(-1px);
    }

    .lp-btn:active[b-dj23a2l6ya] {
        transform: scale(.98);
    }

.lp-btn-primary[b-dj23a2l6ya] {
    background: #2563eb;
    color: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.05);
}

    .lp-btn-primary:hover[b-dj23a2l6ya] {
        box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 4px 8px rgba(0,0,0,.06), 0 16px 32px rgba(0,0,0,.06);
    }

.lp-btn-secondary[b-dj23a2l6ya] {
    background: #f4f4f5;
    color: #09090b;
}

    .lp-btn-secondary:hover[b-dj23a2l6ya] {
        box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.05);
    }

.lp-btn-lg[b-dj23a2l6ya] {
    padding: .625rem 1.25rem;
    font-size: .875rem;
}

.lp-btn-sm[b-dj23a2l6ya] {
    padding: .3125rem .75rem;
    font-size: .8125rem;
}

.lp-btn:disabled[b-dj23a2l6ya] {
    opacity: .5;
    cursor: not-allowed;
    transform: none !important;
}

/* ─── Hero ───────────────────────────────────────────────────────── */
.lp-hero[b-dj23a2l6ya] {
    padding: 5rem 1.5rem 4rem;
}

@@media (min-width: 768px) {
    .lp-hero[b-dj23a2l6ya] {
        padding: 7rem 1.5rem 6rem;
    }
}

.lp-hero-inner[b-dj23a2l6ya] {
    max-width: 48rem;
    margin: 0 auto;
    text-align: center;
}

.lp-h1[b-dj23a2l6ya] {
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 1.1;
    color: #09090b;
}

@@media (min-width: 768px) {
    .lp-h1[b-dj23a2l6ya] {
        font-size: 3rem;
    }
}

@@media (min-width: 1024px) {
    .lp-h1[b-dj23a2l6ya] {
        font-size: 3.75rem;
    }
}

.lp-subtitle[b-dj23a2l6ya] {
    margin-top: 1.25rem;
    font-size: 1rem;
    color: #71717a;
    line-height: 1.75;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
}

@@media (min-width: 768px) {
    .lp-subtitle[b-dj23a2l6ya] {
        font-size: 1.125rem;
    }
}

.lp-hero-ctas[b-dj23a2l6ya] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

@@media (min-width: 640px) {
    .lp-hero-ctas[b-dj23a2l6ya] {
        flex-direction: row;
    }
}

/* ─── Stats ──────────────────────────────────────────────────────── */
.lp-stats[b-dj23a2l6ya] {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.5rem;
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
}

.lp-stat-value[b-dj23a2l6ya] {
    font-size: 1.25rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #09090b;
}

@@media (min-width: 768px) {
    .lp-stat-value[b-dj23a2l6ya] {
        font-size: 1.5rem;
    }
}

.lp-stat-label[b-dj23a2l6ya] {
    font-size: .6875rem;
    color: #71717a;
    margin-top: .25rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}

/* ─── Sections ───────────────────────────────────────────────────── */
.lp-section[b-dj23a2l6ya] {
    padding: 4rem 1.5rem;
}

@@media (min-width: 768px) {
    .lp-section[b-dj23a2l6ya] {
        padding: 6rem 1.5rem;
    }
}

.lp-section-muted[b-dj23a2l6ya] {
    background: rgba(244,244,245,.3);
}

.lp-section-header[b-dj23a2l6ya] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.lp-h2[b-dj23a2l6ya] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #09090b;
}

@@media (min-width: 768px) {
    .lp-h2[b-dj23a2l6ya] {
        font-size: 1.875rem;
    }
}

.lp-section-sub[b-dj23a2l6ya] {
    margin-top: .75rem;
    color: #71717a;
    font-size: .9375rem;
}

/* ─── Cards ──────────────────────────────────────────────────────── */
.lp-card[b-dj23a2l6ya] {
    background: #fff;
    border-radius: .75rem;
    padding: 1rem;
    box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.05), 0 4px 12px rgba(0,0,0,.05);
    transition: box-shadow .7s cubic-bezier(.2,0,0,1), background .7s cubic-bezier(.2,0,0,1);
}

    .lp-card:hover[b-dj23a2l6ya] {
        box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 4px 8px rgba(0,0,0,.06), 0 16px 32px rgba(0,0,0,.06);
        background: rgba(244,244,245,.3);
    }

.lp-card-p5[b-dj23a2l6ya] {
    padding: 1.25rem;
}

/* ─── Grid layouts ───────────────────────────────────────────────── */
.lp-grid-3[b-dj23a2l6ya] {
    display: grid;
    gap: 1rem;
    max-width: 80rem;
    margin: 0 auto;
}

@@media (min-width: 768px) {
    .lp-grid-3[b-dj23a2l6ya] {
        grid-template-columns: repeat(3,1fr);
    }
}

.lp-grid-2[b-dj23a2l6ya] {
    display: grid;
    gap: 1rem;
    max-width: 48rem;
    margin: 0 auto;
}

@@media (min-width: 640px) {
    .lp-grid-2[b-dj23a2l6ya] {
        grid-template-columns: repeat(2,1fr);
    }
}

/* ─── Card header (icon + label) ─────────────────────────────────── */
.lp-card-header[b-dj23a2l6ya] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
}

.lp-card-label[b-dj23a2l6ya] {
    font-size: .6875rem;
    font-family: ui-monospace, monospace;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #71717a;
}

/* ─── Mono code box ──────────────────────────────────────────────── */
.lp-code-box[b-dj23a2l6ya] {
    background: #f4f4f5;
    border-radius: .5rem;
    padding: .75rem;
    font-family: ui-monospace, monospace;
    font-size: .8125rem;
    line-height: 1.5;
    color: rgba(9,9,11,.8);
}

/* ─── Pills ──────────────────────────────────────────────────────── */
.lp-pills[b-dj23a2l6ya] {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
    margin-top: .75rem;
}

.lp-pill[b-dj23a2l6ya] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .25rem .625rem;
    font-size: .75rem;
    font-family: ui-monospace, monospace;
    font-weight: 500;
    border-radius: .375rem;
    background: #f4f4f5;
    color: #71717a;
    box-shadow: 0 0 0 1px rgba(0,0,0,.10);
}

.lp-pill-blue[b-dj23a2l6ya] {
    background: rgba(37,99,235,.1);
    color: #2563eb;
}

.lp-pill-green[b-dj23a2l6ya] {
    background: rgba(34,197,94,.1);
    color: #16a34a;
}

.lp-pill-yellow[b-dj23a2l6ya] {
    background: rgba(234,179,8,.1);
    color: #ca8a04;
}

/* ─── Status badge ───────────────────────────────────────────────── */
.lp-badge[b-dj23a2l6ya] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .25rem .625rem;
    border-radius: .375rem;
    font-size: .75rem;
    font-family: ui-monospace, monospace;
}

/* ─── Output table ───────────────────────────────────────────────── */
.lp-table-wrap[b-dj23a2l6ya] {
    border-radius: .5rem;
    overflow: hidden;
    border: 1px solid rgba(228,228,231,.5);
}

.lp-table-head[b-dj23a2l6ya] {
    background: rgba(244,244,245,.5);
    padding: .375rem .75rem;
    display: flex;
    justify-content: space-between;
}

.lp-table-head-cell[b-dj23a2l6ya] {
    font-size: .6875rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(9,9,11,.5);
}

.lp-table-row[b-dj23a2l6ya] {
    display: flex;
    justify-content: space-between;
    padding: .625rem .75rem;
    border-top: 1px solid rgba(228,228,231,.3);
    transition: background .15s;
}

    .lp-table-row:hover[b-dj23a2l6ya] {
        background: rgba(37,99,235,.02);
    }

.lp-table-field[b-dj23a2l6ya] {
    font-size: .75rem;
    font-family: ui-monospace, monospace;
    color: #71717a;
}

.lp-table-value[b-dj23a2l6ya] {
    font-size: .75rem;
    font-family: ui-monospace, monospace;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

/* ─── Pipeline steps ─────────────────────────────────────────────── */
.lp-pipeline[b-dj23a2l6ya] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: .75rem 1rem;
    background: rgba(244,244,245,.3);
    border-bottom: 1px solid rgba(228,228,231,.5);
}

.lp-step[b-dj23a2l6ya] {
    display: flex;
    align-items: center;
    gap: .375rem;
    font-size: .75rem;
    font-family: ui-monospace, monospace;
    transition: color .3s;
}

.lp-step-future[b-dj23a2l6ya] {
    color: rgba(113,113,122,.4);
}

.lp-step-active[b-dj23a2l6ya] {
    color: #2563eb;
}

.lp-step-done[b-dj23a2l6ya] {
    color: #16a34a;
}

/* ─── Icon circle (feature cards) ───────────────────────────────── */
.lp-icon-circle[b-dj23a2l6ya] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .5rem;
    background: rgba(37,99,235,.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .75rem;
    flex-shrink: 0;
}

.lp-h3[b-dj23a2l6ya] {
    font-size: .875rem;
    font-weight: 600;
    color: #09090b;
}

.lp-card-desc[b-dj23a2l6ya] {
    margin-top: .375rem;
    font-size: .875rem;
    color: #71717a;
    line-height: 1.625;
}

/* ─── Setup steps ────────────────────────────────────────────────── */
.lp-steps[b-dj23a2l6ya] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    max-width: 48rem;
    margin: 0 auto;
}

@@media (min-width: 768px) {
    .lp-steps[b-dj23a2l6ya] {
        flex-direction: row;
        align-items: flex-start;
    }
}

.lp-step-item[b-dj23a2l6ya] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.lp-step-num[b-dj23a2l6ya] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 9999px;
    background: #2563eb;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: .75rem;
    flex-shrink: 0;
}

.lp-step-connector[b-dj23a2l6ya] {
    display: none;
}

@@media (min-width: 768px) {
    .lp-step-connector[b-dj23a2l6ya] {
        display: block;
        flex: 0 0 2rem;
        height: 1px;
        background: #e4e4e7;
        margin-top: 1.25rem;
    }
}

.lp-step-title[b-dj23a2l6ya] {
    font-size: .875rem;
    font-weight: 600;
    color: #09090b;
}

.lp-step-desc[b-dj23a2l6ya] {
    margin-top: .25rem;
    font-size: .875rem;
    color: #71717a;
}

/* ─── CTA section ────────────────────────────────────────────────── */
.lp-cta[b-dj23a2l6ya] {
    padding: 5rem 1.5rem;
    text-align: center;
}

@@media (min-width: 768px) {
    .lp-cta[b-dj23a2l6ya] {
        padding: 7rem 1.5rem;
    }
}

/* ─── Footer ─────────────────────────────────────────────────────── */
.lp-footer[b-dj23a2l6ya] {
    border-top: 1px solid rgba(228,228,231,.5);
    padding: 2rem 1.5rem;
}

.lp-footer-inner[b-dj23a2l6ya] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .75rem;
    color: #71717a;
}

.lp-footer-brand[b-dj23a2l6ya] {
    font-family: ui-monospace, monospace;
}

/* ─── Demo textarea ──────────────────────────────────────────────── */
.lp-textarea[b-dj23a2l6ya] {
    width: 100%;
    background: #f4f4f5;
    border-radius: .5rem;
    padding: .75rem;
    font-size: .875rem;
    font-family: ui-monospace, monospace;
    color: rgba(9,9,11,.8);
    resize: none;
    height: 5rem;
    border: none;
    outline: none;
    transition: box-shadow .15s;
}

    .lp-textarea:focus[b-dj23a2l6ya] {
        box-shadow: 0 0 0 1px rgba(37,99,235,.3);
    }

    .lp-textarea[b-dj23a2l6ya]::placeholder {
        color: rgba(113,113,122,.5);
    }

.lp-demo-panel-top[b-dj23a2l6ya] {
    padding: 1rem;
    border-bottom: 1px solid rgba(228,228,231,.5);
}

.lp-demo-panel-out[b-dj23a2l6ya] {
    padding: 1rem;
}

.lp-demo-actions[b-dj23a2l6ya] {
    margin-top: .5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

.lp-example-btn[b-dj23a2l6ya] {
    font-size: .6875rem;
    font-family: ui-monospace, monospace;
    padding: .25rem .5rem;
    border-radius: .375rem;
    background: #f4f4f5;
    color: #71717a;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: color .15s;
}

    .lp-example-btn:hover[b-dj23a2l6ya] {
        color: #09090b;
    }

/* ─── SVG icons ──────────────────────────────────────────────────── */
.lp-icon[b-dj23a2l6ya] {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}
/* /Pages/Newlanding.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   RESET & BASE
═══════════════════════════════════════════════════════════════════ */
.nl *[b-hfrzjl2x65] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.nl[b-hfrzjl2x65] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: #fff;
    color: #09090b;
    line-height: 1.5;
}

/* ═══════════════════════════════════════════════════════════════════
   KEYFRAMES
═══════════════════════════════════════════════════════════════════ */
@@keyframes nlFadeUp {
    from[b-hfrzjl2x65] { opacity: 0; transform: translateY(10px); }
    to[b-hfrzjl2x65]   { opacity: 1; transform: translateY(0); }
}

@@keyframes nlSpin {
    to[b-hfrzjl2x65] { transform: rotate(360deg); }
}

.nl-fade-up-0[b-hfrzjl2x65] { animation: nlFadeUp .55s cubic-bezier(.2,0,0,1) 0ms   both; }
.nl-fade-up-1[b-hfrzjl2x65] { animation: nlFadeUp .55s cubic-bezier(.2,0,0,1) 80ms  both; }
.nl-fade-up-2[b-hfrzjl2x65] { animation: nlFadeUp .55s cubic-bezier(.2,0,0,1) 160ms both; }
.nl-fade-up-3[b-hfrzjl2x65] { animation: nlFadeUp .55s cubic-bezier(.2,0,0,1) 240ms both; }
.nl-fade-up-4[b-hfrzjl2x65] { animation: nlFadeUp .55s cubic-bezier(.2,0,0,1) 320ms both; }

/* ═══════════════════════════════════════════════════════════════════
   UTILITIES
═══════════════════════════════════════════════════════════════════ */
.nl-container[b-hfrzjl2x65] {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.nl-container-md[b-hfrzjl2x65] { max-width: 52rem; }
.nl-container-sm[b-hfrzjl2x65] { max-width: 40rem; }

/* ═══════════════════════════════════════════════════════════════════
   NAVBAR
═══════════════════════════════════════════════════════════════════ */
.nl-nav[b-hfrzjl2x65] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255,255,255,.85);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(228,228,231,.6);
    height: 58px;
}

.nl-nav-inner[b-hfrzjl2x65] {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 1.5rem;
    gap: 1.5rem;
    max-width: 80rem;
    margin: 0 auto;
}

.nl-logo[b-hfrzjl2x65] {
    font-size: .9375rem;
    font-weight: 600;
    letter-spacing: -.02em;
    color: #09090b;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}

    .nl-logo img[b-hfrzjl2x65] {
        height: 28px;
        object-fit: contain;
        vertical-align: middle;
        margin-right: .35rem;
    }

.nl-nav-links[b-hfrzjl2x65] {
    display: flex;
    gap: 1.25rem;
    align-items: center;
}

.nl-nav-link[b-hfrzjl2x65] {
    font-size: .875rem;
    color: #71717a;
    text-decoration: none;
    transition: color .15s;
}

    .nl-nav-link:hover[b-hfrzjl2x65] { color: #09090b; }

.nl-spacer[b-hfrzjl2x65] { flex: 1; }

.nl-nav-actions[b-hfrzjl2x65] {
    display: flex;
    align-items: center;
    gap: .625rem;
}

/* ═══════════════════════════════════════════════════════════════════
   BUTTONS
═══════════════════════════════════════════════════════════════════ */
.nl-btn[b-hfrzjl2x65] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .375rem .875rem;
    font-size: .875rem;
    font-weight: 500;
    border-radius: .5rem;
    border: none;
    cursor: pointer;
    transition: transform .2s cubic-bezier(.2,0,0,1), box-shadow .2s cubic-bezier(.2,0,0,1), background .15s;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
}

    .nl-btn:hover[b-hfrzjl2x65]  { transform: translateY(-1px); }
    .nl-btn:active[b-hfrzjl2x65] { transform: scale(.98); }

.nl-btn-primary[b-hfrzjl2x65] {
    background: #2563eb;
    color: #fff;
    box-shadow: 0 0 0 1px rgba(37,99,235,.2), 0 1px 3px rgba(0,0,0,.08), 0 4px 12px rgba(37,99,235,.15);
}

    .nl-btn-primary:hover[b-hfrzjl2x65] {
        background: #1d4ed8;
        box-shadow: 0 0 0 1px rgba(37,99,235,.25), 0 4px 16px rgba(37,99,235,.25);
    }

.nl-btn-secondary[b-hfrzjl2x65] {
    background: #f4f4f5;
    color: #09090b;
}

    .nl-btn-secondary:hover[b-hfrzjl2x65] { background: #e4e4e7; }

.nl-btn-ghost[b-hfrzjl2x65] {
    background: transparent;
    color: #71717a;
}

    .nl-btn-ghost:hover[b-hfrzjl2x65] { background: #f4f4f5; color: #09090b; }

.nl-btn-white[b-hfrzjl2x65] {
    background: #fff;
    color: #09090b;
    box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.12);
}

    .nl-btn-white:hover[b-hfrzjl2x65] { box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 4px 16px rgba(0,0,0,.15); }

.nl-btn-ghost-white[b-hfrzjl2x65] {
    background: transparent;
    color: rgba(255,255,255,.8);
    border: 1px solid rgba(255,255,255,.25);
}

    .nl-btn-ghost-white:hover[b-hfrzjl2x65] { background: rgba(255,255,255,.1); color: #fff; }

.nl-btn-lg[b-hfrzjl2x65] { padding: .625rem 1.375rem; font-size: .9375rem; }
.nl-btn-sm[b-hfrzjl2x65] { padding: .3125rem .75rem;  font-size: .8125rem; }

/* ═══════════════════════════════════════════════════════════════════
   HERO
═══════════════════════════════════════════════════════════════════ */
.nl-hero[b-hfrzjl2x65] {
    padding: 5rem 1.5rem 4rem;
    background: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(37,99,235,.06) 0%, transparent 70%);
}

@@media (min-width: 768px) {
    .nl-hero[b-hfrzjl2x65] { padding: 7.5rem 1.5rem 6rem; }
}

.nl-hero-inner[b-hfrzjl2x65] {
    max-width: 52rem;
    margin: 0 auto;
    text-align: center;
}

.nl-badge[b-hfrzjl2x65] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .3rem .75rem;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: rgba(37,99,235,.08);
    color: #2563eb;
    border-radius: 9999px;
    border: 1px solid rgba(37,99,235,.15);
    margin-bottom: 1.5rem;
}

.nl-h1[b-hfrzjl2x65] {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.08;
    color: #09090b;
}

@@media (min-width: 768px)  { .nl-h1[b-hfrzjl2x65] { font-size: 3.25rem; } }
@@media (min-width: 1024px) { .nl-h1[b-hfrzjl2x65] { font-size: 4rem;    } }

.nl-h1-accent[b-hfrzjl2x65] {
    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.nl-subtitle[b-hfrzjl2x65] {
    margin-top: 1.5rem;
    font-size: 1rem;
    color: #71717a;
    line-height: 1.8;
    max-width: 46rem;
    margin-left: auto;
    margin-right: auto;
}

@@media (min-width: 768px) { .nl-subtitle[b-hfrzjl2x65] { font-size: 1.125rem; } }

.nl-hero-ctas[b-hfrzjl2x65] {
    margin-top: 2.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

@@media (min-width: 640px) { .nl-hero-ctas[b-hfrzjl2x65] { flex-direction: row; } }

/* ─── Trust row ─────────────────────────────────────────────────── */
.nl-trust-row[b-hfrzjl2x65] {
    margin-top: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-wrap: wrap;
}

.nl-trust-stat[b-hfrzjl2x65] {
    padding: .75rem 1.75rem;
    text-align: center;
}

.nl-trust-value[b-hfrzjl2x65] {
    font-size: 1.375rem;
    font-weight: 700;
    color: #09090b;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.02em;
}

@@media (min-width: 768px) { .nl-trust-value[b-hfrzjl2x65] { font-size: 1.625rem; } }

.nl-trust-label[b-hfrzjl2x65] {
    font-size: .6875rem;
    color: #71717a;
    margin-top: .25rem;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.nl-trust-divider[b-hfrzjl2x65] {
    width: 1px;
    height: 2.5rem;
    background: #e4e4e7;
    flex-shrink: 0;
}

@@media (max-width: 639px) { .nl-trust-divider[b-hfrzjl2x65] { display: none; } }

/* ═══════════════════════════════════════════════════════════════════
   SECTIONS
═══════════════════════════════════════════════════════════════════ */
.nl-section[b-hfrzjl2x65] {
    padding: 5rem 1.5rem;
}

@@media (min-width: 768px) { .nl-section[b-hfrzjl2x65] { padding: 7rem 1.5rem; } }

.nl-section-muted[b-hfrzjl2x65]  { background: rgba(244,244,245,.35); }

.nl-section-dark[b-hfrzjl2x65] {
    background: #0f172a;
}

.nl-section-header[b-hfrzjl2x65] {
    text-align: center;
    margin-bottom: 3rem;
}

.nl-h2[b-hfrzjl2x65] {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: -.025em;
    color: #09090b;
    line-height: 1.2;
}

@@media (min-width: 768px) { .nl-h2[b-hfrzjl2x65] { font-size: 2rem; } }

.nl-section-sub[b-hfrzjl2x65] {
    margin-top: .875rem;
    color: #71717a;
    font-size: .9375rem;
    line-height: 1.7;
}

/* ═══════════════════════════════════════════════════════════════════
   PAIN POINTS
═══════════════════════════════════════════════════════════════════ */
.nl-pain-grid[b-hfrzjl2x65] {
    display: grid;
    gap: 1rem;
    max-width: 80rem;
    margin: 0 auto;
}

@@media (min-width: 768px) { .nl-pain-grid[b-hfrzjl2x65] { grid-template-columns: repeat(3,1fr); } }

.nl-pain-card[b-hfrzjl2x65] {
    background: #fff;
    border-radius: .875rem;
    padding: 1.5rem;
    box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.05);
    transition: box-shadow .3s;
}

    .nl-pain-card:hover[b-hfrzjl2x65] { box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.08); }

.nl-pain-icon[b-hfrzjl2x65] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.nl-pain-icon-red[b-hfrzjl2x65]    { background: rgba(239,68,68,.1);  color: #dc2626; }
.nl-pain-icon-orange[b-hfrzjl2x65] { background: rgba(249,115,22,.1); color: #ea580c; }
.nl-pain-icon-yellow[b-hfrzjl2x65] { background: rgba(234,179,8,.1);  color: #ca8a04; }

.nl-pain-title[b-hfrzjl2x65] {
    font-size: .9375rem;
    font-weight: 600;
    color: #09090b;
    margin-bottom: .5rem;
}

.nl-pain-desc[b-hfrzjl2x65] {
    font-size: .875rem;
    color: #71717a;
    line-height: 1.65;
    margin-bottom: 1rem;
}

.nl-pain-arrow[b-hfrzjl2x65] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    font-size: .8125rem;
    color: #2563eb;
    font-weight: 500;
}

/* ═══════════════════════════════════════════════════════════════════
   USE CASES
═══════════════════════════════════════════════════════════════════ */
.nl-tabs[b-hfrzjl2x65] {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
    margin-bottom: 2rem;
    justify-content: center;
}

.nl-tab[b-hfrzjl2x65] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4375rem 1rem;
    font-size: .8125rem;
    font-weight: 500;
    border-radius: .5rem;
    border: 1px solid #e4e4e7;
    background: #fff;
    color: #71717a;
    cursor: pointer;
    transition: all .15s;
}

    .nl-tab:hover[b-hfrzjl2x65] { border-color: #a1a1aa; color: #09090b; }

.nl-tab-active[b-hfrzjl2x65] {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff !important;
    box-shadow: 0 1px 3px rgba(37,99,235,.3);
}

.nl-usecase-panel[b-hfrzjl2x65] {
    display: grid;
    gap: 2rem;
    background: #fff;
    border-radius: 1rem;
    border: 1px solid #e4e4e7;
    overflow: hidden;
}

@@media (min-width: 768px) {
    .nl-usecase-panel[b-hfrzjl2x65] { grid-template-columns: 1fr 1fr; }
}

.nl-usecase-left[b-hfrzjl2x65] {
    padding: 2rem;
    display: flex;
    flex-direction: column;
}

.nl-usecase-badge[b-hfrzjl2x65] {
    display: inline-block;
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2563eb;
    background: rgba(37,99,235,.08);
    border-radius: .375rem;
    padding: .25rem .625rem;
    margin-bottom: .875rem;
    width: fit-content;
}

.nl-usecase-title[b-hfrzjl2x65] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #09090b;
    letter-spacing: -.02em;
    margin-bottom: .875rem;
    line-height: 1.3;
}

.nl-usecase-desc[b-hfrzjl2x65] {
    font-size: .9rem;
    color: #71717a;
    line-height: 1.75;
    flex: 1;
}

.nl-usecase-outcomes[b-hfrzjl2x65] {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.nl-outcome-row[b-hfrzjl2x65] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    font-size: .875rem;
    color: #09090b;
}

.nl-usecase-right[b-hfrzjl2x65] {
    background: rgba(244,244,245,.5);
    padding: 1.5rem;
    border-left: 1px solid #e4e4e7;
    display: flex;
    align-items: flex-start;
}

/* ─── Workflow visualization ───────────────────────────────────── */
.nl-workflow-viz[b-hfrzjl2x65] {
    width: 100%;
}

.nl-wf-title[b-hfrzjl2x65] {
    display: flex;
    align-items: center;
    gap: .375rem;
    font-size: .6875rem;
    font-family: ui-monospace, monospace;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #71717a;
    margin-bottom: 1rem;
}

.nl-wf-nodes[b-hfrzjl2x65] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.nl-wf-node[b-hfrzjl2x65] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .625rem .875rem;
    background: #fff;
    border-radius: .625rem;
    border: 1px solid #e4e4e7;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}

.nl-wf-node-icon[b-hfrzjl2x65] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nl-wf-node-blue   .nl-wf-node-icon[b-hfrzjl2x65] { background: rgba(37,99,235,.1);   color: #2563eb; }
.nl-wf-node-green  .nl-wf-node-icon[b-hfrzjl2x65] { background: rgba(34,197,94,.1);   color: #16a34a; }
.nl-wf-node-purple .nl-wf-node-icon[b-hfrzjl2x65] { background: rgba(139,92,246,.1);  color: #7c3aed; }
.nl-wf-node-orange .nl-wf-node-icon[b-hfrzjl2x65] { background: rgba(249,115,22,.1);  color: #ea580c; }
.nl-wf-node-yellow .nl-wf-node-icon[b-hfrzjl2x65] { background: rgba(234,179,8,.1);   color: #ca8a04; }
.nl-wf-node-cyan   .nl-wf-node-icon[b-hfrzjl2x65] { background: rgba(6,182,212,.1);   color: #0891b2; }
.nl-wf-node-red    .nl-wf-node-icon[b-hfrzjl2x65] { background: rgba(239,68,68,.1);   color: #dc2626; }
.nl-wf-node-pink   .nl-wf-node-icon[b-hfrzjl2x65] { background: rgba(236,72,153,.1);  color: #db2777; }
.nl-wf-node-teal   .nl-wf-node-icon[b-hfrzjl2x65] { background: rgba(20,184,166,.1);  color: #0d9488; }
.nl-wf-node-gray   .nl-wf-node-icon[b-hfrzjl2x65] { background: rgba(113,113,122,.1); color: #52525b; }

.nl-wf-node-name[b-hfrzjl2x65] {
    font-size: .8125rem;
    font-weight: 600;
    color: #09090b;
}

.nl-wf-node-sub[b-hfrzjl2x65] {
    font-size: .75rem;
    color: #71717a;
    margin-top: .1rem;
}

.nl-wf-arrow[b-hfrzjl2x65] {
    display: flex;
    justify-content: center;
    padding: .1rem 0;
    color: #d1d5db;
}

/* ═══════════════════════════════════════════════════════════════════
   HOW IT WORKS
═══════════════════════════════════════════════════════════════════ */
.nl-how-grid[b-hfrzjl2x65] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem;
    max-width: 56rem;
    margin: 0 auto;
}

@@media (min-width: 768px) {
    .nl-how-grid[b-hfrzjl2x65] {
        flex-direction: row;
        align-items: flex-start;
    }
}

.nl-how-card[b-hfrzjl2x65] {
    flex: 1;
    background: #fff;
    border-radius: .875rem;
    padding: 1.75rem;
    box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.05);
    position: relative;
}

.nl-how-num[b-hfrzjl2x65] {
    font-size: .6875rem;
    font-family: ui-monospace, monospace;
    font-weight: 700;
    color: #2563eb;
    letter-spacing: .06em;
    margin-bottom: .875rem;
}

.nl-how-icon[b-hfrzjl2x65] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .625rem;
    background: rgba(37,99,235,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.nl-how-title[b-hfrzjl2x65] {
    font-size: .9375rem;
    font-weight: 700;
    color: #09090b;
    margin-bottom: .5rem;
}

.nl-how-desc[b-hfrzjl2x65] {
    font-size: .875rem;
    color: #71717a;
    line-height: 1.7;
}

.nl-how-connector[b-hfrzjl2x65] {
    display: none;
}

@@media (min-width: 768px) {
    .nl-how-connector[b-hfrzjl2x65] {
        display: flex;
        align-items: center;
        padding-top: 3rem;
        flex-shrink: 0;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   FEATURES GRID
═══════════════════════════════════════════════════════════════════ */
.nl-feat-grid[b-hfrzjl2x65] {
    display: grid;
    gap: 1rem;
}

@@media (min-width: 640px)  { .nl-feat-grid[b-hfrzjl2x65] { grid-template-columns: repeat(2, 1fr); } }
@@media (min-width: 1024px) { .nl-feat-grid[b-hfrzjl2x65] { grid-template-columns: repeat(3, 1fr); } }

.nl-feat-card[b-hfrzjl2x65] {
    background: #fff;
    border-radius: .875rem;
    padding: 1.375rem;
    border: 1px solid #e4e4e7;
    transition: box-shadow .25s, border-color .25s;
}

    .nl-feat-card:hover[b-hfrzjl2x65] {
        box-shadow: 0 4px 20px rgba(0,0,0,.07);
        border-color: #d1d5db;
    }

.nl-feat-header[b-hfrzjl2x65] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .875rem;
}

.nl-feat-icon[b-hfrzjl2x65] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.nl-feat-tag[b-hfrzjl2x65] {
    font-size: .625rem;
    font-family: ui-monospace, monospace;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: .2rem .5rem;
    border-radius: .3rem;
    background: #f4f4f5;
    color: #71717a;
}

.nl-feat-tag-blue[b-hfrzjl2x65]    { background: rgba(37,99,235,.1);  color: #2563eb; }
.nl-feat-tag-green[b-hfrzjl2x65]   { background: rgba(34,197,94,.1);  color: #16a34a; }
.nl-feat-tag-purple[b-hfrzjl2x65]  { background: rgba(139,92,246,.1); color: #7c3aed; }
.nl-feat-tag-yellow[b-hfrzjl2x65]  { background: rgba(234,179,8,.1);  color: #ca8a04; }
.nl-feat-tag-cyan[b-hfrzjl2x65]    { background: rgba(6,182,212,.1);  color: #0891b2; }
.nl-feat-tag-red[b-hfrzjl2x65]     { background: rgba(239,68,68,.1);  color: #dc2626; }
.nl-feat-tag-orange[b-hfrzjl2x65]  { background: rgba(249,115,22,.1); color: #ea580c; }
.nl-feat-tag-indigo[b-hfrzjl2x65]  { background: rgba(99,102,241,.1); color: #4f46e5; }
.nl-feat-tag-teal[b-hfrzjl2x65]    { background: rgba(20,184,166,.1); color: #0d9488; }
.nl-feat-tag-pink[b-hfrzjl2x65]    { background: rgba(236,72,153,.1); color: #db2777; }

.nl-feat-title[b-hfrzjl2x65] {
    font-size: .9375rem;
    font-weight: 600;
    color: #09090b;
    margin-bottom: .375rem;
}

.nl-feat-desc[b-hfrzjl2x65] {
    font-size: .875rem;
    color: #71717a;
    line-height: 1.65;
    margin-bottom: .875rem;
}

.nl-feat-pills[b-hfrzjl2x65] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.nl-pill[b-hfrzjl2x65] {
    font-size: .6875rem;
    font-family: ui-monospace, monospace;
    padding: .2rem .5rem;
    border-radius: .3rem;
    background: #f4f4f5;
    color: #71717a;
    border: 1px solid #e4e4e7;
}

/* ═══════════════════════════════════════════════════════════════════
   INTEGRATIONS (dark section)
═══════════════════════════════════════════════════════════════════ */
.nl-integrations-grid[b-hfrzjl2x65] {
    display: grid;
    gap: 1rem;
    max-width: 60rem;
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
}

@@media (min-width: 640px)  { .nl-integrations-grid[b-hfrzjl2x65] { grid-template-columns: repeat(3, 1fr); } }
@@media (min-width: 1024px) { .nl-integrations-grid[b-hfrzjl2x65] { grid-template-columns: repeat(6, 1fr); } }

.nl-integration-card[b-hfrzjl2x65] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.5rem 1rem;
    background: rgba(255,255,255,.04);
    border-radius: .75rem;
    border: 1px solid rgba(255,255,255,.1);
    transition: background .2s, border-color .2s;
    gap: .625rem;
}

    .nl-integration-card:hover[b-hfrzjl2x65] {
        background: rgba(255,255,255,.08);
        border-color: rgba(255,255,255,.2);
    }

.nl-integration-name[b-hfrzjl2x65] {
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
}

.nl-integration-desc[b-hfrzjl2x65] {
    font-size: .75rem;
    color: rgba(255,255,255,.45);
    line-height: 1.4;
}

/* ═══════════════════════════════════════════════════════════════════
   ROI / METRICS
═══════════════════════════════════════════════════════════════════ */
.nl-roi-grid[b-hfrzjl2x65] {
    display: grid;
    gap: 1rem;
    max-width: 64rem;
    margin: 0 auto;
}

@@media (min-width: 640px)  { .nl-roi-grid[b-hfrzjl2x65] { grid-template-columns: repeat(2, 1fr); } }
@@media (min-width: 1024px) { .nl-roi-grid[b-hfrzjl2x65] { grid-template-columns: repeat(4, 1fr); } }

.nl-roi-card[b-hfrzjl2x65] {
    background: linear-gradient(135deg, rgba(37,99,235,.05) 0%, rgba(124,58,237,.05) 100%);
    border: 1px solid rgba(37,99,235,.12);
    border-radius: .875rem;
    padding: 1.5rem;
    text-align: center;
    transition: box-shadow .25s;
}

    .nl-roi-card:hover[b-hfrzjl2x65] { box-shadow: 0 4px 20px rgba(37,99,235,.1); }

.nl-roi-value[b-hfrzjl2x65] {
    font-size: 2rem;
    font-weight: 800;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -.03em;
    margin-bottom: .375rem;
}

.nl-roi-label[b-hfrzjl2x65] {
    font-size: .8125rem;
    font-weight: 600;
    color: #09090b;
    margin-bottom: .625rem;
}

.nl-roi-desc[b-hfrzjl2x65] {
    font-size: .8125rem;
    color: #71717a;
    line-height: 1.6;
}

/* ═══════════════════════════════════════════════════════════════════
   FAQ
═══════════════════════════════════════════════════════════════════ */
.nl-faq[b-hfrzjl2x65] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.nl-faq-item[b-hfrzjl2x65] {
    background: #fff;
    border-radius: .625rem;
    border: 1px solid #e4e4e7;
    overflow: hidden;
    cursor: pointer;
    transition: border-color .15s;
}

    .nl-faq-item:hover[b-hfrzjl2x65] { border-color: #a1a1aa; }

.nl-faq-open[b-hfrzjl2x65] { border-color: #2563eb; }

.nl-faq-q[b-hfrzjl2x65] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    font-size: .9375rem;
    font-weight: 600;
    color: #09090b;
    user-select: none;
}

.nl-faq-chevron[b-hfrzjl2x65] {
    flex-shrink: 0;
    transition: transform .2s;
}

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

.nl-faq-a[b-hfrzjl2x65] {
    padding: 0 1.25rem 1rem;
    font-size: .9rem;
    color: #71717a;
    line-height: 1.75;
    border-top: 1px solid #f4f4f5;
    padding-top: .75rem;
}

/* ═══════════════════════════════════════════════════════════════════
   CTA (final)
═══════════════════════════════════════════════════════════════════ */
.nl-cta[b-hfrzjl2x65] {
    padding: 6rem 1.5rem;
    background: linear-gradient(135deg, #1e3a8a 0%, #312e81 50%, #1e1b4b 100%);
    text-align: center;
}

@@media (min-width: 768px) { .nl-cta[b-hfrzjl2x65] { padding: 8rem 1.5rem; } }

/* ═══════════════════════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════════════════════ */
.nl-footer[b-hfrzjl2x65] {
    border-top: 1px solid rgba(228,228,231,.6);
    padding: 2rem 1.5rem;
}

.nl-footer-inner[b-hfrzjl2x65] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    max-width: 80rem;
    margin: 0 auto;
}

.nl-footer-left[b-hfrzjl2x65] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.nl-footer-copy[b-hfrzjl2x65] {
    font-size: .75rem;
    color: #71717a;
}

.nl-footer-links[b-hfrzjl2x65] {
    display: flex;
    gap: 1.25rem;
}

.nl-footer-link[b-hfrzjl2x65] {
    font-size: .8125rem;
    color: #71717a;
    text-decoration: none;
    transition: color .15s;
}

    .nl-footer-link:hover[b-hfrzjl2x65] { color: #09090b; }