/* NixAmm Core components. All rules are scoped to nx- classes. */
.nx-section { position: relative; width: 100%; }
.nx-shell { width: min(100% - 32px, 1280px); margin-inline: auto; }
.nx-icon { width: 20px; height: 20px; flex: 0 0 auto; }
.nx-icon--sm { width: 15px; height: 15px; }
.nx-bg-white { background: #fff; }
.nx-bg-soft { background: var(--nx-slate-soft, #F1F5F9); }
.nx-bg-navy { background: var(--nx-navy, #021128); color: #fff; }
.nx-reveal { transition: opacity .55s ease, transform .55s cubic-bezier(.22,1,.36,1); }
.nx-js .nx-reveal:not(.is-visible) { opacity: 0; transform: translateY(18px); }

/* 2.7.8 Elementor editor compatibility. */
.nx-elementor-editing .nx-reveal,
body.elementor-editor-active .nx-reveal,
body.elementor-editor-preview .nx-reveal,
.elementor-editor-active .nx-reveal,
.elementor-editor-preview .nx-reveal {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  transition: none !important;
}

.nx-btn { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 11px 18px; border: 1px solid transparent; border-radius: 10px; cursor: pointer; text-decoration: none !important; font-size: 14px; font-weight: 650; line-height: 1; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease; }
.nx-btn:hover { transform: translateY(-1px); }
.nx-btn--primary { background: var(--nx-teal, #0D62F8); color: #fff !important; box-shadow: 0 10px 24px rgba(13,98,248,.22); }
.nx-btn--primary:hover { background: var(--nx-teal, #0D62F8); }
.nx-btn--outline { background: #fff; color: var(--nx-heading, #021128) !important; border-color: var(--nx-border, #E2E8F0); }
.nx-btn--outline:hover { border-color: var(--nx-teal-bright); }
.nx-btn--ghost { background: transparent; color: var(--nx-body, #172033) !important; }
.nx-btn--premium { background: var(--nx-amber, #F9AF01); color: var(--nx-navy, #021128) !important; box-shadow: 0 10px 24px rgba(245,158,11,.22); }
.nx-btn--block { width: 100%; }
.nx-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.nx-pill { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border: 1px solid var(--nx-border, #E2E8F0); border-radius: 999px; background: #fff; color: var(--nx-teal, #0D62F8); box-shadow: 0 1px 2px rgba(6,30,51,.05); font-size: 12px; font-weight: 700; }
.nx-pill--amber { border: 0; background: rgba(245,158,11,.15); color: #b46700; }
.nx-eyebrow { margin: 0; color: var(--nx-teal, #0D62F8); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

/* Header */
.nx-site-header { z-index: 50; width: 100%; border-bottom: 1px solid var(--nx-border-subtle, #EDF1F5); background: rgba(255,255,255,.88); backdrop-filter: blur(14px); }
.nx-site-header.is-sticky { position: sticky; top: 0; }
.nx-site-header__inner { display: grid; min-height: 68px; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 20px; padding-block: 10px; }
.nx-brand { display: inline-flex; min-width: 0; align-items: center; gap: 10px; color: var(--nx-heading, #021128) !important; text-decoration: none !important; }
.nx-brand img { width: 38px; height: 38px; flex: 0 0 auto; object-fit: contain; border-radius: 11px; }
.nx-brand > span { min-width: 0; font-size: 18px; font-weight: 800; letter-spacing: -.035em; }
.nx-brand > span > strong, .nx-brand > span > small { display: block; }
.nx-brand > span > small { margin-top: 4px; color: rgba(255,255,255,.58); font-size: 10px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.nx-brand--light { color: #fff !important; }
.nx-site-header__navwrap { display: flex; align-items: center; gap: 16px; }
.nx-site-nav ul { display: flex; align-items: center; gap: 3px; margin: 0; padding: 0; list-style: none; }
.nx-site-nav a { display: block; padding: 10px 12px; border-radius: 9px; color: var(--nx-body, #172033); text-decoration: none; font-size: 14px; font-weight: 550; transition: .2s ease; }
.nx-site-nav a:hover { background: var(--nx-slate-soft, #F1F5F9); color: var(--nx-heading, #021128); }
.nx-site-header__actions { display: flex; align-items: center; gap: 8px; }
.nx-site-header__mobile-actions { display: none; align-items: center; justify-content: flex-end; gap: 7px; }
.nx-mobile-signin { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 0 13px; border: 1px solid var(--nx-border, #E2E8F0); border-radius: 11px; background: rgba(255,255,255,.94); color: var(--nx-heading, #021128) !important; box-shadow: 0 3px 12px rgba(11,31,58,.06); text-decoration: none !important; font-size: 13px; font-weight: 700; }
.nx-mobile-signin:hover { border-color: rgba(13,98,248,.38); background: var(--nx-teal-soft, #D9F8FF); color: var(--nx-teal, #0D62F8) !important; }
.nx-mobile-menu-toggle { display: none; width: 42px; height: 42px; place-items: center; border: 1px solid transparent; border-radius: 11px; background: var(--nx-slate-soft, #F1F5F9); color: var(--nx-heading); cursor: pointer; }

/* Footer */
.nx-site-footer { margin-top: 96px; background: var(--nx-navy, #021128); color: rgba(255,255,255,.74); }
.nx-site-footer__grid { display: grid; grid-template-columns: 1.4fr repeat(3,1fr); gap: 52px; padding-block: 52px; }
.nx-site-footer__grid p { max-width: 330px; margin: 18px 0 0; font-size: 14px; line-height: 1.7; }
.nx-site-footer__grid h2 { margin: 0 0 16px;  font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.nx-site-footer__grid > div > a:not(.nx-brand) { display: block; margin: 10px 0; color: rgba(255,255,255,.82); text-decoration: none; font-size: 14px; }
.nx-site-footer__grid > div > a:hover { color: #fff; }
.nx-site-footer__bottom { border-top: 1px solid rgba(255,255,255,.1); padding-block: 20px; color: rgba(255,255,255,.5); font-size: 12px; }

/* Common heading */
.nx-heading-section { padding: 80px 0 24px; background: #fff; }
.nx-heading-section--page { padding: 64px 0 38px; }
.nx-heading-block { max-width: 720px; margin-inline: auto; text-align: center; }
.nx-heading-block h1, .nx-heading-block h2 { margin: 12px 0 0; color: var(--nx-heading, #021128); font-size: clamp(32px, 4.5vw, 48px); line-height: 1.08; font-weight: 800; letter-spacing: -.035em; }
.nx-heading-block h2 { font-size: clamp(29px, 3.8vw, 42px); }
.nx-heading-block > p:not(.nx-eyebrow) { max-width: 660px; margin: 16px auto 0; color: var(--nx-subtle, #64748B); font-size: 16px; line-height: 1.7; }

/* Hero */
.nx-hero { overflow: hidden; padding: 112px 0 80px; background: #fff; }
.nx-hero::before { position: absolute; inset: 0 0 auto; height: 680px; background: radial-gradient(70% 60% at 50% -5%, var(--nx-teal-soft,#D9F8FF), transparent); content: ""; pointer-events: none; }
.nx-hero__grid { position: absolute; inset: 0 0 auto; height: 680px; opacity: .32; background-image: linear-gradient(to right,var(--nx-border-subtle,#EDF1F5) 1px,transparent 1px),linear-gradient(to bottom,var(--nx-border-subtle,#EDF1F5) 1px,transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(60% 50% at 50% 0%,black,transparent); }
.nx-hero__content { position: relative; max-width: 900px; margin-inline: auto; text-align: center; }
.nx-hero h1 { margin: 22px 0 0; color: var(--nx-heading, #021128); font-size: clamp(42px, 6vw, 64px); line-height: 1.06; font-weight: 800; letter-spacing: -.045em; }
.nx-hero__accent { background: linear-gradient(90deg,var(--nx-teal,#0D62F8),var(--nx-teal-bright,#0D62F8)); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
.nx-hero__body { max-width: 700px; margin: 24px auto 0; color: var(--nx-subtle,#64748B); font-size: clamp(16px,2vw,20px); line-height: 1.7; }
.nx-hero .nx-actions { justify-content: center; margin-top: 34px; }
.nx-note { margin: 14px 0 0; color: var(--nx-subtle,#64748B); font-size: 12px; }
.nx-hero-stats { display: grid; max-width: 780px; grid-template-columns: repeat(4,1fr); gap: 0; margin: 44px auto 0; padding: 24px 0; border-top: 1px solid var(--nx-border-subtle); border-bottom: 1px solid var(--nx-border-subtle); }
.nx-hero-stats div { padding: 0 12px; text-align: center; }
.nx-hero-stats strong, .nx-hero-stats span { display: block; }
.nx-hero-stats strong { color: var(--nx-heading); font-size: 28px; font-weight: 800; }
.nx-hero-stats span { margin-top: 5px; color: var(--nx-subtle); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }

/* Card grids */
.nx-card-section { padding: 80px 0; }
.nx-card-section .nx-heading-block { margin-bottom: 46px; }
.nx-card-grid { display: grid; gap: 20px; }
.nx-card-grid--2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.nx-card-grid--3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.nx-card-grid--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.nx-card { position: relative; min-width: 0; padding: 26px; border: 1px solid var(--nx-border-subtle,#EDF1F5); border-radius: 18px; background: #fff; box-shadow: var(--nx-shadow-card,0 8px 24px rgba(6,30,51,.06)); transition: transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s ease, border-color .22s ease; }
.nx-card:hover { transform: translateY(-3px); border-color: rgba(13,98,248,.28); box-shadow: var(--nx-shadow-lift,0 18px 40px rgba(6,30,51,.12)); }
.nx-card__icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: var(--nx-teal-soft,#D9F8FF); color: var(--nx-teal,#0D62F8); }
.nx-card h3 { margin: 16px 0 0; color: var(--nx-heading); font-size: 16px; line-height: 1.35; font-weight: 700; }
.nx-card p { margin: 8px 0 0; color: var(--nx-subtle); font-size: 14px; line-height: 1.65; }
.nx-step-number { display: block; color: var(--nx-teal); font-size: 14px; font-weight: 800; }
.nx-card-grid--compact .nx-card { display: grid; grid-template-columns: 42px minmax(0,1fr); column-gap: 16px; padding: 20px; }
.nx-card-grid--compact .nx-card__icon { grid-row: span 2; width: 40px; height: 40px; background: var(--nx-slate-soft); color: var(--nx-navy); }
.nx-card-grid--compact .nx-card h3 { margin: 0; }
.nx-card-grid--compact .nx-card p { grid-column: 2; }
.nx-card-grid--detailed .nx-card { padding: 28px; }
.nx-card__points { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 16px; margin: 20px 0 0; padding: 0; list-style: none; }
.nx-card__point { position: relative; padding-left: 13px; color: var(--nx-body); font-size: 14px; }
.nx-card__point::before { position: absolute; top: .55em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--nx-teal-bright); content: ""; }
.nx-card-grid--dark .nx-card { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.05); box-shadow: none; }
.nx-card-grid--dark .nx-card:hover { border-color: rgba(13,98,248,.55); background: rgba(255,255,255,.1); }
.nx-card-grid--dark .nx-card h3 { color: #fff; }
.nx-card-grid--dark .nx-card p { color: rgba(255,255,255,.65); }
.nx-card__link { display: inline-flex; align-items: center; gap: 7px; margin-top: 17px; color: var(--nx-teal-bright) !important; text-decoration: none; font-size: 14px; font-weight: 700; }
.nx-bg-navy .nx-heading-block h2 { color: #fff; }
.nx-bg-navy .nx-heading-block > p { color: rgba(255,255,255,.65); }

/* Stats */
.nx-stats-section { padding: 0 0 64px; background: #fff; }
.nx-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 28px; padding: 46px 34px; border-radius: 24px; }
.nx-stats--navy { background: var(--nx-navy); }
.nx-stats--light { border: 1px solid var(--nx-border-subtle); background: #fff; }
.nx-stats div { text-align: center; }
.nx-stats strong, .nx-stats span { display: block; }
.nx-stats strong { color: var(--nx-teal-bright); font-size: 32px; font-weight: 800; }
.nx-stats span { margin-top: 5px; color: rgba(255,255,255,.65); font-size: 14px; }
.nx-stats--light span { color: var(--nx-subtle); }

/* Dashboard preview */
.nx-preview-section { padding: 24px 0 80px; background: #fff; }
.nx-dashboard-preview { max-width: 1180px; margin-inline: auto; padding: 8px; overflow: hidden; border: 1px solid var(--nx-border-subtle); border-radius: 30px; background: #fff; box-shadow: 0 40px 80px -40px rgba(10,25,47,.45); }
.nx-dashboard-preview { display: grid; grid-template-columns: 220px minmax(0,1fr); }
.nx-preview-sidebar { display: flex; min-height: 720px; flex-direction: column; padding: 20px 16px; border-radius: 22px 0 0 22px; background: var(--nx-navy); }
.nx-preview-brand { display: flex; align-items: center; gap: 9px; color: #fff; }
.nx-preview-brand span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; background: var(--nx-teal-bright); font-size: 13px; font-weight: 900; }
.nx-preview-brand strong { font-size: 18px; letter-spacing: -.03em; }
.nx-preview-sidebar nav { display: grid; gap: 3px; margin-top: 28px; }
.nx-preview-sidebar nav a { display: flex; align-items: center; gap: 10px; padding: 9px 11px; border-radius: 8px; color: rgba(255,255,255,.58); text-decoration: none; font-size: 11px; font-weight: 550; }
.nx-preview-sidebar nav a.is-active { background: var(--nx-teal); color: #fff; }
.nx-preview-plan { display: grid; grid-template-columns: auto 1fr; gap: 3px 8px; margin-top: auto; padding: 13px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.05); color: #fff; }
.nx-preview-plan .nx-icon { color: var(--nx-amber); }
.nx-preview-plan strong { font-size: 11px; }
.nx-preview-plan small { grid-column: 1/-1; color: rgba(255,255,255,.5); font-size: 9px; }
.nx-preview-main { min-width: 0; padding: 0 16px 16px; border-radius: 0 22px 22px 0; background: var(--nx-background); }
.nx-preview-top { display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid var(--nx-border-subtle); }
.nx-preview-search { display: flex; width: min(420px,60%); align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--nx-border-subtle); border-radius: 10px; background: #fff; color: var(--nx-subtle); font-size: 10px; }
.nx-preview-user { display: flex; align-items: center; gap: 9px; }
.nx-preview-user > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: var(--nx-teal); color: #fff; font-size: 9px; font-weight: 800; }
.nx-preview-user strong,.nx-preview-user small { display: block; }
.nx-preview-user strong { color: var(--nx-heading); font-size: 10px; }
.nx-preview-user small { color: var(--nx-subtle); font-size: 8px; }
.nx-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 2px 16px; }
.nx-preview-heading h2 { margin: 0; color: var(--nx-heading); font-size: 22px; font-weight: 800; letter-spacing: -.035em; }
.nx-preview-heading p { margin: 3px 0 0; color: var(--nx-subtle); font-size: 10px; }
.nx-preview-add { min-height: 34px; padding: 8px 12px; font-size: 10px; }
.nx-preview-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.nx-mini-card { position: relative; min-width: 0; padding: 13px; border: 1px solid var(--nx-border-subtle); border-radius: 13px; background: #fff; }
.nx-mini-card small,.nx-mini-card strong,.nx-mini-card em { display: block; }
.nx-mini-card small { margin-top: 8px; color: var(--nx-subtle); font-size: 8px; }
.nx-mini-card strong { margin-top: 2px; color: var(--nx-heading); font-size: 17px; }
.nx-mini-card em { margin-top: 3px; color: var(--nx-teal); font-size: 7px; font-style: normal; }
.nx-mini-card svg { position: absolute; right: 9px; bottom: 11px; width: 52px; height: 18px; color: var(--nx-teal); }
.nx-mini-icon { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: var(--nx-teal-soft); color: var(--nx-teal); }
.nx-mini-icon .nx-icon { width: 14px; height: 14px; }
.nx-preview-row { display: grid; gap: 10px; margin-top: 10px; }
.nx-preview-row--upper { grid-template-columns: 1.5fr 1fr .95fr; }
.nx-preview-row--lower { grid-template-columns: 1.2fr 1.4fr .75fr; }
.nx-preview-panel { min-width: 0; padding: 13px; border: 1px solid var(--nx-border-subtle); border-radius: 13px; background: #fff; }
.nx-panel-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.nx-panel-title strong { color: var(--nx-heading); font-size: 10px; }
.nx-panel-title small { color: var(--nx-subtle); font-size: 8px; }
.nx-bar-chart { position: relative; display: flex; height: 145px; align-items: end; gap: 5px; margin-top: 15px; padding: 4px 0 0; border-bottom: 1px solid var(--nx-border-subtle); }
.nx-bar-chart i { width: 7%; border-radius: 3px 3px 0 0; background: var(--nx-navy-deep); opacity: .88; }
.nx-bar-chart svg { position: absolute; inset: 0; width: 100%; height: 100%; color: var(--nx-teal-bright); }
.nx-chart-totals { display: flex; justify-content: space-between; gap: 15px; margin-top: 10px; }
.nx-chart-totals small,.nx-chart-totals strong { display: block; }
.nx-chart-totals small { color: var(--nx-subtle); font-size: 7px; }
.nx-chart-totals strong { color: var(--nx-heading); font-size: 12px; }
.nx-pipeline-list,.nx-watch-list { margin: 10px 0 0; padding: 0; list-style: none; }
.nx-pipeline-list li { display: grid; grid-template-columns: 26px 1fr auto auto; align-items: center; gap: 7px; padding: 7px 0; border-top: 1px solid var(--nx-border-subtle); }
.nx-pipeline-list li:first-child { border-top: 0; }
.nx-pipeline-list li > span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 7px; background: var(--nx-teal-soft); color: var(--nx-teal); }
.nx-pipeline-list strong,.nx-pipeline-list small { display: block; }
.nx-pipeline-list strong { color: var(--nx-heading); font-size: 8px; }
.nx-pipeline-list small { color: var(--nx-subtle); font-size: 7px; }
.nx-pipeline-list b,.nx-pipeline-list em { font-size: 8px; font-style: normal; }
.nx-pipeline-list em { width: 40px; text-align: right; color: var(--nx-heading); font-weight: 700; }
.nx-watch-list li { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 7px; padding: 7px 0; }
.nx-watch-list b { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; background: var(--nx-navy); color: #fff; font-size: 8px; }
.nx-watch-list strong,.nx-watch-list small { display: block; }
.nx-watch-list strong { color: var(--nx-heading); font-size: 8px; }
.nx-watch-list small { color: var(--nx-subtle); font-size: 7px; }
.nx-watch-list em { padding: 4px 6px; border-radius: 999px; background: var(--nx-amber-soft); color: #b46700; font-size: 6px; font-style: normal; font-weight: 700; white-space: nowrap; }
.nx-progress-row { margin-top: 13px; }
.nx-progress-row small,.nx-progress-row strong { display: inline-block; }
.nx-progress-row small { width: 60%; color: var(--nx-subtle); font-size: 8px; }
.nx-progress-row strong { color: var(--nx-heading); font-size: 11px; }
.nx-progress-row i { display: block; height: 5px; margin-top: 5px; overflow: hidden; border-radius: 99px; background: var(--nx-slate-soft); }
.nx-progress-row i b { display: block; height: 100%; border-radius: inherit; background: var(--nx-teal); }
.nx-leads-table { width: 100%; margin-top: 8px; border-collapse: collapse; font-size: 7px; }
.nx-leads-table th { padding: 5px 3px; color: var(--nx-subtle); text-align: left; font-weight: 500; }
.nx-leads-table td { padding: 7px 3px; border-top: 1px solid var(--nx-border-subtle); color: var(--nx-body); }
.nx-leads-table td:first-child { color: var(--nx-heading); font-weight: 650; }
.nx-leads-table span { display: inline-block; padding: 3px 6px; border-radius: 999px; background: var(--nx-teal-soft); color: var(--nx-teal); }
.nx-preview-plan-card { padding: 14px; border: 1px solid rgba(245,158,11,.45); border-radius: 13px; background: var(--nx-amber-soft); }
.nx-preview-plan-card > .nx-icon { color: var(--nx-amber); }
.nx-preview-plan-card small,.nx-preview-plan-card strong { display: block; }
.nx-preview-plan-card small { margin-top: 8px; font-size: 7px; }
.nx-preview-plan-card strong { color: var(--nx-heading); font-size: 12px; }
.nx-preview-plan-card p { margin: 3px 0; color: var(--nx-subtle); font-size: 7px; }
.nx-preview-plan-card ul { margin: 8px 0 0; padding: 0; list-style: none; }
.nx-preview-plan-card li { position: relative; margin: 4px 0; padding-left: 11px; color: var(--nx-body); font-size: 7px; }
.nx-preview-plan-card li::before { position: absolute; left: 0; color: var(--nx-teal); content: "✓"; }

/* Video */
.nx-video-story { overflow: hidden; padding: 80px 0; }
.nx-video-story__grid { display: grid; grid-template-columns: 1fr 1.15fr; align-items: center; gap: 64px; }
.nx-video-story h2 { margin: 12px 0 0; color: var(--nx-heading); font-size: clamp(30px,4vw,42px); line-height: 1.1; font-weight: 800; letter-spacing: -.035em; }
.nx-video-story p:not(.nx-eyebrow) { margin: 16px 0 0; color: var(--nx-subtle); line-height: 1.7; }
.nx-video-story ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
.nx-video-story li { display: flex; align-items: center; gap: 12px; padding: 15px; border: 1px solid var(--nx-border-subtle); border-radius: 14px; background: #fff; box-shadow: var(--nx-shadow-card); }
.nx-video-story li strong { color: var(--nx-teal); font-size: 13px; }
.nx-video-story li span { color: var(--nx-heading); font-size: 13px; font-weight: 650; }
.nx-video-frame { padding: 8px; overflow: hidden; border: 1px solid var(--nx-border-subtle); border-radius: 24px; background: #fff; box-shadow: 0 40px 80px -45px rgba(10,25,47,.5); }
.nx-video-frame video,.nx-video-missing { display: grid; width: 100%; aspect-ratio: 16/9; place-items: center; border-radius: 18px; object-fit: cover; }
.nx-video-missing { align-content: center; padding: 40px; background: linear-gradient(135deg,var(--nx-navy),var(--nx-navy-deep)); color: #fff; text-align: center; }
.nx-video-missing span { display: grid; width: 54px; height: 54px; place-items: center; margin: 0 auto 14px; border-radius: 50%; background: var(--nx-teal); }
.nx-video-missing p { max-width: 480px; margin: 8px auto 0 !important; color: rgba(255,255,255,.65) !important; font-size: 13px; }

/* Pricing */
.nx-pricing-section { padding: 80px 0; background: #fff; }
.nx-pricing-section .nx-heading-block { margin-bottom: 36px; }
.nx-billing-toggle { display: flex; width: fit-content; align-items: center; gap: 11px; margin: 0 auto 34px; padding: 9px 13px; border: 1px solid var(--nx-border); border-radius: 999px; background: #fff; font-size: 13px; }
.nx-billing-toggle button { position: relative; width: 40px; height: 22px; padding: 0; border: 0; border-radius: 999px; background: var(--nx-teal); cursor: pointer; }
.nx-billing-toggle button i { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .2s ease; }
.nx-billing-toggle.is-annual button i { transform: translateX(18px); }
.nx-billing-toggle em { padding: 4px 7px; border-radius: 999px; background: var(--nx-teal-soft); color: var(--nx-teal); font-size: 10px; font-style: normal; font-weight: 700; }
.nx-pricing-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; align-items: stretch; }
.nx-price-card { position: relative; display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--nx-border-subtle); border-radius: 18px; background: #fff; box-shadow: var(--nx-shadow-card); }
.nx-price-card.is-recommended { border-color: var(--nx-teal-bright); box-shadow: 0 0 0 1px var(--nx-teal-bright),0 30px 60px -35px rgba(10,25,47,.4); }
.nx-recommended { position: absolute; top: -13px; left: 28px; padding: 6px 11px; border-radius: 999px; background: var(--nx-amber); color: var(--nx-navy); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.nx-price-card h3 { margin: 0; color: var(--nx-heading); font-size: 19px; font-weight: 800; }
.nx-price-card > p { margin: 7px 0 0; color: var(--nx-subtle); font-size: 14px; }
.nx-price { display: flex; align-items: baseline; margin-top: 22px; }
.nx-price strong { color: var(--nx-heading); font-size: 40px; font-weight: 800; letter-spacing: -.04em; }
.nx-price span { color: var(--nx-subtle); font-size: 13px; }
.nx-price-card > small { margin-top: 3px; color: var(--nx-subtle); font-size: 11px; }
.nx-price-card ul { flex: 1; margin: 24px 0; padding: 0; list-style: none; }
.nx-price-card li { display: flex; align-items: flex-start; gap: 9px; margin: 11px 0; color: var(--nx-body); font-size: 14px; line-height: 1.45; }
.nx-price-card li .nx-icon { margin-top: 2px; color: var(--nx-teal); }
.nx-trial-panel { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; margin-top: 48px; padding: 38px; border: 1px solid var(--nx-border-subtle); border-radius: 18px; background: #fff; box-shadow: var(--nx-shadow-card); }
.nx-premium-label { display: inline-flex; padding: 5px 10px; border-radius: 999px; background: rgba(245,158,11,.15); color: #b46700; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.nx-trial-panel h3 { margin: 15px 0 0; color: var(--nx-heading); font-size: 30px; font-weight: 800; }
.nx-trial-panel p { color: var(--nx-subtle); }
.nx-trial-panel small { display: block; margin-top: 10px; color: var(--nx-subtle); font-size: 11px; }
.nx-trial-panel ul { align-self: center; margin: 0; padding: 0; list-style: none; }
.nx-trial-panel li { display: flex; gap: 9px; margin: 11px 0; color: var(--nx-body); font-size: 14px; }
.nx-trial-panel li .nx-icon { color: var(--nx-teal); }

/* Comparison */
.nx-comparison-section { padding: 20px 0 70px; background: #fff; }
.nx-comparison-section .nx-heading-block { margin-bottom: 30px; }
.nx-comparison { overflow-x: auto; border: 1px solid var(--nx-border-subtle); border-radius: 18px; background: #fff; box-shadow: var(--nx-shadow-card); }
.nx-comparison table { width: 100%; min-width: 720px; border-collapse: collapse; }
.nx-comparison th,.nx-comparison td { padding: 14px 16px; border-bottom: 1px solid var(--nx-border-subtle); color: var(--nx-body); text-align: left; font-size: 13px; }
.nx-comparison thead th { background: var(--nx-slate-soft); color: var(--nx-heading); font-size: 12px; font-weight: 750; }
.nx-comparison__group th { background: var(--nx-teal-soft); color: var(--nx-teal); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.nx-comparison tr:last-child td { border-bottom: 0; }

/* Testimonials */
.nx-testimonials { padding: 80px 0; }
.nx-testimonials .nx-heading-block { margin-bottom: 44px; }
.nx-testimonial-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.nx-testimonial { margin: 0; padding: 26px; border: 1px solid var(--nx-border-subtle); border-radius: 18px; background: #fff; box-shadow: var(--nx-shadow-card); }
.nx-testimonial > .nx-icon { color: var(--nx-teal); }
.nx-testimonial blockquote { margin: 17px 0 0; color: var(--nx-body); font-size: 14px; line-height: 1.75; }
.nx-testimonial figcaption { display: flex; align-items: center; gap: 11px; margin-top: 20px; }
.nx-testimonial figcaption > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: var(--nx-navy); color: #fff; font-size: 11px; font-weight: 800; }
.nx-testimonial figcaption strong,.nx-testimonial figcaption small { display: block; }
.nx-testimonial figcaption strong { color: var(--nx-heading); font-size: 13px; }
.nx-testimonial figcaption small { margin-top: 2px; color: var(--nx-subtle); font-size: 11px; }

/* FAQ */
.nx-faq-section { padding: 80px 0; background: #fff; }
.nx-faq-section .nx-heading-block { margin-bottom: 36px; }
.nx-faq { max-width: 820px; margin-inline: auto; overflow: hidden; border: 1px solid var(--nx-border-subtle); border-radius: 18px; background: #fff; box-shadow: var(--nx-shadow-card); }
.nx-faq__item { border-bottom: 1px solid var(--nx-border-subtle); }
.nx-faq__item:last-child { border-bottom: 0; }
.nx-faq__item button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 22px; border: 0; background: transparent; color: var(--nx-heading); text-align: left; cursor: pointer; font-size: 15px; font-weight: 700; }
.nx-faq__item button b { font-size: 20px; font-weight: 400; transition: transform .2s ease; }
.nx-faq__item.is-open button b { transform: rotate(45deg); }
.nx-faq__answer { display: none; padding: 0 22px 20px; }
.nx-faq__item.is-open .nx-faq__answer { display: block; }
.nx-faq__answer p { margin: 0; color: var(--nx-subtle); font-size: 14px; line-height: 1.7; }

/* CTA */
.nx-cta-section { padding: 0 0 32px; background: #fff; }
.nx-cta { position: relative; overflow: hidden; padding: 72px 40px; border-radius: 26px; background: var(--nx-navy); text-align: center; }
.nx-cta::before { position: absolute; inset: 0; background: radial-gradient(50% 60% at 50% 0%,var(--nx-teal),transparent); opacity: .4; content: ""; }
.nx-cta > * { position: relative; }
.nx-cta h2 { max-width: 840px; margin: 0 auto; color: #fff; font-size: clamp(32px,4.5vw,48px); line-height: 1.08; font-weight: 800; letter-spacing: -.04em; }
.nx-cta p { max-width: 640px; margin: 16px auto 28px; color: rgba(255,255,255,.65); line-height: 1.7; }
.nx-cta .nx-btn { margin-top: 28px; }

/* Timeline */
.nx-timeline-section { padding: 80px 0; background: #fff; }
.nx-timeline-section .nx-heading-block { margin-bottom: 42px; }
.nx-timeline { max-width: 780px; margin: 0 auto; padding: 0 0 0 26px; border-left: 1px solid var(--nx-border-subtle); list-style: none; }
.nx-timeline li { position: relative; padding: 0 0 28px; }
.nx-timeline li > span { position: absolute; top: 7px; left: -32px; width: 11px; height: 11px; border-radius: 50%; background: var(--nx-teal-bright); }
.nx-timeline small { color: var(--nx-teal); font-size: 11px; font-weight: 800; }
.nx-timeline h3 { margin: 4px 0 0; color: var(--nx-heading); font-size: 16px; font-weight: 700; }
.nx-timeline p { margin: 5px 0 0; color: var(--nx-subtle); font-size: 14px; line-height: 1.65; }

/* Contact and CF7 */
.nx-contact-section { padding: 10px 0 80px; background: #fff; }
.nx-contact-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px; align-items: start; }
.nx-form-card,.nx-contact-card { padding: 28px; border: 1px solid var(--nx-border-subtle); border-radius: 18px; background: #fff; box-shadow: var(--nx-shadow-card); }
.nx-contact-grid aside { display: grid; gap: 16px; }
.nx-contact-card h2,.nx-demo-card h2 { margin: 0; color: var(--nx-heading); font-size: 16px; font-weight: 700; }
.nx-contact-card ul { margin: 20px 0 0; padding: 0; list-style: none; }
.nx-contact-card li { display: flex; gap: 12px; margin: 16px 0; }
.nx-contact-card li > span { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border-radius: 10px; background: var(--nx-teal-soft); color: var(--nx-teal); }
.nx-contact-card small,.nx-contact-card strong { display: block; }
.nx-contact-card small { color: var(--nx-subtle); font-size: 11px; }
.nx-contact-card strong { margin-top: 2px; color: var(--nx-heading); font-size: 13px; font-weight: 650; }
.nx-demo-card { padding: 26px; border-radius: 18px; background: var(--nx-navy); color: #fff; }
.nx-demo-card h2 { color: #fff; }
.nx-demo-card p { margin: 9px 0 18px; color: rgba(255,255,255,.65); font-size: 14px; line-height: 1.65; }
.nx-cf7-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.nx-form-card label { display: block; color: var(--nx-heading); font-size: 13px; font-weight: 650; }
.nx-optional { color: var(--nx-subtle); font-size: 11px; font-weight: 400; }
.nx-form-card input:not([type=submit]),.nx-form-card select,.nx-form-card textarea { width: 100%; margin-top: 7px; padding: 12px 13px; border: 1px solid var(--nx-border); border-radius: 9px; background: #fff; color: var(--nx-body); outline: none; transition: border-color .2s,box-shadow .2s; }
.nx-form-card input:focus,.nx-form-card select:focus,.nx-form-card textarea:focus { border-color: var(--nx-teal-bright); box-shadow: 0 0 0 3px rgba(13,98,248,.12); }
.nx-cf7-message { margin-top: 20px; }
.nx-cf7-submit,.nx-form-card input[type=submit] { margin-top: 22px; padding: 13px 20px; border: 0; border-radius: 10px; background: var(--nx-teal-bright); color: #fff; cursor: pointer; font-weight: 700; }
.wpcf7-not-valid-tip { margin-top: 5px; color: var(--nx-error); font-size: 11px; }
.wpcf7 form .wpcf7-response-output { margin: 18px 0 0; padding: 12px 14px; border-radius: 10px; font-size: 13px; }

/* Affiliates */
.nx-affiliate-hero { padding: 88px 0; text-align: center; }
.nx-affiliate-hero h1 { max-width: 900px; margin: 18px auto 0; color: var(--nx-heading); font-size: clamp(38px,5vw,54px); line-height: 1.08; font-weight: 800; letter-spacing: -.04em; }
.nx-affiliate-hero h1 span { color: var(--nx-teal); }
.nx-affiliate-hero p { max-width: 760px; margin: 18px auto 0; color: var(--nx-body); line-height: 1.7; }
.nx-affiliate-hero .nx-actions { justify-content: center; margin-top: 30px; }
.nx-affiliate-join { display: grid; grid-template-columns: 1.15fr .85fr; gap: 36px; padding-block: 80px; }
.nx-affiliate-join h2 { margin: 0; color: var(--nx-heading); font-size: 32px; font-weight: 800; }
.nx-affiliate-join p { color: var(--nx-subtle); }
.nx-inline-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 24px; }
.nx-inline-form label { color: var(--nx-heading); font-size: 13px; font-weight: 650; }
.nx-inline-form input { width: 100%; margin-top: 7px; padding: 12px 13px; border: 1px solid var(--nx-border); border-radius: 9px; }
.nx-inline-form .nx-btn { grid-column: 1/-1; width: fit-content; }
.nx-affiliate-calculator { padding: 28px; border: 1px solid var(--nx-border-subtle); border-radius: 18px; background: #fff; box-shadow: var(--nx-shadow-card); }
.nx-affiliate-calculator h3 { margin: 0; color: var(--nx-heading); }
.nx-affiliate-calculator label { display: grid; gap: 9px; margin-top: 22px; color: var(--nx-body); font-size: 13px; }
.nx-affiliate-calculator strong { display: block; margin-top: 8px; color: var(--nx-teal); font-size: 42px; }
.nx-affiliate-calculator small { display: block; margin-top: 8px; color: var(--nx-subtle); line-height: 1.6; }

/* Auth */
/* Authenticated SaaS typography uses the Amnitra Poppins family. */
.nx-auth,.nx-onboarding{font-family:"Poppins","Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}
.nx-auth :is(button,input,select,textarea),.nx-onboarding :is(button,input,select,textarea){font-family:inherit}

.nx-auth { display: grid; min-height: 100dvh; grid-template-columns: 1fr 1fr; background: #fff; }
.nx-auth > aside { display: flex; flex-direction: column; justify-content: space-between; padding: 48px; background: var(--nx-navy); color: #fff; }
.nx-auth > aside h2 { max-width: 500px; margin: 0; color: #fff; font-size: 34px; line-height: 1.15; font-weight: 800; }
.nx-auth > aside p { max-width: 420px; margin: 16px 0 0; color: rgba(255,255,255,.65); line-height: 1.7; }
.nx-auth > aside ul { margin: 30px 0 0; padding: 0; list-style: none; }
.nx-auth > aside li { display: flex; align-items: center; gap: 10px; margin: 12px 0; color: rgba(255,255,255,.82); font-size: 14px; }
.nx-auth > aside li .nx-icon { color: var(--nx-teal-bright); }
.nx-auth > aside > small { color: rgba(255,255,255,.44); }
.nx-auth > main { display: flex; align-items: center; justify-content: center; padding: 48px 28px; }
.nx-auth-card { width: min(100%,440px); }
.nx-auth-card h1 { margin: 0; color: var(--nx-heading); font-size: 26px; font-weight: 800; }
.nx-auth-card > p { margin: 8px 0 0; color: var(--nx-subtle); font-size: 14px; }
.nx-auth-card form { display: grid; gap: 18px; margin-top: 30px; }
.nx-auth-card label { display: grid; gap: 7px; color: var(--nx-heading); font-size: 13px; font-weight: 650; }
.nx-auth-card input:not([type=checkbox]) { width: 100%; min-height: 48px; padding: 12px 13px; border: 1px solid var(--nx-border); border-radius: 11px; background: #fff; outline: none; transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease; }
.nx-auth-card input:not([type=checkbox]):hover { border-color: #cbd5e1; }
.nx-auth-card input:focus { border-color: var(--nx-teal-bright); box-shadow: 0 0 0 4px rgba(13,98,248,.12); }
.nx-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.nx-check-label { display: flex !important; grid-template-columns: auto 1fr; align-items: flex-start; gap: 9px !important; color: var(--nx-body) !important; font-weight: 450 !important; }
.nx-check-label input { margin-top: 2px; }
.nx-auth-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.nx-auth-row a,.nx-auth-footer a { color: var(--nx-teal); text-decoration: none; font-weight: 650; }
.nx-auth-footer { text-align: center; }
.nx-auth-mobile-logo { display: none; margin-bottom: 30px; }
.nx-form-feedback { min-height: 20px; color: var(--nx-teal); font-size: 12px; line-height: 1.45; }
.nx-form-feedback:not(:empty) { padding: 10px 12px; border: 1px solid rgba(13,98,248,.2); border-radius: 10px; background: var(--nx-teal-soft, #D9F8FF); }
.nx-form-feedback[data-status="error"] { border-color: #fecaca; background: #fff7f7;  }


/* Onboarding */
.nx-onboarding { min-height: 100dvh; background: var(--nx-background); }
.nx-onboarding > header { display: flex; align-items: center; justify-content: space-between; padding: 14px max(24px,calc((100% - 1024px)/2)); border-bottom: 1px solid var(--nx-border-subtle); background: #fff; }
.nx-onboarding > header > a:last-child { color: var(--nx-body); text-decoration: none; font-size: 13px; }
.nx-onboarding__layout { display: grid; max-width: 1024px; grid-template-columns: 240px minmax(0,1fr); gap: 32px; margin: 0 auto; padding: 42px 24px; }
.nx-onboarding__layout > aside > small { color: var(--nx-subtle); font-size: 11px; }
.nx-onboarding-progress { height: 6px; margin-top: 9px; overflow: hidden; border-radius: 99px; background: var(--nx-slate-soft); }
.nx-onboarding-progress i { display: block; width: 20%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#0D62F8,#6559F9 65%,#1BD1A2); transition: width .25s; }
.nx-onboarding ol { display: grid; gap: 18px; margin: 24px 0 0; padding: 0; list-style: none; }
.nx-onboarding ol li { display: flex; gap: 12px; opacity: .62; }
.nx-onboarding ol li.is-active { opacity: 1; }
.nx-onboarding ol li > b { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--nx-slate-soft); color: var(--nx-subtle); font-size: 11px; }
.nx-onboarding ol li.is-active > b { background: linear-gradient(135deg,#0D62F8,#6559F9); color: #fff; box-shadow:0 6px 14px rgba(13,98,248,.18); }
.nx-onboarding ol strong,.nx-onboarding ol small { display: block; }
.nx-onboarding ol strong { color: var(--nx-heading); font-size: 13px; }
.nx-onboarding ol small { margin-top: 2px; color: var(--nx-subtle); font-size: 10px; line-height: 1.4; }
.nx-onboarding__layout > main { padding: 30px; border: 1px solid #dce6f2; border-radius: 12px; background: linear-gradient(180deg,#fff 0%,#fbfdff 100%); box-shadow:0 18px 50px rgba(2,17,40,.08),0 8px 24px rgba(13,98,248,.055); }
.nx-onboarding-step { display: none; }
.nx-onboarding-step.is-active { display: grid; gap: 18px; }
.nx-onboarding-step h1 { margin: 0; color: var(--nx-heading); font-size: 26px; font-weight: 600; letter-spacing:-.02em; }
.nx-onboarding-step > p { margin: -12px 0 7px; color: var(--nx-subtle); font-size: 13px; }
.nx-onboarding-step label { display: grid; gap: 7px; color: var(--nx-heading); font-size: 13px; font-weight: 500; }
.nx-onboarding-step input,.nx-onboarding-step select,.nx-onboarding-step textarea { width: 100%; padding: 12px 13px; border: 1px solid var(--nx-border); border-radius: 9px; background: #fff; }
.nx-onboarding form > footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 30px; }
.nx-onboarding dl { display: grid; margin: 0; overflow: hidden; border: 1px solid var(--nx-border-subtle); border-radius: 12px; }
.nx-onboarding dl div { display: grid; grid-template-columns: 1fr 1.5fr; gap: 14px; padding: 12px 14px; border-bottom: 1px solid var(--nx-border-subtle); }
.nx-onboarding dt { color: var(--nx-subtle); font-size: 11px; }
.nx-onboarding dd { margin: 0; color: var(--nx-heading); font-size: 13px; }
.nx-onboarding-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nx-onboarding-plan{position:relative;display:grid!important;align-content:start;gap:14px!important;min-height:250px;padding:18px;border:1px solid #dce6f2;border-radius:10px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 8px 24px rgba(2,17,40,.045);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.nx-onboarding-plan:hover{border-color:rgba(13,98,248,.34);box-shadow:0 14px 32px rgba(13,98,248,.09);transform:translateY(-1px)}
.nx-onboarding-plan.is-featured{background:linear-gradient(155deg,rgba(217,248,255,.72),#fff 48%,rgba(238,236,255,.66));border-color:rgba(13,98,248,.26)}
.nx-onboarding-plan:has(input:checked){border-color:#0D62F8;box-shadow:0 0 0 3px rgba(13,98,248,.10),0 16px 36px rgba(13,98,248,.12)}
.nx-onboarding-plan>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
.nx-onboarding-plan__check{position:absolute;top:14px;right:14px;width:18px;height:18px;border:1.5px solid #b9c7d8;border-radius:50%;background:#fff}
.nx-onboarding-plan:has(input:checked) .nx-onboarding-plan__check{border:5px solid #0D62F8}
.nx-onboarding-plan__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-right:24px}.nx-onboarding-plan__head strong,.nx-onboarding-plan__head small{display:block}.nx-onboarding-plan__head strong{font-size:15px;font-weight:600}.nx-onboarding-plan__head small{margin-top:4px;color:#6b7b8e;font-size:11px;font-weight:400;line-height:1.45}.nx-onboarding-plan__head em{padding:4px 7px;border-radius:999px;background:linear-gradient(90deg,#0D62F8,#6559F9);color:#fff;font-size:10px;font-style:normal;font-weight:500}
.nx-onboarding-plan__price{display:flex;align-items:baseline;gap:5px}.nx-onboarding-plan__price strong{font-size:28px;font-weight:600;letter-spacing:-.03em}.nx-onboarding-plan__price small{color:#748397;font-size:11px;font-weight:400}
.nx-onboarding-plan ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.nx-onboarding-plan li{display:flex;align-items:flex-start;gap:7px;color:#42546a;font-size:11px;line-height:1.4}.nx-onboarding-plan li .nx-icon{width:14px;height:14px;flex:0 0 14px;color:#1BD1A2}
.nx-onboarding-plan__action{margin-top:auto;padding-top:12px;border-top:1px solid #e6edf5;color:#0D62F8;font-size:11px;font-weight:500}
.nx-onboarding-payment-note{padding:12px 14px;border:1px solid rgba(13,98,248,.14);border-radius:8px;background:linear-gradient(90deg,rgba(217,248,255,.42),rgba(238,236,255,.36));color:#52647a;font-size:11px;line-height:1.5}

@media (max-width: 1100px) {
  .nx-card-grid--4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nx-dashboard-preview { grid-template-columns: 1fr; }
  .nx-preview-sidebar { display: none; }
  .nx-preview-main { border-radius: 22px; }
  .nx-preview-row--upper,.nx-preview-row--lower { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nx-preview-row > *:first-child { grid-column: 1/-1; }
}

@media (max-width: 900px) {
  .nx-site-header__inner { min-height: 64px; gap: 10px; padding-block: 8px; }
  .nx-site-header__mobile-actions { display: flex; }
  .nx-site-header__navwrap { position: absolute; top: calc(100% + 8px); right: 14px; left: 14px; display: none; max-height: calc(100dvh - 92px); overflow-y: auto; padding: 12px; border: 1px solid var(--nx-border-subtle); border-radius: 18px; background: rgba(255,255,255,.98); box-shadow: 0 24px 60px rgba(11,31,58,.18); }
  .nx-site-header.is-menu-open .nx-site-header__navwrap { display: block; animation: nx-mobile-menu-in .18s ease both; }
  .nx-mobile-menu-toggle { display: grid; }
  .nx-site-nav ul { display: grid; gap: 3px; }
  .nx-site-nav a { min-height: 44px; padding: 12px; }
  .nx-site-header__actions { display: grid; grid-template-columns: 1fr; margin-top: 9px; }
  .nx-site-header__actions .nx-btn { width: 100%; }
  .nx-site-header__actions .nx-btn--ghost { display: none; }
  .nx-site-footer__grid { grid-template-columns: repeat(2,1fr); }
  .nx-video-story__grid,.nx-trial-panel,.nx-contact-grid,.nx-affiliate-join { grid-template-columns: 1fr; }
  .nx-pricing-grid,.nx-testimonial-grid { grid-template-columns: 1fr; }
  .nx-price-card.is-recommended { margin-top: 8px; }
  .nx-auth { grid-template-columns: 1fr; background: radial-gradient(circle at top left, rgba(13,98,248,.11), transparent 34%), #f5f8fb; }
  .nx-auth > aside { display: none; }
  .nx-auth-mobile-logo { display: block; }
  .nx-onboarding__layout { grid-template-columns: 1fr; }
  .nx-onboarding__layout > aside { display: none; }
}

@media (max-width: 640px) {
  .nx-shell { width: min(100% - 28px,1280px); }
  .nx-hero { padding: 72px 0 54px; }
  .nx-hero__grid { display: none; }
  .nx-hero h1 { font-size: 41px; }
  .nx-hero-stats { grid-template-columns: repeat(2,1fr); row-gap: 22px; }
  .nx-card-section,.nx-video-story,.nx-pricing-section,.nx-testimonials,.nx-faq-section,.nx-timeline-section { padding: 64px 0; }
  .nx-card-grid--2,.nx-card-grid--3,.nx-card-grid--4 { grid-template-columns: 1fr; }
  .nx-card__points { grid-template-columns: 1fr; }
  .nx-stats { grid-template-columns: repeat(2,1fr); padding: 34px 22px; }
  .nx-preview-section { padding-top: 4px; }
  .nx-dashboard-preview { padding: 4px; border-radius: 20px; }
  .nx-preview-main { padding: 0 10px 10px; }
  .nx-preview-top { min-height: 52px; }
  .nx-preview-search { width: 58%; }
  .nx-preview-heading { align-items: flex-start; padding-top: 16px; }
  .nx-preview-heading h2 { font-size: 17px; }
  .nx-preview-heading .nx-preview-add { display: none; }
  .nx-preview-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nx-preview-row--upper,.nx-preview-row--lower { grid-template-columns: 1fr; }
  .nx-preview-row > *:first-child { grid-column: auto; }
  .nx-video-story ul { grid-template-columns: 1fr; }
  .nx-cf7-grid,.nx-field-grid,.nx-inline-form { grid-template-columns: 1fr; }
  .nx-inline-form .nx-btn { grid-column: auto; width: 100%; }
  .nx-site-footer__grid { grid-template-columns: 1fr; gap: 28px; }
  .nx-cta { padding: 54px 22px; }
  .nx-auth > main { min-height: 100dvh; align-items: flex-start; padding: max(20px, env(safe-area-inset-top)) 14px max(32px, env(safe-area-inset-bottom)); }
  .nx-auth-card { width: 100%; margin-top: 8px; padding: 24px 18px 20px; border: 1px solid rgba(226,232,240,.9); border-radius: 22px; background: rgba(255,255,255,.96); box-shadow: 0 22px 54px rgba(11,31,58,.11); }
  .nx-auth-mobile-logo { margin-bottom: 24px; }
  .nx-auth-card h1 { font-size: 25px; letter-spacing: -.02em; }
  .nx-auth-card form { gap: 16px; margin-top: 24px; }
  .nx-auth-row { align-items: center; }
  .nx-auth-card .nx-btn--block { min-height: 48px; border-radius: 12px; }
  .nx-onboarding__layout { padding: 20px 14px; }
  .nx-onboarding__layout > main { padding: 22px 18px; }
}

@keyframes nx-mobile-menu-in { from { opacity: 0; transform: translateY(-6px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }

/* Authentication source-interaction details. */
.nx-password-field{position:relative}.nx-password-field input{padding-right:4.5rem}.nx-password-field button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--nx-teal);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.nx-link-button{border:0;background:transparent;padding:0;color:var(--nx-teal);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.nx-link-button:hover{text-decoration:underline}.nx-password-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.7rem 0 0;padding:0;list-style:none}.nx-password-rules li{display:flex;align-items:center;gap:.35rem;color:var(--nx-muted);font-size:.7rem}.nx-password-rules li .nx-icon{opacity:.35}.nx-password-rules li.is-valid{color:var(--nx-teal)}.nx-password-rules li.is-valid .nx-icon{opacity:1}@media(max-width:640px){.nx-password-rules{grid-template-columns:1fr}}

/* v1.0.2 corrections: preserve dark copy, visible header CTA, and complete footer. */
.nx-site-header .nx-site-nav a,
.nx-site-header .nx-btn--ghost { color: var(--nx-body, #172033) !important; }
.nx-site-header .nx-btn--primary { display:inline-flex !important; color:#fff !important; background:var(--nx-teal-bright,#0D62F8) !important; }
.nx-section p:not(.nx-eyebrow):not(.nx-note),
.nx-section li,
.nx-section td,
.nx-section label { color:var(--nx-body,#172033); }
.nx-section h1,
.nx-section h2,
.nx-section h3,
.nx-section h4,
.nx-section h5,
.nx-section h6 { color:var(--nx-heading,#021128); }
.nx-site-footer { display:block; }
.nx-site-footer .nx-brand--light,
.nx-site-footer .nx-brand--light strong { color:#fff !important; }
.nx-site-footer .nx-brand--light small,
.nx-site-footer p { color:rgba(255,255,255,.68) !important; }


/* v1.0.3 exact Lovable partner-program footer. */
.nx-footer-partner{padding:56px 0 0}.nx-footer-partner__panel{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,.72fr);align-items:center;gap:54px;padding:31px 32px;border:1px solid rgba(245,158,11,.62);border-radius:22px;background:rgba(255,255,255,.025)}.nx-footer-partner__badge{display:inline-flex;align-items:center;gap:8px;padding:5px 13px;border-radius:999px;background:rgba(245,158,11,.13);color:var(--nx-amber,#F9AF01);font-size:12px;font-weight:700}.nx-footer-partner__copy h2{margin:14px 0 0;color:#fff!important;font-size:26px;line-height:1.2;font-weight:800;letter-spacing:-.025em}.nx-footer-partner__copy p{max-width:620px;margin:10px 0 0;color:rgba(255,255,255,.66)!important;font-size:14px;line-height:1.55}.nx-footer-partner__form{padding:24px 16px 18px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(8,37,60,.54)}.nx-footer-partner__form>label{display:block;margin:0 0 10px;color:rgba(255,255,255,.52)!important;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.nx-footer-partner__fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.nx-footer-partner__fields input{min-width:0;height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.17);border-radius:12px;outline:0;background:rgba(255,255,255,.05);color:#fff}.nx-footer-partner__fields input::placeholder{color:rgba(255,255,255,.35)}.nx-footer-partner__fields input:focus{border-color:rgba(245,158,11,.72);box-shadow:0 0 0 3px rgba(245,158,11,.12)}.nx-footer-partner__button{display:inline-flex;height:42px;align-items:center;justify-content:center;gap:8px;padding:0 19px;border:0;border-radius:13px;background:var(--nx-amber,#F9AF01);color:#111827;font-weight:800;cursor:pointer}.nx-footer-partner__note{margin:9px 0 0!important;color:rgba(255,255,255,.48)!important;font-size:12px}.nx-footer-partner__note a{color:var(--nx-amber,#F9AF01)!important;font-weight:700;text-decoration:none}.nx-site-footer__grid{padding-top:48px}.nx-site-footer__grid .nx-brand img{width:44px;height:44px;border-radius:50%;background:#fff}.nx-site-footer__grid .nx-brand strong{font-size:18px}.nx-site-footer__grid .nx-brand small{text-transform:uppercase;font-size:10px;letter-spacing:.04em}.nx-site-footer__grid h2{color:rgba(255,255,255,.5)!important}
@media(max-width:900px){.nx-footer-partner__panel{grid-template-columns:1fr;gap:26px}.nx-footer-partner__form{max-width:560px}}
@media(max-width:620px){.nx-footer-partner{padding-top:32px}.nx-footer-partner__panel{padding:24px 20px;border-radius:18px}.nx-footer-partner__copy h2{font-size:23px}.nx-footer-partner__fields{grid-template-columns:1fr}.nx-footer-partner__button{width:100%}}


/* NixAmm 2.1.4 authenticated-route first-paint shell. */
body.nixamm-app-route .nx-route-skeleton{position:relative;display:block;min-height:68vh;padding:2px 0 40px;color:#172033;background:#fff;border-radius:16px}
body.nixamm-app-route .nx-route-skeleton__header{display:block;min-height:86px;padding:22px 24px 18px;border-bottom:1px solid #eef2f6}
body.nixamm-app-route .nx-route-skeleton__header h1{margin:0;color:#021128;font-size:clamp(1.65rem,2vw,1.95rem);font-weight:600;line-height:1.16}
body.nixamm-app-route .nx-route-skeleton__header p{max-width:760px;margin:7px 0 0;color:#64748b;line-height:1.55}
body.nixamm-app-route .nx-route-skeleton__action,body.nixamm-app-route .nx-route-skeleton__metrics,body.nixamm-app-route .nx-route-skeleton__content{display:none}
body.nixamm-app-route .nx-route-skeleton::before{position:absolute;top:85px;left:24px;right:24px;height:3px;overflow:hidden;border-radius:999px;background:#edf2f6;content:""}
body.nixamm-app-route .nx-route-skeleton::after{position:absolute;top:85px;left:24px;width:min(34%,340px);height:3px;border-radius:999px;background:linear-gradient(90deg,#0D62F8,#0D62F8,#F9AF01);content:"";animation:nx-route-loading 1.15s ease-in-out infinite}
@keyframes nx-route-loading{0%{transform:translateX(0);opacity:.7}50%{transform:translateX(155%);opacity:1}100%{transform:translateX(0);opacity:.7}}
@media(max-width:640px){body.nixamm-app-route .nx-route-skeleton{min-height:72vh;border-radius:12px}body.nixamm-app-route .nx-route-skeleton__header{min-height:92px;padding:20px 18px 16px}body.nixamm-app-route .nx-route-skeleton::before,body.nixamm-app-route .nx-route-skeleton::after{top:91px;left:18px}body.nixamm-app-route .nx-route-skeleton::before{right:18px}}
@media(prefers-reduced-motion:reduce){body.nixamm-app-route .nx-route-skeleton::after{animation:none;width:42%}}

/* NixAmm 2.2.5 partner programme — owned by the public core stylesheet. */
.nx-affiliate-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px;border:1px solid var(--nx-border-subtle,#e2e8f0);border-radius:20px;background:#fff;box-shadow:var(--nx-shadow-card)}
.nx-affiliate-form label{display:grid;gap:8px;color:var(--nx-body);font-size:13px;font-weight:700}
.nx-affiliate-form input,.nx-affiliate-form select,.nx-affiliate-payout input,.nx-affiliate-payout select{width:100%;min-height:46px;padding:0 13px;border:1px solid #d7e0ea;border-radius:12px;background:#fff;color:var(--nx-body);font:inherit;outline:0;transition:border-color .18s ease,box-shadow .18s ease}
.nx-affiliate-form input:focus,.nx-affiliate-form select:focus,.nx-affiliate-payout input:focus,.nx-affiliate-payout select:focus{border-color:var(--nx-teal,#0D62F8);box-shadow:0 0 0 4px rgba(13,98,248,.1)}
.nx-affiliate-form .nx-affiliate-terms,.nx-affiliate-form .nx-form-feedback,.nx-affiliate-form>button{grid-column:1/-1}
.nx-affiliate-terms{display:flex!important;align-items:flex-start;gap:10px!important;font-weight:500!important;line-height:1.55}
.nx-affiliate-terms input{width:18px!important;min-height:18px!important;margin-top:2px}
.nx-form-feedback[data-status="success"]{color:#067647}.nx-form-feedback[data-status="error"]{color:#b42318}
.nx-affiliate-calculator dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 0}.nx-affiliate-calculator dl div{padding:12px;border-radius:12px;background:#f7fafc}.nx-affiliate-calculator dt{color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase}.nx-affiliate-calculator dd{margin:5px 0 0;color:#021128;font-weight:800}
.nx-affiliate-dashboard-section{padding-top:72px;padding-bottom:72px;background:linear-gradient(180deg,#f7fafc 0%,#fff 100%)}
.nx-affiliate-dashboard{display:grid;gap:20px}.nx-affiliate-profile-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border:1px solid #dce6ef;border-radius:22px;background:#fff;box-shadow:0 16px 44px rgba(11,31,58,.08)}
.nx-affiliate-profile-card h3{margin:12px 0 6px;color:#021128;font-size:26px}.nx-affiliate-profile-card p{margin:0;color:#64748b}.nx-affiliate-link{display:flex;min-width:min(100%,520px);gap:10px}.nx-affiliate-link input{min-width:0;flex:1;height:46px;padding:0 13px;border:1px solid #d7e0ea;border-radius:12px;background:#f8fafc;color:#334155}
.nx-affiliate-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.nx-affiliate-metrics article{padding:18px;border:1px solid #e1e9f0;border-radius:16px;background:#fff}.nx-affiliate-metrics small{display:block;color:#64748b;font-size:12px}.nx-affiliate-metrics strong{display:block;margin-top:8px;color:#021128;font-size:23px;line-height:1.1}
.nx-affiliate-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.nx-affiliate-panel,.nx-affiliate-payout{padding:22px;border:1px solid #e1e9f0;border-radius:18px;background:#fff}.nx-affiliate-panel h3,.nx-affiliate-payout h3{margin:0 0 14px;color:#021128}.nx-affiliate-list{display:grid}.nx-affiliate-list>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #edf1f5}.nx-affiliate-list>div:first-child{border-top:0}.nx-affiliate-list span{color:#334155;font-weight:700;text-transform:capitalize}.nx-affiliate-list time{color:#94a3b8;font-size:12px;text-align:right}
.nx-affiliate-payout{display:grid;grid-template-columns:1.25fr .8fr 1fr auto;align-items:end;gap:14px}.nx-affiliate-payout p{margin:6px 0 0;color:#64748b}.nx-affiliate-payout label{display:grid;gap:7px;color:#475569;font-size:12px;font-weight:700}.nx-affiliate-payout .nx-form-feedback{grid-column:1/-1}.nx-affiliate-success{grid-column:1/-1;padding:22px;border-radius:16px;background:#ecfdf3}.nx-affiliate-success strong{display:block;color:#067647;font-size:19px}.nx-affiliate-success input{margin:12px 0}
@media(max-width:1000px){.nx-affiliate-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.nx-affiliate-payout{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-affiliate-payout>div,.nx-affiliate-payout .nx-form-feedback{grid-column:1/-1}}
@media(max-width:720px){.nx-affiliate-form{grid-template-columns:1fr;padding:20px}.nx-affiliate-form label,.nx-affiliate-form .nx-affiliate-terms,.nx-affiliate-form .nx-form-feedback,.nx-affiliate-form>button{grid-column:1}.nx-affiliate-profile-card{align-items:stretch;flex-direction:column}.nx-affiliate-link{min-width:0;flex-direction:column}.nx-affiliate-link .nx-btn{width:100%}.nx-affiliate-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-affiliate-dashboard-grid{grid-template-columns:1fr}.nx-affiliate-payout{grid-template-columns:1fr}.nx-affiliate-payout>div,.nx-affiliate-payout .nx-form-feedback{grid-column:1}.nx-affiliate-calculator dl{grid-template-columns:1fr}}
@media(max-width:390px){.nx-affiliate-metrics{grid-template-columns:1fr}}


/* Partner terms: kept in the shared public stylesheet to avoid an override layer. */
.nx-legal-copy{max-width:850px;margin-inline:auto;padding-block:clamp(2.5rem,7vw,5rem);color:#17324a}
.nx-legal-copy h1{margin:.4rem 0 1rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;color:#021128}
.nx-legal-copy h2{margin:2rem 0 .65rem;font-size:clamp(1.15rem,2.4vw,1.45rem);color:#021128}
.nx-legal-copy p{margin:.65rem 0;line-height:1.75;color:#43566a}
@media(max-width:640px){.nx-legal-copy{padding-inline:1rem}.nx-legal-copy h1{letter-spacing:-.025em}}

.nx-affiliate-panel--wide{grid-column:1/-1}
.nx-affiliate-panel--wide form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-top:1rem}
.nx-affiliate-panel--wide form>label{display:grid;gap:.45rem;font-weight:700;color:#17324a}
.nx-affiliate-panel--wide form input{min-height:46px;border:1px solid #d8e2eb;border-radius:12px;padding:.75rem .9rem;background:#fff}
.nx-affiliate-panel--wide .nx-affiliate-link,.nx-affiliate-panel--wide form>small{grid-column:1/-1}
@media(max-width:700px){.nx-affiliate-panel--wide form{grid-template-columns:1fr}.nx-affiliate-panel--wide .nx-affiliate-link{display:grid;grid-template-columns:1fr 1fr}.nx-affiliate-panel--wide .nx-affiliate-link input{grid-column:1/-1}}

@media(max-width:780px){.nx-onboarding-plan-grid{grid-template-columns:1fr}.nx-onboarding-plan{min-height:0}.nx-onboarding-step h1{font-size:24px}}