.nq-home-hero{position:relative;overflow:hidden;padding-block:clamp(3.8rem,7vw,6.6rem);background:var(--nq-surface)}.nq-home-hero::after{content:"";position:absolute;right:-12vw;bottom:-24vw;width:52vw;height:52vw;border:1px solid rgba(44,54,57,.08);border-radius:50%;box-shadow:0 0 0 6vw rgba(44,54,57,.025),0 0 0 12vw rgba(44,54,57,.018)}.nq-home-hero__grid{position:relative;z-index:1;display:grid;gap:clamp(2.4rem,6vw,5rem);align-items:center}.nq-home-hero h1{max-width:900px}.nq-workspace{position:relative;min-height:430px;padding:14px;border:1px solid rgba(44,54,57,.12);border-radius:30px;background:var(--nq-inkwell);box-shadow:var(--nq-shadow-lg);transform:rotate(1deg)}.nq-workspace::before{content:"Demonstration workspace";position:absolute;right:18px;top:18px;z-index:2;padding:.32rem .58rem;border:1px solid rgba(250,249,246,.2);border-radius:999px;color:rgba(250,249,246,.66);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nq-workspace__inner{display:grid;grid-template-columns:72px 1fr;height:100%;min-height:400px;overflow:hidden;border-radius:20px;background:var(--nq-canvas-muted)}.nq-workspace__rail{display:flex;flex-direction:column;align-items:center;gap:17px;padding:18px 12px;background:var(--nq-lunar)}.nq-workspace__rail span{width:26px;height:8px;border-radius:4px;background:rgba(250,249,246,.22)}.nq-workspace__rail span:first-child{width:34px;height:34px;border-radius:11px;background:var(--nq-creme)}.nq-workspace__main{padding:68px 18px 20px}.nq-workspace__header{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.1rem}.nq-workspace__header h3{font-size:1.45rem}.nq-workspace__grid{display:grid;gap:.8rem}.nq-demo-item{padding:1rem;border:1px solid var(--nq-line);border-radius:15px;background:var(--nq-surface)}.nq-demo-item__top{display:flex;justify-content:space-between;gap:.8rem}.nq-demo-item small{color:var(--nq-muted)}.nq-demo-timeline{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;margin-top:.8rem}.nq-demo-line{height:2px;background:linear-gradient(90deg,var(--nq-creme) 0 62%,var(--nq-au-lait) 62%)}.nq-hero-signature{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--nq-line);font-size:.86rem}.nq-hero-signature strong{font-size:1.05rem}.nq-outcome-row{display:grid;border-top:1px solid var(--nq-line)}.nq-outcome{display:grid;grid-template-columns:46px 1fr;gap:1rem;padding:1.35rem 0;border-bottom:1px solid var(--nq-line)}.nq-outcome h3{margin-bottom:.35rem}.nq-approval-visual{display:grid;gap:1rem;padding:clamp(1.2rem,4vw,2.4rem);border-radius:var(--nq-radius-lg);background:var(--nq-canvas-muted)}.nq-document{padding:1.2rem;border:1px solid var(--nq-line);border-radius:18px;background:var(--nq-surface);box-shadow:var(--nq-shadow-sm)}.nq-document__head{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--nq-line)}.nq-document__rows{display:grid;gap:.7rem;padding-block:1rem}.nq-document__row{display:grid;grid-template-columns:24px 1fr;gap:.7rem;align-items:start}.nq-document__check{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:var(--nq-surface);background:var(--nq-success);font-size:.72rem}.nq-marketplace-band{display:grid;gap:1.2rem;padding:clamp(1.5rem,4vw,2.6rem);border:1px solid rgba(250,249,246,.14);border-radius:var(--nq-radius-lg);background:var(--nq-lunar)}@media(min-width:860px){.nq-home-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr)}.nq-workspace__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nq-workspace__grid .nq-demo-item:last-child{grid-column:1/-1}.nq-outcome-row{grid-template-columns:repeat(2,minmax(0,1fr))}.nq-outcome:nth-child(odd){padding-right:2rem;border-right:1px solid var(--nq-line)}.nq-outcome:nth-child(even){padding-left:2rem}.nq-marketplace-band{grid-template-columns:minmax(0,1fr) auto;align-items:center}}


/* Homepage responsive corrections. */
.nq-home-hero__grid > *,
.nq-workspace,
.nq-workspace__inner,
.nq-workspace__main,
.nq-workspace__header > *,
.nq-demo-item,
.nq-demo-item__top > * {
  min-width: 0;
}

.nq-demo-item strong,
.nq-demo-item p,
.nq-workspace__header h3 {
  overflow-wrap: anywhere;
}

@media (max-width: 520px) {
  .nq-home-hero {
    padding-block: 3.35rem 4rem;
  }

  .nq-home-hero h1 {
    font-size: clamp(2.25rem, 12.4vw, 3rem);
    line-height: 0.98;
  }

  .nq-workspace {
    min-height: 0;
    padding: 10px;
    border-radius: 24px;
    transform: none;
  }

  .nq-workspace::before {
    right: 12px;
    top: 12px;
    max-width: calc(100% - 24px);
    white-space: normal;
    text-align: center;
  }

  .nq-workspace__inner {
    grid-template-columns: 50px minmax(0, 1fr);
    min-height: 0;
    border-radius: 16px;
  }

  .nq-workspace__rail {
    gap: 13px;
    padding: 14px 8px;
  }

  .nq-workspace__rail span {
    width: 20px;
  }

  .nq-workspace__rail span:first-child {
    width: 30px;
    height: 30px;
  }

  .nq-workspace__main {
    padding: 58px 12px 14px;
  }

  .nq-workspace__header,
  .nq-demo-item__top,
  .nq-document__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .nq-workspace__header {
    display: flex;
  }

  .nq-demo-item__top {
    display: flex;
  }

  .nq-workspace__header .nq-pill,
  .nq-demo-item__top .nq-pill {
    align-self: flex-start;
  }
}

@media (max-width: 340px) {
  .nq-home-hero h1 {
    font-size: 2.12rem;
  }

  .nq-workspace__inner {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .nq-workspace__main {
    padding-inline: 10px;
  }
}


/* Workspace row wrapping correction. */
.nq-workspace__header,
.nq-demo-item__top,
.nq-document__head {
  flex-wrap: wrap;
}

@media (max-width: 859px) {
  .nq-workspace {
    transform: none;
  }
}

/* Compact homepage conversion panel, 19 July 2026. */
.nq-final-cta {
  padding-block: clamp(2.4rem, 4.5vw, 4rem);
  border-top: 1px solid var(--nq-line);
  background: var(--nq-au-lait);
}

.nq-final-cta__inner {
  display: grid;
  gap: 1.5rem;
  align-items: center;
}

.nq-final-cta h2 {
  max-width: 760px;
  font-size: clamp(1.8rem, 3.4vw, 3rem);
}

.nq-final-cta p {
  margin-top: 0.7rem;
  color: rgba(44, 54, 57, 0.82);
}

.nq-final-cta .nq-actions {
  margin-top: 0;
}

@media (min-width: 820px) {
  .nq-final-cta__inner {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}