/* .hp {
   
    top: -73px;
    padding-top: 190px;
} */

:root {
    --c-canvas: #fff;
    --c-canvas-alt: #f6f8fc;
    --c-surface: #fff;
    --c-surface-2: #f1f4fa;
    --c-line: #e4e9f2;
    --c-ink: #0b1220;
    --c-mute: #5b6578;
    --c-foot: #f4f6fb;
    --c-foot-2: #fff;
    --c-foot-line: #e1e6f0;
    --c-foot-ink: #0b1220;
    --c-foot-mute: #5b6578;
    --c-accent: #0052e7;
    --c-accent-2: #01a8ef;
    --c-inv: #06090f;
    --c-inv-2: #0f1524;
    --c-inv-3: #161d30;
    --c-inv-line: #ffffff1a;
    --c-inv-ink: #fff;
    --c-inv-mute: #9ca6c0;
    --c-inv-accent: #8fb0ff;
    --sh-card: 0 1px 2px #0b12200a, 0 12px 32px -20px #0b12202e;
    --sh-pop: 0 24px 60px -24px #0b122047;
    --sh-menu: 0 30px 80px -24px #0b12204d, 0 8px 24px -14px #0b122024;
    --rt-dim: #0b122080;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
}


.pt-nav:before {
    content: "";
    z-index: -1;
    background: transparent;
    opacity: 1;
    pointer-events: none;
    transition: opacity .5s;
    position: absolute;
    inset: 0;
}

.hp-head {
    text-align: left;
    flex-direction: column;
    align-items: baseline;
    margin: 0 auto clamp(18px, 3.4vh, 32px);
    display: flex;
        max-width: -webkit-fill-available;
}

.btn {
    
    border-radius: 8px;
}

/* Center Desktop Navigation */
/* @media (min-width: 1024px) {
    .pt-nav .container-page {
        position: relative;
    }

    .pt-nav [data-desk-nav] {
        position: absolute !important;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: max-content;
    }
} */

/* ===== NEXTZEN HERO ===== */

.nextzen-hero {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f5f6;
    font-family: inherit;
    box-sizing: border-box;
}

.nextzen-hero *,
.nextzen-hero *::before,
.nextzen-hero *::after {
    box-sizing: border-box;
}

.pt-nav {
    background-color: rgb(244 246 251 / 0%);
}

.nz-hero-card {
    position: relative;
    width: 100%;
    padding: 90px 30px 65px;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
        background: radial-gradient(ellipse at 25% 50%, rgba(193, 235, 255, .65), transparent 48%), radial-gradient(ellipse at 85% 45%, rgba(255, 239, 207, .65), transparent 48%), #f4f6fb;
}
.lp {
  
    border-top: 0px solid var(--c-foot-line);
  
}
/* Hero content */

.nz-hero-content {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.nz-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #536176;
    margin-bottom: 30px;
}

.nz-live-dot {
    width: 9px;
    height: 9px;
    background: #079da9;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(7, 157, 169, .12);
}

.nz-hero-content h1 {
    color: #111827;
    font-size: clamp(44px, 6.2vw, 84px);
    font-weight: 650;
    line-height: 1.08;
    letter-spacing: -4.5px;
    margin: 0 auto 25px;
    font-family: 'NZL Prosper Sans', sans-serif;
    padding-top: 120px;
}
.nz-hero-content h1 span {
    background: linear-gradient(100deg, #079da9, #3878db, #7764d8);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.nz-hero-description {
    max-width: 690px;
    margin: 0 auto;
    color: #657080;
    font-size: 16px;
    line-height: 1.8;
}

/* Buttons */

.nz-hero-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
    margin-top: 30px;
}

.nz-btn-primary,
.nz-btn-secondary {
    min-height: 53px;
    padding: 6px 8px 6px 25px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: .25s ease;
}

.nz-btn-primary {
    color: #fff;
    background: #111827;
}

.nz-btn-primary:hover {
    background: #087fba;
    transform: translateY(-3px);
}

.nz-btn-secondary {
    color: #111827;
    background: #fff;
    border: 1px solid #e5e7eb;
}

.nz-btn-secondary:hover {
    border-color: #079da9;
    transform: translateY(-3px);
}

.nz-btn-icon,
.nz-btn-secondary span {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    color: #111827;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

/* Trust */

.nz-trust {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 35px;
}

.nz-avatars {
    display: flex;
    align-items: center;
}

.nz-avatars span {
    width: 37px;
    height: 37px;
    margin-left: -8px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #e1eff8;
    color: #087fba;
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nz-avatars span:first-child {
    margin-left: 0;
    background: #d8e8f8;
}

.nz-avatars span:nth-child(2) {
    background: #d9eee8;
}

.nz-avatars span:nth-child(3) {
    background: #e8e0fa;
}

.nz-avatars span:nth-child(4) {
    background: #e9edf3;
}

.nz-trust-text {
    text-align: left;
}

.nz-stars {
    color: #f59e0b;
    font-size: 17px;
    letter-spacing: 2px;
}

.nz-trust-text span {
    display: block;
    color: #647080;
    font-size: 12px;
    margin-top: 2px;
}

/* Partners */

.nz-partners {
    width: 100%;
    max-width: 1100px;
    margin: 85px auto 0;
}

.nz-partner-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    color: #687384;
    font-size: 13px;
    text-align: center;
    margin-bottom: 15px;
}

.nz-partner-heading span {
    width: 100px;
    height: 1px;
    background: #d4d9df;
}

.nz-partner-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    gap: 25px;
}

.nz-partner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #172033;
    font-size: 16px;
    white-space: nowrap;
}

