:root {
    --ni-accent: #ffaf53;
    --ni-accent-strong: #df7f18;
    --ni-ink: #18191b;
    --ni-muted: #62676d;
    --ni-line: #dfe2e5;
    --ni-soft: #f4f5f6;
    --ni-teal: #126f69;
    --ni-green: #267a54;
    --ni-red: #b8463d;
    --ni-white: #ffffff;
    --ni-max: 1512px;
    --ni-radius: 6px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 92px;
}

body {
    margin: 0;
    background: var(--ni-white);
    color: var(--ni-ink);
    font-family: "Raleway", sans-serif;
    letter-spacing: 0;
}

body,
button,
input,
select,
textarea {
    font-family: "Raleway", sans-serif;
}

img,
video {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
}

.ni-main {
    overflow: hidden;
}

.ni-shell {
    width: 100%;
    margin-inline: auto;
    padding-inline: 24px;
}

@media (min-width: 768px) {
    .ni-shell {
        padding-inline: 5%;
    }
}

@media (min-width: 1536px) {
    .ni-shell {
        padding-inline: 15%;
    }
}

.ni-band {
    padding: 88px 0;
}

.ni-band--soft {
    background: var(--ni-soft);
}

.ni-band--ink {
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-band--teal {
    background: var(--ni-accent);
    color: var(--ni-white);
}

.ni-band--orange {
    background: var(--ni-accent);
    color: var(--ni-white);
}

.ni-band--teal .ni-btn,
.ni-band--orange .ni-btn {
    background: var(--ni-white);
    color: var(--ni-ink);
}

.ni-band--teal .ni-btn:hover,
.ni-band--orange .ni-btn:hover {
    background: #f2f2f2;
}

.ni-band--teal .ni-btn--secondary,
.ni-band--orange .ni-btn--secondary {
    border-color: rgba(255, 255, 255, 0.7);
    background: transparent;
    color: var(--ni-white);
}

.ni-band--teal .ni-btn--secondary:hover,
.ni-band--orange .ni-btn--secondary:hover {
    border-color: var(--ni-white);
    background: var(--ni-white);
    color: var(--ni-ink);
}

.ni-band--teal .ni-btn--dark,
.ni-band--orange .ni-btn--dark,
.ni-human-support .ni-btn--dark,
.ni-verifactu-cta .ni-btn--dark,
.ni-why-support .ni-btn--dark {
    background: var(--ni-white);
    color: var(--ni-ink);
}

.ni-band--teal .ni-btn--dark:hover,
.ni-band--orange .ni-btn--dark:hover,
.ni-human-support .ni-btn--dark:hover,
.ni-verifactu-cta .ni-btn--dark:hover,
.ni-why-support .ni-btn--dark:hover {
    background: #f2f2f2;
}

.ni-eyebrow {
    margin: 0 0 18px;
    color: var(--ni-accent-strong);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.4;
    text-transform: uppercase;
}

.ni-band--ink .ni-eyebrow {
    color: var(--ni-accent);
}

.ni-band--teal .ni-eyebrow {
    color: var(--ni-white);
}

.ni-title {
    max-width: 980px;
    margin: 0;
    font-size: clamp(2.1rem, 4.2vw, 4.8rem);
    font-weight: 500;
    line-height: 1.05;
}

.ni-title--section {
    font-size: clamp(2rem, 3.2vw, 3.5rem);
}

.ni-lead {
    max-width: 760px;
    margin: 24px 0 0;
    color: var(--ni-muted);
    font-size: clamp(1.08rem, 1.7vw, 1.35rem);
    font-weight: 450;
    line-height: 1.65;
}

.ni-band--ink .ni-lead {
    color: #d9dddf;
}

.ni-band--teal .ni-lead {
    color: rgba(255, 255, 255, 0.92);
}

.ni-btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 20px;
    border: 1px solid transparent;
    border-radius: var(--ni-radius);
    background: var(--ni-accent);
    color: var(--ni-white);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.ni-btn:hover {
    background: var(--ni-accent-strong);
    transform: translateY(-2px);
}

.ni-btn:focus-visible,
.ni-plan-tab:focus-visible,
.ni-period-btn:focus-visible,
.ni-form input:focus-visible,
.ni-form select:focus-visible,
.ni-form textarea:focus-visible,
.ni-faq summary:focus-visible {
    outline: 3px solid rgba(255, 175, 83, 0.55);
    outline-offset: 3px;
}

.ni-btn--secondary {
    border-color: rgba(255, 255, 255, 0.42);
    background: transparent;
    color: var(--ni-white);
}

.ni-btn--secondary:hover {
    border-color: var(--ni-white);
    background: var(--ni-white);
    color: var(--ni-ink);
}

.ni-btn--dark {
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-btn--dark:hover {
    background: #323437;
}

.ni-btn--outline {
    border-color: #aeb3b7;
    background: transparent;
    color: var(--ni-ink);
}

.ni-btn--outline:hover {
    border-color: var(--ni-ink);
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-workflow__cta {
    margin-top: 28px;
}

.ni-hero {
    position: relative;
    overflow: hidden;
    min-height: min(790px, calc(100svh - 44px));
    padding: 132px 0 64px;
    background-color: #202225;
    background-image: url("../images/neuroInvoice.webp");
    background-position: center;
    background-size: cover;
    color: var(--ni-white);
}

.ni-hero::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: rgba(12, 13, 14, 0.7);
    content: "";
}

.ni-hero__content {
    position: relative;
    z-index: 2;
    width: min(62%, 980px);
}

.ni-hero__logo {
    width: min(290px, 78vw);
    margin-bottom: 18px;
}

.ni-hero__title {
    margin: 0;
    max-width: 980px;
    font-size: clamp(2.4rem, 3.6vw, 4rem);
    font-weight: 500;
    line-height: 1.05;
}

.ni-hero__copy {
    max-width: 650px;
    margin: 18px 0 0;
    color: #e1e3e5;
    font-size: clamp(1.05rem, 1.6vw, 1.28rem);
    font-weight: 450;
    line-height: 1.5;
}

.ni-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

.ni-hero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0 0;
    padding: 0;
    color: #c9cccf;
    font-size: 0.85rem;
    font-weight: 650;
    list-style: none;
}

.ni-hero__trust li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ni-product-stage {
    display: none;
    position: absolute;
    top: 112px;
    right: -7%;
    width: min(52vw, 760px);
    min-width: 600px;
    border: 1px solid #4a4e52;
    border-radius: 8px;
    background: #f7f8f8;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.34);
    color: var(--ni-ink);
    transform: rotate(-1deg);
}

.ni-product-stage__top {
    display: flex;
    height: 42px;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    border-bottom: 1px solid #d7dade;
    font-size: 0.72rem;
    font-weight: 750;
}

.ni-window-dots {
    display: flex;
    gap: 5px;
}

.ni-window-dots span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c4c8cb;
}

.ni-product-stage__body {
    display: grid;
    min-height: 430px;
    grid-template-columns: 132px 1fr;
}

.ni-product-nav {
    padding: 20px 12px;
    background: #1e2022;
    color: #d9dcde;
}

.ni-product-nav__brand {
    margin: 0 8px 24px;
    color: var(--ni-accent);
    font-size: 0.7rem;
    font-weight: 850;
}

.ni-product-nav span {
    display: block;
    margin-bottom: 7px;
    padding: 9px 10px;
    border-radius: 4px;
    font-size: 0.68rem;
}

.ni-product-nav span:first-of-type {
    background: var(--ni-accent);
    color: var(--ni-ink);
    font-weight: 800;
}

.ni-product-content {
    padding: 24px;
}

.ni-dashboard-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
}

.ni-dashboard-head h2 {
    margin: 0;
    font-size: 1.35rem;
}

.ni-dashboard-head p {
    margin: 5px 0 0;
    color: var(--ni-muted);
    font-size: 0.7rem;
}

.ni-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--ni-green);
    font-size: 0.66rem;
    font-weight: 800;
}

.ni-status::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.ni-kpis {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 22px;
}

.ni-kpi {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--ni-line);
    border-radius: 5px;
    background: var(--ni-white);
}

.ni-kpi span {
    display: block;
    color: var(--ni-muted);
    font-size: 0.61rem;
    font-weight: 700;
}

.ni-kpi strong {
    display: block;
    margin-top: 8px;
    font-size: 1.15rem;
}

.ni-chart {
    display: flex;
    height: 120px;
    align-items: end;
    gap: 10px;
    margin-top: 12px;
    padding: 18px 16px 14px;
    border: 1px solid var(--ni-line);
    border-radius: 5px;
    background: var(--ni-white);
}

.ni-chart span {
    flex: 1;
    min-width: 10px;
    border-radius: 3px 3px 0 0;
    background: var(--ni-teal);
}

.ni-chart span:nth-child(2n) {
    background: var(--ni-accent);
}

.ni-mini-table {
    margin-top: 12px;
    border: 1px solid var(--ni-line);
    border-radius: 5px;
    background: var(--ni-white);
}

.ni-mini-row {
    display: grid;
    grid-template-columns: 1.5fr 0.8fr 0.8fr;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #eceeef;
    font-size: 0.64rem;
}

.ni-mini-row:last-child {
    border-bottom: 0;
}

.ni-mini-row span:last-child {
    color: var(--ni-green);
    font-weight: 800;
}

.ni-problems {
    display: grid;
    gap: 42px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 58px;
}

.ni-problem__media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    margin-bottom: 20px;
    border-radius: var(--ni-radius);
    background: #e4e6e8;
}

.ni-problem__media img {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease, filter 0.4s ease;
}

.ni-problem:hover .ni-problem__media img {
    transform: scale(1.06);
    filter: blur(2px);
}

.ni-problem__media::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(12, 13, 14, 0.55) 0%, rgba(12, 13, 14, 0.15) 18%, rgba(12, 13, 14, 0.72) 100%);
    content: "";
}

