/*
  Nahw 100 — The Living Journey / Public surfaces
  Phase 1: Public question bank — Ambient Public Discovery.
  Presentation-only and intentionally scoped to body.qb-public-page.
*/

.qb-public-page{
  position:relative;
  isolation:isolate;
  overflow-x:clip;
  min-height:100vh;
  background:#f8f3e9!important;
}

.qb-public-page::before{
  content:"";
  position:absolute;
  z-index:-2;
  top:0;
  right:0;
  left:0;
  height:1580px;
  pointer-events:none;
  background-image:
    linear-gradient(180deg,
      rgba(255,249,237,.05) 0%,
      rgba(255,249,237,.12) 34%,
      rgba(248,243,233,.48) 70%,
      rgba(248,243,233,.91) 92%,
      #f8f3e9 100%),
    linear-gradient(90deg,
      rgba(250,246,237,.02) 0%,
      rgba(250,246,237,.10) 18%,
      rgba(250,246,237,.35) 39%,
      rgba(250,246,237,.35) 61%,
      rgba(250,246,237,.10) 82%,
      rgba(250,246,237,.02) 100%),
    url("assets/images/landing/conversion/cta-mountain-road.png");
  background-repeat:no-repeat;
  background-position:center,center,center top;
  background-size:100% 100%,100% 100%,cover;
}

.qb-public-page::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  right:0;
  left:0;
  height:920px;
  pointer-events:none;
  background:
    radial-gradient(circle at 4% 58%,rgba(4,77,58,.11),transparent 24%),
    radial-gradient(circle at 95% 24%,rgba(224,181,75,.13),transparent 27%);
}

.qb-public-page .qb-public-shell{
  position:relative;
}

.qb-public-page .qb-public-hero{
  box-shadow:
    0 24px 60px rgba(5,48,38,.24),
    0 0 0 1px rgba(255,244,205,.10) inset;
}

.qb-public-page .qb-public-overview{
  border-color:rgba(126,98,44,.22);
  background:rgba(255,254,250,.83);
  box-shadow:0 13px 31px rgba(25,59,46,.10),inset 0 1px 0 rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(16px) saturate(1.05);
  backdrop-filter:blur(16px) saturate(1.05);
}

.qb-public-page .qb-public-layout .qb-public-questions-card{
  border-color:rgba(135,103,43,.24);
  background:
    radial-gradient(circle at 0 100%,rgba(207,167,77,.09),transparent 28%),
    rgba(255,254,250,.94);
  box-shadow:
    0 24px 58px rgba(25,57,45,.13),
    inset 0 1px 0 rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(20px) saturate(1.03);
  backdrop-filter:blur(20px) saturate(1.03);
}

.qb-public-page .qb-public-question{
  border-color:rgba(140,107,48,.23);
  background:rgba(255,255,253,.95);
  box-shadow:0 11px 27px rgba(20,61,47,.08);
}

.qb-public-page .qb-public-footer{
  border:1px solid rgba(232,200,116,.35);
  box-shadow:0 18px 42px rgba(4,47,36,.19);
}

@media (max-width:820px){
  .qb-public-page::before{
    height:1380px;
    background-image:
      linear-gradient(180deg,
        rgba(255,249,237,.17) 0%,
        rgba(248,243,233,.42) 55%,
        rgba(248,243,233,.94) 90%,
        #f8f3e9 100%),
      url("assets/images/landing/conversion/cta-mountain-road.png");
    background-position:center,58% top;
    background-size:100% 100%,auto 100%;
  }

  .qb-public-page .qb-public-overview,
  .qb-public-page .qb-public-layout .qb-public-questions-card{
    background:rgba(255,254,250,.96);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
}

@media (prefers-reduced-transparency:reduce){
  .qb-public-page .qb-public-overview,
  .qb-public-page .qb-public-layout .qb-public-questions-card{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}