/* ============================================================
   NOUSCARD • PÁGINA PÚBLICA + LOGIN LATERAL
   ============================================================ */

:root {
    --auth-primary: #1d3469;
    --auth-primary-dark: #142652;
    --auth-primary-mid: #3d5c95;
    --auth-primary-light: #5e80bf;

    --auth-text: #172033;
    --auth-muted: #667085;
    --auth-soft: #f4f7fb;
    --auth-border: #e5eaf1;
    --auth-white: #ffffff;

    --auth-success: #238636;
    --auth-error: #d92d20;
    --auth-error-bg: #fff1f0;

    --auth-shadow-sm: 0 4px 18px rgba(16, 24, 40, 0.06);
    --auth-shadow-md: 0 16px 48px rgba(16, 24, 40, 0.12);
    --auth-shadow-lg: 0 24px 80px rgba(16, 24, 40, 0.18);

    --auth-radius: 14px;
    --auth-radius-lg: 24px;

    --auth-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body.nc-public-body {
    margin: 0;
    font-family: var(--auth-font);
    color: var(--auth-text);
    background:
        radial-gradient(circle at top left, rgba(94, 128, 191, 0.12), transparent 32rem),
        #ffffff;
}

body.nc-public-body.login-panel-open {
    overflow: hidden;
}

a {
    color: inherit;
}

.nc-public-header {
    position: sticky;
    top: 0;
    z-index: 900;
    min-height: 72px;
    padding: 0 5vw;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;

    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(229,234,241,0.92);
}

.nc-public-brand {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.nc-public-brand-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--auth-primary-mid), var(--auth-primary));
    box-shadow: var(--auth-shadow-sm);
    font-size: 1.2rem;
}

.nc-public-brand strong {
    display: block;
    color: var(--auth-primary);
    font-size: 1.08rem;
    line-height: 1.1;
}

.nc-public-brand span {
    display: block;
    margin-top: 0.2rem;
    color: var(--auth-muted);
    font-size: 0.74rem;
}

.nc-public-login-button,
.nc-btn-public-primary,
.nc-btn-public-secondary,
.nc-btn-public-light {
    border-radius: 10px;
    min-height: 44px;
    padding: 0.72rem 1rem;
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.nc-public-login-button {
    border: 1px solid var(--auth-primary);
    color: var(--auth-primary);
    background: #fff;
}

.nc-public-login-button:hover {
    background: var(--auth-primary);
    color: #fff;
}

.nc-public-main {
    overflow: hidden;
}

.nc-hero {
    width: min(1180px, 90vw);
    margin: 0 auto;
    min-height: 680px;
    padding: 5.2rem 0 4rem;

    display: grid;
    grid-template-columns: 1.04fr 0.96fr;
    align-items: center;
    gap: 4rem;
}

.nc-eyebrow,
.nc-section-heading > span,
.nc-segments-kicker,
.nc-public-cta > div > span,
.nc-login-panel-kicker {
    display: inline-block;
    color: var(--auth-primary-mid);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.nc-hero h1 {
    margin: 0.9rem 0 1.2rem;
    color: #111827;
    font-size: clamp(2.4rem, 5vw, 4.1rem);
    line-height: 0.98;
    letter-spacing: -0.055em;
}

.nc-hero-lead {
    max-width: 680px;
    margin: 0;
    color: var(--auth-muted);
    font-size: 1.14rem;
    line-height: 1.7;
}

.nc-hero-actions {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.nc-btn-public-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    background: linear-gradient(135deg, var(--auth-primary-mid), var(--auth-primary));
    color: #fff;
    box-shadow: 0 10px 24px rgba(29,52,105,.18);
}

.nc-btn-public-primary:hover,
.nc-btn-public-secondary:hover,
.nc-btn-public-light:hover {
    transform: translateY(-1px);
}

.nc-btn-public-secondary {
    border: 1px solid var(--auth-border);
    background: #fff;
    color: var(--auth-primary);
}

.nc-hero-flow {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    margin-top: 2.5rem;
    color: var(--auth-muted);
    font-size: 0.88rem;
}

.nc-hero-flow span {
    padding: 0.55rem 0.72rem;
    border: 1px solid var(--auth-border);
    border-radius: 999px;
    background: #fff;
}

.nc-hero-flow b {
    color: var(--auth-primary-light);
}

.nc-hero-visual {
    position: relative;
}

.nc-hero-visual::before {
    content: "";
    position: absolute;
    inset: 6% -10% -8% 8%;
    border-radius: 45%;
    background: radial-gradient(circle, rgba(61,92,149,.22), rgba(61,92,149,0));
    filter: blur(18px);
}

.nc-browser-mockup {
    position: relative;
    z-index: 2;
    background: #fff;
    border: 1px solid var(--auth-border);
    border-radius: 22px;
    box-shadow: var(--auth-shadow-lg);
    padding: 1rem;
    transform: rotate(1.2deg);
}

.nc-browser-bar {
    display: flex;
    gap: 0.35rem;
    padding: 0 0 0.85rem;
}

.nc-browser-bar span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #d0d5dd;
}

.nc-mockup-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 14px;
}