.ni-problem__number {
    position: absolute;
    z-index: 2;
    top: 5%;
    left: 5%;
    color: var(--ni-accent);
    font-size: 3.04rem;
    font-weight: 850;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.ni-problem__text {
    position: absolute;
    z-index: 2;
    right: 5%;
    bottom: 5%;
    left: 5%;
}

.ni-problem h3 {
    margin: 0;
    color: var(--ni-white);
    font-size: 2.7rem;
    font-weight: 800;
    line-height: 1.15;
    text-align: left;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.ni-problem p {
    margin: 14px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--ni-accent);
    color: var(--ni-white);
    font-weight: 600;
    line-height: 1.5;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.ni-workflows {
    margin-top: 66px;
}

.ni-workflow {
    display: grid;
    gap: 54px;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    align-items: center;
    padding: 68px 0;
    border-top: 1px solid var(--ni-line);
}

.ni-workflow:nth-child(even) {
    grid-template-columns: minmax(0, 1.14fr) minmax(0, 0.86fr);
}

.ni-workflow:nth-child(even) .ni-workflow__copy {
    order: 2;
}

.ni-workflow:nth-child(even) .ni-demo {
    order: 1;
}

.ni-workflow__index {
    color: var(--ni-accent-strong);
    font-size: 0.76rem;
    font-weight: 850;
}

.ni-workflow h3 {
    margin: 14px 0 18px;
    font-size: clamp(1.75rem, 2.7vw, 3rem);
    font-weight: 560;
    line-height: 1.12;
}

.ni-workflow p {
    margin: 0;
    color: var(--ni-muted);
    font-size: 1.03rem;
    line-height: 1.7;
}

.ni-proof-list {
    display: grid;
    gap: 10px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.ni-proof-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #36393c;
    font-size: 0.92rem;
    font-weight: 650;
    line-height: 1.5;
}

.ni-proof-list li::before {
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--ni-accent);
    content: "";
}

.ni-demo {
    min-height: 390px;
    overflow: hidden;
    border: 1px solid #cdd1d4;
    border-radius: 8px;
    background: #eef0f1;
    box-shadow: 0 22px 50px rgba(31, 35, 38, 0.12);
}

.ni-demo__bar {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    border-bottom: 1px solid #d2d5d7;
    background: var(--ni-white);
    color: #555b60;
    font-size: 0.72rem;
    font-weight: 750;
}

.ni-demo__body {
    padding: 24px;
}

.ni-voice-layout {
    display: grid;
    min-height: 348px;
    grid-template-columns: 1.02fr 0.98fr;
}

.ni-voice-input,
.ni-voice-result {
    padding: 24px;
}

.ni-voice-input {
    background: var(--ni-white);
}

.ni-voice-heading {
    display: flex;
    align-items: center;
    gap: 15px;
}

.ni-voice-heading small,
.ni-voice-heading strong {
    display: block;
}

.ni-voice-heading small {
    color: var(--ni-accent-strong);
    font-size: 0.7rem;
    font-weight: 800;
}

.ni-voice-heading strong {
    margin-top: 3px;
    font-size: 1rem;
}

.ni-voice-mic {
    position: relative;
    display: flex;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-voice-mic svg {
    position: relative;
    z-index: 2;
    width: 23px;
    height: 23px;
}

.ni-voice-ring {
    position: absolute;
    inset: 0;
    border: 1px solid var(--ni-accent);
    animation: ni-voice-ring 2s infinite ease-out;
}

.ni-voice-ring:nth-child(2) {
    animation-delay: 0.65s;
}

.ni-voice-ring:nth-child(3) {
    animation-delay: 1.3s;
}

.ni-voice-input blockquote {
    margin: 24px 0 0;
    padding: 18px;
    border: 1px solid var(--ni-line);
    background: var(--ni-soft);
    font-size: 0.91rem;
    line-height: 1.6;
}

.ni-voice-wave {
    display: flex;
    height: 46px;
    align-items: end;
    gap: 7px;
    margin: 17px 0 0 18px;
}

.ni-voice-wave span {
    width: 7px;
    height: 28px;
    background: var(--ni-accent);
    transform-origin: bottom;
    animation: ni-voice-bar 1.2s infinite ease-in-out;
}

.ni-voice-wave span:nth-child(2) {
    height: 38px;
    animation-delay: 0.12s;
}

.ni-voice-wave span:nth-child(3) {
    height: 46px;
    animation-delay: 0.24s;
}

.ni-voice-wave span:nth-child(4) {
    height: 32px;
    animation-delay: 0.36s;
}

.ni-voice-wave span:nth-child(5) {
    height: 41px;
    animation-delay: 0.48s;
}

.ni-voice-result {
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-voice-steps {
    display: grid;
    gap: 11px;
    margin-bottom: 18px;
}

.ni-voice-steps span {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #9da1a5;
    font-size: 0.72rem;
    font-weight: 750;
    animation: ni-voice-step 4.8s infinite ease-in-out;
}

.ni-voice-steps span:nth-child(2) {
    animation-delay: 0.8s;
}

.ni-voice-steps span:nth-child(3) {
    animation-delay: 1.6s;
}

.ni-voice-steps svg {
    width: 17px;
    height: 17px;
    color: var(--ni-accent);
}

.ni-voice-invoice {
    padding: 17px;
    background: var(--ni-white);
    color: var(--ni-ink);
    animation: ni-invoice-glow 4.8s infinite ease-in-out;
}

.ni-voice-invoice__head,
.ni-voice-invoice > div:not(.ni-voice-invoice__head) {
    display: grid;
    align-items: center;
    gap: 8px;
}

.ni-voice-invoice__head {
    grid-template-columns: 1fr auto;
    margin-bottom: 11px;
}

.ni-voice-invoice__head span {
    grid-column: 1;
}

.ni-voice-invoice__head strong {
    grid-column: 1;
    font-size: 1.2rem;
}

.ni-voice-invoice__head svg {
    width: 23px;
    height: 23px;
    grid-column: 2;
    grid-row: 1 / 3;
    color: var(--ni-accent-strong);
}

.ni-voice-invoice > div:not(.ni-voice-invoice__head) {
    grid-template-columns: 0.7fr 1.3fr;
    padding: 8px 0;
    border-top: 1px solid var(--ni-line);
    font-size: 0.7rem;
}

.ni-voice-invoice span {
    color: var(--ni-muted);
}

.ni-voice-invoice strong {
    text-align: right;
}

.ni-voice-invoice p {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 11px;
    color: var(--ni-green);
    font-size: 0.65rem;
    font-weight: 800;
}

.ni-voice-invoice p svg {
    width: 15px;
    height: 15px;
}

@keyframes ni-voice-ring {
    0% {
        opacity: 0.55;
        transform: scale(0.8);
    }
    70%,
    100% {
        opacity: 0;
        transform: scale(1.35);
    }
}

@keyframes ni-voice-bar {
    0%,
    100% {
        opacity: 0.45;
        transform: scaleY(0.35);
    }
    50% {
        opacity: 1;
        transform: scaleY(1);
    }
}

@keyframes ni-voice-step {
    0%,
    18%,
    82%,
    100% {
        opacity: 0.45;
        transform: translateY(4px);
    }
    28%,
    72% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ni-invoice-glow {
    0%,
    100% {
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
    }
    50% {
        box-shadow: 0 18px 42px rgba(255, 175, 83, 0.35);
    }
}

.ni-scan-layout {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(150px, 0.72fr) auto minmax(220px, 1.28fr);
    align-items: center;
}

.ni-photo-capture__label,
.ni-system-result__label {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: var(--ni-muted);
    font-size: 0.64rem;
    font-weight: 850;
    text-transform: uppercase;
}

.ni-photo-capture__label svg,
.ni-system-result__label svg {
    width: 15px;
    height: 15px;
    color: var(--ni-accent-strong);
}

.ni-phone-photo {
    min-height: 265px;
    padding: 10px 10px 13px;
    border: 6px solid #242629;
    border-radius: 6px;
    background: #383b3e;
    box-shadow: 0 12px 24px rgba(24, 25, 27, 0.2);
}

.ni-phone-photo__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--ni-white);
    font-size: 0.55rem;
}

.ni-phone-photo__top svg {
    width: 12px;
}

.ni-receipt-photo {
    width: 88%;
    min-height: 190px;
    margin: 9px auto 10px;
    padding: 16px 12px;
    background: #fdfdfb;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.28);
    color: #2e3032;
    font-family: Arial, sans-serif;
    transform: rotate(-2deg);
}

.ni-receipt-photo strong,
.ni-receipt-photo small {
    display: block;
    text-align: center;
}

.ni-receipt-photo strong {
    font-size: 0.62rem;
}

.ni-receipt-photo small {
    margin-top: 4px;
    font-size: 0.5rem;
}

.ni-receipt-photo > span {
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 10px;
    background: #d9dcde;
}

.ni-receipt-photo > span:nth-of-type(2) {
    width: 74%;
}

.ni-receipt-photo dl {
    margin: 16px 0 0;
    font-size: 0.5rem;
}

.ni-receipt-photo dl div {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    border-top: 1px dashed #bfc3c6;
}

.ni-receipt-photo dt,
.ni-receipt-photo dd {
    margin: 0;
}

.ni-receipt-photo dl div:last-child {
    font-weight: 800;
}

.ni-phone-photo__shutter {
    display: flex;
    justify-content: center;
}

.ni-phone-photo__shutter span {
    width: 23px;
    height: 23px;
    border: 3px solid var(--ni-white);
    border-radius: 50%;
    box-shadow: inset 0 0 0 3px #383b3e;
    background: var(--ni-white);
}

.ni-scan-arrow {
    width: 22px;
    color: var(--ni-accent-strong);
}

.ni-extracted {
    display: grid;
    gap: 9px;
}

.ni-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 12px;
    border: 1px solid var(--ni-line);
    border-radius: 4px;
    background: var(--ni-white);
    font-size: 0.72rem;
}

.ni-field span {
    color: var(--ni-muted);
}

.ni-field strong {
    text-align: right;
}

.ni-demo__action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #d5d8da;
    font-size: 0.72rem;
}

.ni-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 999px;
    background: #e5f3ed;
    color: var(--ni-green);
    font-size: 0.65rem;
    font-weight: 800;
}

.ni-pill--orange {
    background: #fff0df;
    color: #a65c09;
}

.ni-pill--red {
    background: #f8e4e2;
    color: var(--ni-red);
}

.ni-invoice-panel,
.ni-stock-panel,
.ni-advisor-panel {
    display: grid;
    gap: 10px;
}