.nz-partner-icon {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(135deg, #079da9, #3979dc);
    font-size: 18px;
    font-weight: 800;
}

/* Responsive */

@media(max-width: 768px) {
    .nextzen-hero {
        padding: 15px;
        min-height: auto;
    }

    .nz-hero-card {
        min-height: auto;
        padding: 85px 20px 45px;
        border-radius: 20px;
    }

    .nz-hero-content h1 {
        font-size: clamp(35px, 7vw, 56px);
        letter-spacing: -2.5px;
    }

    .nz-hero-description {
        font-size: 14px;
    }

    .nz-hero-actions {
        flex-direction: column;
    }

    .nz-btn-primary,
    .nz-btn-secondary {
        width: 220px;
    }

    .nz-partners {
        margin-top: 65px;
    }

    .nz-partner-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px 10px;
    }

    .nz-partner {
        font-size: 13px;
    }

    .nz-partner-heading {
        font-size: 11px;
        gap: 8px;
    }

    .nz-partner-heading span {
        width: 25px;
    }
}

@media(max-width: 400px) {
    .nz-hero-content h1 {
        font-size: 25px;
    }

    .nz-partner-list {
        grid-template-columns: 1fr 1fr;
    }
}


.nz-partner-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

.nz-country {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
}

.nz-country svg {
    display: block;
    width: 100%;
    height: 100%;
}

@media (max-width: 480px) {
    .nz-partner-list {
        gap: 10px;
    }

    .nz-country {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }
}


.nz-social-proof {
    display: flex;
    align-items: center;
    gap: 13px;
    font-family: 'NZL Prosper Sans', sans-serif;
}

.nz-avatar-group {
    display: flex;
    align-items: center;
    padding-left: 3px;
}

.nz-avatar-group img {
    width: 35px;
    height: 35px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-left: -5px;
    display: block;
}

.nz-rating {
    display: flex;
    flex-direction: column;
    gap: 2px;
        text-align: start;
}

.nz-stars {
    color: #ff963f;
    font-size: 19px;
    line-height: 20px;
    letter-spacing: 0;
}

.nz-rating-text {
    color: #667085;
    font-size: 11px;
    line-height: 15px;
    white-space: nowrap;
}


.lp-tech-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    margin: 8px;
    background: #fff;
    border: 1px solid #e5e7eb;
    color: #344054;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}
@media (min-width: 1024px) {

    /* Header layout */
    header.pt-nav > .container-page {
        display: flex;
        align-items: center;
    }

    /* Logo takes equal space to the right actions */
    header.pt-nav .logo-link {
        flex: 1 1 0;
        min-width: 0;
        
    }

    /* Navigation remains in normal document flow */
    header.pt-nav nav[data-desk-nav] {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;

        display: flex !important;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;

        margin-left: 0 !important;
        white-space: nowrap;
                gap: 20px;
    }

    /* Right-side controls take equal space */
    header.pt-nav > .container-page > .ms-auto {
        flex: 1 1 0;
        min-width: 0;
        margin-left: 0 !important;
        justify-content: flex-end;
    }
}









header.pt-nav nav[data-desk-nav] button.nav-link.nav-trigger {
    padding: 0 10px;
    font-size: 15px;
}
.btn-primary {
    color: var(--color-white);
    background-color: #0052e7;
}