.nc-mockup-title small,
.nc-mockup-card small,
.nc-mockup-kpis small {
    display: block;
    color: var(--auth-muted);
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.nc-mockup-title strong {
    display: block;
    margin-top: .2rem;
    color: var(--auth-primary);
}

.nc-mockup-badge {
    padding: .45rem .65rem;
    border-radius: 999px;
    color: #fff;
    background: var(--auth-primary);
    font-size: .72rem;
    font-weight: 700;
}

.nc-mockup-kpis {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .65rem;
    margin-top: .75rem;
}

.nc-mockup-kpis > div {
    padding: .85rem;
    border: 1px solid var(--auth-border);
    border-radius: 12px;
    background: #fff;
}

.nc-mockup-kpis strong {
    display: block;
    margin-top: .35rem;
    color: var(--auth-text);
    font-size: 1rem;
}

.nc-mockup-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    margin-top: .75rem;
}

.nc-mockup-card {
    padding: 1rem;
    border-radius: 14px;
    background: #f8fafc;
}

.nc-mockup-line {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .7rem;
    color: #475467;
    font-size: .76rem;
}

.nc-mockup-line b {
    color: var(--auth-primary);
}

.nc-mockup-finance {
    height: 100px;
    display: flex;
    align-items: end;
    gap: .5rem;
    margin-top: .8rem;
    padding: .9rem;
    border-radius: 14px;
    background: linear-gradient(180deg, #f8fafc, #ffffff);
}

.nc-mockup-finance div {
    flex: 1;
    border-radius: 6px 6px 2px 2px;
    background: linear-gradient(180deg, var(--auth-primary-light), var(--auth-primary));
}

.nc-mockup-finance div:nth-child(1) { height: 42%; }
.nc-mockup-finance div:nth-child(2) { height: 66%; }
.nc-mockup-finance div:nth-child(3) { height: 52%; }
.nc-mockup-finance div:nth-child(4) { height: 76%; }
.nc-mockup-finance div:nth-child(5) { height: 61%; }
.nc-mockup-finance div:nth-child(6) { height: 88%; }

.nc-trust-strip {
    width: min(1180px, 90vw);
    margin: 0 auto 5rem;
    padding: 1.2rem 1.4rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    border: 1px solid var(--auth-border);
    border-radius: 16px;
    background: rgba(255,255,255,.78);
    box-shadow: var(--auth-shadow-sm);
}

.nc-trust-strip div {
    padding: .65rem .8rem;
}

.nc-trust-strip strong {
    display: block;
    color: var(--auth-primary);
    font-size: .92rem;
}

.nc-trust-strip span {
    display: block;
    margin-top: .3rem;
    color: var(--auth-muted);
    font-size: .82rem;
}

.nc-public-section {
    width: min(1180px, 90vw);
    margin: 0 auto;
    padding: 5.5rem 0;
}

.nc-public-section-soft {
    width: 100%;
    max-width: none;
    padding-left: max(5vw, calc((100vw - 1180px)/2));
    padding-right: max(5vw, calc((100vw - 1180px)/2));
    background: var(--auth-soft);
}

.nc-section-heading {
    max-width: 720px;
    margin-bottom: 2.2rem;
}

.nc-section-heading h2,
.nc-segments-panel h2,
.nc-public-cta h2 {
    margin: .55rem 0 .8rem;
    color: #111827;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.nc-section-heading p,
.nc-public-cta p {
    margin: 0;
    color: var(--auth-muted);
    line-height: 1.7;
}

.nc-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.nc-feature-card {
    min-height: 240px;
    padding: 1.5rem;
    border: 1px solid var(--auth-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--auth-shadow-sm);
}

.nc-feature-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #edf2fa;
    font-size: 1.25rem;
}

.nc-feature-card h3 {
    margin: 1.25rem 0 .7rem;
    color: var(--auth-primary);
}

.nc-feature-card p {
    margin: 0;
    color: var(--auth-muted);
    line-height: 1.65;
    font-size: .92rem;
}

.nc-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.nc-process-step {
    position: relative;
    padding: 1.5rem;
    border-radius: 18px;
    background: #fff;
    border: 1px solid #e9edf3;
}

.nc-process-step > strong {
    color: var(--auth-primary-light);
    font-size: .8rem;
    letter-spacing: .12em;
}

.nc-process-step h3 {
    margin: 1rem 0 .6rem;
    color: var(--auth-primary);
}

.nc-process-step p {
    margin: 0;
    color: var(--auth-muted);
    font-size: .9rem;
    line-height: 1.6;
}

.nc-segments-panel {
    padding: 2rem;
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 2rem;
    align-items: center;
    border: 1px solid var(--auth-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: var(--auth-shadow-sm);
}

.nc-segments-panel h2 {
    font-size: clamp(1.8rem, 3.4vw, 2.6rem);
}

.nc-segment-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.nc-segment-tags span {
    padding: .7rem .9rem;
    border-radius: 999px;
    background: var(--auth-soft);
    color: var(--auth-primary);
    font-size: .85rem;
    font-weight: 700;
}

.nc-public-cta {
    margin-top: 2rem;
    padding: 4.5rem max(5vw, calc((100vw - 1180px)/2));
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2rem;
    align-items: center;
    background: linear-gradient(135deg, var(--auth-primary-mid), var(--auth-primary));
    color: #fff;
}

.nc-public-cta h2 {
    color: #fff;
}

.nc-public-cta p {
    max-width: 760px;
    color: rgba(255,255,255,.82);
}

.nc-btn-public-light {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.6);
    background: #fff;
    color: var(--auth-primary);
    white-space: nowrap;
}

.nc-public-footer {
    min-height: 100px;
    padding: 1.8rem 5vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid var(--auth-border);
    background: #fff;
}

.nc-public-footer strong {
    display: block;
    color: var(--auth-primary);
}

.nc-public-footer span {
    display: block;
    margin-top: .3rem;
    color: var(--auth-muted);
    font-size: .78rem;
}

.nc-public-footer a {
    color: var(--auth-primary);
    text-decoration: none;
    font-weight: 700;
    font-size: .86rem;
}

/* ============================================================
   PAINEL DE LOGIN
   ============================================================ */

.nc-login-overlay {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(11,18,32,.44);
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
}

.nc-login-overlay.open {
    opacity: 1;
    visibility: visible;
}

.nc-login-panel {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1210;

    width: min(440px, 94vw);
    height: 100vh;
    overflow-y: auto;

    padding: 2rem;

    background: #fff;
    box-shadow: -18px 0 60px rgba(16,24,40,.2);

    transform: translateX(105%);
    transition: transform .25s ease;
}

.nc-login-panel.open {
    transform: translateX(0);
}

.nc-login-panel-header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.nc-login-panel-header h2 {
    margin: .35rem 0 0;
    color: var(--auth-primary);
    font-size: 1.75rem;
}

.nc-login-close {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    background: var(--auth-soft);
    color: var(--auth-primary);
    font-size: 1.7rem;
    line-height: 1;
    cursor: pointer;
}

.nc-login-panel-lead {
    margin: .8rem 0 1.5rem;
    color: var(--auth-muted);
    line-height: 1.55;
}

.nc-form-group {
    margin-bottom: 1.15rem;
}

.nc-form-group label {
    display: block;
    margin-bottom: .45rem;
    color: var(--auth-text);
    font-size: .88rem;
    font-weight: 700;
}

.nc-form-group input[type="email"],
.nc-form-group input[type="password"],
.nc-form-group input[type="text"] {
    width: 100%;
    min-height: 46px;
    padding: .8rem .9rem;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    background: #fff;
    color: var(--auth-text);
    font: inherit;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.nc-form-group input:focus {
    outline: none;
    border-color: var(--auth-primary-mid);
    box-shadow: 0 0 0 3px rgba(61,92,149,.12);
}

.nc-form-group input[aria-invalid="true"] {
    border-color: var(--auth-error);
}

.nc-form-hint {
    display: block;
    margin-top: .35rem;
    color: #98a2b3;
    font-size: .75rem;
}

.nc-form-error {
    margin-top: .35rem;
    color: var(--auth-error);
    font-size: .78rem;
    font-weight: 600;
}

.nc-password-wrapper {
    position: relative;
}

.nc-password-wrapper input {
    padding-right: 3rem !important;
}

.nc-password-toggle {
    position: absolute;
    top: 50%;
    right: .65rem;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 8px;
}

.nc-password-toggle:hover {
    background: var(--auth-soft);
}

.nc-login-options {
    margin: 1.15rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.nc-login-options a {
    color: var(--auth-primary);
    text-decoration: none;
    font-size: .84rem;
    font-weight: 700;
}

.nc-remember {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--auth-muted);
    font-size: .84rem;
}

.nc-btn-primary {
    width: 100%;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--auth-primary-mid), var(--auth-primary));
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.nc-btn-primary:hover:not(:disabled) {
    background: linear-gradient(135deg, var(--auth-primary-light), var(--auth-primary-mid));
}

.nc-btn-primary:disabled {
    opacity: .72;
    cursor: not-allowed;
}

.spinner {
    width: 17px;
    height: 17px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: authSpin .75s linear infinite;
}

@keyframes authSpin {
    to { transform: rotate(360deg); }
}

.nc-login-security {
    margin-top: .9rem;
    text-align: center;
    color: var(--auth-muted);
    font-size: .75rem;
}

.nc-login-help {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--auth-border);
}

