/* synapse-1.23-header-menu-viewport-app-page-polish
   Lightweight polish only. No diagnostics, cover, veil, state-light runtime, or runtime-domain-loader authority. */
:root{
  --synapse-header-height: 4.25rem;
  --synapse-polish-gap: clamp(.7rem, 1.4vw, 1.1rem);
  --synapse-panel-max: 1240px;
}

/* Header rhythm and contained menu */
.site-header{min-height:var(--synapse-header-height);}
.menu-button{white-space:nowrap; width:auto; justify-self:end;}
.site-nav[data-open="true"]{overscroll-behavior:contain;}

@media (max-width: 860px){
  .site-header{position:sticky; grid-template-columns:minmax(0,1fr) auto; align-items:center;}
  .menu-button{min-width:4.85rem; max-width:7rem; justify-content:center;}
  .header-actions{grid-template-columns:.82fr 1.08fr 1.10fr;}
  .site-nav{
    position:absolute;
    left:.65rem;
    right:.65rem;
    top:calc(100% + .36rem);
    z-index:30;
    max-height:min(58svh, 24rem);
    overflow:auto;
    box-shadow:0 18px 38px rgba(16,43,53,.14);
  }
  .site-nav[data-open="true"]{display:flex;}
}

@media (orientation: landscape) and (max-height: 540px) and (max-width: 980px){
  .site-header{grid-template-columns:minmax(8.5rem,auto) auto minmax(0,1fr);}
  .menu-button{min-width:4.4rem; max-width:5.5rem;}
  .header-actions{overflow:visible;}
  .site-nav{right:.55rem; left:auto; width:min(15.5rem, calc(100vw - 1rem)); max-height:calc(100svh - var(--synapse-header-height) - .75rem);}
}

