.npi-page-hero {
    background:
        radial-gradient(90% 80% at 8% 0%, rgba(45, 166, 155, 0.16), transparent 55%),
        radial-gradient(80% 70% at 100% 10%, rgba(20, 184, 166, 0.12), transparent 50%),
        linear-gradient(180deg, #fff 0%, var(--teal-soft) 100%);
    padding: 4.2rem 1.25rem 3.2rem;
    border-bottom: 1px solid var(--border);
}

.npi-page-hero__inner {
    max-width: var(--max);
    margin: 0 auto;
    text-align: center;
}

.npi-page-hero__inner .npi-lead {
    margin-inline: auto;
}

.npi-section { padding: 0; }
.npi-section + .npi-section { margin-top: 0.5rem; }

.npi-prose {
    max-width: 46rem;
    margin-inline: auto;
    text-align: left;
}
.npi-prose--after-grid { margin-top: 2.8rem; }
.npi-prose h2 { margin-top: 2rem; }
.npi-prose ul { padding-left: 1.2rem; }
.npi-prose li { margin-bottom: 0.45rem; }

.npi-legal-meta {
    font-size: 0.95rem;
    color: var(--muted);
    margin-bottom: 1.6rem;
}

.npi-form {
    display: grid;
    gap: 0.85rem;
    max-width: 36rem;
    margin-inline: auto;
    text-align: left;
}
.npi-form label {
    font-weight: 650;
    font-size: 0.92rem;
}
.npi-form input,
.npi-form textarea,
.npi-form select {
    width: 100%;
    margin-top: 0.28rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--border);
    border-radius: 12px;
    font: inherit;
    background: #fff;
}
.npi-form textarea { min-height: 9rem; resize: vertical; }
.npi-form input:focus,
.npi-form textarea:focus {
    outline: 2px solid color-mix(in srgb, var(--sky) 55%, transparent);
    border-color: var(--sky);
}

.npi-honeypot {
    position: absolute;
    left: -9999px;
    height: 0;
    overflow: hidden;
}

.npi-notice {
    padding: 0.85rem 1rem;
    border-radius: 12px;
    margin: 0 auto 1rem;
    font-weight: 600;
    max-width: 36rem;
    text-align: left;
}
.npi-notice--success { background: #e8f7ee; color: #166534; }
.npi-notice--error { background: #fdecec; color: #991b1b; }

.npi-inbox {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 0.9rem;
    background: #fff;
    border: 1px dashed color-mix(in srgb, var(--sky) 40%, var(--border));
    border-radius: 999px;
    font-weight: 700;
    text-decoration: none;
    color: var(--sky-dark);
    margin: 0.4rem auto 1.4rem;
}

.npi-brand-card { overflow: hidden; padding: 0; }
.npi-brand-card__bar { height: 7px; }
.npi-brand-card--nestled .npi-brand-card__bar { background: linear-gradient(90deg, #1e3a8a, #2563eb); }
.npi-brand-card--paw .npi-brand-card__bar { background: linear-gradient(90deg, #0f766e, #14b8a6); }
.npi-brand-card--bake .npi-brand-card__bar { background: linear-gradient(90deg, #ff6b1a, #e11d48); }
.npi-brand-card--music .npi-brand-card__bar { background: linear-gradient(90deg, #2563eb, #7c3aed); }
.npi-brand-card__body { padding: 1.35rem 1.35rem 1.45rem; }
.npi-jobs-heading {
    text-align: center;
    margin: 2.4rem 0 0;
}

.npi-jobs {
    display: grid;
    gap: 1.25rem;
    max-width: 46rem;
    margin: 1.2rem auto 0;
    text-align: left;
}

.npi-job h3 {
    margin-bottom: 0.25rem;
}

.npi-job__meta {
    color: var(--muted);
    font-size: 0.95rem;
    margin-bottom: 0.85rem;
}

.npi-job__body {
    margin-bottom: 0.4rem;
}

.npi-job .npi-actions {
    justify-content: flex-start;
}

.npi-soon {
    margin: 0 0 0.4rem;
    color: var(--muted);
    font-weight: 650;
}

.npi-values {
    display: grid;
    gap: 1.1rem;
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 800px) {
    .npi-values { grid-template-columns: 1fr; }
}