.nc-login-help strong {
    display: block;
    color: var(--auth-primary);
    font-size: .9rem;
}

.nc-login-help p {
    margin: .45rem 0 .65rem;
    color: var(--auth-muted);
    font-size: .82rem;
    line-height: 1.55;
}

.nc-login-help a {
    color: var(--auth-primary);
    text-decoration: none;
    font-size: .82rem;
    font-weight: 700;
}

.nc-error {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding: .8rem .9rem;
    border: 1px solid #fecdca;
    border-radius: 10px;
    background: var(--auth-error-bg);
    color: var(--auth-error);
    font-size: .84rem;
}

.nc-error-detail {
    display: block;
    margin-top: .3rem;
}

.nc-muted {
    color: var(--auth-muted);
}

.nc-flash {
    margin-bottom: 1rem;
    padding: .8rem .9rem;
    border-radius: 10px;
    font-size: .84rem;
}

.nc-flash-success {
    background: #ecfdf3;
    color: #027a48;
    border: 1px solid #abefc6;
}

.nc-flash-error,
.nc-flash-danger {
    background: #fff1f0;
    color: #b42318;
    border: 1px solid #fecdca;
}

/* ============================================================
   RESPONSIVIDADE
   ============================================================ */

@media (max-width: 980px) {
    .nc-hero {
        min-height: 0;
        grid-template-columns: 1fr;
        padding-top: 3.8rem;
    }

    .nc-hero-visual {
        max-width: 760px;
    }

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

    .nc-segments-panel {
        grid-template-columns: 1fr;
    }

    .nc-public-cta {
        grid-template-columns: 1fr;
    }

    .nc-public-cta a {
        justify-self: start;
    }
}