/* Desktop/laptop soft contained viewport: presentation only. */
@media (min-width: 980px){
  body[data-public-chamber-shell="soft-active"]{overflow:hidden;}
  body[data-public-chamber-shell="soft-active"] .site-header{
    padding-block:.52rem;
    gap:.7rem;
    grid-template-columns:minmax(13rem,18rem) minmax(0,1fr) auto;
  }
  body[data-public-chamber-shell="soft-active"] .brand__sigil{width:2rem;height:2rem;}
  body[data-public-chamber-shell="soft-active"] .brand__copy strong{font-size:.95rem;}
  body[data-public-chamber-shell="soft-active"] .brand__copy span{font-size:.66rem;}
  body[data-public-chamber-shell="soft-active"] .site-nav{justify-content:center;}
  body[data-public-chamber-shell="soft-active"] .site-nav__link{font-size:.86rem;padding:.52rem .62rem;}
  body[data-public-chamber-shell="soft-active"] .header-actions{flex-wrap:nowrap;gap:.45rem;}
  body[data-public-chamber-shell="soft-active"] .header-actions .button{min-height:2.2rem;padding:.45rem .72rem;font-size:.82rem;}

  body[data-public-chamber-shell="soft-active"] .page-shell.synapse-public-viewport{
    width:min(var(--synapse-panel-max), calc(100vw - 2rem));
    height:calc(100dvh - var(--synapse-header-height));
    min-height:0;
    padding:.72rem 0 1.05rem;
    overflow:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  body[data-public-chamber-shell="soft-active"] .synapse-public-viewport::before{inset:calc(var(--synapse-header-height) + .55rem) .55rem .55rem .55rem;}
  body[data-public-chamber-shell="soft-active"] .active-chamber{
    min-height:calc(100dvh - var(--synapse-header-height) - 1.8rem);
    padding:.54rem;
  }
  body[data-public-chamber-shell="soft-active"] .hero{
    grid-template-columns:minmax(0,1.05fr) minmax(19rem,.62fr);
    gap:var(--synapse-polish-gap);
    align-items:start;
  }
  body[data-public-chamber-shell="soft-active"] .hero__content{padding:clamp(1.45rem,2.2vw,2.4rem);}
  body[data-public-chamber-shell="soft-active"] .hero h1{
    font-size:clamp(2.8rem,4.45vw,4.05rem);
    line-height:1.01;
    max-width:13.8ch;
    letter-spacing:-.05em;
  }
  body[data-public-chamber-shell="soft-active"] .hero__lede{font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.48;margin-top:.9rem;}
  body[data-public-chamber-shell="soft-active"] .access-card{
    align-self:start;
    justify-content:flex-start;
    min-height:0;
    padding:clamp(1rem,1.8vw,1.45rem);
  }
  body[data-public-chamber-shell="soft-active"] .access-card h2{font-size:clamp(1.05rem,1.8vw,1.45rem);}
  body[data-public-chamber-shell="soft-active"] .access-card p{font-size:.94rem;line-height:1.42;}
  body[data-public-chamber-shell="soft-active"] .page-media-card{margin-top:1rem;}
  body[data-public-chamber-shell="soft-active"] .surface-diagram-card{margin-top:.9rem;}
  body[data-public-chamber-shell="soft-active"] .info-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width: 1260px){
  body[data-public-chamber-shell="soft-active"] .hero h1{font-size:clamp(3rem,4vw,4.25rem);}
}

/* App acquisition page: one coherent install chamber, no free-floating icon field. */
.app-page-shell{width:min(1120px,calc(100% - 2rem));padding-top:clamp(1rem,4vw,3rem);}
.app-install-chamber{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(19rem,.68fr);
  gap:clamp(.9rem,2.4vw,1.4rem);
  align-items:stretch;
  border:1px solid var(--line);
  border-radius:calc(var(--radius,24px) + 8px);
  padding:clamp(.7rem,1.8vw,1rem);
  background:linear-gradient(135deg,rgba(255,253,248,.74),rgba(238,248,239,.58));
  box-shadow:0 22px 64px rgba(16,43,53,.11);
}
.app-install-chamber__identity,
.app-install-card{
  border:1px solid var(--line);
  background:rgba(255,253,248,.82);
  border-radius:var(--radius,24px);
  box-shadow:0 16px 46px rgba(16,43,53,.09);
  padding:clamp(1.1rem,2.6vw,2rem);
}
.app-install-chamber__identity{display:flex;flex-direction:column;justify-content:center;min-height:26rem;}
.app-install-mark{display:inline-grid;place-items:center;gap:.42rem;align-self:flex-start;margin-bottom:1.2rem;}
.app-install-mark img{width:4.85rem;height:4.85rem;border-radius:28%;box-shadow:0 14px 30px rgba(11,80,108,.17);}
.app-install-mark span{font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:var(--teal);}
.app-install-chamber h1{font-size:clamp(2.05rem,4.5vw,4.1rem);line-height:1.02;letter-spacing:-.05em;margin:0;max-width:10.5ch;}
.app-primary-actions{margin-top:1.25rem;}
.app-install-card{align-self:start;}
.app-install-card--steps,.app-install-card--help{grid-column:span 1;}
.app-install-card--steps{grid-column:1 / 2;}
.app-install-card--help{grid-column:2 / 3;}
.app-install-card h2{margin:0 0 .65rem;line-height:1.1;letter-spacing:-.02em;font-size:clamp(1.2rem,2vw,1.75rem);}
.app-install-card p{color:var(--muted);}
.app-install-actions{display:grid;gap:.58rem;margin-top:1rem;}
.install-steps{gap:.55rem;margin-top:.9rem;}
.install-steps li{padding:.72rem .78rem;}

@media (max-width: 860px){
  .app-page-shell{width:min(100% - .75rem,1120px);padding-top:.7rem;}
  .app-install-chamber{grid-template-columns:1fr;padding:.45rem;border-radius:22px;gap:.6rem;}
  .app-install-chamber__identity{min-height:0;padding:1.05rem;}
  .app-install-mark img{width:4rem;height:4rem;}
  .app-install-chamber h1{font-size:clamp(1.95rem,9.5vw,3.1rem);}
  .app-install-card--steps,.app-install-card--help{grid-column:auto;}
}

@media (orientation: landscape) and (max-height: 540px) and (max-width: 980px){
  .app-page-shell{height:calc(100svh - var(--synapse-header-height));overflow:auto;overscroll-behavior:contain;padding:.55rem 0 1rem;}
  .app-install-chamber{grid-template-columns:minmax(0,.95fr) minmax(16rem,.75fr);}
  .app-install-chamber__identity{min-height:0;}
  .app-install-chamber h1{font-size:clamp(1.65rem,4.6vw,2.4rem);max-width:14ch;}
  .app-install-mark img{width:3.35rem;height:3.35rem;}
  .app-install-card{padding:.85rem;}
  .app-install-card--steps,.app-install-card--help{grid-column:auto;}
}