/* The agent homepage extends the existing NinjaPear light/purple theme. */
.np7 {
  --np7-purple: #9333ea;
  --np7-yellow: #ffe16b;
  --np7-ink: #202025;
  --np7-muted: #65616c;
  --np7-line: #e9e5ed;
  color: var(--np7-ink);
  background: #fff;
}
.np7 *, .np7 *::before, .np7 *::after { box-sizing: border-box; }
.np7 h1, .np7 h2, .np7 [data-tab] { overflow-wrap: anywhere; hyphens: auto; }
.np7 [data-tab] > span, .np7 [data-tab] > strong { min-width: 0; max-width: 100%; }
.np7 [hidden] { display: none !important; }
.np7 button, .np7 a { -webkit-tap-highlight-color: transparent; }
.np7 button { font: inherit; cursor: pointer; }
.np7 button:focus-visible, .np7 a:focus-visible, .np7 [tabindex]:focus-visible { outline: 3px solid #9333ea; outline-offset: 5px; }
.np7-container { width: min(1320px, calc(100% - 80px)); margin-inline: auto; }
.np7-hero { position: relative; padding: 60px 0 85px; background: radial-gradient(ellipse 90% 650px at 78% 0, #f7f0fe 0, #ffffff00 62%), radial-gradient(ellipse 70% 550px at 6% 0, #fffbe8 0, #ffffff00 55%); }
.np7-hero-grid { display: flex; flex-direction: column; gap: 0; }
.np7-eyebrow { display: none; }
.np7-eyebrow i { font-size: 22px; }
.np7 h1 { margin: 0; max-width: none; width: 100%; font-size: clamp(46px, 6.25vw, 92px); font-weight: 750; line-height: 1.045; letter-spacing: -.057em; text-wrap: balance; }
.np7 h1 > span { display: block; color: var(--np7-purple); }
.np7-description { max-width: 900px; margin: 28px auto 0; font-size: 20px; line-height: 1.7; color: var(--np7-muted); }
.np7-actions { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 28px; margin-top: 28px; }
.np7-primary-action { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.np7-trial-note { margin: 0; color: var(--np7-muted); font-size: 13px; line-height: 1.5; }
.np7-actions > .np7-text-link { margin-top: 14px; }
.np7-fold-actions { display: flex; justify-content: center; margin-top: 36px; }
.np7-fold-actions .np7-button { max-width: 100%; }
.np7-fold-actions .np7-button > span { min-width: 0; }
.np7-fold-actions .np7-button > i { flex-shrink: 0; }
.np7-button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 50px; padding: 13px 21px; border-radius: 9px; font-size: 17px; font-weight: 650; white-space: nowrap; transition: background .18s, transform .18s, box-shadow .18s; }
.np7-button-primary { background: var(--np7-purple); color: #fff; box-shadow: 0 3px 0 #6d20ad, 0 8px 16px -4px #4b176b40, inset 0 1px 0 #ffffff40; }
.np7-button-primary:hover { background: #7e22ce; color: #fff; transform: translateY(-2px); box-shadow: 0 5px 0 #621c9a, 0 12px 20px -5px #4b176b4d, inset 0 1px 0 #ffffff40; }
.np7-button-primary:active { transform: translateY(2px); box-shadow: 0 1px 0 #621c9a, 0 3px 8px -3px #4b176b40, inset 0 1px 2px #42106326; }
.np7-text-link { display: inline-flex; align-items: center; gap: 9px; color: #7130a8; font-size: 16px; font-weight: 600; }
.np7-text-link:hover { color: #581c87; text-decoration: underline; text-underline-offset: 4px; }
.np7-workspace { display: grid; grid-template-columns: 240px minmax(0, 1fr); width: 100%; margin-top: 56px; min-width: 0; border: 1px solid #dfdce2; border-radius: 20px; background: #fff; box-shadow: 0 35px 100px -40px #51356738, 0 2px 6px #30213c08; overflow: hidden; }
.np7-workspace-top { display: flex; align-items: center; gap: 9px; padding: 22px 30px; background: #fff; font-size: 21px; font-weight: 600; color: #4c494e; }
.np7-quiet-label { color: var(--np7-muted); font-size: 14px; }
.np7-protocol { margin-left: auto; border: 1px solid #e3d7ee; padding: 3px 7px; border-radius: 5px; color: #8150a8; font-family: ui-monospace, monospace; font-size: 13px; letter-spacing: .04em; }
.np7-capability-tabs { display: flex; flex-direction: column; gap: 6px; padding: 0 12px; }
.np7-capability-tabs button { display: grid; grid-template-columns: 24px 1fr; align-items: start; gap: 10px; width: 100%; min-height: 65px; padding: 14px 12px; border-radius: 9px; border: 1px solid transparent; text-align: left; color: #666169; font-size: 15px; font-weight: 500; line-height: 1.5; transition: background .18s, color .18s; }
.np7-capability-tabs button > i:first-child { font-size: 22px; padding-top: 1px; }
.np7-capability-tabs button:hover { background: #f4ecfa; color: #7425b4; }
.np7-capability-tabs button[aria-selected="true"] { background: #eae7ed; color: #27232d; border-color: #e3dee8; }
.np7-results { height: 780px; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: #d9d4df transparent; padding: 8px 40px 32px; }
.np7-prompt { display: flex; justify-content: flex-end; padding: 0; margin: 0 0 28px; background: transparent; border: 0; font-size: 17px; color: #37343a; }
.np7-prompt > i { font-size: 22px; flex-shrink: 0; color: #8b6da0; }
.np7-prompt p { max-width: 85%; padding: 16px 22px; margin: 0; border-radius: 23px; background: #f2f1f3; line-height: 1.6; }
.np7-result-body { padding: 0 0 0 0; }
.np7-tool { display: flex; align-items: baseline; gap: 7px; font-size: 13px; line-height: 1.7; margin-bottom: 5px; color: #8552a2; }
.np7-tool > i { color: #7b3f9f; font-size: 13px; flex-shrink: 0; }
.np7-tool code { overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.np7-tool code > span { color: #8c8293; }
.np7-identity { display: flex; align-items: center; gap: 12px; margin: 22px 0 19px; }
.np7-company-mark { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border: 1px solid var(--np7-line); border-radius: 11px; background: #fff; }
.np7-company-mark img { width: 31px; height: 31px; object-fit: contain; }
.np7-identity strong { display: block; font-size: 20px; letter-spacing: -.025em; }
.np7-identity span { display: block; font-size: 14px; color: var(--np7-muted); margin-top: 3px; }
.np7-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; margin: 0; }
.np7-fields dt { color: var(--np7-muted); font-size: 13px; margin-bottom: 4px; }
.np7-fields dd { font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
.np7-funding { display: flex; justify-content: space-between; gap: 20px; margin-top: 22px; border: 1px solid #e6d9f0; background: #faf6fe; border-radius: 10px; padding: 16px; }
.np7-funding > div:first-child { display: flex; flex-direction: column; justify-content: center; }
.np7-funding > div:first-child > span { font-size: 13px; color: #865a9f; }
.np7-funding > div:first-child > strong { color: #7028a6; font-size: 31px; letter-spacing: -.045em; font-weight: 650; line-height: 1.3; }
.np7-initials { display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: #f4edf9; color: #8a58a5; font-size: 13px; font-weight: 600; width: 33px; height: 33px; border-radius: 50%; }
.np7-feed article { padding: 15px 0; }
.np7-feed article + article { border-top: 1px solid #eee9f2; }
.np7-feed a { display: flex; justify-content: space-between; align-items: start; gap: 15px; font-size: 15px; font-weight: 650; color: #3e3547; line-height: 1.6; }
.np7-feed a:hover { color: #9333ea; }
.np7-feed a > i { flex-shrink: 0; color: #9777ac; padding-top: 4px; }
.np7-feed p { font-size: 14px; line-height: 1.75; color: var(--np7-muted); margin-top: 8px; }
.np7-workspace-foot { display: flex; justify-content: center; align-items: center; gap: 18px; padding: 0 24px 20px; color: #746b7c; font-size: 12px; }
.np7-workspace-foot a { display: inline-flex; align-items: center; gap: 5px; color: #7d668f; font-weight: 500; }
.np7-section { padding: 100px 0; scroll-margin-top: 85px; }
.np7-section-heading { max-width: 840px; margin: 0 auto 45px; text-align: center; }
.np7 h2 { margin: 0; font-size: clamp(40px, 4.6vw, 64px); font-weight: 700; letter-spacing: -.045em; line-height: 1.1; text-wrap: balance; }
.np7 h2 > span { color: var(--np7-purple); }
.np7-use-cases { border-block: 1px solid #eee9f3; background: #fbfafc; }
.np7-workflows { max-width: 1180px; margin: auto; }
.np7-workflow-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 26px; }
.np7-workflow-tabs button { position: relative; text-align: left; padding: 20px 22px; border: 1.5px solid var(--np7-line); border-radius: 15px; background: #fff; display: flex; flex-direction: column; align-items: start; gap: 4px; transition: border-color .18s, box-shadow .18s, transform .18s; }
.np7-workflow-tabs button > i { font-size: 24px; color: #948e9c; margin-bottom: 6px; }
.np7-workflow-tabs strong { font-size: 19px; font-weight: 680; line-height: 1.25; letter-spacing: -.024em; color: var(--np7-ink); }
.np7-workflow-tabs button > span { font-size: 15px; color: var(--np7-muted); }
.np7-workflow-tabs button[aria-selected="true"] { border-color: var(--np7-ink); box-shadow: 0 0 0 1px var(--np7-ink), 0 14px 34px -24px #1e0c3780; }
.np7-workflow-tabs button[aria-selected="true"] > i { color: #9333ea; }
.np7-workflow-tabs button:hover { border-color: #cfc6d9; transform: translateY(-2px); }
.np7-workflow-output { border: 1px solid var(--np7-line); border-radius: 19px; background: #fff; overflow: hidden; box-shadow: 0 18px 44px -30px #32145561; }
.np7-use-cases .np7-section-heading { max-width: 1000px; }
.np7-use-cases h2 > .np7-use-case-mark { color: var(--np7-ink); background: #ffd60a; border-radius: .1em .35em .14em .28em; padding-inline: .08em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.np7-workflow-output > [data-panel] { min-height: 390px; }
.np7-workflow-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 28px 32px; }
.np7-workflow-header h3 { margin-top: 7px; font-size: 28px; font-weight: 600; letter-spacing: -.035em; }
.np7-workflow-header > i { font-size: 28px; color: #a67cbe; }
.np7-output-type { font-family: ui-monospace, monospace; font-size: 14px; border: 1px solid #e4d9eb; color: #9565b1; padding: 5px 9px; border-radius: 5px; }
.np7-pipeline { display: flex; align-items: center; gap: 18px; padding: 0 32px 25px; font-size: 14px; color: #8a6b9f; }
.np7-pipeline > i { font-size: 15px; color: #bea3d0; }
.np7-table-scroll { overflow-x: auto; }
.np7-prospect-table { border-collapse: collapse; width: 100%; text-align: left; white-space: nowrap; }
.np7-prospect-table th { background: #faf7fc; padding: 12px 24px; font-size: 13px; font-weight: 500; color: #83758d; border-block: 1px solid #eee7f3; }
.np7-prospect-table td { padding: 23px 24px; font-size: 15px; }
.np7-table-person { display: flex; align-items: center; gap: 12px; }
.np7-table-person img { border-radius: 50%; }
.np7-prospect-table td.np7-enriched { color: #8e36cd; font-family: ui-monospace, monospace; }
.np7-output-tools { display: flex; flex-direction: column; gap: 5px; padding: 25px 32px; }
.np7-example-note { margin: 0; padding: 13px 32px; background: #fcfafd; border-top: 1px solid #eee7f3; font-size: 13px; color: #8b7b96; }
.np7-crm-comparison { display: grid; grid-template-columns: 1fr 70px 1fr; gap: 22px; align-items: center; padding: 0 32px 12px; }
.np7-crm-before, .np7-crm-after { padding: 22px; border: 1px solid #eee7f3; border-radius: 10px; align-self: stretch; }
.np7-crm-before { background: #fcfbfd; }
.np7-crm-before > span, .np7-crm-after > span { color: #908097; font-size: 13px; }
.np7-crm-before > strong { display: block; font-size: 18px; margin: 20px 0; font-weight: 600; }
.np7-crm-before dl { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; font-size: 13px; color: #8b8492; }
.np7-crm-before dd { font-size: 20px; color: #c3b8cc; }
.np7-crm-arrow { display: flex; align-items: center; justify-content: center; gap: 12px; color: #a576c8; }
.np7-crm-after { border-color: #d7b4ee; background: #fdfaff; }
.np7-crm-after > span { color: #9333ea; }
.np7-crm-after .np7-identity { margin-block: 15px; }
.np7-monitor-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 50px; padding: 0 32px 30px; }
.np7-monitor-grid aside { align-self: center; padding: 25px; border-radius: 11px; border: 1px solid #ecdcf7; background: #fcf8ff; }
.np7-monitor-grid aside > i { font-size: 25px; color: #a17bb9; }
.np7-monitor-grid h4 { margin: 15px 0 10px; font-size: 21px; font-weight: 600; letter-spacing: -.03em; }
.np7-monitor-grid aside p { font-size: 16px; line-height: 1.8; color: #7e6a89; margin-bottom: 20px; }
.np7-connectors .np7-section-heading { max-width: 960px; }
.np7-connector-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 55px; max-width: 1050px; margin: 55px auto 0; align-items: start; }
.np7-connector-tabs { display: flex; flex-direction: column; gap: 10px; }
.np7-connector-tabs button { display: flex; gap: 16px; align-items: center; padding: 18px 16px; border: 1px solid transparent; border-radius: 10px; color: #776982; text-align: left; font-size: 18px; font-weight: 600; transition: background .18s, border-color .18s; }
.np7-connector-tabs button > img { border-radius: 6px; object-fit: contain; flex-shrink: 0; }
.np7-connector-tabs button > i { margin-left: auto; color: #ae8fc4; font-size: 17px; }
.np7-connector-tabs button[aria-selected="true"] { border-color: #dcc3ed; background: #fbf6fe; color: #8229c3; }
.np7-connector-tabs button:hover { background: #faf7fc; }
.np7-connector-panels { min-width: 0; border: 1px solid #e6ddeb; border-radius: 13px; overflow: hidden; box-shadow: 0 10px 35px -25px #68348930; }
.np7-connector-top { padding: 17px 25px; display: flex; align-items: center; gap: 15px; background: #fcfafd; border-bottom: 1px solid #eae1f0; font-size: 15px; font-weight: 600; color: #705c7e; }
.np7-setup-steps { list-style: none; counter-reset: setup; padding: 27px 30px; margin: 0; }
.np7-setup-steps > li { counter-increment: setup; position: relative; padding: 0 0 28px 39px; }
.np7-setup-steps > li:last-child { padding-bottom: 0; }
.np7-setup-steps > li::before { content: counter(setup); position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 23px; height: 23px; border-radius: 50%; background: #f4ebfa; color: #9b59c5; font-size: 13px; font-weight: 600; }
.np7-setup-steps > li:not(:last-child)::after { content: ''; position: absolute; top: 32px; bottom: 10px; width: 1px; background: #eee6f3; left: 11px; }
.np7-setup-steps h3 { font-size: 17px; font-weight: 650; line-height: 1.6; margin: 0 0 9px; }
.np7-setup-steps p { font-size: 15px; color: #7b6d85; line-height: 1.8; margin: 9px 0 12px; }
.np7-setup-steps p a { color: #9333ea; text-decoration: underline; text-underline-offset: 3px; }
.np7-setup-steps p code { font-size: 14px; overflow-wrap: anywhere; }
.np7-setup-field { display: flex; gap: 25px; padding: 10px 13px; background: #fcfbfd; border: 1px solid #eae3ef; border-radius: 7px; font-size: 14px; margin: 15px 0; }
.np7-setup-field span { color: #8f7c9b; }
.np7-setup-field strong { font-weight: 500; }
.np7-field-label { font-size: 13px; color: #8a7597; }
.np7-copy-block { position: relative; margin: 8px 0; background: #faf8fc; border: 1px solid #eae2ef; border-radius: 8px; }
.np7-copy-block pre { padding: 17px 17px 43px; overflow-x: auto; font-size: 13px; line-height: 1.9; color: #71577f; margin: 0; tab-size: 2; }
.np7-copy { display: inline-flex; gap: 5px; align-items: center; position: absolute; right: 8px; bottom: 8px; background: #fff; border: 1px solid #e6dced; padding: 4px 7px; border-radius: 5px; font-size: 13px !important; color: #805b95; }
.np7-copy:hover { border-color: #b28acb; }
.np7-copy-status { display: block; color: #805b95; font-size: 14px; padding-inline: 16px 65px; }
.np7-copy-status > span:not([hidden]) { display: block; padding-bottom: 10px; }
.np7-setup-prompt { display: flex; gap: 10px; align-items: start; padding: 13px; background: #faf7fc; border: 1px solid #eadef3; border-radius: 8px; color: #876494; font-size: 15px; line-height: 1.8; }
.np7-setup-prompt i { font-size: 21px; padding-top: 2px; flex-shrink: 0; }
.np7 [data-np7-tabs]:not(.np7-tabs-ready) [data-panel] + [data-panel] { border-top: 1px solid var(--np7-line); }
.np7 .np7-tabs-ready [data-panel]:not([hidden]) { animation: np7-result-in .28s ease-out; }
@keyframes np7-result-in { from { opacity: .3; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.np7-hero-copy { width: 100%; text-align: center; }
.np7-chat-sidebar { display: flex; flex-direction: column; background: #f7f6f8; border-right: 1px solid #ece9ef; padding-block: 26px 22px; }
.np7-chat-brand { display: flex; align-items: center; gap: 11px; margin: 0 22px 35px; font-size: 20px; font-weight: 650; color: #29252d; }
.np7-chat-brand img { width: 30px; height: 30px; object-fit: contain; }
.np7-chat-brand > i { margin-left: auto; font-size: 20px; color: #8b858f; }
.np7-sidebar-label { margin: 0 24px 13px; font-size: 13px; font-weight: 550; color: #756b7d; }
.np7-sidebar-brand { display: flex; align-items: center; gap: 11px; margin: auto 24px 0; padding-top: 34px; }
.np7-sidebar-brand strong { display: block; font-size: 15px; }
.np7-sidebar-brand span { font-size: 12px; color: #786a83; }
.np7-chat-main { min-width: 0; }
.np7-demo-label { margin-left: 7px; font-size: 12px; font-weight: 400; color: #776e7e; }
.np7-chat-tools { display: flex; align-items: center; gap: 6px; margin-left: auto; padding: 6px 12px; border-radius: 8px; background: #fff6ce; color: #564712; font-size: 13px; font-weight: 550; }
.np7-answer-brand { display: flex; gap: 9px; align-items: center; margin-bottom: 17px; font-size: 16px; font-weight: 600; }
.np7-answer-brand img { object-fit: contain; }
.np7-tool-activity { margin: 0 0 21px; }
.np7-tool-activity summary { display: flex; align-items: center; gap: 9px; width: fit-content; cursor: pointer; list-style: none; color: #7e5c95; font-size: 14px; }
.np7-tool-activity summary > i { font-size: 13px; }
.np7-tool-activity .np7-tool { margin: 12px 0 0; font-size: 12px; }
.np7 details summary::-webkit-details-marker { display: none; }
.np7 details > summary { list-style: none; }
.np7 details > summary:focus-visible { outline: 3px solid #9333ea; outline-offset: 4px; border-radius: 5px; }
.np7 details[open] > summary > i:last-child { transform: rotate(180deg); }
.np7-chat-composer { padding: 18px 40px 12px; }
.np7-chat-composer a { display: flex; gap: 18px; align-items: center; padding: 17px 18px; border: 1px solid #e5e2e8; border-radius: 26px; background: #fbfafc; color: #827989; font-size: 16px; box-shadow: 0 2px 7px #22132a05; }
.np7-chat-composer a > i:first-child { font-size: 23px; color: #645b6c; }
.np7-chat-composer a > i:last-child { margin-left: auto; display: flex; align-items: center; justify-content: center; width: 33px; height: 33px; border-radius: 50%; background: #29252e; color: #fff; font-size: 20px; }
.np7-chat-composer a:hover { border-color: #cdb4de; }
.np7-customer-proof { margin-top: 62px; width: 100%; }
.np7-customer-proof > p { text-align: center; color: #7a7281; font-size: 16px; margin: 0 0 28px; }
.np7-customer-logos { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); align-items: center; gap: 25px 35px; width: 100%; }
.np7 .np7-proof-logo { min-height: 62px; }
.np7-customer-logo { object-fit: contain; max-width: 135px; max-height: 42px; width: auto; height: auto; }
.np7-customer-logo:is([alt="IBM"], [alt="Salesforce"], [alt="Elastic"], [alt="Masterworks"], [alt="Xiaohongshu"]) { width: 64px; height: 64px; max-height: 64px; }
.np7 #pricing h2 { font-size: clamp(40px, 4.6vw, 64px) !important; }
.np7-brand-logo { flex-shrink: 0; object-fit: contain; border-radius: 6px; background: #fff; }
.np7-entity-icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; background: #f6f1fa; border: 1px solid #e9e0ef; border-radius: 10px; color: #a28caf; font-size: 25px; }
.np7-profile-card { border: 1px solid #e8e3ed; border-radius: 15px; overflow: hidden; background: #fff; box-shadow: 0 6px 20px #46345506; }
.np7-cover { height: 150px; overflow: hidden; background: #f0e6f8; }
.np7-cover img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.np7-profile-content { padding: 0 26px 26px; }
.np7-company-heading { display: flex; align-items: center; gap: 19px; margin-top: -32px; position: relative; }
.np7-large-logo { display: flex; align-items: center; justify-content: center; width: 105px; height: 105px; background: #fff; padding: 15px; border: 1px solid #ede5f3; border-radius: 21px; box-shadow: 0 5px 16px #44334f09; flex-shrink: 0; }
.np7-large-logo img { width: 76px; height: 76px; }
.np7-company-heading > div:nth-child(2) { padding-top: 34px; }
.np7-company-heading h3 { font-size: 32px; line-height: 1.2; font-weight: 700; letter-spacing: -.035em; }
.np7-company-heading a { display: flex; align-items: center; gap: 7px; font-size: 14px; color: #84758e; margin-top: 5px; }
.np7-social-links { display: flex; gap: 14px; margin-left: auto; padding-top: 34px; }
.np7-social-links a { font-size: 22px; color: #7c7284; }
.np7-company-people { display: flex; align-items: center; margin-left: auto; padding-top: 34px; }
.np7-company-people img { width: 38px; height: 38px; object-fit: cover; object-position: center 25%; border: 3px solid #fff; border-radius: 50%; }
.np7-company-people img + img { margin-left: -11px; }
.np7-company-heading .np7-social-links { margin-left: 15px; }
.np7-profile-tagline { font-size: 18px; color: #67616e; margin: 19px 0 23px; line-height: 1.6; }
.np7-company-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.np7-company-metrics > div { display: flex; flex-direction: column; justify-content: center; padding: 19px 15px; border-radius: 11px; background: #f8f6fa; }
.np7-company-metrics strong { display: block; font-size: 33px; font-weight: 650; line-height: 1.3; letter-spacing: -.035em; }
.np7-company-metrics span { display: block; font-size: 12px; line-height: 1.5; color: #7e708a; margin-top: 4px; }
.np7-company-metrics > .np7-metric-yellow { background: #fff1ac; }
.np7-metric-yellow strong { color: #58400d; }
.np7-metric-yellow span { color: #837023; }
.np7-profile-section { padding-top: 27px; }
.np7-profile-card h4, .np7-connected-data h4 { font-size: 20px; font-weight: 650; letter-spacing: -.025em; margin-bottom: 15px; }
.np7-profile-section > p { font-size: 15px; color: #716877; line-height: 1.8; margin-bottom: 23px; }
.np7-profile-section .np7-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.np7-profile-section .np7-fields dt { font-size: 12px; }
.np7-profile-section .np7-fields dd { font-size: 13px; }
.np7-address { display: flex; gap: 12px; margin: 23px 0 24px; }
.np7-address > i { color: #a68cb8; font-size: 25px; }
.np7-address span { color: #887991; font-size: 12px; }
.np7-address p { font-size: 15px; line-height: 1.7; margin-top: 3px; }
.np7-specialties { display: flex; gap: 7px; flex-wrap: wrap; }
.np7-specialties span { background: #f8f6fa; border: 1px solid #eee7f3; padding: 6px 10px; border-radius: 6px; font-size: 12px; color: #786780; }
.np7-executives { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.np7-executive { display: flex; gap: 11px; align-items: center; }
.np7-executive > img { width: 60px; height: 60px; border-radius: 11px; object-fit: cover; object-position: center 25%; }
.np7-executive strong { display: block; font-size: 14px; font-weight: 650; }
.np7-executive span { display: block; margin-top: 4px; color: #73607e; font-size: 12px; line-height: 1.5; }
.np7-funding-showcase { padding: 24px; background: #fffae5; border: 1px solid #f0e1a5; border-radius: 12px; margin-top: 30px; }
.np7-funding-heading { display: flex; align-items: center; gap: 9px; }
.np7-funding-heading > i { font-size: 23px; color: #ad8d21; }
.np7-funding-heading h4 { margin-bottom: 0; }
.np7-funding-heading > span { margin-left: auto; padding: 3px 9px; border-radius: 6px; background: #ffed9a; color: #8a6812; font-size: 13px; }
.np7-featured-round { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 23px 0; }
.np7-featured-round > div:first-child > span { font-size: 12px; color: #796122; }
.np7-featured-round strong { display: block; font-size: 42px; font-weight: 650; letter-spacing: -.04em; color: #685011; }
.np7-investor-logos { display: flex; flex-wrap: wrap; gap: 8px; max-width: 150px; }
.np7-investor-logos img { width: 42px; height: 42px; object-fit: contain; background: #fff; padding: 6px; border: 1px solid #eddea0; border-radius: 9px; }
.np7-investor-logos > span { display: block; font-size: 12px; width: 100%; color: #8d7335; }
.np7-funding-details summary { display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: #856817; cursor: pointer; }
.np7-round { margin-top: 19px; border-top: 1px solid #eee3b6; padding-top: 17px; }
.np7-round-top { display: flex; flex-wrap: wrap; gap: 8px 15px; font-size: 12px; color: #8b7430; }
.np7-round-top strong { margin-left: auto; color: #645013; }
.np7-investors { display: flex; flex-wrap: wrap; gap: 5px 13px; font-size: 12px; line-height: 1.8; color: #8d7f5a; margin-top: 8px; }
.np7-connected-data { margin-top: 26px; }
.np7-connected-data > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.np7-connected-data button { display: flex; gap: 10px; align-items: center; padding: 13px 10px; background: #faf8fc; border: 1px solid #ede4f3; border-radius: 9px; font-size: 12px; text-align: left; color: #886899; }
.np7-connected-data button > img { border-radius: 50%; }
.np7-connected-data button > i { margin-left: auto; }
.np7-logo-stack { display: flex; flex-shrink: 0; }
.np7-logo-stack img { border-radius: 50%; border: 2px solid #fff; }
.np7-logo-stack img + img { margin-left: -12px; }
.np7-attributes { border-top: 1px solid #ebe5f0; background: #fcfafd; }
.np7-attributes summary { padding: 17px 25px; display: flex; align-items: center; gap: 9px; color: #735884; font-size: 13px; cursor: pointer; }
.np7-attributes summary > i:last-child { margin-left: auto; }
.np7-attributes pre, .np7-update-card pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 20px 25px; font-size: 12px; line-height: 1.85; max-height: 520px; overflow-y: auto; margin: 0; color: #6e5d79; }
.np7-person-banner { height: 136px; background: #f8edb6; display: flex; align-items: center; justify-content: flex-end; padding: 27px; }
.np7-person-company-logos { display: flex; gap: 12px; }
.np7-person-company-logos img { width: 53px; height: 53px; border-radius: 12px; padding: 8px; border: 1px solid #f3e3a0; }
.np7-person-heading { display: flex; gap: 20px; align-items: end; margin-top: -37px; }
.np7-person-heading > img { border-radius: 20px; border: 5px solid #fff; object-fit: cover; width: 115px; height: 115px; }
.np7-person-heading h3 { font-size: 31px; letter-spacing: -.04em; font-weight: 650; line-height: 1.2; }
.np7-person-heading p { font-size: 14px; color: #73637f; margin: 6px 0; }
.np7-person-heading span { font-size: 12px; color: #776282; }
.np7-person-social { display: flex; flex-wrap: wrap; gap: 20px; margin: 24px 0 20px; }
.np7-person-social a { display: flex; gap: 8px; align-items: center; font-size: 14px; color: #806090; }
.np7-person-metrics { display: flex; gap: 46px; padding: 18px 0 0; }
.np7-person-metrics strong { display: block; font-size: 29px; font-weight: 650; letter-spacing: -.035em; }
.np7-person-metrics span { font-size: 12px; color: #786282; }
.np7-career { display: grid; gap: 25px; }
.np7-career article { display: flex; gap: 16px; }
.np7-career img { height: 50px; width: 50px; padding: 7px; border: 1px solid #e9e2ed; border-radius: 10px; }
.np7-career h5 { font-size: 16px; font-weight: 600; line-height: 1.5; }
.np7-career strong { display: block; font-size: 14px; font-weight: 500; color: #84718e; margin: 4px 0; }
.np7-career p { font-size: 13px; color: #908498; margin: 4px 0; }
.np7-career time { display: block; font-size: 12px; color: #7b6986; margin-top: 5px; }
.np7-identity-details summary { display: flex; justify-content: space-between; gap: 10px; color: #745884; font-size: 14px; cursor: pointer; }
.np7-identity-details .np7-fields { margin-top: 24px; }
.np7-search-heading { display: flex; align-items: center; gap: 16px; padding: 27px; border-bottom: 1px solid #eee8f3; }
.np7-search-heading img { padding: 7px; border: 1px solid #ece4f2; border-radius: 12px; }
.np7-search-heading h3 { font-size: 25px; font-weight: 650; letter-spacing: -.035em; }
.np7-search-heading span { font-size: 14px; color: #75617f; }
.np7-employee-results { padding: 8px 27px 24px; }
.np7-employee-record { margin-top: 25px; }
.np7-employee-record summary { display: flex; align-items: start; gap: 17px; cursor: pointer; }
.np7-employee-record summary > i { margin-left: auto; color: #ac96bb; font-size: 15px; padding-top: 5px; }
.np7-employee-identity { flex: 1; min-width: 0; }
.np7-employee-identity > strong { display: block; font-size: 19px; font-weight: 650; }
.np7-employee-identity > span:not(.np7-employer) { display: block; font-size: 14px; line-height: 1.6; color: #76617f; margin-top: 5px; }
.np7-employee-record .np7-fields { margin: 25px 0 20px; padding: 20px; background: #faf8fc; border-radius: 9px; }
.np7-employee-record h5 { font-size: 14px; font-weight: 550; margin-bottom: 10px; }
.np7-api-links > div { margin-top: 13px; }
.np7-api-links dt { color: #9b80ac; font-size: 11px; margin-bottom: 4px; }
.np7-api-links dd, .np7-api-links dd a { font-size: 12px; line-height: 1.65; color: #82718d; overflow-wrap: anywhere; word-break: break-word; }
.np7-competitor-details { margin-top: 17px; width: 100%; }
.np7-competitor-details summary { font-size: 12px; color: #9470ab; cursor: pointer; }
.np7-competitor-details .np7-api-links code { margin: 0; }
.np7-employee-results > article { display: flex; align-items: start; gap: 17px; margin-top: 25px; }
.np7-employee-results .np7-initials { width: 57px; height: 57px; font-size: 18px; background: #f4ecd5; color: #7f6026; }
.np7-employee-results h4 { font-size: 19px; margin: 0 0 5px; }
.np7-employee-results p { font-size: 14px; color: #76617f; line-height: 1.6; }
.np7-employer { display: flex; align-items: center; gap: 6px; margin-top: 7px; color: #7d628b; font-size: 12px; }
.np7-search-actions { display: flex; gap: 10px; padding: 0 27px 24px; }
.np7-search-actions button { display: flex; align-items: center; gap: 8px; background: #faf6fe; border: 1px solid #e9d9f4; padding: 11px; border-radius: 8px; font-size: 12px; color: #805991; text-align: left; }
.np7-email-card { text-align: center; padding-top: 35px; }
.np7-email-person { position: relative; width: 110px; margin: auto; }
.np7-email-person > img { width: 110px; height: 110px; object-fit: cover; border-radius: 50%; }
.np7-email-person > span { position: absolute; bottom: -2px; right: -10px; border-radius: 50%; padding: 4px; background: #fff; box-shadow: 0 2px 5px #37194b15; }
.np7-email-person > span img { border-radius: 50%; }
.np7-email-card > h3 { font-size: 29px; font-weight: 650; margin: 24px 0 8px; letter-spacing: -.03em; }
.np7-email-card > p { font-size: 14px; color: #8c7d94; margin-inline: 20px; }
.np7-email-address { padding: 27px 18px; background: #fff7d3; border: 1px solid #f4e5a7; border-radius: 12px; margin: 25px; }
.np7-email-address strong { display: block; font-size: 32px; font-weight: 600; color: #685119; letter-spacing: -.04em; margin: 6px 0; overflow-wrap: anywhere; }
.np7-email-address span { font-size: 13px; color: #786021; }
.np7-email-card > .np7-fields { padding: 0 28px 29px; text-align: left; }
.np7-visual-feed { border: 1px solid #e9e1ef; border-radius: 13px; overflow: hidden; background: #fff; }
.np7-feed-heading { display: flex; align-items: center; gap: 11px; padding: 22px; }
.np7-feed-heading h3 { font-size: 23px; font-weight: 650; letter-spacing: -.03em; }
.np7-feed-heading span { font-size: 13px; color: #776580; }
.np7-feed-heading > i { margin-left: auto; font-size: 25px; color: #d0ad34; }
.np7-update-card { padding: 22px; border-top: 1px solid #f0e9f4; }
.np7-update-meta { display: flex; gap: 8px; align-items: center; margin-bottom: 14px; font-size: 12px; color: #76667e; }
.np7-update-meta time { margin-left: auto; font-size: 11px; }
.np7-update-image { width: 100%; height: auto; max-height: 260px; object-fit: cover; border-radius: 10px; margin-bottom: 18px; }
.np7-update-title { display: flex; align-items: start; justify-content: space-between; gap: 13px; color: #4f4259; font-size: 19px; font-weight: 600; line-height: 1.5; letter-spacing: -.02em; white-space: pre-line; }
.np7-update-title > i { flex-shrink: 0; font-size: 17px; color: #7d658d; padding-top: 5px; }
.np7-update-card summary { font-size: 12px; color: #7d628b; cursor: pointer; margin-top: 15px; }
.np7-update-card pre { padding-inline: 0; font-size: 12px; }
.np7-competitor-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; padding: 27px; }
.np7-competitor-cards > div { display: flex; flex-direction: column; align-items: start; padding: 26px 19px; border: 1px solid #ece3f3; border-radius: 12px; background: #fdfbff; min-width: 0; }
.np7-competitor-cards > div:nth-child(2), .np7-competitor-cards > div:nth-child(3) { background: #fffbea; border-color: #eee5bf; }
.np7-competitor-cards img { width: 64px; height: 64px; border: 1px solid #ece5f1; padding: 9px; border-radius: 13px; }
.np7-competitor-cards h4 { font-size: 23px; margin: 17px 0 5px; }
.np7-competitor-cards a { display: flex; gap: 10px; align-items: center; font-size: 13px; color: #765c87; }
.np7-competitor-cards code { font-size: 10px; color: #7b568f; margin-top: 19px; overflow-wrap: anywhere; }
.np7-use-cases h2 > span { color: #362643; background: linear-gradient(transparent 66%, #ffe16b 66%); }
.np7-pipeline-entity { display: flex; gap: 10px; align-items: center; }
.np7-pipeline-entity > img { width: 44px; height: 44px; border-radius: 50%; }
.np7-table-brand { display: flex; align-items: center; gap: 10px; }
.np7-workspace:not(.np7-tabs-ready) .np7-results { height: auto; }
@media (min-width: 1024px) {
}
@media (max-width: 1100px) {
  .np7-workspace { grid-template-columns: 205px minmax(0, 1fr); }
  .np7-results { padding-inline: 25px; }
  .np7-chat-brand { margin-inline: 18px; }
  .np7-capability-tabs button { padding: 12px 9px; gap: 7px; font-size: 14px; }
  .np7-company-heading { gap: 12px; }
  .np7-large-logo { width: 87px; height: 87px; padding: 12px; }
  .np7-large-logo img { width: 61px; height: 61px; }
  .np7-social-links { gap: 10px; }
  .np7-company-metrics strong { font-size: 29px; }
  .np7-customer-logos { gap: 20px; }
  .np7-customer-logo { max-width: 105px; max-height: 38px; }
  .np7-container { width: calc(100% - 48px); }
}
@media (max-width: 850px) {
  .np7-workspace { grid-template-columns: 1fr; margin-top: 40px; }
  .np7-chat-sidebar { display: block; padding-block: 12px; border-right: 0; border-bottom: 1px solid #ebe7f0; }
  .np7-chat-brand, .np7-sidebar-label, .np7-sidebar-brand { display: none; }
  .np7-capability-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .np7-capability-tabs button { font-size: 14px; }
  .np7-description { font-size: 18px; }
  .np7-customer-logos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .np7-results { height: 750px; }
  .np7-hero { padding: 45px 0 65px; }
  .np7-section { padding: 65px 0; }
  .np7-connector-layout { grid-template-columns: 1fr; gap: 20px; margin-top: 30px; }
  .np7-connector-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .np7-connector-tabs button { padding: 14px 10px; gap: 10px; font-size: 16px; }
  .np7-connector-tabs button > i { display: none; }
  .np7-monitor-grid { gap: 25px; }
  .np7-workflow-tabs { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .np7-workflow-tabs strong { font-size: 18px; }
  .np7-workflow-tabs button > span { font-size: 14px; }
  .np7-crm-comparison { gap: 15px; grid-template-columns: 1fr 30px 1fr; }
  .np7-crm-arrow { flex-direction: column; gap: 10px; }
}
@media (max-width: 560px) {
  .np7-hero { padding-top: 35px; }
  .np7-hero-copy { text-align: left; }
  .np7 h1 { font-size: clamp(41px, 10.7vw, 59px); line-height: 1.05; }
  .np7-description { font-size: 17px; line-height: 1.7; margin-top: 23px; }
  .np7-actions { justify-content: flex-start; gap: 20px; }
  .np7-trial-note { font-size: 12px; }
  .np7-fold-actions .np7-button { white-space: normal; text-align: center; font-size: 15px; gap: 12px; }
  .np7-capability-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; padding: 0 9px; }
  .np7-capability-tabs button { grid-template-columns: 22px 1fr; font-size: 12px; padding: 11px 8px; min-height: 68px; }
  .np7-workspace-top { padding: 18px 17px; font-size: 18px; gap: 5px; }
  .np7-demo-label { display: none; }
  .np7-chat-tools { font-size: 12px; padding: 5px 8px; }
  .np7-results { padding: 6px 14px 22px; height: 740px; }
  .np7-prompt { font-size: 15px; margin-bottom: 23px; }
  .np7-prompt p { max-width: 94%; padding: 13px 17px; }
  .np7-answer-brand { font-size: 14px; }
  .np7-tool-activity summary { font-size: 12px; gap: 7px; }
  .np7-chat-composer { padding: 12px 14px; }
  .np7-chat-composer a { padding: 13px; font-size: 14px; gap: 12px; }
  .np7-workspace-foot { font-size: 10px; padding: 0 15px 15px; gap: 7px; flex-wrap: wrap; }
  .np7-customer-proof { margin-top: 39px; }
  .np7-customer-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
  .np7-customer-logo { max-width: 90px; max-height: 35px; }
  .np7-customer-logo:is([alt="IBM"], [alt="Salesforce"], [alt="Elastic"], [alt="Masterworks"], [alt="Xiaohongshu"]) { width: 51px; height: 51px; max-height: 51px; }
  .np7 .np7-proof-logo { min-height: 48px; }
  .np7-profile-content { padding: 0 16px 20px; }
  .np7-cover { height: 107px; }
  .np7-company-heading { flex-wrap: wrap; column-gap: 11px; row-gap: 0; margin-top: -25px; }
  .np7-company-heading h3 { font-size: 26px; }
  .np7-company-heading > div:nth-child(2) { padding-top: 24px; }
  .np7-large-logo { width: 74px; height: 74px; padding: 12px; border-radius: 15px; }
  .np7-large-logo img { width: 50px; height: 50px; }
  .np7-social-links { padding-top: 18px; width: 100%; justify-content: flex-end; }
  .np7-company-people { padding-top: 24px; }
  .np7-company-people img { width: 30px; height: 30px; border-width: 2px; }
  .np7-social-links a { font-size: 20px; }
  .np7-profile-tagline { font-size: 16px; margin-top: 13px; }
  .np7-company-metrics { gap: 7px; }
  .np7-company-metrics > div { padding: 14px 9px; }
  .np7-company-metrics strong { font-size: 23px; }
  .np7-company-metrics span { font-size: 10px; }
  .np7-profile-section .np7-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .np7-profile-section .np7-fields dd { font-size: 12px; }
  .np7-executives { grid-template-columns: 1fr; gap: 16px; }
  .np7-executive > img { width: 57px; height: 57px; }
  .np7-funding-showcase { padding: 17px; }
  .np7-featured-round { align-items: start; flex-direction: column; }
  .np7-featured-round strong { font-size: 37px; }
  .np7-investor-logos { max-width: none; flex-wrap: nowrap; align-items: center; }
  .np7-investor-logos > span { width: auto; }
  .np7-connected-data > div { grid-template-columns: 1fr; }
  .np7-attributes summary { padding: 16px; font-size: 12px; }
  .np7-attributes pre { padding: 16px; font-size: 11px; }
  .np7-person-banner { height: 110px; padding: 15px; }
  .np7-person-company-logos { gap: 7px; }
  .np7-person-company-logos img { width: 39px; height: 39px; padding: 5px; }
  .np7-person-heading { align-items: start; flex-direction: column; gap: 10px; }
  .np7-person-heading > img { width: 90px; height: 90px; }
  .np7-person-heading h3 { font-size: 28px; }
  .np7-person-social { gap: 14px; }
  .np7-person-social a { font-size: 12px; }
  .np7-career { gap: 20px; }
  .np7-career article { gap: 12px; }
  .np7-career img { width: 40px; height: 40px; }
  .np7-career h5 { font-size: 15px; }
  .np7-search-heading { padding: 20px 17px; gap: 12px; }
  .np7-search-heading h3 { font-size: 21px; }
  .np7-employee-results { padding-inline: 17px; }
  .np7-employee-results .np7-initials { width: 45px; height: 45px; font-size: 14px; }
  .np7-employee-results h4 { font-size: 17px; }
  .np7-employee-results p { font-size: 13px; }
  .np7-search-actions { flex-direction: column; padding-inline: 17px; }
  .np7-email-card > h3 { font-size: 26px; }
  .np7-email-address { margin: 20px 16px; padding: 20px 12px; }
  .np7-email-address strong { font-size: 26px; }
  .np7-competitor-cards { padding: 17px; gap: 10px; }
  .np7-competitor-cards > div { padding: 18px 12px; }
  .np7-competitor-cards img { width: 49px; height: 49px; padding: 7px; }
  .np7-competitor-cards h4 { font-size: 20px; }
  .np7-competitor-cards a { font-size: 11px; gap: 5px; }
  .np7-update-card { padding: 17px; }
  .np7-update-title { font-size: 17px; }
  .np7-update-meta { gap: 6px; font-size: 11px; }
  .np7-update-meta time { font-size: 10px; }
  .np7-container { width: calc(100% - 36px); }
  .np7-eyebrow { font-size: 14px; margin-bottom: 21px; }
  .np7-button { padding: 12px 16px; font-size: 16px; }
  .np7-workspace-top .np7-quiet-label { font-size: 13px; }
  .np7-tool { font-size: 12px; }
  .np7-fields { gap: 16px 13px; }
  .np7-fields dd { font-size: 14px; }
  .np7-funding { padding: 13px; gap: 14px; }
  .np7-funding > div:first-child > strong { font-size: 29px; }
  .np7-section-heading { text-align: left; margin-bottom: 28px; }
  .np7-workflow-tabs { gap: 10px; }
  .np7-workflow-tabs button { padding: 18px 20px; }
  .np7-workflow-tabs button > i { font-size: 22px; margin-bottom: 6px; }
  .np7-workflow-tabs strong { font-size: 18px; line-height: 1.25; }
  .np7-workflow-header { padding: 22px 19px; }
  .np7-workflow-header h3 { font-size: 24px; line-height: 1.3; }
  .np7-pipeline { padding: 0 19px 22px; gap: 10px; font-size: 13px; flex-wrap: wrap; }
  .np7-prospect-table th, .np7-prospect-table td { padding-inline: 19px; }
  .np7-output-tools { padding: 24px 19px; }
  .np7-example-note { padding: 13px 19px; font-size: 12px; }
  .np7-crm-comparison { grid-template-columns: 1fr; padding: 0 19px; gap: 14px; }
  .np7-crm-arrow { flex-direction: row; }
  .np7-crm-arrow i { transform: rotate(90deg); }
  .np7-crm-before, .np7-crm-after { padding: 18px; }
  .np7-monitor-grid { grid-template-columns: 1fr; gap: 20px; padding: 0 19px 25px; }
  .np7-monitor-grid aside { padding: 20px; }
  .np7-connector-tabs button { flex-direction: column; align-items: center; gap: 9px; padding: 12px 5px; font-size: 14px; }
  .np7-connector-tabs button img { width: 25px; height: 25px; }
  .np7-setup-steps { padding: 24px 17px; }
  .np7-setup-steps > li { padding-left: 32px; }
  .np7-copy-block pre { font-size: 12px; padding-left: 12px; }
}
/* Full recorded cards expand in place; the preview reserves a stable height. */
.np7-hero h1 > span { color: var(--np7-ink); }
.np7-hero-mark { position: relative; display: inline-block; max-width: 100%; isolation: isolate; padding-inline: .045em; vertical-align: top; }
.np7-hero-mark::before, .np7-hero-mark::after { content: ""; position: absolute; z-index: -1; inset: .18em -.025em .1em; background: #ffd60a; border-radius: .1em .35em .14em .28em; transform: rotate(-.9deg); }
.np7-hero-mark::after { top: .3em; bottom: .04em; opacity: .55; transform: rotate(.6deg); }
.np7-workspace[data-hero-demo] { --np7-demo-height: 820px; margin-top: 40px; grid-template-columns: 270px minmax(0, 1fr); }
.np7-workspace[data-hero-demo].np7-tabs-ready { height: var(--np7-demo-height); }
.np7-workspace[data-hero-demo].np7-tabs-ready.np7-is-expanded { height: auto; }
.np7-workspace[data-hero-demo].np7-is-expanded .np7-results { flex: none; overflow: visible; }
.np7 #pricing { scroll-margin-top: 85px; }
[data-hero-demo] .np7-chat-sidebar { padding-block: 18px 14px; min-height: 0; }
[data-hero-demo] .np7-chat-brand { margin: 0 20px 22px; }
[data-hero-demo] .np7-sidebar-label { margin: 0 22px 10px; font-size: 14px; }
[data-hero-demo] .np7-sidebar-brand { padding-top: 16px; }
[data-hero-demo] .np7-capability-tabs { gap: 4px; }
[data-hero-demo] .np7-capability-tabs button { min-height: 60px; font-size: 18px; font-weight: 600; line-height: 1.35; padding: 12px 10px; color: #554e5c; }
[data-hero-demo] .np7-capability-tabs button[aria-selected="true"] { color: #6d20ad; background: #ede2f7; border-color: #d9bfea; box-shadow: inset 3px 0 #9333ea; }
[data-hero-demo] .np7-chat-main { display: flex; flex-direction: column; min-height: 0; }
[data-hero-demo] .np7-workspace-top { padding: 12px 24px; font-size: 18px; flex-shrink: 0; }
[data-hero-demo].np7-tabs-ready .np7-results { height: auto; min-height: 0; flex: 1; padding: 6px 24px 20px; }
.np7-preview .np7-results { overflow: hidden; overscroll-behavior: auto; mask-image: linear-gradient(#000 calc(100% - 28px), transparent); }
.np7-preview .np7-results .np7-cover { height: 75px; }
.np7-preview .np7-results .np7-company-heading { margin-top: -16px; gap: 12px; }
.np7-preview .np7-results .np7-large-logo { width: 64px; height: 64px; padding: 9px; border-radius: 14px; }
.np7-preview .np7-results .np7-large-logo img { width: 46px; height: 46px; }
.np7-preview .np7-results .np7-company-heading > div:nth-child(2), .np7-preview .np7-results .np7-company-people, .np7-preview .np7-results .np7-social-links { padding-top: 16px; }
.np7-preview .np7-results .np7-profile-tagline { margin-block: 10px 12px; }
.np7-preview .np7-results .np7-company-metrics > div { padding-block: 10px; }
.np7-preview .np7-results .np7-person-banner { height: 70px; padding: 10px 20px; }
.np7-preview .np7-results .np7-person-company-logos img { width: 39px; height: 39px; padding: 5px; }
.np7-preview .np7-results .np7-person-heading { margin-top: -16px; gap: 12px; }
.np7-preview .np7-results .np7-person-heading > img { width: 72px; height: 72px; flex-shrink: 0; border-width: 3px; border-radius: 14px; }
.np7-preview .np7-results .np7-person-heading > div { padding-top: 22px; }
.np7-preview .np7-results .np7-person-social { margin-block: 12px; }
.np7-preview .np7-results .np7-person-metrics { padding-top: 6px; }
[data-hero-panel] .np7-prompt { margin-bottom: 16px; }
[data-hero-panel] .np7-prompt p { padding: 10px 16px; font-size: 16px; }
[data-hero-panel] .np7-answer-brand { margin-bottom: 12px; font-size: 15px; }
.np7-tool-steps { display: flex; flex-direction: column; gap: 7px; margin-bottom: 15px; }
.np7-tool-steps .np7-tool { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 9px 12px; background: #f8f7fa; border: 1px solid #eeeaf1; border-radius: 9px; color: #463b50; font-size: 12px; line-height: 1.6; }
.np7-tool-steps .np7-tool > i { display: flex; align-items: center; justify-content: center; width: 19px; height: 19px; border-radius: 50%; background: #16a34a; color: white; font-size: 11px; margin-top: 1px; }
.np7-tool-steps .np7-tool code { min-width: 0; }
.np7-demo-controls { display: flex; flex-shrink: 0; padding: 0 24px 8px; }
[data-hero-demo]:not(.np7-tabs-ready) .np7-demo-controls { display: none; }
.np7-expand-result { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 46px; border: 1px solid #d7b9ec; border-radius: 9px; padding: 10px 16px; background: #f7f0fe; color: #6d20ad; font-size: 16px !important; font-weight: 650 !important; }
.np7-expand-result:hover { background: #ede2f7; border-color: #b786d7; }
[data-hero-demo] .np7-chat-composer { padding: 10px 24px 8px; flex-shrink: 0; }
[data-hero-demo] .np7-chat-composer a { padding: 8px 14px; gap: 10px; font-size: 14px; }
[data-hero-demo] .np7-chat-composer a > i:last-child { width: 27px; height: 27px; font-size: 16px; }
[data-hero-demo] .np7-workspace-foot { padding: 0 16px 10px; font-size: 11px; flex-shrink: 0; }
.np7-chat-caret { display: none; width: 2px; height: 1em; background: #6d20ad; }
.np7-tabs-ready .np7-chat-caret { display: inline-block; animation: np7-caret-blink 1s steps(1) infinite; }
.np7 .np7-workspace.np7-tabs-ready [data-hero-panel]:not([hidden]) { animation: none; }
.np7 [data-hero-panel].is-streaming [data-hero-stream] { animation: np7-stream-in .46s cubic-bezier(.22, .61, .36, 1) both; animation-delay: calc(var(--np7-stream-index) * 95ms); }
.np7 [data-hero-panel].is-streaming .np7-tool > i { animation: np7-check-in .34s ease-out both; animation-delay: calc(var(--np7-stream-index) * 95ms + 250ms); }
@keyframes np7-stream-in { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: none; } }
@keyframes np7-check-in { from { opacity: 0; transform: scale(.5); } to { opacity: 1; transform: scale(1); } }
@keyframes np7-caret-blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }

@media (max-width: 850px) {
  .np7-workspace[data-hero-demo] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
  [data-hero-demo] .np7-chat-sidebar { display: block; padding-block: 9px; border-right: 0; border-bottom: 1px solid #ebe7f0; }
  [data-hero-demo] .np7-chat-brand, [data-hero-demo] .np7-sidebar-label, [data-hero-demo] .np7-sidebar-brand { display: none; }
  [data-hero-demo] .np7-capability-tabs { display: flex; flex-direction: row; overflow-x: auto; scrollbar-width: thin; padding: 0 10px 3px; gap: 7px; }
  [data-hero-demo] .np7-capability-tabs button { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; width: auto; max-width: 240px; min-height: 48px; padding: 9px 12px; font-size: 16px; text-align: left; }
  [data-hero-demo] .np7-capability-tabs button > span { max-width: 185px; }
  [data-hero-demo] .np7-capability-tabs button[aria-selected="true"] { box-shadow: inset 0 -2px #9333ea; }
}
@media (max-width: 560px) {
  .np7-workspace[data-hero-demo] { --np7-demo-height: 760px; margin-top: 30px; }
  [data-hero-demo] .np7-workspace-top { padding: 9px 14px; font-size: 16px; }
  [data-hero-demo].np7-tabs-ready .np7-results { padding: 4px 14px 16px; }
  [data-hero-demo] .np7-chat-tools { padding: 4px 7px; }
  [data-hero-demo] .np7-demo-controls { padding: 0 14px 8px; }
  [data-hero-panel] .np7-prompt { margin-bottom: 12px; }
  [data-hero-panel] .np7-prompt p { font-size: 14px; padding: 9px 12px; }
  [data-hero-panel] .np7-answer-brand { margin-bottom: 9px; }
  .np7-tool-steps .np7-tool { padding: 7px 9px; gap: 7px; }
  .np7-preview .np7-results .np7-cover { height: 54px; }
  .np7-preview .np7-results .np7-company-heading { gap: 8px; }
  .np7-preview .np7-results .np7-company-heading .np7-social-links { display: none; }
  .np7-preview .np7-results .np7-company-people { margin-left: auto; }
  .np7-preview [data-panel="company"] .np7-profile-content { display: flex; flex-direction: column; }
  .np7-preview .np7-results .np7-company-heading { order: -2; }
  .np7-preview .np7-results .np7-company-metrics { order: -1; margin-top: 12px; }
  .np7-preview .np7-results .np7-person-banner { height: 54px; padding: 8px 14px; }
  .np7-preview .np7-results .np7-person-heading { flex-direction: row; align-items: flex-start; }
  .np7-preview .np7-results .np7-person-heading > img { width: 60px; height: 60px; }
  [data-hero-demo] .np7-chat-composer { padding: 8px 14px 6px; }
  [data-hero-demo] .np7-workspace-foot { font-size: 10px; gap: 6px; padding-bottom: 8px; }
}
/* Each use case uses the same chat-to-tool-to-output sequence. */
[data-workflow-story] { display: flex; flex-direction: column; min-height: var(--np7-workflow-height, 0px); }
[data-workflow-demo].np7-tabs-ready [data-workflow-story]:not([hidden]) { animation: none; }
.np7-story-chrome { display: flex; align-items: center; gap: 16px; padding: 17px 24px; border-bottom: 1px solid var(--np7-line); }
.np7-story-app, .np7-story-connection { display: flex; align-items: center; gap: 9px; }
.np7-story-app strong { font-size: 18px; font-weight: 650; }
.np7-story-app > span { color: var(--np7-muted); font-size: 13px; }
.np7-story-app > img { object-fit: contain; }
.np7-story-connection { margin-left: auto; padding: 5px 9px; background: #fff7d8; border-radius: 7px; font-size: 12px; color: #655018; }
.np7-story-connection > span:last-child { font-family: ui-monospace, monospace; font-size: 10px; }
.np7-story-replay { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 7px 10px; border: 1px solid var(--np7-line); border-radius: 7px; color: var(--np7-muted); background: #fff; font-size: 13px !important; }
.np7-story-replay:hover { color: #6d20ad; background: #f7f0fe; }
.np7-story-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); flex: 1; }
.np7-story-conversation { display: flex; flex-direction: column; padding: 26px; border-right: 1px solid var(--np7-line); min-width: 0; }
.np7-story-user { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; margin-bottom: 24px; }
.np7-story-prompt { margin: 0; padding: 15px 18px; border-radius: 18px 18px 4px 18px; background: #f2f1f3; color: #37343a; font-size: 16px; line-height: 1.65; min-height: 56px; }
.np7-story-user > .np7-story-prompt { width: 94%; min-height: 112px; }
.np7-workflows-ready .np7-story-prompt { display: grid; }
.np7-workflows-ready .np7-story-prompt::before { content: attr(data-full-prompt); visibility: hidden; grid-area: 1 / 1; }
.np7-workflows-ready [data-workflow-prompt] { grid-area: 1 / 1; }
.np7-workflows-ready [data-workflow-phase="input"] [data-workflow-prompt]::after { content: ""; display: inline-block; width: 2px; height: 1em; margin-left: 2px; vertical-align: -.1em; background: #6d20ad; animation: np7-caret-blink .8s steps(1) infinite; }
.np7-story-attachment { width: min(100%, 320px); border: 1px solid #e4dce9; border-radius: 11px; background: #fff; }
.np7-story-attachment summary { display: flex; align-items: center; gap: 12px; padding: 11px 14px; cursor: pointer; }
.np7-story-attachment summary > i:first-child { font-size: 28px; color: #25834e; }
.np7-story-attachment summary > i:last-child { margin-left: auto; color: #93839e; }
.np7-story-attachment strong { display: block; font-size: 13px; font-weight: 600; }
.np7-story-attachment summary span > span { display: block; color: var(--np7-muted); font-size: 12px; margin-top: 3px; }
.np7-story-attachment ul { list-style: none; padding: 0 14px 12px; margin: 0; }
.np7-story-attachment li { padding-block: 8px; border-top: 1px solid #f1edf4; }
.np7-story-attachment li > span { display: block; font-size: 12px; color: var(--np7-muted); line-height: 1.5; }
.np7-story-assistant { display: flex; align-items: center; gap: 9px; margin-bottom: 16px; font-size: 15px; }
.np7-story-assistant img { object-fit: contain; }
.np7-story-steps { list-style: none; padding: 0; margin: 0 0 20px; display: grid; gap: 10px; }
.np7-story-steps li { display: flex; align-items: flex-start; gap: 11px; min-height: 62px; padding: 11px 12px; border: 1px solid #ede8f1; border-radius: 9px; background: #faf9fc; }
.np7-story-steps li > div { min-width: 0; }
.np7-story-steps strong { display: block; color: #39303f; font-size: 15px; line-height: 1.4; font-weight: 600; }
.np7-step-state { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 21px; height: 21px; border-radius: 50%; background: #e8f5ec; color: #15803d; margin-top: 1px; font-size: 12px; }
.np7-step-state .ph-spinner-gap { display: none; }
.np7-step-detail { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 9px; margin-top: 5px; color: #82748c; font-size: 12px; line-height: 1.6; }
.np7-step-detail code { font-size: 11px; color: #8b659f; overflow-wrap: anywhere; }
.np7-step-provider { color: #75647f; font-weight: 600; font-size: 10px; }
.np7-workflows-ready [data-step-state="pending"] { visibility: hidden; }
.np7-workflows-ready [data-step-state="active"] { border-color: #dbc7ea; background: #fbf7fe; animation: np7-stream-in .3s ease-out both; }
.np7-workflows-ready [data-step-state="active"] .np7-step-state { background: #f0e3f9; color: #9333ea; }
.np7-workflows-ready [data-step-state="active"] .ph-check { display: none; }
.np7-workflows-ready [data-step-state="active"] .ph-spinner-gap { display: inline-block; animation: np7-workflow-spin .85s linear infinite; }
.np7-workflows-ready [data-step-state="done"] .ph-check { animation: np7-check-in .25s ease-out both; }
.np7-story-composer { display: flex; align-items: center; gap: 12px; padding: 10px 14px; margin-top: auto; border: 1px solid #e6e0eb; border-radius: 24px; color: #928598; font-size: 13px; }
.np7-story-composer i:last-child { margin-left: auto; width: 24px; height: 24px; display: grid; place-items: center; background: #302b35; color: #fff; border-radius: 50%; }
.np7-story-output { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; min-width: 0; padding: 26px; background: #fcfbfd; }
.np7-story-output-heading { margin-bottom: 24px; }
.np7-story-output-heading > span, .np7-story-small-label { display: block; color: #8b7a96; font-size: 12px; margin-bottom: 8px; }
.np7-story-output-heading h3 { font-size: 25px; line-height: 1.2; letter-spacing: -.032em; font-weight: 680; margin: 0; }
.np7-story-waiting { display: none; grid-area: 2 / 1; align-self: center; justify-self: center; max-width: 260px; text-align: center; color: #8b7c95; }
.np7-story-waiting strong, .np7-story-waiting > span:last-child { display: block; }
.np7-story-waiting strong { font-size: 17px; font-weight: 600; margin: 18px 0 8px; color: #66556f; }
.np7-story-waiting > span:last-child { font-size: 14px; line-height: 1.7; }
.np7-output-orbit { width: 70px; height: 70px; display: inline-grid; place-items: center; background: #f3ecf8; border: 1px solid #e5d6f0; border-radius: 18px; font-size: 30px; color: #a27db8; }
.np7-story-deliverable { grid-area: 2 / 1; align-self: start; min-width: 0; }
.np7-workflows-ready [data-workflow-story]:not([data-workflow-phase="complete"]) .np7-story-deliverable { visibility: hidden; }
.np7-workflows-ready [data-workflow-story]:not([data-workflow-phase="complete"]) .np7-story-waiting { display: block; }
.np7-workflows-ready [data-workflow-phase="complete"] .np7-story-deliverable { animation: np7-stream-in .45s ease-out both; }
.np7-artifact-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.np7-artifact-heading > i:first-child { color: #18804a; font-size: 28px; }
.np7-artifact-heading strong { display: block; font-size: 17px; font-weight: 650; }
.np7-artifact-heading span { display: block; color: var(--np7-muted); font-size: 12px; line-height: 1.5; margin-top: 4px; }
.np7-artifact-heading img { object-fit: contain; }
.np7-artifact-check { color: #16a34a; margin-left: auto; font-size: 23px; }
.np7-story-table { border-collapse: collapse; width: 100%; min-width: 430px; font-size: 12px; text-align: left; border: 1px solid #e9e0ef; background: #fff; }
.np7-story-table th { padding: 10px; color: #85708e; background: #f6f1fa; font-weight: 500; }
.np7-story-table td { padding: 13px 10px; line-height: 1.7; border-top: 1px solid #eee7f3; }
.np7-story-table td:last-child { color: #6d20ad; background: #fff8d4; }
.np7-story-data-note { margin: 9px 0 20px; color: #918198; font-size: 11px; line-height: 1.5; }
.np7-email-preview { padding: 20px; border: 1px solid #e7dfed; border-radius: 12px; background: #fff; }
.np7-email-preview h4 { margin: 0 0 18px; color: #342a3b; font-size: 17px; font-weight: 650; line-height: 1.4; }
.np7-email-preview p { font-size: 14px; line-height: 1.75; color: #73637e; margin: 0 0 12px; }
.np7-email-preview p:last-child { margin-bottom: 0; }
.np7-story-download { display: inline-flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 44px; margin-top: 18px; border: 1px solid #d7b9ec; border-radius: 9px; background: #f7f0fe; color: #6d20ad; font-size: 14px !important; font-weight: 600 !important; }
.np7-story-download:hover { background: #ede2f7; }
.np7-story-avatar { display: inline-grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; color: #32669f; background: #e5effb; font-size: 16px; font-weight: 600; }
.np7-inbox-message { border: 1px solid #e1e3e6; border-radius: 12px; background: #fff; overflow: hidden; }
.np7-inbox-toolbar { display: flex; gap: 8px; align-items: center; padding: 10px 14px; background: #f6f8fc; color: #5f6368; font-size: 13px; }
.np7-inbox-toolbar > span { margin-left: auto; font-size: 11px; }
.np7-inbox-sender { display: flex; align-items: center; gap: 10px; padding: 16px 14px 8px; }
.np7-inbox-sender strong, .np7-supportive-person strong { display: block; color: #202124; font-size: 14px; }
.np7-inbox-sender span:not(.np7-story-avatar), .np7-supportive-person div > span { display: block; color: #80868b; font-size: 12px; margin-top: 3px; }
.np7-inbox-sender > i { margin-left: auto; color: #80868b; }
.np7-inbox-message .np7-story-prompt { background: #fff; border-radius: 0; font-size: 14px; padding: 10px 14px 16px; }
.np7-supportive-pane { margin: 12px 0 22px auto; width: min(100%, 300px); border: 1px solid #e1e3e6; border-radius: 11px; padding: 13px; background: #fff; box-shadow: 0 5px 15px #25304a08; }
.np7-supportive-brand { display: flex; align-items: center; gap: 7px; padding-bottom: 11px; margin-bottom: 11px; border-bottom: 1px solid #eef0f3; }
.np7-supportive-brand strong { font-family: 'Snell Roundhand', 'Apple Chancery', cursive; font-size: 22px; font-weight: 600; color: #1f2937; }
.np7-supportive-brand > span { margin-left: auto; font-size: 10px; color: #6b7280; }
.np7-supportive-person, .np7-crm-contact, .np7-outreach-recipient { display: flex; align-items: center; gap: 11px; }
.np7-crm-contact { padding: 18px; border: 1px solid #e1e8f0; background: #f5f9fd; border-radius: 11px; margin-bottom: 18px; }
.np7-crm-contact h4 { font-size: 20px; font-weight: 650; margin: 0 0 4px; }
.np7-crm-contact div > span { color: #7f7288; font-size: 13px; }
.np7-crm-record { margin: 0 0 20px; display: grid; gap: 12px; }
.np7-crm-record > div { display: flex; justify-content: space-between; gap: 15px; font-size: 13px; }
.np7-crm-record dt { color: #897491; }
.np7-crm-record dd { color: #54415f; margin: 0; text-align: right; overflow-wrap: anywhere; }
.np7-crm-note { padding: 17px; border: 1px solid #eadfac; border-radius: 10px; background: #fff9dd; }
.np7-crm-note p { font-size: 14px; margin: 0 0 14px; }
.np7-crm-linked { display: flex; gap: 7px; align-items: center; color: #8a7a45; font-size: 12px; }
.np7-artifact-status { display: flex; align-items: center; gap: 9px; margin-top: 19px; color: #33834f; font-size: 13px; line-height: 1.6; }
.np7-story-event { display: flex; gap: 10px; align-items: flex-start; padding: 13px; background: #fff8d9; border: 1px solid #eee0a6; border-radius: 10px; margin-bottom: 18px; }
.np7-story-event > i { color: #b08b1d; font-size: 20px; }
.np7-story-event strong { display: block; font-size: 13px; color: #786022; }
.np7-story-event span { display: block; font-size: 12px; color: #9c8b58; line-height: 1.6; margin-top: 4px; }
.np7-outreach-recipient { margin: 18px 0; padding: 14px; border: 1px solid #e6deec; border-radius: 10px; background: #fff; }
.np7-outreach-recipient > img:first-child { border-radius: 50%; object-fit: cover; }
.np7-outreach-recipient strong { display: block; font-size: 14px; }
.np7-outreach-recipient span { display: block; font-size: 12px; color: #89758f; margin-top: 3px; }
.np7-outreach-recipient > img:last-child { margin-left: auto; }
.np7-workflow-output .np7-example-note { padding: 12px 24px; font-size: 11px; line-height: 1.6; }
@keyframes np7-workflow-spin { to { transform: rotate(360deg); } }
@media (max-width: 850px) {
  .np7-story-grid { grid-template-columns: minmax(0, 1fr); }
  .np7-story-conversation { border-right: 0; border-bottom: 1px solid var(--np7-line); }
  .np7-story-output { min-height: 360px; }
  .np7-story-steps li { min-height: 62px; }
}
@media (max-width: 560px) {
  .np7-story-chrome { padding: 13px 15px; gap: 9px; flex-wrap: wrap; }
  .np7-story-app strong { font-size: 16px; }
  .np7-story-app > span, .np7-story-connection > span:last-child { display: none; }
  .np7-story-connection { padding: 5px 7px; font-size: 11px; gap: 5px; }
  .np7-story-replay { padding: 7px; }
  .np7-story-conversation, .np7-story-output { padding: 20px 15px; }
  .np7-story-prompt { font-size: 15px; padding: 13px 15px; }
  .np7-story-user > .np7-story-prompt { min-height: 170px; }
  .np7-story-steps strong { font-size: 14px; }
  .np7-story-output-heading h3 { font-size: 23px; }
  .np7-email-preview { padding: 16px; }
  .np7-workflow-output .np7-example-note { padding-inline: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-replay-workflow] { display: none; }
  .np7 *, .np7 *::before, .np7 *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .np7-button-primary:hover { transform: none; }
}