@media (max-width: 680px) {
    .nc-public-header {
        min-height: 64px;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .nc-public-brand span {
        display: none;
    }

    .nc-hero,
    .nc-public-section,
    .nc-trust-strip {
        width: min(92vw, 1180px);
    }

    .nc-hero {
        padding-top: 2.8rem;
        gap: 2.4rem;
    }

    .nc-hero h1 {
        font-size: clamp(2.5rem, 13vw, 3.8rem);
    }

    .nc-hero-flow b {
        display: none;
    }

    .nc-trust-strip {
        grid-template-columns: 1fr;
    }

    .nc-feature-grid,
    .nc-process-grid {
        grid-template-columns: 1fr;
    }

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

    .nc-mockup-grid {
        grid-template-columns: 1fr;
    }

    .nc-public-section-soft {
        padding-left: 4vw;
        padding-right: 4vw;
    }

    .nc-public-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .nc-login-panel {
        width: 100vw;
        padding: 1.4rem;
    }
}

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

    *,
    *::before,
    *::after {
        transition: none !important;
        animation: none !important;
    }
}


/* ============================================================
   CTA COMERCIAL INTERMEDIÁRIO
   ============================================================ */
.nc-public-mid-cta {
    width: min(1180px, 90vw);
    margin: 0 auto 1rem;
    padding: 2rem;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 2rem;
    border: 1px solid var(--auth-border);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(244,247,251,.96), rgba(255,255,255,.98));
    box-shadow: var(--auth-shadow-sm);
}

