.app-shell {
  position: relative;
  z-index: 1;
  width: min(1040px, calc(100% - 40px));
  min-height: 100vh;
  margin: 0 auto;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.brand-bar { display: flex; align-items: center; justify-content: center; }
.hero { width: min(760px, 100%); margin: 18px auto 20px; text-align: center; }
.workspace { width: min(900px, 100%); margin: 0 auto; }
.ambient { position: fixed; border-radius: 999px; filter: blur(20px); opacity: .55; pointer-events: none; }
.ambient-one { width: 520px; height: 520px; top: -270px; left: -180px; background: radial-gradient(circle, rgba(65,145,255,.25), transparent 70%); }
.ambient-two { width: 460px; height: 460px; right: -190px; top: 140px; background: radial-gradient(circle, rgba(78,197,255,.18), transparent 70%); }