footer.bg-gray-950 {
    background: radial-gradient(circle at top right, rgba(37, 99, 235, .35), transparent 35%), radial-gradient(circle at bottom left, rgba(30, 64, 175, .25), transparent 40%), linear-gradient(135deg, #030712 0%, #0f172a 45%, #020617 70%, #000000 100%);
}

/* ERP Dashboard Animation */
.erp-dashboard {
    opacity: 0;
    transform: translateY(25px) scale(.97);
    animation: erpDashboardEnter .9s cubic-bezier(.2,.8,.2,1) .2s forwards;
}

@keyframes erpDashboardEnter {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Dashboard header */
.erp-dashboard-header {
    animation: erpFadeIn .6s ease .5s both;
}

@keyframes erpFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Metric cards */
.erp-dashboard .erp-metric {
    opacity: 0;
    transform: translateY(15px);
    animation: erpFadeIn .6s ease forwards;
}

.erp-dashboard .erp-metric:nth-child(1) { animation-delay: .55s; }
.erp-dashboard .erp-metric:nth-child(2) { animation-delay: .7s; }
.erp-dashboard .erp-metric:nth-child(3) { animation-delay: .85s; }
.erp-dashboard .erp-metric:nth-child(4) { animation-delay: 1s; }

/* Chart bars */
.erp-dashboard .erp-chart-bar {
    transform: scaleY(0);
    transform-origin: bottom;
    animation: erpChartGrow .9s cubic-bezier(.2,.8,.2,1) forwards;
}

@keyframes erpChartGrow {
    to { transform: scaleY(1); }
}

/* Progress bars */
.erp-dashboard .erp-progress-fill {
    width: 0;
    animation: erpProgressGrow 1.2s cubic-bezier(.2,.8,.2,1) forwards;
}

@keyframes erpProgressGrow {
    to { width: var(--progress); }
}

/* Dashboard footer */
.erp-dashboard-footer {
    animation: erpFadeIn .6s ease 1.8s both;
}

/* Soft accent glow */
.erp-dashboard-glow {
    animation: erpGlow 4s ease-in-out infinite;
}

@keyframes erpGlow {
    0%, 100% { opacity: .12; transform: scale(.95); }
    50% { opacity: .28; transform: scale(1.05); }
}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce) {
    .erp-dashboard,
    .erp-dashboard *,
    .erp-dashboard-glow {
        animation: none !important;
        transition: none !important;
    }

    .erp-dashboard .erp-metric,
    .erp-dashboard-header,
    .erp-dashboard-footer {
        opacity: 1;
        transform: none;
    }

    .erp-dashboard .erp-chart-bar {
        transform: scaleY(1);
    }

    .erp-dashboard .erp-progress-fill {
        width: var(--progress);
    }
}


/* Nextzen AI section — scoped styles */
.nz-ai {
    /* Uses the site's global :root design tokens */
    --nz-ink: var(--c-ink);
    --nz-muted: var(--c-mute);
    --nz-primary: var(--c-accent);
    --nz-primary-dark: var(--c-accent);
    --nz-line: var(--c-line);
    --nz-soft: var(--c-canvas-alt);
    position: relative;
    overflow: hidden;
    padding: clamp(64px, 8vw, 112px) 20px;
    background:
        radial-gradient(ellipse at 8% 12%, rgba(0,82,231,.055), transparent 34%),
        radial-gradient(ellipse at 92% 88%, rgba(0,82,231,.035), transparent 32%),
        var(--c-canvas-alt);
    color: var(--nz-ink);
}
.nz-ai, .nz-ai * { box-sizing: border-box; }
.nz-ai__inner {
    width: min(1180px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: clamp(34px, 6vw, 76px);
}
.nz-ai__intro { max-width: 440px; }
.nz-ai__eyebrow {
    display: inline-flex; align-items: center; gap: 9px;
    margin: 0 0 20px; padding: 8px 13px;
    border: 1px solid rgba(0,82,231,.18); border-radius: 999px;
    background: var(--c-surface); color: var(--nz-primary-dark);
    font-size: 12px; font-weight: 750; letter-spacing: .11em; text-transform: uppercase;
}
.nz-ai__eyebrow:before {
    content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--c-accent);
    box-shadow: 0 0 0 4px rgba(0,82,231,.12);
}
.nz-ai__title {
    margin: 0; max-width: 500px; color: var(--nz-ink);
    font-size: clamp(34px, 4.2vw, 54px); line-height: 1.08;
    letter-spacing: -.045em; font-weight: 760;
}
.nz-ai__title span { color: var(--nz-primary); }
.nz-ai__lead {
    margin: 22px 0 0; max-width: 430px; color: var(--nz-muted);
    font-size: 16px; line-height: 1.8;
}
.nz-ai__trust {
    display: flex; align-items: center; flex-wrap: wrap; gap: 10px;
    margin-top: 28px; color: var(--nz-muted); font-size: 13px;
}
.nz-ai__trust-mark {
    display: inline-grid; place-items: center; width: 30px; height: 30px;
    border-radius: 9px; background: var(--c-surface-2); color: var(--nz-primary);
}
.nz-ai__trust a { color: var(--nz-primary-dark); font-weight: 700; text-decoration: none; }
.nz-ai__trust a:hover { text-decoration: underline; }
.nz-ai__note {
    display: flex; align-items: flex-start; gap: 10px; margin-top: 34px;
    color: var(--c-mute); font-size: 12px; line-height: 1.65;
}
.nz-ai__note svg { flex: 0 0 auto; margin-top: 2px; color: var(--nz-primary); }
.nz-ai__card {
    min-width: 0; padding: clamp(22px, 3vw, 34px);
    border: 1px solid var(--c-line); border-radius: 24px;
    background: var(--c-surface);
    box-shadow: var(--sh-card);
}
.nz-ai__card-head {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    margin-bottom: 22px;
}
.nz-ai__card-title { margin: 0; font-size: 17px; font-weight: 750; letter-spacing: -.02em; }
.nz-ai__live {
    display: inline-flex; align-items: center; gap: 7px; white-space: nowrap;
    color: var(--c-accent); font-size: 11px; font-weight: 700;
}
.nz-ai__live:before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--c-accent); }
.nz-ai__chips { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
.nz-ai__chip {
    min-height: 43px; padding: 10px 13px; border: 1px solid var(--nz-line);
    border-radius: 11px; background: var(--c-surface); color: var(--c-mute); text-align: left;
    font: inherit; font-size: 12px; font-weight: 650; line-height: 1.35;
    cursor: pointer; transition: .2s ease;
}
.nz-ai__chip:hover { border-color: rgba(0,82,231,.45); color: var(--nz-primary-dark); transform: translateY(-1px); }
.nz-ai__chip[aria-pressed="true"] {
    border-color: var(--nz-primary); background: var(--c-surface-2); color: var(--nz-primary-dark);
    box-shadow: inset 0 0 0 1px rgba(0,82,231,.08);
}
.nz-ai__form {
    display: grid; grid-template-columns: .75fr 1.25fr; gap: 14px; margin-top: 23px;
}
.nz-ai__field-wrap { min-width: 0; }
.nz-ai__label {
    display: block; margin: 0 0 7px; color: var(--c-mute);
    font-size: 11px; font-weight: 750; letter-spacing: .055em; text-transform: uppercase;
}
.nz-ai__field {
    width: 100%; min-width: 0; height: 45px; padding: 0 12px;
    border: 1px solid var(--nz-line); border-radius: 10px; outline: none;
    background: var(--c-canvas); color: var(--nz-ink); font: inherit; font-size: 13px;
    transition: border-color .2s, box-shadow .2s;
}
.nz-ai__field:focus, .nz-ai__prompt:focus {
    border-color: var(--nz-primary); box-shadow: 0 0 0 3px rgba(0,82,231,.10);
}
.nz-ai__prompt-label {
    display: flex; align-items: center; gap: 8px; margin: 22px 0 9px;
    color: var(--c-mute); font-size: 12px; font-weight: 750;
}
.nz-ai__prompt {
    display: block; width: 100%; min-height: 126px; resize: vertical;
    padding: 14px 15px; border: 1px solid var(--nz-line); border-radius: 12px;
    outline: none; background: var(--c-canvas); color: var(--c-ink);
    font: 12px/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    transition: border-color .2s, box-shadow .2s;
}
.nz-ai__providers-title {
    margin: 22px 0 10px; color: var(--c-mute); font-size: 11px;
    font-weight: 750; letter-spacing: .055em; text-transform: uppercase;
}
.nz-ai__provider-grid {
    display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 9px;
}
.nz-ai__provider-grid .ask-btn {
    display: inline-flex; min-width: 0; min-height: 43px; align-items: center;
    justify-content: center; gap: 7px; padding: 9px 10px;
    border: 1px solid var(--nz-line); border-radius: 10px;
    background: var(--c-surface); color: var(--c-ink); text-decoration: none;
    font-size: 12px; font-weight: 700; transition: .2s ease;
}
.nz-ai__provider-grid .ask-btn:hover {
    border-color: rgba(0,82,231,.45); background: var(--c-canvas-alt);
    color: var(--nz-primary-dark); transform: translateY(-2px);
}
.nz-ai__provider-grid .ask-btn svg { flex: 0 0 auto; width: 17px; height: 17px; }
.nz-ai__provider-grid .ask-copy { cursor: pointer; font-family: inherit; }
.nz-ai__status { min-height: 20px; margin: 12px 0 0; color: var(--nz-primary-dark); font-size: 12px; font-weight: 700; }
.nz-ai__fineprint { margin: 4px 0 0; color: var(--c-mute); font-size: 11px; line-height: 1.65; }
@media (max-width: 900px) {
    .nz-ai__inner { grid-template-columns: 1fr; gap: 34px; }
    .nz-ai__intro { max-width: 680px; }
    .nz-ai__title { max-width: 650px; }
    .nz-ai__lead { max-width: 650px; }
}
@media (max-width: 560px) {
    .nz-ai { padding: 58px 16px; }
    .nz-ai__card { padding: 20px 16px; border-radius: 18px; }
    .nz-ai__chips { grid-template-columns: 1fr 1fr; }
    .nz-ai__chip { font-size: 11px; padding: 9px; }
    .nz-ai__form { grid-template-columns: 1fr; gap: 12px; }
    .nz-ai__provider-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .nz-ai__card-head { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
    .nz-ai * { transition: none !important; }
}

 .nz-webtypes { padding: 88px 0; }
            .nz-webtypes .nz-webtypes-head { max-width: 760px; margin: 0 auto 38px; text-align: center; }
            .nz-webtypes .nz-webtypes-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
            .nz-webtypes .nz-webtype-card { min-width:0; height:100%; padding:25px; border:1px solid var(--c-line, #e5e7eb); border-radius:16px; background:var(--c-surface, #fff); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
            .nz-webtypes .nz-webtype-card:hover { transform:translateY(-4px); border-color:var(--c-accent, #1769e0); box-shadow:0 14px 34px rgba(20,35,70,.07); }
            .nz-webtypes .nz-webtype-no { display:inline-grid; place-items:center; width:36px; height:36px; margin-bottom:17px; border-radius:10px; background:var(--c-surface-2, #f1f5ff); color:var(--c-accent, #1769e0); font-size:12px; font-weight:800; }
            .nz-webtypes .nz-webtype-card h3 { margin:0 0 9px; font-size:17px; line-height:1.4; }
            .nz-webtypes .nz-webtype-card p { margin:0; color:var(--c-mute, #667085); font-size:14px; line-height:1.75; }
            .nz-webtypes .nz-webtypes-note { margin:28px auto 0; max-width:680px; text-align:center; color:var(--c-mute, #667085); font-size:14px; line-height:1.7; }
            @media(max-width:900px) { .nz-webtypes .nz-webtypes-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
            @media(max-width:600px) { .nz-webtypes { padding:60px 0; } .nz-webtypes .nz-webtypes-grid { grid-template-columns:1fr; gap:13px; } .nz-webtypes .nz-webtype-card { padding:21px; } }
            @media(prefers-reduced-motion:reduce) { .nz-webtypes .nz-webtype-card { transition:none; } }

            



       
    /* ---------- Nextzen Business ERP page: scoped motion layer (nx-*) ---------- */
    .nx-r {
        opacity: 0;
        transform: translateY(26px);
        transition: opacity .75s cubic-bezier(.2, .7, .2, 1), transform .75s cubic-bezier(.2, .7, .2, 1);
        transition-delay: calc(var(--i, 0) * 80ms);
    }

    .is-visible .nx-r,
    .nx-r.is-visible {
        opacity: 1;
        transform: none;
    }

    @keyframes nx-float {

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

        50% {
            transform: translateY(-10px)
        }
    }

    @keyframes nx-drift {

        0%,
        100% {
            transform: translate3d(0, 0, 0) scale(1)
        }

        50% {
            transform: translate3d(40px, -30px, 0) scale(1.15)
        }
    }

    @keyframes nx-grow-y {
        from {
            transform: scaleY(0)
        }

        to {
            transform: scaleY(1)
        }
    }

    @keyframes nx-grow-x {
        from {
            transform: scaleX(0)
        }

        to {
            transform: scaleX(1)
        }
    }

    @keyframes nx-draw {
        from {
            stroke-dashoffset: 1
        }

        to {
            stroke-dashoffset: 0
        }
    }

    @keyframes nx-marquee {
        to {
            transform: translateX(-50%)
        }
    }

    @keyframes nx-ping {
        0% {
            transform: scale(.8);
            opacity: .7
        }

        100% {
            transform: scale(2.6);
            opacity: 0
        }
    }

    @keyframes nx-shine {
        to {
            background-position: 200% center
        }
    }

    @keyframes nx-flow {
        from {
            background-position: 0 0
        }

        to {
            background-position: 0 24px
        }
    }

    @keyframes nx-travel {
        0% {
            top: 0;
            opacity: 0
        }

        15%,
        85% {
            opacity: 1
        }

        100% {
            top: calc(100% - 8px);
            opacity: 0
        }
    }

    .nx-flow-line {
        background-image: repeating-linear-gradient(to bottom, var(--c-accent-2) 0 6px, transparent 6px 12px);
        background-size: 2px 24px;
        animation: nx-flow 1s linear infinite
    }

    .nx-travel {
        animation: nx-travel 2.4s ease-in-out infinite
    }

    .nx-float {
        animation: nx-float 6s ease-in-out infinite
    }

    .nx-float-slow {
        animation: nx-float 8s ease-in-out infinite reverse
    }

    .nx-orb {
        animation: nx-drift 16s ease-in-out infinite
    }

    .nx-bar {
        transform-origin: bottom;
        animation: nx-grow-y .9s cubic-bezier(.2, .8, .2, 1) both
    }

    .nx-fill {
        transform-origin: left;
        animation: nx-grow-x 1.2s cubic-bezier(.2, .8, .2, 1) both
    }

    .nx-line {
        stroke-dasharray: 1;
        stroke-dashoffset: 1;
        animation: nx-draw 2s ease forwards .6s
    }

    .is-visible .nx-draw-on {
        stroke-dasharray: 1;
        stroke-dashoffset: 1;
        animation: nx-draw 1.8s ease forwards
    }

    .is-visible .nx-bar-on {
        transform-origin: left;
        animation: nx-grow-x 1.1s cubic-bezier(.2, .8, .2, 1) both;
        animation-delay: calc(var(--i, 0) * 100ms + .2s)
    }

    .nx-ping {
        animation: nx-ping 2s ease-out infinite
    }

    .nx-marquee-track {
        display: flex;
        width: max-content;
        animation: nx-marquee 38s linear infinite
    }

    .nx-marquee:hover .nx-marquee-track {
        animation-play-state: paused
    }

    .nx-shine-text {
        background: linear-gradient(90deg, var(--c-accent-2), #9be7ff, var(--c-accent-2));
        background-size: 200% auto;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        animation: nx-shine 6s linear infinite
    }

    .nx-grid-bg {
        background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
        background-size: 44px 44px;
        -webkit-mask-image: radial-gradient(ellipse at 60% 40%, #000 25%, transparent 70%);
        mask-image: radial-gradient(ellipse at 60% 40%, #000 25%, transparent 70%)
    }

    .nx-tilt {
        transform: perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
        transition: transform .25s ease-out
    }

    .nx-card {
        position: relative;
        overflow: hidden;
        transition: transform .35s cubic-bezier(.2, .8, .2, 1), border-color .3s, box-shadow .35s
    }

    .nx-card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(380px circle at var(--mx, 50%) var(--my, 0%), color-mix(in srgb, var(--c-accent-2) 16%, transparent), transparent 60%);
        opacity: 0;
        transition: opacity .3s;
        pointer-events: none
    }

    .nx-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 40px -18px rgba(7, 27, 43, .35)
    }

    .nx-card:hover::before {
        opacity: 1
    }

    .nx-faq {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows .4s cubic-bezier(.2, .8, .2, 1)
    }

    .nx-faq.is-open {
        grid-template-rows: 1fr
    }

    .nx-faq>div {
        overflow: hidden
    }

    @media (prefers-reduced-motion: reduce) {

        .nx-r,
        .nx-float,
        .nx-float-slow,
        .nx-orb,
        .nx-bar,
        .nx-fill,
        .nx-line,
        .nx-ping,
        .nx-flow-line,
        .nx-travel,
        .nx-marquee-track,
        .nx-shine-text,
        .is-visible .nx-draw-on,
        .is-visible .nx-bar-on {
            animation: none !important;
            transition: none !important;
            opacity: 1;
            transform: none;
            stroke-dashoffset: 0
        }
    }

    body {
    font-family: 'NZL Prosper Sans', sans-serif !important;
}

.nextzen-hero .nz-hero-card {
    top: -74px;
    margin-bottom: -72px;
}

.pt-nav.is-scrolled {
    background-color: white;
   }
.nz15-host {
    cursor: pointer;
}

.nx-connect,.nx-belief{--nx-accent:var(--c-accent,#0052e7);--nx-ink:var(--c-ink,#0b1220);--nx-muted:var(--c-mute,#5b6578);--nx-line:var(--c-line,#e4e9f2);--nx-surface:var(--c-surface,#fff);--nx-soft:var(--c-canvas-alt,#f6f8fc);color:var(--nx-ink)}
.nx-connect{padding:clamp(4.5rem,8vw,7.5rem) 0;background:var(--c-inv,#06090f);color:var(--c-inv-ink,#fff);overflow:hidden}
.nx-connect__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:clamp(2.5rem,5vw,4rem)}
.nx-connect__copy{max-width:760px}
.nx-connect__eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--c-inv-accent,#8fb0ff);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.nx-connect__eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--nx-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--nx-accent) 18%,transparent)}
.nx-connect__intro h2{max-width:760px;margin:18px 0 14px;font-size:clamp(2.1rem,4.8vw,4.35rem);line-height:1.04;letter-spacing:-.055em;font-weight:750}
.nx-connect__intro p{max-width:620px;margin:0;color:var(--c-inv-mute,#9ca6c0);font-size:clamp(14px,1.4vw,17px);line-height:1.8}
.nx-connect__top-link,.nx-connect__cta,.nx-belief__link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;transition:gap .2s ease,color .2s ease}
.nx-connect__top-link{padding:13px 17px;border:1px solid var(--c-inv-line,#ffffff1a);border-radius:999px;color:#fff}
.nx-connect__top-link:hover,.nx-connect__cta:hover,.nx-belief__link:hover{gap:15px}
.nx-connect__layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.8fr);gap:16px}
.nx-connect__panel,.nx-connect__aside{border:1px solid var(--c-inv-line,#ffffff1a);border-radius:22px;background:var(--c-inv-2,#0f1524)}
.nx-connect__panel{padding:clamp(20px,3vw,32px)}
.nx-connect__panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--c-inv-line,#ffffff1a)}
.nx-connect__panel-kicker{font-size:12px;font-weight:700;color:#fff}
.nx-connect__panel-count{font-size:10px;letter-spacing:.14em;color:var(--c-inv-mute,#9ca6c0)}
.nx-connect__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.nx-connect__item{position:relative;display:flex;align-items:center;gap:15px;min-height:105px;padding:18px 4px;border-bottom:1px solid var(--c-inv-line,#ffffff1a)}
.nx-connect__item:nth-last-child(1){border-bottom:0}
.nx-connect__icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--c-inv-line,#ffffff1a);border-radius:13px;color:var(--c-inv-accent,#8fb0ff);background:#ffffff06}
.nx-connect__item h3{margin:0 0 5px;font-size:15px;font-weight:750;color:#fff}
.nx-connect__item p{margin:0;font-size:12px;color:var(--c-inv-mute,#9ca6c0)}
.nx-connect__number{margin-left:auto;align-self:flex-start;padding-top:5px;font-size:10px;color:#69758f;letter-spacing:.08em}
.nx-connect__aside{display:flex;flex-direction:column;align-items:flex-start;padding:24px 26px 28px;background:linear-gradient(145deg,var(--c-inv-2,#0f1524),var(--c-inv-3,#161d30))}
.nx-connect__aside-art{position:relative;width:100%;height:205px;display:grid;place-items:center;overflow:hidden}
.nx-connect__orbit{position:absolute;left:50%;top:50%;border:1px solid #ffffff17;border-radius:50%;transform:translate(-50%,-50%)}
.nx-connect__orbit--one{width:170px;height:170px}.nx-connect__orbit--two{width:118px;height:118px;border-style:dashed}
.nx-connect__core{z-index:1;width:66px;height:66px;display:grid;place-items:center;border-radius:20px;background:var(--nx-accent);color:white;font-size:27px;font-weight:800;box-shadow:0 12px 38px color-mix(in srgb,var(--nx-accent) 35%,transparent)}
.nx-connect__core span{color:#c8d8ff}
.nx-connect__node{position:absolute;z-index:2;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:12px;background:#202b43;color:#b7c9f5}
.nx-connect__node--a{left:calc(50% - 91px);top:42px}.nx-connect__node--b{right:calc(50% - 91px);top:42px}.nx-connect__node--c{left:calc(50% - 91px);bottom:35px}.nx-connect__node--d{right:calc(50% - 91px);bottom:35px}
.nx-connect__aside-label{margin-top:8px;color:var(--c-inv-accent,#8fb0ff);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.nx-connect__aside h3{max-width:320px;margin:12px 0 10px;color:#fff;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.18;letter-spacing:-.035em}
.nx-connect__aside>p{margin:0 0 24px;color:var(--c-inv-mute,#9ca6c0);font-size:13px;line-height:1.75}
.nx-connect__cta{margin-top:auto;color:#fff}
.nx-connect__cta svg,.nx-connect__top-link svg,.nx-belief__link svg{transition:transform .2s ease}
.nx-connect__cta:hover svg,.nx-connect__top-link:hover svg,.nx-belief__link:hover svg{transform:translateX(3px)}
.nx-belief{padding:clamp(4.5rem,9vw,8rem) 0;background:var(--nx-soft);border-top:1px solid var(--nx-line)}

.nx-belief .nx-connect__eyebrow{color:var(--nx-accent)}
.nx-belief h2{max-width:940px;margin:25px 0 36px;font-size:clamp(2.1rem,5vw,4.65rem);line-height:1.08;letter-spacing:-.055em;font-weight:750}
.nx-belief h2 em{color:var(--nx-accent);font-style:normal}
.nx-belief__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding-top:25px;border-top:1px solid var(--nx-line)}
.nx-belief__bottom p{max-width:570px;margin:0;color:var(--nx-muted);font-size:15px;line-height:1.8}
.nx-belief__link{color:var(--nx-ink)}
@media(max-width:850px){.nx-connect__layout{grid-template-columns:1fr}.nx-connect__aside{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1fr);column-gap:20px;align-items:center}.nx-connect__aside-art{grid-row:span 4}.nx-connect__aside-label{margin-top:0}}
@media(max-width:620px){.nx-connect__intro{display:block}.nx-connect__top-link{margin-top:22px}.nx-connect__grid{grid-template-columns:1fr}.nx-connect__item{min-height:86px}.nx-connect__item:nth-last-child(1){border-bottom:1px solid var(--c-inv-line,#ffffff1a)}.nx-connect__aside{display:flex}.nx-connect__aside-art{height:190px}.nx-belief__bottom{display:block}.nx-belief__link{margin-top:20px}.nx-connect{padding:4rem 0}}
@media(prefers-reduced-motion:reduce){.nx-connect *,.nx-belief *{transition:none!important}}
    

.nx-blog{position:relative;padding:clamp(68px,8vw,112px) 0;background:var(--c-canvas,#fff);color:var(--c-ink,#0b1220);overflow:hidden}
.nx-blog *{box-sizing:border-box}
.nx-blog__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:38px}
.nx-blog__intro{max-width:690px}
.nx-blog__eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:17px;color:var(--c-accent,#0052e7);font-size:11px;font-weight:800;letter-spacing:.14em}
.nx-blog__eyebrow span{width:22px;height:2px;border-radius:2px;background:currentColor}
.nx-blog__title{max-width:650px;margin:0;color:var(--c-ink,#0b1220);font-size:clamp(32px,4.2vw,54px);font-weight:750;line-height:1.08;letter-spacing:-.045em}
.nx-blog__title span{color:var(--c-accent,#0052e7)}
.nx-blog__lead{max-width:590px;margin:16px 0 0;color:var(--c-mute,#5b6578);font-size:15px;line-height:1.75}
.nx-blog__all{display:inline-flex;align-items:center;gap:10px;flex:none;padding:12px 0;color:var(--c-ink,#0b1220);font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--c-line,#e4e9f2);transition:color .2s,border-color .2s}
.nx-blog__all:hover,.nx-blog__read:hover{color:var(--c-accent,#0052e7)}
.nx-blog__all svg,.nx-blog__read svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.nx-blog__all:hover svg,.nx-blog__card-link:hover .nx-blog__read svg,.nx-blog__feature-link:hover .nx-blog__read svg{transform:translateX(4px)}
.nx-blog__layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:22px;align-items:stretch}
.nx-blog__featured,.nx-blog__card{min-width:0;border:1px solid var(--c-line,#e4e9f2);border-radius:20px;background:var(--c-surface,#fff);overflow:hidden;box-shadow:var(--sh-card,0 1px 2px #0b12200a,0 12px 32px -20px #0b12202e);transition:transform .25s,border-color .25s,box-shadow .25s}
.nx-blog__featured:hover,.nx-blog__card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c-accent,#0052e7) 28%,var(--c-line,#e4e9f2));box-shadow:var(--sh-pop,0 24px 60px -24px #0b122047)}
.nx-blog__feature-link,.nx-blog__card-link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}
.nx-blog__visual{position:relative;display:flex;min-height:330px;flex:1;flex-direction:column;justify-content:space-between;overflow:hidden;padding:22px 24px 18px;background:linear-gradient(135deg,#edf3ff 0%,#e4ebfa 55%,#dce6f7 100%)}
.nx-blog__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nx-blog__visual--photo{padding:0;min-height:300px;background:#e9eef7}
.nx-blog__visual--photo .nx-blog__img{position:absolute}
.nx-blog__thumb--photo{background:#e9eef7}
.nx-blog__visual:before{position:absolute;top:-110px;right:-80px;width:300px;height:300px;border:1px solid #0052e71c;border-radius:50%;content:""}
.nx-blog__visual:after{position:absolute;right:-30px;bottom:-190px;width:390px;height:390px;border:1px solid #0052e71c;border-radius:50%;content:""}
.nx-blog__visual-top{position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:#52617c;font-size:9px;font-weight:800;letter-spacing:.12em}
.nx-blog__visual-mark{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;background:#0052e7;color:#fff;font-size:13px;font-weight:800;letter-spacing:0}
.nx-blog__live{margin-left:auto;padding:6px 8px;border:1px solid #0052e72b;border-radius:5px;color:#0052e7;font-size:8px}
.nx-blog__dashboard{position:relative;z-index:1;display:grid;grid-template-columns:42px 1fr;max-width:590px;width:100%;margin:20px auto 14px;border:1px solid #d6dfef;border-radius:12px;background:#fff;box-shadow:0 22px 55px #233e701a;transform:rotate(-1deg)}
.nx-blog__dash-side{display:flex;align-items:center;flex-direction:column;gap:17px;padding:17px 0;border-right:1px solid #edf0f6}
.nx-blog__dash-side i{width:13px;height:13px;border-radius:4px;background:#dce5f5}
.nx-blog__dash-side i:first-child{background:#0052e7}
.nx-blog__dash-main{min-width:0;padding:15px}
.nx-blog__dash-heading{display:flex;justify-content:space-between;align-items:center;color:#27344b;font-size:10px;font-weight:700}
.nx-blog__dash-heading b{padding:4px 7px;border-radius:4px;background:#edf3ff;color:#0052e7;font-size:8px}
.nx-blog__metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}
.nx-blog__metric-row>div{padding:9px 8px;border:1px solid #edf0f6;border-radius:7px}
.nx-blog__metric-row small,.nx-blog__metric-row strong,.nx-blog__metric-row em{display:block}
.nx-blog__metric-row small{color:#8994a8;font-size:7px}
.nx-blog__metric-row strong{margin:4px 0;color:#26354d;font-size:13px}
.nx-blog__metric-row em{color:#16865c;font-size:7px;font-style:normal}
.nx-blog__chart{display:flex;height:70px;align-items:flex-end;gap:7px;margin-top:14px;padding:8px 10px 0;border-bottom:1px solid #e9edf5;background:repeating-linear-gradient(to bottom,transparent 0,transparent 19px,#edf1f7 20px)}
.nx-blog__chart span{flex:1;min-width:5px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#4d87f4,#0052e7)}
.nx-blog__dash-foot{display:flex;justify-content:space-between;margin-top:8px;color:#8a95a8;font-size:7px}
.nx-blog__visual-caption{position:relative;z-index:1;color:#71809b;font-size:8px;font-weight:800;letter-spacing:.16em}
.nx-blog__feature-content{padding:25px 27px 27px}
.nx-blog__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--c-mute,#5b6578);font-size:10px}
.nx-blog__category{color:var(--c-accent,#0052e7);font-size:9px;font-weight:800;letter-spacing:.09em}
.nx-blog__feature-content h3{max-width:560px;margin:13px 0 10px;color:var(--c-ink,#0b1220);font-size:clamp(21px,2.3vw,29px);font-weight:750;line-height:1.2;letter-spacing:-.025em}
.nx-blog__feature-content p,.nx-blog__card-content p{margin:0;color:var(--c-mute,#5b6578);font-size:13px;line-height:1.7}
.nx-blog__read{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--c-ink,#0b1220);font-size:12px;font-weight:750;transition:color .2s}
.nx-blog__side{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:14px}
.nx-blog__card-link{display:grid;grid-template-columns:minmax(120px,.72fr) minmax(0,1.28fr);min-height:0}
.nx-blog__thumb{position:relative;display:grid;min-height:170px;place-items:center;overflow:hidden}
.nx-blog__thumb-label{position:absolute;bottom:12px;left:13px;color:#66748d;font-size:7px;font-weight:800;letter-spacing:.12em}
.nx-blog__thumb--pos{background:linear-gradient(145deg,#e9f8f3,#d8eee7)}
.nx-blog__pos-screen{width:78%;max-width:190px;padding:7px;border:1px solid #c8e0d8;border-radius:8px;background:#fff;box-shadow:0 12px 25px #174f3b16;transform:rotate(-4deg)}
.nx-blog__pos-bar{display:flex;gap:4px;padding:3px 4px 7px;border-bottom:1px solid #edf2f0}
.nx-blog__pos-bar i{width:5px;height:5px;border-radius:50%;background:#c8d9d2}
.nx-blog__pos-body{display:grid;grid-template-columns:22px 1fr;gap:7px;padding:8px 3px 3px}
.nx-blog__pos-menu{display:flex;flex-direction:column;gap:7px}
.nx-blog__pos-menu b,.nx-blog__pos-menu i{height:7px;border-radius:2px;background:#dcebe5}
.nx-blog__pos-menu b{background:#16865c}
.nx-blog__pos-products{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}
.nx-blog__pos-products span{height:22px;border-radius:3px;background:linear-gradient(135deg,#e9f4ef,#cde5d9)}
.nx-blog__pos-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding:6px;border-radius:4px;background:#eff8f3}
.nx-blog__pos-total small{color:#668576;font-size:7px}.nx-blog__pos-total strong{color:#16865c;font-size:10px}
.nx-blog__thumb--cloud{background:linear-gradient(145deg,#edf2ff,#dce6fb)}
.nx-blog__cloud-orbit{position:absolute;width:135px;height:70px;border:1px solid #7fa4ef80;border-radius:50%;transform:rotate(-25deg)}
.nx-blog__orbit-two{width:105px;height:120px;transform:rotate(55deg)}
.nx-blog__cloud-core{position:relative;z-index:1;display:flex;width:83px;height:83px;align-items:center;justify-content:center;flex-direction:column;border:1px solid #c9d8f5;border-radius:23px;background:#fff;box-shadow:0 12px 24px #234b9217;color:#0052e7}
.nx-blog__cloud-core span{width:23px;height:14px;margin-bottom:6px;border:2px solid #0052e7;border-radius:12px 12px 5px 5px}
.nx-blog__cloud-core b{font-size:13px}.nx-blog__cloud-core small{font-size:5px;font-weight:800;letter-spacing:.12em}
.nx-blog__cloud-node{position:absolute;z-index:2;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#0052e7;box-shadow:0 0 0 3px #0052e71c}
.nx-blog__node-one{top:28%;left:25%}.nx-blog__node-two{right:19%;top:32%}.nx-blog__node-three{bottom:25%;left:31%}
.nx-blog__thumb--code{background:linear-gradient(145deg,#f1efff,#e4e0fa)}
.nx-blog__code-window{position:relative;display:flex;width:76%;height:92px;align-items:center;justify-content:center;border:1px solid #d7d0f5;border-radius:9px;background:#fff;box-shadow:0 12px 25px #40347b14}
.nx-blog__code-window span{position:absolute;top:10px;width:5px;height:5px;border-radius:50%;background:#c7c0e8}
.nx-blog__code-window span:nth-child(1){left:11px;background:#8e83d8}.nx-blog__code-window span:nth-child(2){left:21px}.nx-blog__code-window span:nth-child(3){left:31px}
.nx-blog__code-window i{color:#7063c7;font-size:29px;font-style:normal;font-weight:800;letter-spacing:-.08em}
.nx-blog__card-content{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:16px 18px}
.nx-blog__card-content h3{margin:9px 0 7px;color:var(--c-ink,#0b1220);font-size:16px;font-weight:750;line-height:1.3;letter-spacing:-.015em}
.nx-blog__card-content p{font-size:11px;line-height:1.55}
.nx-blog__card-content .nx-blog__read{margin-top:12px;font-size:11px}
.nx-blog__card-content .nx-blog__read svg{width:14px;height:14px}
.nx-blog__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:19px;border-top:1px solid var(--c-line,#e4e9f2)}
.nx-blog__bottom p{margin:0;color:var(--c-mute,#5b6578);font-size:12px}
.nx-blog__bottom a{color:var(--c-accent,#0052e7);font-size:12px;font-weight:750;text-decoration:none}
.nx-blog__bottom a span{margin-left:5px}
@media(max-width:900px){.nx-blog__layout{grid-template-columns:1fr}.nx-blog__visual{min-height:310px}.nx-blog__side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.nx-blog__card-link{grid-template-columns:1fr}.nx-blog__thumb{min-height:150px}.nx-blog__card--compact{grid-column:1/-1}.nx-blog__card--compact .nx-blog__card-link{grid-template-columns:.72fr 1.28fr}.nx-blog__card--compact .nx-blog__thumb{min-height:170px}}
@media(max-width:600px){.nx-blog{padding:58px 0}.nx-blog__heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:25px}.nx-blog__title{font-size:35px}.nx-blog__lead{font-size:13px}.nx-blog__layout{gap:14px}.nx-blog__visual{min-height:245px;padding:16px}.nx-blog__dashboard{grid-template-columns:29px 1fr;margin:12px auto}.nx-blog__dash-main{padding:9px}.nx-blog__dash-side{gap:12px}.nx-blog__metric-row{gap:4px}.nx-blog__metric-row>div{padding:6px 4px}.nx-blog__metric-row strong{font-size:10px}.nx-blog__chart{height:52px;gap:4px}.nx-blog__feature-content{padding:20px}.nx-blog__feature-content h3{font-size:22px}.nx-blog__side{grid-template-columns:1fr;gap:12px}.nx-blog__card-link,.nx-blog__card--compact .nx-blog__card-link{grid-template-columns:112px minmax(0,1fr);min-height:160px}.nx-blog__thumb,.nx-blog__card--compact .nx-blog__thumb{min-height:160px}.nx-blog__card-content{padding:13px}.nx-blog__card-content h3{font-size:14px}.nx-blog__card-content p{font-size:10px}.nx-blog__meta{font-size:9px}.nx-blog__category{font-size:8px}.nx-blog__bottom{align-items:flex-start;flex-direction:column;gap:9px}}
@media(prefers-reduced-motion:reduce){.nx-blog *{scroll-behavior:auto!important;transition:none!important}}