.nc-public-mid-cta > div > span {
    color: var(--auth-primary-mid);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.nc-public-mid-cta h2 {
    margin: .5rem 0 .7rem;
    color: #111827;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    line-height: 1.08;
    letter-spacing: -.03em;
}

.nc-public-mid-cta p {
    margin: 0;
    max-width: 760px;
    color: var(--auth-muted);
    line-height: 1.65;
}

/* ============================================================
   PAINEL COMERCIAL • LEADS
   ============================================================ */
.nc-interest-overlay {
    position: fixed;
    inset: 0;
    z-index: 1220;
    background: rgba(11,18,32,.44);
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
}

.nc-interest-overlay.open {
    opacity: 1;
    visibility: visible;
}

.nc-interest-panel {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1230;

    width: min(500px, 96vw);
    height: 100vh;
    overflow-y: auto;

    padding: 2rem;

    background: #fff;
    box-shadow: -18px 0 60px rgba(16,24,40,.2);

    transform: translateX(105%);
    transition: transform .25s ease;
}

.nc-interest-panel.open {
    transform: translateX(0);
}

.nc-interest-fieldset {
    border: 1px solid var(--auth-border);
    border-radius: 12px;
    padding: .9rem 1rem;
    margin: 0 0 1rem;
}

.nc-interest-fieldset legend {
    padding: 0 .35rem;
    color: var(--auth-primary);
    font-weight: 800;
    font-size: .86rem;
}

.nc-interest-fieldset label {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .58rem 0;
    color: var(--auth-muted);
    font-size: .86rem;
    cursor: pointer;
}

.nc-interest-fieldset input {
    accent-color: var(--auth-primary);
}

.nc-interest-panel textarea {
    width: 100%;
    padding: .8rem .9rem;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    resize: vertical;
    color: var(--auth-text);
    font: inherit;
}

.nc-interest-panel textarea:focus {
    outline: none;
    border-color: var(--auth-primary-mid);
    box-shadow: 0 0 0 3px rgba(61,92,149,.12);
}

.nc-interest-success {
    text-align: center;
    padding: 2rem .5rem;
}

.nc-interest-success-icon {
    font-size: 3rem;
    margin-bottom: .75rem;
}

.nc-interest-success h3 {
    margin: 0 0 .7rem;
    color: var(--auth-primary);
    font-size: 1.5rem;
}

.nc-interest-success p {
    margin: 0 0 1.35rem;
    color: var(--auth-muted);
    line-height: 1.6;
}

.nc-interest-close-success {
    margin-top: .8rem;
    border: none;
    background: transparent;
    color: var(--auth-primary);
    font: inherit;
    font-size: .83rem;
    font-weight: 700;
    cursor: pointer;
}

.nc-interest-privacy {
    margin: .85rem 0 0;
    color: #98a2b3;
    font-size: .72rem;
    line-height: 1.5;
    text-align: center;
}

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

/* O botão claro final agora também pode ser button */
button.nc-btn-public-light {
    border: 1px solid rgba(255,255,255,.6);
}

@media (max-width: 980px) {
    .nc-public-mid-cta {
        grid-template-columns: 1fr;
    }

    .nc-public-mid-cta .nc-btn-public-primary {
        justify-self: start;
    }
}

@media (max-width: 680px) {
    .nc-public-mid-cta {
        width: 92vw;
        padding: 1.4rem;
    }

    .nc-interest-panel {
        width: 100vw;
        padding: 1.4rem;
    }
}


/* =========================================================
   HISTÓRIA INTERATIVA — NOUSCARD
   ========================================================= */
.nc-story{position:relative;overflow:hidden;max-width:1240px;margin:1.4rem auto 0;padding:clamp(2.2rem,5vw,4.5rem) clamp(1rem,3vw,2.25rem);border-radius:34px;background:radial-gradient(circle at 8% 12%,rgba(0,119,255,.13),transparent 30%),radial-gradient(circle at 92% 20%,rgba(255,184,77,.16),transparent 26%),linear-gradient(180deg,#f9fcff 0%,#fff 55%,#f4f9ff 100%);box-shadow:0 28px 80px rgba(5,39,89,.09)}
.nc-story::before{content:"";position:absolute;inset:0;opacity:.28;pointer-events:none;background-image:radial-gradient(rgba(8,55,112,.16) .75px,transparent .75px);background-size:14px 14px;mask-image:linear-gradient(to bottom,#000,transparent 58%)}
.nc-story-head{position:relative;z-index:1;max-width:780px;margin:0 auto 2rem;text-align:center}.nc-story-kicker,.nc-story-unified-copy>span{display:inline-block;margin-bottom:.65rem;color:#0877f9;font-size:.8rem;font-weight:900;letter-spacing:.12em}.nc-story-head h2{margin:0;color:#09224a;font-size:clamp(2rem,4vw,3.3rem);line-height:1.03;letter-spacing:-.045em}.nc-story-head p{max-width:720px;margin:1rem auto 0;color:#53657e;font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.7}
.nc-story-track{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.nc-story-card{min-width:0;overflow:hidden;border:1px solid rgba(24,69,125,.12);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(4,42,92,.10);transition:transform .45s ease,box-shadow .45s ease}.nc-story-card:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(4,42,92,.17)}
.nc-story-media{position:relative;overflow:hidden;aspect-ratio:4/3.25;background:#e8eef5}.nc-story-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,27,56,.22),transparent 42%);pointer-events:none}.nc-story-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:scale(1.04);transition:transform 5s cubic-bezier(.2,.7,.2,1)}.nc-story-card.is-visible .nc-story-media img{transform:scale(1.12)}
.nc-story-number{position:absolute;z-index:4;top:.85rem;left:.85rem;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:rgba(7,41,84,.88);border:2px solid rgba(255,255,255,.82);font-weight:900;backdrop-filter:blur(8px)}.nc-story-copy{padding:1.25rem 1.25rem 1.45rem}.nc-story-copy small{display:block;margin-bottom:.55rem;color:#0877f9;font-weight:900;letter-spacing:.045em}.nc-story-copy h3{margin:0 0 .7rem;color:#0a244b;font-size:clamp(1.25rem,1.7vw,1.55rem);line-height:1.12}.nc-story-copy p{margin:0;color:#61718a;line-height:1.58}
.nc-story-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0 .9rem}.nc-story-chips span{padding:.42rem .62rem;border:1px solid rgba(16,78,148,.11);border-radius:999px;background:#f2f7fd;color:#34516f;font-size:.78rem;font-weight:700}
.nc-story-float,.nc-story-question,.nc-story-spark{position:absolute;z-index:5;opacity:0;transform:translateY(14px) scale(.86);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.nc-story-card.is-visible .nc-story-float,.nc-story-card.is-visible .nc-story-question,.nc-story-card.is-visible .nc-story-spark{opacity:1;transform:translateY(0) scale(1)}.nc-story-float{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.93);box-shadow:0 10px 26px rgba(5,36,76,.2);font-size:1.45rem}.nc-story-float-a{top:18%;right:8%;transition-delay:.15s}.nc-story-float-b{top:42%;left:7%;transition-delay:.38s}.nc-story-float-c{right:10%;bottom:10%;transition-delay:.62s}
.nc-story-question{max-width:142px;padding:.5rem .65rem;border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 10px 26px rgba(5,36,76,.18);color:#172a43;font-size:.72rem;line-height:1.2;font-weight:800}.nc-story-question::after{content:"";position:absolute;width:9px;height:9px;background:#fff;transform:rotate(45deg);bottom:-4px;left:22px}.nc-story-question.q1{top:13%;left:23%;transition-delay:.15s}.nc-story-question.q2{top:37%;right:5%;transition-delay:.42s}.nc-story-question.q3{bottom:11%;left:7%;transition-delay:.7s}
.nc-story-spark{color:#fff;text-shadow:0 3px 14px rgba(0,119,255,.75);font-size:1.6rem}.nc-story-spark.s1{top:12%;right:12%;transition-delay:.2s}.nc-story-spark.s2{top:29%;left:8%;transition-delay:.45s}.nc-story-spark.s3{right:14%;bottom:14%;color:#ff5e57;transition-delay:.7s}.nc-story-dots{display:none;justify-content:center;gap:.45rem;padding-top:1rem}.nc-story-dots span{width:8px;height:8px;border-radius:999px;background:#bfd1e8;transition:width .25s ease,background .25s ease}.nc-story-dots span.is-active{width:26px;background:#0877f9}
.nc-story-unified{position:relative;z-index:1;margin-top:1rem;padding:clamp(1.5rem,3vw,2.35rem);border-radius:26px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(40,144,255,.45),transparent 30%),linear-gradient(125deg,#071f47,#073f8f 58%,#076de8);box-shadow:0 22px 55px rgba(7,56,125,.22)}.nc-story-unified-copy{text-align:center}.nc-story-unified-copy>span{color:#8fc9ff}.nc-story-unified-copy h3{max-width:760px;margin:0 auto;color:#fff;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.08}.nc-story-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:.7rem;align-items:center;margin:1.8rem 0}.nc-story-flow>div{min-width:0;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;padding:1rem .75rem;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px);text-align:center}.nc-story-flow b{font-size:1.6rem}.nc-story-flow span{font-size:.86rem;font-weight:800}.nc-story-flow i{color:#83c5ff;font-size:1.35rem;font-style:normal}.nc-story-quote{position:relative;max-width:760px;margin:0 auto 1.2rem;padding:1rem 1.3rem 1rem 3.2rem;border-left:3px solid #67b5ff;background:rgba(255,255,255,.07);border-radius:0 16px 16px 0}.nc-story-quote-mark{position:absolute;left:.9rem;top:.25rem;color:#7fc1ff;font-size:3.4rem;line-height:1}.nc-story-quote p{margin:0;color:rgba(255,255,255,.9);line-height:1.55;font-weight:600}.nc-story-cta{display:block;margin:1.3rem auto 0}
.nc-reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.nc-reveal.is-visible{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.nc-reveal,.nc-story-media img,.nc-story-float,.nc-story-question,.nc-story-spark{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}}
@media (max-width:860px){.nc-story{margin-top:.75rem;padding-inline:.75rem;border-radius:24px}.nc-story-head{padding-inline:.5rem}.nc-story-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;padding:.15rem .15rem .8rem;scrollbar-width:none;overscroll-behavior-x:contain}.nc-story-track::-webkit-scrollbar{display:none}.nc-story-card{flex:0 0 min(84vw,390px);scroll-snap-align:center}.nc-story-dots{display:flex}.nc-story-flow{grid-template-columns:repeat(5,minmax(118px,1fr));gap:.4rem;overflow-x:auto;padding-bottom:.35rem}.nc-story-flow i{display:none}.nc-story-flow>div{min-width:118px}}
@media (max-width:560px){.nc-story-head h2{font-size:2.05rem}.nc-story-card{flex-basis:88vw}.nc-story-unified{padding:1.25rem .9rem}.nc-story-quote{padding-left:2.7rem}}