/* Approved Neo background, adapted ONLY to Portal. The page layout stays in
   storefront/home.css. Drawing is the unchanged r9 neo-home-scene.js. */
body.home-body.neo-portal-brand-background {
  --np-bg: #f1f6ff;
  --np-glass: rgba(255, 255, 255, .88);
  --np-solid: #ffffff;
  --np-edge: rgba(94, 87, 166, .29);
  --np-number: linear-gradient(120deg, #076787, #633cbb);
  --pub-text: #102342;
  --pub-text2: #344d6b;
  --pub-text3: #405979;
  --pub-card-border: var(--np-edge);
  position: relative;
  isolation: isolate;
  background: var(--np-bg);
}
html[data-theme="dark"] body.home-body.neo-portal-brand-background {
  --np-bg: #060e20;
  --np-glass: rgba(8, 23, 46, .76);
  --np-solid: #0d1c36;
  --np-edge: rgba(174, 157, 242, .34);
  --np-number: linear-gradient(120deg, #70e9ff, #d5c6ff);
  --pub-text: #f5f8ff;
  --pub-text2: #d1daeb;
  --pub-text3: #b9c9e2;
}
body.neo-portal-brand-background .home-wrap {
  position: relative;
  z-index: 1;
}
body.neo-portal-brand-background .home-background {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
body.neo-portal-brand-background .home-background-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 1;
  filter: none;
}
body.neo-portal-brand-background .home-background-dark { display: none; }
html[data-theme="dark"] body.neo-portal-brand-background .home-background-dark { display: block; }
html[data-theme="dark"] body.neo-portal-brand-background .home-background-light { display: none; }
body.neo-portal-brand-background .home-background.scene-ready .home-background-poster { visibility: hidden; }
body.neo-portal-brand-background #neo-home-live {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 1;
  filter: none;
  pointer-events: none;
}
body.neo-portal-brand-background #neo-home-live .nl-surface,
body.neo-portal-brand-background #neo-home-live .nl-canvas {
  display: block;
  width: 100%;
  height: 100%;
}
body.neo-portal-brand-background #neo-home-live .nl-surface[data-size="mini"] {
  position: absolute;
  inset: 18px 22px auto auto;
  width: 170px;
  height: 170px;
}
html[dir="rtl"] body.neo-portal-brand-background #neo-home-live .nl-surface[data-size="mini"] {
  inset-inline-start: 22px;
  inset-inline-end: auto;
}
@media (max-width:700px) {
  body.neo-portal-brand-background #neo-home-live .nl-surface[data-size="mini"] {
    top: 58px;
    inset-inline-end: 8px;
    width: 92px;
    height: 92px;
  }
}
/* No old hero gradient or page-wide veil over the approved scene. */
body.neo-portal-brand-background .home-hero::before { content: none; }

/* Protect only text and cards. Keep the scene visible between the sections. */
body.neo-portal-brand-background .neo-portal-hero-copy {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  display: flow-root;
}
body.neo-portal-brand-background :is(.neo-portal-hero-copy, .pc-strip-head, .home-section-header, .home-alltools-controls, .neo-mstats-title, #searchCount) {
  position: relative;
  isolation: isolate;
}
body.neo-portal-brand-background :is(.neo-portal-hero-copy, .pc-strip-head, .home-section-header, .home-alltools-controls, .neo-mstats-title, #searchCount)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -10px -12px;
  border: 1px solid var(--np-edge);
  border-radius: 16px;
  background: var(--np-glass);
  pointer-events: none;
}
body.neo-portal-brand-background :is(.neo-mstats-title, #searchCount) {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}
body.neo-portal-brand-background :is(.tool-card, .task-card, .pc-card, .neo-mstats-card) {
  background: var(--np-glass);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.neo-portal-brand-background :is(.home-header, .home-footer) {
  background: var(--np-glass);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.neo-portal-brand-background .home-footer {
  border: 1px solid var(--np-edge);
  border-radius: 18px;
  padding-inline: 12px;
}
body.neo-portal-brand-background :is(.home-profile-dropdown, .neo-lang-dropdown) {
  background: var(--np-solid);
}
body.neo-portal-brand-background #searchCount {
  background-image: var(--np-number);
  animation: none;
}
body.neo-portal-brand-background #searchCount::after { display: none; }
body.neo-portal-brand-background .neo-mstats-value { background-image: var(--np-number); }
body.neo-portal-brand-background .neo-mstats-badge { background: var(--np-solid); }

@media (prefers-reduced-transparency: reduce) {
  body.neo-portal-brand-background,
  html[data-theme="dark"] body.neo-portal-brand-background { --np-glass: var(--np-solid); }
}
