/* Agent 6 scoped public experience. Uses the canonical semantic token layer. */
:root { --nv-public-max: 1180px; }
html.nv-menu-open { overflow: hidden; }
[data-agent6-public-shell] { background: linear-gradient(180deg, #f8fafc 0%, var(--color-background) 35%, #eef2f6 100%); }
[data-agent6-public-shell] .nv-public-header {
  position: sticky; inset-block-start: 0; z-index: var(--layer-sticky, 100); width: min(calc(100% - 32px), var(--nv-public-max)); min-height: 76px;
  margin: 12px auto 0; padding: 10px 12px 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4);
  border: 1px solid color-mix(in srgb, var(--color-border) 84%, transparent); border-radius: var(--radius-lg); background: rgb(255 255 255 / 94%);
  box-shadow: var(--shadow-sm); backdrop-filter: blur(18px) saturate(130%);
}
.nv-brand { min-width: 0; display: inline-flex; align-items: center; gap: 12px; color: var(--color-text); text-decoration: none; }
.nv-brand__mark { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--color-border); border-radius: 13px; background: var(--color-surface); box-shadow: var(--shadow-sm); }
.nv-brand__mark img { width: 100%; height: 100%; object-fit: contain; }
.nv-brand__copy { min-width: 0; display: grid; line-height: 1.12; }
.nv-brand__copy strong { font-size: 1rem; letter-spacing: -.015em; }
.nv-brand__copy small { max-width: 38ch; margin-top: 3px; overflow: hidden; color: var(--color-text-muted); font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.nv-public-nav { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.nv-public-nav a { min-height: 44px; padding: 10px 13px; display: inline-flex; align-items: center; border: 1px solid transparent; border-radius: 11px; color: var(--color-text-secondary); font-size: .9rem; font-weight: 750; text-decoration: none; }
.nv-public-nav a:hover { background: var(--color-surface-subtle); color: var(--color-text); }
.nv-public-nav .nv-nav-login { margin-inline-start: 4px; border-color: color-mix(in srgb, var(--color-primary) 24%, white); background: color-mix(in srgb, var(--color-primary) 9%, white); color: var(--color-primary-strong); }
.nv-menu-button { display: none; width: 44px; min-height: 44px; padding: 0; place-items: center; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface); }
.nv-menu-button > span:first-child, .nv-menu-button > span:first-child::before, .nv-menu-button > span:first-child::after { width: 19px; height: 2px; display: block; border-radius: 99px; background: currentColor; content: ""; transition: transform var(--motion-normal) var(--motion-ease, ease), opacity var(--motion-fast) ease; }
.nv-menu-button > span:first-child { position: relative; }
.nv-menu-button > span:first-child::before { position: absolute; transform: translateY(-6px); }
.nv-menu-button > span:first-child::after { position: absolute; transform: translateY(6px); }
.nv-menu-button[aria-expanded="true"] > span:first-child { background: transparent; }
.nv-menu-button[aria-expanded="true"] > span:first-child::before { transform: rotate(45deg); }
.nv-menu-button[aria-expanded="true"] > span:first-child::after { transform: rotate(-45deg); }
[data-agent6-public-shell] .nv-public-main { width: min(calc(100% - 32px), var(--nv-public-max)); padding: 34px 0 72px; }
.nv-public { display: grid; gap: 26px; }
.nv-public :where(h1,h2,h3,p) { overflow-wrap: anywhere; }
.nv-public h1 { max-width: 14ch; margin: 0; color: #f8fafc; font-size: clamp(2.45rem, 5.4vw, 5.25rem); line-height: .97; letter-spacing: -.055em; text-wrap: balance; }
.nv-public h2 { max-width: 21ch; margin: 8px 0 12px; color: var(--color-text); font-size: clamp(1.85rem, 3.7vw, 3.45rem); line-height: 1.04; letter-spacing: -.045em; text-wrap: balance; }
.nv-public h3 { margin: 0; color: var(--color-text); font-size: 1.12rem; }
.nv-kicker { display: inline-flex; align-items: center; gap: 8px; color: var(--color-primary); font-size: .73rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.nv-hero { min-height: min(660px, calc(100dvh - 136px)); padding: clamp(30px, 5vw, 66px); display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); align-items: center; gap: clamp(30px, 6vw, 78px); overflow: hidden; border: 1px solid rgb(255 255 255 / 10%); border-radius: 30px; background: radial-gradient(circle at 85% 5%, rgb(20 184 166 / 22%), transparent 30rem), radial-gradient(circle at 0% 100%, rgb(37 99 235 / 24%), transparent 28rem), #101b2b; box-shadow: 0 28px 70px rgb(15 23 42 / 18%); }
.nv-hero__copy { min-width: 0; }
.nv-hero .nv-kicker { color: #7dd3fc; }
.nv-hero__copy > p { max-width: 62ch; margin: 22px 0 0; color: #d7e1ee; font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.72; }
.nv-actions { margin-top: 28px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.nv-hero .btn.secondary { border-color: rgb(255 255 255 / 25%); background: rgb(255 255 255 / 8%); color: white; }
.nv-trust-list { margin: 24px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 9px; list-style: none; }
.nv-trust-list li { padding: 7px 10px; border: 1px solid rgb(255 255 255 / 13%); border-radius: 999px; background: rgb(255 255 255 / 7%); color: #c9d6e5; font-size: .82rem; }
.nv-product-proof { min-width: 0; padding: clamp(20px, 3vw, 30px); border: 1px solid rgb(255 255 255 / 13%); border-radius: 24px; background: rgb(255 255 255 / 7%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%); backdrop-filter: blur(12px); }
.nv-proof-head { padding-bottom: 18px; display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid rgb(255 255 255 / 12%); }
.nv-proof-head span { color: #9fb0c4; font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; }
.nv-proof-head strong { color: white; font-size: .92rem; }
.nv-flow-list { margin: 6px 0 0; padding: 0; list-style: none; }
.nv-flow-list li { padding: 17px 0; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 13px; border-bottom: 1px solid rgb(255 255 255 / 10%); }
.nv-flow-list li > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: rgb(125 211 252 / 13%); color: #7dd3fc; font-size: .72rem; font-weight: 850; }
.nv-flow-list strong, .nv-flow-list small { display: block; }
.nv-flow-list strong { color: white; }
.nv-flow-list small { margin-top: 3px; color: #aebdce; line-height: 1.45; }
.nv-proof-note { margin-top: 18px; padding: 13px 14px; border-radius: 14px; background: rgb(15 118 110 / 18%); color: #c7f9f2; font-size: .86rem; line-height: 1.55; }
.nv-section, .nv-split-section, .nv-trust-band, .nv-faq { padding: clamp(34px, 5vw, 64px); border: 1px solid var(--color-border); border-radius: 26px; background: var(--color-surface); box-shadow: var(--shadow-sm); }
.nv-section-heading { max-width: 760px; }
.nv-section-heading > p, .nv-split-section > div > p { margin: 0; color: var(--color-text-muted); font-size: 1.04rem; line-height: 1.72; }
.nv-value-grid { margin-top: 30px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.nv-value-grid article { min-width: 0; padding: 24px; border: 1px solid var(--color-border); border-radius: 18px; background: var(--color-surface-subtle); }
.nv-value-grid article > span { display: inline-block; margin-bottom: 28px; color: var(--color-primary); font-size: .76rem; font-weight: 850; }
.nv-value-grid p { margin: 9px 0 0; color: var(--color-text-muted); line-height: 1.65; }
.nv-split-section { display: grid; grid-template-columns: minmax(0,1fr) minmax(340px,.85fr); align-items: center; gap: clamp(30px, 6vw, 76px); }
.nv-split-section--reverse { grid-template-columns: minmax(340px,.85fr) minmax(0,1fr); }
.nv-feature-list { margin: 22px 0 0; padding: 0; display: grid; gap: 10px; list-style: none; }
.nv-feature-list li { position: relative; padding-inline-start: 28px; color: var(--color-text-secondary); line-height: 1.5; }
.nv-feature-list li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: .45em; width: 14px; height: 8px; border-inline-start: 2px solid var(--color-success); border-block-end: 2px solid var(--color-success); transform: rotate(-45deg); }
.nv-module-board { min-height: 330px; padding: 24px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: center; gap: 12px; border-radius: 24px; background: linear-gradient(145deg, #13233b, #0f3d42); }
.nv-module-board span { min-height: 64px; padding: 16px; display: flex; align-items: center; border: 1px solid rgb(255 255 255 / 12%); border-radius: 15px; background: rgb(255 255 255 / 7%); color: #eef6ff; font-weight: 750; }
.nv-luze-board { min-height: 330px; padding: 24px; display: grid; align-content: center; gap: 12px; border: 1px solid color-mix(in srgb, var(--color-warning) 25%, var(--color-border)); border-radius: 24px; background: linear-gradient(150deg, #fff9ef, #f5eee3); }
.nv-luze-board div { padding: 18px; border: 1px solid #dfd3c2; border-radius: 15px; background: rgb(255 255 255 / 80%); }
.nv-luze-board small, .nv-luze-board strong { display: block; }
.nv-luze-board small { color: #82684a; }
.nv-luze-board strong { margin-top: 3px; color: #33291e; }
.nv-luze-board > span { justify-self: center; color: #9a6b31; font-weight: 900; }
.nv-trust-band { border-color: #1d2b3d; background: #142133; color: white; }
.nv-trust-band h2 { color: white; }
.nv-trust-band .nv-kicker { color: #7dd3fc; }
.nv-trust-grid { margin-top: 28px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.nv-trust-grid article { padding: 22px; border: 1px solid rgb(255 255 255 / 12%); border-radius: 17px; background: rgb(255 255 255 / 6%); }
.nv-trust-grid strong { color: white; }
.nv-trust-grid p { margin: 8px 0 0; color: #b8c7d8; line-height: 1.62; }
.nv-contact-grid { margin-top: 28px; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); gap: 18px; }
.nv-form-card, .nv-next-card { min-width: 0; padding: clamp(22px,3vw,32px); border: 1px solid var(--color-border); border-radius: 20px; background: var(--color-surface-subtle); }
.nv-form-head { margin-bottom: 20px; }
.nv-form-head p, .nv-next-card p { margin: 7px 0 0; color: var(--color-text-muted); }
.nv-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.nv-field { min-width: 0; display: grid; gap: 7px; }
.nv-field--full { grid-column: 1 / -1; }
.nv-field label { color: var(--color-text); font-size: .9rem; font-weight: 780; }
.nv-field label span { color: var(--color-text-muted); font-size: .76rem; font-weight: 550; }
.nv-field :where(input,textarea,select) { width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid var(--color-border-strong); border-radius: 12px; background: var(--color-surface); color: var(--color-text); font: inherit; }
.nv-field textarea { min-height: 112px; resize: vertical; }
.nv-form-card > .btn { margin-top: 18px; }
.nv-alert { margin-bottom: 16px; padding: 13px 15px; border: 1px solid; border-radius: 13px; line-height: 1.5; }
.nv-alert--success { border-color: color-mix(in srgb,var(--color-success) 35%,white); background: color-mix(in srgb,var(--color-success) 9%,white); color: #075d3a; }
.nv-alert--danger { border-color: color-mix(in srgb,var(--color-danger) 32%,white); background: color-mix(in srgb,var(--color-danger) 8%,white); color: #8f2018; }
.nv-next-card { background: #152236; color: white; }
.nv-next-card .nv-kicker { color: #7dd3fc; }
.nv-next-card h3 { margin-top: 10px; color: white; font-size: 1.45rem; }
.nv-next-card ol { margin: 22px 0; padding-inline-start: 20px; display: grid; gap: 12px; color: #c7d3e1; }
.nv-next-card .btn.secondary { border-color: rgb(255 255 255 / 20%); background: rgb(255 255 255 / 8%); color: white; }
.nv-faq-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.nv-faq details { padding: 18px 20px; border: 1px solid var(--color-border); border-radius: 15px; background: var(--color-surface-subtle); }
.nv-faq summary { min-height: 44px; display: flex; align-items: center; color: var(--color-text); font-weight: 780; cursor: pointer; }
.nv-faq details p { margin: 10px 0 0; color: var(--color-text-muted); line-height: 1.65; }
.nv-public-footer { width: min(calc(100% - 32px), var(--nv-public-max)); margin: 0 auto 20px; padding: 34px; border: 1px solid var(--color-border); border-radius: 24px; background: #111d2d; color: white; }
.nv-footer-grid { display: grid; grid-template-columns: 1.6fr repeat(3,minmax(130px,.7fr)); gap: 28px; }
.nv-footer-grid > div { display: grid; align-content: start; gap: 8px; }
.nv-footer-grid strong { color: white; font-size: 1.1rem; }
.nv-footer-grid p { max-width: 44ch; margin: 2px 0 0; color: #aebdce; line-height: 1.55; }
.nv-footer-grid small { margin-bottom: 4px; color: #8fa4bb; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.nv-footer-grid a, .nv-footer-grid span { color: #d6e0eb; text-decoration: none; }
.nv-footer-grid a:hover { color: white; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 900px) {
  [data-agent6-public-shell] .nv-public-header { width: min(calc(100% - 24px), var(--nv-public-max)); margin-top: 8px; }
  .nv-menu-button { display: grid; }
  .nv-public-nav { position: absolute; inset: calc(100% + 8px) 0 auto; padding: 10px; display: none; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); box-shadow: var(--shadow-md); }
  .nv-public-nav[data-open] { display: grid; }
  .nv-public-nav a { width: 100%; }
  .nv-public-nav .nv-nav-login { margin: 4px 0 0; justify-content: center; }
  [data-agent6-public-shell] .nv-public-main { width: min(calc(100% - 24px), var(--nv-public-max)); padding-top: 22px; }
  .nv-hero, .nv-split-section, .nv-split-section--reverse, .nv-contact-grid { grid-template-columns: 1fr; }
  .nv-hero { min-height: auto; }
  .nv-product-proof { max-width: 650px; }
  .nv-value-grid, .nv-trust-grid { grid-template-columns: 1fr; }
  .nv-split-section--reverse .nv-luze-board { order: 2; }
  .nv-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .nv-brand__copy small { max-width: 24ch; }
  .nv-public h1 { font-size: clamp(2.35rem, 12vw, 3.55rem); }
  .nv-hero, .nv-section, .nv-split-section, .nv-trust-band, .nv-faq { padding: 25px 20px; border-radius: 21px; }
  .nv-actions > .btn { width: 100%; justify-content: center; }
  .nv-product-proof { padding: 18px; }
  .nv-proof-head { display: grid; }
  .nv-module-board { grid-template-columns: 1fr; min-height: auto; }
  .nv-form-grid, .nv-faq-grid, .nv-footer-grid { grid-template-columns: 1fr; }
  .nv-field--full { grid-column: auto; }
  .nv-public-footer { width: min(calc(100% - 24px), var(--nv-public-max)); padding: 25px 20px; }
}
@media (max-width: 380px) { .nv-brand__copy small { display: none; } .nv-brand__mark { flex-basis: 40px; width: 40px; height: 40px; } }
@media (prefers-reduced-motion: reduce) { .nv-menu-button > span:first-child, .nv-menu-button > span:first-child::before, .nv-menu-button > span:first-child::after { transition: none; } }
@media (forced-colors: active) { .nv-hero, .nv-trust-band, .nv-next-card, .nv-public-footer { border: 2px solid CanvasText; } .nv-product-proof, .nv-module-board span { border: 1px solid CanvasText; } }
/* Agent 6 second browser correction: compact mobile header and truthful hero within first viewport. */
.nv-menu-button { flex: 0 0 44px; overflow: hidden; }
.nv-menu-button .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
@media (max-width: 620px) {
  .nv-public h1 { font-size: clamp(2.1rem, 10.4vw, 3rem); line-height: 1; }
  .nv-brand__copy { max-width: calc(100vw - 132px); }
}

/* NIRVANA_AGENT_8: intrinsic, responsive real-product evidence. */
.nv-real-product{width:min(1120px,100%);margin:0 auto clamp(32px,5vw,64px);padding-inline:clamp(16px,4vw,32px)}
.nv-real-product .n8-media-frame{overflow:hidden;max-width:100%;border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:var(--ui-surface);box-shadow:var(--ui-shadow-raised)}
.nv-real-product picture,.nv-real-product img{display:block;max-width:100%;width:100%;height:auto}.nv-real-product img{aspect-ratio:16/10;object-fit:cover;object-position:top center}
.nv-real-product .n8-media-caption{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--ui-border);color:var(--ui-text-secondary);font-size:var(--ui-text-helper-size)}
@media(max-width:640px){.nv-real-product{padding-inline:16px}.nv-real-product .n8-media-caption{align-items:flex-start;flex-direction:column}}