.ni-invoice-row,
.ni-stock-row,
.ni-advisor-row {
    display: grid;
    align-items: center;
    gap: 10px;
    padding: 13px;
    border: 1px solid var(--ni-line);
    border-radius: 4px;
    background: var(--ni-white);
    font-size: 0.72rem;
}

.ni-invoice-row {
    grid-template-columns: 0.85fr 1.2fr 0.8fr 0.75fr;
}

.ni-stock-row {
    grid-template-columns: 1.5fr 0.8fr 0.8fr 0.9fr;
}

.ni-advisor-row {
    grid-template-columns: 1.5fr 0.8fr 0.9fr;
}

.ni-deliverables {
    display: grid;
    gap: 9px;
}

.ni-deliverables__heading {
    display: flex;
    justify-content: space-between;
    padding: 0 13px 3px 45px;
    color: var(--ni-muted);
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ni-deliverable-row {
    display: grid;
    min-height: 62px;
    align-items: center;
    gap: 12px;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    padding: 11px 13px;
    border: 1px solid var(--ni-line);
    border-radius: 4px;
    background: var(--ni-white);
}

.ni-deliverable-row > svg {
    width: 20px;
    color: var(--ni-accent-strong);
}

.ni-deliverable-row strong,
.ni-deliverable-row div > span {
    display: block;
}

.ni-deliverable-row strong {
    font-size: 0.76rem;
}

.ni-deliverable-row div > span {
    margin-top: 4px;
    color: var(--ni-muted);
    font-size: 0.63rem;
    line-height: 1.35;
}

.ni-invoice-row:first-child,
.ni-stock-row:first-child,
.ni-advisor-row:first-child {
    border-color: transparent;
    background: transparent;
    color: var(--ni-muted);
    font-size: 0.64rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ni-chat {
    display: grid;
    gap: 14px;
}

.ni-chat__message {
    max-width: 82%;
    padding: 13px 15px;
    border-radius: 6px;
    background: var(--ni-white);
    font-size: 0.78rem;
    line-height: 1.5;
}

.ni-chat__message--user {
    justify-self: end;
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-chat__result {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 4px;
}

.ni-chat__result div {
    padding: 12px;
    border: 1px solid var(--ni-line);
    border-radius: 4px;
    background: var(--ni-white);
}

.ni-chat__result span,
.ni-chat__result strong {
    display: block;
}

.ni-chat__result span {
    color: var(--ni-muted);
    font-size: 0.62rem;
}

.ni-chat__result strong {
    margin-top: 6px;
    font-size: 0.9rem;
}

.ni-benefits {
    display: grid;
    gap: 34px;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 58px;
}

.ni-benefit {
    padding-top: 22px;
    border-top: 1px solid #5b6064;
}

.ni-benefit h3 {
    margin: 0 0 12px;
    color: var(--ni-white);
    font-size: 1.15rem;
}

.ni-benefit p {
    margin: 0;
    color: #c8cccf;
    font-size: 0.92rem;
    line-height: 1.6;
}

.ni-why-preview-link {
    margin-top: 42px;
}

.ni-human-support {
    background: var(--ni-accent);
    color: var(--ni-white);
}

.ni-human-support .ni-eyebrow {
    color: var(--ni-white);
}

.ni-human-support .ni-lead {
    color: rgba(255, 255, 255, 0.92);
}

.ni-human-support .ni-btn {
    margin-top: 30px;
}

.ni-human-support__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 72px;
    align-items: center;
}

.ni-human-support__experience {
    padding-left: 52px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.ni-human-support__experience strong,
.ni-human-support__experience span {
    display: block;
}

.ni-human-support__experience strong {
    font-size: clamp(4.5rem, 8vw, 8rem);
    font-weight: 700;
    line-height: 0.86;
}

.ni-human-support__experience span {
    margin-top: 15px;
    font-size: 1.05rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ni-human-support__experience p {
    margin: 24px 0 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.95rem;
    line-height: 1.7;
}

.ni-advisors {
    display: grid;
    gap: 58px;
    grid-template-columns: 1fr 0.95fr;
    align-items: center;
}

.ni-advisors__flow {
    display: grid;
    gap: 12px;
}

.ni-advisors-band--soft .ni-advisors__step {
    background: var(--ni-white);
}

.ni-advisors-band--soft .ni-advisors__step p {
    color: var(--ni-muted);
}

.ni-advisors__step {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(24, 25, 27, 0.22);
    border-radius: 6px;
    background: var(--ni-white);
}

.ni-advisors__step strong {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-advisors__step h3,
.ni-advisors__step p {
    margin: 0;
}

.ni-advisors__step h3 {
    font-size: 1rem;
}

.ni-advisors__step p {
    margin-top: 5px;
    color: var(--ni-muted);
    font-size: 0.85rem;
    line-height: 1.5;
}

.ni-quote {
    display: grid;
    gap: 46px;
    grid-template-columns: 0.36fr 1fr;
    align-items: start;
}

.ni-quote__logo {
    width: min(220px, 100%);
    margin-inline: auto;
}

.ni-quote blockquote {
    margin: 0;
    font-size: clamp(1.45rem, 2.5vw, 2.8rem);
    font-weight: 480;
    line-height: 1.27;
}

.ni-quote footer {
    margin-top: 24px;
    color: #c8cccf;
    font-size: 0.88rem;
}

.ni-pricing-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
}

.ni-period {
    display: inline-flex;
    padding: 4px;
    border: 1px solid #c9cdd0;
    border-radius: 6px;
    background: var(--ni-white);
}

.ni-period-btn,
.ni-plan-tab {
    min-height: 40px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--ni-muted);
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 800;
}

.ni-period-btn {
    padding: 8px 12px;
}

.ni-period-btn[aria-pressed="true"],
.ni-plan-tab[aria-selected="true"] {
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-plan-tabs {
    display: none;
    gap: 6px;
    margin-top: 28px;
    overflow-x: auto;
}

.ni-plan-tab {
    flex: 0 0 auto;
    padding: 8px 14px;
    border: 1px solid #c9cdd0;
}

.ni-plans {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 42px;
}

.ni-plan {
    display: flex;
    min-width: 0;
    flex-direction: column;
    border: 1px solid #cfd3d6;
    border-radius: 7px;
    background: var(--ni-white);
}

.ni-plan--featured {
    border: 2px solid var(--ni-accent-strong);
    box-shadow: 0 14px 32px rgba(24, 25, 27, 0.14);
    transform: translateY(-10px);
}

.ni-plan--featured .ni-plan__head {
    border-bottom-color: #edc38f;
    border-radius: 5px 5px 0 0;
    background: #fff3e4;
}

.ni-plan--featured .ni-plan__badge {
    display: inline-flex;
    min-height: 24px;
    padding: 5px 8px;
    align-items: center;
    background: var(--ni-accent);
    color: var(--ni-ink);
}

.ni-plan--featured .ni-plan__price strong {
    color: var(--ni-accent-strong);
}

.ni-plan__head {
    min-height: 194px;
    padding: 22px 17px;
    border-bottom: 1px solid var(--ni-line);
}

.ni-plan__badge {
    min-height: 22px;
    color: var(--ni-teal);
    font-size: 0.65rem;
    font-weight: 850;
    text-transform: uppercase;
}

.ni-plan h3 {
    margin: 8px 0 6px;
    font-size: 1.15rem;
}

.ni-plan__for {
    min-height: 46px;
    margin: 0;
    color: var(--ni-muted);
    font-size: 0.75rem;
    line-height: 1.45;
}

.ni-plan__price {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin-top: 15px;
}

.ni-plan__price strong {
    font-size: 2rem;
}

.ni-plan__price span {
    color: var(--ni-muted);
    font-size: 0.72rem;
}

.ni-plan__billing {
    margin: 6px 0 0;
    color: var(--ni-muted);
    font-size: 0.62rem;
}

.ni-plan ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 20px 17px;
    list-style: none;
}

.ni-plan li {
    display: flex;
    gap: 8px;
    color: #3e4245;
    font-size: 0.75rem;
    line-height: 1.4;
}

.ni-plan li::before {
    flex: 0 0 auto;
    color: var(--ni-green);
    content: "✓";
    font-weight: 900;
}

.ni-plan .ni-btn {
    width: calc(100% - 34px);
    margin: auto 17px 18px;
    padding-inline: 10px;
    font-size: 0.78rem;
}

.ni-pricing-note {
    margin: 20px 0 0;
    color: var(--ni-muted);
    font-size: 0.75rem;
}

.ni-faqs {
    display: grid;
    gap: 1px;
    margin-top: 48px;
    border-top: 1px solid var(--ni-line);
}

.ni-faq {
    border-bottom: 1px solid var(--ni-line);
}

.ni-faq summary {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 750;
    list-style: none;
    padding: 0 16px;
    margin: 0 -16px;
    transition: background-color 0.2s ease;
}

.ni-faq summary::-webkit-details-marker {
    display: none;
}

.ni-faq summary::after {
    color: var(--ni-accent-strong);
    content: "+";
    font-size: 1.5rem;
}

.ni-faq[open] summary {
    background-color: var(--ni-accent);
}

.ni-faq[open] summary::after {
    content: "−";
}

.ni-faq p {
    max-width: 820px;
    margin: 5px 0 24px;
    color: var(--ni-muted);
    line-height: 1.7;
}

.ni-contact {
    display: grid;
    grid-template-columns: 0.88fr 1.12fr;
}

.ni-contact__intro,
.ni-contact__form {
    padding: 84px max(32px, calc((100vw - var(--ni-max)) / 2));
}

.ni-contact__intro {
    padding-right: 7vw;
    background: var(--ni-accent);
    color: var(--ni-ink);
}

.ni-contact__form {
    padding-left: 7vw;
    background: var(--ni-white);
}

.ni-contact__intro h2 {
    margin: 0;
    font-size: clamp(2.2rem, 4vw, 4.6rem);
    font-weight: 500;
    line-height: 1.06;
}

.ni-contact__intro p {
    margin: 24px 0 0;
    color: #423c35;
    font-size: 1.05rem;
    line-height: 1.65;
}

.ni-contact__details {
    display: grid;
    gap: 10px;
    margin-top: 34px;
    color: var(--ni-ink);
    font-size: 0.9rem;
}

.ni-form {
    display: grid;
    gap: 17px;
}

.ni-form__grid {
    display: grid;
    gap: 17px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ni-form label {
    display: grid;
    gap: 7px;
    color: #45494d;
    font-size: 0.76rem;
    font-weight: 750;
}

.ni-form input,
.ni-form select,
.ni-form textarea {
    width: 100%;
    min-height: 48px;
    padding: 11px 12px;
    border: 1px solid #bdc2c6;
    border-radius: 4px;
    background: var(--ni-white);
    color: var(--ni-ink);
    font-size: 0.9rem;
}

.ni-form textarea {
    min-height: 104px;
    resize: vertical;
}

.ni-form__privacy {
    display: grid !important;
    grid-template-columns: 18px 1fr;
    gap: 10px !important;
    align-items: start;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    line-height: 1.5;
}

.ni-form__privacy input {
    min-height: 0;
    margin-top: 2px;
}

.ni-form__privacy a {
    color: var(--ni-teal);
    font-weight: 750;
}

.ni-form__legal {
    margin: 0;
    color: #767b80;
    font-size: 0.66rem;
    line-height: 1.55;
}

.ni-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.ni-subhero {
    padding: 170px 0 86px;
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-subhero.ni-image-hero {
    position: relative;
    overflow: hidden;
    background-color: #202225;
    background-image: url("../images/neuroInvoice.webp");
    background-position: center;
    background-size: cover;
}

.ni-subhero.ni-image-hero::before {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: rgba(12, 13, 14, 0.72);
    content: "";
}

.ni-subhero.ni-image-hero > .ni-shell {
    position: relative;
    z-index: 1;
}

.ni-subhero.ni-image-hero .ni-lead {
    color: #e1e3e5;
}

.ni-subhero .ni-lead {
    max-width: 800px;
}

.ni-subhero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.ni-content-grid {
    display: grid;
    gap: 38px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 54px;
}

.ni-content-item {
    padding-top: 24px;
    border-top: 1px solid #bfc4c8;
}

.ni-band--teal .ni-content-item {
    border-top-color: var(--ni-white);
}

.ni-band--teal .ni-content-item p {
    color: var(--ni-white);
}

.ni-content-item h2,
.ni-content-item h3 {
    margin: 0 0 13px;
    font-size: 1.28rem;
}

.ni-content-item p {
    margin: 0;
    color: var(--ni-muted);
    line-height: 1.65;
}

.ni-process {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 50px;
    background: var(--ni-line);
}

.ni-process__step {
    padding: 26px;
    background: var(--ni-white);
}

.ni-process__step strong {
    display: block;
    color: var(--ni-accent-strong);
    font-size: 0.72rem;
}

.ni-process__step h3 {
    margin: 16px 0 10px;
    font-size: 1.12rem;
}

.ni-process__step p {
    margin: 0;
    color: var(--ni-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.ni-verifactu-hero {
    padding-bottom: 78px;
}

.ni-verifactu-hero__layout {
    display: grid;
    gap: 72px;
    grid-template-columns: minmax(0, 1.25fr) minmax(330px, 0.75fr);
    align-items: end;
}

.ni-verifactu-hero .ni-title {
    max-width: 780px;
}

.ni-verifactu-hero .ni-lead {
    color: #cfd3d6;
}

.ni-official-summary {
    padding: 28px 0 4px 32px;
    border-left: 1px solid rgba(255, 255, 255, 0.28);
}

.ni-official-summary__head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: var(--ni-accent);
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ni-official-summary__head svg {
    width: 18px;
}

.ni-official-summary dl {
    margin: 0;
}

.ni-official-summary dl div {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr auto;
    padding: 13px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.ni-official-summary dt {
    color: #aeb4b8;
    font-size: 0.78rem;
}

.ni-official-summary dd {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 800;
    text-align: right;
}

.ni-official-summary > p {
    margin: 18px 0 0;
    color: #aeb4b8;
    font-size: 0.72rem;
    line-height: 1.55;
}

.ni-topic-nav {
    border-bottom: 1px solid var(--ni-line);
    background: var(--ni-white);
}

.ni-topic-nav .ni-shell {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
}

.ni-topic-nav .ni-shell::-webkit-scrollbar {
    display: none;
}

.ni-topic-nav a {
    flex: 0 0 auto;
    padding: 20px 18px;
    border-bottom: 2px solid transparent;
    color: #4e5358;
    font-size: 0.78rem;
    font-weight: 750;
    text-decoration: none;
}

.ni-topic-nav a:first-child {
    padding-left: 0;
}

.ni-topic-nav a:hover {
    border-color: var(--ni-accent);
    color: var(--ni-ink);
}

.ni-section-intro {
    max-width: 900px;
}

.ni-verifactu-definition {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 54px;
    background: var(--ni-line);
}

.ni-verifactu-definition article {
    padding: 28px;
    background: var(--ni-white);
}

.ni-verifactu-definition svg {
    width: 26px;
    height: 26px;
    color: var(--ni-accent-strong);
}

.ni-verifactu-definition h3 {
    margin: 28px 0 12px;
    font-size: 1.12rem;
}

.ni-verifactu-definition p {
    margin: 0;
    color: var(--ni-muted);
    font-size: 0.9rem;
    line-height: 1.65;
}

.ni-source-line {
    display: flex;
    max-width: 900px;
    align-items: flex-start;
    gap: 9px;
    margin: 28px 0 0;
    color: #70757a;
    font-size: 0.73rem;
    line-height: 1.55;
}

.ni-source-line svg {
    flex: 0 0 auto;
    width: 15px;
    margin-top: 1px;
    color: var(--ni-green);
}

.ni-source-line a {
    font-weight: 700;
}

.ni-audience-grid {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 48px;
    background: var(--ni-line);
}

.ni-audience-column {
    padding: 38px;
    background: var(--ni-white);
}

.ni-audience-column--muted {
    background: #eceeef;
}

.ni-audience-column__head {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ni-audience-column__head svg {
    width: 24px;
    color: var(--ni-accent-strong);
}

.ni-audience-column h3 {
    margin: 0;
    font-size: 1.3rem;
}

.ni-audience-column > p {
    margin: 24px 0 0;
    color: var(--ni-muted);
    line-height: 1.65;
}

.ni-check-list {
    display: grid;
    gap: 12px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

.ni-check-list li {
    position: relative;
    padding-left: 24px;
    line-height: 1.55;
}

.ni-check-list li::before {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--ni-green);
    content: "✓";
    font-weight: 900;
}

.ni-check-list--neutral li::before {
    color: #697078;
    content: "—";
}

.ni-legal-note {
    margin: 22px 0 0;
    padding-left: 18px;
    border-left: 3px solid var(--ni-accent);
    color: var(--ni-muted);
    font-size: 0.78rem;
    line-height: 1.6;
}

.ni-mode-compare {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 50px;
}

.ni-mode {
    position: relative;
    min-height: 430px;
    padding: 38px;
    border: 1px solid var(--ni-line);
    background: var(--ni-soft);
}

.ni-mode--featured {
    border-color: var(--ni-accent);
    background: #fff5e9;
}

.ni-mode__label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ni-accent-strong);
    font-size: 0.75rem;
    font-weight: 850;
    text-transform: uppercase;
}

.ni-mode__label svg {
    width: 19px;
}

.ni-mode h3 {
    max-width: 470px;
    margin: 30px 0 0;
    font-size: clamp(1.55rem, 2.4vw, 2.25rem);
    font-weight: 550;
    line-height: 1.2;
}

.ni-mode ul {
    display: grid;
    gap: 13px;
    margin: 30px 0 0;
    padding: 0;
    color: var(--ni-muted);
    list-style: none;
}

.ni-mode li {
    padding-top: 13px;
    border-top: 1px solid rgba(24, 25, 27, 0.12);
    line-height: 1.5;
}

.ni-mode__choice {
    display: inline-block;
    margin-top: 28px;
    color: #633000;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.ni-deadlines-band .ni-eyebrow {
    color: var(--ni-white);
}

.ni-deadlines {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 48px;
    background: rgba(255, 255, 255, 0.6);
}

.ni-deadlines article {
    padding: 34px;
    background: var(--ni-accent);
}

.ni-deadlines time {
    display: block;
    color: #633000;
    font-size: clamp(2.2rem, 5vw, 5rem);
    font-weight: 800;
    line-height: 1;
}

.ni-deadlines h3 {
    margin: 28px 0 10px;
    font-size: 1.25rem;
}

.ni-deadlines p {
    max-width: 470px;
    margin: 0;
    color: #4a3d31;
    line-height: 1.6;
}

.ni-inline-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 32px;
    font-size: 0.82rem;
    font-weight: 800;
}

.ni-inline-link svg {
    width: 17px;
}

.ni-process--five {
    grid-template-columns: repeat(5, 1fr);
}

.ni-failure-layout {
    display: grid;
    gap: 80px;
    grid-template-columns: minmax(0, 1.1fr) minmax(350px, 0.9fr);
    align-items: center;
}

.ni-retry-visual {
    display: grid;
    justify-items: center;
}

.ni-retry-visual > div {
    display: flex;
    width: 100%;
    min-height: 70px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 20px;
    border: 1px solid var(--ni-line);
    background: var(--ni-white);
    font-size: 0.82rem;
}

.ni-retry-visual > svg {
    width: 18px;
    height: 34px;
    color: #8a9095;
}

.ni-retry-visual strong {
    text-align: right;
}

.ni-status-pending {
    color: var(--ni-accent-strong);
}

.ni-status-ok {
    color: var(--ni-green);
}

.ni-difference-layout {
    display: grid;
    gap: 70px;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.ni-difference-list article {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(150px, 0.4fr) minmax(0, 1fr);
    padding: 28px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.ni-difference-list span {
    color: var(--ni-accent);
    font-weight: 800;
}

.ni-difference-list p {
    margin: 0;
    color: #d2d6d9;
    line-height: 1.65;
}

.ni-responsibility-layout {
    display: grid;
    gap: 76px;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
    align-items: center;
}

.ni-responsibility-layout > div > p:not(.ni-eyebrow, .ni-lead) {
    max-width: 760px;
    margin: 20px 0 0;
    color: var(--ni-muted);
    line-height: 1.65;
}

.ni-responsibility-proof {
    padding: 18px 0 18px 34px;
    border-left: 1px solid #b9bdc1;
}

.ni-responsibility-proof svg {
    width: 36px;
    height: 36px;
    color: var(--ni-green);
}

.ni-responsibility-proof span,
.ni-responsibility-proof strong {
    display: block;
}

.ni-responsibility-proof span {
    margin-top: 28px;
    color: var(--ni-accent-strong);
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.ni-responsibility-proof strong {
    margin-top: 9px;
    font-size: 1.55rem;
    line-height: 1.25;
}

.ni-responsibility-proof p {
    margin: 18px 0 0;
    color: var(--ni-muted);
    font-size: 0.82rem;
    line-height: 1.55;
}

.ni-official-sources {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 48px;
    background: var(--ni-line);
}

.ni-official-sources a {
    display: grid;
    min-height: 160px;
    gap: 12px;
    grid-template-columns: 1fr auto;
    padding: 28px;
    background: var(--ni-white);
    text-decoration: none;
    transition: background-color 160ms ease;
}

.ni-official-sources a:hover {
    background: #fff5e9;
}

.ni-official-sources span {
    grid-column: 1;
    color: var(--ni-accent-strong);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.ni-official-sources strong {
    grid-column: 1;
    max-width: 430px;
    align-self: end;
    font-size: 1rem;
    line-height: 1.4;
}

.ni-official-sources svg {
    grid-column: 2;
    grid-row: 1 / 3;
    width: 19px;
    align-self: start;
}

.ni-verifactu-cta {
    background: var(--ni-accent);
    color: var(--ni-white);
}

.ni-verifactu-cta .ni-eyebrow {
    color: var(--ni-white);
}

.ni-verifactu-cta .ni-lead {
    color: rgba(255, 255, 255, 0.92);
}

.ni-verifactu-cta__layout {
    display: grid;
    gap: 60px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.ni-functions-hero {
    padding-bottom: 74px;
}

.ni-subhero.ni-image-hero.ni-functions-hero {
    background-image: url("../images/functions.webp");
}

.ni-subhero.ni-image-hero.ni-advisors-hero {
    background-image: url("../images/assesor.webp");
}

.ni-functions-hero .ni-title {
    max-width: 980px;
}

.ni-functions-overview {
    margin-top: 62px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: #222427;
}

.ni-functions-overview__head {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    color: #d9dddf;
    font-size: 0.73rem;
    font-weight: 750;
}

.ni-functions-overview__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.ni-functions-overview__grid > div {
    display: grid;
    min-width: 0;
    gap: 7px;
    padding: 20px 18px;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.ni-functions-overview__grid > div:last-child {
    border-right: 0;
}

.ni-functions-overview__grid svg {
    width: 20px;
    height: 20px;
    margin-bottom: 8px;
    color: var(--ni-accent);
}

.ni-functions-overview__grid span {
    overflow: hidden;
    color: #aeb3b7;
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ni-functions-overview__grid strong {
    overflow: hidden;
    color: var(--ni-white);
    font-size: 0.85rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ni-functions-nav {
    position: sticky;
    z-index: 20;
    top: 80px;
}

.ni-function-block {
    scroll-margin-top: 135px;
}

.ni-function-split {
    display: grid;
    gap: 72px;
    grid-template-columns: minmax(0, 0.9fr) minmax(520px, 1.1fr);
    align-items: center;
}

.ni-function-split--reverse .ni-function-copy {
    order: 2;
}

.ni-function-split--reverse .ni-demo {
    order: 1;
}

.ni-function-copy .ni-lead {
    font-size: 1.05rem;
}

.ni-feature-list {
    display: grid;
    gap: 1px;
    margin: 36px 0 0;
    padding: 0;
    border-top: 1px solid var(--ni-line);
    list-style: none;
}

.ni-feature-list li {
    display: grid;
    gap: 16px;
    grid-template-columns: 24px minmax(0, 1fr);
    padding: 20px 0;
    border-bottom: 1px solid var(--ni-line);
}

.ni-feature-list svg {
    width: 21px;
    color: var(--ni-accent-strong);
}

.ni-feature-list strong,
.ni-feature-list span {
    display: block;
}

.ni-feature-list strong {
    font-size: 0.92rem;
}

.ni-feature-list span {
    margin-top: 6px;
    color: var(--ni-muted);
    font-size: 0.78rem;
    line-height: 1.55;
}

.ni-functions-demo {
    min-height: 440px;
}

.ni-functions-scan {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(160px, 0.76fr) auto minmax(230px, 1.24fr);
    align-items: center;
}

.ni-functions-scan__source {
    min-width: 0;
    padding: 10px;
    border: 6px solid #292b2e;
    background: #3a3d40;
}

.ni-functions-camera {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--ni-white);
    font-size: 0.58rem;
}

.ni-functions-camera svg {
    width: 14px;
}

.ni-functions-receipt {
    min-height: 245px;
    margin: 10px 5px 4px;
    padding: 22px 14px;
    background: #fffefa;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.25);
    color: #303235;
    font-family: Arial, sans-serif;
    text-align: center;
    transform: rotate(-1.5deg);
}

.ni-functions-receipt strong,
.ni-functions-receipt small,
.ni-functions-receipt b {
    display: block;
}

.ni-functions-receipt strong {
    font-size: 0.68rem;
}

.ni-functions-receipt small {
    margin-top: 6px;
    font-size: 0.55rem;
}

.ni-functions-receipt > span {
    display: block;
    height: 4px;
    margin-top: 18px;
    background: #dfe2e4;
}

.ni-functions-receipt > span:nth-of-type(2) {
    width: 72%;
}

.ni-functions-receipt b {
    margin-top: 34px;
    padding-top: 12px;
    border-top: 1px dashed #aeb3b7;
    font-size: 0.65rem;
}

.ni-functions-scan__arrow {
    width: 22px;
    color: var(--ni-accent-strong);
}

.ni-functions-fields {
    display: grid;
    gap: 9px;
}

.ni-functions-fields > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px;
    border: 1px solid var(--ni-line);
    background: var(--ni-white);
    font-size: 0.7rem;
}

.ni-functions-fields span {
    color: var(--ni-muted);
}

.ni-functions-fields strong {
    text-align: right;
}

.ni-functions-fields p {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 8px 0 0;
    color: var(--ni-green);
    font-size: 0.68rem;
    font-weight: 800;
}

.ni-functions-fields p svg {
    width: 16px;
}

.ni-function-heading {
    display: grid;
    gap: 60px;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    align-items: end;
}

.ni-function-heading .ni-lead {
    margin-bottom: 4px;
    font-size: 1.02rem;
}

.ni-expenses-layout {
    display: grid;
    gap: 44px;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.6fr);
    margin-top: 54px;
    align-items: start;
}

.ni-expenses-table {
    border: 1px solid var(--ni-line);
    background: var(--ni-white);
}

.ni-expenses-toolbar,
.ni-expenses-footer {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
}

.ni-expenses-toolbar {
    border-bottom: 1px solid var(--ni-line);
}

.ni-expenses-toolbar > span {
    display: flex;
    width: min(360px, 65%);
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid var(--ni-line);
    color: var(--ni-muted);
    font-size: 0.7rem;
}

.ni-expenses-toolbar svg,
.ni-expenses-footer svg {
    width: 16px;
}

.ni-expenses-toolbar button,
.ni-expenses-footer button,
.ni-purchase-summary button {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    padding: 8px 12px;
    border: 1px solid var(--ni-line);
    border-radius: 4px;
    background: var(--ni-white);
    color: var(--ni-ink);
    font-size: 0.68rem;
    font-weight: 800;
}

.ni-expense-row {
    display: grid;
    min-height: 62px;
    align-items: center;
    gap: 12px;
    grid-template-columns: 1.35fr 0.85fr 0.7fr 0.7fr;
    padding: 10px 16px;
    border-bottom: 1px solid var(--ni-line);
    font-size: 0.7rem;
}

.ni-expense-row--head {
    min-height: 42px;
    background: #f7f8f8;
    color: var(--ni-muted);
    font-size: 0.6rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ni-expense-row div strong,
.ni-expense-row div small {
    display: block;
}

.ni-expense-row div small {
    margin-top: 4px;
    color: var(--ni-muted);
}

.ni-expenses-footer {
    color: var(--ni-muted);
    font-size: 0.67rem;
}

.ni-expenses-footer button {
    border-color: var(--ni-ink);
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-function-points {
    display: grid;
}

.ni-function-points article {
    padding: 22px 0;
    border-top: 1px solid #c9cdd0;
}

.ni-function-points span {
    color: var(--ni-accent-strong);
    font-size: 0.66rem;
    font-weight: 850;
}

.ni-function-points h3 {
    margin: 12px 0 8px;
    font-size: 1.06rem;
}

.ni-function-points p {
    margin: 0;
    color: var(--ni-muted);
    font-size: 0.8rem;
    line-height: 1.55;
}

.ni-invoicing-layout {
    display: grid;
    gap: 70px;
    grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.95fr);
    margin-top: 54px;
    align-items: center;
}

.ni-voice-invoice-panel {
    display: grid;
    justify-items: center;
}

.ni-voice-invoice-panel > svg {
    width: 19px;
    height: 38px;
    color: #8c9297;
}

.ni-voice-invoice-panel__request,
.ni-voice-invoice-panel__invoice {
    width: 100%;
    border: 1px solid #45494d;
    background: #222427;
}

.ni-voice-invoice-panel__request {
    display: grid;
    gap: 16px;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    padding: 20px;
}

.ni-voice-invoice-panel__request > svg {
    width: 42px;
    height: 42px;
    padding: 10px;
    border-radius: 50%;
    background: var(--ni-accent);
    color: var(--ni-ink);
}

.ni-voice-invoice-panel__request p {
    margin: 0;
    color: #e4e6e7;
    font-size: 0.88rem;
    line-height: 1.55;
}

.ni-voice-invoice-panel__invoice {
    padding: 24px;
}

.ni-voice-invoice-panel__invoice > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: #bfc4c8;
    font-size: 0.68rem;
}

.ni-voice-invoice-panel__invoice h3 {
    margin: 26px 0 20px;
    font-size: 1.15rem;
}

.ni-voice-invoice-panel__invoice > p {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 0;
    padding: 12px 0;
    border-top: 1px solid #414549;
    color: #c9cdd0;
    font-size: 0.77rem;
}

.ni-voice-invoice-panel__invoice footer {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 18px;
    border-top: 1px solid #73787d;
    font-size: 1.02rem;
}

.ni-invoicing-features {
    display: grid;
    gap: 1px;
}

.ni-invoicing-features article {
    display: grid;
    gap: 16px;
    grid-template-columns: 25px minmax(0, 1fr);
    padding: 19px 0;
    border-top: 1px solid #45494d;
}

.ni-invoicing-features article > svg {
    width: 22px;
    color: var(--ni-accent);
}

.ni-invoicing-features h3 {
    margin: 0;
    font-size: 0.98rem;
}

.ni-invoicing-features p {
    margin: 6px 0 0;
    color: #bdc2c6;
    font-size: 0.78rem;
    line-height: 1.5;
}

.ni-invoicing-features .ni-btn {
    width: fit-content;
    margin-top: 22px;
}

.ni-purchase-panel {
    display: grid;
    gap: 9px;
}

.ni-purchase-row {
    display: grid;
    min-height: 58px;
    align-items: center;
    gap: 10px;
    grid-template-columns: 1.35fr 0.45fr 0.45fr 0.8fr;
    padding: 11px 13px;
    border: 1px solid var(--ni-line);
    background: var(--ni-white);
    font-size: 0.68rem;
}

.ni-purchase-row--head {
    min-height: 38px;
    border-color: transparent;
    background: transparent;
    color: var(--ni-muted);
    font-size: 0.58rem;
    font-weight: 850;
    text-transform: uppercase;
}

.ni-purchase-row b {
    color: var(--ni-accent-strong);
}

.ni-purchase-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 10px;
    padding-top: 18px;
    border-top: 1px solid var(--ni-line);
}

.ni-purchase-summary span,
.ni-purchase-summary strong {
    display: block;
}

.ni-purchase-summary span {
    color: var(--ni-muted);
    font-size: 0.62rem;
}

.ni-purchase-summary strong {
    margin-top: 5px;
    font-size: 0.76rem;
}

.ni-purchase-summary button {
    border-color: var(--ni-ink);
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-analytics-panel {
    margin-top: 54px;
    border: 1px solid var(--ni-line);
    background: var(--ni-white);
}

.ni-analytics-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--ni-line);
}

.ni-analytics-top > div:first-child span,
.ni-analytics-top > div:first-child strong {
    display: block;
}

.ni-analytics-top > div:first-child span {
    color: var(--ni-muted);
    font-size: 0.63rem;
}

.ni-analytics-top > div:first-child strong {
    margin-top: 5px;
    font-size: 0.9rem;
}

.ni-period-compare {
    display: flex;
    gap: 4px;
    padding: 3px;
    border: 1px solid var(--ni-line);
}

.ni-period-compare button {
    min-height: 32px;
    padding: 7px 10px;
    border: 0;
    background: transparent;
    color: var(--ni-muted);
    font-size: 0.62rem;
    font-weight: 800;
}

.ni-period-compare button.is-active {
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-analytics-kpis {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid var(--ni-line);
}

.ni-analytics-kpis article {
    padding: 22px 20px;
    border-right: 1px solid var(--ni-line);
}

.ni-analytics-kpis article:last-child {
    border-right: 0;
}

.ni-analytics-kpis span,
.ni-analytics-kpis strong,
.ni-analytics-kpis small {
    display: block;
}

.ni-analytics-kpis span {
    color: var(--ni-muted);
    font-size: 0.65rem;
}

.ni-analytics-kpis strong {
    margin-top: 9px;
    font-size: 1.4rem;
}

.ni-analytics-kpis small {
    margin-top: 8px;
    color: var(--ni-green);
    font-size: 0.62rem;
    font-weight: 800;
}

.ni-analytics-kpis small.is-neutral {
    color: var(--ni-muted);
}

.ni-analytics-kpis small.is-warning {
    color: var(--ni-accent-strong);
}

.ni-analytics-bottom {
    display: grid;
    gap: 0;
    grid-template-columns: minmax(0, 1.35fr) minmax(250px, 0.65fr);
}

.ni-functions-chart {
    position: relative;
    min-height: 270px;
    padding: 28px 30px 38px 70px;
    border-right: 1px solid var(--ni-line);
}

.ni-functions-chart__labels {
    position: absolute;
    top: 27px;
    bottom: 39px;
    left: 18px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    color: #8a9095;
    font-size: 0.54rem;
}

.ni-functions-chart__bars {
    display: flex;
    height: 195px;
    align-items: end;
    justify-content: space-around;
    gap: 14px;
    border-bottom: 1px solid var(--ni-line);
    background: repeating-linear-gradient(to bottom, transparent 0, transparent 48px, #eef0f1 49px);
}

.ni-functions-chart__bars span {
    width: min(34px, 10%);
    background: var(--ni-accent);
}

.ni-functions-chart__months {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
    color: #777d82;
    font-size: 0.56rem;
}

.ni-top-suppliers {
    padding: 28px 22px;
}

.ni-top-suppliers > span {
    color: var(--ni-muted);
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ni-top-suppliers div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 0;
    border-bottom: 1px solid var(--ni-line);
    font-size: 0.7rem;
}

.ni-top-suppliers b {
    white-space: nowrap;
}

.ni-functions-chat {
    display: grid;
    gap: 14px;
}

.ni-functions-chat__user,
.ni-functions-chat__answer {
    max-width: 88%;
    padding: 14px 16px;
    font-size: 0.76rem;
    line-height: 1.55;
}

.ni-functions-chat__user {
    justify-self: end;
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-functions-chat__answer {
    background: var(--ni-white);
}

.ni-functions-chat__numbers {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, 1fr);
}

.ni-functions-chat__numbers div {
    padding: 13px;
    border: 1px solid var(--ni-line);
    background: var(--ni-white);
}

.ni-functions-chat__numbers span,
.ni-functions-chat__numbers strong {
    display: block;
}

.ni-functions-chat__numbers span {
    color: var(--ni-muted);
    font-size: 0.6rem;
}

.ni-functions-chat__numbers strong {
    margin-top: 6px;
    font-size: 0.88rem;
}

.ni-platform-grid {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 54px;
    background: #45494d;
}

.ni-platform-grid article {
    position: relative;
    min-height: 285px;
    padding: 28px;
    background: var(--ni-ink);
}

.ni-platform-grid svg {
    width: 28px;
    height: 28px;
    color: var(--ni-accent);
}

.ni-platform-grid h3 {
    margin: 38px 0 12px;
    font-size: 1.14rem;
}

.ni-platform-grid p {
    margin: 0;
    color: #c3c7ca;
    font-size: 0.8rem;
    line-height: 1.6;
}

.ni-platform-grid article > span {
    display: inline-block;
    margin-top: 22px;
    color: var(--ni-accent);
    font-size: 0.66rem;
    font-weight: 850;
    text-transform: uppercase;
}

.ni-functions-advisor {
    background: var(--ni-soft);
}

.ni-functions-advisor .ni-eyebrow {
    color: var(--ni-accent-strong);
}

.ni-functions-advisor .ni-lead {
    color: var(--ni-muted);
}

.ni-functions-advisor__layout {
    display: grid;
    gap: 46px;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.75fr);
    align-items: center;
}

.ni-functions-advisor__flow {
    display: grid;
    justify-items: center;
}

.ni-functions-advisor__flow span {
    display: flex;
    min-height: 52px;
    width: 100%;
    padding: 15px 17px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(24, 25, 27, 0.35);
    background: var(--ni-white);
    font-size: 0.78rem;
    font-weight: 800;
    text-align: center;
}

.ni-functions-advisor__flow svg {
    width: 18px;
    height: 34px;
    transform: rotate(90deg);
}

.ni-functions-advisor__layout > .ni-btn {
    grid-column: 1 / -1;
    width: fit-content;
}

.ni-functions-cta {
    background: var(--ni-soft);
    color: var(--ni-ink);
}

.ni-functions-cta .ni-lead {
    color: var(--ni-muted);
}

.ni-functions-cta__layout {
    display: grid;
    gap: 60px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

@media (max-width: 1080px) {
    .ni-functions-overview__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .ni-functions-overview__grid > div {
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .ni-functions-overview__grid > div:nth-child(3n) {
        border-right: 0;
    }

    .ni-functions-overview__grid > div:nth-last-child(-n + 3) {
        border-bottom: 0;
    }

    .ni-platform-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ni-benefits {
        grid-template-columns: repeat(3, 1fr);
    }

    .ni-verifactu-hero__layout {
        gap: 46px;
        grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    }

    .ni-verifactu-definition {
        grid-template-columns: repeat(2, 1fr);
    }

    .ni-process--five {
        grid-template-columns: repeat(3, 1fr);
    }

    .ni-hero__content {
        width: 65%;
    }

    .ni-product-stage {
        right: -22%;
        opacity: 0.68;
    }

    .ni-plans {
        gap: 8px;
    }

    .ni-plan__head,
    .ni-plan ul {
        padding-inline: 12px;
    }

    .ni-plan .ni-btn {
        width: calc(100% - 24px);
        margin-inline: 12px;
    }
}

@media (max-width: 820px) {
    .ni-shell {
        padding-inline: 16px;
    }

    .ni-band {
        padding: 70px 0;
    }

    .ni-functions-hero {
        padding: 138px 0 64px;
    }

    .ni-functions-nav {
        top: 80px;
    }

    .ni-function-split,
    .ni-function-heading,
    .ni-expenses-layout,
    .ni-invoicing-layout,
    .ni-functions-advisor__layout,
    .ni-functions-cta__layout {
        grid-template-columns: 1fr;
    }

    .ni-function-split,
    .ni-invoicing-layout {
        gap: 46px;
    }

    .ni-function-split--reverse .ni-function-copy,
    .ni-function-split--reverse .ni-demo {
        order: initial;
    }

    .ni-function-heading {
        gap: 8px;
    }

    .ni-expenses-layout {
        gap: 32px;
    }

    .ni-functions-advisor__layout > .ni-btn {
        grid-column: auto;
    }

    .ni-functions-cta__layout .ni-btn {
        justify-self: start;
    }

    .ni-verifactu-hero {
        padding: 138px 0 70px;
    }

    .ni-verifactu-hero__layout,
    .ni-failure-layout,
    .ni-difference-layout,
    .ni-responsibility-layout,
    .ni-verifactu-cta__layout {
        grid-template-columns: 1fr;
    }

    .ni-official-summary {
        padding: 28px 0 0;
        border-top: 1px solid rgba(255, 255, 255, 0.28);
        border-left: 0;
    }

    .ni-audience-grid,
    .ni-mode-compare {
        grid-template-columns: 1fr;
    }

    .ni-mode {
        min-height: 0;
    }

    .ni-failure-layout,
    .ni-difference-layout,
    .ni-responsibility-layout {
        gap: 48px;
    }

    .ni-responsibility-proof {
        padding: 28px 0 0;
        border-top: 1px solid #b9bdc1;
        border-left: 0;
    }

    .ni-verifactu-cta__layout .ni-btn {
        justify-self: start;
    }

    .ni-hero {
        min-height: calc(100svh - 28px);
        padding: 110px 0 42px;
    }

    .ni-hero__content {
        width: 100%;
    }

    .ni-hero__title {
        max-width: 680px;
    }

    .ni-hero__copy {
        max-width: 620px;
    }

    .ni-product-stage {
        top: auto;
        right: auto;
        bottom: -245px;
        left: 50%;
        width: 720px;
        min-width: 720px;
        opacity: 0.3;
        transform: translateX(-50%);
    }

    .ni-benefits,
    .ni-content-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ni-benefit:last-child:nth-child(odd) {
        grid-column: span 2;
    }

    .ni-workflow,
    .ni-workflow:nth-child(even),
    .ni-human-support__layout,
    .ni-advisors,
    .ni-quote {
        grid-template-columns: 1fr;
    }

    .ni-human-support__layout {
        gap: 44px;
    }

    .ni-human-support__experience {
        padding-top: 36px;
        padding-left: 0;
        border-top: 1px solid rgba(24, 25, 27, 0.38);
        border-left: 0;
    }

    .ni-workflow:nth-child(even) .ni-workflow__copy,
    .ni-workflow:nth-child(even) .ni-demo {
        order: initial;
    }

    .ni-contact {
        grid-template-columns: 1fr;
    }

    .ni-contact__intro,
    .ni-contact__form {
        padding: 70px max(24px, calc((100vw - var(--ni-max)) / 2));
    }

    .ni-pricing-head {
        align-items: start;
        flex-direction: column;
    }

    .ni-plan-tabs {
        display: flex;
    }

    .ni-plans {
        grid-template-columns: 1fr;
    }

    .ni-plan {
        display: none;
        max-width: 520px;
    }

    .ni-plan.is-active {
        display: flex;
    }

    .ni-plan--featured {
        transform: none;
    }

    .ni-plan__head {
        min-height: auto;
    }

    .ni-plan__for {
        min-height: auto;
    }

    .ni-process {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    .ni-band {
        padding: 58px 0;
    }

    .ni-functions-hero {
        padding: 116px 0 54px;
    }

    .ni-functions-overview {
        margin-top: 42px;
    }

    .ni-functions-overview__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ni-functions-overview__grid > div,
    .ni-functions-overview__grid > div:nth-last-child(-n + 3) {
        border-right: 1px solid rgba(255, 255, 255, 0.12);
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .ni-functions-overview__grid > div:nth-child(2n) {
        border-right: 0;
    }

    .ni-functions-overview__grid > div:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .ni-functions-overview__grid > div {
        padding: 17px 14px;
    }

    .ni-functions-nav {
        top: 80px;
    }

    .ni-functions-scan {
        grid-template-columns: 1fr;
    }

    .ni-functions-scan__source {
        width: min(240px, 100%);
        margin-inline: auto;
    }

    .ni-functions-scan__arrow {
        margin-inline: auto;
        transform: rotate(90deg);
    }

    .ni-functions-demo {
        min-height: 0;
    }

    .ni-expenses-toolbar,
    .ni-expenses-footer,
    .ni-analytics-top,
    .ni-purchase-summary {
        align-items: stretch;
        flex-direction: column;
    }

    .ni-expenses-toolbar > span {
        width: 100%;
    }

    .ni-expense-row {
        grid-template-columns: 1.2fr 0.85fr 0.7fr;
    }

    .ni-expense-row > :nth-child(3) {
        display: none;
    }

    .ni-voice-invoice-panel__request {
        grid-template-columns: 36px minmax(0, 1fr);
        padding: 16px;
    }

    .ni-voice-invoice-panel__request > svg {
        width: 36px;
        height: 36px;
        padding: 9px;
    }

    .ni-voice-invoice-panel__invoice {
        padding: 18px;
    }

    .ni-purchase-row {
        grid-template-columns: 1.25fr 0.45fr 0.85fr;
    }

    .ni-purchase-row > :nth-child(3) {
        display: none;
    }

    .ni-analytics-top {
        align-items: flex-start;
    }

    .ni-analytics-kpis {
        grid-template-columns: repeat(2, 1fr);
    }

    .ni-analytics-kpis article:nth-child(2) {
        border-right: 0;
    }

    .ni-analytics-kpis article:nth-child(-n + 2) {
        border-bottom: 1px solid var(--ni-line);
    }

    .ni-analytics-bottom {
        grid-template-columns: 1fr;
    }

    .ni-functions-chart {
        min-height: 240px;
        border-right: 0;
        border-bottom: 1px solid var(--ni-line);
    }

    .ni-functions-chart__bars {
        height: 165px;
    }

    .ni-functions-chat__numbers {
        grid-template-columns: 1fr;
    }

    .ni-platform-grid {
        grid-template-columns: 1fr;
    }

    .ni-platform-grid article {
        min-height: 0;
    }

    .ni-functions-advisor__flow svg {
        transform: rotate(90deg);
    }

    .ni-verifactu-hero {
        padding: 116px 0 58px;
    }

    .ni-topic-nav .ni-shell {
        width: 100%;
        padding-inline: 16px;
    }

    .ni-topic-nav a:first-child {
        padding-left: 18px;
    }

    .ni-official-summary dl div {
        gap: 5px;
        grid-template-columns: 1fr;
    }

    .ni-official-summary dd {
        text-align: left;
    }

    .ni-verifactu-definition,
    .ni-deadlines,
    .ni-official-sources {
        grid-template-columns: 1fr;
    }

    .ni-verifactu-definition article,
    .ni-audience-column,
    .ni-mode,
    .ni-deadlines article {
        padding: 24px;
    }

    .ni-deadlines time {
        font-size: 2.75rem;
    }

    .ni-difference-list article {
        gap: 10px;
        grid-template-columns: 1fr;
    }

    .ni-retry-visual > div {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .ni-retry-visual strong {
        text-align: left;
    }

    .ni-official-sources a {
        min-height: 140px;
        padding: 24px;
    }

    .ni-hero {
        min-height: calc(100svh - 24px);
        padding-top: 104px;
    }

    .ni-hero__logo {
        width: min(220px, 72vw);
        margin-bottom: 14px;
    }

    .ni-hero__copy {
        margin-top: 14px;
        line-height: 1.45;
    }

    .ni-hero__actions {
        margin-top: 18px;
    }

    .ni-hero__actions,
    .ni-subhero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ni-btn {
        width: 100%;
    }

    .ni-hero__trust {
        display: none;
    }

    .ni-product-stage {
        bottom: -390px;
    }

    .ni-problems,
    .ni-benefits,
    .ni-content-grid,
    .ni-process {
        grid-template-columns: 1fr;
    }

    .ni-benefit:last-child:nth-child(odd) {
        grid-column: span 1;
    }

    .ni-workflow {
        gap: 28px;
        padding: 48px 0;
    }

    .ni-demo {
        min-height: 330px;
    }

    .ni-demo__body {
        padding: 16px;
    }

    .ni-voice-layout {
        grid-template-columns: 1fr;
    }

    .ni-voice-input,
    .ni-voice-result {
        padding: 18px;
    }

    .ni-scan-layout {
        grid-template-columns: 1fr;
    }

    .ni-scan-arrow {
        margin: -4px auto;
        transform: rotate(90deg);
    }

    .ni-phone-photo {
        min-height: 240px;
    }

    .ni-receipt-photo {
        min-height: 165px;
    }

    .ni-invoice-row,
    .ni-stock-row,
    .ni-advisor-row {
        grid-template-columns: 1.25fr 0.8fr;
    }

    .ni-invoice-row > :nth-child(3),
    .ni-stock-row > :nth-child(3),
    .ni-advisor-row > :nth-child(2) {
        display: none;
    }

    .ni-deliverables__heading {
        padding-left: 13px;
    }

    .ni-deliverable-row {
        gap: 9px;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .ni-deliverable-row > svg {
        display: none;
    }

    .ni-chat__result {
        grid-template-columns: 1fr;
    }

    .ni-quote {
        gap: 28px;
    }

    .ni-quote__logo {
        width: 130px;
        margin-inline: 0;
    }

    .ni-form__grid {
        grid-template-columns: 1fr;
    }
}

/* Por que neuroInvoice */
.ni-why-hero {
    position: relative;
    display: flex;
    min-height: min(680px, calc(100svh - 108px));
    align-items: center;
    padding: 150px 0 80px;
    background: #18191b url("../images/erp.webp") center 48% / cover no-repeat;
    color: var(--ni-white);
}

.ni-why-hero::before {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(12, 12, 13, 0.94) 0%, rgba(12, 12, 13, 0.82) 48%, rgba(12, 12, 13, 0.2) 82%);
    content: "";
}

.ni-why-hero__content {
    position: relative;
    z-index: 1;
}

.ni-why-hero .ni-title {
    max-width: 820px;
}

.ni-why-hero .ni-lead {
    max-width: 680px;
    color: #e2e4e6;
}

.ni-why-intro {
    padding: 72px 0;
    border-bottom: 1px solid var(--ni-line);
    background: var(--ni-white);
}

.ni-why-intro__grid {
    display: grid;
    gap: 28px 58px;
    grid-template-columns: 0.45fr 1fr;
    align-items: start;
}

.ni-why-intro__grid .ni-eyebrow {
    grid-column: 1;
}

.ni-why-intro__grid .ni-title {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.ni-why-intro__grid .ni-lead {
    max-width: 780px;
    grid-column: 2;
}

.ni-why-support {
    background: var(--ni-accent);
    color: var(--ni-white);
}

.ni-why-support .ni-eyebrow {
    color: var(--ni-white);
}

.ni-why-support .ni-lead {
    color: rgba(255, 255, 255, 0.92);
}

.ni-why-support__layout {
    display: grid;
    gap: 80px;
    grid-template-columns: minmax(0, 1.35fr) minmax(270px, 0.65fr);
    align-items: center;
}

.ni-why-support__steps {
    display: grid;
    gap: 0;
    margin-top: 38px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ni-why-support__steps article {
    display: grid;
    gap: 18px;
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.ni-why-support__steps article > strong {
    font-size: 0.75rem;
}

.ni-why-support__steps h3,
.ni-why-support__steps p {
    margin: 0;
}

.ni-why-support__steps h3 {
    font-size: 1rem;
}

.ni-why-support__steps p {
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.87rem;
    line-height: 1.55;
}

.ni-why-experience {
    padding-left: 50px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.ni-why-experience strong,
.ni-why-experience span {
    display: block;
}

.ni-why-experience strong {
    font-size: clamp(5rem, 9vw, 8.5rem);
    line-height: 0.82;
}

.ni-why-experience span {
    margin-top: 20px;
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ni-why-experience p {
    margin: 24px 0 0;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.7;
}

.ni-why-split {
    display: grid;
    gap: 80px;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.82fr);
    align-items: center;
}

.ni-why-copy .ni-btn {
    margin-top: 30px;
}

.ni-why-fit {
    display: grid;
    justify-items: center;
    padding: 36px;
    border: 1px solid #cfd3d6;
    background: var(--ni-soft);
}

.ni-why-fit > svg {
    width: 18px;
    height: 36px;
}

.ni-why-fit__source,
.ni-why-fit__analysis,
.ni-why-fit__result {
    width: 100%;
    padding: 20px;
    border: 1px solid #c9cdd0;
    background: var(--ni-white);
}

.ni-why-fit__source span,
.ni-why-fit__source strong,
.ni-why-fit__analysis > span,
.ni-why-fit__result span,
.ni-why-fit__result strong {
    display: block;
}

.ni-why-fit__source span,
.ni-why-fit__analysis > span,
.ni-why-fit__result span {
    color: var(--ni-muted);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ni-why-fit__source strong,
.ni-why-fit__result strong {
    margin-top: 8px;
    font-size: 0.92rem;
}

.ni-why-fit__analysis > div {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 13px;
}

.ni-why-fit__analysis b {
    padding: 10px 6px;
    background: var(--ni-soft);
    font-size: 0.68rem;
    text-align: center;
}

.ni-why-fit__result {
    display: grid;
    gap: 15px;
    grid-template-columns: 38px 1fr;
    border-color: var(--ni-accent-strong);
    background: var(--ni-accent);
}

.ni-why-fit__result > svg {
    width: 38px;
    height: 38px;
    padding: 9px;
    background: var(--ni-ink);
    color: var(--ni-white);
}

.ni-why-heading {
    display: grid;
    gap: 60px;
    grid-template-columns: 1fr 0.75fr;
    align-items: end;
}

.ni-why-heading .ni-lead,
.ni-why-connected .ni-lead {
    color: #c8cccf;
}

.ni-why-flow {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 34px 1fr 34px 1fr 34px 1fr;
    align-items: center;
    margin-top: 58px;
}

.ni-why-flow > article {
    min-height: 150px;
    padding: 23px;
    border: 1px solid #555b60;
}

.ni-why-flow > article > svg {
    width: 25px;
    height: 25px;
    color: var(--ni-accent);
}

.ni-why-flow article span,
.ni-why-flow article strong {
    display: block;
}

.ni-why-flow article span {
    margin-top: 24px;
    color: #aeb3b7;
    font-size: 0.7rem;
}

.ni-why-flow article strong {
    margin-top: 6px;
    font-size: 0.92rem;
}

.ni-why-flow > svg {
    width: 18px;
    margin-inline: auto;
    color: var(--ni-accent);
}

.ni-why-outcomes {
    display: grid;
    gap: 35px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid #555b60;
}

.ni-why-outcomes strong,
.ni-why-outcomes span {
    display: block;
}

.ni-why-outcomes span {
    margin-top: 7px;
    color: #aeb3b7;
    font-size: 0.85rem;
    line-height: 1.55;
}

.ni-why-control__visual {
    padding: 34px;
    border: 1px solid #cfd3d6;
    background: var(--ni-white);
}

.ni-why-control .ni-why-split {
    align-items: start;
}

.ni-why-company-switch {
    display: grid;
    gap: 5px 10px;
    grid-template-columns: minmax(0, 1fr) 20px;
    padding: 17px 19px;
    border: 1px solid var(--ni-line);
}

.ni-why-company-switch span {
    grid-column: 1;
    color: var(--ni-muted);
    font-size: 0.65rem;
}

.ni-why-company-switch strong {
    grid-column: 1;
    font-size: 0.88rem;
}

.ni-why-company-switch svg {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
}

.ni-why-databases {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 22px;
}

.ni-why-databases article {
    padding: 19px 12px;
    border: 1px solid var(--ni-line);
    text-align: center;
}

.ni-why-databases svg {
    width: 23px;
    margin: 0 auto 13px;
    color: var(--ni-accent-strong);
}

.ni-why-databases strong,
.ni-why-databases span {
    display: block;
}

.ni-why-databases strong {
    font-size: 0.75rem;
}

.ni-why-databases span {
    margin-top: 5px;
    color: var(--ni-muted);
    font-size: 0.63rem;
}

.ni-why-control__visual > p {
    display: flex;
    gap: 9px;
    margin: 22px 0 0;
    align-items: center;
    color: var(--ni-green);
    font-size: 0.75rem;
    font-weight: 800;
}

.ni-why-control__visual > p svg {
    width: 19px;
}

.ni-why-checks {
    display: grid;
    gap: 13px;
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

.ni-why-checks li {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 0.9rem;
    font-weight: 700;
}

.ni-why-checks svg {
    width: 20px;
    height: 20px;
    padding: 4px;
    background: var(--ni-accent);
}

.ni-why-chat {
    border: 1px solid #cfd3d6;
    background: var(--ni-soft);
}

.ni-why-chat__status {
    display: flex;
    padding: 17px 20px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #cfd3d6;
    background: var(--ni-white);
    font-size: 0.76rem;
    font-weight: 800;
}

.ni-why-chat__status b {
    color: var(--ni-green);
    font-size: 0.65rem;
}

.ni-why-chat__question {
    width: 78%;
    margin: 30px 22px 20px auto;
    padding: 15px 17px;
    background: var(--ni-ink);
    color: var(--ni-white);
    font-size: 0.84rem;
    line-height: 1.5;
}

.ni-why-chat__answer {
    width: calc(100% - 44px);
    margin: 0 22px 30px;
    padding: 20px;
    border: 1px solid #d5d8da;
    background: var(--ni-white);
}

.ni-why-chat__answer > p {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.55;
}

.ni-why-chat__answer > div {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 18px;
}

.ni-why-chat__answer span {
    padding: 13px;
    background: var(--ni-soft);
    color: var(--ni-muted);
    font-size: 0.64rem;
}

.ni-why-chat__answer span strong {
    display: block;
    margin-top: 6px;
    color: var(--ni-ink);
    font-size: 1rem;
}

.ni-why-human__layout {
    display: grid;
    gap: 70px;
    grid-template-columns: 1fr 0.75fr;
    align-items: end;
}

@media (max-width: 900px) {
    .ni-why-intro__grid,
    .ni-why-support__layout,
    .ni-why-split,
    .ni-why-heading,
    .ni-why-human__layout {
        grid-template-columns: 1fr;
    }

    .ni-why-intro__grid .ni-eyebrow,
    .ni-why-intro__grid .ni-title,
    .ni-why-intro__grid .ni-lead {
        grid-column: 1;
        grid-row: auto;
    }

    .ni-why-support__layout,
    .ni-why-split {
        gap: 48px;
    }

    .ni-why-experience {
        padding-top: 35px;
        padding-left: 0;
        border-top: 1px solid rgba(24, 25, 27, 0.4);
        border-left: 0;
    }

    .ni-why-flow {
        grid-template-columns: 1fr;
    }

    .ni-why-flow > article {
        min-height: 0;
    }

    .ni-why-flow > svg {
        height: 28px;
        transform: rotate(90deg);
    }
}

@media (max-width: 560px) {
    .ni-why-hero {
        min-height: min(660px, calc(100svh - 96px));
        padding: 126px 0 64px;
        background-position: 57% center;
    }

    .ni-why-hero::before {
        background: rgba(12, 12, 13, 0.78);
    }

    .ni-why-intro {
        padding: 54px 0;
    }

    .ni-why-intro__grid {
        gap: 18px;
    }

    .ni-why-fit,
    .ni-why-control__visual {
        padding: 20px;
    }

    .ni-why-fit__analysis > div,
    .ni-why-databases,
    .ni-why-outcomes {
        grid-template-columns: 1fr;
    }

    .ni-why-databases article {
        display: grid;
        gap: 4px 12px;
        grid-template-columns: 28px 1fr;
        text-align: left;
    }

    .ni-why-databases svg {
        grid-row: 1 / span 2;
        margin: 0;
    }

    .ni-why-outcomes {
        gap: 24px;
    }

    .ni-why-chat__question {
        width: calc(100% - 32px);
        margin: 22px 16px 16px;
    }

    .ni-why-chat__answer {
        width: calc(100% - 32px);
        margin: 0 16px 22px;
        padding: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }

    .ni-voice-ring,
    .ni-voice-wave span,
    .ni-voice-steps span,
    .ni-voice-invoice {
        animation: none;
    }
}